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

@font-face {
    font-family: 'open_sansregular';
    src: url('font/opensans-regular-webfont.eot');
    src: url('font/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/opensans-regular-webfont.woff2') format('woff2'),
         url('font/opensans-regular-webfont.woff') format('woff'),
         url('font/opensans-regular-webfont.ttf') format('truetype'),
         url('font/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sanssemibold';
    src: url('font/opensans-semibold-webfont.eot');
    src: url('font/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/opensans-semibold-webfont.woff2') format('woff2'),
         url('font/opensans-semibold-webfont.woff') format('woff'),
         url('font/opensans-semibold-webfont.ttf') format('truetype'),
         url('font/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

.hidden-480{background: #fff;}
@media (min-width:992px) {
	.step .col-md-3{width:27.77%;}
	.aboutuspic{margin-top:50px;}
	.vib-480{display:none;}
}
@media screen and (min-width:481px) and (max-width:990px){
.hidden-480{display:none;}
}
@media screen and (min-width:481px) and (max-width:768px){
	.banner_con{width:70%;}
	.start_btn{width:34% !important;}
	
}

@media (max-width:480px) {
	#full-width-slider-mobile{display:block !important;width:100%;}
	#full-width-slider{display:none;}
	.icon{position:absolute;left:10;top:100px;}
	.mo_btn{top:280px !important;}
	.icon{margin-top: -5px !important;}
	.my-hidden{display:none;}
}
@media screen and (min-width:380px) and (max-width:430px){
	.mo_btn{top:320px !important;}
}
@media screen and (min-width:431px) and (max-width:480px){
	.mo_btn{top:320px !important;}
}
@media (max-width:370px){
	.mo_btn{top:260px !important;}
}


*{margin:0; padding:0;}
html{position:relative;min-height:100%;}
body{color:#484848;font-size:20px;font-family: 'open_sansregular';}
a,a:focus,img,input,a:hover{color:inherit; text-decoration:none; border:none; outline:none;}
.space-line {CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: auto; PADDING-TOP: 0px}


/*======home pages=====*/
/*.top{background:#01a1c5;height:31px;}*/
.menu_div{background:#fff;border-bottom:solid 1px #15a8ca;}
.logo{margin:15px 0;}
.icon{text-align:right;margin-top:25px; size:13px;}

/* nav */
.navbar-default{background-color:transparent; border:none;}
.navbar-collapse.collapse{ float:right; padding-right:0; margin-top:30px;}
.navbar-default .navbar-nav > li > a{color:#484848;font-family:'open_sanssemibold';}
.navbar-default .navbar-nav > li > a:hover{color:#6bd3d6;font-family:'open_sanssemibold';}
.navbar-nav > li > a{padding-top:5px;}

/*slider*/
#full-width-slider{width:100%;}
#full-width-slider-mobile{display:none;}
.banner{position:relative;}
.banner_con{position:absolute;top:175px;}
.start_btn{width:23%;background:#ee931b;border-radius:3px;color:#fff;font-size:19px;font-family:'open_sanssemibold';padding:6px 20px;margin-top:30px;}
.mo_btn{position:absolute;top:300px;width:145px;left:23px;font-size:18px;}

/*main_content*/
.main-title{color:#01a1c5;font-size:35px;text-align:center;font-family:'open_sanssemibold';margin:40px 0 25px 0;}
.templates{background:#f4f4f4;padding:0 0 25px 0;text-align:center;margin-bottom:35px;}
.btn{border-radius:20px;color:#fff;font-size:12px;font-family:'open_sanssemibold';margin-top:5px;}
.pre_btn{background:#01a1c5;padding:7px 30px;}
.order_btn{background:#de3e17;padding:7px 20px;margin-left:12px;}
.work{background:url(../images/bg.jpg);padding:45px 0;}
h1{font-size:35px;color:#01a1c5;font-family:'open_sanssemibold';margin-top:15px;}
.about{text-align:right;padding:25px 0;}


/* start */
.step{margin:100px 0;font-family:'open_sanssemibold';}
.middle_text{margin-top:50px; text-align:center;margin-right:100px;}
.step4_img{margin-top:10px;}
.step4{margin-top:45px; padding-left:35px;}

/*footer*/
.copyright{float:right;margin-top:3px;}
.footer{background-color:#1b2224;color:#fff;padding:15px 0;font-size:14px;text-align:center;}
.btn-radio {
	width: 100%;
}
.img-radio {
	opacity: 0.5;
	margin-bottom: 5px;
}

.space-20 {
    margin-top: 20px;
}

.horizontal-my label{font-weight: normal;padding-right: 5px;cursor: pointer;}
.horizontal-my label input{margin-right:3px;}

.lang{1width: 28px;display: inline-block; padding:5px;1border:1px solid #ccc;border-radius: 5px;}
.lang ul{list-style: none;margin:0;}
.lang ul li{display: inline-block;}
.lang ul li.select{color:#ee931b;font-weight: bold;}
.lang ul li:first-child{border-right: 1px solid #ccc;padding-right: 2px;margin-right: 2px;}

.mytheme button.active{background-color: red;}

.nav > li > a{padding-left:12px;padding-right:12px;}
.mybuttons{background: url(../images/shu.png);
    color: #fff;
    display: inline-block;
    font-size: 14px;
    height: 23px;
    width: 77px;
    line-height: 14px;
    float: left;
    border-radius: 0;padding: 3px;
    margin: 11px 0;background-repeat: no-repeat;}

.clear{display:block;clear:both;}