html{
    font-size:10px;
       font-size: 0.73vw;
}

* {
font-family: 'Assistant', sans-serif;
font-weight:400;
 -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
    font-size: 1.8rem;color:#0843a0; line-height:2.6rem;
 font-weight:400;
} 

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
 
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	 
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a{text-decoration:none;}
address{font-style:normal;}
.relative{position:relative;}
.absolute{position:absolute;}
.flc{clear:both; display: block;}
.flr{float:right;}
.fll{float:left;}
.col-1-1{width:100%;}
.tac{text-align:center; }
 img{display: block;}


body{
    background:url('../imgs/back2.png') no-repeat;
    background-size:cover;
    background-position: center center;
}


.container1160{
    width:111.6rem; margin:auto;
}


.container1230{
    width:123rem; margin:auto;
}
.footer{
}
.footer *{
      letter-spacing: 0.3px;
 color:#0843a0;font-size:1.5rem; line-height: 2rem;
}
.footer strong{font-weight: 700;}
.footer .ex_credit {
    width: 6.5rem;
    line-height: 2rem;
    max-width: 6.5rem;
}
.footer .ex_credit img{
  width: 100%;  display:inline-block; vertical-align: middle; position: relative;
}

.flex{
    display: flex;
}
.flex_auto > div{flex:auto; height:5.8rem; line-height:5.8rem;}

.logo{
    width:8rem; margin-left: 1.2rem;
}
.logo_right {
    font-size: 2.1rem; font-weight: 700; line-height: 2.6rem;
}
.logo_right strong{
    font-size: 2.6rem; font-weight: 700; line-height: 2.6rem;
}
.phone{
    width:17.4rem;     margin-top: 1rem;
}
.phone img{width:100%;}
.phone span{
    width:100%; top:0; right:0; z-index: 2; text-align: center; color:#fff; line-height: 4.6rem;
}
.slogin{
    text-align: center; line-height: 5.8rem;
}
.slogin img{
    float:none; width:70rem;display: inline-block; vertical-align: middle; 
}
.site_title{width:70rem;}
.row1{
    margin-bottom:3rem;
}
.row2{
    margin-bottom:3rem;
}
.row2_col1{
    width:45rem;
} 
.row2_col1_left{width:calc(100% - 45rem); padding-right: 2rem;}
.row2_col2{width:calc(100% - 27rem);}
 
.row2_col1 iframe{width:100%; height:23rem; margin-top:2.4rem;}
h1,h3{
    font-size:3.2rem; font-weight: 600; line-height:4.1rem; 
}
h2{
    font-size:2.9rem;  line-height:3.6rem; 
}
.form_outer{top:0; right:0;    padding:4rem 2rem 0;}
.form_outer h4{
   text-align: center;   font-size:2.6rem; font-weight: 600; line-height:2.6rem; margin-bottom: 0.5rem;
}
.form_outer p{
    text-align: center;   font-size:2rem;  line-height:2rem; margin-bottom: 3.4rem;
}
.row_5{
    margin-top:0rem;
    position: relative;
    top: -2rem;
}
.row_5 p{
    font-size:2rem; line-height: 2.3rem; font-weight: 600; margin-bottom: 1.4rem;
}
.row_5 li{float:right;    width: 17.5rem; }
.row_5 li:nth-child(3){ width: 21rem; }
.row_5 li:nth-child(5){ width: 19rem; }
.row_5 li:nth-child(7){ width: 18.5rem; }
.row_5 li div{
    float:right;  width:4rem;  
    text-align: center; line-height: 4rem; 
    margin-left: 1.2rem;
}
.row_5 li span{
    float:right; width:calc(100% - 9.3rem);
    font-size: 1.7rem; line-height: 2rem;
}
.row_5 li:nth-child(4) span{
     width:calc(100% - 5.2rem);
}
.row_5 li div img{display: block;  width:100%;}
.row2_col2 img{
    width: 94%;
    margin: auto;
    float: none;
}
.field {
    width:100%; margin-bottom:3rem;
}
.field  label{
    width:4.5rem; font-size:1.6rem; line-height: 2.6rem;
}
.field input{
    width:calc(100% - 4.5rem);  height:2.6rem;
     font-size:1.6rem; background-color: transparent; border:0; padding:0.5rem 0; border-bottom:2px solid #0843a0;
}
.form button{
   display: block; margin:auto; width:17rem; height: 4rem; padding:0; text-align: center;border:0;background-color: transparent;
   margin-top: 2rem;
}
.form button span{background-color: transparent;font-size:2rem; font-weight: 600;display: block; line-height: 4rem; width:100%; text-align: center; z-index: 5; top:0; right:0;  color:#fff;}

.row2_col1 ul{
    margin-top: 1rem;
}
.row2_col1 ul strong{font-weight: 700;}
.row_5 ul li:after{
    content:''; display: block; width:1px; margin:0 2rem; float:left;
    background:url('../imgs/divline.png') no-repeat;
    height:4.8rem;
}
.row_5 ul li:last-child:after{
    display: none;
}



    .message_Box {color:red;}
    
    
    
    body{
        background:url('../imgs/mg4.jpg');
        background-size:100% auto;
    }
  .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
}
    .page_wrap{
        width:100%; margin:auto;
    }    
