@charset "utf-8";
/* CSS Document */





html, html a {
    -webkit-font-smoothing: antialiased !important; -webkit-font-smoothing:antialiased; 
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
} 
*{margin:0px; padding:0px;  box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
body,html{ height:100%; width:100%; float:left;}
body{ background:#fff; font-size:12px; color:#333333; margin:0; padding:0;  font-family: 'open_sansregular';}
ul, li{list-style:none; margin: 0px; list-style-type:none; }
a{text-decoration:none; cursor:pointer; color:#2a2e33;}
a img {border:none;outline:none;}
img{vertical-align:middle} 
.clr{clear:both; float:none;}
.clr:after, .row:after, .afclr:after{clear:both; float:none; content:""; display:block}
:focus{outline:none; }
input[type="submit"], input[type="reset"], button{  cursor:pointer; -webkit-appearance:none}
.wrapper{max-width:1106px;   margin:0 auto; transition:all 0.3s ease; -webkit-transition:all 0.3s ease}
img{ max-width:100%;}
.wide{width:100%;}
html {   -webkit-font-smoothing: none; }
h1, h2, h3, h4, h5, h6{ font-weight:normal; margin:0; padding:0}

body{margin: 0px; padding: 0px;}
*, after, before{box-sizing:border-box; -webkit-box-sizing:border-box;}
input[type="button"],
input[type="submit"],
input[type="reset"],
select{-moz-appearance:none;  
  appearance:none;
 -webkit-appearance:none;
 -ms-appearance:none; 
 -o-appearance: none; }
/* @font-face kit by Fonts2u (http://www.fonts2u.com) */

section, footer, header{ display:block;}

img { max-width:100%; }

a {text-decoration: none;transition: all 0.2s ease-in-out 0s;}







@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/opensans-regular-webfont.woff2') format('woff2'),
         url('../fonts/opensans-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sanssemibold';
    src: url('../fonts/opensans-semibold-webfont.woff2') format('woff2'),
         url('../fonts/opensans-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}





@font-face {
    font-family: 'open_sansbold';
    src: url('../fonts/opensans-bold-webfont.woff2') format('woff2'),
         url('../fonts/opensans-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sansextrabold';
    src: url('../fonts/opensans-extrabold-webfont.woff2') format('woff2'),
         url('fonts/opensans-extrabold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}






@font-face {
    font-family: 'open_sanslight';
    src: url('../fonts/opensans-light-webfont.woff2') format('woff2'),
         url('../fonts/opensans-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'autour_oneregular';
    src: url('../fonts/autourone-regular-webfont.woff2') format('woff2'),
         url('../fonts/autourone-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}



#toTop {background: #ff6400 none repeat scroll 0 0; border-radius: 5px; bottom: 10px; color: #fff; cursor: pointer;
display: none; font-size: 11px; font-weight: bold; height: 40px; line-height: 41px; padding: 0; position: fixed; right: 10px; text-align: center; transition: transform 0.5s ease 0s; width: 40px; z-index: 999999;}


.header_top {
    height:80px;
    float: left;
    width: 100%; background: #000229; z-index:8;     position: fixed;
    top: 0px;
}
.logo{float: left;     margin: 28px 0px;}
.inner_header{width: 100%; float: left;}
.right_menu{float:right; }
.right_menu #cssmenu > ul{float: right; }
#cssmenu{width: 100%;}
.slider {
   width: 100%; float: left;}
.slider_inner{width: 100%; float: left;}
.slider_tect{    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    width: 100%;     text-align: center;     padding: 240px 0px;}
.white{font-family: 'autour_oneregular'; font-size: 55px; color: #fff; }
.blue{font-family: 'autour_oneregular'; font-size: 87px; color: #00abff;}

.thre_sectio{width: 100%; float: left;     margin: -120px 0px 0px 0px;
    position: relative;
    z-index: 5;
}

.thre_sectio_block{width: 33.33333%; float: left;}
.thre_sectio_inner{width: 100%; float: left; text-align: center; padding: 35px 5px;     min-height: 290px;}
.thre_sectio_icon{width: 100%; display: inline-block;}
.thre_sectio_inner_botm{width: 100%; float: left;min-height: 110px;     margin: 15px 0px 0px 0px;}
.thre_sectio_titke{width: 100%; display: inline-block; font-family: 'autour_oneregular'; font-size: 24px; color: #fff; text-transform: capitalize;
    min-height:60px;}
.thre_sectio_titke span{ display: inline-block;}
.thre_sectio_content{width: 100%; display: inline-block;     font-family: 'open_sansregular'; font-size: 14px; color: #fff;     padding: 0px 10px; 
line-height: 18px;}

.first .thre_sectio_inner{background: #78C7EE;}
.seconds .thre_sectio_inner{background: #FF8F23;}
.thirds .thre_sectio_inner{background: #E55056;}

.first .thre_sectio_inner span{color: #34759a;}
.seconds .thre_sectio_inner span{color:#904904;}
.thirds .thre_sectio_inner span{color: #781518;}

.best_service{width: 100%; float: left;}
.title{width: 100%; float: left;  font-family: 'autour_oneregular'; font-size: 30px; color: #323232;    text-align: center;
    margin: 15px 0px 60px 0px; position: relative;}
.title:after{width: 150px; background: #D1D1D1; height:2px; content: ""; position: absolute;    left: 0px;right: 0px; margin: auto; bottom: -20px;}
.best_service_inner{width: 100%; float: left;}
.best_service_two_section{width: 100%; float: left; background: #e2e1e1;}
.best_service_left{width: 50%; float: left;}
.best_service_right{float: right; width: 50%; text-align: center;      padding: 70px 0px 30px 0px;}
.best_service_lefttitle{ font-family: 'open_sansregular'; font-size: 20px; display: inline-block; color: #323232; font-weight: bold;
padding: 0px 0px 25px 0px;}
.testt{font-family: 'open_sansregular'; font-size:14px; display: inline-block; color: #7a7a7a;     max-width: 430px;}
.view_btn{display: inline-block; width: 100%; text-transform: uppercase; display: inline-block;     margin: 33px 0px 0px;}
.view_btn a{font-family: 'open_sansregular';font-size: 20px; color: #00abff; border-top: 1px solid #00abff;  border-bottom: 1px solid #00abff;
 padding: 5px 0px;     width: 80px;
    display: inline-block;} 
.view_btn a:hover{width: 100px;}
.right_image{float: right;}
.left_con{float: left;}
.subcribe{width: 100%; float: left; background: url(../img/blur.png); padding: 40px 0px 50px; margin:50px 0px;}

.titkee{width: 100%; float: left;  font-family: 'autour_oneregular'; font-size: 30px; color: #fff;    text-align: center;
    margin: 15px 0px 50px 0px; position: relative;}
.titkee:after{width: 150px; background: #01ABFF; height:2px; content: ""; position: absolute;    left: 0px;right: 0px; margin: auto; bottom: -20px;}
.contentt{ font-family: 'open_sansregular'; font-size: 16px; display: inline-block; width: 100%; color: #fff; text-align: center;
text-transform: capitalize;}
.subs_wrap{width: 100%; display: inline-block; text-align: center;     margin: 40px 0px 0px;}
.subs_wrap_in{margin: 0px auto;     max-width: 765px;} 
.subs_wrap_in input[type="text"]{ width: 612px; height:53px; background: #fff; display: inline-block;     float: left;     border: none;
padding: 0px 20px;
    color: #333;
    font-size: 18px; font-family: 'open_sansregular';}
.subs_wrap_in a{background: #01ABFF; color: #fff; font-family: 'open_sansregular'; font-size: 20px;     padding: 15px 30px;     float: left;}
.subs_wrap_in a:hover{    background: #000229;}

.slider_div{width: 100%; float:left;}
.slider_divblock{width:98%; float:left; margin: 0px 1%;}
.slider_div_inner{width: 100%; display: inline-block;}
.conetnt{    width: 100%;
    float: left;
    border: 1px solid #929191;
    padding: 25px;
    border-radius: 8px;}
.slider_quote{float: left; color: #00ABFD; font-size:40px;     width: 100%;}
.slider_content{font-size: 16px;   font-family: 'open_sanssemibold'; color: #6d6b6b; float: left;
    width: 100%;
    margin: 15px 0px 0px 0px;     line-height: 22px; position: relative;}
.slider_content:after{position: absolute; content: "";  background: url(../img/arrow.png); width: 46px;
    height: 34px;
    left: 0px;
    bottom: -46px;}
.cilent_img{float:left;  width: 100%;     padding: 30px 0px 0px 0px;}
.img_cile{float: left; margin: 0px 0px 0px 12px;}
.silent_name{float: left;     padding: 20px 0px 0px 20px;}
.silent_name a{font-family: 'open_sanssemibold'; color: #333; font-size:16px; display: inline-block; width: 100%; padding: 0px 0px 5px 0px;}
.silent_name span{font-family: 'open_sanssemibold'; color: #333; font-size: 16px; display: inline-block;}
.left_box{float: left;}
.right_box{}
.center_box{float: right}
footer{background: #11252E; float: left; width: 100%;}
.footer_logo{display: inline-block; width: 100%; text-align: center}
.social_icon{display: inline-block; width: 100%; text-align: center; margin: 30px 0px 35px;;}
.social_icon ul{display: inline-block; width: 100%; }
.social_icon ul li{display: inline-block;  }
.social_icon ul li a{display: inline-block; width: 100%; display: inline-block;}
.footer_adat{display: inline-block; width: 100%; color: #fff; font-size: 14px; text-align: center;}
.footer_adat a{ color: #fff;}
.footer{width: 100%; float: left; padding:40px 0px;}
.testimonila {
    float: left;
    width: 100%;
    margin: 0px 0px 70px 0px;}
.best_service_left img {
	width: 100%;
}