@media (min-width: 1200px) {

	.container {

		max-width: 1170px;

	}



}



/*============  Header CSS ============*/



#header {

	position: absolute;

	width: 100%;

	z-index: 99;

}





.topbar {

	border-bottom: 1px solid rgba(255, 255, 255, 0.2);

	padding: 10px 0;

}



.topbar li,

.topbar li a {

	color: #fff;

}



.topbar-left li i {

	padding-right: 5px;

	color: #ffd200;

}





.topbar-right .list-inline li:last-child,

.topbar-right li:last-child i {

	padding-right: 0px;

}



.topbar .topbar-right li a:hover {

	color: #ffd200;

}



.topbar-right li i {

	padding-right: 5px;

	color: #ffd200;

	transition: all 0.3s ease-in-out;

	

}



.topbar-right li i:hover {

	color: #fff !important;

}



.topbar .list-inline li {

	padding-right: 5px;

	padding-left: 5px;

}



#header.clean {

	background: #ffffff;

	z-index: 999;

	padding: 0px;

	margin: 0px;

	position: relative;

	width: 100%;

	box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1);

}



#header.clean .topbar {

	border-bottom: 0;

	background: #ffd200;

	padding: 7px 0px;

}



#header.clean .topbar-left li i,

#header.clean .topbar-right li i {

	color: #ffd200;

}



#header .topbar.dark {

	background: #353535;

}



#header.dark {

	background: rgba(21, 21, 21, 0.9);

	box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1);

	position: relative;

}



#header.dark .topbar {

	border-bottom: 0;

	background: #ffd200;

	padding: 7px 0px;

}



#header.dark .topbar-left li,

#header.dark .topbar-left li a,

#header.dark .topbar-left li i,

#header.dark .topbar-right li,

#header.dark .topbar-right li a,

#header.dark .topbar-right li i {

	color: #353535;

}





/*============  mega-menu CSS ============*/

.header-menu-area {

    padding: 20px 0 20px;

}

.header-logo a img {

    width: 100%;

}

.header-menu {

    text-align: right;

}

.header-menu ul{

    display: inline-block;

}

.header-menu ul li {

    font-size: 16px;

    color: #222222;

    list-style: none;

    display: inline;

    position: relative;

    margin-left: 32px;

}

.header-menu ul li a {

    display: inline-block;

    color: #353535;

}

.header-btn {

    display: inline-block;

    margin-left: 45px;

}

.header-btn a {

	display: inline-block;

	background: #ffd200;

	padding: 12px 38px;

	border-radius: 5px;

	color: #222222;

	font-size: 16px;

	transition: .5s;

	-webkit-transition: .5s;

	-moz-transition: .5s;

	-ms-transition: .5s;

	-o-transition: .5s;

}

.header-btn a:hover{

	background:#222222 ;

	color:#ffd200 ;

}

.header-menu ul li .sub-menu {

    position: absolute;

    top: 70px;

    left: 0;

    width: 220px;

    opacity: 0;

    transition: .5s;

    -webkit-transition: .5s;

    -moz-transition: .5s;

    -ms-transition: .5s;

    -o-transition: .5s;

    background: #fff;

    padding: 24px 0 15px 15px;

    text-align: left;

    visibility: hidden;

    box-shadow: 0px 0px 10px rgb(0 0 0 / 5%);

    z-index: 1;

}

.header-menu ul li:hover .sub-menu {

    opacity: 1;

    visibility: visible;

    top: 49px;

}

.header-menu ul li .sub-menu li {

    margin: 0;

    display: block;

}

.header-menu ul li .sub-menu li a {

    color: #222222;

    text-align: left;

    display: inline-block;

    transition: .5s;

    -webkit-transition: .5s;

    -moz-transition: .5s;

    -ms-transition: .5s;

    -o-transition: .5s;

    margin-bottom: 10px;

}

.header-menu ul li .sub-menu li a:hover{

	color: #ffd200;

}

.is-sticky {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    animation: .95s ease-in-out 0s normal none 1 running fadeInDown;

    z-index: 10000;

    transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);

    box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1);

    background-color: #fff;

    padding: 15px 0 15px;

    -webkit-animation: .95s ease-in-out 0s normal none 1 running fadeInDown;

}

/*============  Box Small CSS ============*/

.action-box {

	line-height: 40px;

	top: 0;

}



/*============  Sercives CSS ============*/

.our-sercive1 {

	position: relative;

	z-index: 0;

	overflow: hidden;

}



.our-sercive1:before,

.our-sercive1:after {

	content: "";

	position: absolute;

	z-index: -1;

}



