﻿html{
	text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

.product_top_smaller {
	display: block;
	color: #616161;
	font-size: 1.5rem;
}

/* General */
.bold{font-weight:700}
.container{max-width:1024px}
#page_footer .container{max-width:1280px}
footer.page-footer {margin-top: 0}

section.feature{overflow:hidden}

.disinfection_icon {
    position: absolute;
    z-index: 2;
    left: 0%;
    width: 125px;
}
/* End General */

.ellipsis {
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;

}

.prod_watermark_slimline {
    position: absolute;
    z-index: 100;
    bottom: 30px;
    width: 180px;
    right: 20px;
}

.prod_watermark {
    position: absolute;
    top: 0px;
    z-index: 100;
    right: 50px;
    width: 40%;
}


.tp-tab-mask{  overflow-y: auto!important;max-width: 100%!important;
  overflow-x: hidden!important;    max-height: 100px!important;
  overflow:auto!important;}

  #videolist_section{height:auto;padding-bottom:50px;}

#videolist_section  .tp-tabs{    padding: 0px!important;
    max-width: none!important;
    max-height: none!important;}
#videolist_section .tp-tab-title{    font-size: 16px;
    line-height: 24px;
    font-weight: bold; 
    text-align: left;}
#videolist_section .tp-tab-date{    text-align: left;
    letter-spacing: 0px;}
#videolist_section .tp-tab-image{}
#videolist_section .rev_slider_wrapper{    box-shadow: 3px 3px 40px #000;}	


#wsr_special16_tvb .logo{width:370px;} 
#wsr_special16_tvb  p{padding:0 50px;color:#000;}

#wsr_special16_tvb .store_btn{width:160px;} 

@media only screen and (max-width: 992px) and (min-width: 601px){
	.prod_watermark {
		width: 50%;
	}
}

@media only screen and (min-width: 601px) and (max-width: 992px){
	#wsr_special16_tvb .logo {
		width: 350px;
	}
	
	#wsr_special16_tvb .store_btn {
		width: 130px;
	}		

	#wsr_special16_tvb p {
		padding: 0 5px;
		color: #000;
	}

}


@media only screen and (max-width: 600px){
	.disinfection_icon{
		left: 5%;
		width: 110px;
	}
	#wsr_special16_tvb .store_btn {  width: 125px;}
	#wsr_special16_tvb {height:auto;background-image:none!important;}	
	#wsr_special16_tvb .logo{width: 100%;} 
	#wsr_special16_tvb  p{padding:0 10px;    color: #000;   }	
	#wsr_special16_tvb.feature_maria .maria_img11{width:100%;}	
		

	#videolist_section .container{width:100%;}
	#videolist_section {padding-bottom:0px;}
	
	.prod_watermark_slimline {
			position: absolute;
			top: auto;
			z-index: 100;
			right: 0px;
			bottom: 30px;
			width: 130px;
	}	
	
    .prod_watermark {
        position: absolute;
        top: auto;
        z-index: 100;
        right: 0px;
        bottom: 0px;
        width: 60%;
    }
	
	#banner_section .swiper-slide {
		top: -15px;
	}
	
	#banner_section .swiper-pagination {
		overflow-y: initial; /*prevent bullet chopping*/
	}
	
	
	/*fix install button in mobile view*/
	.swiper-container.swiper-container-horizontal {
		clear: both;
	}
	
	#banner_section .button_container .btn.install {
		width: 100%;
	}
}

.banner_content .status {
    height: 26px;
    padding: 4px;
    border-radius: 5px;
    width: 50px;
    margin-left: 5px;
    color: #FFF;
    text-align: center;
    font-size: 13px;
    display: none;
    font-weight: 400;
    white-space: nowrap;	
	vertical-align: middle;
}


.banner_content  .status.new {background-color: #52A4DE;display: inline;}
.banner_content  .status.presale {background-color: #ffb027;display: inline;}

#footnote {
	position: relative;
	color: #494948;
	background-color: #f1f1f1;
	font-size: 0.75rem;
	letter-spacing: 0.1rem;
	padding: 2rem;
}

.eng #footnote {
	letter-spacing: 0;
}
html {
  scroll-behavior: smooth;
}
#footnote a.noteAnchor {
	position: absolute;
	top: -114px;
}

#footnote p{
	margin-block: 0;
}
#footnote h1{
	margin-top: 0;
	margin-bottom: 1rem;
	font-size: 1rem;
	letter-spacing: 0.25rem;
	font-weight: bold;
}

.eng #footnote h1{
	letter-spacing: 0;
}

#footnote >div{
	margin-inline: auto;
	max-width: 1024px;
	width: 100%;
}

@media only screen and (max-width: 992px){
	#footnote a.noteAnchor {
		top: -64px;
	}
}

a.noteAnchor {
	font-size: 0.75rem;
}

.modelContainer {text-align:center;}
.modelContainer .series_item .item_image img{max-width:100%}
.modelContainer .series_item{text-align:center;display:inline-block;width:300px;}
.modelContainer .series_item .item_model{font-size: 24px;font-weight: bold;}
.modelContainer .series_item .item_price{color:#4caf50;font-size: 28px}



#quote_section .container.multi_price_container {
    max-width: 1024px;
    width: 100%;
	overflow: hidden;
}




