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

body{padding:0; margin:0;font-family: 'webfontregular';}

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

}
@font-face {
    font-family: 'webfontregular';
    src: url('../fonts/helveticaneue-light-webfont-webfont.woff2') format('woff2'),
         url('../fonts/helveticaneue-light-webfont-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;}
input::placeholder{color:#969696}
a[href^=tel]{
    color:inherit;
}
.container{width:1300px; margin:0 auto; padding:0 21px;}
.top_height{height:650px; overflow:hidden}
.top_head{position:relative}
.top_curve{position:absolute; bottom:-5px; width:100%; z-index:2}
.top_curve img{width:100%;}
.container_full{width:100%}
.bg_green{background-color:#ee1b2c; position:relative; }
/*.bg_green:after{display: block;content: "";width: 100%;position: absolute;bottom: 0;z-index: 9999999;left: 0;height: 70px;background: url('../images/curve.png') no-repeat center; background-size:100%;}*/
.bubble{position:absolute; right:0; z-index:0; width:60%}
.bubble img{width:100%}
.top_strp{padding:0 0 70px 0}
.logo{float:left}
logo img{width:168px}
.contact{float:right; color:#444; font-size:20px; padding-right:33px;}
.icon_link{display:inline-block;}
.contact .ph_no{float:left; border-right:1px solid #92bd76; padding:0 20px 0 0; margin-right:18px}
.contact .mail{float:left}
.contact .mail a{color:#444}
.contact .mail a:hover{color:#000}
.contact img{width:40px; vertical-align:middle}
header{padding:10px 0 0 0; position:relative; z-index:1}
.header_left{float:left; overflow:hidden}
.header_content{padding-top:10px; width:500px}
.header_content h1{font-size:22px; color:#333; line-height:50px; padding-bottom:10px; font-family:'aileronlight';font-weight:normal}
.header_content h1 span{color:#fff}
.header_content h2{font-size:22px; color:#333;  line-height:28px; font-weight:normal}
/*form*/

.tab_form{float:right; background:url(../images/Form_Tablet.png) no-repeat; width:470px; height:760px;}
.tab_form .form{width:320px; padding-top:60px; margin:0 auto; text-align:center}
.tab_form .form p{font-size:28px; color:#444}
.tab_form .form .form_box{padding-top:10px}
.tab_form .form .form_box .form_field{position:relative;padding-top:20px}
.tab_form .form .form_box .form_field input, .tab_form .form .form_box .form_field select{width:100%; padding:12px 10px 12px 40px; box-sizing:border-box; border-radius:6px; border:1px solid #ccc; position:relative; font-size:16px; color:#444444; -webkit-appearance: none;}
.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:#333; color:#FFF; font-size:22px; font-weight:normal; font-family: 'webfontregular'; cursor:pointer; padding:10px 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:25px; width:25px; position:absolute; z-index:2;background-size: 25px 25px; bottom:10px;right:20px;-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%); opacity:0.8}
.submit_icon_active:after{background-image: url(../images/send.svg); -webkit-filter: grayscale(0%);opacity:1;filter: grayscale(0%);}
.name:before{content: ""; background-image: url(../images/user_active.svg); 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}
.name_active:before{-webkit-filter: grayscale(0%); filter: grayscale(0); opacity:1; transition:all 0.3s}

.email:before{content: ""; background-image: url(../images/email_active.svg); 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}
.email_active:before{-webkit-filter: grayscale(0%); filter: grayscale(0); opacity:1; transition:all 0.3s}

.phone:before{content: ""; background-image: url(../images/phone_active.svg); 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}
.phone_active:before{-webkit-filter: grayscale(0%); filter: grayscale(0); opacity:1; transition:all 0.3s}

.indus:before{content: ""; background-image: url(../images/industry_active.svg); 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}
/*/form*/

.client_logos{}
.client_logos .hi{float:left}
.client_logos .hi img{width:310px}
.client_logos .cl_logo{float:left; padding:40px 0 0 30px}
.client_logos .cl_logo .cl_logo_box{padding:80px 0 0 0}
.client_logos .cl_logo .cl_logo_box .cl_logo_spc{margin-left:20px}

/*built business logic*/
.built_logic{padding:20px 0 20px 0; text-align:center; overflow:hidden}
.built_logic h2{text-align:center; font-size:36px; font-weight:normal; color:#444; padding:0 0 50px 0;}
.built_logic_one{background:url(../images/box_div.jpg) no-repeat 100% 50%; padding:0 18px; float:left; width:285px}
.built_logic_one:last-child{background:none; padding:0 0px 0 18px; }
.built_logic_one p{font-size:16px; color:#666; line-height:21px}
.built_img{width:64px; margin:0 auto}
.built_cap{font-size:24px; padding:10px 0 20px 0}
.built_img img{width:100%}
/*botify your business*/
.bg_gray{padding:15px 0 0 0; margin-top:50px; background:#eaeaea; padding-bottom:20px; font-size:15px;}
.btn-primary{ background:#000 !important;} 
.botify_business{padding:0}
.botify_business h2{font-size:36px; font-weight:normal; color:#444444;}
.botify_business h3{font-size:18px; font-weight:normal; color:#444444; padding-top:15px}
.botify_business_box{padding-top:10px}
.botify_business_left{display:inline-block; padding-bottom:80px}
.botify_business_left_one{display:inline-block; vertical-align:top; width:280px; padding:60px 0px 0 0}
.botify_business_left_two{padding-left:40px}
.botify_business_left_one p{font-size:16px; color:#444}
.botify_business_icon{width:48px; height:48px;}
.bank_icon{width:38px;}
.bank_icon img,.botify_business_icon img{width:100%}
.botify_business_cap{font-size:24px; color:#89ba68; padding:20px 0}
.botify_business_right{display:inline-block; padding-left:200px; width:500px; vertical-align:top;}
#bot-container{z-index:555555; position:relative; display:none; top:0}
/*footer*/
.bg_black{background-color:#1d1d1d; border-top:5px solid #89ba68; overflow:hidden}
footer{padding:40px 0 0 0}
.footer_left{display:inline-block; width:615px; padding-bottom:30px}
.vf_logo{padding:0}
.logo_bg{background-color:#FFF}
.footer_left .text{font-size:14px; color:#fff; padding-top:20px; line-height:20px}
.footer_right{display:inline-block; vertical-align:bottom; width:639px; text-align:right}
.footer_right img{vertical-align:bottom; width:87%;}
.footer_contact{padding:0; font-size:16px; color:#fff; padding-top:30px}
.footer_contact img{width:30px; vertical-align:middle; margin-right:8px}
.ft_call{float:left; padding-right:25px}
.ft_mail{float:left; padding:0 25px; border-left:1px solid #686868; border-right:1px solid #686868}
.ft_mail a{color:#FFF}
.ft_mail a:hover{color:#fff}
.ft_copy{float:left; padding-top:5px; padding-left:25px}
.strn_bg{background:url(../images/strn_bg.jpg) no-repeat bottom center}

.about-bottom ul{}

ul.sb_menu li {
    padding: 5px 0 5px 0px; font-size:15px;
    width: 420px; list-style:none;
}

ul.sb_menu li a, ul.ex_menu li a {
    color: #959595;
    text-decoration: none;
}

.strn_bg h2{font-family: 'aileronlight'; font-size:40px; color:#ee1b2c; font-weight:normal; text-align:center; padding-bottom:30px}

.strn_bg h1{font-family: 'aileronlight'; font-size:48px; color:#ee1b2c; font-weight:normal; text-align:center; padding-bottom:30px}

.stren_in{padding:50px 0 40px 0; position:relative; font-size:15px;}
.stren_in h1{font-family: 'aileronlight'; font-size:48px; color:#ee1b2c; font-weight:normal; text-align:center; padding-bottom:30px}
.stren_in h2{font-family: 'aileronlight'; font-size:25px; color:#ee1b2c; font-weight:normal; text-align:left; padding-bottom:0px}
.stren_in ul{padding:0 0 20px 0}
.stren_in ul li{font-family: 'aileronsemibold'; font-size:20px; color:#585858; display:inline-block; position:relative; width:175px; height:250px}
 .strn_box{position:absolute}
 .strn_box.one{top:0}
 .strn_box.two{bottom:0; left:0px}
 .strn_box.three{top:0; left:-5px;}
 .strn_box.four{bottom:0; width:210px; right:-25px}
 .strn_box.five{top:0; right:-20px}
 .strn_box.six{bottom:0; right:2px}
.stren_in ul li .stren_img{width:108px; text-align:center; margin:0 auto}
.stren_in ul li .stren_txt{text-align:center; line-height:24px;font-family:'aileronlight'; font-size:18px;}
.stren_in ul.box_two{float:right}
.test{background-color:#e8e8e8;}
.test_in{padding:50px 0 130px; width:940px; margin:0 auto;}
.test_in h2{font-family:'aileronlight'; font-size:48px; color:#585858; font-weight:normal; text-align:center; padding-bottom:30px}
.test_box{width:940px; background:url(../images/test_bg.png) no-repeat; height:270px; position:relative}
.test_box_in{width:850px; padding:40px; margin:0 auto;}
.test_box_in p{font-family:'aileronlight'; font-size:18px; color:#535050; line-height:26px; min-height:230px}

.flex-nav-prev{display:none}

.content_in{width:1100px; margin:0 auto;}


.mob_icon{ text-align:center; padding:5px;}
	
	
	.logo_new{ width: 100%; z-index: 999; border-radius: 0px; padding:5px; transition:all 0.3s; min-height:50px;}

	.logo_scrl{top:0; transition:all 0.7s}
	.top_nav {list-style-type:none; padding-top:18px; padding-left:0}
	.top_nav li{display:inline-block; padding:0 20px 0; border-right:1px solid #5788ab; font-size:15px; font-family: 'aileronlight'; color:#1e5c85; position:relative; overflow:hidden;}
	.top_nav .cl{border-bottom:1px solid #000; padding:0; margin:0; transition:all 0.3s; position:absolute; width:0px; top:0; bottom:0px; right:0; left:0; margin:auto; z-index:-1}
.top_nav li:hover .cl{top:0; width:70%}
	
	
	.top_nav li:last-child{border:none}
	.top_nav li a{color:#444; text-decoration:none; font-family:'aileronlight'; font-size:18px;}
	.top_nav li a:hover{color:#000; text-decoration:none}
	.mail_icon{padding-top:15px; text-align:right}
	.mail_icon a{font-family: 'aileronregular'; color:#000; font-size:19px; text-decoration:none}
	.mail_icon a:hover{color:#1e5c85; text-decoration:none}
	/*.header_desk{display:none}*/
	
.mob_nav{display:none}
.sms_top{padding-top:40px; transition:all 0.3s}
.email_top{padding-top:40px; transition:all 0.3s}
.connecto_top{padding-top:100px !important; transition:all 0.3s}
.sur_inf_top{padding-top:80px !important; transition:padding-top 0.3s}
.padd_left0{padding-left:0}
.sticky_nav{text-align:right;position:absolute;top:0px;right: 0;bottom: 0;left: 86px;margin: auto; z-index:-2}
.flot_left{float:left}
.flot_right{float:right}

.button, input, select, textarea{width:100%; padding:5px 0 0 10px;}
@media (max-width: 1140px) {
	.padtop_logo{padding-top:15px}
	
}

@media (max-width: 1003px) {
	
	.header_desk img{width:25%; padding-top:1%}
	.header_mob{display:none}
	.mob_nav{display:block}
	.flt_640{float:left}
	.flt_right{float:right}
	.width_logo{width:35%}
	.mail_icon{width:45%; padding-top:0}
	.logo_new{min-height:80px;padding-top: 12px;}
	
	.top_nav{position: absolute; left: 0; background-color:#fff; transition:all 0.7s; opacity:0; height:0; display:none}
	
	.top_nav li{width:100%; padding:0 0 11px 0;}
	
	
}

@media (max-width: 480px) {
	.top_nav_dis{display:block; top:30px !important; transition:all 0.7s; opacity:1; width:100%; height:auto; box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.42); padding-left: 3%;}
	.logo_new{min-height:52px;padding-top: 12px; left:0; margin:0 auto; width:98%;}
	
	.logo_new img{width:100%;}
	.header_desk img{width:40%;}
	.sur_inf_top{padding-top:80px !important; transition:padding-top 0.3s;}
	.padd_logo{padding-top:30px;}
	
	.mob_icon{ text-align:center; padding:5px;}
	
	.cont_left{width:100%; float:left;}

.cont_right{width:100%; float:right;}
.nav{ background:#fff !important;}

.navbar-brand img{width:80%; float:none; margin-top:-9px;}

.navbar-brand {float:none !important;}
.header_content h1{font-family:'aileronlight'; font-size:26px !important;}

}


@media (max-width: 768px) {
	.top_nav_dis{display:block; top:60px !important; transition:all 0.7s; opacity:1; width:100%; height:auto; box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.42); padding-left: 3%;}
	.logo_new{padding-top: 12px; left:0; margin:0 auto; width:98%;}
	
	.cont_left{width:100%; float:left;}

.cont_right{width:100%; float:right;}
	}
	
	
	
	a {
	color: #0254EB
}

#header h2 {
	color: white;
	background-color: #00A1E6;
	margin:0px;
	padding: 5px;
}
.comment {
	
	
	margin: 10px 0 0 0;
}
a.morelink {
	text-decoration:none;
	outline: none;
}
.morecontent span {
	display: none;

}

.cont_left{width:50%; float:left;}

.cont_right{width:50%; float:right;}

.alert-success {
    color: #3c763d;
    background-color:none!important;
    border-color: #d6e9c6;
}
.alert{padding:10px!important; margin-bottom:0!important;}
.navbar-default{background:none!important; border-color:none!important}

.navbar{border:none !important;}

@media(min-width: 1200px){

.container{width:1300px !important;}

.navbar-brand { margin-left:-34px !important;margin-top:-10px !important;}


}

.navbar-default .navbar-nav>li>a {font-size:18px; font-family:'aileronlight';}

.header_content a:hover{color:#444; text-decoration:none;}

.social_wrapper_h2 {
    color: #ff0000;
    font-size: 18px;
    /* font-family: 'TrebuchetMS'; */
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 20px;
}

.bot1_wrapper {
    width: 100%;
    float: left;
    background: #1d1d1d;
    padding-top: 45px;
    padding-bottom: 25px;
    /* font-family: 'TrebuchetMS'; */
}

	.footer_ul li {
    line-height: 26px;
}
.footer_ul li {
    list-style: none;
    margin-bottom: 3px;
}

.footer_adress {
    line-height: 22px;
    font-size: 16px;
    color: #ffffff;
    margin-top: 0;
}

/*--media-quaries-starts-here--*/