/*
elementor_tab
@author CJJ
 */

.trans{transition:all 0.4s ease-out-moz-transition:all 0.4s ease-out;-ms-transition:all 0.4s ease-out;-o-transition:all 0.4s ease-out;-webkit-transition:all 0.4s ease-out;}
.clean{zoom:1;}
.clean:after,.clean:before{content:''; display:table;}
.clean:after{clear:both;}
.img_center{ text-align:center;}
.img_center img{ vertical-align:middle;}
.img_center span{height:100%;display:inline-block; vertical-align:middle;}


#products_features .cont{width: 100%;max-width: 1420px;padding: 10px 0;position: relative;}
#products_features .viewBox{width: 100000px;overflow: hidden;}
#products_features .viewBox .item{margin-right: 10px;text-align: center;box-sizing:border-box;box-sizing:border-box;float: left;}
#products_features .viewBox .item .contentBox{width: 466.66px;position: relative;}
#products_features .viewBox .item .img{height: 0;margin-bottom: 15px;padding-top: 100%;position: relative;}
#products_features .viewBox .item .img .imgBox{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
#products_features .viewBox .item .title{color: var( --e-global-color-primary );font-family: var( --e-global-typography-primary-font-family ), Sans-serif;font-weight: var( --e-global-typography-primary-font-weight );margin-bottom: 6px;font-size: 18px;text-align: center;margin-bottom: 3px;}
#products_features .viewBox .item .brief{color: var( --e-global-color-text );font-family: var( --e-global-typography-text-font-family ), Sans-serif;font-weight: var( --e-global-typography-text-font-weight );margin-bottom: 10px;padding: 0 40px;line-height: 18px;}
#products_features .bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px; }
#products_features .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; }
#products_features .bx-wrapper .bx-pager.bx-default-pager a { background: #666; text-indent: -9999px; display: block; width: 8px; height: 8px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#products_features .bx-wrapper .bx-pager.bx-default-pager a:hover,
#products_features .bx-wrapper .bx-pager.bx-default-pager a.active { background: var( --e-global-color-primary ); }

#products_features .cont .silde_btn {width: 42px;height: 42px;border-radius: 42px;background: transparent;text-align: center;line-height: 42px;position: absolute;top: 50%;transform:translate(0,-50%);border: 1px solid var( --e-global-color-text )}
#products_features .cont .silde_btn.left{left: -72px;}
#products_features .cont .silde_btn.right{right: -72px;}
#products_features .cont .silde_btn  a{position: absolute;inset: 0 0 0 0;font-family: monospace;color: var( --e-global-color-text );font-weight: bold;}


#category_features{margin-top: 0;}
#category_features .item{color: var( --e-global-color-text );font-family: "Urbanist", Sans-serif;font-size: 18px;font-weight: 500;font-style: italic;margin-bottom: 16px;padding-left: 26px;background: url(../images/category_features_icon.png) no-repeat left center /13.5px;}

#category_sub .item{margin-bottom: 12px;}
#category_sub .item a{color: var( --e-global-color-secondary );font-family: var( --e-global-typography-text-font-family ), Sans-serif;font-weight: var( --e-global-typography-text-font-weight );}
#category_sub .item.cur a,
#category_sub .item a:hover{color: var( --e-global-color-primary );}


.elementor-22.elementor-edit-area-active #header_products_silde_down{display: block;position: relative;}
.elementor-element-0b7b938 .menu-item-has-children.menu-item-1879 .sub-menu{display: none !important;}

#header_products_silde_down{position: fixed;display: none;z-index: 5;left: 0}
#header_products_silde_down:after{content: '';height: 33px;background: transparent;width: 124px;left: 0;top: -29px;position: absolute;}

#category_img_char_plugin{margin-top: 20px;margin-bottom: -112px;}
#category_img_char_plugin .view_box{overflow: hidden;position: relative;}
#category_img_char_plugin .view_box .left_area{width: 60.5%;float: left;}
#category_img_char_plugin .view_box .left_area .img_box{display: none;padding: 10px;}
#category_img_char_plugin .view_box .left_area .img_box.cur{display: block;}
#category_img_char_plugin .view_box .right_area{width: 39.469%;float: right;display: flex;align-items: flex-start;position: absolute;right: 0;top: 0;bottom: 0;flex-direction: column;justify-content: center;padding-left: 50px;}
#category_img_char_plugin .view_box .right_area .char_box{}
#category_img_char_plugin .view_box .right_area .char_box .item{display: none;}
#category_img_char_plugin .view_box .right_area .char_box .item.cur{display:block;}
#category_img_char_plugin .view_box .right_area .char_box .title{color: var( --e-global-color-b59bdc1 );font-family: "Urbanist", Sans-serif;font-size: 26px;font-weight: 600;margin-bottom: 24px;line-height: 24px;}
#category_img_char_plugin .view_box .right_area .char_box .char{font-family: var( --e-global-typography-primary-font-family ), Sans-serif;font-weight: var( --e-global-typography-primary-font-weight );font-size: 18px;color: var( --e-global-color-b59bdc1 );margin-bottom: 12px;}
#category_img_char_plugin .view_box .right_area .char_box .brief{font-family: var( --e-global-typography-text-font-family ), Sans-serif;font-weight: var( --e-global-typography-text-font-weight );color: var( --e-global-color-b59bdc1 );font-size: 16px;margin-bottom: 12px;line-height: 10px;}
#category_img_char_plugin .view_box .right_area .count{height: 52px;line-height: 52px;font-family: var( --e-global-typography-text-font-family ), Sans-serif;font-weight: var( --e-global-typography-text-font-weight );color: var( --e-global-color-accent );margin-bottom: 7px;}
#category_img_char_plugin .view_box .right_area .btn_area{overflow: hidden;}
#category_img_char_plugin .view_box .right_area .btn_area a{float: left;width: 55px;height: 55px;text-align: center;line-height: 55px;background: white;color: var( --e-global-color-primary );font-family: monospace;margin-right: 3px;font-weight: bolder}
#category_img_char_plugin .view_box .right_area .btn_area a:hover{background: var( --e-global-color-accent );color: white;}


@media screen and (max-width: 500px){
	#products_features .viewBox .item .contentBox{width: calc(100vw - 20px);}
}