#banner_section .swiper-wrapper .swiper-slide img{opacity:0}
#banner_section .swiper-wrapper .swiper-slide-active img{opacity:1}

#banner_section{background-size: auto 100%;}
#banner_section .gradient_effect{height: 100%;background: linear-gradient(to right, rgba(0,0,0,0),rgba(255,255,255,0.3)); background: -webkit-linear-gradient(left,rgba(0,0,0,0),rgba(255,255,255,0.3));
background: -o-linear-gradient(right,rgba(0,0,0,0),rgba(255,255,255,0.3));background: -moz-linear-gradient(right,rgba(0,0,0,0),rgba(255,255,255,0.3));background: linear-gradient(to right, rgba(0,0,0,0),rgba(255,255,255,0.3));}
#banner_section .container{height:100%; position:relative; width:90%; max-width: 1024px}
#banner_section .product_name{font-size: 1.5rem;color: #616161;margin-top: 1.168rem;font-weight:400}
.eng #banner_section .product_name{font-size: 1.4rem;}
#banner_section .product_name div {font-size: 32px;color: #333;letter-spacing: 2px;line-height: 1.1;margin-bottom:5px;font-weight: 700;}
.eng #banner_section .product_name div {letter-spacing: 0;font-size: 22px;font-weight: 500;}
#banner_section .product_name .model_num {font-size: 22px;color: #595959;margin-bottom:5px;font-weight:normal;letter-spacing:0px;}

#banner_section .product_desc{color: #444;; margin-bottom: 25px}
#banner_section .product_desc_item{font-size: 15px;letter-spacing: 1px;line-height: 1.5; margin-bottom: 0;}
.eng #banner_section .product_desc_item {letter-spacing: 0;}
#banner_section .product_img{}
#banner_section .banner_content{padding: 40px 0; width: 50%; position:relative}
#banner_section .button_container .btn{margin:5px}
#banner_section .button_container .green_bg{ background-color:#4CAF50;}
#banner_section .button_container .green_bg:hover{background-color:#388e3c}
#banner_section .button_container .orange_bg{ background-color:#ea8c00;}
#banner_section .button_container .orange_bg:hover{background-color:#b76e00}
#banner_section .button_container .grey_bg{ background-color:#969696;}
#banner_section .button_container .grey_bg:hover{background-color:#6d6c6c}
#banner_section .button_container .btn{height: 44px;line-height: 44px;}                        
#banner_section .button_container .price_bg > div{height:20px; line-height: 20px;}
#banner_section .button_container .price_bg .buy_now{margin-top: 2px;font-size: 12px}
#banner_section .button_container .price_bg .fa-shopping-cart{font-size: 1.2rem;}
#banner_section .button_container .price_bg i.left{margin-right: 10px}
#banner_section .button_container .price_bg .price_tag{margin-bottom: 2px;font-size: 18px;}

#banner_section .button_container .price_bg .price_tag.soldout{margin-top:10px;}
#banner_section .button_container .remark_tag {margin-top: 22px;font-size: 13px;}
#banner_section .button_container .retail_price{display: none}

#banner_section .button_container .retail .retail_price{display: inline-block}
#banner_section .button_container .retail i.fa-shopping-cart{display:none}
#banner_section .button_container .retail .estore_url{display:none}
#banner_section .button_container .video_btn{padding: 0 2rem 0 0;position: relative;border-top-left-radius: 0;border-bottom-left-radius: 0;}
#banner_section .button_container .video_btn img{height: 100%;vertical-align: top;margin-right: 10px;border: 3px solid #fff;}
#banner_section .button_container .video_btn i.fa-caret-right{position: absolute;color: #fff;left: 20px;top: 0;}
#banner_section .button_container .spr_btn{background-image: url(../image/btns_spring.png);height: 44px;line-height: 44px;
    display: inline-block;width: 143px;background-size: 100% auto;background-repeat: no-repeat;text-align: center;color: #fff;padding-left: 25px;margin: 5px;}
.eng #banner_section .button_container .spr_btn{padding-left: 35px;}
#related_products_section {background-color: #eee; text-align:right}
#related_products_section .container{width:100%}
#related_products_section .related_products_content{padding:7px;}
#related_products_section .related_products_desc,#related_products_section .related_products_item{display: inline-block; line-height:30px; vertical-align: middle; color:#999;}
#related_products_section .related_products_desc{font-size: 14.5px; font-weight: 500}
#related_products_section .related_products_item img{height:30px; vertical-align: middle; margin: 0 5px 0 20px}
#related_products_section .related_products_item .related_products_name{vertical-align: middle;color: #999; font-weight:500; letter-spacing: 0.05em;}
#related_products_section .related_products_item .related_products_name:hover{text-decoration: underline;}

#related_products_section .product_url_sharing{text-align: left;position:relative;}
#related_products_section .url_container{display:none;}


section.feature .feature_content, #spec_section .spec_content{padding-top:50px;letter-spacing: 1px;position: relative; z-index: 1}
.eng section.feature .feature_content,  .eng #spec_section .spec_content{letter-spacing: 0}

