/* =====================================
Template Name: Bizpro
Author URL: http://codeglim.com
Description: Bizpro is a complete One Page Business and Corporate HTML Template. You can use this template for your any business & corporate purpose.
Version:	1.1
========================================*/    

/*=======================================
[Table of contents]
* Default CSS
* Header CSS
	+ Logo
	+ Main Menu
	+ Social
* Slider CSS
* Service CSS
* About Us CSS
* Our Skill CSS
* Why Choose CSS
* Team CSS
* Testimonial CSS
* portfolio CSS
	+ portfolio Latest
	+ portfolio Archive
	+ portfolio Single
* Statics CSS
* Blog CSS
	+ blog Latest
	+ blog Archive
	+ blog Single
* Contact CSS
* Location CSS
* Newslatter CSS
* Clients CSS
* Mail Success CSS
* Home Animation Text
* Home Video Background
* Footer CSS
	+ Footer Top
	+ Copyright
=========================================*/ 

/*=======================
  Header CSS
=========================*/ 
#header {
	background: #fff;
	z-index: 100;
	width: 100%;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
	padding: 10px 0;
}
#header.sticky{
	position:fixed;
}
/*----- Logo -----*/
#header .logo {
	margin-top: 5px;
	background: url(../../../assets/img/d2z-logo.png);
	background-repeat: no-repeat;
	height: 50px;
}

#header .logo a{
	color:#333;
	text-transform:uppercase;
	font-size:25px;
	font-weight:500;
}
/*----- Main Menu -----*/
#header .nav-area{
	position:relative;
}
#header .mainmenu {
	float: right;
	width: 100%;
}
#header .nav{
	float:right;
}
#header .nav li {
	position:relative;
	margin-right:5px;
}
#header .nav li:last-child{
	margin:0;
}
#header .nav li a {
	color: #555;
	text-transform: uppercase;
	font-weight: 700;
	display: block;
	border-radius: 3px;
	background: transparent;
	position: relative;
}
#header .nav li a::before {
	position: absolute;
	content: "";
	left: -100%;
	top: 0;
	width: 6px;
	height: 6px;
	background: #fff;
	border-radius: 100%;
	margin-left: -3px;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
	visibility:hidden;
	opacity:0;
}
#header .nav li.active a:before,
#header .nav li:hover a:before{
	visibility:visible;
	opacity:1;
	left:50%;
}
#header .nav li .sub-menu {
	position: absolute;
	left: 0;
	z-index: 8;
	width: 220px;
	top: 120%;
	opacity: 0;
	visibility: hidden;
	-moz-transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	transform: rotateX(180deg);
}
#header .nav li:hover .sub-menu{
	opacity:1;
	visibility:visible;
	transform: rotateX(0deg);
}
#header .nav li .sub-menu li {
	border-right: none;
}
#header .nav li .sub-menu li a{
	color:#fff;
}
#header .nav li .sub-menu a::before{
	display:none;
}
#header .nav li .sub-menu li:hover a{
	opacity:0.7;
}
#header .nav li .sub-menu li:last-child{
	border-bottom:0px solid;
}
#header .nav li .sub-menu li a {
	padding: 10px 18px;
	text-align: left;
	border-radius: 0px;
	background: transparent;
	text-transform: capitalize;
}
#header .nav li .sub-menu li i{
	margin-right:5px;
}
/*----- Social -----*/
#header .social {
	list-style: none;
	float: right;
	margin-top: 10px;
}
#header .social li {
	margin-right: 10px;
	display: inline-block;
}
#header .social li:last-child{
	margin-right: 0px;
}
#header .social a {
	width: 26px;
	height: 26px;
	background: #fff;
	line-height: 26px;
	display: block;
	text-align: center;
	font-size: 13px;
	color: #252525;
	border-radius: 100%;
}
#header .social a:hover{
	border-color: transparent;
}
/*----- Header Extra  -----*/
#header.sticky .logo a,
#header.sticky .logo a span,
#header.sticky .nav li a,
#header.sticky .nav li.active a
{
	color:#fff !important;
}
#header.sticky .nav li .sub-menu{
	background: rgba(0, 0, 0, 0.85);
}
/*=======================
  End Header
=========================*/
/*=======================
  Slider CSS
=========================*/ 
#j-slider {
	position: relative;
	overflow: hidden;
	height:580px;
}
#j-slider .single-slider {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	position: relative;
	height:580px;
	position:relative;
}
#j-slider .single-slider:before{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.60);
	content: "";
}
#j-slider .slide-text {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
	height:580px;
}
#j-slider .slider-inner {
	display: inline-block;
}
#j-slider .slide-text h1 {
	color: #fff;
	font-size: 25px;
	font-weight: 900;
	text-transform: uppercase;
	margin-bottom: 20px;
	padding-bottom: 20px;
	line-height: 60px;
	position: relative;
}
#j-slider .slide-text h1:before{
	position:absolute;
	left:0;
	bottom:-1px;
	content:"";
	content:"";
	width:60px;
	height:2px;
}
#j-slider .slide-text.center h1:before{
	left:0%;
}
#j-slider .slide-text h1 span{
	display:block;
}
#j-slider .slide-text p {
	color: #fff;
	margin-bottom: 20px;
}
#j-slider .text-inner {
	padding: 30px;
	border-radius: 30px;
}
#j-slider .slide-button .button {
	color: #fff;
	margin: 0 10px 0 0;
	position: relative;
	background: #252525;
	padding: 10px 38px;
	overflow: hidden;
	font-size: 15px;
	z-index: 3;
	text-transform: capitalize;
	background: transparent;
	border-radius: 0px;
}
#j-slider .owl-nav {
	position:absolute;
	top:50%;
	left:0;
	width:100%;
}
#j-slider .owl-nav div {
	position: absolute;
	top: 50%;
	width: 50px;
	height: 50px;
	line-height: 50px;
	background: transparent;
	border: 1px solid #eee;
	font-size: 30px;
	/* line-height: 50px; */
	padding: 0;
	border-radius: 100%;
}
#j-slider .owl-nav div.owl-prev{
	left:0;
}
#j-slider .owl-nav div.owl-next{
	right:0;
}
#j-slider .animate-text{
	height:100%;
}
#j-slider .animate-text .single-slider{
	position:relative;
}
#j-slider .animate-text .slide-text.center{
	max-width:800px;
}
#j-slider .animate-text .slide-text h1 {
	margin: 0 0 15px;
	font-weight: 800;
	text-transform: uppercase;
	color: #fff;
	font-size: 50px;
}
#j-slider .animate-text .slide-text h1 span{
	display:block;
}
#j-slider .animate-text .info {
	text-transform: uppercase;
	display: inline-block;
	font-size: 35px;
	font-weight:700;
	margin: 0;
	padding: 0 10px;
}
#j-slider .animate-text span {
	display: block;
	color:#88B749;
	padding: 0;
}
#j-slider .animate-text .typed-cursor {
	display:none;
}
#j-slider .animate-text .slide-text p {
	color: #fff;
	font-size:15px;
}
/*=======================
  End Slider CSS
=========================*/

/*=======================
  Service CSS
=========================*/ 
/*#service{
	position:relative;
}
#service .single-service {
	text-align: center;
	position: relative;
	margin-top: 30px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	border-radius: 5px;
}
#service .single-service i {
	font-size: 45px;
	margin-bottom: 15px;
	text-align: center;
	color: #555;
	border: 1px solid transparent;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
#service .single-service h2 {
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 15px;
	padding-bottom: 15px;
	position: relative;
	color: #555;
}
#service .single-service h2::before {
	position: absolute;
	content: "";
	width: 40px;
	height: 2px;
	margin-left: -20px;
	left: 50%;
	opacity:1;
	visibility:visible;
	bottom: -1px;
	background: #555;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
#service .single-service p{
	font-size:14px;
	line-height:26px;
}*/
/*=======================
  End Service CSS
=========================*/  

/*=======================
  About Us Css
=========================*/ 
/*#about-us {
	background: #f5f5f5;
	padding: 30px 0 0;
	overflow-x:hidden;
}
#about-us .about-main{
	margin-top:30px;
}
#about-us .about-img{
	margin-top:30px;
}
#about-us .about-img img{
	border-bottom:4px solid;
	border-radius: 0 0 10px 10px;
	height: 310px;
}
#about-us .tabs-main {
	margin-top: 30px;
	background: #fff;
	padding: 20px;
	-webkit-box-shadow:0px 1px 5px rgba(0, 0, 0, 0.30);
	-moz-box-shadow:0px 1px 5px rgba(0, 0, 0, 0.30);
	box-shadow:0px 1px 5px rgba(0, 0, 0, 0.30);
}
#about-us .tabs-main .nav-tabs {
	margin-bottom: 20px;
}
#about-us .tabs-main .nav-tabs li a {
	border-radius: 0px;
	margin: 0;
	font-size:14px;
	border: 1px solid #eee;
	padding: 14px 25px;
	text-transform: uppercase;
	color: #555;
}
#about-us .tabs-main .nav-tabs li.active{
	border-color:transparent;
border: 1px solid #eee;
	color: #555;
}
#about-us .tabs-main .nav-tabs li.active a {
	border-color: transparent;
	border: 1px solid #eee;
    font-weight: 500;
}
#about-us .tabs-main .nav-tabs li:hover a{
	font-weight: 500;
	/*color:#fff;*/
}
/*#about-us .single-tab {
	margin-top: 20px;
	position: relative;
	padding: 12px 12px 12px 50px;
	border-radius: 5px;
	border-bottom: 1px dotted;
}

#about-us .single-list{
	/*margin-top: 10px;*/
	/*position: relative;
	padding: 12px 12px 12px 50px;
	border-radius: 5px;
	border-bottom: 1px dotted;
}



#about-us .single-tab i {
	width: 40px;
	height: 40px;
	line-height: 40px;
	color: #fff;
	text-align: center;
	position: absolute;
	left: -2px;
	font-size: 18px;
	border-radius: 100%;
}

#about-us .single-tab h2 {
	
	font-size: 20px;
	margin-bottom: 5px;
	font-weight: 500;
}


#about-us .single-tab h4 {
	font-size: 16px;
	margin-bottom: 5px;
	font-weight: 500;
}

#about-us .single-list h2 {
	
	font-size: 20px;
	margin-bottom: 5px;
	font-weight: 500;
}
#about-us .single-list i {
	width: 40px;
	height: 40px;
	line-height: 40px;
	color: #fff;
	text-align: center;
	position: absolute;
	left: -2px;
	font-size: 18px;
	border-radius: 100%;
}
#about-us .single-list h4 {
	font-size: 14px;
	margin-bottom: 2px;
	font-weight: 300;
}
#about-us .single-tab p {
	line-height: 15px;
	font-size: 14px;
}
*/
/*=======================
  End About Us Css
=========================*/ 

