@charset "utf-8";
/* CSS Document */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,figure,figcaption,section,header,footer,img,article,aside {margin:0; padding:0;border:0;outline: none;}
nav,nav a,nav ul,nav li,nav div,nav form,nav input {margin: 0;padding: 0;border: none;outline: none;}
nav a { text-decoration: none; }
nav li { list-style: none; }
body {font-family: 'PT Sans Regular';font-size:0.76em;font-weight:normal;color:#fff;text-align:left;background:#FFF;margin:0;}
 img, object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img, object, embed, video, img.full, object.full, .main img, .main object {
  width: 100%;
}
@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }

*, *:before, *:after {box-sizing: border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;}

@font-face {font-family:'PT Sans Regular';src: url(../fonts/PT_Sans-Web-Regular.ttf) format('truetype');}
@font-face {font-family:'PT Sans Bold';src: url(../fonts/PT_Sans-Web-Bold.ttf) format('truetype');}
@font-face {font-family:'PT Sans BoldItalic';src: url(../fonts/PT_Sans-Web-BoldItalic.ttf) format('truetype');}
@font-face {font-family:'PT Sans Italic';src: url(../fonts/PT_Sans-Web-Italic.ttf) format('truetype');}
@font-face {font-family:'Lato Black';src: url(../fonts/Lato-Black.ttf) format('truetype');}
@font-face {font-family:'Lato Black Italic';src: url(../fonts/Lato-BlackItalic.ttf) format('truetype');}
@font-face {font-family:'Lato Bold';src: url(../fonts/Lato-Bold.ttf) format('truetype');}
@font-face {font-family:'Lato BoldItalic';src: url(../fonts/Lato-BoldItalic.ttf) format('truetype');}
@font-face {font-family:'Lato Hairline';src: url(../fonts/Lato-Hairline.ttf) format('truetype');}
@font-face {font-family:'Lato Hairline Italic';src: url(../fonts/Lato-HairlineItalic.ttf) format('truetype');}
@font-face {font-family:'Lato Italic';src: url(../fonts/Lato-Italic.ttf) format('truetype');}
@font-face {font-family:'Lato Light';src: url(../fonts/Lato-Light.ttf) format('truetype');}
@font-face {font-family:'Lato Light Italic';src: url(../fonts/Lato-LightItalic.ttf) format('truetype');}
@font-face {font-family:'Lato Regular';src: url(../fonts/Lato-Regular.ttf) format('truetype');}