section.feature .container{ height: 100%; position:relative}
section.feature .row{margin-top:0; margin-bottom: 0;}
section.feature .inner_content{color: #616161}

.feature_control.feature{height:auto;background-size: cover;background-repeat: no-repeat;background-position: center bottom;}
.feature_control.feature .feature_content{max-width: 750px;margin-left: auto; margin-right: auto}
.feature_control.feature .control_img img{width:100%; display: none}
.feature_control.feature .control_img img:first-child {display:block}
.feature_control .control_section{margin: 30px auto;max-width: 750px;}
.feature_control .control_item{display: inline-block; width: 13.5%; text-align: center;cursor:pointer;opacity: 0.75;-webkit-transition: opacity 0.3s; transition: opacity 0.3s}
.feature_control .control_item:hover{opacity: 1;}
.feature_control .control_item img{max-width: 65px; margin: 0 auto;}
.feature_control .control_item .text{margin-top:10px}
.feature_control .control_item .on{display: none}
.feature_control .control_item.active {opacity:1}
.feature_control .control_item.active .off{display: none}
.feature_control .control_item.active .on{display:block}
.feature_control .control_item.active .text{color:#44a4ff}

.feature_control_2.feature{height:auto;background-size: cover;background-repeat: no-repeat;background-position: center bottom;}
.feature_control_2 .feature_content{max-width: 750px;margin-left: auto; margin-right: auto;}
.feature_control_2.feature .control_show{margin-top: 50px; margin-bottom: 50px}
.feature_control_2 .control_img img{width:100%; display: none}
.feature_control_2 .control_img img:first-child {display:block}

.feature_right .feature_bg_img{position:relative;height:100%;}
.feature_right .feature_bg_img img{width: 100%;position: absolute;bottom: 0;top: 0;margin: auto;}
.feature_right table{margin-top: 20px}
.feature_right table th, .feature_right table td{padding: 5px 0px;}
.feature_right table th{width:40%}

.feature_top .feature_content{height:50%}
.feature_top .feature_bg_img{position: absolute; bottom: 0;width: 85%;left: 0;right: 0;margin: 0 auto; max-width: 650px;}
.feature_top .feature_bg_img img{width:100%}
.feature_top .feature_content, .feature_bg .feature_content{max-width: 650px; margin-left: auto; margin-right: auto}
.feature_bg{background-size: cover;background-repeat: no-repeat;background-position: center bottom;height:500px}

.feature_list.feature{height:auto; letter-spacing: 1px}
.eng .feature_list.feature{letter-spacing: 0}
.feature_list .container{max-width: 1024px}
.feature_list .row{color:#616161; }
.feature_list .row h5 {font-weight: 700;}
.feature_list .m4{text-align: center}
.feature_list .m8{padding:40px}
.feature_list img{max-width: 200px}
.feature_list.feature img{width:100%}

.feature_c_sections.feature{height:auto;height: auto;overflow: hidden;letter-spacing: 1px}
.eng .feature_c_sections.feature{letter-spacing: 0}
.feature_c_sections .tabs_container {max-width:1200px; margin: 5px auto 0}
.feature_c_sections .tab{position: relative}    
.feature_c_sections .tab_content{position: absolute;top: 0;left: 0;padding: 25px}
.feature_c_sections .tab_content h5{font-weight: 700}
.feature_c_sections .tab_content p{color: #616161;}



.feature_accessaries{background-color: #eee; height: auto;}
.feature_accessaries .feature_content{margin-bottom: 50px}
.feature_accessaries .col{text-align:center}
.feature_accessaries .col img{width:70%; max-width: 175px}
.eng .feature_accessaries h5{font-size:1.1rem}

#spec_section h4{margin-bottom:0.4rem; font-weight: normal;}
#spec_section .subheader{font-size: 24px;color: #757575;}
#spec_section .spec_content{opacity:0; padding-bottom: 50px;-webkit-transition: opacity 0.3s; transition: opacity 0.3s}
#spec_section .spec_content.show{opacity:1}
#spec_section .spec_header{border-bottom: 3px solid #d0d0d0;font-size:24px; padding:5px 0;margin-bottom: 0; font-weight: 700}
#spec_section .spec_list{border-bottom: 1px solid #d0d0d0;padding:10px 0; margin-bottom: 0;font-size: 13.5px}
#spec_section .spec_list:last-child{border-bottom: none}
#spec_section .name{color:#757575}
#spec_section .value{text-align: right;color: #444;word-break: break-word;}
.spec_information, .spec_functions, .spec_others, .spec_wifi {width: 85%; margin: 0 auto;}


#quote_section{
	padding-top: 25px;
    padding-bottom: 25px;
}
#quote_form [type="radio"].with-gap:checked + label:before {
    border-color: #4CAF50;
}
#quote_form [type="radio"].with-gap:checked + label:after {
    border-color: #4CAF50;
    background-color: #4CAF50;
}
#quote_form  .input-field .prefix.active {
    color: #4CAF50;
}
#quote_submit_btn{
background-color: #4CAF50;
}
#quote_section .container{
	max-width: 550px;
	width:80%;
}
/* POP UP CSS Start */
.zoom-anim-dialog {/*border-radius: 10px;*/background: white;text-align: left;max-width: 600px;margin: 50px auto;position: relative;}
.zoom-anim-dialog-short {height:320px;}
.zoom-anim-dialog .popup_img{
    width: 195px;
    height: 100%;
    padding-top: 20%;float: left;}
