@charset "utf-8";
@font-face {font-family: 'Roboto-Medium_0';src: url('../fonts/Roboto-Medium_0.ttf') format('truetype');font-weight: normal;font-style: normal;}
@font-face {font-family: 'Roboto-MediumItalic_0';src: url('../fonts/Roboto-MediumItalic_0.ttf') format('truetype');font-weight: normal;font-style: normal;}
@font-face {font-family: 'Roboto-Light_0';src: url('../fonts/Roboto-Light_0.ttf') format('truetype');font-weight: normal;font-style: normal;}
@font-face {font-family: 'Roboto-Regular';src: url('../fonts/Roboto-Regular.ttf') format('truetype');font-weight: normal;font-style: normal;}
@font-face {font-family: 'Graphik-Regular';src: url('../fonts/Graphik-Regular.otf') format('truetype');font-weight: normal;font-style: normal;}

body{ margin:0; padding:0;font-family: "Roboto-Regular";}
.main{ width:100%; height:auto; float:left;}
/*Header*/
.head-bg{position:fixed;width:100%; height:auto;margin: 0;float:left;padding:0;z-index:99999;transition: all 1s ease;}
.head-mn{width:100%; height: auto;max-width:1200px;margin:0 auto;z-index:99999;transition: all 1s ease;}
.clstright a{text-decoration: none;}
.clslogo{width:18%; height:auto; float:left;margin:2% 0 0;}
.clstright{float:right;margin:2% 0 0;width:78%;}
.clscpation{color: #2b2b2b;float: left;font-size: 20px;padding-top: 10px;text-align: center;width: 70%;}
.clssocial-links{float: right;text-align: right;width: 12%;}
.clr{ clear:both;}
.nomargin-right{margin-right:0 !important;}
.nomargin-left{margin-left:0 !important;}
/*Follow*/
.follow{background:#ffffff;padding:0;height:55px;opacity: 0.9;}
.follow .clstright{margin:5px 0 0;}
.follow .clslogo{margin:5px 0 0;}
.follow .logo-img {width: 70%;} 
.follow .clssocial-links img {width: 30%;}
.follow.clscpation{font-size:15px;}
/*Banner*/
.bnr{background:url('../images/mob-bnr.jpg') no-repeat top center;width:100%;height:auto;padding:4% 0;margin:7% auto 0;}
.bancontent {margin: 0 auto;position:relative;max-width: 1300px;width:100%;}
.bnr-ovrly{ height: auto;margin: 0 auto;padding: 0;text-align: center;width: 100%;z-index: 0;}
.clsblocks{margin: 0 auto;max-width: 915px;padding: 11% 0;width: 100%;}
.clsblocks h1 {color: #2b2b2b;font-family: "Roboto-Regular";font-size: 60px;line-height: 60px;margin: 0;padding:0 10%;font-weight: normal;text-align: center;}
.clsblocks p {color: #2b2b2b;font-family: "Roboto-Regular";font-size: 20px;line-height: 25px;margin: 2% 0 0;padding: 0;text-align: center;}
.clsvideo-block{margin: 0 auto;max-width: 600px;position: relative;text-align: center;width: 100%;}
.clspicon {margin: 4% 0;cursor: pointer;}
#videoid{ background: rgba(0, 0, 0, 0.2);left: 0;padding: 3%;position: absolute;top:-150px;z-index: 99;}
.selvideo{font-family: 'Graphik-Regular';color:#71b4cf;font-size:18px;text-decoration: underline;text-align: center;display: block; margin-top: 1%;cursor: pointer;}
#vspan {color: #ff3000;margin: 5px;position:absolute;right: 0;top: 0;cursor: pointer;}
.clsblue-block {margin: 0 auto;text-align: center;width: 1200px;}
.step1 {position: absolute;left: 2px;top: 130px;}
.step2 {position: absolute;left: 123px;top: 335px;}
.step3 {position: absolute;bottom: 30px;left: 520px;}
.step4 {position: absolute;right: 140px;top: 335px;}
.step5 {position: absolute;right: 2px;top: 130px;}
.zoomin img {-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } 
.zoomin img:hover { width: 300px; height: 100px;cursor: pointer; } 
.clsIblock {padding-left: 2%;} 

/*Section 0*/ 
.cmn-sec-0{background:#6FB2CD url('../images/sec0-bg.jpg') repeat top center; height:auto;float:left; padding:5% 0;width:100%;}
.sec-0{ width:100%; max-width:1200px; height: auto; margin:auto; box-sizing:border-box; overflow:hidden;  padding: 0; }
.s0-all{ width:100%; height: auto; overflow:hidden; margin:0;}
.clss1-center{width:100%; height:auto;padding:0;}
.clss1-center h1{font-family: 'Roboto-Regular';font-size:45px;line-height:45px;font-weight: normal;font-weight:normal;text-align: center;color:#ffffff;margin:1% auto 2% 	;padding:0;width:100%;}
.clss1-center ul {margin: 5% 0 0;padding: 0;}
.clss1-center li { background: rgba(255,255,255,0.3);float: left;list-style: none;margin:0 3px 5px;padding: 3% 0;text-align: center;width:24.5%;}
.clss1-center li:hover { background: rgba(0,0,0,0.3);cursor:pointer;}
.clss1-center p{font-family: 'Roboto-Regular';font-size:14px;line-height:20px;color:#ffffff;margin:0;padding: 0;}
.clss1-center h4 {color: #ffffff;font-size: 19px;line-height: 22px;margin:10% 0 0;padding: 0 2%;font-weight: normal;}
.clsbimg {height: 90px;}
/*Section 1*/ 
.cmn-sec-1{background:#F6F6F6 url('../images/sec1-bg.jpg') repeat top center;width:100%; height:auto; float:left; padding:5% 0 6%;}
.sec-1{ width:100%; max-width:1200px; height: auto; margin:auto; overflow:hidden;}
.sec-1 h2{font-family: 'Roboto-Regular';color:#2b2b2b;font-size:45px;font-weight:normal;text-align:center;margin: 10px 0;}
.sec-1 p{font-family: 'Roboto-Regular';font-size:14px;line-height: 27px;color:#ffffff;margin:0 0 4%;text-align: justify;}
.clsrbvideo {clear: both;margin: 7% auto 0;width: 100%;}
.clsrbvideo-L{float:left;width:65%;}
.clsrbvideo-R{float:right;width:30%;}
.clsrbvideo-R h3{font-family: 'Roboto-Medium_0';color:#2b2b2b;font-size:44px;line-height:45px;font-weight:normal;text-align:left;padding:4% 0 0;}
.clsseebtn {background: transparent;border:2px solid #2b2b2b;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;color: #2b2b2b;display: block;font-family: 'Roboto-Regular';font-size: 16px;height: auto;margin:4% 0 0;max-width: 160px;padding: 13px 0;text-decoration: none;text-align:center;width: 100%;}
.clsrbvideos {height: 350px;width: 500px;}
.hvr-skew {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;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-property: transform;transition-property: transform;}
.hvr-skew:hover, .hvr-skew:focus, .hvr-skew:active {-webkit-transform: skew(-10deg);transform: skew(-10deg);}
/*Section 2*/ 
.cmn-sec-2{background:#DEDEDE url('../images/sec2-bg.jpg') repeat top center;width:100%; height:auto; float:left; padding:7% 0 6.5%;}
.sec-2{ width:100%; max-width:1200px; height: auto; margin:auto;overflow:hidden;padding: 0;}
.clss2-center h1{font-family: 'Roboto-Medium_0';font-size:50px;line-height:52px;color:#2b2b2b;text-align:center;margin:0 0 5%;font-weight: normal;}
.clspb-L{float:left;width:40%;}
.clspb-R{float:right;width:52%;}
.clspb-L p{margin-top:0;}
.clss2-center p{font-family: 'Roboto-Light_0';font-size:17px;color:#2b2b2b;line-height:30px;}
.block2{clear:both;padding-top: 1%;}
.clss1-center a {color: #ffffff;text-decoration: none;}
.clsIblock > h4 {color: #448eab;font-size: 15px;letter-spacing: 1px;}
/*Section 3*/  
.cmn-sec-3{background:#F6F6F6 url('../images/sec3-bg.jpg') repeat top center;width:100%; height:auto; float:left; padding:2% 0 6%;}
.sec-3{ width:100%; max-width:1200px; height: auto; margin:auto; overflow:hidden;}
.sec-3 p{font-family: 'Roboto-Regular';font-size:14px;line-height: 27px;color:#ffffff;margin:0 0 4%;text-align: justify;}
.clsrcvideo {clear: both;margin: 7% auto 0;width: 100%;}
.clsrcvideo-R{float:right;width:61%;}
.clsrcvideo-L{float:left;width:32%;}
.clsrcvideo-L h3{font-family: 'Roboto-Medium_0';color:#2b2b2b;font-size:44px;line-height:45px;font-weight:normal;text-align:left;padding:4% 0 0;}
.clsseebtn {background: transparent;border:2px solid #2b2b2b;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;color: #2b2b2b;display: block;font-family: 'Roboto-Regular';font-size: 16px;height: auto;margin:4% 0;max-width: 160px;padding: 13px 0;text-decoration: none;text-align:center;width: 100%;}
.clsrbvideos {height: 370px;width: 712px;}
.hvr-skew {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;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-property: transform;transition-property: transform;}
.hvr-skew:hover, .hvr-skew:focus, .hvr-skew:active {-webkit-transform: skew(-10deg);transform: skew(-10deg);}
/*Section 4*/ 
.cmn-sec-4{background:url('../images/sec4-bg.jpg') repeat top center;width:100%; height:auto; float:left; padding:4% 0 7%;}
.sec-4{ width:100%; max-width:1200px; height: auto; margin:auto; box-sizing:border-box; overflow:hidden;  padding: 0; }
.clss4-center h2{color: #ffffff;font-size:45px;font-weight: normal;text-align: center;}
.enquiryform{padding:0;text-align:center;margin:0 auto;max-width: 980px;width:100%;}
.clsformcontent{height:auto;padding:5%;}
.clsbfield {clear: both;float: left;margin: 2% 0 0;width: 100%;}
.clscapfield {margin: 3% 0 0;padding: 3% 0 0;clear:both;} 
.enquiryform .clstxtbox{font-family: 'Roboto-Regular';font-size:16px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;color:#ffffff;padding:0 0 0 1%;margin:0;border:2px solid #ffffff;background:transparent;height: 52px;max-width:980px;width:99%;}
.enquiryform .clstxtarea{font-family: 'Roboto-Regular';font-size:16px;color:#ffffff;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;padding:5px 2px 12px 8px;margin:0 0 1px;border:0;border:2px solid #ffffff;background:transparent;height:100px;width:99%;}
.clscbox{float:right;position:relative;width:59%;}
.clsbox {position: relative;}
.clssend_submit{background:#448eab;font-family: 'Roboto-Regular';color: #ffffff;text-transform: capitalize;border: 0;padding:6% 0;margin:0 auto;font-size:21px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;cursor:pointer;max-width:250px;width: 100%;-webkit-transition: background-color 1s ease-out;-moz-transition: background-color 1s ease-out;-o-transition: background-color 1s ease-out;transition: background-color 1s ease-out;}
.clssend_submit:hover{background:#312e27;}
.clsbtnfield { float: right;text-align: right; width: 40%;}
.g-recaptcha {float: left;width: 32%;}
.clsbox span {background: #ff3000;color: #ffffff;font-size: 12px;margin: 5px 0 0;padding: 2px 10px;position: absolute;right: 0;text-align: left;top: 0;}
::-moz-placeholder{color:#ffffff;opacity:1;font-family: "Roboto-Regular";} 
input::-webkit-input-placeholder{color:#ffffff;font-family: "Roboto-Regular";}
::-webkit-input-placeholder {color:#ffffff;font-family: "Roboto-Regular";} 

/*Footer*/ 
.footer{ background:#ffffff;width:100%; height:auto; float:left; padding:5% 0;}
.clsfoot {max-width: 1200px;margin:0 auto;text-align: center;padding:0;width: 100%;}
.clsfoot p{font-family: 'Graphik-Regular';color:#808184;font-size:16px;line-height:24px;margin: 0;}
.clscopy a{text-decoration: none;color:#808184;text-transform: uppercase;}
.clscopy a:hover{color:#000000;}
.clsfoot > img {margin: 2% 0 4%;}

/*Thankyou Page*/ 
.clsthank .cmn-sec-0{clear: both;margin: 7% auto 0;min-height: 100px;padding: 10% 0;width: 100%;}
.clsthank .clss1-center h1{ font-size: 50px;margin-bottom: 2%;text-transform: uppercase;}
.clsthank .clss1-center p{  font-size: 40px;line-height: 55px;text-align: center;}

/*Mobility*/  
@media only screen and (max-width: 1200px) and (min-width: 1101px){
/*Banner*/
 .bnr{margin-top:8%;}
/*Thank You*/ 
} 
@media screen and (max-width: 1100px){
/*Header*/
.head-bg{padding:0;position:relative;float:none;text-align: center;}
.head-bg.follow,.clsblue-block{display:none;}
.clslogo{float: none;width:100%} 
.clstright,.clscpation,.clssocial-links{float:none;width:100%;text-align: center;}
/*Banner*/
.bnr{background:url("../images/mob-bnr.jpg");}
/*Section 1*/
.clsseebtn{margin-right:auto;margin-left:auto;}
.clsrbvideo-R h3{text-align: center;}
/*Section 4*/
.clsrcvideo-L h3{text-align: center;}
.clsrcvideo-R img{width: 100%;} 
/*Thank You*/ 
} 
@media screen and (max-width: 1000px){
/*Section 1*/
.clsrbvideo-L {float: none;width: 100%;}
.clsrbvideo-R {float: none;width: 100%;text-align: center;}
.clsrbvideo{text-align: center;}
/*Section 4*/
.clsrcvideo-L,.clsrcvideo-R{float: none;width:100%;}
/*Thank You*/ 
} 
@media screen and (max-width: 900px){
/*Banner*/
#videoid{width:595px;}
#videoid iframe{width:590px;}
/*Header*/
.head-bg{padding:0;position:relative;float:none;text-align: center;}
.head-bg.follow{display:none;}
.clslogo{float: none;width:100%} 
.clstright,.clscpation,.clssocial-links{float:none;width:100%;text-align: center;}
/*Section 0 */ 
.clss1-center h1 > br{display: none;}
.clss1-center li{margin: 5px !important;width:32%;}  
/*Thank You*/ 
} 
@media screen and (max-width: 767px){
/*Banner*/ 
.clsblocks h1{font-size:50px;line-height: 55px;} 
/*Section 0 */ 
.clss1-center li{width: 47%;}
/*Section 1*/
.clsrbvideo-L {float: none;width: 100%;}
.clsrbvideo-R {float: none;width: 100%;text-align: center;}
.clsrbvideos {height: 250px;width: 550px;}
/*Section 2*/
.clsrbvideo-R h3{text-align: center;}
/*Section 3 */
.clspb-L,.clspb-R{float:none;width:100%;}
/*Section 4*/
.clsrcvideo-L,.clsrcvideo-R{float: none;width:100%;}
.clsrcvideo-L h3{text-align: center;}
.clsrcvideo-R img{width: 100%;} 
/*Thank You*/ 
} 
@media screen and (max-width: 600px){
/*Banner*/ 
.clsblocks h1{font-size:40px;line-height: 45px;}
/*Section 0 */ 
.clss1-center h1{font-size:40px;} 
.clss1-center li{margin: 5px !important;width: 47%;}
.clsrbvideo{text-align: center;}
#videoid{width:470px;}
#videoid iframe{width:450px;}
/*Section 1*/
.sec-1 h2{font-size:40px;}
.clsrbvideos {width: 450px;}
/*Section 2*/
.clspb-R img{width: 100%;}
/*Section 3 */
.clss2-center h1{font-size:45px;}
.clspb-L,.clspb-R{float:none;width:100%;}
/*Section 4*/
.clsrcvideo-L,.clsrcvideo-R{float: none;width:100%;}
.clsrcvideo-L h3{text-align: center;}
.clsrcvideo-R img{width: 100%;} 
/*Section 5*/
.g-recaptcha,.clsbtnfield{ text-align:left;margin: 5% 0 0;float:none;width: 100%;}
/*Footer*/ 
.clscopy span {display: block;}
/*Thank You*/ 
} 

@media screen and (max-width: 480px){
/*Banner*/ 
.clsblocks h1{font-size:40px;line-height: 45px;}
.clsblocks p{font-size:20px;}
.clsvideo-block img {width: 20%;}
.selvideo{font-size:15px;}
#videoid{width:350px;}
#videoid iframe{width:330px;}
/*Section 0 */ 
.clss1-center h1{font-size:36px;line-height: 40px;} 
/*Section 1*/
.sec-1 h2{font-size:30px;line-height:35px;}
.clsrbvideos {width: 360px;} 
/*Section 3 */
.clss2-center h1{font-size:40px;}
/*Section 5*/
.clss4-center h2{font-size:40px;}
.clsformcontent {padding: 5% 5% 5% 2%;}
.g-recaptcha,.clsbtnfield{ margin: 5% 0 0;float:none;width: 100%;}
/*Footer*/ 
.clsfoot p { font-size:14px;}
/*Thank You*/ 
.clsthank .clss1-center p {font-size: 25px; line-height: 30px;}
} 
@media screen and (max-width: 360px){
/*Banner*/ 
.clsblocks h1{font-size:30px;line-height: 35px;}
.clsblocks p{font-size:15px;line-height: 20px;}
.selvideo{font-size:13px;}
#videoid{width:320px;}
#videoid iframe{width:300px;}
/*Section 0 */ 
.clss1-center h1{font-size:25px;line-height: 30px;} 
.clss1-center li{width:98%;}
/*Section 1*/
.sec-1 h2{font-size:25px;line-height:35px;}
.clsrbvideos {width: 315px;}
/*Section 2*/
.clsrbvideo-R h3{font-size:25px;line-height: 30px;}
/*Section 3 */
.clss2-center h1{font-size:25px;line-height: 30px;}
/*Section 4*/
.clsrcvideo-L h3{font-size:25px;line-height: 30px;}
/*Section 5*/
.clss4-center h2{font-size:25px;}
.clsformcontent {padding: 5% 5% 5% 2%;}
/*Footer*/ 
.clsfoot p { font-size:12px;}
}