@charset "UTF-8";

/* 1. General */

.snap-drawers *{max-height:999999px; -webkit-text-size-adjust:none; -webkit-transform: translateZ(0); font-family: "Verdana Regular", Helvetica, Arial, "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;}
body{height:100%; overflow-x:hidden;font-family: "Verdana Regular", Helvetica, Arial, "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif; }
.disabled{display:none; }
::-webkit-scrollbar {display: none; }
.all-elements{position:absolute; overflow-x:hidden!important; width:100%; height:100%; min-height:100%; max-height:100%; }
.large-title h3{text-align:center;}
.large-title p{text-align:center;}

/* bytereal top css start */ 
.byter_top{width:100%; height:68px;  background:#fff;}
.top_nav{width: 60%; height: 60px; margin: 0 auto;}
.byter_top .logo{ width: 30%; float:left;}
.byter_nav{width:588px; line-height:60px; float:left;} 
.byter_nav ul{float:left; width: 588px; height: 60px; line-height: 60px; list-style-type: none;}
.byter_nav ul li{ float: left; width: 81px; height: 60px;text-align:-webkit-match-parent; margin: 0 5px;list-style-type: none;}
.byter_nav ul li a{display: inline-block; width: 108px; height: 60px; line-height:60px;text-align:center;color: #7e7d7d; font-size: 1.4em; font-weight:normal;font-family: 'fz-L',"Microsoft YaHei","Hiragino Sans GB",sans-serif;}
.byter_nav ul li a:hover{display: inline-block; color: #03b875;}
.byter_nav ul .unusual a{color: #03b875;}
/* bytereal top css end */ 

/*Center Socials*/
.facebook-color{background-color:#3b5998; color:#FFFFFF; }
.twitter-color{background-color:#4099ff; color:#FFFFFF; }
.google-color{background-color:#d34836; color:#FFFFFF; }
.pinterest-color{background-color:#C92228; color:#FFFFFF; }
.sms-color{background-color:#27ae60; color:#FFFFFF; }
.mail-color{background-color:#3498db; color:#FFFFFF; }
/*Header*/
.header{height:60px; }
.homepage-header{position:absolute; width:100%; z-index:999999; background-color:transparent!important; }
.header .sidebar-deploy{float:left; height:60px; line-height:60px; width:60px; text-align:center; position:relative; z-index:1; }
.header i{width:60px; height:60px; line-height:60px; font-size:14px; color:#1f1f1f; }
.header .contact-deploy{float:right; margin-top:-60px; height:60px; line-height:60px; width:60px; text-align:center; position:relative; z-index:1; }
.header h3{float:left; width:100%; text-align:center; margin-top:-40px; position:relative; z-index:0; }
.homepage-header h3{color:#FFFFFF;}
.homepage-header i{color:#FFFFFF;}
.homepage-slider .overlay{background-color:rgba(0,0,0,0.4)!important; }

/* zb_weixin */
.zb_weixin{ width: 90%; margin:0 auto;height: 106px;}
.application_btn:hover {box-shadow: 0 0 10px #5fb336; color: #5fb336; }
.application_btn {display: inline-block; width: 200px; height: 50px; background-color: transparent; border: 2px solid #5fb336; border-radius: 2px; font-size: 24px; color: #5fb336; line-height: 46px; margin-top: 65px; width: 210px; margin:0 auto; text-align: center; }
.jump {margin-top: 10px; margin: 0 0 10px; color: #5fb336; font-family: "Verdana Regular", Helvetica, Arial, "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif; font-size: 16px; line-height: 1.5; }
.zb_cont{ width: 225px; padding:10px 0 0 10px; margin:0 auto;}

/*Center Socials*/
.center-socials{width:180px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:10px; margin-top:-10px; }
.center-socials a{transition:all 250ms ease; margin-bottom:30px; }
.center-socials a:hover{color:#FFFFFF; transform:scale(1.1, 1.1); transition:all 250ms ease; }
.center-socials a i{width:40px; height:40px; line-height:40px; }
.center-socials .facebook-social{width:40px; height:40px; text-align:center; line-height:40px; border-radius:40px; float:left; margin-left:10px; margin-right:10px; }
.center-socials .twitter-social{width:40px; height:40px; text-align:center; line-height:40px; border-radius:40px; float:left; margin-left:10px; margin-right:10px; }
.center-socials .google-social{width:40px; height:40px; text-align:center; line-height:40px; border-radius:40px; float:left; margin-left:10px; margin-right:10px; }
/*Content Heading*/
 .content-heading{margin-bottom:30px; width: 100%; height: 100px; }
 .content-heading h4{ width:100%;color:#FFFFFF; position:absolute; z-index:9999; /*text-transform:uppercase; */ margin-top:27px; /* padding-left:30px; */ pointer-events:none; font-weight:800; text-align: center; }
 .content-heading{max-height:100px; }
 .content-heading p{width:100%;color:#FFFFFF; position:absolute; z-index:999; margin-top:48px; /* padding-left:30px; */ opacity:0.8; pointer-events:none; text-align: center; }
 .content-heading .overlay{z-index:2; background-color:rgb(34, 141, 147); display: block;width:100%; }
 .content-heading i{font-size:32px; position:absolute; color:#FFFFFF; right:30px; z-index:999; margin-top:36px; pointer-events:none; }
 .content-heading img{width:100%; display:block; position:relative; z-index:2; transition:all 250ms ease; }
 .content-heading img:hover{filter: blur(3px); -webkit-filter:blur(3px); transition:all 250ms ease; }

@media (min-width:768px){
	.content-heading{max-height:140px; height: 140px; }
    .content-heading h4{font-size:25px; margin-top:45px; padding-left:50px; }
    .content-heading p{font-size:18px; margin-top:75px; padding-left:50px; }
    .content-heading i{font-size:40px; margin-top:53px; right:50px; }
}

/*Thumbnails Columns*/
.thumb-clear{height:40px; display:block; width:100%; }
.thumb-left{line-height:24px; display:block; padding-bottom:10px; }
.thumb-left a{display:block; text-align:right; }
.thumb-left img{width:100px; height:100px; border-radius:100px; float:left; margin-right:20px; transition:all 250ms ease; }
.thumb-left img:hover{transform:scale(0.9, 0.9); transition:all 250ms ease; }
.thumb-left strong{color:#1a1a1a; display:inline-block; padding-bottom:5px; font-size:13px; }
.thumb-left em{font-style:normal; }
.thumb-right{line-height:24px; display:block; padding-bottom:10px; }
.thumb-right img{width:100px; height:100px; border-radius:100px; float:right; margin-left:20px; transition:all 250ms ease; }
.thumb-right img:hover{transform:scale(0.9, 0.9); transition:all 250ms ease; }
.thumb-right strong{color:#1a1a1a; display:inline-block; padding-top:5px; padding-bottom:5px; font-size:13px; }
.thumb-right em{font-style:normal; }

@media (min-width:600px){
	.thumb-left img{width:140px; height:140px; border-radius:150px; }
	.thumb-left em{line-height:28px; }
	.thumb-left strong{padding-top:10px; }
	.thumb-right img{width:140px; height:140px; border-radius:150px; }	
	.thumb-right em{line-height:28px; }	
	.thumb-right strong{padding-top:10px; }
}

/*////////////////////*/
/*Quote & Staff Slider*/
/*////////////////////*/

.staff-item img{/*border-radius:300px;*/ max-height:160px; margin-left:auto; margin-right:auto; transition:all 250ms ease; margin-top:10px; }
.staff-item img:hover{transform:scale(0.9, 0.9); transition:all 250ms ease; }
.staff-item h4{text-align:center; margin-top:20px; font-size:16px; }
.staff-item em{text-align:center; font-size:12px; color:#e34e47; display:block; margin-top:-10px; margin-bottom:10px; font-style:normal; }
.staff-item strong{display:block; font-weight:400; text-align:center; padding-left:20px; padding-right:20px; line-height:28px;font-size:1.25em; }

/* Quote Slider */
.quote-slider h4{font-family:'Source Sans Pro', sans-serif; font-size:18px; font-weight:300; width:87%; text-align:center; margin-left:auto; margin-right:auto; line-height:36px; }
.quote-slider a{text-align:center; margin-top:20px; }
.features-page a{font-size:14px; }
.features-page a i {width:15px; text-align:center; padding-right:30px; color:#c0392b; }
.features-page{border-top:solid 1px rgba(0,0,0,0.1); margin-top:30px!important; display:block; }
.features-page a{line-height:60px; border-bottom:solid 1px rgba(0,0,0,0.1); color:#1f1f1f; font-weight:500; }
.features-page a:hover{color:#1f1f1f;}
.features-page .fa-angle-right{float:right; line-height:60px; text-align:right!important; margin-right:-20px; }

/*Back Button*/
.back-button{position:absolute; right:0px; z-index:10; font-size:13px; }
.back-button i{padding-right:10px; font-size:12px; }

/*Reminder Box*/
.reminder-check-square{background-image:url(../images/ui/checkbox1.png); background-repeat:no-repeat; background-size:16px 18px; background-position:10px 43px; }
.reminder-check-round{background-image:url(../images/ui/radio2.png); background-repeat:no-repeat; background-size:16px 18px; background-position:10px 43px; }
.reminder i{padding-right:10px; }
.reminder-check-square-selected{background-image:url(../images/ui/checkbox1c.png); }
.reminder-check-round-selected{background-image:url(../images/ui/radio2c.png); }
.reminder-check-square-selected em{opacity:0.5; transition:all 250ms ease;}
.reminder-check-square-selected strong{opacity:0.5; transition:all 250ms ease;}
.reminder-check-round-selected em{opacity:0.5; transition:all 250ms ease;}
.reminder-check-round-selected strong{opacity:0.5; transition:all 250ms ease;}
.reminder strong{font-size:14px; font-weight:600; padding-left:50px; color:#1f1f1f; transition:all 250ms ease; }
.reminder em{display:block; padding-left:50px; transition:all 250ms ease; font-style:normal }
.reminder{border-bottom:solid 1px rgba(0,0,0,0.1); padding-bottom:30px; padding-top:30px; }

/*Checklists*/
.checklist-square{font-size:14px; font-weight:500; background-image:url(../images/ui/checkbox1.png); background-size:16px 18px; background-position:0px 32px; background-repeat:no-repeat; padding-left:30px; border-bottom:solid 1px rgba(0,0,0,0.1); padding-bottom:30px; color:#1f1f1f; transition:all 250ms ease; padding-top:30px; }
.checklist-square-selected:hover{color:#1f1f1f; text-decoration:line-through!important; transition:all 250ms ease; }
.checklist-square:hover{color:#1f1f1f; }
.checklist-square-selected{background-image:url(../images/ui/checkbox1c.png); text-decoration:line-through; opacity:0.5; transition:all 250ms ease; }
.checklist-round{font-size:14px; font-weight:500; background-image:url(../images/ui/radio1.png); background-size:16px 18px; background-position:0px 32px; background-repeat:no-repeat; padding-left:30px; border-bottom:solid 1px rgba(0,0,0,0.1); padding-bottom:30px; color:#1f1f1f; transition:all 250ms ease; padding-top:30px; }
.checklist-round-selected:hover{color:#1f1f1f; text-decoration:line-through!important; transition:all 250ms ease; }
.checklist-round:hover{color:#1f1f1f; }
.checklist-round-selected{background-image:url(../images/ui/radio1c.png); text-decoration:line-through; opacity:0.5; transition:all 250ms ease; }


@media only screen and (min-width:1200px) {

}
@media screen and (min-width:768px) and (max-width:1199px){
    .top_nav{width:95%; float: left;}
}
@media screen and (min-width:420px) and (max-width:767px){
    .top_nav{width:100%; float: left; height: 120px;}
    .byter_top{ height:126px; max-width:100%; }
    .byter_nav ul{width: 100%;}
    .byter_top .logo{width:100%;}
    .byter_nav ul li{width: 70px;}
    .byter_nav ul li a{width: 70px; font-size:1.35em; text-align: center;}
}
@media screen and (min-width:0px) and (max-width:419px){
    .top_nav{width:100%; float: left; height: 120px;}
    .byter_top{ height:120px; max-width:100%;}
    .byter_nav ul{width: 100%;}
    .byter_top .logo{width:100%;}
    .byter_nav ul li{width:52px;}
    .byter_nav ul li a{width: 61px; font-size:1.18em; text-align: center;}
}