@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Karla:400,400i,700,700i&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Fjalla+One&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Oswald:200,300,400,500,600,700&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Archivo+Narrow:400,400i,700,700i&subset=latin-ext');


.clr{clear: both;}
body{margin: 0;padding: 0;font-family: "Karla",Arial, Verdana, "sans-serif";font-size: 16px;color: #777676;}
.wrapper{float: left;margin: 0;padding: 0;width: 100%;height: auto;}
.row{margin: 0 auto;padding: 0;width: 1306px;height: auto;}
.main-header{float: left;margin: 0;padding: 0; background: rgba(255, 255, 255, .6);width:100%;height:104px;position:absolute;z-index: 99;}
.header{margin: 0 auto;padding: 0; width: 1307px;height: auto;}
.logo{float: left;margin: 0;padding: 0;width: 450px;height: 99px;}
.logo img {margin: 0;padding: 0;width: 100%;height: auto;}
.nav{float: right;margin: 0;padding: 0;text-align: left;}
.banner{margin: 0 auto;padding: 0;width: 100%;height: auto;margin-top: 0;	}
.banner img{margin: 0;padding: 0;width: 100%;}
.inner-banner{margin: 0 auto;padding: 0;width: 100%;height: auto;margin-top: 0	}
.inner-banner img{margin: 0;padding: 0;width: 100%;}
h1{font-family: Arial, Verdana, "sans-serif";font-size: 35px;color: #204274;line-height: 45px;text-align: center;margin-top: 44px;text-transform: uppercase;}
h1 span{color: #f92c2d;}
p{font-family: "Karla",Arial, Verdana, "sans-serif";font-size: 16px;color: #777676;line-height: 25px;font-weight: normal;text-align: center;}
/* Radial Out */
.hvr-radial-out {padding: 10px 25px;font-family: "Fjalla One", Arial, Verdana, "sans-serif";text-transform: uppercase;font-size: 20px;color: #4c4c4c;text-decoration: none;border: 1px solid #a62c1f;text-align: center;display: inline-block;vertical-align: middle;-webkit-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;position: relative;overflow: hidden;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;margin-bottom: 40px;}
.hvr-radial-out:before {content: "";position: absolute;z-index: -1;top: 0;left: 0;right: 0;bottom: 0;background: #2098d1;border: 1px solid #2098d1;border-radius: 100%;-webkit-transform: scale(0);transform: scale(0);-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.hvr-radial-out:hover, .hvr-radial-out:focus, .hvr-radial-out:active {color: white;border: 1px solid #2098d1;}
.hvr-radial-out:hover:before, .hvr-radial-out:focus:before, .hvr-radial-out:active:before {-webkit-transform: scale(2);transform: scale(2);}
.hvr-radial-out1 {padding: 10px 15px;font-family: "Fjalla One", Arial, Verdana, "sans-serif";text-transform: uppercase;font-size: 18px;color: #ffffff;text-decoration: none;background-color: #a62c1f; text-align: center;display: inline-block;vertical-align: middle;-webkit-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;position: relative;overflow: hidden;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;margin-bottom: 40px;z-index: 99999;}
.hvr-radial-out1:before {content: "";position: absolute;z-index: -1;top: 0;left: 0;right: 0;bottom: 0;background: #2098d1;border: 1px solid #2098d1;border-radius: 100%;-webkit-transform: scale(0);transform: scale(0);-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.hvr-radial-out1:hover, .hvr-radial-out1:focus, .hvr-radial-out1:active {color: white;border: 1px solid #2098d1;}
.hvr-radial-out1:hover:before, .hvr-radial-out1:focus:before, .hvr-radial-out1:active:before {-webkit-transform: scale(2);transform: scale(2);}
.sec1{float:left; margin:0; padding:0; width:100%;height:361px;background: url(images/bg.png) no-repeat center center fixed #000000;display: table;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.main-box{float: left;margin: 50px 0;padding: 0;}
.s1{float: left;margin: 0;padding: 0;width: 50%;height: 338px;background-color: #bebebe;background: url(images/vision-bg.jpg) no-repeat top #bebebe; background-size: 100% 338px;}
.s2{float: left;margin: 0;padding: 0;width: 50%;height: 338px; background-color: #bebebe;background: url(images/mission-bg.jpg) no-repeat top #bebebe;background-size: 100% 338px;}
.text-box{padding: 0;height: auto;float: left;margin:95px 50px 50px 50px;text-align: center;width: 88%;}
.text-box1{padding: 0;height: auto;float: right;margin:95px 50px 50px 50px;text-align: center;width: 88%;}
.text-box .title, .text-box1 .title{font-family: "Oswald", Arial, Verdana, "sans-serif";font-size: 30px;color: #000000;line-height: 25px;text-align: center;font-weight: normal;margin-top: 0;}
.text-box p, .text-box1 p{font-family: Verdana, Arial, "sans-serif";font-size: 15px;color: #000000;line-height: 25px;text-align: center;}
.sec2{float: left;margin: 0;padding: 0;width: 100%;}
.google-maps {position: relative;height: 292px;overflow: hidden;}
.google-maps iframe {position: absolute;top: 0;left: 0;width: 100% !important;height: 292px !important;}
.sec3{float: left;margin: 0;padding: 0;background-color: #204274;}
.footer{width:100%;margin: 0 auto;}
.footer span{width: 32%;height: 50px;margin-top: 25px;font-family: Arial, Verdana, "sans-serif";font-size: 13px;color: #ffffff;line-height: 25px;float: left;}
.footer span.left{float: left;}
.footer span.center{ text-align: center;float: left;}
.footer span.right{float: right;text-align: right;}
.footer span.right a, .footer span.center a{text-decoration: none;color: #ffffff;}
.footer span.right a:hover, .footer span.center a:hover{text-decoration: underline;}
/*-- inner css start here --*/
.cl1{float: left;margin: 0;padding: 0;width: 314px;height: auto;margin-top: 29px;margin-right: 55px;margin-bottom: 25px;}
.main-inner-box{float: left;margin: 0;padding: 0;background-color: #214375;width: 100%;height: auto;}
.main-inner-box .left-title{font-family: "Archivo Narrow", Arial, Verdana, "sans-serif";font-size: 25px;color: #ffffff;margin-top: 15px;margin-left: 18px;margin-right: 18px; border-bottom: 1px dashed #ffffff;margin-bottom: 15px;padding-bottom: 10px;text-transform: uppercase;}
.main-inner-box ul{float: left;list-style: none;width: 100%;padding: 0;margin: 0;margin-bottom: 15px;}
.main-inner-box ul li a{float: left;list-style: none;padding-left: 35px;background: url(images/arrow.png) 18px 14px no-repeat;text-decoration: none;font-family: Arial, Verdana, "sans-serif";font-size: 16px;color: #ffffff;line-height: 35px;width: 100%;}
.main-inner-box ul li a:hover{color: #ffffff;text-decoration: underline;}
.cl2{float: left;margin: 0;padding: 0;width: 934px;height: auto;margin-top: 29px;margin-bottom: 35px;font-family: Arial, Verdana, "sans-serif";font-size: 15px;line-height: 20px;color: #777777; }
.cl2 a{text-decoration: none;color: #777777;}
.cl2 a:hover{text-decoration: underline;}
.cl2 .point{float: left;margin:0;padding: 0;width: 100%;list-style: none;margin-top: 8px;}
.cl2 .point li{float: left;margin: 0;padding: 0;background: url(images/arrow1.png)0 10px no-repeat;padding-left: 15px;display: inline-block;width: 100%;line-height: 25px;}
.inner-title{font-family: "Archivo Narrow", Arial, Verdana, "sans-serif";font-size: 35px;color: #204274;text-align: left;border-bottom: 1px dashed #a1a1a1;font-weight: 600;margin-bottom: 15px;padding-bottom: 19px;text-transform: uppercase;margin-top: 0;}
.inner-title span{color: #f92c2d;}
.termscond{float:left;background:url(images/left_arrow.png) 0px 10px no-repeat;font-family: Arial, Verdana, "sans-serif";font-size: 15px; color:#000000;line-height:28px;padding-left:15px;margin-top:13px;margin-bottom:5px;font-weight:700;width:98%;}
/*-- enquiry form css start--*/
.contactform {width:100%;margin:0;font-family:Arial, Verdana, Geneva, sans-serif;font-size:18px;color:#000;line-height:25px;text-align:center;padding-bottom:25px;margin-top:18px;}
.contactform1 {width:450px;margin: 15px 0 0 0;font-family:Arial, Verdana, Geneva, sans-serif;font-size:18px;color:#000;line-height:25px;text-align:center;padding-bottom:25px;}
.contactform1 .clear2, .contactform .clear2 {clear: left;line-height: 1px;margin: 0px;padding: 0px;}
form {margin:0;padding:0;}
.whitestar {color:#F00;margin-top:10px;float:left;width:10px;}
.textfield {display: block;float:left;color:#333;font-family:Verdana, Geneva, sans-serif; line-height:22px;padding: 3px 0px;font-size:11px;width:250px;margin:8px 2px;border: 1px solid #D6D9AE;}
label {display: block;float: left;text-align:left;font-size:13px;width: 150px;margin:3px;padding: 5px;color:#000000;}
.feedback {text-align:left;font-size:14px;width: 150px;color:#7b7b7b;}
.feedback-selected {float: left;font-size:14px;color:#7b7b7b;}
.button_enq {display: block;float:left;padding:8px 8px;background-color:#333;margin:6px 6px;font-size:14px;border: 2px solid #333;color:#FFF;font-weight:400;font-family:"Oswald", Arial, Verdana, sanas-serif;text-transform:uppercase;}
.sub{color:#d70000;line-height:22px;font-weight:600;font-family:Arial, Verdana, sans-serif;font-size:15px}
.thank{ float:left;margin:0;padding:0;text-align:center;width:100%;margin-top:15px;}
.coming_soon{font-size: 25px;text-align: center;font-style: italic;margin-top: 65px;}
/*-- sitemap css start --*/
.sitemap{width:100%; float:left;margin: 0;padding: 0;}
.sitemap .one{ float:left;width:350px;margin:0;padding:0;}
.sitemap .two{float:left;width:350px;margin:0;padding:0;}
.sitemap p{ font-family:Arial, Verdana, sans-serif;font-size:13px;color:#000000;text-decoration:none;font-weight:700;background:url(images/left_arrow.png) 0px 8px no-repeat; padding-left:15px;text-align: left;margin: 0;line-height: 25px;}
.sitemap p a{color:#000000;text-decoration:none;}
.sitemap p a:hover{color:#000000;text-decoration:underline;}
.sitemap ul{list-style:none;padding:0;margin-left:15px;margin-top:5px;background-image: none !important;}
.sitemap li{ padding-left:12px;padding-bottom:2px;font-family:Verdana, Geneva, sans-serif;font-size:12px;display:block;line-height:24px;color:#000000;background: url(images/indication_arrow.jpg) 0 10px no-repeat;list-style:none;}
.sitemap li a{text-decoration:none;font-family:Arial, Verdana, sans-serif;font-size:12px;color:#000000;}
.sitemap li a:hover{ text-decoration:underline;}
/*-- sitemap css end --*/
/*-- cont start here --*/
.contact-main{float: left;margin: 0;padding: 0;width: 100%;height: auto;}
.contact-main .one{float: left;margin: 0;padding: 0;width: 48%;height: auto;margin-right: 15px;}
.contact-main .two{float: left;margin: 0;padding: 0;width: 48%;height: auto;}
.contact-tit{float: left;margin: 0;padding: 0;margin-top: 5px;margin-left: 5px;font-size: 16px;width: 100%;margin-bottom: 8px;text-transform: uppercase;}
.cont-box{float: left;margin: 0;padding: 0;width: 100%;border: 1px dashed #000000;margin-bottom: 15px;}
.cont-box p{padding: 5px;margin: 0;text-align: left;}
.divi-main{float: left;margin: 0;padding: 0;margin-top: 15px;width: 100%;}
/*-- cont end here --*/
/*-- inner css end here --*/

@media only screen and (min-width:1101px) and (max-width: 1200px){
.row{width: 95%;}
.header{width: 95%;}
.logo{width: 30%;height: auto;margin-top: 2%;}
.cl1{margin-right: 4%;}
.cl2{width: 67%;}
}
@media only screen and (min-width:1001px) and (max-width: 1100px){
.header{width: 99%;margin-bottom: 55px;}
.logo{width: 23%;height: auto;margin-left: 1%;margin-top: 2%;}
.row{width: 90%;}
.text-box, .text-box1{margin: 95px 50px 50px 50px;width: 80%;}
.cl1{margin-right: 5%;width: 30%;}
.cl2{width: 65%;}

}
@media only screen and (min-width: 901px) and (max-width: 1000px){
.row{width: 90%;}
.header{width: 100%;margin-bottom: 55px;}
.logo{width: 40%;height: auto;margin-left: 2%;margin-top: 1%;}
.nav{float: right;padding: 0;text-align: left;margin-right: 2%;margin-top: 3%;}
.text-box, .text-box1{margin: 95px 50px 50px 50px;width: 80%;}
.cl1{margin-right: 5%;width: 30%;}
.cl2{width: 65%;}
.contact-main .one, .contact-main .two{width: 100%;}
}

@media only screen and (min-width: 801px) and (max-width: 900px){
.row{width: 90%;}
.header{width: 100%;margin-bottom: 55px;}
.logo{width: 40%;height: auto;margin-left: 2%;margin-top: 1%;}
.nav{float: right;padding: 0;text-align: left;margin-right: 2%;margin-top: 3%;}
.text-box, .text-box1{margin: 95px 50px 50px 50px;width: 80%;}
.cl1{margin-right: 5%;width: 30%;}
.cl2{width: 65%;}
.contact-main .one, .contact-main .two{width: 100%;}
}
@media only screen and (min-width: 701px) and (max-width: 800px){
.row{width: 90%;}
.main-header{background: rgba(255, 255, 255, 1.0);height: auto;}
.header{width: 100%;margin-bottom: 55px;}
.logo{width: 50%;height: auto;margin-left: 2%;margin-top: 1%;}
.nav{float: right;padding: 0;text-align: left;margin-right: 2%;margin-top: 3%;}
.banner img{margin-top: 14%;}
.inner-banner img{margin-top: 14%;}
.s1,.s2{width: 100%;}
.footer span{width: 100%;margin-top:25px;line-height: 15px;height: 15px;}
.footer span.left, .footer span.right{text-align: center;}
.footer span.right{margin-bottom: 25px;}
.cl1{margin-right: 3%;width: 38%;}
.cl2{width: 59%;}
.contact-main .one, .contact-main .two{width: 100%;}
}
@media only screen and (min-width: 601px) and (max-width: 700px){
.row{width: 90%;}
.main-header{background: rgba(255, 255, 255, 1.0);height: auto;}
.header{width: 100%;margin-bottom: 55px;}
.logo{width: 50%;height: auto;margin-left: 2%;margin-top: 1%;}
.nav{float: right;padding: 0;text-align: left;margin-right: 2%;margin-top: 3%;}
.s1, .s2{width: 100%;}
.footer span{width: 100%;margin-top:25px;line-height: 15px;height: 15px;}
.footer span.left, .footer span.right{text-align: center;}
.footer span.right{margin-bottom: 25px;}
.banner img{margin-top: 14%;}
.inner-banner img{margin-top: 14%;}
.cl1{margin-right: 0%;width: 100%;}
.cl2{width: 100%;}
.contact-main .one, .contact-main .two{width: 100%;}
}
@media only screen and (min-width: 501px) and (max-width: 600px){
.row{width: 90%;}
.main-header{background: rgba(255, 255, 255, 1.0);height: auto;}
.header{width: 100%;margin-bottom: 55px;}
.logo{width: 80%;height: auto;margin-left: 9%;margin-top: 0;}
.nav{margin-right: 25%;margin-bottom: 2%;}
.banner img{margin-top: 29%;}
.s1,.s2{width: 100%;}
.text-box, .text-box1{margin: 16% 5% 5% 5%;width: 90%;}
.footer span{width: 100%;margin-top:25px;line-height: 15px;height: 15px;}
.footer span.left, .footer span.right{text-align: center;}
.footer span.right{margin-bottom: 25px;}
.inner-banner img{margin-top: 30%;}
.cl1{margin-right: 0%;width: 100%;}
.cl2{width: 100%;}
.contact-main .one, .contact-main .two{width: 100%;}
}
@media only screen and (min-width: 401px) and (max-width: 500px){
.main-header{background: rgba(255, 255, 255, 1.0);margin-bottom: 35px;height: auto;}
.header{width: 100%;margin-bottom: 55px;}
.logo{width: 80%;height: auto;margin-left: 9%;margin-top: 0;}
.nav{margin-right: 18%;margin-bottom: 2%;}
.row{width: 90%;}
.banner img{margin-top: 29%;}
.s1,.s2{width: 100%;}
.text-box, .text-box1{margin: 55px 5px 5px 5px;width: 98%;}
.footer span{width: 100%;margin-top:25px;line-height: 15px;height: 15px;}
.footer span.left, .footer span.right{text-align: center;}
.footer span.right{margin-bottom: 25px;}
.cl1{margin-right: 0%;width: 100%;}
.cl2{width: 100%;}
.inner-banner img{margin-top: 30%;}
.cl1{margin-right: 0%;width: 100%;}
.cl2{width: 100%;}
label{width: 30%;}
.contact-main .one, .contact-main .two{width: 100%;}
}
@media only screen and (min-width: 301px) and (max-width: 400px){
.main-header{background: rgba(255, 255, 255, 1.0);margin-bottom: 35px;height: 133px;}
.header{width: 90%;margin-bottom: 55px;}
.row{width: 90%;}
.logo{width: 96%;height: auto;margin-top: 0;}
.nav{margin-right: 10%;}
.banner{width: 100%;height: auto;margin: 0; padding: 0;}
.banner img{height: auto;margin-top: 25%;}
h1{font-size: 22px;line-height: 35px;}
.s1,.s2{width: 100%;}
.text-box, .text-box1{margin: 55px 5px 5px 5px;width: 98%;}
.footer span{width: 100%;margin-top:25px;line-height: 15px;height: 15px;}
.footer span.left, .footer span.right{text-align: center;}
.footer span.right{margin-bottom: 25px;}
.inner-banner img{margin-top: 45%;}
.cl1{margin-right: 0%;width: 100%;}
.cl2{width: 100%;}
.contact-main .one, .contact-main .two{width: 100%;}
}