.zoom-anim-dialog-short .popup_img{ padding-top: 15%;}
.zoom-anim-dialog .popup_img img{width: 100%}
.zoom-anim-dialog .popup_content{float: left;  padding: 20px 40px 30px 40px;height:100%;position: relative;letter-spacing: 2px;}
.eng .zoom-anim-dialog .popup_content{float: left;  padding: 20px 40px 0px 40px;height:100%;position: relative;letter-spacing: 2px;}
.zoom-anim-dialog .popup_icon{text-align: center}
.zoom-anim-dialog .popup_icon img{width:65px}
.zoom-anim-dialog .pop_title{font-size: 40px;letter-spacing: 2px;color: #00509c;font-weight: bold;}
.eng .zoom-anim-dialog .pop_title{font-size: 16pt;letter-spacing: 0;}
.eng .zoom-anim-dialog .pop_title span{letter-spacing: 0;font-size: 13pt;}
.zoom-anim-dialog .pop_title span{font-size: 13pt;
    color: #868585;
    letter-spacing: 2;
    font-weight: normal;
    margin: 38px 0 13px 15px;
}

.zoom-anim-dialog .popup_content p{font-size: 12pt;color:#616161;letter-spacing: 0.1em; line-height: 1.3;}
.eng .zoom-anim-dialog .popup_content p{font-size: 12pt;letter-spacing:  0;}
.zoom-anim-dialog p.pop_remark {font-size: 11pt;color:#00509C;letter-spacing: 0.1em; font-weight:bold;}
.eng .zoom-anim-dialog  p.pop_remark{letter-spacing:  0;font-size: 11px; font-weight:bold;}
.zoom-anim-dialog  p.pop_closing{font-size: 11pt;color:#616161;letter-spacing: 0.1em}
.eng .zoom-anim-dialog  p.pop_closing{font-size: 11pt;letter-spacing:  0;}
.zoom-anim-dialog  p.pop_closing .refnum{font-weight:bold;}
.zoom-anim-dialog  p.pop_closing .csemail{font-weight:bold;}

	
.zoom-anim-dialog  .gray-bar {
       position: absolute;
   /* left: 32px;
    top: 363px;*/
   bottom:0px;
    width: 75%;
    height: 48px;
    background: #E3E3E3;
  
  z-index: -1;
}

.zoom-anim-dialog .productpic{    bottom: 0px;
    right: 0px;
    position: absolute;
    z-index: -1;}
.zoom-anim-dialog .btn{margin:20px;}
.zoom-anim-dialog .mfp-close {color: #fff;background-color: #44a4ff;opacity:1;-webkit-transition: all 0.2s;transition:all 0.2s;}
.zoom-anim-dialog .mfp-close:active {top: 0px;}
.zoom-anim-dialog .mfp-close:hover {background-color: #00509c;}
.zoom-anim-dialog .popup_nav{position: absolute;bottom: 10px; width: 100%;left: 0;right: 0;text-align: center;}
.zoom-anim-dialog .btn-floating{margin: 0px 10px;width: 28px;height: 28px;line-height: 28px;}
.zoom-anim-dialog .btn-floating i{font-size: 0.8rem;line-height: 28px;}
.zoom-anim-dialog .img_num{position: absolute;right: 10px;bottom: 10px;}
.my-mfp-zoom-in .zoom-anim-dialog {opacity: 0;-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); }
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {	opacity: 1;-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {-webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); opacity: 0;}
.my-mfp-zoom-in.mfp-bg {opacity: 0;-webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out;}
.my-mfp-zoom-in.mfp-ready.mfp-bg {opacity: 0.8;}
.my-mfp-zoom-in.mfp-removing.mfp-bg {opacity: 0;}
.my-mfp-slide-bottom .zoom-anim-dialog {opacity: 0;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;transition: all 0.2s ease-out;-webkit-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
	-moz-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );-ms-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );-o-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
	transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );}
.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {opacity: 1;-webkit-transform: translateY(0) perspective( 600px ) rotateX( 0 ); -moz-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
	-ms-transform: translateY(0) perspective( 600px ) rotateX( 0 ); -o-transform: translateY(0) perspective( 600px ) rotateX( 0 ); transform: translateY(0) perspective( 600px ) rotateX( 0 ); }
.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {opacity: 0;-webkit-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); -moz-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
	-ms-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); -o-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); }
.my-mfp-slide-bottom.mfp-bg {opacity: 0;-webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out;}
.my-mfp-slide-bottom.mfp-ready.mfp-bg {opacity: 0.8;}
.my-mfp-slide-bottom.mfp-removing.mfp-bg {opacity: 0;}
/* POP UP CSS End */


