@charset "utf-8";

/*=========== POWERED BY MERIDIAN SOLUTIONS INC ============*/
/*************** DEFAULT CSS ***************/
body{
 	font-family: 'DM Sans', sans-serif;
	font-size:16px;
	font-style: normal;
	line-height: normal;
	font-weight:400;
	color: #5f5f5f;
	text-decoration: none;
	margin:0px;
	-webkit-font-smoothing: antialiased;
	padding:0;
	
}
html{ scroll-behavior: smooth;}
* {
    -webkit-box-sizing: border-box;
    -mox-box-sizing: border-box;
    box-sizing: border-box;
}
::selection {
    background: #ae9568; /* Safari */
	color:#000;
        }
::-moz-selection {
    background: #ae9568; /* Firefox */
	color:#000;
}
a {
	color:#ae9568;
	text-decoration: none;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	}
	a:hover {
	color: #000;
    }
p {
	margin:0 0 30px 0;
	clear:left;
	padding:0;
	}
h1, h2, h3, h4, h5, h6 {
	margin:0 0 20px 0;
	padding:0;
	font-weight:normal;
	font-family: 'Teko', sans-serif;
	}	
hr {
	margin:40px  0 60px 0;
	height:1px;
	border:0;
	border-top:1px solid #c1c1c1;
	border-bottom:1px solid #c1c1c1;
	float:left;
	width:100%;
	position:relative;
}
img{
	border:0;
}	
a img {
	border: 0;
	}

/*************** PRELOADER ***************/
#preloader {
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#2d2d2d; /* change if the mask should have another color then white */
	z-index:999999; /* makes sure it stays on top */
}
#status {
	width:100%;
	height:100%;
	position:absolute;
	left:0; /* centers the loading animation horizontally one the screen */
	top:0; /* centers the loading animation vertically one the screen */
	background-image:url(../images/loader.png); /* path to your loading animation */
	background-repeat:no-repeat;
	background-position:center;
	margin:0; /* is width and height divided by two */
}

/*************** BACK TO TOP ***************/
#fixed-bar {
   z-index: 100;
	width:50px;
	height:50px;
	position:absolute;
	bottom:80px;
	right:10px;
	margin-bottom:5px;
	
}
#fixed-bar a {
	width:40px;
	height:40px;
	float:right;
	display:block;
	background-image: url(../images/top.png);
	background-repeat: no-repeat;
	background-position: center center;
	border:2px solid #ae9568;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
	text-indent:-9999px;
	
}
#fixed-bar a:hover {}		
	
/*************** COLUMS AND ROWS ***************/
main{
    position:relative;
	}
row{
	width:100%;
	display:block;
	float:left;
	margin:0 0 30px 0;
	padding:0;
}
clearfix{
	width:100%;
	height:100px;
	float:left;
	margin:0;
	padding:0;
	display:block;
}
.container{
	width:1180px;
	margin:0 auto;
}
.fullwidth{
	width:100%;
	display:block;
}
clearfix{
	width:100%;
	height:100px;
	float:left;
	margin:0;
	padding:0;
	display:block;
}
.two-col{
	width: 46%;
    float: left;
    margin-right: 8%;
}
.three-col{
	width:30%;
	float:left;
	margin-right:5%;
}
.four-col{
	width:22%;
	float:left;
	margin-right:4%;
}
.last{
	margin-right:0;
}
section {
	width: 100%;
	float: left;
	position: relative;
}
.aside {
    width: 36%;
    float: left;
    margin: 0;
    padding: 0;
}
.summary {
    width: 64%;
    float: right;
    margin: 0;
    padding: 0 0 0 100px;
}
.text-center{ text-align: center; }

