@charset "utf-8";
/* CSS Document */
@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=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Pragati+Narrow:400,700&subset=latin-ext');


.clr{clear: both;}
body {margin: 0;padding: 0;}
.wrapper{margin: 0 auto;padding: 0;width: 100%;height: auto;}
.container{margin: 0 auto;padding: 0;width: 1026px;height: auto;}
.header1 {height: 133px;width: 100%;color: #000;background: #ffffff;}
.logo1{float: left;margin: 0;padding: 0;width: 120px;height: 74px;margin-top: 7px;margin-bottom: 10px;}
.header2 {height: 171px;width: 100%;color: #000;background: #ffffff;}
.logo{float: left;margin: 0;padding: 0;width: 158px;height: 98px;margin-top: 7px;margin-bottom: 10px;}
.logo img, .logo1 img{margin: 0;padding: 0;width: 100%;height: 100%;}
.right-mob{float: right;margin: 0;padding: 0;width: 185px;height: 35px;font-family: "Pragati Narrow", Arial, Verdana, "sans-serif";font-weight: 400;color: #000000;background: url(images/mob-icon.png) 0px 10px no-repeat;padding-left: 25px;margin-top: 7px;font-size: 22px;}
.right-mob1{float: right;margin: 0;padding: 0;width: 185px;height: 35px;font-family: "Pragati Narrow", Arial, Verdana, "sans-serif";font-weight: 400;color: #000000;background: url(images/mob-icon.png) 0px 10px no-repeat;padding-left: 25px;margin-top: 7px;font-size: 22px;}
.nav-bg{float: left;margin: 0;padding: 0;line-height: 56px;background-color: #932d29;width: 100%;height: 56px;}
.nav-bg1{float: left;margin: 0;padding: 0;line-height: 56px;background-color: #932d29;width: 100%;height: 42px;}
.cl-d1{float: left;margin: 0;padding: 0;width: 100%;height: auto;margin-top: 171px;}
.banner{margin: 0 auto;padding: 0;width:100%;height: auto;}
.banner img{margin: 0;padding: 0;width: 100%;}
.cl-d2{float: left;margin: 0;padding: 0;width: 100%;height: auto;padding-bottom: 60px;}
.t1{float: left;margin: 0;padding: 0;width: 100%;height: 30px;font-family: "Oswald", Arial, Verdana, "sans-serif";font-size: 35px;color: #0f5380;text-align: center;margin-top: 60px;text-transform: uppercase;font-weight: 500;}
.t1 span{color: #932d29;}
.index-pro{float: left;margin: 0;padding: 0;width: 100%;height: auto;text-align: center;margin-top: 55px;}
.index-img{margin: 0 auto;padding: 0;width: 803px;height: 231px;}
.index-img img{margin: 0;padding: 0;width: 100%;height: 100%;}
.index-txt{float: left;margin: 0;padding: 0;width: 100%;height: auto;font-family: Arial, Verdana, "sans-serif";color: #242424;line-height: 22px;text-align: center;margin-top: 46px;font-size: 15px;}
/*-- view more css start here --*/
/* Shutter In Horizontal */
.hvr-shutter-in-horizontal {
	font-family: "Roboto", Arial, Verdana," sans-serif";font-size: 18px;color: #fff;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;background: #0f5380;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;padding: 15px;text-decoration: none;}
.hvr-shutter-in-horizontal:before {content: "";position: absolute;z-index: -1;top: 0;bottom: 0;left: 0;right: 0;color: #fff;background: #932d29;-webkit-transform: scaleX(1);transform: scaleX(1);-webkit-transform-origin: 50%;transform-origin: 50%;-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;text-decoration: none;}
.hvr-shutter-in-horizontal:hover, .hvr-shutter-in-horizontal:focus, .hvr-shutter-in-horizontal:active {color: white;}
.hvr-shutter-in-horizontal:hover:before, .hvr-shutter-in-horizontal:focus:before, .hvr-shutter-in-horizontal:active:before {-webkit-transform: scaleX(0);transform: scaleX(0);}
/*-- view more css end here --*/
.cl-d3{float:left; margin:0; padding:0; width:100%;height:535px;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;}
.t2{float: left;margin: 0;padding: 0;width: 100%;line-height: 30px;font-family: "Oswald", Arial, Verdana, "sans-serif";font-size: 35px;color: #ffffff;text-align: left;text-transform: uppercase;font-weight: 400;margin-top: 55px;}
.sub-t1{float: left;margin: 0;padding: 0;width: 100%;line-height: 30px;font-family: "Roboto", Arial, Verdana, "sans-serif";font-size: 22px;color: #ffffff;text-align: left;font-weight: 400;margin-top: 55px;}
p{float: left;margin: 0;padding: 0;width: 100%;line-height: 30px;font-family: "Roboto", Arial, Verdana, "sans-serif";font-size: 16px;color: #ffffff;text-align: left;font-weight: normal;margin-top: 15px;margin-bottom: 20px;}
.cl-d4{float: left;margin: 0;padding: 0;width: 100%;height: auto;}
/*-- small enquiry form css start --*/
.smallform {float:left;width:100%;margin:0;font-family:Arial, Verdana, Geneva, sans-serif;font-size:18px;color:#fff;line-height:35px;text-align:center;margin-top: 30px;margin-bottom: 50px;}
.smallform .textfield {float:left;color:#000000;height:35px;padding: 3px 0px;font-size:13px;width:259px;margin-right:19px;border: 1px solid #D6D9AE;font-family:Arial, Verdana, sans-serif;background-color:#f6f6f6;}
input::-moz-placeholder {color:#D6D9AE;opacity: 1;}
input:-moz-placeholder {color:#D6D9AE;opacity: 1;}
.smallform label {display: block;float: left;text-align:left;font-size:13px;width: 100px;margin:3px;padding: 5px;color:#ffffff;font-family:Arial, Verdana, sans-serif;}
.smallform .sugg{ float:left; width:390px;margin-left:2px;margin-top:2px;font-size:13px;color:#fff;line-height:22px; border: 1px solid #D6D9AE;font-family:Arial, Verdana, sans-serif;background-color:#c30005;}
.sugg:-moz-placeholder, .sugg::-moz-placeholder{color:#D6D9AE;opacity: 1;}
.textfield:hover, .sugg:hover{background-color:#ffffff;color:#000000;}
.smallform .button {width:80px;height:43px; display: block;float:left;padding:0px;background-color:#932d29;margin-top:8px;color: #FFF;transition: all 0.3s ease 0s;border: none;font-size: 18px;font-weight: 400;}
.button:hover{ background-color:#0f5380;color:#ffffff;border:none;}
/*-- small enquiry form css end --*/
.cl-d5{float: left;margin: 0;padding: 0;width: 100%;height: 248px;background: #e7e7e7;}
.google-maps {position: relative;height: 248px;overflow: hidden;}
.google-maps iframe {position: absolute;top: 0;left: 0;width: 100% !important;height: 248px !important;}
.cl-d6{float: left;margin: 0;padding: 0;width: 100%;background-color: #0f5380;}
.footer_cont{float: left; margin:0; padding:0;height:auto;width:100%;margin-top: 20px;}
.footer_cont span{color:#fff; height:23px; font-size:12px; width:40%;font-family:Arial, Verdana, sans-serif;margin-bottom:10px;}
.footer_cont span .top{text-align:center;width:100%; height:auto;margin-top:9px;}
.footer_cont span.left{ float:left;margin:0;padding:0;}
.footer_cont span.center{ margin:0 auto; text-align:center;}
.footer_cont span.right{float:right;text-align:right;}
a.footer_link{color:#fff;text-decoration:none;}
a.footer_link:hover{text-decoration:underline;}
/*--inner css start here --*/
.inner-banner{margin: 0 auto;padding: 0;width:100%;height: auto;}
.inner-banner img{margin: 0;padding: 0;width: 100%;}
.t3{float: left;margin: 0;padding: 0;width: 100%;height: 40px;font-family: "Oswald", Arial, Verdana, "sans-serif";font-size: 30px;color: #0f5380;padding-bottom: 25px;background: url(images/line.png) left bottom no-repeat;text-transform: uppercase;font-weight: 400;margin-top: 40px;}
.t3 span{color: #932d29;}
.inner-text{float: left;margin: 0;padding: 0;width: 100%;height: auto;font-family: Verdana, Arial, "sans-serif";line-height: 22px;color: #736f6f;margin-top: 40px;margin-bottom: 48px;font-size: 15px;font-weight: 400;}
.inner-text ul{float: left;margin: 0;padding: 0;width: 100%;list-style: none;margin-top: 9px;margin-bottom: 60px;}
.inner-text ul li{float: left;margin: 0;padding: 0;list-style: none;background: url(images/arrow.png) 0 10px no-repeat;padding-left: 15px;line-height: 22px;display: inline-block;}
.t4{float: left;margin: 0;padding: 0;width: 100%;height: 40px;font-family: "Oswald", Arial, Verdana, "sans-serif";font-size: 18px;color: #0f5380;text-transform: uppercase;font-weight: 400;}
/*-- enquiry form css start--*/
.contactform {float:left;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;}
.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:#000;line-height:22px;padding: 3px 0px;font-size:13px;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;font-family:Arial, Verdana, sans-serif;}
.feedback {text-align:left;font-size:14px;width: 150px;color:#7b7b7b;}
.feedback-selected {float: left;font-size:14px;color:#7b7b7b;}
.button {width:120px;height:50px; display: block;float:left;padding:0px;background-color:#333;margin:6px 6px;font-size:11px;border: 2px solid #333;color:#FFF;font-weight:bold;}
.sub{color:#d70000;line-height:22px;font-weight:600;font-family:Arial, Verdana, sans-serif;font-size:15px}
/*-- enquiry form css end--*/
.one{ float:left;width:350px;margin:0;padding:0;}
.two{float:left;width:350px;margin:0;padding:0;}
.main_box{float:left;margin: 0;padding: 0;width: 100%;height: auto}
.main_box ul{float: left;margin: 0;padding: 0;list-style: none;}
.main_box ul li{float: left;margin: 0;padding: 0;margin-right: 25px;margin-bottom: 25px;}
.main_box ul li:nth-child(3n){margin-right: 0;}
.box{float: left;margin: 0;padding: 10px;width: 295px;height: 285px;font-family: Arial, Verdana, "sans-serif";font-size: 14px;color: #000000;line-height: 22px;border: 1px dashed #0f5380;background: #ffffff;transition: border 1s;transition: box-shadow 1s;}
.box:hover{border: 1px dashed #932d29;-webkit-box-shadow: 6px 7px 10px -1px rgba(0,0,0,0.18);-moz-box-shadow: 6px 7px 10px -1px rgba(0,0,0,0.18);box-shadow: 6px 7px 10px -1px rgba(0,0,0,0.18);}
a.email{font-family: Arial, Verdana, "sans-serif";font-size: 13px;color: #000000;text-decoration: none;}
a.email:hover{text-decoration: underline;color: #0f5380;}
.clients{float: left;margin: 0;padding: 0;width: 100%;height: auto;}
.clients .sub1{ float:left;width:50%;margin:0;padding:0;}
.clients .sub2{float:left;width:50%;margin:0;padding:0;}
.clients .sub1 ul, .clients .sub2 ul{float: left;margin: 0;padding: 0;list-style: none;}
.clients .sub1 li, .clients .sub2 li{float: left;margin: 0;padding: 0;list-style: none;background: url(images/arrow.png) 0  12px no-repeat;text-decoration: none;font-family: Verdana, Arial, "sans-serif";line-height: 28px;color: #736f6f;padding-left: 15px;display: inline-block;width: 100%;}
/*--inner css end here --*/


@media only screen and (min-width: 1001px) and (max-width: 1100px){
.container{width: 95%;}
.banner{width: 100%;height: 100%;}
.t1{height: 60px;line-height: 35px;}
.index-pro{margin-top: 35px;}
.index-img{width: 100%;height: 100%;}
.index-txt{margin-top: 36px;}
p{line-height: 22px;}
.smallform .textfield{margin-right: 15px;margin-bottom: 15px;}
.main_box ul li:nth-child(3n){margin-right: 25px;}
}

@media only screen and (min-width: 901px) and (max-width: 1000px){
.container{width: 95%;}
.banner{width: 100%;height: 100%;}
.t1{height: 60px;line-height: 35px;}
.index-pro{margin-top: 35px;}
.index-img{width: 100%;height: 100%;}
.index-txt{margin-top: 36px;}
p{line-height: 22px;font-size: 15px;}
.sub-t1{font-size: 22px;}
.smallform .textfield{margin-right: 15px;margin-bottom: 15px;}
.main_box ul li:nth-child(3n){margin-right: 25px;}
}

@media only screen and (min-width: 801px) and (max-width: 900px){
.container{width: 95%;}
.banner{width: 100%;height: 100%;}
.t1{height: 60px;line-height: 35px;}
.index-pro{margin-top: 35px;}
.index-img{width: 100%;height: 100%;}
.index-txt{margin-top: 36px;}
p{line-height: 22px;}
.smallform .textfield{margin-right: 15px;margin-bottom: 15px;}
.main_box ul li:nth-child(3n){margin-right: 25px;}
}

@media only screen and (min-width: 701px) and (max-width: 800px){
.container{width: 95%;}
.right-mob, .right-mob1{display: none;}
.logo, .logo1{margin: 7px auto 10px;float: none;}
.banner{width: 100%;height: 100%;}
.t1{height: 60px;line-height: 35px;}
.index-pro{margin-top: 35px;}
.index-img{width: 100%;height: 100%;}
.index-txt{margin-top: 36px;}
p{line-height: 22px;}
.smallform .textfield{margin-right: 15px;margin-bottom: 15px;}
.main_box ul li:nth-child(3n){margin-right: 25px;}
.clients .sub1, .clients .sub2{width: 50%;}
.clients .sub1 ul, .clients .sub2 ul{margin-bottom: 0;}
.clients .sub1 li, .clients .sub2 li{width: 85%;}
}

@media only screen and (min-width: 601px) and (max-width: 700px){
.container{width: 95%;}
.right-mob, .right-mob1{display: none;}
.logo, .logo1{margin: 7px auto 10px;float: none;}
.banner{width: 100%;height: 100%;}
.t1{height: 60px;line-height: 35px;}
.index-pro{margin-top: 35px;}
.index-img{width: 100%;height: 100%;}
.index-txt{margin-top: 36px;}
p{line-height: 22px;}
.smallform .textfield{margin-right: 15px;margin-bottom: 15px;}
.clients .sub1, .clients .sub2{width: 100%;}
.clients .sub1 ul, .clients .sub2 ul{margin-bottom: 0;}
.clients .sub1 li, .clients .sub2 li{width: 85%;}
}

@media only screen and (min-width: 501px) and (max-width: 600px){
.container{width: 95%;}
.right-mob, .right-mob1{display: none;}
.logo, .logo1{margin: 7px auto 10px;float: none;}
.banner{width: 100%;height: 100%;}
.t1{height: 60px;line-height: 35px;}
.index-img{width: 100%;height: 100%;}
.index-txt{margin-top: 36px;}
p{line-height: 22px;}
.smallform .textfield{margin-right: 15px;margin-bottom: 15px;}
.footer_cont span{width: 100%;margin-top: 25px;line-height: 15px;height: 15px;}
.footer_cont span.left, .footer_cont span.right{text-align: center;}
.footer_cont span.right{margin-bottom: 25px;}
.clients .sub1, .clients .sub2{width: 100%;}
.clients .sub1 ul, .clients .sub2 ul{margin-bottom: 0;}
.clients .sub1 li, .clients .sub2 li{width: 85%;}
}


@media only screen and (min-width: 401px) and (max-width: 500px){
.container{width: 95%;}
.right-mob, .right-mob1{display: none;}
.logo, .logo1{margin: 7px auto 10px;float: none;}
.banner{width: 100%;height: 100%;}
.t1{height: 60px;line-height: 35px;}
.index-img{width: 100%;height: 100%;}
.index-txt{margin-top: 36px;}
p{line-height: 22px;}
.smallform .textfield{margin-right: 0;margin-bottom: 15px;width: 100%;}
.footer_cont span{width: 100%;margin-top: 25px;line-height: 15px;height: 15px;}
.footer_cont span.left, .footer_cont span.right{text-align: center;}
.footer_cont span.right{margin-bottom: 25px;}
.clients .sub1, .clients .sub2{width: 100%;}
.clients .sub1 ul, .clients .sub2 ul{margin-bottom: 0;}
.clients .sub1 li, .clients .sub2 li{width: 85%;}
}

@media only screen and (min-width: 301px) and (max-width: 400px){
.container{width: 95%;}
.right-mob, .right-mob1{display: none;}
.logo, .logo1{margin: 7px auto 10px;float: none;}
.banner{width: 100%;height: 100%;}
.t1{height: 60px;line-height: 35px;}
.index-img{width: 100%;height: 100%;}
.index-txt{margin-top: 36px;}
p{line-height: 22px;}
.smallform .textfield{margin-right: 0;margin-bottom: 15px;}
.footer_cont span{width: 100%;margin-top: 25px;line-height: 15px;height: 15px;}
.footer_cont span.left, .footer_cont span.right{text-align: center;}
.footer_cont span.right{margin-bottom: 25px;}
.main_box ul li{margin-right: 0;}
.box{width: 100%;min-width: 250px;}
.clients .sub1, .clients .sub2{width: 100%;}
.clients .sub1 ul, .clients .sub2 ul{margin-bottom: 0;}
.clients .sub1 li, .clients .sub2 li{width: 85%;}
}