#download_section{background-size: cover;background-repeat: no-repeat;background-position: center bottom;}
#download_section .container{max-width: 900px;}
#download_section .download_content{padding:75px 0;letter-spacing: 1px;}
.eng #download_section .download_content{letter-spacing: 0px;}
#download_section{color:#fff; overflow:hidden; margin-bottom:-2px;}
#download_section .download_link{text-align: center; margin-top: 50px;}
#download_section .download_link .download_desc{font-size: 16px; margin-bottom:5px}
#download_section .download_item {max-width: 200px; margin: 0 auto;}    
#download_section .download_img {display: inline-block;vertical-align: middle;text-align: center;width: 100px;margin-bottom: 10px;}
#download_section .download_img img {width: 65px;}
#download_section .download_inner {display: inline-block;vertical-align: middle;text-align: center; width: 95px;}    
#download_section .download_desc {color: #fff;font-size: 16px;margin-bottom: 10px;}    

#faq_section{min-height: 400px}
#faq_section .faq_content{padding: 50px 0;letter-spacing: 1px;}
.eng #faq_section .faq_content{letter-spacing: 0}
#faq_section .faq_content h4{margin-top: 0; padding-top: 75px; margin-bottom:50px}
#faq_section .faq_item{width:45%; float: left; padding: 10px 2.5%; cursor: pointer}
#faq_section .faq_item:nth-child(even){clear:both}
#faq_section .faq_q{color:#44a4ff; font-size: 16px; margin-bottom: 5px;-webkit-transition: opacity 0.3s; transition: opacity 0.3s}
#faq_section .faq_q:hover{opacity:0.8}
#faq_section .faq_q .fa-question-circle{font-size: 18px;display: inline-block;width: 7%;vertical-align: top;}
#faq_section .faq_q .faq_q_content{display: inline-block;width: 93%;line-height: 1.2;}
#faq_section .faq_a{color:#999; display: none;padding-left: 7%;}
#faq_section .faq_btn{margin-bottom: 50px}


#faq_section .sub_icon{vertical-align: text-top;margin-right: 3px;}
#faq_section .answer_arrow_icon i{font-size:12px;margin-right: 5px;}

#faq_modal{width:50%;}   
#faq_modal #modal_faq_q{margin-top: 5px;font-size: 24px;font-weight: bold;margin-bottom: 15px;}
#faq_modal #modal_faq_q i{vertical-align: middle;color:#44a4ff;font-size: 30px;margin-right: 5px;}
#faq_modal #modal_faq_a{font-size:22px;margin-bottom: 25px;} 
#faq_modal #modal_faq_ref{
	position: absolute;
    bottom: 0px; 
    top: 5px;
    left: 5px;
    right: 0px;
    color: #999;
    font-size: 11px;	
width: 150px;
    height: 20px;	
}

#faq_modal #modal_faq_ref_text{

}


#faq_modal .video_container_header {font-size:22px;margin-bottom:30px;}
#faq_modal .video_container_header i{color:#44a4ff;font-size: 20px;margin-right: 5px;margin-right: 10px;vertical-align: bottom;}
#faq_modal .modal-close-button{border-radius: 0px;float:right;background-color: rgb(97, 182, 245);
color: rgb(255, 255, 255);}

#faq_modal .custom-video-container{margin-bottom:30px;}
#faq_modal #modal_faq_image  {margin-bottom:30px;}
#faq_modal #modal_faq_image  h3{font-size:22px;margin-bottom: 25px;}
#faq_modal #modal_faq_image  i{color:#44a4ff;font-size: 20px;margin-right: 5px;margin-right: 10px;vertical-align: bottom;}
#faq_modal .modal-footer{    font-size: 12px; 
    padding: 15px;
} 
#faq_modal .sub_title{font-size:20px;}
#faq_modal .modal-content{padding:35px 35px 30px 35px;}

#recipes_section {background-color:#eee;}
#recipes_section .recipes_content{padding-top:50px; padding-bottom: 50px ;letter-spacing: 1px;}
#recipes_section .recipes_content h4{margin-bottom: 25px;color: #9b9b9b;}
    