/*************** HOME PAGE CSS ***************/
.index-bg{ background-image: url(../images/bg.jpg); background-repeat: no-repeat; background-position: top center; float: left; width: 100%; }
header{ float: left; width: 100%; top:0px; left: 0px; position: fixed; z-index: 1; -webkit-transition: all 600ms ease-in-out;-moz-transition: all 600ms ease-in-out;transition: all 600ms ease-in-out; }
.top-header{ float: left; width: 100%; background-color:#000000; position: relative;padding-bottom:33px;-webkit-transition: all 600ms ease-in-out;-moz-transition: all 600ms ease-in-out;transition: all 600ms ease-in-out; }
.logo{ position: absolute; left: 50%; width: 308px; margin:8px 0 0 -154px; -webkit-transition: all 600ms ease-in-out;-moz-transition: all 600ms ease-in-out;transition: all 600ms ease-in-out;}
.logo img{ max-width: 100%; }
.mail, .call{float: left; margin-top: 36px; margin-bottom: 7px;}
.mail a, .call a{color: #6e6f70;font-size: 14px;font-weight: 500;display: inline-block;}
.mail a i, .call a i{ width: 30px; height: 30px; border: 1px solid #ae9568; color: #ae9568; text-align: center; line-height: 28px; margin-right: 20px; position: relative;
-webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;	transition: all 300ms ease-in-out;}
.mail a i:after, .call a i:after{position:absolute;content:'';width: 14px;height: 1px;background-color: #ae9568;margin-left: 8px;top: 50%;margin-top: -1px; 
-webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;	transition: all 300ms ease-in-out; }
.call{ float: right; }
.mail a:hover i, .call a:hover i{ background-color: #ae9568; color: #fff; margin-right: 30px;}
.mail a:hover i:after, .call a:hover i:after { width: 22px;}
.menu-wrap, .menu{ float: left; width: 100%;-webkit-transition: all 600ms ease-in-out;-moz-transition: all 600ms ease-in-out;transition: all 600ms ease-in-out; }
.slider-wrap, .inner-banner{float: left;width: 100%;padding-top: 106px; position: relative; background-color: #000;}
.inner-banner{ margin-top: 98px; }
.slider-wrap:after, .inner-banner:after{ width:100%;	height:50%;	position:absolute;left:0;top:0;content:'';z-index:0;background-image:linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.46));  }
.intro{ background-image: url(../images/bg1.png); background-position: top center; background-repeat: no-repeat; padding-top:120px; z-index: 1; }
.head-cap{ position: relative; float: left; width: 100%; padding-top: 40px; font-size: 16px; font-weight: 700; color: #ae9568; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 20px; }
.head-cap:after{ position: absolute; content: ''; width: 16px; height: 16px; background-color: #ae9568; top: 0px; left: 50%; margin-left: -8px; }
.heading{ float: left; width: 100%; font-size: 50px; color: #000; text-transform: uppercase; line-height: 50px; }
.read-more{}
.read-more a{ display: inline-block; color: #484848; font-size: 20px; font-family: 'Teko', sans-serif; text-transform: uppercase; padding: 10px 60px 10px 30px; 
border-left:3px solid #ae9568; background-image: url(../images/arrow.png); background-repeat: no-repeat; background-position: right center; letter-spacing: 2px;  }
.read-more a:hover{  color: #ae9568; padding: 10px 60px 10px 40px;}
.number{float: left;width: 100%;margin: 60px 0px 0;text-align: center;}
.number h3{display: inline-block;font-size: 260px;font-weight: 700;line-height: 236px;color: white;  /* Fallback: assume this color ON TOP of image */background: url(../images/text-bg.jpg) no-repeat;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.number h4{display: inline-block;color: #ae9568;font-size: 40px;line-height:42px;vertical-align: top;margin-top: 67px;text-align: left;text-transform: uppercase;padding-left: 10px;}
.services{background-image: url(../images/bg2.png);background-repeat: no-repeat;background-position: top center;margin-top: -142px;padding:300px 0px 350px;}
.services:after{position: absolute;content: '';width: 57%;height: 612px;right: 0px;top: 235px;background-image: url(../images/bg3.jpg);background-repeat: no-repeat;background-position: right center;z-index: 0;}
.ser-left{float: left;width: 23%;margin-right: 5%;position: relative;z-index: 1;}
.ser-right{float: left;width: 72%;position: relative;z-index: 1; text-align: center;}
.dot-head{ padding-top: 50px; position: relative; }
.dot-head:after{ position: absolute; content: ''; width: 16px; height: 16px; background-color: #ae9568; top: 0px; left: 0;  }
.ser-box{display: inline-block;padding: 10px;text-align: center;width: 33%;vertical-align: top;}
.ser-box a{display: block;padding: 10px;background-color: #ae9568;min-height: 181px;display: flex;  justify-content: center; align-items: center; }
.ser-box h3{font-size: 26px;text-transform: uppercase;color: #fff;width: 100%;line-height: 28px; margin-bottom: 0px;}
.ser-box img{ margin-bottom: 10px; }
.ser-box a:hover{ background-color: #acacac; }
.portfolio{ padding-bottom: 80px; }
.portfolio:after{ position: absolute; content: ''; width: 50%; height: 100%; background-color: #e4e4e4; right: 0px; top: 0px; z-index: -1; } 
.portfolio .head-cap:after{ left: 0px; margin-left: 0px; }
.portfolio .read-more{ float: right; margin-top: -80px; }
.col{ float:left}
.smd1{ width:100%}
.smd2{ width:50%}
.smd3{ width:33.33333333333333%}
.smd4{ width:25%}
.smd5{width:20%}
.smd6{width:16.66666666666667%}
.smd30{ width:30%}
.smd70{ width:70%}
.gutter-10{ padding:10px;}
.gutter-15{ padding:15px;}
.gutter{ padding:10px;}
.gutter2{ padding:0 10px 20px 10px !important;float:left;}
.gutter3{ padding:0 10px;}
.gutter4{ padding:0 0 20px 0; width:100%; float:left;}
.portfolio .hover-content{ position: absolute; width: 100%; height: 100%; left: 0px; bottom: -100px; z-index: 1; padding: 10px; opacity: 0; -webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;	transition: all 300ms ease-in-out;
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(176,138,86,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(176,138,86,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(176,138,86,1) 100%) /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ae9568',GradientType=0 ); /* IE6-9 */ }
.portfolio .hover-content h2{ float: left; position: absolute; bottom: 0px; color: #fff; font-family: 'DM Sans', sans-serif; font-size: 14px; }
.portfolio .hover-effect:hover .hover-content{ bottom: 0px; opacity: 1; }
.port-wrap{ width: 100%; margin-top: 50px; float: left; }
.client{ padding:50px 0px 90px; }
.client-logo{margin: 0px;padding: 0px;float: left;width: 100%;text-align: center;margin-top: 40px;}
.client-logo li{/*float: left;*/ display: inline-block; width: 19%;list-style: none;border-right: 1px solid #bcbcbc;padding: 20px;background-color: #fff;}
.client-logo li.bb{ border-bottom: 1px solid #bcbcbc; }
.client-logo li.brn{ border-right: none; }
.client-logo li img{ max-width: 100%; -webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;	transition: all 300ms ease-in-out; }
.client-logo li:last-child{ border-right: none; }
.client-logo li:hover img{  -moz-transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2);-webkit-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2);}
.number-animaion{background-image: url(../images/bg4.jpg);background-repeat: no-repeat;padding: 70px 0 60px;}
.counter-box{width: 25%;float:left;padding: 20px 10px;color:#fff;background-repeat:no-repeat;background-position:left top;/* text-transform:uppercase; */position:relative;z-index:1;/* margin-right: 4%; */text-align: center;}
.counter-box-last:after{ display:none;}
.counter-box:after{position: absolute; content: ''; width: 16px; height: 16px; background-color: #ae9568; top: 50%; right: 0; margin-top: -8px;}
.counter-box p{margin:0 0 10px 0;padding:0;color:#fff !important;}
.counter, .ex{font-size: 44px;font-family: 'Teko', sans-serif;font-weight: 700;line-height: 44px;}
.counter-box .title{font-size: 14px;font-weight: 700; text-transform: uppercase;}
.number-animaion:after{ position: absolute; content: ''; width: 100%; height: 100%; background-color: #000000ba; left: 0px; top: 0px; z-index: 0; }
.number-animaion:before{ position: absolute; content: ''; width: 585px; height: 226px; background-image: url(../images/bg5.png); background-repeat: no-repeat; background-position: center;
top: 50%; left: 50%; margin-left: -292.5px; margin-top: -113px; }
.request-call{background-image: url(../images/bg6.jpg);padding:120px 0px 40px;}
.request-call .dot-head:after{ left: 50%; margin-left: -8px; }
footer{ background-image: url(../images/bg7.jpg); padding:70px 0px; float: left; width: 100%; position: relative; text-align: center; color: #fff; }
footer .container{ position: relative; }
footer:after{ position: absolute; content: ''; width: 100%; height: 100%; left: 0px; top: 0px; background-color: #000c; z-index: -1; }
footer h4{font-size: 26px;     font-family: 'DM Sans', sans-serif;}
footer h4 a{font-size: 34px; font-family: 'Teko', sans-serif; color: #fff;}
footer h4 a:hover{ color: #fff;}
.ftr-link{float: left;width: 100%;text-align: center;margin-bottom: 10px;}
.ftr-link a{color: #fff;padding: 0 4px;text-transform: uppercase;font-size: 14px;}
.ftr-link a:hover{ color: #ae9568; }
.copy a{  color: #fff;}
.ftr-logo{ font-size: 14px; margin-bottom: 0px; }
.ftr-box{ float: right; position: absolute; right: 0px; top:-150px; width: 160px; }
.lct { width: 100%; color: #fff; float: left; background-color: #ae9568; padding: 50px 10px; font-family: 'Teko', sans-serif; font-size: 28px; font-weight: 400;
text-transform: uppercase;}
.lct i{ font-size: 36px; }
.lct:hover{ color: #fff; background-color:#ca640f; }
.fb, .tw{width: 50%;float: left;padding: 22px 10px;font-size: 38px;color: #fff;}
.fb{ background-color: #38529a; }
.tw{ background-color: #1da1f2; 
background: rgb(254,220,139); /* Old browsers */
background: -moz-linear-gradient(45deg, rgba(254,220,139,1) 0%, rgba(246,89,64,1) 24%, rgba(219,42,120,1) 50%, rgba(166,48,179,1) 79%, rgba(78,97,207,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, rgba(254,220,139,1) 0%,rgba(246,89,64,1) 24%,rgba(219,42,120,1) 50%,rgba(166,48,179,1) 79%,rgba(78,97,207,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, rgba(254,220,139,1) 0%,rgba(246,89,64,1) 24%,rgba(219,42,120,1) 50%,rgba(166,48,179,1) 79%,rgba(78,97,207,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fedc8b', endColorstr='#4e61cf',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
.fb:hover i{ font-size: 42px; color: #fff; }
.tw:hover i{ font-size: 42px; color: #fff;}
.fb i, .tw i{-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;}

/*************** INNER PAGE CSS ***************/
.pad{ padding:0 0 150px;  }
.bredcrump{float: left;width: 100%;text-align: center;margin-top:-23px;}
.bredcrump span{display: inline-block;padding:11px 24px 7px;background-color: #ae9568;color: #fff;text-transform: uppercase;border-radius: 50px;
-webkit-border-radius: 50px;-moz-border-radius: 50px;font-family: 'Teko', sans-serif;font-size: 18px;letter-spacing: 2px;margin-bottom: 40px}
.bredcrump span a{ color: #fff; }
.bredcrump .dot-head:after { left: 50%; margin-left: -8px;}
.bredcrump .heading{ margin-bottom: 50px; }
.bredcrump .dot-head { padding-top: 36px;}
.cnt-wrap{padding: 60px 23px;background-color: #fff;box-shadow: 0px 3px 40px #0000002e;-webkit-box-shadow: 0px 3px 40px #0000002e;-moz-box-shadow: 0px 3px 40px #0000002e;}
.icon_box { border-bottom:1px solid #e1e1e1; padding-bottom: 7px; margin-bottom: 23px;}
.icon_box:hover i {background-color: #000;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;}
.icon_box i {float:left;margin:0px 20px 0px 0px;padding:8px;border-radius:100%;width:45px;height:45px;text-align:center;line-height:30px;color:#fff;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;background: #ae9568;}
.icon_box .descripion { display:block; overflow:hidden}
.icon_box .descripion h5 {font-size: 18px;margin: 0 0 8px 0;font-weight: 700; text-transform: uppercase; letter-spacing: 1px;}
.icon_box p {margin:0;padding-bottom:15px;}
.icon_box a { color:#434446}
.icon_box:last-child{ margin-bottom:0px; padding-bottom:0px; border-bottom:none;}
.ser-inner{ float: left; width: 100%;text-align: center; }
.client-logo-inner{ float: left; width: 100%; padding: 0px; margin: 0px; }
.client-logo-inner li{ float: left; width: 48%; background-image: url(../images/list.png); background-repeat: no-repeat; background-position: top 16px left 15px;
list-style: none; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; margin: 0 1% 10px;
box-shadow: 0px 3px 10px #00000026; -webkit-box-shadow: 0px 3px 10px #00000026; -moz-box-shadow: 0px 3px 10px #00000026; padding: 9px 10px 10px 40px; border-left: 3px solid #ae9568; }
.client-logo-inner li img{ max-width: 100%; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; }
.client-logo-inner li:hover {}
.resp-vtabs .resp-tabs-container .heading{text-align: center; font-size: 20px; border-bottom: 1px solid #e6e6e6;margin-bottom: 10px; font-weight: 300;letter-spacing: 1px;}
.m-t-30{ margin-top: 30px; }
.hover-effect i{width:50px;	height:50px;background-color:#ae9568; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; color:#fff;position:absolute;left:50%;top:-100px;z-index:1;line-height:50px;text-align:center;margin:0 0 0 -25px;
-webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;}
.hover-effect:hover i{top:50%;margin:-25px 0 0 -25px;}
.client-inn{ float: left; width: 100%; text-align: center; border: 1px solid #e2e2e2; padding-top: 7px;}
.client-inn img{ max-width: 60%; display: inline-block; }
.client-inn h4{float: left;width: 100%;text-align: center;font-size: 18px;padding-top: 5px;/*background-color: #ae9568;*/color: #2d2d2d;padding-bottom: 6px;
letter-spacing: 1px;margin-bottom: 0; }
.client-logo-inn{ border: 1px solid #e2e2e2; padding: 20px 10px; }
.client-logo-inn img{ max-width: 100%; }

/*************** INNER BANNERS ***************/
.inner-banner{ float: left; width: 100%; position: relative; background-position: top center; background-repeat: no-repeat; height: 450px; }
.inner-banner:after { background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgb(0, 0, 0));}
.banner1{ background-image: url(../images/banner1.jpg); }
.banner2{ background-image: url(../images/banner2.jpg); }
.banner3{ background-image: url(../images/banner3.jpg); }
.banner4{ background-image: url(../images/banner4.jpg); }
.banner5{ background-image: url(../images/banner5.jpg); }



/********* FIXED HEADER ***************/
header.smaller{ position: fixed; -webkit-transition: all 600ms ease-in-out;-moz-transition: all 600ms ease-in-out;transition: all 600ms ease-in-out; top: 0; z-index:9; }
header.smaller .menu-wrap{ background-color:#1b1b1b;}
header.smaller .logo { width: 200px; margin-left: -100px; -webkit-transition: all 600ms ease-in-out;-moz-transition: all 600ms ease-in-out;transition: all 600ms ease-in-out; }
header.smaller .top-header { padding-bottom: 23px;}
header.smaller .mail, header.smaller .call { margin-top: 28px;}
header.smaller .jetmenu > li > a { padding: 22px 20px 15px;}
header.smaller .jetmenu li:hover:after, header.smaller .jetmenu li.active:after { height: 16px;}



/**********parallax********/
.jarallax {
    position: relative;
    background-repeat: no-repeat;
	background-position: center  center;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	
}

/*************** HoVER STYLE ***************/
.hover-effect{
    width:100%;
    float:left;
    position:relative;
    overflow:hidden
}
.hover-effect img {
 display:block;
  -moz-transition: all 7s ease;
  -o-transition: all 7s ease;
  -webkit-transition: all 7s ease;
  transition: all 7s ease;
	width:100%;
}
.hover-effect:hover img {
  -moz-transform: scale(1.5, 1.5);
  -ms-transform: scale(1.5, 1.5);
  -webkit-transform: scale(1.5, 1.5);
  transform: scale(1.5, 1.5);
}
.hover-effect:after{
  
    width:0;
    height:0;
    left:50%;
    bottom:50%;
	position:absolute;
	background:rgba(0, 0,0, 0.2);
    content:'';
    opacity:0;
    -moz-transition:all .4s ease-in-out;
    -o-transition:all .4s ease-in-out;
    -webkit-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out
}
.hover-effect:hover:after{
    
	width:100%;
    height:100%;
    left:0;
    bottom:0;
	opacity:.7;
}
/**********forms**************/
form{
	margin:0;
	padding:0;
}
*:focus {  
	outline: none;
}
.fieldset{
	    width: 100%;
    height: auto;
    padding: 20px 10px 20px 60px;
    background-color: none;
    background-color: transparent;
    display: block;
    border: 1px solid rgba(0, 0, 0, 0.2);
    margin: 0 0 10px 0;
    color: #020202;
    font-size: 14px;
    float: left;
}
.sendbutton{
	width:auto;
	height:auto;
	border:0;
	outline:0;
	margin:0 5px 0 0;
	float:left;
	color:#fff;
	font-size: 25px;
	cursor:pointer;
	vertical-align:top;
	padding: 10px 20px 8px;
	text-align:center;
	background-color: #ae9568;
	text-transform:uppercase;
	font-family: 'Teko', sans-serif;
	letter-spacing: 2px;
	}
.sendbutton:hover{
	background-color: #2b2b2b;
	color:#fff;
	}

.call-back-form{float: left;width: 100%;margin-top: 15px; background-image: url(../images/send-icon.png); background-position: bottom center; background-repeat: no-repeat;     padding-bottom: 42px;}
.call-back-form span{position: relative;width: 33.333333333333%;float: left;padding: 0 15px;}
.call-back-form span .fieldset{background-color: #0000008f;}
.call-back-form span i{position: absolute;left: 38px;top: 20px;color: #fff;font-size: 20px;}
.call-back-form .sendbutton{ float: none; display: inline-block; width: 94px; height: 94px; background-color: #ae9568; border-radius: 50px; -webkit-border-radius: 50px; 
-moz-border-radius: 50px;line-height: 24px; padding-top: 15px; font-size: 28px; font-family: 'Teko', sans-serif; margin-top: 15px; -webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;	transition: all 300ms ease-in-out;}
.call-back-form .sendbutton:hover{ background-color: #000; }
.contact-form{ float: left;width: 100%; }
.contact-form span{position: relative;float: left;width: 100%; margin-bottom:17px;}
.contact-form span i{position: absolute;left: 0;top: 0;color: #565656;font-size: 20px;width: 60px;height: 100%;text-align: center;line-height: 60px;border-left: 1px solid #ae9568;border-right: 1px solid #ae9568;}
.contact-form .fieldset { padding: 20px 10px 20px 78px; margin-bottom: 0px;}
.contact-form ::-webkit-input-placeholder {
   color: #020202 !important;
}
.contact-form :-moz-placeholder { /* Firefox 18- */
   color: #020202 !important;
}
.contact-form ::-moz-placeholder {  /* Firefox 19+ */
   color: #020202 !important;
}
.contact-form :-ms-input-placeholder {  
   color: #020202 !important;
}

::-webkit-input-placeholder {
   color: #fff !important;
}
:-moz-placeholder { /* Firefox 18- */
   color: #fff !important;
}
::-moz-placeholder {  /* Firefox 19+ */
   color: #fff !important;
}
:-ms-input-placeholder {  
   color: #fff !important;
}

/************************************* 1180px *************************************/
@media only screen and (max-width: 1180px) {
.container{ width:96%;}
.services { padding: 300px 0px 150px;}
}

/************************************* 1024px *************************************/
@media only screen and (max-width: 1024px) {
.container{ width:90%;}
}

/************************************* 980px *************************************/
@media only screen and (max-width: 980px) {
.ftr-box {float: none;position: relative;top: 0; display: inline-block; margin-top: -91px; margin-bottom: 20px;}
.menu-wrap{  background-color: #0000006e; position: relative; z-index: 3;}
.menu-wrap .container{ width: 100%; } 
.top-header { padding-bottom: 36px;}
.logo { left: 50%; width: 200px; margin: 15px 0 0 -100px;}
header.smaller .logo { margin: 9px 0 0 -80px; left:50%;}
}

/************************************* 767px *************************************/
@media only screen and (max-width: 767px) {
.logo { position: relative; left: 0; width: 100%; margin: 15px 0 0 0; text-align: center;}
.mail, .call { margin-top: 15px;}
.top-header { padding-bottom: 8px;}
.ser-box { padding:8px 5px; width: 49%;}
.ser-left { width: 100%; margin-right: 0;}
.ser-right{ width: 100%; margin-top: 30px; }
.services:after{ opacity: .2; }
header.smaller .mail, header.smaller .call { margin-top: 10px;}
header.smaller .top-header { padding-bottom: 10px;}
.slider-wrap, .inner-banner { padding-top: 166px;}
}

/************************************* 640px *************************************/
@media only screen and (max-width: 640px) {
.two-col, .three-col, .four-col, .aside, .summary{ width:100%; margin:0 0 25px 0; }
.summary{ padding:0px; }
.portfolio .read-more { float: left; margin-top: 0;}
.smd4, .smd2 { width: 100%;}
.smd4{ padding-bottom: 15px; }
.gutter2 { padding: 0 10px 15px 10px !important;}
.gutter4 { padding: 0 0 15px 0;}
.client-logo li { width: 49%; border:1px solid #bcbcbc !important; margin: -1px 0 4px -1px; min-height: inherit;}
.client-logo li:last-child { border-right:1px solid #bcbcbc; }
.mob-2-col{ width: 50%; padding: 3px;}
.counter-box{ width: 100%; }
.counter-box:after { top: inherit; bottom: 0; right: 50%; margin-top: 0; margin-right: -8px;}
.call-back-form span { width: 100%;}
.number-animaion:before { width: 100%; left: 0; margin-left: 0; background-size: 90%;}
.client-logo-inner li { width: 100%; }
.inner-banner { height: 352px; background-size: 1500px;}
.client-logo-inn { border: 1px solid #e2e2e2; padding: 10px 10px;}
.inner-banner { margin-top: 162px;}
}

/************************************* 480px *************************************/
@media only screen and (max-width: 480px) {
.container{ width:90%; }
.top-header .container{ width: 95%; }
.heading { font-size: 38px; line-height: 38px;}
.number h3 {font-size: 187px; line-height: 212px;}
.services { padding: 150px 0px 110px;}
.client-logo li { padding: 8px;}
.inner-banner { height: 234px; background-size: 1000px;}
.client-inn h4{display: inline-flex; align-items: center; justify-content: center; min-height: 83px;}
}

/************************************* 400px *************************************/
@media only screen and (max-width: 400px) {
.ser-box { padding: 8px 5px; width: 100%;}
}

/************************************* 360px *************************************/
@media only screen and (max-width: 360px) {
.mail a, .call a { font-size: 12px;}
.mail a i, .call a i { margin-right: 8px;}
.mail a i:after, .call a i:after{ display: none; }
.logo img{ width: 220px; }
.inner-banner { margin-top: 152px;}
}

/************************************* 320px *************************************/
@media only screen and (max-width: 320px) {

}