@charset "utf-8";
/* CSS Document */


body{padding:0; margin:0; font-family: 'aileronlight'; color: #222222}
@font-face {
    font-family: 'aileronlight';
    src: url('../fonts/aileron-light-webfont.woff2') format('woff2'),
         url('../fonts/aileron-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'aileronsemibold';
    src: url('../fonts/aileron-semibold-webfont.woff2') format('woff2'),
         url('../fonts/aileron-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'aileronultralight';
    src: url('../fonts/aileron-ultralight-webfont.woff2') format('woff2'),
         url('../fonts/aileron-ultralight-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'aileronthin';
    src: url('../fonts/aileron-thin-webfont.woff2') format('woff2'),
         url('../fonts/aileron-thin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'aileronregular';
    src: url('../fonts/aileron-regular-webfont.woff2') format('woff2'),
         url('../fonts/aileron-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

*{padding:0; margin:0;}
a, a:hover{text-decoration:none}
.clr{clear:both}
.color_d_grey{color:#444}
input:focus, select:focus{outline: none;}
::placeholder { /* Firefox, Chrome, Opera */ 
    color: #bfbfbf; 
} 
  
:-ms-input-placeholder { /* Internet Explorer 10-11 */ 
    color: #bfbfbf; 
} 
  
::-ms-input-placeholder { /* Microsoft Edge */ 
    color: #bfbfbf; 
}
a[href^=tel]{
    color:inherit;
}
ul{list-style-type: none}
.container{width:1045px; margin:0 auto; padding:0 10px;}
.top_head{position:relative; background: url(../images/header-bg.html); background-position: 100% 0; background-repeat: no-repeat}

.container_full{width:100%}
.logo{float:left}
.logo .surbo{width:168px; vertical-align: middle}

header{padding:20px 0 0 0; position:relative; z-index:1}
.header{ text-align: center; padding: 50px 0 0 0; /*background: url(../images/banner2.jpg) no-repeat 50% 100%;*/ background: linear-gradient(135deg, #1FE77E, #00CFC1);
 margin-bottom: 30px}
.header h1{font-size: 48px; color: #e84c0a; font-weight: normal}
.header h2{font-size: 22px; color: white; font-weight: normal; padding: 5px 0 0 0}

/*form*/

.tab_form{background-color: #12345b; width:500px; border-radius: 10px 10px 0px 0px; margin: 35px auto 0 auto}
.tab_form .form{width:310px; padding:5px 0 20px 0; margin:0 auto;}
.tab_form .tit{font-size:24px; color:#fff; padding-top: 5px; padding-bottom: 5px; font-family: "aileronsemibold"; border-bottom: 1px solid #415d7c}
.tab_form .form .form_box{padding-top:0px; position: relative}
.tab_form .form .form_box .form_field{position:relative;margin-top:20px}
.tab_form .form .form_box .form_field input, .tab_form .form .form_box .form_field select{width:100%; padding:16px 5px 15px 50px; box-sizing:border-box; border: none; border-bottom:1px solid #ccc; position:relative; font-size:16px; color:#12345b; -webkit-appearance: none;
border-radius: 8px}

.tab_form .form .form_box .form_field select{-webkit-appearance: none; background:url(../images/sel_arr.png) no-repeat 95% 50%;}
.tab_form .form .form_box .form_field .form_button{background-color:#e84c0a; color:#FFF; font-size:22px; font-weight:normal; cursor:pointer; padding:12px 0; margin-top:10px;border-radius:6px; width:100%; display:block; }
.submit_icon:after{content: ""; background-image: url(../images/form_icon.png); background-repeat:no-repeat; height:18px; width:18px; position:absolute; z-index:2;background-size: 18px 18px; bottom:10px;right:95px; top: 28px;bottom: 0;}



.indus:before{content: ""; background-image: url(../images/industry_active.html); background-repeat:no-repeat; height:30px; width:30px; position:absolute; z-index:2;background-size: 30px 30px; bottom:8px; left:5px;-webkit-filter: grayscale(100%); filter: grayscale(100%); opacity:0.8}
.indus_active:before{-webkit-filter: grayscale(0%); filter: grayscale(0); opacity:1; transition:all 0.3s}
.error, .field_error{color:#ea5455; font-size:13px; position:absolute; top:-15px}
.form-top{text-align: center; padding: 5px 0 0 0}
/*/form*/




.bg_footer{background-color:#12345b;}
footer{ padding: 30px 0}
.vf_logo{padding:0; float: left}
.footer-right{float: right}

.f-con{font-size: 16px; color: #fff; font-family: "aileronregular"}
.f-con a{color: #fff;}
.f-con a:hover{color: #b1c8e2;}

.ft_copy{font-size: 12px;color: #fff; padding-top: 10px; text-align:right; font-family: "aileronregular"}
.ft_copy a{color: #fff}
.ft_copy a:hover{color: #b1c8e2;}

.logo_img{width: auto; vertical-align: middle}
.what_surbo{text-align: center;padding:35px 80px 20px;}
.what_surbo h2{text-align:center; font-size:36px; font-weight:normal; padding:0 0 30px 0;color: #2d4059}
.what_surbo p{line-height: 30px; font-size: 18px; color: #2d4059}
.name-icon:before {content: "";background-image: url(../images/icon_User_Normal.svg);background-repeat: no-repeat;height: 23px;width: 24px;position: absolute;z-index: 2;bottom: 14px;left: 15px;}
.name-active:before {background-image: url(../images/icon_User_Active.svg);}
/*.mobile-icon:before {content: "";background-image: url(../images/icon_Mobile_Normal.svg);background-repeat: no-repeat;height: 23px;width: 24px;position: absolute;z-index: 2;bottom: 14px;left: 15px;}*/
/*.mobile-active:before {background-image: url(../images/icon_Mobile_Active.svg);}*/
.email-icon:before {content: "";background-image: url(../images/icon_Email_Normal.svg);background-repeat: no-repeat;height: 23px;width: 24px;position: absolute;z-index: 2;bottom: 14px;left: 15px;}
.email-active:before {background-image: url(../images/icon_Email_Active.svg);}
.company-icon:before {content: "";background-image: url(../images/icon_Company_Normal.svg);background-repeat: no-repeat;height: 23px;width: 24px;position: absolute;z-index: 2;bottom: 14px;left: 15px;}
.company-active:before {background-image: url(../images/icon_Company_Active.svg);}

.dis-b {
  background-image: url(../images/right.png);
    background-repeat: no-repeat;
    height: 18px;
    width: 18px;
    position: absolute;
    z-index: 2;
    bottom: 15px;
    right: 15px;
	
}
.contact{background-color: #fff; margin-top: 20px}
.contact-icon{float: left; width: 50px; background-color: #ea5455;padding: 10px 0;
    text-align: center; -webkit-box-shadow: 0px 2px 4px -2px rgba(0,0,0,1);
-moz-box-shadow: 0px 2px 4px -2px rgba(0,0,0,1);
box-shadow: 0px 2px 4px -2px rgba(0,0,0,1);}
.contact-txt{float: left; width: 270px;padding-left: 10px; padding-top: 5px; color: #818c9b; line-height: 18px; font-size: 14px; font-weight: bold}
.contact-txt span{font-size: 10px;}
.contact-txt a{font-size: 14px; font-weight: bold; color: #2d4059}
.contact-txt a:hover{color: #0070bd}
.submit_icon{padding: 1px 0 0px 0}

.top_button{float: right; width: 225px}
.whatsapp{width: 120px; float: left;}
.whatsapp a{background-color: #a1d32f; text-align: center;font-size: 14px; color: #fff; margin-bottom:10px; padding: 12px  10px  8px  10px; border-radius: 6px;  font-family: "aileronregular"; display: block}
.whatsapp img{vertical-align: top; padding-right: 5px;}
.whatsapp a:hover{background-color: #97c828; cursor: pointer}

.call{width: 93px; text-align: center;float: right; }
.call a{background-color: #30b8a3; font-size: 14px; color: #fff; padding: 12px  10px  8px  10px; border-radius: 6px; font-family: "aileronregular"; display: block}
.call img{vertical-align: top; padding-right: 5px;}
.call a:hover{background-color: #2aac98; cursor: pointer}
.adv{padding: 0 0 20px 0}
.adv p{font-size: 24px; text-align: center; line-height: 32px; padding-bottom: 25px}
.adv-box-one{width: 490px; float: left; border-radius: 8px; -webkit-box-shadow: -1px 13px 24px 0px rgba(0,0,0,0.17);
-moz-box-shadow: -1px 13px 24px 0px rgba(0,0,0,0.17);
box-shadow: -1px 13px 24px 0px rgba(0,0,0,0.17); padding: 10px}
.adv-img{float:left; width: 100px}
.adv-txt{float: left; width: 370px; font-size: 18px; line-height: 24px; padding: 15px 0 0 20px; font-family: "aileronregular" }
.adv-txt span{font-family: "aileronsemibold";}

.adv-box-two{float: right; padding-top: 19px;}
.adv-txt-two{padding-top: 7px}

.why-wht{background: lightgray url(../images/whats-bg.png) no-repeat 50% 50%; padding: 50px 0 50px 0; overflow: hidden; margin-top: 30px}
.why-wht h2{font-size: 48px; color: #12345b; font-weight: normal; text-align: center; padding-bottom: 35px}

.whats-box-one{float: left; width: 300px;}
.whats-box-one ul li{color: #606060; font-size: 16px; text-align: right; line-height: 22px; padding-bottom: 25px; font-family: "aileronregular"; }
.whats-box-one ul li span{color:#12345b; font-family:"aileronsemibold"; display: block;text-transform: uppercase}
.whats-box-one ul li span img{margin-right: 5px}
.whats-box-two{float: left;width: 445px; text-align: center}
.whats-box-two img{-webkit-box-shadow: 0px 2px 10px -1px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 2px 10px -1px rgba(0,0,0,0.75);
box-shadow: 0px 2px 10px -1px rgba(0,0,0,0.75);}
.whats-box-three{float: right; }
.whats-box-three ul li{text-align: left}
.whats-noti{padding: 50px 0 0 0}
.whats-noti h2{font-size: 48px; color: #12345b; font-weight: normal; padding-bottom: 50px}

.whats-noti-box{font-family: "aileronregular";}
.whats-noti-one{width: 510px; float: left; padding-top: 40px}
.whats-noti-one .noti-tit{font-size: 18px;font-family: "aileronsemibold"; line-height: 24px}
.whats-noti-one .noti-text{font-size: 16px; color: #e84c0a;text-transform: uppercase; font-weight: bold; padding: 30px 0 15px 0}
.whats-noti-one .noti-expl{color: #606060; font-size: 16px; line-height: 22px }
.whats-noti-two{float: right; text-align: right}

.whats-noti-box-two{padding-top: 50px}
.whats-noti-box-two .whats-noti-two{float: left}
.whats-noti-box-two .whats-noti-one{float: right; width: 580px; padding-top: 20px}
.padbot-10{padding-bottom: 10px}

.whats-business{background: url(../images/whats-buis-bg.jpg) no-repeat 50% 50%; margin-top: 50px; padding: 60px 0; background-size: cover}
.whats-business h2{font-size: 48px; color: #12345b; font-weight: normal; text-align: center; padding-bottom: 50px}
.whats-buis-one{float: left; width: 327px; background-color: #fff;overflow: hidden; padding-bottom: 30px; }
.whats-buis-img{}
.whats-buis-one h3{font-size: 24px; color: #e84c0a; font-family: "aileronsemibold"; padding: 20px 20px 20px 20px}
.whats-buis-one p{font-size: 16px; color: #606060; font-family:"aileronregular"; line-height: 20px; padding: 0 20px 30px 20px }
.whats-buis-one span{display: block; font-size: 16px; font-family: "aileronregular"; text-transform: uppercase; font-weight: bold; color: #12345b}
.link a{color: #e84c0a; font-size: 14px; font-family: "aileronsemibold"; padding-left: 20px}
.whats-buis-one .padd-bottom10{padding-bottom: 10px}
.whats-buis-one .padd-top10{padding-top: 10px}

.whats-buis-one:hover{-webkit-box-shadow: -1px 13px 24px 0px rgba(0,0,0,0.17);
-moz-box-shadow: -1px 13px 24px 0px rgba(0,0,0,0.17);
box-shadow: -1px 13px 24px 0px rgba(0,0,0,0.17);}

.whats-buis-one:nth-child(3){margin: 0 30px}

.wht-opt{background: #ecf6d5 url(../images/whats-bg.png) no-repeat 50% 50%; padding: 50px 0 40px 0; overflow: hidden;}
.wht-opt h2{font-size: 48px; color: #12345b; font-weight: normal; text-align: center; padding-bottom: 10px}
.wht-opt p{font-size: 18px;font-family: "aileronregular"; text-align: center}

.condt{padding: 60px 20px 40px 20px}
.condt-one{float: left; width: 140px; padding-left: 70px}
.condt-one:first-child{ padding-left: 0px}
.condt-img{text-align: center}
.condt-txt{text-align: center; font-size: 16px; font-family:"aileronregular"; padding-top: 5px; line-height: 20px}

.opt-mandt{background-color: #fff; border-radius: 6px; padding: 30px 30px; margin-top: 35px; -webkit-box-shadow: -1px 13px 24px 0px rgba(0,0,0,0.17);
-moz-box-shadow: -1px 13px 24px 0px rgba(0,0,0,0.17);
box-shadow: -1px 13px 24px 0px rgba(0,0,0,0.17);}
.opt-mandt-txt{font-size: 28px; color: #12345b; font-family:"aileronregular"; float: left; padding-top: 10px}
.opt-mandt-butt{float: right; width: 250px;}
.opt-mandt-butt a{color: #fff; font-size: 18px; font-family:"aileronregular"; background-color: #a1d32f; text-align: center; display: block; padding: 15px 10px; border-radius: 8px}
.opt-mandt-butt a:hover{background-color: #91c027;-webkit-box-shadow: -1px 13px 24px 0px rgba(0,0,0,0.17);
-moz-box-shadow: -1px 13px 24px 0px rgba(0,0,0,0.17);
box-shadow: -1px 13px 24px 0px rgba(0,0,0,0.17); }
.demo-bg{background: url(../images/pep.png) no-repeat 100% 50%; padding: 60px 0}
.demo-txt{font-size: 24px; font-family:"aileronregular"; line-height: 30px}

.demo-butt{width: 150px; padding-top: 20px}
.demo-butt a{color: #fff; font-size: 22px; font-family:"aileronregular"; background-color: #e84c0a; text-align: center; display: block; padding: 10px 10px; border-radius: 8px;}
.demo-butt a:hover{background-color: #d7480b; -webkit-box-shadow: -1px 13px 24px 0px rgba(0,0,0,0.17);
-moz-box-shadow: -1px 13px 24px 0px rgba(0,0,0,0.17);
box-shadow: -1px 13px 24px 0px rgba(0,0,0,0.17);}
.div-bor{border-bottom: 1px solid #cecccc; height: 1px; margin-top: 40px; display: none}

.what-mob-opt{clear: both; display: none; margin-top: 50px}

.desk-none{display: none}

.disno {
    background-color: #eae9e9;
    color: #585858;
    padding: 5px;
    position: absolute;
    font-size: 14px;
    line-height: 18px;
    top: 45px;
    left: -20px;
    width: 120px;
    display: none;
    border-radius: 6px;
    z-index: 5555;
}


.disno:after, .disno:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.disno:after {
	border-color: rgba(136, 183, 213, 0);
	border-bottom-color: #eae9e9;
	border-width: 5px;
	margin-left: -5px;
}
.disno:before {
	border-color: rgba(194, 225, 245, 0);
	border-bottom-color: #eae9e9;
	border-width: 11px;
	margin-left: -11px;
}

.intl-tel-input .selected-flag .iti-arrow{right: 2px !important;}
.intl-tel-input .country-list{z-index: 12 !important}