.clearfix:before, .clearfix:after {content:"";display:table;}
.clearfix:after {clear:both;}
.clearfix {*zoom: 1;}
.break { clear:both;}
.clear_1 { clear:both; height:1px;}
.clear_2 { clear:both; height:5px;}
.clear_3 { clear:both; height:10px;}
.clear_4 { clear:both; height:20px;}
.clear_5 { clear:both; height:30px;}
.clear_6 { clear:both; height:50px;}
.clear_7 { clear:both; height:60px;}
.clear_8 { clear:both; height:90px;}
.clear_9 { clear:both; height:100px;}
.clear_link { clear:both; width:240px;}
.cleardiv {height:1px;background:#3E454D;display:none;}
#wrapper {max-width:1200px;width:100%;height:auto;padding:0;margin:0 auto;}
#wrapper2 {max-width:1220px;width:100%;height:auto;padding:0;margin:0 auto;}
#section1 {width:100%;height:auto;margin:0;background:#FFF;}
#section2 {width:100%;height:auto;margin:0;background:#EEE;}
#section3 {width:100%;height:auto;margin:0;background:#101A31;}
#section4 {width:100%;height:auto;margin:0;background:#262626;}
#section5 {width:100%;height:auto;background:#111;}
#section6 {width:100%;height:auto;margin:0;background:#D6C7B1;}
#headercont {width:100%;height:auto;margin:0;padding:0;}
#headercontfixed {width:100%;height:auto;padding:0;margin:0;position:fixed;display:none;z-index:999;top:0px;background:#FFF;}
#mainfixedheadercont {width:100%;height:auto;display:block;z-index:999;}
.header {max-width:1200px;width:100%;height:auto;padding:0;margin:0 auto;position:relative;}
.subheadercont {max-width:1200px;width:100%;height:auto;padding:0;margin:0 auto;position:relative;}
.logo {float:left;max-width:260px;width:100%;height:auto;position:relative;margin:10px 0;padding:0;z-index:1000;}
.footerlogo {float:left;max-width:360px;width:100%;height:auto;position:relative;margin:0;padding:0;}
.topareacont {width:100%;height:auto;padding:15px 0;border-bottom: 1px solid #EEE;}
.bottomareacont {width:100%;height:auto;padding:0;}
.topsection {float:none;max-width:1200px;width:100%;height:auto;margin:0 auto;}
.subtopsecl {float:left;max-width:300px;width:100%;height:auto;margin:0;}
.subtopsecr {float:right;max-width:80px;width:100%;height:auto;margin:0;}
.topareatext {float:left;font-family:'PT Sans Regular';font-size:12px;font-weight:normal;color:#050446;text-align:left;}
.topareatext a:link, .topareatext a:active, .topareatext a:visited{color:#050446; text-decoration:none;}
.topareatext a:hover{color:#8CC26B; text-decoration:none;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}

/*navigation*/
#navcont {float:right;max-width:660px;width:100%;height:auto;padding:12px 0 0 0;margin:0 auto;position:relative;z-index:9999;}
#navcont2 {float:right;max-width:660px;width:100%;height:auto;padding:12px 0 0 0;margin:0 auto;position:relative;display:none;}
#nav {max-width:660px;width:100%;height:auto;position:relative;margin:0 auto;}
#nav ul {list-style:none;}
#nav li {float:left;display:inline-block;margin:0;padding:0;width:auto;position:relative;}
#nav li a{display:inline-block;width:auto;position:relative;text-align:center;padding:20px 15px;color:#000;font:14px normal;font-family:'PT Sans Regular';-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;text-decoration:none;cursor:pointer;text-transform:uppercase;}
#nav li a span{text-transform:lowercase !important;}
#nav li:hover, #nav a:hover, #nav a:active{text-decoration:none;color:#B05E03;}

/* template for all lists below first */
#nav li ul {display:none; position:absolute; float:left;top:50px; width:100%;background:#0C0;list-style:none;padding:0;margin:16px 0 0 0;}
#nav li ul li {float:none;display:inline-block;width:240px;}
#nav li ul a {display:block;color:#fff;padding:8px 14px;font-size:14px; text-decoration:none; text-align:left;line-height:35px;width:240px;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;}
#nav li ul a span{text-transform:lowercase !important;}
#nav ul a:hover, #nav ul a:active{background:#B05E03; color:#FFF !important;padding:8px 14px 8px 22px;text-decoration:none;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;}
/* second level */ 
#nav li:hover ul{display:none;padding:0;list-style:none;width:auto;text-decoration:none;background-color:#3E454D;margin:0;}
#nav li:hover ul li ul {margin:0 0 0 200px;margin-top:-50px;}

/*nav effects*/
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{display:none;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{display:block;}

.arrow { font-size:8px; text-decoration:none; position:relative; top:-1px;}
.slicknav_menu {display:none;}
.js #nav {display:block;}

/*banner*/
#bannercont {width:100%;height:auto;position:relative;}
#bannercont h1 {max-width:600px;width:100%;font-family:'Lato Bold';font-size:40px;font-weight:bold;color:#FFF;text-align:left;margin:10px auto;padding:140px 0 0 0;position:absolute;left:0px;right:400px;z-index:25;float:left;}
#bannercont h2 {max-width:600px;width:100%;font-family:'Lato Regular';font-size:20px;font-weight:bold;color:#FFF;text-align:left;text-transform:uppercase;margin:60px auto;padding:220px 0 0 0;position:absolute;left:0px;right:400px;z-index:25;}
#bannercont img {width:100%;height:auto;display:block;position:relative;-webkit-filter: brightness(0.75);filter: brightness(0.75);}
#subbannercont {width:100%;height:280px;overflow:hidden;}
#subbannercont img {width:100%;height:auto;display:block;-webkit-filter: brightness(0.75);filter: brightness(0.75);}
#subbannercont h1 {max-width:1200px;width:100%;font-family:'PT Sans Regular';font-size:45px;font-weight:bold;color:#FFF;text-align:left;text-transform:capitalize;margin:0 auto;padding:100px 0 0 0;position:absolute;left:50px;right:50px;z-index:20;}
#subbannercont h1 span {text-transform:lowercase;}
#subbannercont h2 {max-width:600px;width:100%;font-family:'Lato Regular';font-size:14px;font-weight:bold;color:#FFF;text-align:center;text-transform:uppercase;margin:50px auto;padding:40px 0 0 0;position:absolute;left:50px;right:50px;z-index:20;}
.bh1  {float:none;max-width:240px;width:100%;height:auto;background:#0CF;display:block;z-index:20;margin:140px auto 30px auto;padding:10px;font-family:'PT Sans Regular';font-size:35px;font-weight:regular;color:#000;text-align:center;text-transform: uppercase;position:relative;}
.bh2 {font-family:'PT Sans Bold';font-size:70px;font-weight:bold;color:#FFF;text-align:center;text-transform:uppercase;margin:10px auto;padding:0;z-index:20;display:block;position:relative;}
.bh3 {font-family:'PT Sans Bold';font-size:25px;font-weight:bold;color:#FFF;text-align:center;text-transform:uppercase;margin:0 auto 10px auto;padding:0;z-index:20;display:block;position:relative;}
.bnnrp {font-family:'PT Sans Regular';font-size:18px;font-weight:regular;color:#FFF;text-align:center;text-transform:capitalize;margin:0 auto;padding:0;display:block;position:relative;z-index:20;}

.swipe {overflow: hidden;position: relative;width:100%;height:auto;margin:0;}
.swipe-wrap {overflow: hidden;position:relative;}
.swipe-wrap > div {float:left;width:100%;position:relative;}
.swipe .nav {position:absolute;width:50px;height:38px;z-index: 10;text-align:center;line-height:40px;display:inline-block;color:#fff;top:45%;cursor:pointer;background-color:rgba(0,0,0,0.8)}
.swipe .nav.next {right: 0;-webkit-border-radius: 3px 0 0 3px;-moz-border-radius: 3px 0 0 3px;-ms-border-radius: 3px 0 0 3px;-o-border-radius: 3px 0 0 3px;border-radius:3px 0 0 3px;}
.swipe .nav.prev {-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;-ms-border-radius:0 3px 3px 0;-o-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0;}

.ml10 {
    font-family:'Lato Regular';
    font-weight: 900;
    font-size: 64px;
    position:absolute;left:0px;right:400px;z-index:25;
}
    
.ml10 .text-wrapper {
    width:100%;
  position: relative;
  display: inline-block;
  padding-top: 3px;
  padding-right: 1px;
  padding-bottom: 1px;
  overflow: hidden;
}

.ml10 .letter {
  display: inline-block;
  line-height: 16px;
  transform-origin: 0 0;
}




#aboutcont {float:none;max-width:1200px;width:100%;height:auto;}
.subaboutcont {float:left;max-width:360px;width:100%;height:auto;position:relative;margin:60px 20px 100px 20px;}
.abouticoncont {width:130px;height:130px;border-radius:65px;border:2px solid #EEE;float:none;margin:0 auto;}
.subaboutcontl {float:left;max-width:500px;width:100%;height:auto;position:relative;margin:60px 20px;}
.subaboutcontr {float:left;max-width:550px;width:100%;height:auto;position:relative;margin:60px 20px;}
.subaboutcontl2 {float:left;max-width:700px;width:100%;height:auto;position:relative;margin:60px 20px;}
.subaboutcontr2 {float:left;max-width:350px;width:100%;height:auto;position:relative;margin:60px 20px;}
.subaboutcontl3 {float:left;max-width:350px;width:100%;height:auto;position:relative;margin:60px 20px;}
.subaboutcontr3 {float:left;max-width:700px;width:100%;height:auto;position:relative;margin:60px 20px;}


.bodycontl {float:left;max-width:780px;width:100%;height:auto;margin:0 20px 0 0;padding:0;}
.bodycontr {float:left;max-width:390px;width:100%;height:auto;margin:0 10px 0 20px;padding:0;}
.bodycontdivline1 {float:left;width:760px;height:2px;background:#0CF;display:block;margin:0 10px 0 10px;}
.bodycontdivline2 {float:left;width:100%;height:2px;background:#0CF;display:block;margin:0;}


.valuescont {float:none;width:100%;height:350px;padding:0;margin:0;overflow:hidden;position:relative;}
.valuescont img {width:100%;height:auto;display:block;} 
.valuesconttextcont {float:none;max-width:1100px;height:auto;margin:0 auto;position:absolute;left:5%;top:26%;right:5%;z-index:25;}
.valuescont h1 {font-family:'Lato Regular';font-size:60px;font-weight:bold;color:#FFF;text-align:left;margin:0;text-transform:capitalize;padding:0;z-index:25;}
.valuescont p {float:left;font-family:'PT Sans Regular';font-size:24px;font-weight:normal;color:#FFF;text-align:left;z-index:25;}

.adscont {float:none;width:100%;height:280px;padding:0;margin:0;overflow:hidden;position:relative;}
.adssubcont {float:none;max-width:1100px;width:100%;height:auto;padding:0;margin:0 auto;position:relative;}
.adssubcontl {float:left;max-width:800px;width:100%;height:auto;padding:0;margin:80px 0;position:absolute;z-index:10;}
.adssubcontr {float:right;max-width:100px;width:100%;height:auto;padding:0;margin:100px 0;position:absolute;z-index:10;right:80px;}
.adscont img {width:100%;height:auto;display:block;;-webkit-filter: brightness(0.5);filter: brightness(0.5);} 
.adsconttextcont {float:none;max-width:1100px;height:auto;margin:0 auto;position:absolute;left:5%;top:30%;right:5%;z-index:25;}
.adscont h1 {font-family:'Lato Regular';font-size:25px;font-weight:bold;color:#FFF;text-align:left;margin:0 0 20px 0;padding:0;z-index:25;}
.adscont p {float:left;font-family:'Lato Regular';font-size:40px;font-weight:normal;color:#FFF;text-align:left;z-index:25;margin:0 0 30px 0;}


.adscont2 {max-width:1366px;width:100%;height:600px;padding:0;margin:0 auto;}
/*.adscont2 {float:none;width:100%;height:500px;padding:0;margin:0;overflow:hidden;position:relative;}*/
.adscont2subcontl {float:left;max-width:683px;width:50%;height:auto;padding:0;margin:0;position:relative;}
.adscont2subcontlsubcont {float:right;max-width:540px;width:100%;height:auto;padding:90px 0 0 0;margin:0  50px 0 0;position:relative;}
.adscont2h1 {font-family:'Lato Bold';font-size:50px;font-weight:bold;color:#FFF;text-align:left;margin:0;padding:0;}
.adscont2p {font-family:'PT Sans Regular';font-size:18px;font-weight:normal;color:#CCC;text-align:left;margin:50px 0 0 0;line-height:32px;}
.adscont2subcontr {float:right;max-width:683px;width:50%;height:600px;padding:0;margin:0;overflow:hidden;position:relative;}
.adscont2subcontr img {width:100%;height:auto;display:block;} 
.adsconttextcont2 {float:none;max-width:960px;height:auto;margin:0 auto;position:absolute;left:5%;top:26%;right:5%;z-index:25;}


.clientlogo {float:left;max-width:120px;width:100%;height:auto;margin:0 25px;padding:0;position:relative;}
.clientlogo img {width:100%;height:auto;}
.clientlogobig {float:left;max-width:270px;width:100%;height:240px;margin:10px 1%;padding:0;position:relative;}
.clientlogobig img {width:100%;height:240px;overflow:hidden;}
.certifications {float:left;max-width:550px;width:100%;height:412px;margin:20px 25px;padding:0;position:relative;}
.certifications img {width:100%;height:412px;overflow:hidden;}


.myButtonads{background:#FFF;color:#000;font-size:13px;padding:9px 15px;border:none;text-decoration: none;outline: 0;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;display:block;font-family:'PT Sans Regular';cursor:pointer;text-align:center;text-transform: capitalize;-webkit-appearance:none;float:left;margin:0;width:210px;border-radius:25px;}
.myButtonads:hover{background:#1C1475;color:#FFF;border: #fff 1px solid;}

.myButton{background:#B05E03;color:#FFF !important;font-size:14px;padding:15px 15px;border:none;text-decoration: none;outline: 0;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;display:block;font-family:'PT Sans Regular';cursor:pointer;text-align:center;text-transform: uppercase;-webkit-appearance:none;float:left;margin:5px 0 0 10px;width:160px;}
.myButton:hover{background:#101A31;color:#FFF;}

.servicecont {float:none;max-width:1200px;width:100%;height:auto;}
.subservicecont {float:left;max-width:360px;width:100%;height:auto;position:relative;margin:10px 20px 40px 20px;}
.serviceimgcont {max-width:1200px;width:100%;height:auto;float:left;margin:0;position:relative;}
.serviceimgcaption {float:right;max-width:320px;width:100%;height:auto;background:#1C1475;border-radius:10px;margin:0;padding:14px 16px;position:absolute; right:0; bottom:20px;z-index:25;}

/*projects*/
.projectscont {float:left;max-width:380px;width:100%;height:340px;padding:0;margin:10px;position:relative;}
.projectsdetailcont {float:none;max-width:800px;width:100%;height:auto;padding:0;margin:10px auto;position:relative;}
.projectsimgbig {float:none;max-width:800px;width:100%;height:auto;margin:0 auto;padding:0;position:relative;}
.projectsimg {float:left;max-width:380px;width:100%;height:250px;margin:0 auto;padding:0;position:relative;overflow:hidden;}
.projectsimg img {width:100%;height:auto;display:block;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;}
.projectsimg img:hover {-moz-transform: scale(1.1);-webkit-transform: scale(1.1);transform: scale(1.1);-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;background: rgba(78, 180, 205, 0.5);}
.projectstitle {float:left;width:100%;height:auto;margin:0;font-family:'PT Sans Regular';font-size:24px;font-weight:normal;color:#000;text-align:left;text-transform: capitalize;}
.projectstitle a:link, .projectstitle a:active, .projectstitle  a:visited{color:#000; text-decoration:none;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.projectstitle a:hover{color:#ccc; text-decoration:none;}
.projectssum {float:left;width:100%;height:auto;margin:0;font-family:'PT Sans Regular';font-size:18px;font-weight:normal;color:#666;text-align:left;}
.projectssum a:link, .projectssum a:active, .projectssum  a:visited{color:#666; text-decoration:none;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.projectssum a:hover{color:#CCC; text-decoration:none;}
.projectsdate {float:left;width:auto;height:auto;font-family:'PT Sans Regular';font-size:16px;font-weight:normal;color:#666;text-align:left;}

/* services img hoer effects
.grid {
	position: relative;
	margin: 0 auto;
	padding: 1em 0 4em;
	max-width: 1200px;
	list-style: none;
	text-align: center;
}

/* Common style 
.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 10px 1%;
	min-width: 210px;
	max-width: 370px;
	max-height: 250px;
	width: 48%;
	background: #3085a3;
	text-align: center;
	cursor: pointer;
}

.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.8;
}

.grid figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button 
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 {
	word-spacing: -0.15em;
	font-weight: 300;
}

.grid figure h2 span {
	font-weight: 800;
}

.grid figure h2,
.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}

/**oscar effect 
figure.effect-oscar {
	background: -webkit-linear-gradient(45deg, #22682a 0%, #9b4a1b 40%, #3a342a 100%);
	background: linear-gradient(45deg, #22682a 0%,#9b4a1b 40%,#3a342a 100%);
}

figure.effect-oscar img {
	opacity: 0.9;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.effect-oscar figcaption {
	padding: 3em;
	background-color: rgba(58,52,42,0.7);
	-webkit-transition: background-color 0.35s;
	transition: background-color 0.35s;
}

figure.effect-oscar figcaption::before {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	border: 1px solid #fff;
	content: '';
}

figure.effect-oscar h2 {
	margin: 20% 0 10px 0;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
}

figure.effect-oscar figcaption::before,
figure.effect-oscar p {
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(0);
	transform: scale(0);
}

figure.effect-oscar:hover h2 {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-oscar:hover figcaption::before,
figure.effect-oscar:hover p {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-oscar:hover figcaption {
	background-color: rgba(58,52,42,0);
}

figure.effect-oscar:hover img {
	opacity: 0.4;
} */
/* services img hoer effects*/



/* Common style */
.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 10px 1%;
	min-width: 210px;
	max-width: 270px;
	max-height: 190px;
	width: 48%;
	background: #3085a3;
	text-align: center;
	cursor: pointer;
}

.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.8;
}

.grid figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index: 100;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 {
	word-spacing: -0.15em;
	font-weight: 300;
}

.grid figure h2 span {
	font-weight: 800;
}

.grid figure h2,
.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}

/**oscar effect **/
figure.effect-oscar {
	background: -webkit-linear-gradient(45deg, #22682a 0%, #9b4a1b 40%, #3a342a 100%);
	background: linear-gradient(45deg, #22682a 0%,#9b4a1b 40%,#3a342a 100%);
}

figure.effect-oscar img {
	opacity: 0.9;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.effect-oscar figcaption {
	padding: 3em;
	background-color: rgba(58,52,42,0.7);
	-webkit-transition: background-color 0.35s;
	transition: background-color 0.35s;
}

figure.effect-oscar figcaption::before {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	border: 1px solid #fff;
	content: '';
}

figure.effect-oscar h2 {
	margin: 15% 0 10px 0;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
}

figure.effect-oscar figcaption::before,
figure.effect-oscar p {
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(0);
	transform: scale(0);
}

figure.effect-oscar:hover h2 {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-oscar:hover figcaption::before,
figure.effect-oscar:hover p {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-oscar:hover figcaption {
	background-color: rgba(58,52,42,0);
}

figure.effect-oscar:hover img {
	opacity: 0.4;
}

/*******/

.ourteammaincont {float:none;max-width:1200px;width:100%;height:auto;margin:0 auto;position:relative;}
.ourteamcont {float:left;max-width:340px;width:100%;height:auto;display:block;margin:20px 30px;postition:relative;}
.ourteamcontr {float:right;max-width:800px;width:100%;height:auto;margin:0;postition:relative;}
.ourteamimg {float:left;max-width:340px;width:100%;height:310px;margin:0 auto;padding:0;position:relative;overflow:hidden; cursor:pointer;background:#ccc;}
.ourteamimg img {width:100%;height:240px;display:block;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;overflow:hidden;}
.ourteamimg img:hover {-moz-transform: scale(1.1);-webkit-transform: scale(1.1);transform: scale(1.1);-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;background: rgba(78, 180, 205, 0.5);}
.ourteamsubcont {float:left;width:340px;height:auto;padding:20px 0;}
.ourteamsubcont h1 {float:none;font-family:'Lato Regular';font-size:22px;font-weight:bold;color:#000;text-align:center;margin:0 auto;text-transform:capitalize;}
.ourteamsubcont h1 a:link, .ourteamsubcont h1 a:active, .ourteamsubcont h1  a:visited{color:#000; text-decoration:none;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.ourteamsubcont h1 a:hover{color:#ccc; text-decoration:none;}
.ourteamsubcont h2 {float:none;font-family:'Lato Regular';font-size:16px;font-weight:normal;color:#666;text-align:center;font-style:italic;margin:0 auto;text-transform:capitalize;}


.servicesimgcont {max-width:600px;width:100%;height:auto;float:left;}
.bookingagreement {float:right;width:400px;margin:35px 0 0 10px;}
.bookingagreement2 {float:left;width:340px;margin:35px 0 0 50px;}
.bookingcontbttn {float:left !important;margin:0;}
.bookingbackbttn {float:right !important;margin:0;}

.forgot-pword {color:#777;font-size:14px;font-weight:normal;padding:0;}
.forgot-pword a:link, .forgot-pword a:active, .forgot-pword a:visited{color:#777; text-decoration:none;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.forgot-pword a:hover{color:#000; text-decoration:none;}



.selectioncont {max-width:1200;width:100%;height:auto;}
.selectioncont2 {max-width:700;width:100%;height:auto;}
.selectioncont2 h1 {font-family:'PT Sans Regular';font-size:20px;font-weight:bold;color:#333;text-align:left;margin:0;text-transform:capitalize;}
.selectioncont2 h2 {font-family:'PT Sans Regular';font-size:14px;font-weight:normal;color:#999;text-align:left;font-style:italic;margin:0;text-transform:capitalize;}
.subselectionl {float:left;max-width:200px;height:auto;text-align:left;}
.subselectionl input[type="text"] {padding:10px;display:block;width:100%;background:#FFF;border:1px solid #EEE;outline: solid 1px;color:#888;font-size:16px;font-family:'PT Sans Regular';-webkit-appearance:none;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.subselectionl select {
    display: inline-block;
    height:30px;
    width: 150px;
    padding: 2px 10px 2px 2px;
    outline: none;
    color: #74646e;
    border: 1px solid #C8BFC4;
    border-radius: 4px;
    box-shadow: inset 1px 1px 2px #ddd8dc;
    background: #fff; 
}

.subselectionr {float:right;width:140px;height:auto;text-align:left;}
.subselectionr input[type="text"] {padding:10px 5px;display:block;width:100%;background:#FFF;text-align:left;color:#888;font-size:16px;font-family:'PT Sans Regular';-webkit-appearance:none;}



.subbodysubcont {float:left;max-width:313px;width:100%;height:auto;margin:30px 10px;padding:0;}
.subbodyiconcont {float:left;width:46px;height:auto;margin:0 15px 0 0;}
.subbodytextcont {float:left;max-width:251px;Width:100%;height:auto;margin:0;padding:0;}


.myButton2 {background:#1C1475;color:#FFF;font-size:18px;padding:14px 20px;text-decoration: none;outline: 0;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;display:block;font-family:'PT Sans Regular';cursor:pointer;text-align:center;text-transform: capitalize;-webkit-appearance:none;width:260px;border-radius:30px;margin:0 auto;float:none;border:2px solid #1C1475;}
.myButton2:hover {background:#FFF;color:#1C1475;border:2px solid #999; text-decoration:none;}

.myButton3 {background:#1C1475;color:#FFF;font-size:18px;padding:14px 20px;text-decoration: none;outline: 0;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;display:block;font-family:'PT Sans Regular';cursor:pointer;text-align:center;text-transform: capitalize;-webkit-appearance:none;float:left;margin:0;width:260px;border-radius:30px;border:2px solid #1C1475;}
.myButton3:hover {background:#FFF;color:#1C1475;border:2px solid #999;}

.myButtonconti {background:#1C1475;color:#FFF;font-size:18px;padding:14px 20px;text-decoration: none;outline: 0;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;display:block;font-family:'PT Sans Regular';cursor:pointer;text-align:center;text-transform: capitalize;-webkit-appearance:none;float:none;margin:0 auto;width:260px;border-radius:30px;border:2px solid #1C1475;}
.myButtonconti:hover {background:#FFF;color:#1C1475;border:2px solid #999;}

#back2Top {width:60px;line-height:60px;overflow:hidden;z-index:999;display:none;cursor:pointer;position:fixed;bottom:50px;right:30px;color:#B05E03;text-align:center;font-size:40px;text-decoration:none;}
#back2Top:hover {color:#333;}


.piccont1 {float:left;max-width:170px;width:100%;height:auto;margin:0 10px 10px 0;background:#FFF;padding:5px;z-index:120;}
.piccont2 {float:left;max-width:350px;width:100%;height:auto;margin:0 20px 20px 0;background:#FFF;padding:5px;z-index:110;}
.textoverlaycont {float:left;max-width:320px;width:100%;height:auto;padding:5px;margin:0 25px;position:absolute;left:0;bottom:20px;-webkit-border:5px #FFF solid;-moz-border:5px #FFF solid;-ms-border:5px #FFF solid;-o-border:5px #FFF solid;border:5px #FFF solid;background:rgba(0, 0, 0, 0.6);}
.overlaycont {float:left;width:100%;height:50px;padding:0 15px;margin:0;position:absolute;left:0;bottom:0;background:rgba(0, 0, 0, 0.6);}
.gobttn {float:right;width:15%;height:auto;padding:11px 10px;margin:0;background:rgba(204, 204, 204, 0.6);color:#FFF;font-size:14px;text-decoration: none;outline: 0;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;display:inline-block;font-family:'PT Sans Regular';cursor:pointer;text-transform:uppercase;position:absolute;right:0;bottom:0;text-align:center;}
.gobttn a:link, .gobttn a:active, .gobttn  a:visited{color:#FFF; text-decoration:none;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.gobttn:hover{background:rgba(102, 102, 102, 0.8);color:#FFF;}


.imgcont {max-width:150px;width:100%;height:auto;float:left;margin:0 30px 0 0;}
.imgcont2 {width:156px;height:auto;margin:0 auto;}
.divline1 {float:left;width:100%;height:1px;background:#FFF;display:block;}
.divline2 {float:left;width:100%;height:1px;background:#ccc;display:block;}
.divline3 {float:left;max-width:70px;width:100%;height:3px;background:#B05E03;display:block;}
.divline4 {float:none;max-width:70px;width:100%;height:3px;background:#B05E03;display:block;margin:0 auto;}



/*accordion*/
button.accordion {
    color: #777;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 18px;
    transition: 0.5s;
	margin:5px 0;
	
}

button.accordion.active, button.accordion:hover {
    color:#B05E03;
}

button.accordion:after {
    content: '\002B';
    color: #777;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}

button.accordion.active:after {
    content: "\2212";
}

div.panel {
    padding: 0 18px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
	font-family:'PT Sans Regular';font-size:18px;font-weight:normal;color:#777;text-align:left;
}


/*texts*/
.h1 {font-family:'Lato Regular';font-size:36px;font-weight:bold;color:#000;text-align:center;text-transform:capitalize;}
.h1 span {font-family:'Lato Regular';font-size:36px;font-weight:bold;color:#000;text-align:center;text-transform:lowercase;}
.h1b {font-family:'Lato Regular';font-size:36px;font-weight:bold;color:#000;text-align:left;text-transform:capitalize;}
.h1b span {text-transform:lowercase;}
.h1c {font-family:'Lato Regular';font-size:20px;font-weight:bold;color:#FFF;text-align:left;margin:0;text-transform:capitalize;border-left:solid #0CF 5px;padding:0 0 2px 5px;}
.h2 {font-family:'Lato Regular';font-size:26px;font-weight:bold;color:#FFF;text-align:left;text-transform:capitalize;}
.h2 a:link, .h2 a:active, .h2 a:visited{color:#FFF; text-decoration:none;}
.h2 a:hover{color:#ccc; text-decoration:none;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.h3 {font-family:'Lato Hairline';font-size:32px;font-weight:bold;color:#000;text-align:left;line-height:45px;}
.h3 span {font-family:'Lato Black';font-size:32px;font-weight:bold;color:#000;text-align:left;line-height:45px;}
.h3 a:link, .h3 a:active, .h3 a:visited{color:#000; text-decoration:none;}
.h3 a:hover{color:#ccc; text-decoration:none;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.h4 {font-family:'PT Sans Regular';font-size:20px;font-weight:bold;color:#000;text-align:center;text-transform:capitalize;}
.h4 span {text-transform:lowercase;}
.h4 a:link, .h4 a:active, .h4 a:visited{color:#FFF; text-decoration:none;}
.h4 a:hover{color:#ccc; text-decoration:none;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.h5 {font-family:'PT Sans Regular';font-size:20px;font-weight:normal;color:#000;text-align:left;text-transform:capitalize;}
.h5span {font-family:'PT Sans Bold';font-size:20px;font-weight:bold;color:#000;text-align:left;text-transform:lowercase;}
.h5 a:link, .h5 a:active, .h5 a:visited{color:#000; text-decoration:none;}
.h5 a:hover{color:#ccc; text-decoration:none;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.h5b {font-family:'PT Sans Regular';font-size:20px;font-weight:normal;color:#000;text-align:left;text-transform:lowercase;}
.h5b a:link, .h5 a:active, .h5 a:visited{color:#000; text-decoration:none;}
.h5b a:hover{color:#ccc; text-decoration:none;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.text1{font-family:'PT Sans Regular';font-size:18px;font-weight:normal;color:#000;text-align:left;line-height:28px;}
.text1 a:link, .text1 a:active, .text1 a:visited{color:#FFF; text-decoration:none;}
.text1 a:hover{color:#CCC; text-decoration:none;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.text2{font-family:'PT Sans Regular';font-size:16px;font-weight:normal;color:#999;text-align:center;}
.text2 a:link, .text2 a:active, .text2 a:visited{color:#000; text-decoration:none;}
.text2 a:hover{color:#ccc; text-decoration:none;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.text3{font-family:'PT Sans Regular';font-size:18px;font-weight:normal;color:#CCC;text-align:center;}
.text3 a:link, .text3 a:active, .text3 a:visited{color:#CCC; text-decoration:none;}
.text3 a:hover{color:#888; text-decoration:none;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.text4{width:auto;font-family:'PT Sans Regular';font-size:18px;font-weight:normal;color:#CCC;text-align:left;}
.text4 a:link, .text4 a:active, .text4 a:visited{color:#CCC; text-decoration:none;}
.text4 a:hover{color:#888; text-decoration:none;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.text5{width:auto;font-family:'PT Sans Regular';font-size:18px;font-weight:normal;color:#F00;text-align:left;}
.text5 a:link, .text5 a:active, .text5 a:visited{color:#F00; text-decoration:none;}
.text5 a:hover{color:#888; text-decoration:none;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}

.readmore2 {float:left;width:auto;font-family:'PT Sans Regular';font-size:18px;font-weight:normal;color:#FC0;text-align:left;height:auto;margin-right:10px;}
.readmore2 a:link, .readmore2 a:active, .readmore2 a:visited{color:#FC0; text-decoration:none;}
.readmore2 a:hover{color:#900; text-decoration:none;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}

/*paginate1*/
.pagination {padding:3px;margin:3px;text-align:center;}

.pagination span.disabled ,
.pagination span.current ,
.pagination a
{height: 28px;-webkit-border-radius: 5px;-moz-border-radius: 5px;-o-border-radius: 5px;-ms-border-radius: 5px;border-radius:5px;padding: 12px 15px;color:#FFF;border: 1px solid #ccc;text-decoration: none;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;font-size:16px;font-family:'PT Sans Regular';}

.pagination a {background-color: #999; }
.pagination a:hover, .pagination a:active {border:1px solid #CCC;color: #fff;background-color:#0CF;text-decoration: none;}
.pagination span.current {font-weight: normal;color: #FFF;background:#CCC;}
.pagination span.disabled {color: #CCC;}

.pagination span.current,
.pagination span.disabled {
    cursor: default;
}
.pagin {height: 28px;-webkit-border-radius: 5px;-moz-border-radius: 5px;-o-border-radius: 5px;-ms-border-radius: 5px;border-radius:5px;padding: 12px 15px;color:#666;border: 1px solid #999;text-decoration: none;font-weight: normal;color: #FFF;background:#0CF;font-size:16px;font-family:'PT Sans Regular';}


/*forms*/
.inputform{float:none;max-width:800px;width:100%;position:relative;height:auto;padding-bottom:10px;margin:0 auto;}
.inputform div{padding:5px;}
.inputform span{display:block;font-size:18px;font-family:'PT Sans Regular';color:#888;padding-bottom:5px;}
.inputform input[type="text"], .inputform input[type="date"], .inputform input[type="email"], .inputform textarea {padding:10px;display:block;width:100%;background:#FFF;border:1px solid #efefef; border-radius:5px;outline: solid 1px;color:#888;font-size:16px;font-family:'PT Sans Regular';-webkit-appearance:none;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.inputform select {
    display: inline-block;
    height:30px;
    width: 150px;
    padding: 10px;
    outline: none;
    color: #74646e;
    border: 1px solid #C8BFC4;
    border-radius: 4px;
    box-shadow: inset 1px 1px 2px #ddd8dc;
    background: #fff; 
}
.inputform input[type="text"]:focus, .inputform textarea:focus{}
.inputform textarea{resize:vertical;height:auto;}
.inputformsub1 {float:left;max-width:1200px;width:100%;height:auto;margin:0;padding:0;}
.inputformsub1 p{width:100%;font-family:'PT Sans Regular';font-size:18px;font-weight:normal;color:#333;text-align:left;}
.inputformsub1 p a:link, .inputformsub1 p a:active, .inputformsub1 p a:visited{color:#333; text-decoration:none;}
.inputformsub1 p a:hover{color:#888; text-decoration:none;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}


/*contact*/
.contactsub1 {float:left;max-width:1200px;width:100%;height:auto;margin:0;padding:0;}
.contactsub1 p{width:100%;font-family:'PT Sans Regular';font-size:18px;font-weight:normal;color:#333;text-align:left;}
.contactsub1 p a:link, .contactsub1 p a:active, .contactsub1 p a:visited{color:#333; text-decoration:none;}
.contactsub1 p a:hover{color:#888; text-decoration:none;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}

table {border-collapse: collapse;width: 100%;}
th, td {text-align: left;border: 1px solid eee;padding:8px;font-size:12px;}
th {height:30px;text-align:left;background-color:#900;color:#FFF;}
tr:hover {background-color:#f5f5f5;}
tr:nth-child(even) {background-color: #f2f2f2;}

#courtlists {font-family:'PT Sans Regular';border-collapse:collapse;width:100%;}
#courtlists td, #courtlists th {border:1px solid #ddd;padding:8px;}
#courtlists tr:nth-child(even){background-color:#f2f2f2;}
#courtlists tr:hover {background-color:#ddd;}
#courtlists th {padding-top:12px;padding-bottom:12px;text-align:left;background-color:#900;color:white;}

.courtlists {font-family:'PT Sans Regular';border-collapse:collapse;width:100%;}
.courtlists a:link, .courtlists a:active, .courtlists a:visited{color:#333; text-decoration:none;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.courtlists a:hover{color:#999; text-decoration:none;}
.courtlists td, .courtlists th {border:1px solid #ddd;padding:8px; font-size:18px;}
.courtlists tr:nth-child(even){background-color:#f2f2f2;}
.courtlists tr:hover {background-color:#ddd;}
.courtlists th {padding-top:12px;padding-bottom:12px;text-align:left;background-color:#CCC;color:white;}

.contactsub2 {float:left;max-width:1200px;width:100%;height:auto;margin:0;padding:0;}
.contactsub2 p{width:100%;font-family:'PT Sans Regular';font-size:14px;font-weight:normal;color:#333;text-align:left;}
.contactsub2 p a:link, .contactsub2 p a:active, .contactsub2 p a:visited{color:#333; text-decoration:none;}
.contactsub2 p a:hover{color:#888; text-decoration:none;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}

.login-form-btn {display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;justify-content: center;align-items: center;padding:0;max-width:200px;width: 100%;height: 50px;background-color:#900;border-radius: 2px;font-family: Poppins-Regular;font-size: 18px;color:#fff;-webkit-transition: all 0.4s;-o-transition: all 0.4s;-moz-transition: all 0.4s;transition: all 0.4s;font-family:'PT Sans Regular';font-style:normal;cursor:pointer;}
.login-form-btn:hover {background-color:#333333;}

/*Contactform*/
.contact-form{float:left;max-width:1200px;width:100%;position:relative;height:auto;padding-bottom:10px;}
.contact-form div{padding:5px;}
.contact-form span{display:block;font-size:14px;font-family:'PT Sans Regular';color:#000;padding-bottom:5px;}
.contact-form input[type="text"],.contact-form input[type="date"],.contact-form input[type="email"],.contact-form textarea {padding:5px;display:block;width:100%;background:#FFF;border:1px solid;border-color:#fefefe;outline: solid 1px;color:#000;font-size:16px;font-family:'PT Sans Regular';-webkit-appearance:none;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.contact-form select {
    display: inline-block;
    height:30px;
    width: 150px;
    padding: 2px 10px 2px 2px;
    outline: none;
    color: #74646e;
    border: 1px solid #C8BFC4;
    border-radius: 4px;
    box-shadow: inset 1px 1px 2px #ddd8dc;
    background: #fff; 
}



.contact-form textarea{resize:vertical;height:auto;}

.contact-form2{position:relative;max-width:1200px;width:100%;height:auto;margin:0 auto;}
.contact-form2 div{padding:10px 0 0 0;}
.contact-form2 span{display:block;font-size:18px;font-family:'PT Sans Regular';color:#333;padding:0 0 10px 0;}
.contact-form2 input[type="text"],.contact-form input[type="date"],.contact-form input[type="email"],.contact-form2 textarea{padding:2px;display:block;width:98%;background:#FFF;border-bottom:1px solid #333;border-left:none;border-right:none;border-top:none;outline:none;color:#888;font-size:14px;font-family:'PT Sans Regular';-webkit-appearance:none;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.contact-form input[type="date"]{padding:2px;display:block;width:98%;background:#FFF;border:1px solid #333;color:#888;font-size:14px;font-family:'PT Sans Regular';-webkit-appearance:none;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.contact-form input[type="email"] {padding:2px;display:block;width:98%;background:#FFF;border-bottom:1px solid #333;border-left:none;border-right:none;border-top:none;outline:none;color:#888;font-size:14px;font-family:'PT Sans Regular';-webkit-appearance:none;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.contact-form2 input[type="text"]:focus,.contact-form2 textarea:focus{border-bottom:1px solid #333;}
.contact-form2 textarea{resize:vertical;}

.input-field-login2 {width:100%;height:40px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;border:1px solid #ccc;background-color:#fff;background-position:6px 6px;background-repeat:no-repeat;padding:10px; word-wrap:break-word;}
input.std_textbox2{width:auto;height:30px;margin:5px 0;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;color:#000;font-family:'PT Sans Regular';font-size:18px;margin-left:26px;outline:none;background-color:#ccc;padding:10px;}

/*google map*/
.google-maps {
        position: relative;
        padding-bottom: 25%;
        height: 100%;
        overflow: hidden;
    }
    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }


/*videos*/
.videocont {float:left;max-width:590px;width:100%;height:auto;margin:20px 10px;position:relative;padding:0;}
.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

/*social icons*/
.socialcont {float:none;max-width:270px;width:100%;height:auto;padding:0;position:relative;margin:0;}
.socialtext {float:left;font-family:'PT Sans Regular';font-size:14px;font-weight:normal;color:#FFF;text-align:left;margin:0;padding:0;}
.socialtext a:link, .socialtext a:visited, .socialtext a:active {color:#FFF; text-decoration:none;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.socialtext a:hover {color:#ccc; text-decoration:none;font-weight:bold;}
.socialicon {float:left;width:auto;height:auto;margin:0;padding:0;}


/*footer*/
.footercont {float:none;max-width:1200px;width:100%;height:auto;padding:40px 0;margin:0 auto;position:relative;}
.footercont2 {float:none;max-width:1200px;width:100%;height:auto;padding:20px 0;margin:0 auto;position:relative;}
.footerseccont {float:left;max-width:260px;width:100%;margin:0 20px;padding:0;}
.footerseccont h1 {font-family:'Lato Regular';font-size:20px;font-weight:normal;color:#B05E03;text-align:left;margin:0;text-transform:uppercase;padding:0;}
.footerseccont p {float:left;font-family:'PT Sans Regular';font-size:16px;font-weight:normal;color:#FFF;text-align:left;}

.footerdivline1 {float:left;width:100%;height:2px;background:#FFF;display:block;margin:0 10px 0 10px;}
.footer-text{font-family:'PT Sans Regular';font-size:16px;font-weight:normal;color:#FFF;text-align:left;margin:0 auto;line-height:28px;}
.footer-text a:link, .footer-text2 a:link, .footer-text2 a:active, .footer-text a:active, .footer-text2 a:visited,.footer-text a:visited{color:#FFF; text-decoration:none;}
.footer-text a:link, .footer-text2 a:link {-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.footer-text a:hover, .footer-text2 a:hover{color:#CCC; text-decoration:none;}
.footer-text2{float:left;font-family:'PT Sans Regular';font-size:15px;font-weight:normal;color:#FFF;text-align:left;margin:0 auto;}
.footertext2{font-family:'PT Sans Regular';font-size:12px;font-weight:normal;color:#868695;text-align:left;}
.footertext2 a:link,  .footertext2 a:active, .footertext2 a:visited {color:#868695; text-decoration:none;}
.footertext2 a:link {-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.footertext2 a:hover {color:#FFF; text-decoration:none;}
.iconcont {max-width:224px;width:100%;height:auto;margin:0 auto;padding:0;}
.icons {float:left;width:48px;height:48px;margin:0 4px;padding:0;display:block;}
.copyrightcont {float:left;max-width:610px;width:100%;height:auto;padding:0;margin:0;}
.termscondcont {float:right;max-width:120px;width:100%;height:auto;padding:0;margin:0;}


/* Portrait tablet to landscape and desktop */
@media (min-width: 769px) and (max-width: 1024px) { 
  .topsection {max-width:1024px;width:96%;} 
	#wrapper {max-width:1024px;width:94%;}			
	#headercont {width:100%;padding:2px 0;}	
    .logo {margin:10px;}
	#mainfixedheadercont {display:none;}
	#mainnavcontfixed {display:none;}
	#bannercont h1 {font-size:40px;width:80%;margin:10px auto;padding:110px 0 0 0;left:60px;right:0px;}
	#subbannercont {max-width:1024px;width:100%;height:auto;overflow:hidden;}
	#subbannercont h1, #subbannercont h2 {font-size:30px;padding:90px 0 0 0;}	
	.socialcont {float:none;margin:18px auto;display:block;}
	.subnoticecont1, .subnoticecont2 {max-width:320px;height:320px;mrgin:0 auto;}
  	#aboutcont {max-width:1024px;margin:0 auto;width:96%;}
  	.subaboutcont {float:left;max-width:300px;width:100%;height:auto;position:relative;margin:30px 0;}
	.subaboutcontl {max-width:400px;margin:60px 20px;}
	.subaboutcontr {max-width:450px;margin:60px 20px;}
	.subaboutcont2l, .subaboutcont2r {max-width:400px;margin:60px 20px;}
  	.abouticoncont {width:130px;height:130px;border-radius:65px;border:2px solid #EEE;float:none;margin:0 auto;}
	.ourteamcont {max-width:300px;}
	.ourteamcontr {max-width:600px;}
	.ourteamsubcont {width:300px;}
    .grid figure {float:left;margin: 10px 5px;min-width: 180px;max-width: 230px;width: 42%;}
	.adscont {height:300px;overflow:hidden;}
	.adscont2subcontl {max-width:450px;width:100%;height:auto;}
	.adscont2subcontlsubcont {max-width:450px;width:80%;padding:60px 0 0 0;margin:0 20px 0 0;}
	.adscont2subcontr {float:right;max-width:500px;width:100%;height:auto;}	
	.adscont2 {max-width:1024px;height:auto;}
	.servicecont {float:left !important;max-width:300px;width:100%;height:auto;margin:10px;}
	.subservicecont {max-width:300px;margin:5px 2px 20px 2px;}
	.serviceimgcaption {float:none;max-width:270px;padding:14px 16px;position:absolute; left:12px;right:12px; bottom:20px;z-index:25;}
	.projectscont {max-width:300px;margin:10px;}
	.projectsdetailcont {max-width:280px;margin:10px auto;}
	.projectsimgbig {fmax-width:280px;margin:0 auto;}
	.projectsimg {max-width:300px;height:200px;margin:0 auto;}
	.bttn1{float:none;width:100%;margin:0 auto;}
	.bttn2{max-width:1024px;width:100%;font-size:26px;padding:20px;margin:0 0 20px 0;}
	.text2{font-size:20px;}
	.h1 {font-size:30px;}
	.h1, .h1b {text-align:center;margin:0 auto;} 
	.h2 {font-size:25px;}
	.h2b {font-size:35px;}
	.h2c {font-size:15px;}
	.h2d {font-size:15px;}		
	.h3 {font-size:18px;}
	.subbodycont1 {float:left;max-width:300px;margin:10px 0;}
	.subbodycont2 {float:left;max-width:300px;margin:10px 20px;}
	.logo_footer {float:none;margin:0 auto;}
	.footercont {max-width:1024px;width:96%;padding:20px 0;}
  	.footerseccont {max-width:220px;margin:20px 10px;}
	.footer-text{font-size:14px;}	
	.copyrightcont {padding:0 0 0 20px;}
}

/* Landscape phone to portrait tablet */
@media (max-width: 768px) {		 
  .topsection {max-width:768px;width:96%;} 
  .subtopsecl {max-width:150px;margin:0 0 0 20px;}
  .subtopsecr {max-width:120px;}
	.logo {float:none;margin:0 auto;}
	#wrapper {max-width:768px;width:94%;}			
	#headercont {width:100%;padding:2px 0;}
	#mainfixedheadercont {display:none;}
	#bannercont h1 {font-size:20px;width:80%;margin:10px auto;padding:110px 0 0 0;left:60px;right:0px;}
	#subbannercont {max-width:768px;height:auto;}
	#subbannercont h1, #subbannercont h2 {font-size:30px;padding:60px 0 0 0;}
	#navcont2 {max-width:768px;float:none;padding:0;margin:0 auto;display:block;}
	.socialcont {float:none;margin:18px auto;display:block;}
  	.slicknav_menu {display:block;}
	.js #nav {display:none;}
	.subnoticecont1, .subnoticecont2 {max-width:768px;height:auto;mrgin:0 auto;}
  	#aboutcont {max-width:768px;margin:0 auto;width:96%;}
  	.subaboutcont {float:none;max-width:360px;width:100%;height:auto;position:relative;margin:30px auto;}	
  	.subaboutcontl, .subaboutcontr {float:none;max-width:768px;margin:0 auto;}
  	.subaboutcont2l, .subaboutcont2r {float:none;width:96%;margin:50px auto;}
  	.abouticoncont {width:130px;height:130px;border-radius:65px;border:2px solid #EEE;float:none;margin:0 auto;}
    .ourteamcont {float:none;max-width:340px;margin:20px auto;}
    .grid figure {float: none;margin: 10px auto;width: 48%;}
	.adscont {height:280px;overflow:hidden;}
  	.adsconttextcont {max-width:700px;position:absolute;left:5%;top:25%;right:0%;}
  	.adscont h1 {font-size:40px;margin:0 0 10px 0;}
  	.adscont p {font-size:20px;margin:0 0 10px 0;}	
	.adssubcont {max-width:768px;width:100%;}
	.adssubcontl {float:left;max-width:520px;margin:120px 0;left:20px;}
	.adssubcontr {float:right;max-width:100px;width:100%;margin:120px 0;right:140px;}	
	.adscont2 {max-width:768px;height:auto;}
	.adscont2subcontl {max-width:384px;width:50%;height:auto;}
	.adscont2subcontlsubcont {max-width:540px;width:80%;padding:60px 0 0 0;margin:0 30px 0 0;}
	.adscont2h1 {font-size:30px;}
	.adscont2p {font-size:14px;margin:50px 0 0 0;line-height:26px;}
	.adscont2subcontr {float:right;max-width:384px;width:50%;height:auto;}
	.adsconttextcont2 {max-width:768px;left:5%;top:26%;right:5%;}
	.servicecont {float:none;max-width:768px;width:100%;height:auto;}
	.subservicecont {float:none;margin:10px auto 40px auto;}
	.serviceimgcont {float:none;margin:0 auto;}
	.projectscont {float:none;margin:20px auto;}
  	.projectsdetailcont {max-width:768px;width:96%;}
  	.projectsimgbig {max-width:768px;width:96%;}
  	.projectsimg {float:none;height:auto;margin:0 auto;}
	.bttn1{float:none;width:100%;margin:0 auto;}
	.bttn2{max-width:768px;width:100%;font-size:26px;padding:20px;margin:0 0 20px 0;}
	.text2{font-size:20px;}
	.h1 {font-size:30px;}
	.h1, .h1b {text-align:center;margin:0 auto;} 
	.h2 {font-size:25px;}
	.h2b {font-size:35px;}
	.h2c {font-size:15px;}
	.h2d {font-size:15px;}	
	.h4 {font-size:25px;}	
	.footercont {max-width:768px;width:96%;padding:20px 0;}
  	.footerseccont {max-width:768px;margin:20px 5px;}
  	.footerseccont h1 {font-size:20px;}
  	.footerseccont p {font-size:16px;}
  	.footer-text{float:left;max-width:768px;width:100%;font-size:14px;}	
	.logo_footer {float:none;margin:0 auto;}
	.socialcont {float:left;}	
	.clientlogo {max-width:80px;margin:0 18px;}		
	.copyrightcont {float:left;max-width:480px;padding:0 0 5px 20px;}	
	.termscondcont {max-width:100px;margin:0;}
	
}
 
/* Landscape phones and down */
@media (max-width: 480px) { 
	.topsection {max-width:480px;width:94%;} 
  	.subtopsecl {max-width:150px;margin:0 0 0 10px;}
  	.subtopsecr {max-width:120px;}
	#wrapper {max-width:480px;width:94%;}			
	#headercont {width:100%;padding:2px 0;display:block;}
	#mainfixedheadercont {display:none;}
    #bannercont h1 {max-width:480px;width:70%;font-size:20px;padding:40px 0 0 0;right:0px;left:0;margin:0 auto;}
	#subbannercont {height:auto;}
  	#subbannercont h1 {max-width:480px;font-size:22px;margin:0 auto;padding:34px 0  0 20px;left:0px;right:0px;}
	.logo {float:none;margin:0 auto;}
	#navcont2 {max-width:480px;float:none;padding:0;margin:0 auto;display:block;}
	.socialcont {float:none;margin:18px auto 0 auto;display:block;}	
  	.slicknav_menu {display:block;}
  	.js #nav {display:none;}
  	#aboutcont {max-width:480px;margin:0 auto;width:96%;}
  	.subaboutcont {float:none;max-width:480px;width:96%;margin:30px 0;}
  	.subaboutcontl, .subaboutcontr {float:none;max-width:480px;margin:0 auto;}
  	.subaboutcontl2, .subaboutcontr2  {float:none;max-width:480px;width:98%;margin:30px auto;}  
    .subaboutcontl3, .subaboutcontr3 {float:none;max-width:480px;width:99%;margin:30px auto;}
    .subaboutcontl3 img {float:none;width:480px !important;}
    
    
	.h4 {font-size:26px;padding:5px 0 0 0;}
    .ourteamcont {float:none;max-width:340px;margin:20px auto;}
  	.myButton{font-size:12px;padding:8px 16px;width:220px;border-radius:15px;}
  	.servicecont {max-width:480px;width:94%;margin:0 auto;}
  	.subservicecont {width:100%;margin:10px 0 40px 0;}
  	.serviceimgcont {float:none;max-width:480px;margin:0 auto;}
  	.serviceimgcaption {float:none;max-width:300px;width:96%;padding:10px 12px;left:0;right:0;margin:0 auto;} 
  	.projectscont {float:none;margin:20px auto;}
  	.projectsdetailcont {max-width:480px;width:96%;}
  	.projectsimgbig {max-width:480px;width:96%;}
  	.projectsimg {float:none;height:auto;margin:0 auto;}
	.bttn2{max-width:480px;width:100%;font-size:26px;padding:20px;margin:0 0 20px 0;}
    .text1{margin:20px auto;}
	.text1b {font-size:18px;}
	.text2{font-size:20px;}	
	.subbodycont1, .subbodycont2 {float:none;margin:0 auto 30px auto;}
	.subfootercontl, .subfootercontr {float:none;max-width:480px;margin:0 auto;padding:20px;}
	.divline1 {float:none;margin:10px auto 20px auto;}	
	figure.effect-oscar {max-width:480px;width:100%;margin:10px auto;}	
	.adscont2 {max-width:480px;height:auto;}
	.adscont2subcontl, .adscont2subcontr {float:none;max-width:480px;width:100%;margin:0 auto;}	
	.adscont2subcontr {height:auto;}
	.adscont2subcontlsubcont {float:none;max-width:480px;width:92%;margin:0 auto;padding:40px 0 0 0;}
	.adscont2p {font-size:14px;text-align:left;margin:20px 0;line-height:24px;}
	.adsconttextcont2 {float:none;max-width:960px;height:auto;margin:0 auto;position:absolute;left:5%;top:26%;right:5%;z-index:25;}
	.clientlogo {max-width:50px;margin:0 5px;}	
    .clientlogobig {float:none;height:auto;margin:10px auto;}
    .certifications {float:none;max-width:480px;height:auto;margin:20px auto;}
	.adscont {float:none;height:140px;}
	.adssubcont {max-width:480px;}
	.adssubcontl {float:none;max-width:480px;margin:30px 0;}
	.adssubcontr {float:none;max-width:480px;margin:80px 0;left:80px;}	
	.adsconttextcont {max-width:480px;left:5%;top:30%;right:5%;}
	.adscont p {float:none;font-size:20px;text-align:left;margin:0 0 20px 0;}	
  	.footercont {max-width:480px;width:96%;padding:40px 0;}
  	.footerseccont {margin:20px 5px;}
  	.footerseccont h1 {font-size:20px;}
  	.footerseccont p {font-size:16px;}
  	.footer-text{max-width:480px;width:90%;}
	.copyrightcont, .termscondcont {float:left;max-width:480px;padding:0 0 5px 20px;}

}