.logovw_outer{
    width:46rem; top:0; right:0;
}
.logovw{
    width:25.6rem; margin-bottom: 3rem;
}
.rowv1{
    height:39rem; margin-bottom: 4.5rem;
}
h1{
    margin-bottom:0.5rem;
}
h1,
h1 span{
    font-size: 3.5rem;
    font-weight: 600;
    line-height: 4rem;}    

h1 span{
    font-weight: 700;
}    
h2,h2 strong{
    font-size: 2.3rem;
    line-height: 2.6rem;
}
h2 strong{
    font-weight:700;
}
h3{
font-size:2.3rem;
line-height: 3rem;
}
    
.form_outer{right: auto; padding:0;
    height:41.5rem;width:31rem; left:0; top:0;
    background:url('../imgs/formbg2.png') no-repeat;
    background-size: 100% 100%;
}
.form_outer .containerIn{
    width:24rem; margin:4rem auto 0;
}
    
.form_outer h4{
   color:#fff; 
}
.form_outer p *,    
.form_outer p{
   color:#fff; 
}
.form_outer p{
    margin-bottom:0;
}    
    
.form{
    margin-top:2.5rem;
}
.form input{
    border:0;    color: #0843a0;
    background-color:#fff; padding:1rem; width:100%; height:3.8rem;
     font-size: 1.8rem;    font-weight: 400;  font-family: 'Assistant', sans-serif;
}
.field{
    margin-bottom:2rem;
}
    
 input::-webkit-input-placeholder { /* WebKit browsers */
     font-size: 1.8rem;    font-weight: 400;    color: #0843a0;
      font-family: 'Assistant', sans-serif;
}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
     font-size: 1.8rem;    font-weight: 400;    color: #0843a0;
    font-family: 'Assistant', sans-serif;
}
 input::-moz-placeholder { /* Mozilla Firefox 19+ */
     font-size: 1.8rem; font-weight: 400;
    font-family: 'Assistant', sans-serif;    color: #0843a0;
}
 input:-ms-input-placeholder { /* Internet Explorer 10+ */
  font-size: 1.8rem;    font-weight: 400;
   font-family: 'Assistant', sans-serif;    color: #0843a0;
}    
    
.iframe_video{
    width:31rem; margin-left: 3rem;
}
.iframe_video iframe{
    width:100%; height:18rem;
}

.whyus{
    margin-top: 1rem;
    width:35rem;
 
}
.dotslinev{
    margin:1rem 3rem 0; width:0.3rem;
}
.row_5 p,
.whyus h5{
      font-size: 2.5rem;    color: #0843a0; font-weight: 700; margin-bottom:2rem;
}
.whyus li{
    position: relative;
    padding-right: 3rem;
    
}
.whyus li,.whyus li *{
    font-size: 1.7rem;
    line-height: 2.7rem;
}
 
.whyus li:before{
 content: ''; position: absolute; right:0;top: 0.6rem;
  display: block; width:1.8rem; height:1.6rem;
  background:url('../imgs/check2.png') no-repeat;
  background-size:100% 100%;
}
.row_5{ margin-top: 1rem; top:0;
    width:36rem;
}
.whyus li strong{
    font-weight: 700;
}
.row_5 ul{
    display: block; width:100%;
}  
.row_5 li:nth-child(3),
.row_5 ul li{
    width:50%; margin-bottom: 2rem;
}
.row_5 ul li:after{
    display: none;
}
.row_5 li span{
    width:calc(100% - 6.2rem);
        font-size: 1.8rem;
    line-height: 2rem;
}
.dotslineh{
    margin:2.5rem 0;
}
.footer{
    margin-bottom: 2rem;
}


.flahh {
    width: 17rem;
    right: 25rem;
    top: -13rem;
    z-index: 2;
}
.vlinee{
margin: 7rem 3rem 0;
    width: 0.3rem;
}
.whyus {
    margin-top: 3rem;
}

.row_5 {
    margin-top: 4rem;
    top: 0;
    width: 36rem;
}


.video{
    margin-bottom:0rem;
}
.video video{
    width: 100%;
        height: 31.2rem;
        display: block;
}

@media (max-width:1380px){
   
}


.mobile{
    display: none;
}