.our-sercive1:before {

	background: url('../img/element/02.png') no-repeat 0 0;

	background-size: cover;

	left: -70px;

	top: 130px;

	width: 350px;

	height: 236px;

}



.our-sercive1:after {

	background: url('../img/element/03.png') no-repeat 0 0;

	background-size: cover;

	right: -60px;

	top: 50px;

	width: 280px;

	height: 164px;

}



.about .about-details .title {

	margin: 0;

	padding-top: 30px;

	padding-bottom: 10px;

	font-weight: 500;

}



/*============  footer CSS ============*/



.footer {

	background-size: cover;

}



.footer .top-info.top-hlaf {

	margin-top: -40px;

	top: -40px;

}



.footer .top-info.top-hlaf {

	position: relative;

	top: -60px;

	margin-top: -100px;

}



.top-info.fill {

	background: #ffd200;

}



.footer .top-info.fill .address-block .title {

	color: #353535;

}



/* Address */

.address-block {

	position: relative;

	padding-left: 80px;

	margin-bottom: 25px;

}



.address-block .glyph-icon {

	border: 2px solid #ffd200;

	width: 60px;

	height: 60px;

	text-align: center;

	position: absolute;

	left: 0;

	top: 0;

	display: inline-block;

	line-height: 60px;

	color: #ffd200;

}



.address-block.fill .glyph-icon {

	background: #ffd200;

	color: #323232;

}



.address-block.rounded .glyph-icon {

	border-radius: 50%;

}



.address-block .title {

	font-size: 20px;

	line-height: 20px;

	margin-bottom: 10px;

}



.address-block span {

	display: block;

}



.address-block a {

	display: block;

}



/* Dark BG Address */

.top-info.half {

	bottom: -40px;

	margin-bottom: -30px;

}



.top-info.fill {

	position: relative;

	z-index: 9;

	background: #ffd200;

	padding: 40px 20px;

	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);

}



.top-info .address-block {

	width: 23%;

	float: left;

	margin-bottom: 0;

	padding-left: 75px;

	margin-left: 2%;

}



.top-info.fill .address-block .glyph-icon {

	border-color: #353535;

	color: #353535;

}



.top-info.fill .address-block span,

.top-info.fill .address-block a {

	color: #353535;

	font-size: 13px;

}



.footer {

	background: url(../img/pattern/pattern2.jpg) no-repeat 0 0;

	color: #c5c5c5;

}



.footer .title {

	position: relative;

	color: #fff;



}



.footer .input-group.divcenter.input-group .form-control {

	padding-left: 15px;

	padding-top: 8px;

	border-radius: 0;

	color: #ffffff;

	border: 1px solid rgba(255, 255, 255, 0.3);

	background: none;

	height: 44px;

	box-shadow: none;

	font-size: 14px;

}



.footer .input-group-btn button {

	border-color: #ffd200;

	border-radius: 0px;

	color: #353535;

	padding: 9px 14px;

}



.footer-address li {

	line-height: 28px;

	padding: 0;

	margin-top: 0;

	margin-bottom: 10px;

	display: block;

}



.footer-address li i {

	float: left;

	color: #ffd200;

	padding-right: 20px;

	font-size: 16px;

	line-height: 30px;

	width: 30px;

}



.footer-address li span {

	display: table;

	color: #c5c5c5;

	font-size: 14px;

	vertical-align: top;

}



.footer-widget ul li a {

	display: block;

	color: #c5c5c5;

	padding-left: 5px;

	font-size: 14px;

}



.footer-widget ul li {

	display: inline-block;

	margin: 0;

}



.footer-widget ul li a:hover {

	color: #ffd200;

}



.footer-widget {

	padding: 30px 0;

	background: rgba(0, 0, 0, 0.3);



}



.footer-widget p {

	color: #c5c5c5;

	margin-bottom: 0;

	margin-top: 5px;

  }



.footer-link ul li a {

	color: #c5c5c5;

	font-size: 14px;

}



.footer-link ul li a:hover {

	color: #ffd200;

}



ul.list-mark li {

	list-style-type: none;

	padding-left: 25px;

	position: relative;

}

#back-to-top .top {

	z-index: 999;

	position: fixed;

	margin: 0px;

	color: #ffd200;

	transition: all .3s ease-in-out;

	position: fixed;

	bottom: 115px;

	right: 25px;

	z-index: 999;

	font-size: 14px;

	background: none;

	border: 2px solid #ffd200;

	width: 40px;

	height: 40px;

	text-align: center;

	line-height: 34px;

}