/*=======================
  Our Skill CSS
=========================*/
/*#our-skill {
	background:#fff;
	padding:60px 0 90px;
}
#our-skill .info-main,
#our-skill .skill-main{
	margin-top:30px;
}
#our-skill .some-info{
	margin-bottom:20px;
}
#our-skill .info-list li {
	margin-bottom: 15px;
	font-weight: 400;
	color: #555;
}
#our-skill .info-list li:last-child{
	margin:0;
}
#our-skill .info-list li i {
	border: 1px solid;
	width: 20px;
	height: 20px;
	font-size: 12px;
	margin-right: 10px;
	line-height: 20px;
	text-align: center;
}
#our-skill .single-skill {
	margin-bottom: 30px;
}
#our-skill .single-skill:last-child {
	margin:0;
}
#our-skill .skill-info {
	margin-bottom:5px;
}
#our-skill .skill-info h4 {
	color:#555;
	font-size: 15px;
	margin-bottom: 18px;
}
#our-skill .single-skill .progress {
	height: 8px;
	margin: 0;
	overflow: visible;
	background: #eee;
	box-shadow: none;
}
#our-skill .single-skill .progress-bar {
	position:relative;
	width:30%;
	height: 100%;
}
#our-skill .single-skill .progress-bar span {
	position: absolute;
	right: 0;
	top: -36px;
	color: #555;
	font-size:15px;
	font-weight:700;
}
#our-skill .single-skill .progress-bar span::before {
	position: absolute;
	left: 16px;
	top: 25px;
	border-top: 11px solid transparent;
	content: "";
	border-left: 15px solid;
}*/
/*=======================
  End Our Skill CSS
=========================*/ 

/*=======================
  Why Choose Us
=========================*/ 
/*#why-choose {
	position: relative;
	background: #2c3e50;
	padding: 50px 0;
}
/*#why-choose .why-image {
	position: absolute;
	left: 0px;
	height: 100%;
	top: 0px;
	/*background: url(../../../assets/img/video.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	width: 48%;
	border-right: 5px solid #fff;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
}*/
/*#why-choose .why-image{
	margin-top:30px;
}
#why-choose .why-image img{
	border-bottom:4px solid;
	border-radius: 0 0 10px 10px;
	height: 310px;
}
/*#why-choose .why-image:before{
	position: absolute;
	top: 0;
	top:0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.25);
	content:"";
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
#why-choose .why-image:hover:before{
	background: rgba(0, 0, 0, 0.10);
}
#why-choose .why-image .video a {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 70px;
	height: 70px;
	text-align: center;
	color: #fff;
	line-height: 70px;
	border-radius: 100%;
	font-size: 32px;
	margin: -35px 0 0 -35px;
	padding: 2px 2px 2px 6px;
}
#why-choose .why-image:hover .video a{
	border-color:transparent;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
#why-choose .why-image .video a:hover{
	background:#2C3E50;
}*/
/*#why-choose h2 {
	/*color: #fff;*/
	/*font-size: 25px;
	margin-bottom: 15px;
	text-transform: uppercase;
}
#why-choose  p {
	color: #eee;
}
#why-choose .single-choose {
	position: relative;
	margin-top: 30px;
	padding: 20px;
	border-radius: 5px;
	text-align: center;
}
#why-choose .single-choose i {
	color: #fff;
	text-align: center;
	font-size: 22px;
	margin: 0;
	border: 1px solid #fff;
	width: 52px;
	height: 52px;
	line-height: 52px;
	border-radius: 100%;
	position:relative;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
#why-choose .single-choose:hover i{
	border-color:transparent;
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	transform:scale(1.1);
}
#why-choose .single-choose h4 {
	color: #fff;
	margin: 12px 0 0;
	font-size: 20px;
	font-weight:500;
}*/
/*=======================
  End Why Choose Us
=========================*/ 

/*=======================
  Team CSS
=========================*/  
/*#team .single-team {
	text-align: center;
	position: relative;
	margin-top: 30px;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
}

#team .single-team.active,
#team .single-team:hover {
	-moz-box-shadow:0px 1px 10px rgba(0, 0, 0, 0.31);
	-webkit-box-shadow:0px 1px 10px rgba(0, 0, 0, 0.31);
	box-shadow:0px 1px 10px rgba(0, 0, 0, 0.31)
}

#team .team-head {
	position: relative;
	overflow: hidden;
}
#team .single-team img {
    width: 100%;
}
#team .team-info {
	position: relative;
	bottom: 0;
	width: 100%;
	padding:10px;
}
#team .team-info .name{
	margin-bottom:10px;
}
#team .team-info .name h4 {
	color: #444;
	position: relative;
	display: inline-block;
	font-size: 18px;
	text-transform: uppercase;
	margin: 0;
	font-weight: 500;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
#team .team-info h4 span {
	margin: 0;
	text-transform: capitalize;
	display: block;
	margin-top: 5px;
	font-size: 15px;
	font-weight: 400;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
#team .team-info p {
	line-height: 22px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	font-size: 14px;
	color: #666;
}
#team .team-social {
	margin-top: 10px;
}
#team .team-social li {
    display: inline-block;
    margin: 0px 5px;
}
#team .team-social li a {
	display: block;
	height: 26px;
	width: 26px;
	text-align: center;
	color: #fff;
	line-height: 26px;
	font-size: 14px;
	border-radius: 15px;
	border:1px solid transparent;
}
#team .team-social li a:hover{
	background:#444;
}*/
/*=======================
  End Team CSS
=========================*/ 

/*=======================
  Testimonial CSS
=========================*/
/*#testimonial{
	/* background:url('images/testimonial.jpg'); */
	/*background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	position:relative;
}
#testimonial::before {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.70);
	content: "";
}
#testimonial .section-title h2{
	color:#fff;
}
#testimonial .section-title h2:after{
	color:#fff;
	opacity:0.2;
}
#testimonial .testimonial-carousel {
	position: relative;
}
#testimonial .testimonial-content {
	padding: 25px 150px 25px;
	position: relative;
	text-align: center;
}
#testimonial .testimonial-content p {
	color: #fff;
}
#testimonial .testimonial-content::before {
	position: absolute;
	font-family: FontAwesome;
	font-size: 40px;
	top: 11px;
	left: 100px;
	content: "\f10d";
	opacity: 1;
	color: #fff;
	transform: rotate(14deg);
}
#testimonial .testimonial-info {
	text-align:center;
}
#testimonial .testimonial-info .arrow{
	position:relative;
}
#testimonial .testimonial-info .arrow::before {
	position: absolute;
	content: "";
	border-top: 16px solid transparent;
	border-left: 23px solid;
	left: 49%;
	top: -14px;
}
#testimonial .testimonial-info .img {
	display: block;
	position: relative;
}
#testimonial .testimonial-info img {
	width: 80px;
	height: 80px;
	display: inline-block;
	margin-bottom: 10px;
	vertical-align: middle;
	position: relative;
	border: 2px solid #fff;
}
#testimonial .testimonial-info h6 {
	font-size: 18px;
	text-transform: uppercase;
	padding-bottom: 15px;
	position: relative;
	font-weight: 500;
	color: #fff;
	display: inline-block;
	margin: 0;
}
#testimonial .testimonial-info h6:before{
	position:absolute;
	left:0;
	bottom:0;
	width:50%;
	left:50%;
	margin-left:-25%;
	height:2px;
	content:"";
}
#testimonial .testimonial-info span {
	display: block;
	font-size: 12px;
	margin-top: 10px;
	color: #fff;
}
/* Testimonial Nav */
/*#testimonial .owl-nav div {
	position: absolute;
	top: 50%;
	width: 40px;
	height: 40px;
	line-height: 40px;
	margin-top: -20px;
	background: transparent;
	font-size: 38px;
	padding: 0;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	margin: 0;
}
#testimonial .owl-nav .owl-prev{
	left:0;
}
#testimonial .owl-nav .owl-next{
	right:0;
}*/
/*=======================
  End Testimonial CSS
=========================*/

/*=======================
  portfolio CSS
=========================*/
#portfolio{
	background:#f5f5f5;
}
#portfolio .portfolio-carousel{
	position:relative;
	margin-top:30px;
}
#portfolio .portfolio-single {
	position: relative;
	overflow: hidden;
	transition: all 0.3s ease;
	background: #fff;
	padding: 5px;
}
#portfolio .portfolio-head{
	position:relative;
	overflow:hidden;
}
#portfolio .portfolio-head:before{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	content:"";
	height:100%;
	z-index:3;
	-webkit-transition:all 0.6s ease;
	-moz-transition:all 0.6s ease;
	transition:all 0.6s ease;
	-webkit-transform:translateX(100%);
	-moz-transform:translateX(100%);
	transform:translateX(100%);
} 
#portfolio .portfolio-single:hover .portfolio-head:before{
	-webkit-transform:translateX(0%);
	-moz-transform:translateX(0%);
	transform:translateX(0%);
} 
#portfolio .portfolio-head img{
	width:100%;
	z-index:2;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