#recipes_section .swiper-slide img{width:100%}
#recipes_section .swiper-slide a{position: absolute; left: 0; top: 0; width: 100%; height: 100%}
#recipes_section .recipes_nav-prev, #recipes_section .recipes_nav-next {width: 28px;height: 30px;line-height: 30px;padding: 0px;color: #fff;margin: 0 20px;}
#recipes_section .recipes_nav-prev i, #recipes_section .recipes_nav-next i {font-size: 0.8rem;line-height: 30px;width: auto;}
#recipes_section .recipes_nav{text-align: center;margin-top: 30px;}
#recipes_section .recipes_name {padding: 12px;font-size: 16px;font-weight: 700;background-color: #fff;text-align: center;}
.eng #recipes_section .recipes_name{letter-spacing: 0}
@media only screen and (min-width: 601px){

.feature_control_2 .control_items_container{float:left; width: 120px}
.feature_control_2 .control_item{text-align: center;cursor: pointer;-webkit-transition: all 0.3s;transition: all 0.3s;background-color: #666;color: #999;font-size: 19px;height: 70px;position:relative}
.feature_control_2 .control_item:hover {background-color: #222;color:#fff}
.feature_control_2 .control_item.active {background-color: #f9f9f9; color:#666;}
.feature_control_2 .control_item img{display: none}
.feature_control_2 .control_item span{position: absolute; width: 90%;top: 0;bottom: 0;left: 0;right: 0;margin: auto;height: 20px;line-height: 1; overflow: hidden}
.eng .feature_control_2 .control_item span {font-size: 14px;}
.feature_control_2 .control_img{float: left;width:490px}    
    
.feature_accessaries .col p{text-align: left}

#download_section .download_item {max-width: 275px}    
#download_section .download_inner {width: 150px;}        

#banner_section .product_name div {white-space: nowrap}
.eng #banner_section .product_name div {white-space: inherit;}
#banner_section .banner_content{min-height:420px}
#banner_section .swiper-outer{position: absolute;bottom: 0;right: 0; width: 50%; max-width: 500px;margin: auto 0;}
#banner_section .swiper-slide{text-align: left}
#banner_section .swiper-slide img{width:80%}    
#banner_section .swiper-pagination{position: absolute;top: 60px;right: 5px;left:auto;width: 12%;}
#banner_section .swiper-pagination-bullet{width: 96%; height:auto; border-radius: 0;margin: 0;border: 2px solid #fff;border-bottom-width:0;background-color: rgba(255,255,255,0.2);opacity: 1;box-shadow:none;}
#banner_section .swiper-pagination-bullet:last-child{border-bottom-width:2px;}
#banner_section .swiper-pagination-bullet-active{border-color: #44a4ff;border-bottom-width:2px; }
#banner_section .swiper-pagination-bullet-active + .swiper-pagination-bullet{border-top-width: 0}
#banner_section .swiper-pagination-bullet img{width:100%}

.feature_c_sections .tab{width:33%; float:left}    
.feature_c_sections .tab:nth-child(2){margin:0 0.5%; overflow: hidden} 
.feature_c_sections .tab:nth-child(1) img{float: right} 
.feature_c_sections .tab:nth-child (2) img{width:100%}
.feature_c_sections .tab:nth-child(3) img{float: left} 
.feature_c_sections .tab img{height:100%}

.feature_c3_sections.feature .tabs_container {display: flex;margin-top: 3px;height: 100%;}
.feature_c3_sections.feature .tab{background-size: auto 100%;; background-repeat: no-repeat}
.feature_c3_sections.feature .tab_1{flex: 1; background-position: right center}
.feature_c3_sections.feature .tab_2{flex: 1; max-width: 400px; margin: 0 3px 0; background-position: center center; background-size:cover }
.feature_c3_sections.feature .tab_3{flex: 1; background-position: left center}
.feature_c3_sections.feature .tab_content {padding: 25px 20px; max-width: 300px}
.feature_c3_sections.feature .tab_1 .tab_content{float: right;}
.feature_c3_sections.feature .tab_content h5 {font-weight: 700;}
.feature_c3_sections.feature .tab_content p {color: #666;}
}
@media only screen and (min-width: 993px){
.container{width:85%}
section.feature{height:450px}
.whitford table th{min-width: 140px;padding-right: 10px}
.feature_c_sections .tab_content {padding: 50px 35px;}
.feature_accessaries h5{font-size:1.3rem}
#spec_section .name span{display:block}
#spec_section .value span{display:block}
.feature_c3_sections.feature{height:360px}
}
@media only screen and (min-width: 1201px){

}
@media only screen and (max-width: 1200px){
section.feature .container{width:90%}
}

@media only screen and (min-width: 601px) and (max-width: 992px){
#faq_modal{width:80%;}  	
#faq_modal #modal_faq_q { margin-top: 5px;font-size: 26px;line-height: 34px;}
#faq_modal #y_frame2{width:100%;}
.feature_control_2 .control_item {height: 60px;font-size: 14px}
.feature_control_2 .control_img{width:420px}
#banner_section .product_name div {font-size: 29px;}
#banner_section .swiper-outer{top: auto;bottom: 15%;}
section.feature{height:425px}
.spec_information, .spec_functions, .spec_others {width: 90%}
.feature_list .m8{padding:25px 30px}
#related_products_section .models_4.container{width:95%}
#related_products_section .models_4 .related_products_item img {margin: 0 5px 0 10px;}
#download_section .download_inner {width: 100%;}
#download_section .container {width: 95%;}
.feature_c_sections .tab{overflow: hidden}    
.feature_c_sections .tab:nth-child(1) img{margin-right: -50px} 
.feature_c_sections .tab:nth-child(2) img{margin-right: -50px; margin-left: -50px}
.feature_c_sections .tab:nth-child(3) img{margin-left: -50px} 
}
@media only screen and (max-width: 992px){

#banner_section .product_desc_item{font-size: 15px;}
section.feature .feature_content, #spec_section .spec_content{padding-top:25px;}
#faq_section .faq_content{padding:25px 0; min-height: 350px;}
}
@media only screen and (max-width: 600px){

#faq_section .faq_item {
	width: 100%;
}
	
#faq_modal{width:90%;}  	
#faq_modal #modal_faq_q {     font-weight: bold;    margin-top: 5px;    font-size: 16px;    line-height: 24px;    margin-bottom: 5px;}
#faq_modal #y_frame2{width:100%;}	
#faq_modal .modal-close-button {margin-left: 8px;
    float: right; 
    background-color: rgb(97, 182, 245);
    color: rgb(255, 255, 255);
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 1px;
} 
#faq_modal #modal_faq_a {font-size: 16px; margin-bottom: 25px;}
#faq_modal .video_container_header {font-size: 16px;margin-bottom: 30px;}	
#faq_modal #modal_faq_image  h3{font-size:16px;margin-bottom: 25px;}
.modal .modal-footer {height: 70px;}

#faq_modal #modal_faq_q i {
    font-size: 16px;
}


#faq_modal #modal_faq_ref {
    bottom: 0px; 
    top: 5px;
    left: 5px;
    right: 0px;
}


#quote_section .container.multi_price_container {
    padding-left: 15px;
    padding-right: 15px;
}