@media(max-width:1024px){
    html{font-size:10px;}
    body{
        padding-bottom:7rem;
    }
    
    .sticky_phone,.sticky_whatsapp{
        z-index: 2000; bottom:1rem; right:1rem;
        width:5rem; position: fixed;
    }
    .sticky_phone{
        right:auto; left:1rem;
    }
    
    .desktop{display: none;}
    .mobile{display: block;}
    .whyus,.row_5,
    .page_wrap,.iframe_video,
    .container1230{
        width:100%;
    } 
    body{
        background:url('../imgs/meta.jpg');
    }
 
    .logovw_outer{right:0;}
    .logovw_outer,
    .container1160{
        width:34rem;
    }
    .row2_col3,.n2dfc,
    .logovw_outer{
        width:37.5rem; padding:0 1.75rem;
    margin-right: -1.75rem;
    }
    .form{
        margin-top:1.5rem;
    }
    .row_5{margin-top:0;}
    .n2dfc{padding:0; margin-bottom:4rem; margin-top:4rem;}
    .close_icon{top:2rem; right:2rem; z-index: 1; display: none;}
       .open .close_icon{display: block;}
       .form_outer{
           padding:2rem 0;
        background: url(../imgs/formbg2m.png) ;
    background-size: 100% 100%;
        border-top-left-radius: 2rem;
            border-top-right-radius: 2rem;
       }
    .form_outer{display: none;
    
    width:100%; height:auto; /*
    background: transparent;*/
    }
    .open .toggleform{
        display: none;
    }
    .open .form_outer{display: block;}
    .logovw{width:23rem; margin-bottom:5rem; }
    
     .row2_col3{
     position: fixed;
     position: static;
    bottom: 0;
    z-index: 1000;
    background-color: #fff;
    width: 37.5rem;
    right: 0;
    }
    .toggleform{
        width:100%; height:8.7rem;
        background: url('../imgs/ls.jpg') no-repeat;
        background-size:100% 100%;
        text-align: center; 
        padding:2rem 0; 
        border-top-right-radius: 1rem;
        border-top-left-radius: 1rem;
        background-color: #0843a0;
    }
    .toggleform  strong{font-weight: 700;}
    .toggleform,.toggleform  strong{
        color:#fff;       font-size: 2rem;
    line-height: 2.6rem;
    }
    .row2_col3.open{
       /*height: calc(100vh + 1rem); overflow-y: scroll;*/
       height: auto;
    }
    .phone{
        margin:0; z-index: 400;       width: 5rem;top: 2rem; left:3rem;
    }  
    .phone img{width:100%;}
    .phone span{
        width:100%; top:0; right:0; z-index: 2; text-align: center; color:#fff; line-height: 4.6rem;
    }
    h1, h1 span {
        font-size: 2.5rem;
        line-height: 3rem;
    }
    .rowv1{
        height:auto;  
        
    }
    .logovw_outer{background-color: #fff;
        padding:3rem 1.75rem;position: static;
    }
    .row_5 p, .whyus h5{
        text-align: center;
    }
    .whyus li, .whyus li * {
      font-size: 1.8rem;
        line-height: 2.7rem;
    }   
    .row_5 li:nth-child(3), .row_5 ul li{width:100%;     margin-bottom: 0;}
    .row_5 li br{
        display: none;
    }
    .row_5 li span{font-size:2rem; line-height: 4rem;}
    .footer{margin-bottom:0rem;
    background-color:#ffffff;
    
    padding:1rem 0;}
    .footer p{
        width:calc(100% - 12rem);
        width: calc(100% - 8rem);
    font-size: 1.2rem;
    }
    .close_icon{
        top:0;
    }
    .form_outer .containerIn {
    width: 24rem;
        width: 88%;
    margin: 0 auto;
}

.whyus li:before{
    display: none;
}
.whyus {
    margin-top: 0;
}

.whyus li img.icon_mm{
    width:5rem; margin-left:2.4rem;
}
.whyus li div{
    width:calc(100% - 7.5rem);
    position: relative;
    top: -0.4rem;
}
.whyus li:after{
    content:''; display: block; clear: both;
    
    
}
 
.whyus li .dotslineh{
    content:''; display: block; clear: both;
       margin: 2rem 0; width:100%;
    
}
 
.whyus li {
    position: relative;
    padding-right: 0;
    width:100%; display: block;
  
}
    .form_outer{
        position: static;
   /*     top:50%;
        	top:50%;
	  -webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
    	-ms-transform: translateY(-50%);
    	-o-transform: translateY(-50%);
    	transform: translateY(-50%);*/
    }
    .bottom_form_f{
        margin-top:4rem;
    }
    .bottom_form_f h4{
            text-align: center;
        font-size: 2.6rem;
        font-weight: 600;
        line-height: 2.6rem;
        margin-bottom: 0.5rem;
    }
    .bottom_form_f .form button{margin-top:1rem;}
    .bottom_form_f p *,
    .bottom_form_f p{
        text-align: center;
    font-size: 2rem;
    line-height: 2rem;
    
    }
    
    .flahh {
          width: 13rem;
    left: 0rem;
    bottom: -7rem;
    top: auto;
    right: auto;
    z-index: 2;
    }
    
    .whyus li.mobile strong{
    font-size: 2rem;
 }
 .bottom_form_f{
     z-index: 5;
          margin:-6rem auto 0; 
 }
 .bottom_form_f .row2_col3{
     background-color: transparent;
 }
}