#portfolio .portfolio-single:hover .portfolio-head img{
	-webkit-transform:translateX(-100%);
	-moz-transform:translateX(-100%);
	transform:translateX(-100%);
}
#portfolio .portfolio-head i {
	position: absolute;
	top: 100%;
	left: 50%;
	width: 50px;
	height: 50px;
	line-height: 50px;
	font-size: 20px;
	text-align: center;
	margin: -20px 0 0 -20px;
	content: "";
	background: #fff;
	border-radius: 100%;
	z-index: 4;
	cursor: pointer;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
#portfolio .portfolio-single:hover i{
	top:50%;
	opacity:1;
	visibility:visible;
}
#portfolio .portfolio-single i:hover{
	background:#444;
	color:#fff;
}
#portfolio .text{
	padding:20px;
}
#portfolio  .text h4 {
	text-transform: uppercase;
	font-size: 18px;
	font-weight: 700;
	margin-bottom:10px;
}
#portfolio  .text h4 a:hover{
	color:#444;
}
#portfolio .text p {
	font-size: 14px;
}
/* portfolio Button */
#portfolio .owl-theme .owl-nav {
	text-align: center;
	margin: 0;
	width:100%;
}
#portfolio .owl-theme .owl-nav div {
	margin: 0 10px 0 0;
	width: 40px;
	height: 40px;
	font-size: 20px;
	line-height: 40px;
	padding: 0;
	position: absolute;
	top: 50%;
	margin-top: -15px;
	font-size: 30px;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
#portfolio .owl-theme .owl-nav div:hover{
	background:#444;
}
#portfolio .owl-theme .owl-nav div:last-child{
	margin-right:0;
}
#portfolio .owl-theme .owl-nav .owl-prev {
	left:0;
}
#portfolio .owl-theme .owl-nav .owl-next {
	right:0;
}

/*----- Portfolio Archive -----*/
#portfolio.archive{
	padding:40px 0 70px;
}
#portfolio.archive .portfolio-single{
	margin-top:30px;
}
#portfolio .pagination {
	display: block;
	padding-left: 0;
	border-radius: 4px;
	text-align: left;
	margin: 30px 0 0;
}
#portfolio .pagination li{
	display:inline-block;
}
#portfolio .pagination li a {
	color: #333;
	background: #FAF9F9;
	padding: 10px 25px;
	font-weight: 400;
}
#portfolio .pagination li:hover a,
#portfolio .pagination li.active a{
	border-color:transparent;
	color:#fff;
} 

/*----- portfolio Single -----*/
#portfolio.single {
	padding: 40px 0 70px;
	background: #fff;
}
#portfolio.single .portfolio-single-slide{
	margin-top:30px;
}
#portfolio.single .portfolio-head:before{
	display:none;
}
#portfolio.single .portfolio-single:hover .portfolio-head img{
	-webkit-transform:translateX(-0%);
	-moz-transform:translateX(-0%);
	transform:translateX(-0%);
}
#portfolio.single .portfolio-des {
	margin-top: 30px;
}
#portfolio.single .portfolio-des h2 {
	font-size: 20px;
	text-transform: uppercase;
}
#portfolio.single .portfolio-des p{
	margin-bottom:10px;
}
#portfolio.single .portfolio-des p:last-child{
	margin:0;
}
#portfolio.single .features{
	overflow:hidden;
	margin-top:30px;
}
#portfolio.single .features h2 {
	text-transform: uppercase;
	font-size: 20px;
	margin-bottom: 15px;
	padding-bottom: 15px;
	position: relative;
}
#portfolio.single .features h2::before {
	content: "";
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 20%;
	height: 2px;
}
#portfolio.single .features li {
	margin-bottom: 8px;
	font-weight: 400;
	font-size: 14px;
	color: #555;
}
#portfolio.single .features li ul{
	display:inline-block;
}
#portfolio.single .features li ul li {
	display: inline-block;
	margin:0;
}
#portfolio.single .features li i{
	font-weight:700;
	margin-right:5px;
}
#portfolio.single .website{
	display:block;
	width:100%;
	margin-top:20px;
}
#portfolio.single .website .button {
	padding: 10px 18px;
	margin-right: 15px;
}
#portfolio.single .website .button  i{
	margin-right:5px;
}
#portfolio.single .website a
#portfolio.single .portfolio-info {
	overflow: hidden;
	background: #333;
	padding: 10px 0;
	border-radius: 5px;
	margin: 40px 0 0;
}
#portfolio.single .portfolio-info li {
	float: left;
	width: 33%;
	text-align: center;
	font-size: 16px;
	color: #fff;
}
#portfolio.single .portfolio-info li span{
	font-weight:700;
	margin-right:5px;
}
#portfolio.single .portfolio-des .button i{
	margin-left:5px;
}
#portfolio .related-portfolio .portfolio-single{
	margin-top:30px;
}
/*=======================
  End portfolio CSS
=========================*/

/*=======================
  Statics CSS
=========================*/ 
#statics {
	position: relative;
	z-index: 2;
	background: #2c3e50;
	padding: 50px 0;
}
#statics h2 {
	color: #fff;
	font-size: 25px;
	margin-bottom: 15px;
	text-transform: uppercase;
}
#statics p{
	color:#fff;
}
#statics .static-single {
	text-align: center;
	padding: 10px;
	position: relative;
	border-radius: 6px;
	margin-top: 30px;
	padding: 25px 0;
}
#statics .number {
	margin: 0 0 5px;
}
#statics .number span {
	display: inline-block;
	font-size: 28px;
	color: #fff;
	font-weight: 500;
}
#statics .static-single p {
	color: #fff;
	font-weight: 400;
	display: block;
	font-size: 14px;
	text-transform: uppercase;
}
#statics .static-image{
	position:absolute;
	right:0;
	width:40%;
}
#statics .static-image {
	position: absolute;
	right: 0px;
	height: 100%;
	top: 0px;
	background: url(../../assets/img/static-bg.jpg) no-repeat scroll center center / cover;
	width: 48%;
	border-left: 5px solid #fff;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
/*=======================
  End Statics CSS
=========================*/ 

/*=======================
  Blog CSS
=========================*/
#blog {
	position:relative;
}
#blog .single-blog {
	margin-top: 30px;
	background: #fff;
	box-shadow: 0px 0px 4px rgba(21, 20, 20, 0.15);
	padding: 8px;
}
#blog .single-blog .blog-head{
	position:relative;
	overflow:hidden;
}
#blog .blog-head::before {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, 0.3);
	content: "";
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	transform: translateY(-100%);
	z-index: 8;
}
#blog .single-blog:hover .blog-head:before{
    opacity:1;
	visibility:visible;
	-webkit-transform:translateY(0%);
	-moz-transform:translateY(0%);
	transform:translateY(0%);
}
#blog .single-blog .blog-head img {
	display: block;
	width: 100%;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	z-index:3;
}
#blog .single-blog:hover .blog-head img{
	-webkit-transform:scale(1.2);
	-moz-transform:scale(1.2);
	transform:scale(1.2);
}
#blog  .single-blog .link {
	position: absolute;
	left: 0;
	top: 0%;
	width: 40px;
	height: 40px;
	color: #fff;
	border-radius:100%;
	opacity: 0;
	visibility: hidden;
	text-align: center;
	left: 50%;
	margin: -20px 0 0 -20px;
	line-height: 40px;
	z-index:9;
}
#blog  .single-blog .link:hover{
	background:#252525;
}
#blog  .single-blog:hover .link{
	top: 50%;
	opacity:1;
	visibility:visible;
}
#blog .blog-content {
	padding: 20px 0 0;
}
#blog .blog-content h2 {
	margin-bottom: 10px;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 500;
	cursor: pointer;
	line-height: 25px;
}
#blog .blog-content h2 a {
	color: #444;
}
#blog .blog-content .meta {
	margin-bottom: 10px;
}
#blog .blog-content .meta span {
	margin-right: 10px;
	color: #666;
	font-size: 14px;
}
#blog  .blog-content .meta span i {
	margin-right: 5px;
}
#blog .blog-content p {
	color: #666;
	font-size: 15px;
}
#blog .blog-content .btn {
	margin-top: 15px;
	font-size: 12px;
	padding: 0px;
	background: transparent;
	border: none;
	text-transform: uppercase;
}
#blog  .blog-content .btn:hover{
	color:#333;
}
#blog .blog-content .btn i{
	margin-left:5px;
}
/* Blog Button */
#blog .owl-theme .owl-nav {
	text-align: center;
	margin: 0;
	width:100%;
}
#blog .owl-theme .owl-nav div {
	margin: 0 10px 0 0;
	width: 40px;
	height: 40px;
	font-size: 20px;
	line-height: 40px;
	padding: 0;
	position: absolute;
	top: 50%;
	margin-top: -15px;
	font-size: 30px;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
#blog .owl-theme .owl-nav div:hover{
	background:#444;
}
#blog .owl-theme .owl-nav div:last-child{
	margin-right:0;
}
#blog .owl-theme .owl-nav .owl-prev {
	left:0;
}
#blog .owl-theme .owl-nav .owl-next {
	right:0;
}
/*----- Blog Archive -----*/
#blog.archive {
	background: #f5f5f5;
	padding: 40px 0 70px;
}
#blog.archive .single-blog{
	padding:10px;
}
#blog .pagination {
	display: block;
	padding-left: 0;
	border-radius: 4px;
	text-align: left;
	margin: 30px 0 0;
}
#blog .pagination li{
	display:inline-block;
}
#blog .pagination li a {
	color: #333;
	background: #fff;
	padding: 10px 25px;
	font-weight: 400;
}
#blog .pagination li:hover a,
#blog .pagination li.active a{
	border-color:transparent;
	color:#fff;
} 