#quote_section .container.multi_price_container h4 {font-size:22px;}


#faq_modal #modal_faq_image  img {width:100%;}

#banner_section .product_name {font-size: 1.4rem;}    
.eng #banner_section .product_name {font-size: 1.3rem;}
#banner_section .product_name div {font-size: 27px;line-height: 1.1;}
.eng #banner_section .product_name div {font-size: 25px;}

.feature_control_2.feature .control_show {margin-top: 0px;margin-bottom: 15px;}    
.feature_control_2 .control_items_container{margin: 25px 0px;}    
.feature_control_2 .control_item{display: inline-block;width: 23%; text-align: center;cursor:pointer;opacity: 0.75;-webkit-transition: opacity 0.3s; transition: opacity 0.3s;position:relative}
.eng .feature_control_2 .control_item{height: 70px;}
.feature_control_2 .control_item:hover{opacity: 1;}
.feature_control_2 .control_item img{max-width: 45px; margin: 0 auto;}
.feature_control_2 .control_item span{font-size: 12px;margin-top: 10px;font-size: 12px;display: block;}
.eng .feature_control_2 .control_item span {position: absolute; margin: 0 auto;left: 0;right: 0;padding-top: 5px;}
.feature_control_2 .control_item.active {opacity:1;color: #44a4ff;}    
.feature_control_2 .control_item .off{display: block}    
.feature_control_2 .control_item .on{display: none}
.feature_control_2 .control_item.active .on{display: block}
.feature_control_2 .control_item.active .off{display: none}

.feature_c_sections .tab_content{width:70%; padding: 10px}
.feature_c_sections .tabs_container img{width:100%}

.feature_c3_sections.feature .tabs_container {margin-top: 0px;}
.feature_c3_sections.feature .tab{background-size: auto 100%;; background-repeat: no-repeat;min-height: 225px;}
.feature_c3_sections.feature .tab_1{background-position: right center}
.feature_c3_sections.feature .tab_2{background-position: center center; background-size:cover }
.feature_c3_sections.feature .tab_3{background-position: left center}
.feature_c3_sections.feature .tab_content {padding: 25px 20px; max-width: 300px}
.feature_c3_sections.feature .tab_content h5 {font-weight: 700;}
.feature_c3_sections.feature .tab_content p {color: #666;}

.feature_accessaries .col:nth-child(2n+1){clear:both}
.feature_accessaries .col p{font-size: 13px;}

#banner_section .swiper-slide img{width:100%}    
#banner_section .product_desc_item{    margin-bottom: 6px;    line-height: 20px;}
#banner_section .button_container{text-align: center; width: 100%;}
#banner_section .banner_content {padding: 15px 0;padding-bottom:0px;text-align: center;width:100%}    
#banner_section .product_desc{width:100%; max-width: 100%; margin-left: auto; margin-right: auto; font-size: 16px;line-height: 2;    text-align: left;
    padding-left: 15px;
    padding-right: 15px;}
#banner_section .product_img{width: auto;max-height: 55%;left: 0;right: 0;margin: 0 auto;top: auto;}
#banner_section .swiper-outer {left: 0; width: 75%;max-width: 250px; margin: 0px auto;position: static;margin-top:-20px;}
#banner_section .swiper-pagination-bullet img {display: none}
#banner_section .product_name {margin-top: 3px;}
#banner_section .product_desc {margin-bottom: 15px;}

#related_products_section{text-align:center;font-size: 13px;}
#related_products_section .related_products_item img{height:25px; margin: 0 5px 0 10px}
#related_products_section .related_products_content{padding:7px 0;}
#related_products_section .models_4 .related_products_item{margin-bottom:2px}
#related_products_section .related_products_item{margin-left: 5px;margin-right: 3px}    
#related_products_section .models_3 .related_products_item img {margin-left: 0px;margin-right: 0px;}    
#related_products_section .models_3 .related_products_desc,#related_products_section .models_4 .related_products_desc.eng #related_products_section .related_products_desc{display:block}
#related_products_section .models_4 .section_row{display: block; margin: 0 auto;}


#spec_section heading h4 {
	letter-spacing: 0.2rem;
}