#back-to-top .top {

	color: #ffd200;

	font-size: 14px;

	text-align: center;

	line-height: 34px;

}



.testimonial {

	position: relative;

	background: #f9f9f9;

	padding: 85px 50px 45px 70px;

	margin: 0 8px 4px 0;

	margin-top: 45px;

	font-family: 'Roboto', sans-serif;

	color: #656565;

	font-weight: 400;

	line-height: 24px;

	text-align: center;

	box-shadow: 8px 4px 0px 0px rgba(255, 192, 1, 1);

}



.testimonial-avatar {

	position: absolute;

	left: 50%;

	margin-left: -55px;

	top: -45px;

	width: 110px;

	height: 110px;

}



.testimonial-avatar img {

	border: 4px solid #ffd200;

	max-width: 100%;

}



.testimonial-info {

	position: relative;

}



.testimonial-info:before {

	position: absolute;

	top: -15px;

	left: -35px;

	color: #ffd200;

	font-family: 'FontAwesome';

	content: "\f10d ";

	font-size: 32px;

}



.author-info {

	font-size: 16px;

	color: #032323;

	text-transform: uppercase;

	margin-top: 20px;

	position: relative;

}



.author-info strong {

	font-weight: 500;

}



.author-info span {

	font-weight: normal;

	color: #ffd200;

	text-transform: none;

}



.author-info:before {

	content: "";

	position: absolute;

	width: 50px;

	height: 2px;

	background: #ffd200;

	left: 50%;

	bottom: -10px;

	margin-left: -25px;

}



/* Text White */



.text-white .testimonial,

.testimonial.text-white {

	color: #fff;

}



.text-white .testimonial .author-info {

	color: #fff;

}



/* Clean */



.testimonial.clean {

	background: none;

	box-shadow: none;

	padding-bottom: 0;

	padding: 0 50px 25px 70px;

	margin-top: 0;

}



.testimonial.clean .testimonial-avatar {

	position: relative;

	top: 0;

	margin-bottom: 20px;

}



.text-white .testimonial.clean .author-info {

	color: #ffd200;

}



.yellow-bg .testimonial.clean {

	padding-bottom: 10px;

	margin-bottom: 0;

}



.yellow-bg .testimonial.clean .author-info {

	color: #032323;

}



.yellow-bg .testimonial.clean .testimonial-avatar img {

	border-color: #ffffff;

}



.text-white .testimonial.clean .testimonial-info:before,

.text-white .testimonial.clean .author-info span {

	color: #ffffff;

}



.text-white .testimonial.clean .author-info:before {

	background: #ffffff;

}







.owl-carousel.dots-rb .owl-dots {

	width: auto;

	bottom: 10px;

	right: 10px;

	position: absolute;

  }

  

  .owl-carousel .owl-controls .owl-dot {

	display: inline-block;

  }

  .owl-carousel .owl-dots {

	display: inline-block;

	position: relative;

	text-indent: inherit;

	width: 100%;

	cursor: pointer;

	text-align: center;

  }

  .owl-carousel.owl-drag .owl-dots .owl-dot span {

	background: #353535;

	border-radius: 30px;

	display: inline-block;

	width: 10px;

	height: 10px;

	margin: 0px 3px;

	transition: all 0.5s ease-in-out;

	cursor: pointer;

  }

  .owl-carousel.owl-drag .owl-dots .owl-dot:hover span {

	background: #ffd200;

  }

  .owl-carousel.owl-drag .owl-dots .owl-dot.active span {

	background: #ffd200;

	width: 24px;

  }

  .owl-carousel[data-dotcolor="white"] .owl-dots .owl-dot span {

	background: #fff;

  }

  .owl-carousel[data-dotcolor="white"] .owl-dots .owl-dot.active span,

  .owl-carousel[data-dotcolor="white"] .owl-dots .owl-dot span:hover {

	background: #e93e21;

  }



  .dark-bg .owl-carousel.owl-theme .owl-dots .owl-dot span, .dark-bg .owl-carousel.owl-drag .owl-dots .owl-dot span, .text-white .owl-carousel.owl-theme .owl-dots .owl-dot span {

	background: #ffffff;

  }

  



  



  #header.clean .mega-menu .menu-links > li > a {

	color: #222222;

  }

  

  #header.clean .mega-menu .menu-links > li.active > a {

	color: #ffd200;

  }

  .mega-menu .menu-links > li > a {

	line-height: 100px;

	text-transform: uppercase;

	font-size: 14px;

	font-weight: 500;

  }





.masonry-block{

	padding: 0 10px;

}