/*----- Blog Single -----*/
#blog.single {
	background: #f5f5f5;
	padding: 40px 0 70px;
}
#blog.single .single-blog{
	padding:15px;
}
#blog.single .blog-head:before{
	display:none;
}
#blog.single .single-blog:hover .blog-head img{
	transform:scale(1.0)
}
#blog.single .blog-content h2{
	font-size:30px;
}
#blog.single .single-blog p{
	margin-bottom:20px;
}
#blog.single .single-blog p:last-child{
	margin:0;
}
/*----- Blog Comments -----*/
#blog .blog-comments {
	padding: 15px;
	background: #fff;
	margin-top: 30px;
	-webkit-box-shadow: 0px 0px 4px rgba(21, 20, 20, 0.4);
	-moz-box-shadow: 0px 0px 4px rgba(21, 20, 20, 0.4);
	box-shadow: 0px 0px 4px rgba(21, 20, 20, 0.4);
}
#blog .blog-comments h2 {
	text-align: left;
	text-transform: capitalize;
	font-size: 20px;
	margin-bottom: 15px;
	padding-bottom: 15px;
	position: relative;
	display: inline-block;
	width: 100%;
	text-align: center;
}
#blog .blog-comments h2::before {
	position: absolute;
	left: 50%;
	margin-left: -5%;
	bottom: -1px;
	content: "";
	width: 10%;
	height: 2px;
	content: "";
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
#blog .single-comments {
	overflow: hidden;
	border-bottom: 1px solid #e2e2e2;
	padding-bottom: 30px;
	margin-bottom: 30px;
	margin-top: 30px;
}
#blog .single-comments:last-child{
	border:0px;
	margin:0;
	padding:0;
}
#blog .single-comments .main {
	overflow: hidden;
}
#blog .single-comments .head {
	float: left;
	margin-right: 20px;
	text-align: center;
	width: 12%;
}
#blog .single-comments .body {
	float: left;
	width: 85%;
	padding: 10px;
	position: relative;
}
#blog .single-comments .body::before {
	position: absolute;
	left: -12px;
	top: -1px;
	content: "";
	border-top: 14px solid transparent;
	border-bottom: 5px solid transparent;
	border-right: 12px solid ;
}
#blog .single-comments img {
	width: 65px;
	height: 65px;
	border-radius: 100%;
}
#blog .single-comments h4 {
	margin: 5px 0 0;
	font-size: 16px;
	text-align: left;
	font-weight: 400;
}
#blog .single-comments .meta {
	font-size: 14px;
	margin: 0;
	color: #fff;
	font-weight: 500;
}
#blog .single-comments p {
	font-size: 13px;
	color:#fff;
}
#blog .single-comments a {
	text-transform: uppercase;
	font-size: 12px;
	color: #fff;
	font-weight: 400;
}
#blog .single-comments a:hover{
	color:#fff;
}

/*----- Blog Sidebar -----*/
#blog .form .search{
	position:relative;
}
#blog .form .s-button {
	position: absolute;
	right: 0;
	top: 0;
}
#blog .form .search input[type="text"] {
	border: 0px solid;
	width: 100%;
	height: 50px;
	background: #f8f8f8;
	padding-left: 10px;
}
#blog .form .search input[type="submit"] {
	height: 50px;
	width: 81px;
	border: 0px solid;
	color: #fff;
	right: 0;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
#blog .form .search input[type="submit"]:hover{
	background:#333;
}
#blog .blog-sidebar.sticky{
	position: fixed;
	top: 0px;
	width: 360px;
	left: 884.5px;
}
#blog .single-sidebar {
	margin-top: 30px;
	background: #fff;
	padding: 15px;
	-webkit-box-shadow: 0px 0px 4px rgba(21, 20, 20, 0.15);
	-moz-box-shadow: 0px 0px 4px rgba(21, 20, 20, 0.15);
	box-shadow: 0px 0px 4px rgba(21, 20, 20, 0.15);
}
#blog .single-sidebar h2 {
	text-transform: capitalize;
	font-size: 18px;
	margin-bottom: 15px;
	border-bottom: 1px solid #ddd;
	padding-bottom: 15px;
	display: block;
}
#blog .single-sidebar ul li a{
	color:#424242;
}
#blog .latest .single-post{
	overflow:hidden;
	margin-bottom:20px;
}
#blog .latest .single-post:last-child{
	margin-bottom:0px;
}
#blog .latest .single-post img {
	width: 60px;
	height: 60px;
	border-radius: 100%;
}
#blog .latest .post-info{
	display:table-cell;
	vertical-align:top;
}
#blog .latest .post-info h4 {
	margin: 0;
	font-size: 15px;
	margin-bottom: 5px;
	line-height: 25px;
	font-weight: 500;
}
#blog .latest .post-info a{
	color:#424242;
}
#blog .latest .post-info p {
	margin: 0;
	font-weight: 300;
}
#blog .category ul li {
	margin-bottom: 10px;
	font-size: 16px;
	display: block;
	font-weight: 400;
}
#blog .category ul li:last-child{
	margin-bottom:0px;
}
#blog .category ul li a i {
	width: 20px;
	height: 20px;
	line-height: 18px;
	text-align: center;
	border-radius: 50px;
	font-size: 12px;
	margin-right: 5px;
	vertical-align: middle;
}
#blog .category ul li span {
	float: right;
}
#blog .tags ul li {
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 10px;
}
#blog .tags ul li a {
	color: #fff;
	display: block;
	padding: 5px 10px;
	background: #444;
}
/*=======================
  End Blog CSS
=========================*/

/*=======================
  Contact CSS
=========================*/
#contact {
	background: #f5f5f5;
	position: relative;
	overflow-x:hidden;
}
#contact .form, 
#contact .single-address{
	margin-top:30px;
}
#contact .form-group {
	position: relative;
	text-align: center;
}
#contact .form-group:last-child{
	margin-bottom:0px;
}
#contact .form-group input {
	width: 100%;
	height: 44px;
	border: 1px solid #e2e2e2;
	padding-left: 10px;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
#contact .form-group textarea{
	border: 1px solid #e2e2e2;
	padding:10px;
	width: 100%;
	height:210px;
	padding-left:10px;
	resize:none;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
#contact .form-group .button {
	height: 50px;
	height: 42px;
	border-radius: 0px;
	border: 0px solid;
	padding: 0;
	font-size: 14px;
	text-transform: uppercase;
	display: inline-block;
	padding: 0 25px;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
#contact .form-group .button:hover{
	background:#252525;
}
#contact .form-group .button i{
	position:relative;
	display:inline-block;
	color:#fff;
	margin-right:10px;
	padding:0px;
}
#contact .form-group .button:hover{
	 -webkit-animation-name: hvr-icon-wobble-horizontal;
	animation-name: hvr-icon-wobble-horizontal;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
}
#contact .gmap .map {
	position: absolute;
	top: 235px;
	right: 0;
	width: 55%;
	height: 386px;
}
/* Icon Wobble Horizontal */
@-webkit-keyframes hvr-icon-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px);
  }
  33.3% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
  }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes hvr-icon-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px);
  }
  33.3% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
  }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
/*=======================
  End Contact CSS
=========================*/

/*=======================
  Location CSS
=========================*/  
#location .single-address {
	padding: 30px;
	text-align: center;
	border-radius: 5px;
	margin-top: 30px;
	background:#252525;
}
#location .single-address i {
	font-size: 22px;
	margin-bottom: 15px;
	width: 50px;
	height: 50px;
	line-height: 50px;
	color: #fff;
	border-radius: 100%;
	border: 1px solid #fff;
}
#location .single-address.active i{
	background:transparent;
	color:#fff;
}
#location .single-address h4 {
	margin-bottom: 8px;
	color: #fff;
	font-size: 18px;
}
#location .single-address p{
	color:#fff;
	font-weight:400;
}
/*=======================
  End Location CSS
=========================*/

/*=======================
  Newslatter CSS
=========================*/  
#newslatter {
	padding: 70px 0;
	/* background: url('images/newslatter-bg.jpg'); */
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
}
#newslatter::before {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.60);
	content: "";
}
#newslatter .newslatter {
	text-align: center;
	margin-top: 50px;
}
#newslatter .newslatter form h4 {
	color: #f2f2f2;
	font-size: 25px;
	text-transform: capitalize;
	margin-bottom: 20px;
}
#newslatter .newslatter form {
	position:relative;
}
#newslatter .newslatter form input {
	width: 100%;
	height: 52px;
	padding-left: 35px;
	text-transform: capitalize;
	border-radius: 50px;
	border: none;
}
#newslatter .newslatter form button {
	width: 100px;
	height: 52px;
	margin: 0;
	padding: 0;
	border: 0px solid;
	top: 0;
	border-radius: 50px;
	right: 0;
	position: absolute;
	border: none;
	overflow: hidden;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	box-shadow: none;
}
#newslatter .newslatter form button:hover{
	background:#252525;
}
#newslatter h2 {
	color: #fff;
	margin-bottom: 20px;
}
#newslatter p{
	color:#fff;
}
/*=======================
  End Newslatter CSS
=========================*/

/*=======================
  Clients CSS
=========================*/
#clients {
	padding: 30px 0;
}
#clients .single-client {
	text-align: center;
}
#clients .single-client img {
	opacity: 1;
	cursor: pointer;
	opacity: 0.7;
	width: auto;
	display: inline-block;
}
#clients .single-client:hover img{
	opacity:1;
}
/*=======================
  End Clients CSS
=========================*/