.eng #spec_section heading h4 {
	letter-spacing: 0;
}

section.feature h4, #spec_section h4, #download_section h4, #faq_section h4 {font-size:1.78rem }
.feature_control .control_item {width: 23%;}
.feature_control .control_item img {max-width: 50px;}
.feature_control .control_item .text {font-size: 12px}
.feature_right{text-align: center}
.feature_right .feature_bg_img{text-align: center}
.feature_right .feature_bg_img img{position: static;width: 90%;}
.feature_right .inner_content{margin-bottom: 20px}
.feature_top .feature_bg_img{position: static; margin-top:25px; width:100%}
.feature_list.feature{text-align:center}    
.feature_list .m8{padding:10px 20px}

#spec_section .subheader{font-size: 18px}
#spec_section .spec_header{font-size: 18px}
#spec_section .value{text-align: left}
#spec_section .spec_list {padding: 5px 0;}
#download_section .download_img img{width:50px}
#download_section .download_link .download_desc {font-size: 14px;margin-bottom: 10px;}    
#download_section .download_link{margin-top: 50px}
#download_section .download_img {max-width: 100px; margin-bottom: 10px;width: 100%;}
#download_section .download_inner {width: 100%;white-space: nowrap}    
.eng #download_section a.btn.default{font-size: 12px; padding:0 1rem}

#faq_section {min-height: auto;}
#faq_section .faq_content h3{margin-bottom:50px}
#faq_section .faq_q{font-size: 15px}
#faq_section .faq_q .fa-question-circle{width:13%}
#faq_section .faq_q .faq_q_content{width:87%}
#faq_section .faq_a{padding-left: 13%;}

#recipes_section h4{font-size:1.78rem}
#recipes_section .recipes_content{padding-top:25px; padding-bottom: 25px;max-width: 350px;margin: 0 auto;}

.zoom-anim-dialog .pop_title{font-size: 25px}
#spec_section .name span{display:block}
#spec_section .value span{display:block}

}

.btn.test{padding:0 1.35rem!important;}

#banner_section .estore {position:relative;padding:0 1.5rem!important;background-color: #0464bf;}
#banner_section .estore:hover{background-color: #003b73;}
#banner_section .estore .buy_now{
	position:relative;
	height:100%!important;
	margin-top: 0;
	line-height: 20px;}
#banner_section .estore span{
	display: inline-block;
	line-height:1.2;
	font-size:14px;
	position:relative;
	top:50%;
	transform:translateY(-50%);    
	vertical-align: middle;
}

#banner_section .event span {
    display: inline-block;
    line-height: 1.2;
    font-size: 14px;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    vertical-align: middle;
}


.eng #banner_section .estore span{font-size:12px;top: 43%;}
.eng #banner_section .event span{font-size:12px;top: 43%;}
#banner_section .estore img{
	display:inline-block;
	width:38px;
	margin-left:-10px;
	position:relative;
	top:45%;
	transform:translateY(-50%);    
	vertical-align: middle;
}

#banner_section .install{background-color: #44a4ff;position:relative;padding:0 1.5rem!important;}
#banner_section .install:hover{background-color: #2d70af;}
#banner_section .install .installation {
    position: relative;
    height: 100%!important;
    margin-top: 0;
	line-height: 20px;
}
#banner_section .install img{
	display:inline-block;
	width:38px;
	margin-left:-10px;
	position:relative;
	top:45%;
	transform:translateY(-50%) scale(-1, 1);    
	vertical-align: middle;

}
#banner_section .install span{
	display: inline-block;
	line-height:1.2;
	font-size:14px;
	position:relative;
	top:50%;
	transform:translateY(-50%);    
	vertical-align: middle;
}
.eng #banner_section .install span{font-size:12px;top: 26%;}


@media only screen and (max-width: 600px){
	#banner_section .button_container{max-width:350px;margin: 0 auto;}
	#banner_section .button_container .btn{margin:5px 0}
	
	#banner_section .price_bg{width:100%;margin:5px 0;}
	#banner_section .price_bg .buy_now{display:inline-block;}
	#banner_section .price_bg .buy_now span{font-size: 18px;}
	#banner_section .price_bg .price_tag{display:inline-block;font-size: 18px!important;    font-weight: 600;}
	#banner_section .install img{width: 35px; top: 50%;}
	
	#banner_section .estore{margin:5px 2.5% 5px 0!important;width:100%;}
	#banner_section .estore.no_install{margin:5px 0;width:100%;}
	#banner_section .estore span {font-size: 15px;vertical-align: top;}
	.eng #banner_section .estore span {top: 50%;}
	#banner_section .estore.no_install span{font-size: 20px;}
	#banner_section .estore img{width: 35px; top: 50%;}
    #banner_section .event span,.eng #banner_section .event span{font-size: 18px;}	
	#banner_section .install{margin: 5px 0 5px 2.5%!important;width:47.5%;float:right;}
	#banner_section .install.full{margin: 5px 0!important;width:100%;float:unset}
	#banner_section .install span {font-size: 15px;vertical-align: top;}
	#banner_section .install.full span{font-size: 18px;}
	.eng #banner_section .install span {top: 50%;}
}