/*=======================
  Background Video
=========================*/
#j-slider.video{
	position: relative;
	z-index: 1;
}
#j-slider.video::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.40);
	z-index: 5;
}
#j-slider.video #wrapper_YTP_1498216259090 {
	z-index: -4;
}
#j-slider.video .video-main{
	z-index:6;
}
/*=======================
  End Background Video
=========================*/
#mail{
	background:#f5f5f5;
	text-align:center;
}
#mail .button {
	padding: 10px 25px;
	margin-top:10px;
}
#mail .button i{
	margin-right:5px;
}
/*=======================
  Footer CSS
=========================*/
#footer {
	background: #252525;
	position: relative;
	text-align:center;
}
#footer::before {
	position: absolute;
	left: 0;
	top: 0;
	content: "";
	background: #fff;
	border-bottom: 26px solid;
	border-left: 30px solid transparent;
}
#footer .footer-top {
	padding: 60px 0;
}
#footer .logo{
	margin-bottom:40px;
}
#footer .logo a{
	color:#fff;
	text-transform:uppercase;
	font-size:40px;
	font-weight:400;
}
#footer .social {
	float: none;
	margin-bottom:40px;
}
#footer .social li {
	display: inline-block;
	margin-right: 10px;
	color: #fff;
	font-weight: 500;
}
#footer .social li:last-child{
	margin-right:0;
}
#footer .social a {
	display: block;
	width: 38px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	color: #fff;
	border: 1px solid #eee;
	color: #fff;
	border-radius: 100%;
}
#footer .social li:hover a,
#footer .social li.active a{
	color:#fff;
	border-color:transparent;
}
#footer .nav li {
	display: inline-block;
	margin-right: 40px;
}
#footer .nav li:last-child{
	margin:0;
}
#footer .nav li a {
	padding: 0;
	text-transform: uppercase;
	font-size: 15px;
	color:#eee;
	background:transparent;
}
#footer .copyright {
	background: #151515;
	/* padding: 8px 0; */
}
#footer .copyright p{
	color:#fff;
	margin-top: 10px;
}
#footer .copyright p span{
	margin:0 5px;
}
#footer .copyright p i{
	-webkit-animation: blink 1s infinite;
	-moz-animation: blink 1s infinite;
	animation: blink 1s infinite;
}
/*=======================
  End Footer  CSS
=========================*/ 


/* =================================================
   01 - Global Style
====================================================*/   
*{
	margin:0;
	padding:0;
}
body {
	font-family: 'Roboto', sans-serif;
    font-weight: 400;
	font-size: 14px;
    line-height: 24px;
	color:#333;
	background:#fff;
	position:relative;
}
h1,h2,h3,h4,h5,h6 {
    text-transform: capitalize;
	margin:0 0 10px;
	font-family: 'Roboto', sans-serif;
	font-weight:700;
}
p {
	margin:0;
	color:#555;
}
a {
    text-decoration: none;
    transition: all 0.4s ease;
}
img{
    max-width: 100%;
	display:block;
}
a:hover,
a:focus  {
    color: #fff;
    outline: none;
    text-decoration: none;
	background:none;
}
input:hover,
input:focus{
	outline:none;
}
ul,
ul li {
    margin: 0;
    padding: 0;
	list-style:none;
}
.mobile-nav {
	display: none;
}
.navbar-collapse {
	padding-right: 0;
	padding-left: 0;
	position: relative;
	border-top: 0px solid;
	box-shadow: none;
}
.nav li a:focus{
	background:none;
	outline:none;
}
.section {
    padding:70px 0;
}
.section-title {
    margin-bottom: 20px;
    text-align: left; 
}
.section-title.center{
	text-align:center;
}
.section-title.right{
	text-align:right;
}
.section-title.left{
	text-align:left;
}
.section-title h2 span{
	position:relative;
}
.section-title p {
	font-weight: 300;
	padding: 0 200px;
}
.button{
    display: inline-block;
    background: #252525;
    color: #fff;
    padding: 12px 25px;
    text-transform: uppercase;
    font-size: 14px;
    border-radius: 5px;
	font-weight:500;
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
	position:relative;
}
.button:hover{
	-webkit-box-shadow: 1px 1px 8px RGBA(105, 91, 91, 0.61);
	-moz-box-shadow: 1px 1px 8px RGBA(105, 91, 91, 0.61);
	box-shadow: 1px 1px 8px RGBA(105, 91, 91, 0.61);
	color:#fff;
}
.button:hover i{
    -webkit-animation-name: hvr-icon-wobble-horizontal;
	animation-name: hvr-icon-wobble-horizontal;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
	
}
.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}
#breadcrumbs {
	text-align: left;
	padding: 30px 0;
	position:relative;
	/* background:url('../images/breadcrumb.jpeg'); */
	background-position:center;
	background-size:cover;
}
#breadcrumbs::before {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.6;
	content: "";
}
#breadcrumbs h2 {
	color: #fff;
	text-transform: uppercase;
	margin-bottom: 10px;
	font-weight: 500;
}
#breadcrumbs ul li{
	display:inline-block;
}
#breadcrumbs ul li a{
	color:#fff;
	font-size:18px;
	text-transform:capitalize;
	font-weight:400;
}
#breadcrumbs li + li::before {
	color: #fff;
	content: "+";
	padding: 0 5px;
	font-weight: 700;
}
.slicknav_nav .slicknav_item a:hover,
.slicknav_nav .slicknav_item a{
	background:none;
}
.typed-cursor {
	opacity: 1;
	-webkit-animation: blink 1s infinite;
	-moz-animation: blink 1s infinite;
	animation: blink 1s infinite;
	font-size: 35px;
}
.table {
	display: table;
	width: 100%;
	height: 100%;
}
.table-cell {
	display: table-cell;
	vertical-align: middle;
	height:100%;
}
@keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-webkit-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-moz-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
#scrollUp {
	bottom: 20px;
	right: 20px;
	color: #fff;
	font-size: 24px;
	padding: 4px 10px;
	position: relative;
	border-radius: 100%;
}
#scrollUp:hover {
	opacity:1;
	background:#252525;
}
.page .gmap{
	display:none;
}
.loader {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #fff;
	z-index: 4444;
}
.l-inner{
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-40px;
}
.k-spinner {
    position: relative;
    width: 45px;
    height: 45px;
    margin: 0 auto
}
.k-bubble-1,
.k-bubble-2{
    position: absolute;
    top: 0;
    width: 25px;
    height: 25px;
    border-radius: 100%;
}
.k-bubble-2 {
    top: auto;
    bottom: 0
}
.k-spinner {
    animation: k-loadingI 2s linear infinite
}

.k-bubble-1,
.k-bubble-2 {
    animation: k-loadingIb 2s ease-in-out infinite;
}

.k-bubble-2 {
    animation-delay: -1.0s;
}
@keyframes k-loadingA {
    0% {
        height: 15px
    }
    50% {
        height: 35px
    }
    100% {
        height: 15px
    }
}

@keyframes k-loadingB {
    0% {
        width: 15px
    }
    50% {
        width: 35px
    }
    100% {
        width: 15px
    }
}

@keyframes k-loadingC {
    0% {
        transform: translate(0, 0)
    }
    50% {
        transform: translate(0, 15px)
    }
    100% {
        transform: translate(0, 0)
    }
}

@keyframes k-loadingD {
    0% {
        transform: rotate(0deg)
    }
    50% {
        transform: rotate(180deg)
    }
    100% {
        transform: rotate(360deg)
    }
}

@keyframes k-loadingE {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(360deg)
    }
}

@keyframes k-loadingF {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes k-loadingG {
    0% {
        transform: translate(0, 0) rotate(0deg)
    }
    50% {
        transform: translate(70px, 0) rotate(360deg)
    }
    100% {
        transform: translate(0, 0) rotate(0deg)
    }
}

@keyframes k-loadingGb {
    0% {
        transform: translate(0, 0) rotate(0deg)
    }
    50% {
        transform: translate(-70px, 0) rotate(-360deg)
    }
    100% {
        transform: translate(0, 0) rotate(0deg)
    }
}

@keyframes k-loadingH {
    0% {
        width: 15px
    }
    50% {
        width: 35px;
        padding: 4px
    }
    100% {
        width: 15px
    }
}

@keyframes k-loadingHb {
    0% {
        width: 15px;
        background-color: #607D8B
    }
    50% {
        width: 35px;
        padding: 4px;
        background-color: #455A64
    }
    100% {
        width: 15px;
        background-color: #263238
    }
}

@keyframes k-loadingI {
    100% {
        transform: rotate(360deg)
    }
}

@keyframes k-loadingIb {
    0%,
    100% {
        transform: scale(0)
    }
    50% {
        transform: scale(1)
    }
}

@keyframes k-loadingJ {
    0%,
    100% {
        transform: translate(0, 0)
    }
    50% {
        transform: translate(80px, 0);
        background-color: #f5634a;
        width: 25px
    }
}

@keyframes k-loadingK {
    0% {
        left: 0;
        transform: scale(1.1)
    }
    50% {
        left: 100%;
        transform: scale(1)
    }
    100% {
        left: 0;
        transform: scale(1.1)
    }
}

@keyframes k-loadingL {
    0% {
        left: 100%;
        transform: scale(1.1)
    }
    50% {
        left: 0;
        transform: scale(1)
    }
    100% {
        left: 100%;
        transform: scale(1.1)
    }
}

@keyframes k-loadingM {
    0% {
        z-index: 0
    }
    50% {
        z-index: 1
    }
    100% {
        z-index: 0
    }
}

@keyframes k-loadingN {
    0% {
        z-index: 1
    }
    50% {
        z-index: 0
    }
    100% {
        z-index: 1
    }
}

@keyframes k-loadingO {
    0%,
    100% {
        transform: translate(0)
    }
    25% {
        transform: translate(160%)
    }
    50% {
        transform: translate(160%, 160%)
    }
    75% {
        transform: translate(0, 160%)
    }
}

@keyframes k-loadingP {
    0% {
        transform: translateY(0)
    }
    35% {
        transform: translateY(0);
        opacity: .3
    }
    50% {
        transform: translateY(-20px);
        opacity: .8
    }
    70% {
        transform: translateY(3px);
        opacity: .8
    }
    85% {
        transform: translateY(-3px)
    }
}

@keyframes k-loadingQ {
    33% {
        transform: translate(0, 0);
        opacity: .7
    }
    66% {
        transform: translate(0, 0);
        opacity: .7
    }
}

@keyframes k-loadingR {
    0% {
        opacity: .5;
        background: #000
    }
    30% {
        opacity: .5;
        background: #666
    }
    60% {
        opacity: 0
    }
    75% {
        opacity: 0
    }
    100% {
        opacity: .5;
        background: #000
    }
}

@keyframes k-loadingS {
    40% {
        transform: translateX(0);
        opacity: .8
    }
    100% {
        transform: translateX(300px);
        opacity: 0
    }
}

/*MP Color*/  
.mp-color {
	position: fixed;
	display: block;
	z-index: 99;
	text-align: center;
	padding: 50px 5px;
	width: 200px;
	top: 65%;
	right: -200px;
	background: #fff;
	box-shadow: -3px 0px 50px -2px #0000001a;
	margin-top: -150px;
	border-bottom: 6px solid #ddd;
}
.mp-color .icon {
	width: 25px;
	height: 25px;
	background: #968A8C;
	margin-top:-13.5px;
	border-radius: 0px;
	top: 50%;
	line-height: 25px;
	cursor: pinter;
	font-size: 16px;
	position: absolute;
	bottom: -24px;
	left: -50px;
	width: 50px;
	height: 50px;
	line-height: 50px;
	font-size: 32px;
	border-radius: 6px 0 0 6px;
	background: #fff;
	color: #444;
}
.mp-color .icon i {
	color: #444;
	cursor: pointer;
}
.mp-color h4 {
	display: block;
	text-transform: uppercase;
	font-size: 15px;
	margin-bottom: 10px;
}
.mp-color ul {
	margin-bottom: 20px;
}
.mp-color ul li{
	font-weight:500;
	font-size:14px;
}
.mp-color ul li a{
	color:#555;
}
.mp-color .button {
	margin:20px 0 0;
}
.mp-color .button i{
	color:#fff;
	margin-right:5px;
}
.mp-color .btn {
	padding: 12px 25px;
}
.mp-color span {
	margin: 0 5px;
	width: 30px;
	height: 25px;
	border-radius: 0;
	cursor: pointer;
	display: inline-block;
	margin-top: 10px;
}
.mp-color span.color1{background-color:#82b440}
.mp-color span.color2{background-color:#29B6F6}
.mp-color span.color3{background-color:#16A085;}
.mp-color span.color4{background-color:#F2784B;}
.mp-color span.color5{background-color:#D2527F;}
.mp-color span.color6{background-color:#9b59b6;}
.mp-color span.color7{background-color:#FCB614;}
.mp-color span.color8{background-color:#C0392B;}


/* =====================================
Template Name: Mizan
Author Name: Shakil Hossain
Description: Mizan is a complete One Page Business and Corporate HTML Template. You can use this template for your any business & corporate purpose.
Version:	1.1
========================================*/  

/* Tablet Layout */
@media (min-width: 768px) and (max-width: 991px) {
body{
	font-size:14px;
}
.section-title p {
	font-weight: 300;
	padding: 0 40px;
}
#header.sticky{
	position:relative;
}
#header .logo {
	text-align: center;

}
#header .social{
	display:none;
}
#header .nav {
	float: left;
}
#breadcrumbs h2 {
	font-size: 24px;
}
#breadcrumbs ul li a{
	font-size:16px;
}
#j-slider .slide-text.left,
#j-slider .slide-text.center,
#j-slider .slide-text.right {
	max-width: 70%;
}
#j-slider .slide-text h1 {
	font-size: 30px;
	margin-bottom: 15px;
}
#j-slider .slide-text p {
	font-size: 14px;
	margin-bottom: 15px;
}
#j-slider .single-slider,
#j-slider .slide-text{
	height:500px;
}
#about-us .tabs-main{
	margin-bottom:70px;
}
#about-us .about-img {
	text-align: center;
}
#about-us .about-img  img{
	display:inline-block;
}
#about-us .single-list li{
	margin-bottom:10px;
	font-size:14px;
}
#our-skill .some-info {
	margin-bottom: 10px;
}
#our-skill .some-info p{
	font-size:14px;
}
#our-skill .info-list li{
	margin-bottom:10px;
	font-size:14px;
}
#why-choose {
	padding: 0 0 50px;
}
#why-choose .why-image {
	position: relative;
	width: 100%;
	height: 400px;
	margin-bottom: 25px;
}
#why-choose .title h2 {
	margin-bottom: 10px;
}
#why-choose .single-choose {
	margin-top: 20px;
	padding: 20px;
}
#why-choose .single-choose h4{
	font-size:15px;
}
#statics{
	padding:50px 0 0;
}
#statics .static-image {
	position: relative;
	height: 400px;
	margin-top: 30px;
	width: 100%;
}
#testimonial .testimonial-content {
	padding: 25px 100px 25px;
}
#testimonial .testimonial-content::before {
	left: 50px;
}
#testimonial .testimonial-info .arrow::before{
	left:48%;
}
#location .single-address h4{
	margin-bottom:5px;
}
#location .single-address p{
font-size:13px;
}
#location .single-address{
	padding:15px;
}
}

@media (max-width: 767px) {
body{
	font-size:14px;
}
.section-title p{
	padding:0 20px;
}
#header{
	padding:5px 0;
}
#header.sticky{
	position:relative;
}
#header .mobile-nav{
	display:block;
}	
#header .logo {
	text-align: left;
}
#header .social{
	display:none;
}
#header .mobile-nav {
	display: block;
}
#header .slicknav_nav{
	padding-top:10px;
}
#header.slicknav_nav a{
	border-radius:5px;
	font-size:14px;
}
#header .slicknav_nav a:hover{
	color:#fff;
	background:transparent;
	opacity:0.6;
}
#header .slicknav_nav .slicknav_row:hover {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	color: #fff;
}
#header .mobile-nav .slicknav_menu {
	background:transparent;
}
#header .slicknav_nav .slicknav_row, .slicknav_nav a{
	margin:0;
}
#header .slicknav_menu {
	padding:0;
}
#header .slicknav_btn {
	position: relative;
	background: transparent;
	padding: 10px 10px;
	margin: 0;
	margin-top: -40px;
}
#header .slicknav_menutxt{
	text-shadow:none;
	font-weight:500;
	font-size:15px;
}
#breadcrumbs h2 {
	font-size: 24px;
}
#breadcrumbs ul li a{
	font-size:16px;
}
#j-slider .slide-text.left,
#j-slider .slide-text.center,
#j-slider .slide-text.right {
	max-width: 100%;
}
#j-slider .slide-button .button{
	padding:10px 14px;
	font-size:13px;
	margin-right:5px;
}
#j-slider .slide-text span {
	font-size: 20px;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
#j-slider .slide-text h1 {
	font-size: 25px;
	margin-bottom: 15px;
	line-height: 26px;
}
#j-slider .slide-text p {
	font-size: 14px;
	margin-bottom: 15px;
}
#j-slider,
#j-slider .single-slider,
#j-slider .slide-text{
	height:420px;
}

#about-us .tabs-main{
	margin-bottom:70px;
}
#about-us .about-img {
	text-align: center;
}
#about-us .about-img  img{
	display:inline-block;
}
#our-skill .some-info {
	margin-bottom: 10px;
}
#our-skill .some-info p{
	font-size:14px;
}
#our-skill .info-list li{
	margin-bottom:10px;
	font-size:14px;
}
#why-choose {
	padding: 0 0 50px;
}
#why-choose .why-image {
	position: relative;
	width: 100%;
	height: 400px;
	margin-bottom: 25px;
}
#why-choose .title h2 {
	margin-bottom: 10px;
}
#why-choose .single-choose {
	margin-top: 20px;
	padding: 20px;
}
#why-choose .single-choose h4{
	font-size:15px;
}
#statics{
	padding:50px 0 0;
}
#statics .static-image {
	position: relative;
	height: 400px;
	margin-top: 30px;
	width: 100%;
}
#testimonial .testimonial-content {
	padding: 25px 100px 25px;
}
#testimonial .testimonial-content::before {
	left: 50px;
}
#testimonial .testimonial-info .arrow::before{
	left:46%;
}
#statics .static-image {
	position: relative;
	height: 400px;
	margin-top: 30px;
	width: 100%;
}
#location .single-address h4{
	margin-bottom:5px;
}
#location .single-address p{
font-size:13px;
}
#location .single-address{
	padding:15px;
}
#contact .gmap .map {
	position: relative;
	top: 0;
	right: 0;
	width: 100%;
	height: 386px;
	margin-top: 30px;
}
}
@media (max-width: 320px) {
.section-title p {
	padding: 0 10px;
}
#j-slider .slide-text.left,
#j-slider .slide-text.center,
#j-slider .slide-text.right {
	max-width: 100%;
}
#j-slider .slide-text .slider-inner{
	padding:10px;
}
#j-slider .slide-text span {
	font-size: 14px;
	margin-bottom: 5px;
	padding-bottom: 5px;
}
#j-slider .slide-text h1 {
	font-size: 25px;
	margin-bottom: 15px;
	line-height: 30px;
}
#j-slider .slide-text p {
	font-size: 14px;
	margin-bottom: 15px;
}
#j-slider .slide-button .button{
	padding:10px 14px;
	font-size:13px;
	margin-right:5px;
}
#j-slider .single-slider,
#j-slider .slide-text{
	height:400px;
}
#about-us .tabs-main{
	padding:10px;
}
#about-us .tabs-main .nav-tabs li a{
	padding:10px 8px;
	font-size:13px;
}
#testimonial .testimonial-content {
	padding: 25px 10px 25px;
}
#testimonial .testimonial-content::before {
	left: 15px;
	font-size: 30px;
	top: 0;
}
#portfolio .owl-theme .owl-nav div {
	width: 30px;
	height: 30px;
	line-height: 30px;
	font-size: 18px;
}
#blog .owl-theme .owl-nav div {
	width: 25px;
	height: 25px;
	line-height: 25px;
	font-size: 18px;
}
#testimonial .testimonial-content p {
	font-size: 13px;
	line-height: 25px;
}
#testimonial .owl-theme .owl-nav{
	display:none;
}
#blog.single .blog-content h2 {
	font-size: 20px;
}
#blog .single-comments .head{
	width:30%;
	float:none;
	margin-bottom:10px;
}
#blog .single-comments .body {
	float: none;
	width: 100%;
}
#j-slider .animate-text .slide-text h1 {
	font-size: 25px;
	display: block;
}
#j-slider .animate-text .info{
	font-size:25px;
	display:block;
}
#j-slider .animate-text .typed-cursor{
	display:none;
}
#footer .nav li {
	display: inline-block;
	margin-right: 10px;
}

}





/*//////////////////////////////////////////////////////////////////
[ FONT ]*/

@font-face {
	font-family: Poppins-Regular;
	src: url('../../../assets/fonts/poppins/Poppins-Regular.ttf'); 
  }
  
  @font-face {
	font-family: Poppins-Bold;
	src: url('../../../assets/fonts/poppins/Poppins-Bold.ttf'); 
  }
  
  @font-face {
	font-family: Poppins-Medium;
	src: url('../../../assets/fonts/poppins/Poppins-Medium.ttf'); 
  }
  
  @font-face {
	font-family: Montserrat-Bold;
	src: url('../../../assets/fonts/montserrat/Montserrat-Bold.ttf'); 
  }
  
  /*//////////////////////////////////////////////////////////////////
  [ RESTYLE TAG ]*/
  
  * {
	  margin: 0px; 
	  padding: 0px; 
	  box-sizing: border-box;
  }
  
  body, html {
	  height: 100%;
	  font-family: Poppins-Regular, sans-serif;
  }
  
  /*---------------------------------------------*/
  a {
	  font-family: Poppins-Regular;
	  font-size: 14px;
	  line-height: 1.7;
	  color: #666666;
	  margin: 0px;
	  transition: all 0.4s;
	  -webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	-moz-transition: all 0.4s;
  }
  
  a:focus {
	  outline: none !important;
  }
  
  a:hover {
	  text-decoration: none;
	color: #57b846;
  }
  
  /*---------------------------------------------*/
  h1,h2,h3,h4,h5,h6 {
	  margin: 0px;
  }
  
  p {
	  font-family: Poppins-Regular;
	  font-size: 14px;
	  line-height: 1.7;
	  color: #666666;
	  margin: 0px;
  }
  
  ul, li {
	  margin: 0px;
	  list-style-type: none;
  }
  
  
  /*---------------------------------------------*/
  input {
	  outline: none;
	  border: none;
  }
  
  textarea {
	outline: none;
	border: none;
  }
  
  textarea:focus, input:focus {
	border-color: transparent !important;
  }
  
  input:focus::-webkit-input-placeholder { color:transparent; }
  input:focus:-moz-placeholder { color:transparent; }
  input:focus::-moz-placeholder { color:transparent; }
  input:focus:-ms-input-placeholder { color:transparent; }
  
  textarea:focus::-webkit-input-placeholder { color:transparent; }
  textarea:focus:-moz-placeholder { color:transparent; }
  textarea:focus::-moz-placeholder { color:transparent; }
  textarea:focus:-ms-input-placeholder { color:transparent; }
  
  input::-webkit-input-placeholder { color: #999999; }
  input:-moz-placeholder { color: #999999; }
  input::-moz-placeholder { color: #999999; }
  input:-ms-input-placeholder { color: #999999; }
  
  textarea::-webkit-input-placeholder { color: #999999; }
  textarea:-moz-placeholder { color: #999999; }
  textarea::-moz-placeholder { color: #999999; }
  textarea:-ms-input-placeholder { color: #999999; }
  
  /*---------------------------------------------*/
  button {
	  outline: none !important;
	  border: none;
	  background: transparent;
  }
  
  button:hover {
	  cursor: pointer;
  }
  
  iframe {
	  border: none !important;
  }
  
  
  /*//////////////////////////////////////////////////////////////////
  [ Utility ]*/
  .txt1 {
	font-family: Poppins-Regular;
	font-size: 13px;
	line-height: 1.5;
	color: #999999;
  }
  
  .txt2 {
	font-family: Poppins-Regular;
	font-size: 13px;
	line-height: 1.5;
	color: #666666;
  }
  
  
  /*//////////////////////////////////////////////////////////////////
  [ login ]*/
  
  .limiter {
	width: 100%;
	margin: 0 auto;
  }
  
  .container-login100 {
	width: 100%;  
	min-height: 40vh;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	padding: 8px;
	background: #9053c7;
	background: -webkit-linear-gradient(-135deg, #c850c0, #4158d0);
	background: -o-linear-gradient(-135deg, #c850c0, #4158d0);
	background: -moz-linear-gradient(-135deg, #c850c0, #4158d0);
    background: linear-gradient(-135deg, #b7afb6, #e0e2e8);
  }
  
  .wrap-login100 {
	width: 960px;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 50px 100px 40px 50px
  }
  
  /*------------------------------------------------------------------
  [  ]*/
  .login100-pic {
	width: 250px;
  }
  
  .login100-pic img {
	max-width: 100%;
  }
  
  
  /*------------------------------------------------------------------
  [  ]*/
  .login100-form {
	width: 350px;
  }
  
  .login100-form-title {
	font-family: Poppins-Bold;
	font-size: 24px;
	color: #333333;
	line-height: 1.2;
	text-align: center;
	width: 100%;
	display: block;
	padding-bottom: 40px;
  }
  
  
  /*---------------------------------------------*/
  .wrap-input100 {
	position: relative;
	width: 100%;
	z-index: 1;
	margin-bottom: 30px;
  }
  
  .input100 {
	font-family: Poppins-Medium;
	font-size: 15px;
	line-height: 1.5;
	color: #666666;
  
	display: block;
	width: 100%;
	background: #e6e6e6;
	height: 50px;
	border-radius: 25px;
	padding: 0 30px 0 68px;
  }
  
  
  /*------------------------------------------------------------------
  [ Focus ]*/
  .focus-input100 {
	display: block;
	position: absolute;
	border-radius: 25px;
	bottom: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	box-shadow: 0px 0px 0px 0px;
	color: rgba(87,184,70, 0.8);
  }
  
  .input100:focus + .focus-input100 {
	-webkit-animation: anim-shadow 0.5s ease-in-out forwards;
	animation: anim-shadow 0.5s ease-in-out forwards;
  }
  
  @-webkit-keyframes anim-shadow {
	to {
	  box-shadow: 0px 0px 70px 25px;
	  opacity: 0;
	}
  }
  
  @keyframes anim-shadow {
	to {
	  box-shadow: 0px 0px 70px 25px;
	  opacity: 0;
	}
  }
  
  .symbol-input100 {
	font-size: 15px;
  
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	position: absolute;
	border-radius: 25px;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding-left: 35px;
	pointer-events: none;
	color: #666666;
  
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	-moz-transition: all 0.4s;
	transition: all 0.4s;
  }
  
  .input100:focus + .focus-input100 + .symbol-input100 {
	color: #57b846;
	padding-left: 28px;
  }
  
  /*------------------------------------------------------------------
  [ Button ]*/
  .container-login100-form-btn {
	width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding-top: 20px;
	padding-bottom: 20px;
  }
  
  .login100-form-btn {
	font-family: Montserrat-Bold;
	font-size: 15px;
	line-height: 1.5;
	color: #fff;
	text-transform: uppercase;
  
	width: 100%;
	height: 50px;
	border-radius: 25px;
	background: #57b846;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 25px;
  
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	-moz-transition: all 0.4s;
	transition: all 0.4s;
  }
  
  .login100-form-btn:hover {
	background: #333333;
  }
  
  
  
  /*------------------------------------------------------------------
  [ Responsive ]*/
  
  
  
  @media (max-width: 992px) {
	.wrap-login100 {
	  padding: 177px 90px 33px 85px;
	}
  
	.login100-pic {
	  width: 35%;
	}
  
	.login100-form {
	  width: 50%;
	}
  }
  
  @media (max-width: 768px) {
	.wrap-login100 {
	  padding: 100px 80px 33px 80px;
	}
  
	.login100-pic {
	  display: none;
	}
  
	.login100-form {
	  width: 100%;
	}
  }
  
  @media (max-width: 576px) {
	.wrap-login100 {
	  padding: 100px 15px 33px 15px;
	}
  }
  
  
  /*------------------------------------------------------------------
  [ Alert validate ]*/
  
  .validate-input {
	position: relative;
  }
  
  .alert-validate::before {
	content: attr(data-validate);
	position: absolute;
	max-width: 70%;
	background-color: white;
	border: 1px solid #c80000;
	border-radius: 13px;
	padding: 4px 25px 4px 10px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 8px;
	pointer-events: none;
  
	font-family: Poppins-Medium;
	color: #c80000;
	font-size: 13px;
	line-height: 1.4;
	text-align: left;
  
	visibility: hidden;
	opacity: 0;
  
	-webkit-transition: opacity 0.4s;
	-o-transition: opacity 0.4s;
	-moz-transition: opacity 0.4s;
	transition: opacity 0.4s;
  }
  
  .alert-validate::after {
	content: "\f06a";
	font-family: FontAwesome;
	display: block;
	position: absolute;
	color: #c80000;
	font-size: 15px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 13px;
  }
  
  .alert-validate:hover:before {
	visibility: visible;
	opacity: 1;
  }
  
  @media (max-width: 992px) {
	.alert-validate::before {
	  visibility: visible;
	  opacity: 1;
	}
  }

  body{
    color:#73879C;
    /* background:#2A3F54; */
    font-family:"Helvetica Neue",Roboto,Arial,"Droid Sans",sans-serif;
    font-size:13px;
    font-weight:400;
    line-height:1.471
}
.left_col{
    background:#16A085
}
.nav-sm .container.body .col-md-3.left_col{
    min-height:100%;
    width:70px;
    padding:0;
    z-index:9999;
    position:absolute
}
.nav-sm .container.body .right_col{
    padding:10px 20px;
    margin-left:70px;
    z-index:2
}
.nav-sm .navbar.nav_title{
    width:70px
}
.nav-sm .navbar.nav_title a span{
    display:none
}
.nav-sm .navbar.nav_title a i{
    font-size:27px;
    margin:13px 0 0 3px
}
.site_title i{
    border:1px solid #EAEAEA;
    padding:5px 6px;
    border-radius:50%
}
.nav-sm .main_container .top_nav{
    display:block;
    margin-left:70px;
    z-index:2
}
.nav-sm .nav.side-menu li a{
    text-align:center!important;
    font-weight:400;
    font-size:10px;
    padding:10px 5px
}

.nav-sm>.nav.side-menu>li.active-sm>a{
    color:#1ABB9C!important
}
.nav-sm .nav.side-menu li a i.toggle-up{
    display:none!important
}
.nav-sm .menu_section h3,.nav-sm .profile,.nav-sm .menu_section span.fa{
    display:none
}
.nav-sm .nav.side-menu li a i{
    font-size:25px!important;
    text-align:center;
    width:100%!important;
    margin-bottom:5px
}
.nav-sm ul.nav.child_menu{
    left:100%;
    position:absolute;
    top:0;
    width:210px;
    z-index:4000;
    background:#3E5367;
    display:none
}
.nav-sm ul.nav.child_menu li{
    padding:0 10px
}
.nav-sm ul.nav.child_menu li a{
    text-align:left!important
}
.menu_section{
    margin-bottom:35px
}
.menu_section h3{
    padding-left:15px;
    color:#fff;
    text-transform:uppercase;
    letter-spacing:.5px;
    font-weight:700;
    font-size:11px;
    margin-bottom:0;
    margin-top:0;
    text-shadow:1px 1px #000
}
.menu_section>ul{
    margin-top:10px
}
.profile_pic{
    width:35%;
    float:left
}
.img-circle.profile_img{
    width:70%;
    background:#fff;
    margin-left:15%;
    z-index:1000;
    position:inherit;
    margin-top:20px;
    border:1px solid rgba(52,73,94,.44);
    padding:4px
}
.profile_info{
    padding:25px 10px 10px;
    width:65%;
    float:left
}
.profile_info span{
    font-size:13px;
    line-height:30px;
    color:#BAB8B8
}
.profile_info h2{
    font-size:14px;
    color:#ECF0F1;
    margin:0;
    font-weight:300
}
.profile.img_2{
    text-align:center
}

.main_menu span.fa{
    float:right;
    text-align:center;
    margin-top:5px;
    font-size:10px;
    min-width:inherit;
    color:#C4CFDA
}
.active a span.fa{
    text-align:right!important;
    margin-right:4px
}
.nav-sm .menu_section{
    margin:0
}
.nav-sm li li span.fa{
    display:inline-block
}
.nav_menu{
    float:left;
    background:#EDEDED;
    border-bottom:1px solid #D9DEE4;
    margin-bottom:10px;
    width:100%;
    position:relative
}
@media (min-width:480px){
    .nav_menu{
        position:static
    }
}
.nav-md .container.body .col-md-3.left_col{
    min-height:100%;
    width:230px;
    padding:0;
    position:absolute;
    display:-ms-flexbox;
    display:flex;
    z-index:1
}
.nav-md .container.body .col-md-3.left_col.menu_fixed{
    height:100%;
    position:fixed
}
body .container.body .right_col{
    background:#F7F7F7
}
.nav-md .container.body .right_col{
    padding:10px 20px 0;
    margin-left:230px
}
.nav_title{
    width:230px;
    float:left;
    /* background:#2A3F54; */
    border-radius:0;
    height:57px
}

.container{
    width:100%;
    padding:0
}

.main_container .top_nav{
    display:block;
    margin-left:230px
}
.no-padding{
    padding:0!important
}
.page-title{
    width:100%;
    height:65px;
    padding:10px 0
}
.page-title .title_left{
    width:45%;
    float:left;
    display:block
}
.page-title .title_left h3{
    margin:9px 0
}
.page-title .title_right{
    width:55%;
    float:left;
    display:block
}
.page-title .title_right .pull-right{
    margin:10px 0
}



.navbar{
	margin-bottom:0 !important;
	margin-top: 20px !important;
}
.navbar-header{
    background:#34495E
}
.navbar-right{
    margin-right:0
}
.top_nav .navbar-right{
    margin:0;
    width:70%;
    float:right
}
.top_nav .navbar-right li{
    display:inline-block;
    float:right;
    position:static
}
@media (min-width:480px){
    .top_nav .navbar-right li{
        position:relative
    }
}
.top_nav .dropdown-menu li{
    width:100%
}
.top_nav .dropdown-menu li a{
    width:100%;
    padding:12px 20px
}
.top_nav li a i{
    font-size:15px
}
.navbar-static-top{
    position:fixed;
    top:0;
    width:100%
}
.sidebar-header{
    border-bottom:0;
    margin-top:46px
}
.sidebar-header:first-of-type{
    margin-top:0
}
.nav.side-menu>li{
    position:relative;
    display:block;
    cursor:pointer
}
.nav.side-menu>li>a{
    margin-bottom:6px
}
.nav.side-menu>li>a:hover{
    color:#F2F5F7!important
}
.nav.side-menu>li>a:hover,.nav>li>a:focus{
    text-decoration:none;
    background:0 0
}
.nav.child_menu{
    display:none
}
.nav.child_menu li.active,.nav.child_menu li:hover{
    background-color:rgba(255,255,255,.06)
}
.nav.child_menu li{
    padding-left:36px
}
.nav-md ul.nav.child_menu li:before{
    background:#145c9c;
    bottom:auto;
    content:"";
    height:8px;
    left:23px;
    margin-top:15px;
    position:absolute;
    right:auto;
    width:8px;
    z-index:1;
    border-radius:50%
}
.nav-md ul.nav.child_menu li:after{
    border-left:1px solid #5759af;
    bottom:0;
    content:"";
    left:27px;
    position:absolute;
    top:0
}
.nav.top_menu>li>a,.nav>li>a{
    position:relative;
    display:block
}
.nav.child_menu>li>a,.nav.side-menu>li>a{
    color:#E7E7E7;
    font-weight:500
}
.nav li li.current-page a,.nav.child_menu li li a.active,.nav.child_menu li li a:hover{
    color:#fff
}
.nav.child_menu li li.active,.nav.child_menu li li:hover{
    background:0 0
}
.nav>li>a{
    padding:13px 15px 12px
}


.navbar-brand,.navbar-nav>li>a{
    font-weight:500;
    line-height:32px
}
.site_title{
    font-weight:400;
    font-size:22px;
    width:100%;
    line-height:59px;
    display:block;
    height:55px;
    margin:0;
    padding-left:10px
}
.nav.navbar-nav>li>a{
    color:#515356!important
}
.nav.top_menu>li>a{
    padding:10px 15px;
    color:#34495E!important
}
.nav>li>a:focus,.nav>li>a:hover{
    background-color:transparent
}

.tiles,.top_tiles{
    margin-bottom:0
}
.toggle{
    float:left;
    margin:0;
    padding-top:16px;
    width:70px
}
.toggle a{
    padding:15px 15px 0;
    margin:0;
    cursor:pointer
}
.toggle a i{
    font-size:26px
}
.nav.child_menu>li>a{
    /* color:rgba(255,255,255,.75);
    font-size:14px;
    padding:9px */
    color: ghostwhite;
    font-size: 14px;
    padding: 9px;
}
.panel_toolbox{
    float:right;
    min-width:70px
}
.panel_toolbox>li{
    float:left;
    cursor:pointer
}
.panel_toolbox>li>a{
    padding:5px;
    color:#C5C7CB;
    font-size:14px
}

.tile_count{
    margin-bottom:20px;
    margin-top:20px
}
.tile_count .tile_stats_count{
    border-bottom:1px solid #D9DEE4;
    padding:0 10px 0 20px;
    position:relative
}
.tile_count .tile_stats_count:before{
    content:"";
    position:absolute;
    left:0;
    height:65px;
    border-left:2px solid #ADB2B5;
    margin-top:10px
}
@media (min-width:992px){
    footer{
		/* margin-left:230px */
		margin-left:0px
    }
    .tile_count .tile_stats_count{
        margin-bottom:10px;
        border-bottom:0;
        padding-bottom:10px
    }
    .tile_count .tile_stats_count:first-child:before{
        border-left:0
    }
}
.tile_count .tile_stats_count .count{
    font-size:30px;
    line-height:47px;
    font-weight:600
}
@media (min-width:768px){
    .tile_count .tile_stats_count .count{
        font-size:35px
    }
}
@media (min-width:992px) and (max-width:1100px){
    .tile_count .tile_stats_count .count{
        font-size:30px
    }
}
.tile_count .tile_stats_count span{
    font-size:12px
}
@media (min-width:768px){
    .tile_count .tile_stats_count span{
        font-size:13px
    }
}
.tile_count .tile_stats_count .count_bottom i{
    width:12px
}
.dashboard_graph{
    background:#fff;
    padding:7px 10px
}
.dashboard_graph .col-md-3,.dashboard_graph .col-md-9{
    padding:0
}
a.user-profile{
    color:#5E6974!important
}
.user-profile img{
    width:29px;
    height:29px;
    border-radius:50%;
    margin-right:10px
}
ul.top_profiles{
    height:330px;
    width:100%
}
ul.top_profiles li{
    margin:0;
    padding:3px 5px
}
ul.top_profiles li:nth-child(odd){
    background-color:#eee
}
.nav>li>a:focus, .nav>li>a:hover {
	text-decoration: none !important;
	background-color:transparent !important;
	
}

p {
    margin: 0 0 5px !important;
}