@font-face {
    font-family: 'Lato Light';
    src: url('../fonts/Lato/Lato-Light.ttf') format('truetype');
}
/* font Styrene Medium */
@font-face {
    font-family: 'Lato Regular';
    src: url('../fonts/Lato/Lato-Regular.ttf') format('truetype');
}
/* font Styrene Bold */
@font-face {
    font-family: 'Lato Bold';
    src: url('../fonts/Lato/Lato-Bold.ttf') format('truetype');
}

html,body{
    font-family: 'Lato Regular';
}
.header.content .logo {margin: 30px 0 27px;z-index: 1;max-width: 230px;}
.logo img{ width: 230px;}
.page-header.sticky{
    position: sticky;
    top: 0;
    background: #f0f0f0;
    z-index: 99;
}
.page-header.sticky .header.content{height: 77px;}
.page-header.sticky .logo img{width: 80%;height: 80%;}
.page-header.sticky .navigation li.level0.has-active a.level-top{border-bottom: 4px solid #ef8200;}
.page-header .panel.wrapper,.page-header .compare.wrapper{display: none;}
.header.content .navigation{background: none;width: 62%;}
.block-account-content {
    position: absolute;
    width: 240px;
    right: -26%;
    top: 100%;
    margin-top: 4px;
    border: 1px solid #bbb;
    background: #fff;
    box-shadow: 0 3px 3px rgb(0 0 0/15%);
    z-index: 9;
    display: none;
}
.header .block-search .control{padding: 0;border: 0;}
.header .block-search .block-content{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    display: none;
}
.header .block-search .block-content .cover{
    position: absolute;
    left: 0;
    top: 0;
    background: grey;
    width: 100%;
    height: 100%;
    z-index: 99;
    opacity: 0.4;
}
.header .block-search .action.search{opacity: 1;}
.header .block-search .action.search:before{
    font-size: 17px;
    color: #ef8200;
    font-family: 'FontAwesome';
    content: '\f002';
    position: absolute;
    top: 12px;
    right: 6px;
    cursor: pointer;
}
.header .block-search .minisearch-box{
    width: 700px;
    margin: 0 auto;
    position: relative;
}
.header .minisearch{
    padding: 40px;
    position: relative;
    z-index: 100;
    background: #efefef;
}
.header .minisearch input{
    border: 1px solid #ef8200;
    height: 46px;
    padding: 5px 10px;
    background: #fff;
    position: static;
    margin: 0;
}
.search-autocomplete-popup{
    font-size: 14px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #e2e2d9;
    background: #fff;
    width: 100%;
    text-align: left;
    box-sizing: border-box;
    position: absolute;
    display: none !important;
}
.search-autocomplete-popup .popular-search{
    padding: 10px 20px;
}
.search-autocomplete-popup .quick-links{
    border-top: 1px solid silver;
    margin: 10px 20px;
    padding: 20px 0 10px;
}
.popular-search-title{
    font-weight: 700;
    font-size: 1.5rem;
    margin-bottom: 10px;
}
.popular-search .popular-search-query a::before{
    font-size: 14px;
    color: #53585a;
    font-family: 'FontAwesome';
    content: '\f002';
    padding-right: 5px;
}
.popular-search-query a{
    padding: 3px 0;
    color: #53585a;
    display: block;
}
.popular-search-query a:hover{
    color: #ef8200;
    text-decoration: none;
}
.header .minisearch .close::after{
    font-size: 16px;
    line-height: 46px;
    padding-left: 20px;
    color: #bebcb8;
    font-family: 'FontAwesome';
    content: '\f00d';
    cursor: pointer;
    position: absolute;
    top: 0;
    right: -30px;
}
.page-header .header.content{padding: 0;display: flex;justify-content: space-between; align-items: center;max-width: 1280px;}
.header.content .block-search{width: auto;margin-top: 17px;}
.block-search .header-search{margin-right: 20px;cursor: pointer;}
.block-search .fa{
    color:#ef8200;
    font-size: 2rem;
}
.header.content .minicart-wrapper{margin-top: 2px;display: none;}
.header-content .nav-sections{margin-bottom: 0;}
.navigation li.level0{font-size: 1.7rem;margin: 0;}
.navigation li.level0 a.level-top{padding: 30px 2.5rem 10px !important;position: relative;border-bottom: 4px solid #fff;}
.sticky .navigation li.level0 a.level-top{padding: 18px 2.5rem 2px !important;border-bottom: 4px solid #f0f0f0;}
.navigation li.level0.hovered a.level-top{border-bottom: 4px solid #ef8200;}
.navigation li.level0.active a.level-top,.navigation li.level0.has-active a.level-top{border-bottom: 4px solid #ef8200;}
.navigation li.level0 a.level-top::after{
    content: '|';
    color: #bbb;
    position: absolute;
    right: -2px;
    top: 60%;
    transform: translateY(-50%);
    font-size: 14px;
}
.navigation li.level0.last a.level-top::after{
    display: none;
}
.header-notice{background: #fce8d1;padding: 10px 10px 0;text-align: center;}
.header-notice a{color: #000;}
.cms-home .page-main{max-width: 100%;padding:0}
[data-content-type='row'][data-appearance='contained']{max-width: 100%;width: 100%;}
.navigation, .breadcrumbs, .page-header .header.panel, .header.content, .footer.content, .page-wrapper>.widget, .page-wrapper>.page-bottom, .block.category.event, .top-container, .page-main{
    max-width: 100%;
    box-sizing: content-box !important;
}
.pagebuilder-slider{position: relative;}
.cms-index-index .pagebuilder-slider .slick-dots{position: absolute;bottom: 5px;}

.home-middle-content .search-section{background: #ef8200;padding: 40px;display: flex;justify-content: center;}
.home-middle-content .search-section h2{
    font-size: 22px;
    max-width: 640px;
    font-weight: bold;
    color: #fff;
    margin: 0 30px 0 0;
    line-height: 40px;
}
.search-box{width: 390px;}
.search-box .minisearch{display: flex;}
.search-box .minisearch input{border: 0;border-radius: 0;height: 40px;width: 300px;}
.minisearch .actions button{border: 0;border-radius: 0;background: #fff;height: 40px;}
.minisearch .actions button .fa{font-size: 2rem;color:#ef8200;}

.feature-product,
.category-search{max-width: 1280px;margin: 80px auto;width: 90%;}
.feature-product h2{font-size: 18px;font-weight: bold;margin: 40px auto;text-align: center;}
.feature-product ul {display: flex;justify-content: space-between;padding: 0;}
.feature-product ul li{width: 23.5%;list-style: none;}
.feature-product .featured-box-image{border: 1px solid #ddd;}
.feature-product .featured-box-text{padding: 15px 0;color: #53585a;display: block; background-color: #f7f7f5;height: 170px;}
.feature-product .featured-box-text:hover{text-decoration: none;color: #53585a;}
.feature-product .featured-box-description{
    text-align: center;
    padding: 10px 20px 12px;
    display: block;
}
.featured-box-description h3{font-size: 16px;margin: 0 0 12px;font-weight: 600;}
.featured-box-description .featured-box-button{font-size: 14px;color: #ef8200;margin-top: 24px;display: block;}
.featured-box-description .featured-box-button::after{
    display: inline-block;
    font: normal normal normal 16px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0,0);
    content: "\f0da";
    margin-left: 10px;
    margin-top: -1px;
    vertical-align: middle;
}

.category-search h2{font-size: 18px;font-weight: bold;margin: 40px auto;text-align: center;}
.category-search ul{display: flex;justify-content: space-between;padding: 0;}
.category-search ul li{width: 32%;border: 2px solid #ef8200;list-style: none;}
.category-search ul li a{display: block;padding: 20px;font-size: 16px;color: #ef8200;text-align: center;}
.category-search ul li a:hover{background: #fce8d1;text-decoration: none;}
.category-search ul li a::after{
    display: inline-block;
    font: normal normal normal 16px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0,0);
    content: "\f0da";
    margin-left: 10px;
    margin-top: -1px;
    vertical-align: middle;
}

.feature-resource{padding: 30px 0;background-color: #f7f7f5;}
.feature-resource .resource{max-width: 1280px;margin: 40px auto;width: 90%;}
.feature-resource img{display: block;}
.feature-resource h2{font-size: 18px;font-weight: bold;margin: 40px auto;text-align: center;}
.feature-resource ul {display: flex;justify-content: space-between;padding: 0;}
.feature-resource ul li{width: 23.5%;list-style: none;text-align: center;}
.feature-resource .featured-box-text{color: #53585a;display: block;}
.feature-resource .featured-box-text:hover{text-decoration: none;color: #53585a;}
.feature-resource .featured-box-text .featured-box-label{
    background-color: #ef8200;
    color: #fff;
    text-align: center;
    padding: 4px;
    margin-bottom: 0;
    display: block;
    font-size: 12px;
}
.feature-resource .featured-box-text .featured-box-title{font-size: 16px;margin: 20px;display: block; font-weight: 600;}
.feature-resource .featured-box-button{font-size: 14px;color: #ef8200;margin-top: 24px;display: block;}
.feature-resource .featured-box-button::after{
    display: inline-block;
    font: normal normal normal 16px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0,0);
    content: "\f0da";
    margin-left: 10px;
    margin-top: -1px;
    vertical-align: middle;
}
.view-all{margin-top: 20px;text-align: center;}
.learn-more .view-all{margin-top: 0;}

.learn-center{padding: 30px 0 60px;background-color: #f7f7f5;}
.learn-center h2{font-size: 18px;font-weight: bold;margin: 30px auto;text-align: center;}
.link-box-wrapper{display: flex;flex-wrap: wrap;justify-content: space-between;margin: 40px auto 0;}
.learn-center .link-box-wrapper{max-width: 1280px;width: 90%;}
.link-box-wrapper .link-box{width: 32%;}
.link-box-wrapper .link-box-title{
    text-align: center;
    padding: 5%;
    color: #fff;
    margin: 0;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
}
a{color: #53585a;}
a:hover{text-decoration: none;color: #53585a;}
a:visited{color: #53585a;}
.service-learning{max-width: 1280px;margin: 60px auto;width: 90%;}
.service-learning h2{font-size: 18px;font-weight: bold;margin: 40px auto;text-align: center;}
.service-learning .link-box{background-color: #f7f7f5;}
.link-box-text{padding: 10px 30px 30px;text-align: center;}
.service-learning a{color: #53585a;display: block;}
.service-learning a:hover{text-decoration: none;color: #53585a;}
.service-learning .link-box-wrapper .link-box-title{height: auto;padding: 0;margin: 12px 0 15px;font-size: 16px;}
.service-learning .link-box-link a{color: #ef8200;font-size: 16px;font-weight: 600;}
.service-learning .link-box-link a::after{
    display: inline-block;
    font: normal normal normal 16px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0,0);
    content: "\f0da";
    margin-left: 10px;
    margin-top: -1px;
    vertical-align: middle;
}

.cms-index-index .pagebuilder-slide-wrapper .pagebuilder-overlay:not(.pagebuilder-poster-overlay){max-width: 1280px;margin: 0 auto;padding: 20px 0;}
.cms-index-index .pagebuilder-slide-wrapper .pagebuilder-collage-content{width: 50%;padding-top: 10%;}
.slick-slider .slick-dots li{width: 12px;height: 12px;margin: 0 10px;}
.slick-slider .slick-dots li button {border: 1px solid #b3b3b3;width: 12px;height: 12px;}
.slick-slider .slick-dots li.slick-active button{background: #ef8200;}
.home-about-us{max-width: 1280px;margin: 60px auto;padding: 20px 0;width: 90%;}
.home-about-us h2{font-size: 18px;font-weight: bold;margin: 40px auto;text-align: center;}
.home-about-us .iso-slider-wrapper{display: flex;justify-content: space-between;flex-wrap: wrap;}
.home-about-us .grid_6_lg {width: 48%;margin: 0 0 20px;}
.home-about-us .support-info{display: flex;justify-content: space-between;}
.home-about-us .support-info .grid_4_lg{width: 35%;}
.home-about-us .support-info .grid_8_lg{width: 60%;}
.home-about-us .support-info h3{
    font-size: 18px;
    color: #53585a;
    font-weight: 600;
    margin-top: 0;
}
.home-about-us .support-info .grid_8_lg a{color: #ef8200;font-size: 16px;font-weight: 600;}
.home-about-us .support-info .grid_8_lg a::after{
    display: inline-block;
    font: normal normal normal 16px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0,0);
    content: "\f0da";
    margin-left: 10px;
    margin-top: -1px;
    vertical-align: middle;
}

.page-footer{background: #f7f7f7;margin-top: 30px;}
.page-footer::before{
    content: "";
    height: 3rem;
    margin-top: -3.1rem;
    width: 100%;
    display: block;
    position: absolute;
    background: url(../images/footer-divider.png) repeat;
}
.page-footer .newsletter{display: none;}
.page-footer .footer.content{border: 0;margin-bottom: 15px;}
.footer-content.show-pc{display: flex;justify-content: space-between;}
.footer-content .footer-right-info{display: flex;}
.footer-content .footer-links{margin: 0 25px 0 20px;}
.footer-left-info .slogan{
    font-size: 17px;
    font-weight: 600;
}
.footer-left-info .slogan-subtext{
    padding-top: 23px;
    font-size: 12px;
}
.footer.content a{color: #53585a;font-weight: 600;cursor: pointer;}
.footer.content a:hover{text-decoration: none;color: #53585a;}
.footer-links li{padding-bottom: 12px;}
.footer-contact-us li{font-weight: 600;padding-bottom: 12px;}
.footer-contact-us li i{width: 15px;}
.footer-contact-us .social-links ul{display: flex;padding-top: 3px;}
.footer-contact-us .social-links ul li{margin-right: 20px;}
.footer-contact-us .social-links ul li .weixin i{font-size: 16px;}
.footer-contact-us .social-links ul li i{font-size: 20px;color: #53585a;width: 18px;}
.copyright{display: flex;padding: 20px;justify-content: center;color: #53585a;align-items: center;}
.copyright ul{display: flex;margin: 0;padding: 0 0 0 10px;align-items: center;}
.copyright ul li{list-style: none; border-left: 1px solid #53585a;padding: 0 8px;margin: 0;}
.copyright ul li img{display: block;}
.copyright ul li a{color: #53585a;}
.copyright ul li a:hover{color: #53585a;}
.modal-popup.wechat-qrcode-modal .modal-inner-wrap{width: 45%;}
.modal-popup.wechat-qrcode-modal .modal-inner-wrap .modal-footer{display: none;}
.wechat-popup-box h2 {
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
    margin-top: 0;
}
.wechat-popup-box .form-list-wrapper {
    background: #f0f0eb;
    padding: 3%;
    font-size: 14px;
    margin-bottom: 20px;
}
.wechat-popup-box .form-list-wrapper p {
    font-size: 14px;
    line-height: 20px;
}
.wechat-popup-box .form-declaration {
    font-size: 11px;
    line-height: 14px;
    color: #bbb;
    margin: 0;
}
.text-center{text-align: center;}

.toolbar .pages .items{display: flex;justify-content: center;align-items: center;}
.toolbar .pages .item{border-left: 2px solid #ddd;line-height: normal;}
.toolbar .pages .item:nth-child(1){border: 0;}
.toolbar .pages .pages-item-previous + .item{border: 0;}
.toolbar .pages .pages-item-next,.toolbar .pages .pages-item-previous{line-height: normal;}
.toolbar .pages strong.page{line-height: normal;padding: 0 10px;font-size: 14px;}
.toolbar .pages .item.current strong.page{color: #ef8200;}
.toolbar .pages a.page{color: #bbb;font-size: 14px;padding: 0 10px;}
.toolbar .pages .action.next:before{
    content: '\f0da';
    color: #bbb;
    font-size: 2rem;
    font-family: 'FontAwesome';
    margin-top: 1px;
}
.toolbar .pages .action.previous{margin-right: 0;}
.toolbar .pages .action.next{margin-left: 0;}
.toolbar .pages .action.previous:before{
    content: '\f0d9';
    color: #bbb;
    font-size: 2rem;
    font-family: 'FontAwesome';
    margin-top: 1px;
}
.toolbar .pages .action{border: 0;}

.header .navigation .level0.parent>.level-top>.ui-menu-icon{display: none;}
.header .navigation .level0 .submenu{display: none !important;}
.sticky .navgation-sub-menus .submenus{top:77px;}
.navgation-sub-menus .submenus{
    left: 0;
    top: 100px;
    z-index: 99;
    background: #fff;
    width: 100%;
    position: absolute;
    border: 1px solid #ccc;
    box-shadow: 0 5px 5px rgba(0,0,0,.19);
}
.navgation-sub-menus .submenus ul{padding: 0;margin: 0;}
.navgation-sub-menus .submenus ul li{list-style: none;padding: 0;margin: 0; color: #575757;}
.navgation-sub-menus .sub-menu{display: flex;justify-content: space-between;}
.navgation-sub-menus .sub-menu .menu-child{
    border-left: solid 1px #efefef;
    padding-left: 20px;
    padding-top: 20px;
    padding-bottom: 25px;
    height: 465px;
    width: 23%;
}
.navgation-sub-menus .sub-menu li.menu-title{font-size: 16px;font-weight: 700;padding-top: 10px;}
.navgation-sub-menus .sub-menu li.menu-title.first-item{padding-top: 0;}
.navgation-sub-menus .sub-menu li.menu-item.menu-mobile{line-height: 28px;}
.navgation-sub-menus .sub-menu li.menu-item.menu-mobile a{padding: 0;}
.navgation-sub-menus .sub-menu li a{color: #575757;padding: 8px 20px 8px 0;display: block;}
.navgation-sub-menus .sub-menu li a:hover{color: #ef8200;text-decoration: none;}
.navgation-sub-menus .sub-menu .menu-child.menu-custom{
    padding: 0;
    width: 25%;
    height: 510px;
}
.navgation-sub-menus .sub-menu .menu-child.menu-custom li a{padding: 0;}
.navgation-sub-menus .sub-menu .menu-custom.menu-row1 .block-title{height: 212px;}
.navgation-sub-menus .sub-menu .menu-custom.menu-row1 .block-content{
    background: #efefef;
    padding: 20px;
    font-size: 16px;
    font-weight: 600;
}
.navgation-sub-menus .sub-menu .menu-custom .block-content a{
    color: #ef8200;
    margin-top: 10px;
    font-size: 14px;
    display: block;
}
.navgation-sub-menus .sub-menu .menu-custom .block-content a:hover{
    color: #ef8200;
    text-decoration: none;
}
.navgation-sub-menus .sub-menu .menu-custom.menu-row1 .block-title img{width: 100%;}
.navgation-sub-menus .sub-menu .menu-custom.menu-row2{
    padding: 20px;
}
.navgation-sub-menus .sub-menu .menu-custom.menu-row2 .block-title{
    margin-bottom: 10px;
    color: #aaa;
}
.navgation-sub-menus .sub-menu .menu-custom.menu-row2 .block-content{
    font-size: 14px;
    font-weight: 600;
}

.page-title-wrapper{margin-top: 40px;}
.page-title-wrapper .page-title{font-size: 32px;font-weight: 500;}
.quickorder-index-index .page-title-wrapper .page-title{margin-bottom: 0;}
.breadcrumbs{margin: 20px 0;}
.page-layout-2columns-left .sidebar-additional .block-compare{display: none;}
.page-layout-2columns-left .sidebar-main{width: 23% !important;}
.page-layout-2columns-left .column.main{width: 76% !important;}
.filter-current{border-top: 1px solid #d4d4d4;padding-top: 15px;}
.filter-current .item .remove:hover{text-decoration: none;}
.filter-current .item .remove span{text-indent: -9999px;display: inline-block;}
.filter-current .item .remove::after{
    font-size: 14px;
    padding-left: 20px;
    color: #bebcb8;
    font-family: 'FontAwesome';
    content: '\f00d';
    cursor: pointer;
}
.filter-options .filter-options-content .item{position: relative;}
.filter-current .item .filter-label{display: inline-block;margin-right: 5px;}
.filter-options .filter-options-title{border-top: 1px solid #d4d4d4;padding: 13px 0;margin:0;font-size: 16px;position: relative;}
.filter-options .filter-options-item:last-child{border-bottom: 1px solid #d4d4d4;}
.filter-options .filter-options-title::after{
    font-family: FontAwesome;
    content: '\f107';
    position: absolute;
    right: 0;
    top: 10px;
    font-size: 22px;
    transition: all .5s;
}
.filter-options .active .filter-options-title::after{
    transform: rotate(-180deg);
}
.filter-options .filter-options-content .item a::before,
.filter-options .filter-options-content .item a::after{
    width: 13px;
    height: 13px;
    line-height: 13px;
    z-index: 2;
    padding: 0;
    font-family: FontAwesome;
}
.filter-options .filter-options-content .item a::before{
    content: "";
    display: inline-block;
    left: 0;
    border: 1px solid #d4d5d6;
    background: #fff;
    margin-right: 5px;
    vertical-align: text-bottom;
    position: absolute;
    top: 2px;
}
.filter-options .filter-options-content .item.wp-ln-selected a::before{
    background: #e9e9e9;
}
.filter-options .filter-options-content .item.wp-ln-selected a::after{
    content: '\f00c';
    color: #54a77d;
    top: 3px;
    left: 1px;
    position: absolute;
}
#layered-filter-block .filter-options-content .wp-ln-selected a{color: #53585a;font-style: normal;border: 0;padding-left: 23px;}
.filter-options .filter-options-content .item a{color: #53585a;padding-left: 23px;}
.product-item-info .product.name a{font-size: 1.8rem;font-weight: 700;}
.product-item-info .product.name a:hover{text-decoration: none;}
.block.widget .product-item-info .product-item-details{margin-top: 15px;}
.swiper{
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}
.swiper.products .swiper-button-next, .swiper.products .swiper-button-prev{
    width: 42px;
    height: 42px;
    background: #cbcdce;
    top: 100px;
}
.swiper.products .swiper-button-prev{
    left: 0;
}
.swiper.products .swiper-button-prev:after, .swiper.products .swiper-button-next:after{
    font-size: 24px;
    color: #fff;
}
.swiper.products .swiper-button-next{
    right: 0;
}
.swiper-scrollbar{display: none;}

.category-description{max-width: 1280px;margin: 40px auto;}
ul,li{list-style: none;}

html,body{color: #53585a;}
.product-info-main .page-title-wrapper .page-title{font-weight: 600;margin-bottom: 0;}
.product-social-links{display: none;}
.product-info-main .product.attribute.overview{font-size: 16px;color: #888;}
.fotorama__thumb {border: 1px solid #e5e5e5;height: 98% !important;}
.fotorama__active .fotorama__thumb {border: 0;}
.summary .show-summary.open i.fa-minus{display: inline-block;}
.summary .show-summary.open i.fa-plus{display: none;}
.summary .show-summary i.fa-minus{display: none;}
.summary .show-summary i.fa-plus{display: inline-block;}

.product-options-wrapper .swatch-attribute .swatch-option.text{margin-bottom: 5px;border: 2px solid #ddd; display: inline-block;padding: 10px;border-radius: 5px;text-align: center;font-size: 13px;background: none;height: auto;color: #6c6d6f;font-weight: normal;max-width: inherit;}
.product-options-wrapper .swatch-attribute .swatch-option.text.selected{border: 2px solid #ef8200;outline: none;}
.product-options-wrapper .swatch-option:not(.disabled):hover{outline: none;border: 2px solid #ef8200;}
.product-options-wrapper .swatch-attribute .swatch-option.text span{margin: 0; color: #aaa;font-size: 12px;display: block;}
.swatch-option-tooltip{display: none !important;}
.product-attribute-feature{margin: 30px 0;background: #fff3e6;padding: 20px;color: #6c6d6f;}
.product-attribute-feature h2,.product-attribute-feature h4{margin: 5px 0 20px;font-size: 18px;font-weight: 600;}
.product-attribute-feature p{margin: 10px 0;}
.product-info-main a.action.primary{padding: 10px 40px;font-size: 16px;margin: 30px 0;}
.product-attribute-included{border-top: 1px solid #ddd;margin-top: -1px;}
.product-attribute-included .summary{border-bottom: 1px solid #ddd;}
.product-attribute-included .show-summary{padding: 20px 0;cursor: pointer;}
.product-attribute-included .summary h4{font-size: 17px;margin: 0;}
.summary .show-summary h4::after{
    content: "\f067";
    font-family: FontAwesome;
    float: right;
}
.summary .show-summary.open h4::after{
    content: "\f068";
}
.product-attribute-included .summary i{float: right;margin-top: 2px;font-size: 18px;}
.product-attribute-included .summary-detail{display: none;}
.product-attribute-included .summary-detail ul{padding-left: 15px;}
.product-attribute-included .summary-detail ul li{list-style: disc outside;}
.product-attribute-included .summary-detail ul ul li{list-style: circle outside;}

.under-product-description {max-width: 1280px;margin: 20px auto;}
.under-product-description .product-note-box{
    background: #f7f7f5;
    border-left: 6px solid #ef8200;
    padding: 20px;
    width: 53%;
    font-size: 14px;
    display: flex;
}
.under-product-description .product-note-box i{color: #ef8200;font-size: 20px;}
.under-product-description .product-note-box span{margin-left: 10px;}
.under-product-description .product-note-box a{color: #ef8200;}
.product-your-protocol{margin: 80px 0;}
.product-your-protocol h3{font-size: 24px;font-weight: 600;margin-bottom: 15px;}
.product-your-protocol p{font-size: 16px;}
.product-your-protocol a{color: #ef8200;}
.product-your-protocol ul{padding: 0;display: flex;flex-wrap: wrap;}
.product-your-protocol ul li{display: inline-block;margin: 15px 30px 15px 0;max-width: 285px;}
.product-your-protocol ul li:nth-child(even){margin-right: 0;}
.product-your-protocol img{border: 1px solid #eee;margin-top: 20px;}
.product-your-protocol .name a, .product-item-details-name{font-size: 18px;font-weight: 600;color: #53585a;}

.our-product-specialist{background: #fff3e6;margin: 30px 0; padding: 50px 0;}
.our-product-specialist .scientist-quotes-section{max-width: 1280px;margin: 0 auto;font-size: 15px;}
.our-product-specialist .scientist-quotes-section .swiper-slide{width: 100% !important;}
.our-product-specialist .scientist-quotes-section .round-image{width: 190px;height: 190px;margin-right: 5%; border-radius: 50%;overflow: hidden;}
.our-product-specialist .scientist-quotes-section .round-image img{display: block;}
.our-product-specialist .scientist-quotes-section .quote-info{width: 80%;float: right;}
.our-product-specialist .scientist-quotes-section h2{font-size: 28px;margin: 0 0 30px;font-weight: 600;color: #ef8200;}
.our-product-specialist .scientist-quotes-section .scientist-info{margin-top: 30px;width: 80%;float: right;}
.scientist-info .name-title{display: block;font-weight: bold;}

.product-details-tabs-wrapper{background: #ededed;position: sticky;top:77px;z-index: 9;margin-top: 30px;}
.product-details-tabs-wrapper .product-details-tabs{display: flex;max-width: 1280px;margin: 0 auto;}
.product-details-tabs a{display: inline-block;margin-right: 40px;padding: 19px 0 15px;font-size: 18px;font-weight: 600;border-bottom: 4px solid #ededed;}
.product-details-tabs .data-item-active a,.product-details-tabs a:hover{border-bottom: 4px solid #ef8200;}
.product.description{max-width: 1280px;margin: 40px auto;}
.product.description h3{font-size: 20px;font-weight: 600;margin: 0 0 20px;}

.page-main-pagebuilder-attributes .product-info-section{max-width: 1280px;padding: 70px 0 0;margin: 0 auto;font-size: 15px;}
.page-main-pagebuilder-attributes h2,.page-main-pagebuilder-attributes h3{font-size: 22px;font-weight: 600;margin: 0 0 20px;}
.product-info-section.product-details-bottom{
    border-top: 1px solid #f1f1ec;
    color: #bbb;
    font-size: 12px;
    padding-top: 15px;
    width: 100%;
    margin: 60px 0 30px;
}
.product-info-section.product-details-bottom a{color: #ef8200;}
.page-main-pagebuilder-attributes h4{font-size: 18px;}
.product-info-section .table{
    font-size: 16px;
    line-height: 20px;
    display: block;
    width: 100%;
    margin-top: 15px;
}
.product-info-section .table .thead{
    color: #53585a;
    font-weight: 700;
    display: block;
    border: 2px solid #ededed;
    border-bottom: none;
    background: #ededed;
}
.product-info-section .table .tbody{border: 2px solid #ededed;}
.product-info-section .table .tr{display: flex;justify-content: space-between;}
.product-info-section .table .th, .product-info-section .table .td{
    padding: 20px;
    width: 20%;
}
.product-info-section .table .td .th{
    display: none;
}
.view-more-content{
    position: relative;
}
.view-more-content::after{
    content: " ";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}
.gallery-product-name{text-align: center;margin-top: 10px;}
.view-more-wrapper{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    height: 200px;
    background-color: transparent;
    background-image: linear-gradient(transparent, #fff);
    z-index: 80;
    border-bottom: 60px solid #fff;
}
.view-more-wrapper.hidden{
    display: none;
}
.view-more-wrapper.view-less {
    height: 0;
    z-index: 0;
    bottom: -100px;
    padding: 20px 0;
}
.view-more-wrapper .view-more-button, .view-more-wrapper .view-less-button {
    border: 1px solid #ef8200;
    border-radius: 4px;
    font-size: 16px;
    line-height: 22px;
    padding: 8px 18px;
    color: #ef8200;
    display: inline-block;
    margin-top: 188px;
    cursor: pointer;
    font-weight: 400;
}
.view-more-wrapper .view-less-button {
    margin-top: 0;
    display: none;
}
#section-applications .table .th.steps,#section-applications .table .td.steps {width: 80%;}
#section-applications .table .td .step {display: inline-block;margin-bottom: 5px;margin-right: 15px;width: auto;}
#section-applications .table .td .step a{
    background: #f0f0eb;
    display: inline-block;
    position: relative;
    padding: 8px 8px 8px 23px;
    color: #888;
    font-size: 14px;
}
#section-applications .table .td .step.active a{
    background: #ef8200;
    color: #fff;
}
#section-applications .table .td .step:first-child a::before{
    display: none;
}
#section-applications .table .td .step a::before{
    content: " ";
    position: absolute;
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent;
    border-left: 16px solid #fff;
    left: -1px;
    top: 0;
    z-index: 40;
}
#section-applications .table .td .step a::after{
    content: "";
    position: absolute;
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent;
    border-left: 16px solid #f0f0eb;
    box-shadow: -1px 0px 0px #f0f0eb;
    right: -16px;
    top: 0;
}
#section-applications .table .td .step.active a::after{
    border-left: 16px solid #ef8200;
    box-shadow: -1px 0px 0px #ef8200;
}

.swiper-container.product-pdf-slider {margin-top: 20px;padding-bottom: 50px;}
.product-pdf-slider .swiper-pagination-bullet{
    width: 10px;
    height: 10px;
    border: 1px solid #b3b3b3;
    background: #fff;
    margin: 0 8px !important;
    opacity: 1;
    cursor: pointer;
}
.product-pdf-slider .swiper-pagination-bullet-active{
    background: #ef8200;
}
.product-pdf-slider .material{
    background-color: #f7f7f5;
    height: 325px;
}
.product-pdf-slider .material .material-image {
    max-width: 100%;
    border: 1px solid #e3e3e3;
    border-bottom: none;
    position: relative;
}
.product-pdf-slider .material .material-image img{display: block;}
.product-pdf-slider .material .type-name {
    font-size: 12px;
    line-height: 24px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    padding: 0;
    background: #ef8200;
    text-align: center;
    letter-spacing: 2px;
}
.product-pdf-slider .material .material-name {
    padding: 15px 25px 20px;
    color: #53585a;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    text-align: center;
}
.page-main-details .block.related{padding-top: 30px;}
.page-layout-1column .products-related.products-grid ol{
    display: flex;
    flex-wrap: wrap;
}
.page-layout-1column .products-related.products-grid .product-item{
    width: 23%;
}
.products-related .product-image-wrapper{height: auto;padding: 0 !important;}
.products-related .product-image-wrapper .product-image-photo{position: static;}
.products-related ol li .product-item-info{width: auto;}
.products-related ol li .product-image-container{border: 1px solid #eee;width: 100% !important;}
.products-related ol li .product-item-info .product.name a{font-size: 1.5rem;font-weight: 600;}

.product-options-wrapper .swatch-attribute-label{color: #6c6d6f;font-weight: 600;}
.product-options-wrapper select{height: 42px;border: 1px solid #ddd;color: #6c6d6f;}
.product-options-wrapper .swatch-attribute.size{margin-top: 20px;}
.figure-image{margin: 20px 0;}
.figure-description{font-size: 16px;font-weight: 600;}

.product-reviews-summary.empty{display: none;}

.modal-popup.modal-slide.get-price-modal .modal-footer{display: none;}
.modal-popup.get-price-modal .modal-inner-wrap{width: 60%;}
.request-pricing-wrapper{display: flex;justify-content: space-between;}
.description-container{
    width: 38%;
    padding-right: 30px;
}
.description-container h1{
    font-size: 32px;
    line-height: 36px;
    font-weight: 600;
    margin-bottom: 20px;
    color: #000;
}
.description-container p{margin-bottom: 20px;}
.description-container i{margin-right: 10px;color: #21c254;font-size: 18px;}
.form-declaration{
    font-size: 12px;
    line-height: 14px;
    color: #bbb;
}
.form-declaration a{color: #bbb;}
.form-container{
    width: 62%;
    background-color: #fafafa;
    padding-top: 10px;
    padding-right: 30px;
}
.form-container .form-list{padding-left: 30px;}
.form-container .form-list .fields{
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}
.form-container .form-list .fields .field{width: 48%;}
.form-container .form-list .field label{font-weight: 600;color: #000;margin: 5px 0;display: block;}
.form-container .form-list .field input{border: 1px solid #ddd;padding: 5px 10px;}
.form-container .form-list .field textarea{border: 1px solid #ddd;padding: 5px 10px;height: 100px;}
.form-container .form-list .field input.validate-optin{border: 1px solid #ccc;width: 15px;height: 15px;}
.form-container .form-list .field label.optin-label{font-weight: normal;margin: 2px;}
.form-container .form-list .form-group{display: flex;}
.form-container .form-list li.submit{text-align: right;}
.form-container .form-list li.submit input.sc-submit{
    border: 1px solid #ef8200;
    background: #ef8200;
    border-radius: 5px;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    padding: 7px 20px;
    margin: 10px 0;
}
.show-pc{display: block;}
.show-mobile{display: none;}

.toolbar-products{padding: 0;}
.product-image-container{border: 1px solid #ddd;display: block;}
.page-products .products-grid .product-item.pdf-product-item{
    width: 100%;
    border-bottom: 1px solid #ddd;
    margin-left: 0;
    padding-bottom: 25px;
}
.page-products .product-item.pdf-product-item .product-item-info{
    width: 100%;
    display: flex;
}
.page-products .product-item.pdf-product-item .product-item-details{
    margin-left: 50px;
}
.product-item-name.pdf-product-name a{position: relative;}
.product-item-name.pdf-product-name a::before{
    content: "\f1c1";
    font: normal normal normal 18px/1 FontAwesome;
    position: absolute;
    color: #53585a;
    left: -24px;
    top: 2px;
    cursor: pointer;
}
.page-products .product-item.pdf-product-item .info-box{display: flex;}
.page-products .product-item.pdf-product-item .info-item{margin-right: 100px;}
.info-item .label{
    color: #6c6d6f;
    font-weight: 600;
    display: block;
    margin-bottom: 6px;
    margin-top: 20px;
}
.info-item .value{
    color: #bbb;
    font-size: 14px;
    line-height: 18px;
}
.product-info-main .stock.available .qty-num{
    font-weight: normal;
}
.block.required .title strong {
    font-size: 24px;
    line-height: 30px;
}

.back_to_top{
    width: 40px;
    height: 38px;
    position: fixed;
    bottom: 7%;
    right: 2%;
    z-index: 9;
    background: #eee;
    cursor: pointer;
    color: #888;
    text-align: center;
    line-height: 38px;
}
.back_to_top:hover{background: #333;color:#fff;}

.create-account-tab{display: flex;margin: 30px 15% 0;}
.create-account-tab .person,.create-account-tab .wholesale{
    padding: 10px 25px 9px;
    font-size: 16px;
    background: #fff;
    border: 1px solid #ccc;
    cursor: pointer;
}
.create-account-tab .person:hover,.create-account-tab .wholesale:hover{
    background: #f0f0eb;
}
.create-account-tab .person{border-radius: 0 7px 0 0;}
.create-account-tab .wholesale{border-radius: 7px 0 0 0;}
.create-account-tab .active{background: #f0f0eb;border: 1px solid #f0f0eb;}
.customer-account-create .page-title-wrapper{display: none;}
.customer-account-create .form.create.account{
    max-width: 1280px;
    margin: 0 15% 3%;
    width: auto;
    padding: 30px;
    background: #f0f0eb;
    color: #6c6d6f;
}
.form.create .fieldset .legend{margin-left: 0;margin-bottom: 10px;font-weight: 600;}
.form.create .fieldset > .field{width: 48%;display: inline-block;margin-bottom: 10px;}
.form.create .fieldset > .personal-field{display: none;}
.form.create .fieldset > .field:nth-child(even){float: right;}
.form.create .fieldset > .field:not(.choice) > .label{
    float: none;
    width: 100%;
    text-align: left;
    margin-bottom: 5px;
}
.form.create .fieldset > .field:not(.choice) > .control{
    float: none;
    width: 100%;
}
.form.create .fieldset input,.form.create .fieldset select{
    height: 37px;
    border: 1px solid #ddd;
    color: #6c6d6f;
    font-size: 1.4rem;
}
.form.create .fieldset > .field.choice:before{
    display: none;
}
.form.create .fieldset > .field.choice input{height: auto;}
.form.create .actions-toolbar .primary{float: none;}
.form.create .actions-toolbar{text-align: right;margin-bottom: 20px;}
.form.create .action.primary{
    background-image: linear-gradient(to bottom,#ef8200,#eb6400);
    border: 0;
}
.form.create .fieldset select.research-select{height: 115px;}
.form.create .fieldset{margin-bottom: 20px;}
.form.create .fieldset.info{margin: 0;}
.mobile-control{display: flex;justify-content: space-between;}
.form.create .mobile-control .action.primary.get-validate-btn{width: 135px;padding: 10px;}

.catalog-product-view .product-info-main .price-box .price-wrapper .price, .catalog-product-view .product-options-bottom .price-box .price-wrapper .price{
    font-size: 32px;
    font-weight: 600;
    line-height: normal;
}
.product-info-main .price-box{
    margin: 12px 0 25px;
}
.product-info-main .price-box .special-price{display: inline-block;}
.product-info-main .price-box .old-price {font-size: 20px;color: #999;font-weight: normal;}
.product-info-main .price-box .old-price .price-wrapper .price{font-size: 20px;color: #999;font-weight: normal;margin-left: 10px;}
.product-info-main .price-box .price-label{display: none;}
.catalog-product-view .product-info-main .box-tocart .input-text.qty, .catalog-product-view .product-options-bottom .box-tocart .input-text.qty{
    width: 70px;
    height: 48px;
}
.catalog-product-view .product-info-main .box-tocart .action.tocart, .catalog-product-view .product-options-bottom .box-tocart .action.tocart{
    padding: 12px 26px;
}

.minicart-wrapper .minicart-items-wrapper{border: 0;}
.minicart-wrapper .block-minicart .subtotal{border-top: 1px solid #ddd;margin: 0;padding: 10px 0;}
.minicart-wrapper .block-minicart .items-total{margin: 10px 0;}
.header .minicart-wrapper .block-minicart{padding: 25px 20px 10px;}

.opc-block-shipping-information .shipping-information-title,.opc-block-summary > .title,.checkout-payment-method .step-title, .checkout-container .opc-wrapper .step-title{
    font-size: 22px;
    font-weight: 600;
}
.checkout-container .opc-sidebar{margin: 20px 0;}
.checkout-container .opc-progress-bar{margin: 42px 0; text-align: center;}
.checkout-payment-method .checkout-billing-address{display: none;}

.item-options.summary-detail ul{padding-left: 12px;margin-bottom: 10px;font-size: 12px;}
.item-options.summary-detail ul li{list-style: disc outside;margin-bottom: 0;}
.item-options.summary-detail ul ul{margin-top: 5px;}
.item-options.summary-detail ul ul li{list-style: circle outside;}
.table-order-items .item-options.summary-detail dt{margin-bottom: 5px;}

.page-layout-checkout  .page-header .header.content{padding: 20px 20px 0;}
.columns{margin-top: 30px;}
.cms-index-index .columns{margin-top: 0;}

.table-order-items dl,.table-order-items dd{margin-bottom: 10px;}
.page-print .header-content{display: none;}
.page-print .logo{margin: 20px 0;display: block;}

.xiaos_list_box{margin-bottom: 16px;}
.xiaos_list{width: 160px;}
.xiaos_list.has-error{border: 1px solid red;}
.sale-error-tip{color: red;margin-top: 5px;margin-left: 45px;font-size: 13px;}
.field-error-tip{color: red;margin-bottom: 10px;font-size: 13px;}
.item-details-info .title{display: flex;justify-content: space-between;margin-bottom: 15px; gap: 10px;}
.item-details-info .details-section {width: 18%;position: relative;}
.item-details-info .details-section .c_red{color: red;}
.item-details-info .details-section .yi-list-select{
    position: absolute;
    background-color: #fff;
    min-width: 150px;
    list-style: none;
    padding: 6px 0;
    margin: 0;
    box-sizing: border-box;
    border: 1px solid #d1d1d1;
    display: none;
    min-height: 50px;
    max-height: 200px;
    overflow: hidden;
    overflow-y: scroll;
    left: 0;
    top: 98%;
    width: 101%;
    z-index: 9;
}
.yi-list-select li:hover {
    background-color: #f5f7fa;
}
.item-details-info .details-section .yi-list-select li{margin: 0;padding: 5px;cursor: pointer;}
.item-details-info .title p{font-size: 12px;margin-bottom: 0;}
.item-details-info .title p input{margin-top: 3px;}
.item-details-info .title input{border: 1px solid #d1d1d1;padding: 5px 5%;
    height: 20px;width: 90%;
    font-size: 12px;
    box-sizing: initial;}
.item-details-info .title .useType input{width: auto;margin-top: 0;}
.item-details-info .title .useType label{display: inline-flex;align-items: center;margin: 10px 10px 0 0;}
.useType{font-size: 12px;}
.item-details-info .details-section.discount_off input{width: 77%;}
.details_same_btn{margin: 10px 0; color:#fff; background-image: linear-gradient(to bottom,#ef8200,#eb6400);}
.details_same_btn:hover{color:#fff; background-image: linear-gradient(to bottom,#ef8200,#eb6400);}
#shopping-cart-table .first-item .details_same_btn{display: none;}


div[name="shippingAddress.town"], div[name="shippingAddress.city_code"],
div[name="shippingAddress.district_code"], div[name="shippingAddress.town_code"],
div[name="shippingAddress.district"]{display: none}
.bundle-options-container .product-add-form {
     display: block;
}
.product-info-main .bundle-options-wrapper{display: none;}
.product-info-main .bundle-options-container .block-bundle-summary{
    width: auto;
    float: none;
    background: none;
    padding: 0;
}
.product-info-main .bundle-options-container .block-bundle-summary .price-box{
    display: none;
}
.product-info-main .bundle-options-container .block-bundle-summary .box-tocart .actions{
    display: table-cell;
}
.product-info-main .bundle-options-container .block-bundle-summary .box-tocart .fieldset:last-child{margin-bottom: 0;}
.bundle-options-container .block-bundle-summary .bundle.items > li .label{font-size: 17px;}
.bundle-options-container .block-bundle-summary .bundle.items > li .item{margin-top: 6px;}

/*cms静态页面video样式*/
.cms-page-view.page-layout-1column .block.widget .products-grid .product-item{
    width: calc((100% - 8%) / 4);
}
.cms-page-view.page-layout-1column .block.widget .products-grid .product-item .product-image-container{
    width: 100% !important;
}
.cms-page-view .infinite {
    font-size: 14px;
    color: #53585a;
    line-height: 20px;
}
.cms-page-view .author {
    margin-top: 8px;
}
.cms-page-view .author span {
    color: #bbb;
    font-size: 12px;
}
.related-bar-box .product-image-video {
    width: 39%;
}
.related-bar-box .product-image-video a{
    position: relative;
}
.related-bar-box .product-image-video img{display:block;border: 1px solid #ddd;}
.related-bar-box .product-image-video .duration,.product-pdf-slider .material .material-image .duration{
    color: #fff;
    position: absolute;
    right: 8px;
    bottom: 10px;
    font-size: 12px;
    padding: 1px 5px;
    background: rgba(0,0,0,.3);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: text;
    z-index: 9;
}
.cms-page-view .layout-grid{margin: 20px 0 0;}
.related-bar-box .info-related .product-name a {
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
    margin-top: 0;
    color: #53585a;
}
.related-bar-box .info-related .video-attributes {
    margin-top: 10px;
    font-size: 12px;
    color: #bbb;
    margin-bottom: 20px;
}
.cms-page-view .layout-3 h2 {
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
    margin-bottom: 18px;
    color: #53585a;
    margin-top: 0;
}
.cms-page-view .layout-grid h2 {
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
    margin-bottom: 18px;
    color: #53585a;
    margin-top: 0;
}
.cms-page-view .layout-12 .name-box p {
    margin-top: 1rem;
}
.cms-page-view .layout-12 .name-box a {
    font-size: 16px;
    font-weight: 600;
    color: #53585a;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}
.cms-page-view .layout-12 .product-details,.cms-page-view .layout-12 .product-details p{
    color: #6c6d6f;
    font-size: 14px;
    line-height: 18px;
}
.cms-page-view .page-title-wrapper {
    margin-top: 10px;
}
.cms-page-view h2{
    font-weight: bold;
}
.cms-page-view h3{
    font-size: 20px;
    font-weight: bold;
    margin: 30px 0 20px;
}
.cms-page-view h1.page-title {
    margin-bottom: 10px;
    margin-top: 0;
    font-weight: 600;
    font-size: 30px;
    color: #53585a;
}
.cms-page-view .infinite {
    margin-top: 20px;
    margin-bottom: 20px;
}

.left-content{
    margin-bottom: 15px;
    margin-right: 30px;
}
.left-content .section{
    margin-bottom: 30px;
}
.left-content .section.section-table{
    margin: 50px 0;
    color: #53585a;
}
.left-content .section  h1{
    font-size: 30px;
    margin: 0 0 30px;
    font-weight: bold;
    color: #53585a;
}
.left-content .section.pdf-info h1{
    border-bottom: 1px solid #bbb;
    margin: 0 0 12px;
    padding-bottom: 12px;
}
.left-content .document-attributes{
    font-size: 12px;
    color: #bbb;
    text-transform: uppercase;
    margin-bottom: 8px
}
.left-content .document-attributes ul{padding-left: 0;}
.left-content .document-attributes li{
    display: inline-block;
}
.left-content .document-attributes li:not(:last-child):after{
    content: "|";
    padding: 0 5px 0 7px;
    color: #bbb;
    display: inline-block;
}
.download-pdf{
    margin-bottom: 40px;
}
.download-pdf .sc-button{
    display: inline-block;
    padding: 6px 25px;
    font-size: 14px;
    font-weight: 700;
}
.sc-button.grey,.cms-page-view .sc-button.grey{
    -webkit-box-shadow: 0 2px 0 0 #d8d8d3;
    -moz-box-shadow: 0 2px 0 0 #d8d8d3;
    box-shadow: 0 2px 0 0 #d8d8d3;
    background-color: silver;
    background-image: -webkit-gradient(linear,left top,left bottom,from(silver),to(#a8a8a8));
    background-image: -webkit-linear-gradient(top,silver,#a8a8a8);
    background-image: -moz-linear-gradient(top,silver,#a8a8a8);
    background-image: -ms-linear-gradient(top,silver,#a8a8a8);
    background-image: -o-linear-gradient(top,silver,#a8a8a8);
    background-image: linear-gradient(to bottom,silver,#a8a8a8);
    border-radius: 5px;
    border: none;
    color: #fff;
    cursor: pointer;
}
.left-content .section h2{
    font-size: 20px;
    margin: 30px 0 20px;
    font-weight: bold;
    color: #53585a;
}
.left-content .section h3{
    font-size: 16px;
    margin: 20px 0 10px;
    font-weight: bold;
    color: #53585a;
}
.left-content .section h4{
    font-size: 14px;
    margin: 20px 0;
    font-weight: bold;
    color: #53585a;
}
.left-content .figure-image.retina {margin: 30px 0;}
.left-content .figure-image.retina img{
    zoom: .5;
}
.left-content .section .callout.grey{
    background: #f7f7f7;
    padding: 20px 25px;
    border-radius: 5px;
}
.left-content .section ol {
    padding-left: 16px;
}
.left-content .section ol li{
    list-style: number outside;
}
.left-content .section ol li a{
    list-style: number;
    color: #ef8200;
}
.left-content .section .table {
    border: 1px solid #eee;
    display: table;
    width: 100%;
}
.left-content .table .thead{
    display:table-header-group;
}
.left-content .table .tbody{
    display:table-row-group;
}
.left-content .table .tr{
    display: table-row;
}
.left-content .section .table .thead .tr{
    font-weight: bold;
    background: linear-gradient(#f8f8f8,#f1f1f1);
}
.left-content .section a{
    color: #ef8200;
}
.left-content .section .table .th{
    padding: 15px 20px;
    display: table-cell;
}
.left-content .section .table .td{
    padding: 10px 20px;
    display: table-cell;
}
.left-content .section .table .td .th{
    display: none;
}
.left-content .section ul{
    padding-left: 16px;
}
.left-content .section ul li{
    list-style: disc outside;
}
.left-content .section .figure-note{
    font-size: 12px;
    line-height: 16px;
    margin-top: 5px;
}
.left-content .materials {
    display: flex;
}
#resources h2{
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}
#resources h2 a{
    font-size: 13px;
}
.left-content .materials .tile{
    background: #f7f7f5;
    width: 23%;
    margin-left: 2%;
}
.left-content .materials .tile .material .material-image a, .left-content .materials .tile .material .material-image span,
.left-content .materials .tile .material .material-image img{
    display: block;
    max-width: 100%;
    height: auto;
    position: static;
    width: auto !important;
}
.left-content .materials .tile .material .type-name{
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    padding: 6px;
    background: #ef8200;
    text-align: center;
    letter-spacing: 2px;
}
.left-content .materials .tile .material .material-name{
    padding: 20px;
    font-weight: bold;
    min-height: 100px;
    align-items: center;
    display: flex;
    flex: 1;
    justify-content: center;
}
.left-content .view-all{
    margin: 20px 0;
    text-align: left;
}
.left-content .view-all a{color: #ef8200;}
.left-content .section-related .row{
    display: flex;
    justify-content: space-between;
}
.left-content .section-related .support-sect{width: 48%;}
.left-content .section-related .support-sect h3{
    margin: 8px 0 15px;
    font-size: 16px;
    color: #53585a;
}
.cms-page-view .clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}
.support-info .support-sect {
    margin-bottom: 30px;
}
.support-info .support-sect h1,.support-info .support-sect h2,.support-info .support-sect h3{
    margin-top: 5px;
}
.contact-form {
    padding: 20px;
    text-align: left;
    position: relative;
    margin-bottom: 30px;
    background: #EDEDED;
    border: 1px solid #EDEDED;
}

.contact-form .mini-title {
    margin-bottom: 20px;
    line-height: 1.5;
    color: #53585A;
    font-size: 16px;
    margin: 10px 0;
    font-weight: 700;
}

.contact-form .form-group {
    margin-bottom: 15px;
}

.contact-form .form-group .form-control.input-lg {
    height: 46px;
    font-size: 16px;
    border-radius: 3px;
    padding: 10px 16px;
    line-height: 1.33;
}

.cms-page-view .optin {
    position: relative;
    float: left;
}

.cms-page-view .optin input+label {
    cursor: pointer;
    position: absolute;
    width: 18px;
    height: 18px;
    left: 0;
    background: #fff;
    border: 1px solid #ccc;
    padding: 0;
    margin: 0;
}

.cms-page-view .optin input {
    position: absolute;
    left: 0;
    margin: 0;
    opacity: 0;
}

.cms-page-view .optin input+label:hover:after,
.cms-page-view .optin .optin-label:hover+input+label:after {
    opacity: 0.5;
}

.cms-page-view .optin input+label:after {
    opacity: 0;
    content: '';
    position: absolute;
    width: 8px;
    height: 3px;
    top: 5px;
    left: 4px;
    border: 3px solid #333;
    border-top: none;
    border-right: none;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.cms-page-view .optin input[type=checkbox]:checked+label:after,
.cms-page-view .optin .optin-label:hover+input[type=checkbox]:checked+label:after {
    opacity: 1;
}

input[type="checkbox"i] {
    background-color: initial;
    cursor: default;
    appearance: auto;
    box-sizing: border-box;
    margin: 3px 3px 3px 4px;
    padding: initial;
    border: initial;
}

.contact-form #form .optin label:after {
    top: 5px !important;
    left: 4px !important;
    width: 10px !important;
    height: 5px !important;
}

.cms-page-view .form .optin .optin-label {
    margin-left: 35px;
}

.contact-form #form .optin input+label {
    width: 20px;
    height: 20px;
}

.cms-page-view .optin .optin-label,
.cms-page-view .optin .optin-description {
    float: left;
    font-weight: 400;
    margin-left: 30px;
    cursor: pointer;
    padding: 0;
    font-size: 14px;
    line-height: 22px;
}

.cms-page-view .optin .optin-label,
.cms-page-view .optin .optin-description {
    float: left;
    font-weight: 400;
    margin-left: 35px;
    cursor: pointer;
    padding: 0;
    color: #000;
    font-size: 14px;
    line-height: 22px;
}

.btn-primary {
    background-color: #EF8200;
    background-image: none;
    box-shadow: none;
    padding: 13px 28px;
    border-radius: 3px;
    font-weight: bold;
    display: block;
    width: 100%;
    font-size: 18px;
    line-height: 1.33;
    color: #fff;
}

.has-half-padding-top {
    padding-top: 20px;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: #E27900 !important;
    box-shadow: none;
    color: #FFF !important;
    text-decoration: none;
    background: #e1e1e1;
    border: 1px solid #ccc;
}
.cms-page-view .general-disclaimer {
    border-top: 1px solid #bbb;
    padding-top: 20px;
    font-size: 10px;
    line-height: 14px;
    color: #bbb;
}
/* PC */
@media screen and (min-width: 1008px) {
    .cms-page-view .layout {
        display: flex;
        width: 100%;
        flex-basis: 100%;
        gap: 40px;
    }
    .cms-page-view .layout-7 {
        width: 58%;
    }
    .cms-page-view .layout-7 video{width:100%;}
    .cms-page-view .layout-3 {
        width: 42%
    }
    .cms-page-view .layout-3 .related-bar-box {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 40px;
    }
    .related-bar-box .info-related {
        width: 55%;
        padding-left: 5%;
    }
    .cms-page-view .layout-12 {
        display: flex;
        justify-content: space-between;
    }
    .cms-page-view .layout-12 .grid-products {
        width: 23.5%;
    }
    .cms-page-view .grid_2_lg {
        width: 15%;
        margin: 0 1% 20px;
        float: left;
    }
    .cms-page-view .grid_10_lg {
        width: 80%;
        margin: 0 1% 10px;
        float: left;
    }
    .cms-page-view .speaker-photo img{
        border-radius: 50%;
    }
    .cms-page-view .omega {
        margin-right: 0;
    }


    /*cms静态页面css*/
    .customer-cms-page{
        max-width: 1280px;
        margin: 30px auto;
    }
    .customer-cms-page .layout {
        display: flex;
        width: 100%;
        flex-basis: 100%;
        gap: 40px;
    }
    .customer-cms-page .layout-7 {
        width: 75%;
    }
    .customer-cms-page .layout-3 {
        width: 25%;
    }
    .customer-cms-page .layout-4 {
        width: 32%;
    }
    .customer-cms-page .infinite {
        font-size: 14px;
        color: #53585a;
        line-height: 20px;
    }
}

@media screen and (min-width: 1008px) {
    .header-content .nav-sections{display: none;}
}
@media (min-width: 1008px) and (max-width:1374px){
    .page-header .header.content{
        max-width: 1008px;
    }
    .page-footer .footer.content{
        max-width: 1008px;
    }
    .navigation, .breadcrumbs, .page-header .header.panel, .header.content, .footer.content, .page-wrapper>.widget, .page-wrapper>.page-bottom, .block.category.event, .top-container, .page-main{
        max-width: 1008px;
    }
    .under-product-description,.our-product-specialist .scientist-quotes-section{
        max-width: 1008px;
    }
    .product-details-tabs-wrapper .product-details-tabs,.page-main-pagebuilder-attributes .product-info-section{
        max-width: 1008px;
    }
}

@media (min-width: 768px) and (max-width:1007px){
    .page-footer .footer.content{
        max-width: 800px;
    }
    .page-header{margin-bottom: 0 !important;}
    .page-header .header.content{
        height: 150px;
        align-items: flex-start;
        justify-content: center;
    }
    .nav-toggle{display: block !important;}
    .header.content .navigation {
        display: none;
    }
    .header.content .block-search {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        text-align: right;
        padding: 13px 0 10px;
        background-color: #f7f7f7;
        border-top: 1px solid #e1e1e1;
        border-bottom: 1px solid #e1e1e1;
    }
    .header-account {
        margin-right: 20px;
    }
    .nav-toggle {
        top: auto;
        bottom: 4px;
    }
    .header-content .nav-sections {
        background: #fff;
    }
    .page-header.sticky .header.content{
        height: 46px;
    }
    .page-header.sticky .logo{
        display: none;
    }
    .home-about-us .grid_6_lg{
        margin: 0 0 30px;
    }
    .home-about-us .support-info .grid_8_lg{width: 58%;}
    .footer-content .footer-links{margin: 0 15px 0 10px;}

    .nav-before-open body {
        height: 100%;
        overflow: hidden;
        position: relative;
        width: 100%;
    }
    .nav-before-open .page-wrapper {
        -webkit-transition: left .3s;
        -moz-transition: left .3s;
        -ms-transition: left .3s;
        transition: left .3s;
        height: 100%;
        left: 0;
        overflow: hidden;
        position: relative;
    }
    .nav-open .page-wrapper {
        left: calc(100% - 54px);
    }
    .nav-sections {
        -webkit-overflow-scrolling: touch;
        -webkit-transition: left .3s;
        -moz-transition: left .3s;
        -ms-transition: left .3s;
        transition: left .3s;
        height: 100%;
        left: calc(-1 * (100% - 54px));
        overflow: auto;
        position: fixed;
        top: 0;
        width: calc(100% - 54px);
    }
    .nav-open .nav-toggle:after {
        background: rgba(0, 0, 0, 0.5);
        content: '';
        display: block;
        height: 100%;
        position: fixed;
        right: 0;
        top: 0;
        width: 100%;
        z-index: 1;
    }
    .nav-open .nav-sections {
        -webkit-box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75);
        -moz-box-shadow: 0 0 5px 0 rgba(50,50,50,0.75);
        -ms-box-shadow: 0 0 5px 0 rgba(50,50,50,0.75);
        box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75);
        left: 0;
        z-index: 99;
    }
    .navgation-mobile-menus ul {
        padding: 0;
        margin: 10px 0;
    }
    .navgation-mobile-menus ul{padding: 0;margin: 10px 0;}
    .navgation-mobile-menus ul li{margin: 0;border-bottom: 1px solid #ddd;}
    .navgation-mobile-menus ul li a{color: #ef8200;font-size: 1.6rem;font-weight: 600;padding: 20px;display: block;}
    .navgation-mobile-menus ul.sub-menus{display: none;background: #fff8ec;margin: 0;}
    .navgation-mobile-menus ul li.parent a::after{
        content: '\f067';
        color: #ef8200;
        font-size: 14px;
        float: right;
        font-family: 'FontAwesome';
        margin-top: 2px;
    }
    .navgation-mobile-menus ul li.parent.active a::after{
        content: '\f068';
    }
    .navgation-mobile-menus ul li.level1.parent a::after{
        content: '\f054';
    }

    .navgation-mobile-menus ul li li{margin: 0;border-top: 1px solid #ddd;border-bottom: 0;}
    .navgation-mobile-menus ul.sub-menus.level1{
        background: #fff;
    }
    .navgation-mobile-menus ul li.level1 a{color: #3b3f40;font-size: 1.5rem;}
    .navgation-mobile-menus ul li.level1.active a::after{
        content: '\f053';
        float: left;
        padding-right: 20px;
    }
    .navgation-mobile-menus ul li.level2 a::after{
        display: none;
    }

    .home-middle-content .search-section {
        flex-wrap: wrap;
        padding: 30px;
    }
    .home-middle-content .search-section h2{
        font-size: 18px;
        margin: 0 0 10px;
        width: 100%;
        text-align: center;
    }
    .home-middle-content .search-box{width: 100%;}
    .search-box .minisearch{justify-content: center;}
    .home-middle-content .search-box .minisearch input{height: 50px;width: 356px;}
    .home-middle-content .minisearch .actions button{height: 50px;}
    .feature-product ul, .feature-resource ul{flex-wrap: wrap;}
    .feature-product ul li, .feature-resource ul li {
        width: 48%;
        margin-bottom: 20px;
    }
    .link-box-wrapper .link-box-title{height: 80px;}

    .header .minisearch{padding: 25px;}
    .header .minisearch .close{display: none;}
}

/* mobile */
@media screen and (max-width: 768px) {
    .show-pc{display: none;}
    .show-mobile{display: block;}
    .page-header{margin-bottom: 0 !important;}
    .page-header .header.content{
        height: 150px;
        align-items: flex-start;
        justify-content: center;
    }
    .page-header.sticky .header.content{
        height: 46px;
    }
    .page-header.sticky .logo{
        display: none;
    }
    .header.content .navigation{
        display: none;
    }
    .header.content .block-search{
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        text-align: right;
        padding: 13px 0 10px;
        background-color: #f7f7f7;
        border-top: 1px solid #e1e1e1;
        border-bottom: 1px solid #e1e1e1;
    }
    .minicart-wrapper{
        position: absolute;
        bottom: 7px;
        right: 9px;
    }
    .header-account{margin-right: 20px;}
    .nav-toggle{top: auto;bottom: 4px;}
    .header.content .logo{
        margin-top: 30px;
        max-width: 66%;
    }
    .header-content .nav-sections{background: #fff;}
    .navgation-mobile-menus ul{padding: 0;margin: 10px 0;}
    .navgation-mobile-menus ul li{margin: 0;border-bottom: 1px solid #ddd;}
    .navgation-mobile-menus ul li a{color: #ef8200;font-size: 1.6rem;font-weight: 600;padding: 20px;display: block;}
    .navgation-mobile-menus ul.sub-menus{display: none;background: #fff8ec;margin: 0;}
    .navgation-mobile-menus ul li.parent a::after{
        content: '\f067';
        color: #ef8200;
        font-size: 14px;
        float: right;
        font-family: 'FontAwesome';
        margin-top: 2px;
    }
    .navgation-mobile-menus ul li.parent.active a::after{
        content: '\f068';
    }
    .navgation-mobile-menus ul li.level1.parent a::after{
        content: '\f054';
    }

    .navgation-mobile-menus ul li li{margin: 0;border-top: 1px solid #ddd;border-bottom: 0;}
    .navgation-mobile-menus ul.sub-menus.level1{
        background: #fff;
    }
    .navgation-mobile-menus ul li.level1 a{color: #3b3f40;font-size: 1.5rem;}
    .navgation-mobile-menus ul li.level1.active a::after{
        content: '\f053';
        float: left;
        padding-right: 20px;
    }
    .navgation-mobile-menus ul li.level2 a::after{
        display: none;
    }

    .cms-index-index#html-body .pagebuilder-slide-wrapper .pagebuilder-overlay {
        background-image: linear-gradient(to right,#474747b3,transparent);
        display: table;
        height: 200px;
        margin: 0 auto;
        padding: 20px 0 20px 20px;
        width: 100%;
    }
    .cms-index-index .pagebuilder-slide-wrapper .pagebuilder-collage-content{
        width: 60%;
        padding-top: 6%;
    }
    .cms-index-index .pagebuilder-slide-wrapper .pagebuilder-collage-content h3{
        display: none;
    }
    .cms-index-index .pagebuilder-slide-wrapper .pagebuilder-collage-content h1{
        color: #fff;
        font-size: 24px;
        font-weight: 600;
        overflow: hidden;
    }
    .cms-index-index .pagebuilder-slide-wrapper .pagebuilder-collage-content p{
        color: #fff !important;
    }
    .cms-index-index .pagebuilder-slide-wrapper .pagebuilder-collage-content a{
        color: #fff !important;
    }
    .home-middle-content .search-section{
        flex-wrap: wrap;
        padding: 30px;
    }
    .home-middle-content .search-section h2{
        font-size: 18px;
        margin: 0 0 10px;
        width: 100%;
        text-align: center;
    }
    .home-middle-content .search-box{width: 100%;}
    .search-box .minisearch{
        justify-content: center;
    }
    .home-middle-content .search-box .minisearch input{height: 50px;width: 275px;}
    .home-middle-content .minisearch .actions button{height: 50px;}
    .feature-product ul,.feature-resource ul{
        flex-wrap: wrap;
    }
    .feature-product ul li,.feature-resource ul li{
        width: 48%;
        margin-bottom: 20px;
    }
    .featured-box-description h3,.feature-resource .featured-box-title{
        font-size: 16px;
    }
    .feature-product .featured-box-description p{display: none;}
    .feature-product .featured-box-text{
        height: 130px;
    }
    .feature-product .featured-box-description{
        padding: 10px 10px 12px;
    }
    .featured-box-description .featured-box-button{margin-top: 15px;}
    .category-search ul li a{padding: 20px 10px;}
    .category-search ul li{width: 30%;}
    .link-box-wrapper .link-box{width: 31%;margin-bottom: 5px;}
    .link-box-wrapper .link-box-title{height: 95px;font-size: 14px;}
    
    .service-learning .link-box-image img{display: block;}
    .service-learning .link-box-text{padding: 10px 20px 30px;}
    .service-learning .link-box-wrapper .link-box-title{padding: 5px 0;margin: 5px 0;text-align: left;}
    .service-learning .link-box-link a{font-size: 14px;}
    .home-about-us .grid_6_lg{width: 100%;}
    .home-about-us .support-info{flex-wrap: wrap;}
    .home-about-us .support-info .grid_4_lg{width: 100%;text-align: center;}
    .home-about-us .support-info .grid_8_lg{width: 100%;padding: 20px;text-align: center;}
    .home-about-us .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 12%;}
    .home-about-us .swiper-pagination-bullet{width: 10px;height: 10px;border: 1px solid #b3b3b3;background: #fff;opacity: 1;}
    .home-about-us .swiper-pagination-bullet-active{background: #ef8200;border: 1px solid #ef8200;}

    .footer-content {text-align: center;}
    .footer-content .footer-contact-us{width: 100%;}
    .footer-content .footer-contact-us ul{display: flex;justify-content: center;}
    .footer.content{margin: 0; padding: 10px 0;}
    .footer-contact-us li{padding: 0 30px;}
    .footer-contact-us .social-links ul li{padding: 10px; margin: 0;}
    .footer-contetnt-info p{font-size: 11px;font-weight: 600;}
    .copyright{flex-wrap: wrap;}
    .copyright span{display: block;width: 100%;font-size: 11px;text-align: center;}
    .copyright ul{width: 100%;margin-top: 5px;justify-content: center;}
    .copyright ul li {font-size: 11px;}
    .copyright ul li:first-child{border: 0;}
    .footer-content.show-pc{display: none;}
    .copyright ul{padding: 0;margin-top: 5px;}

    .catalog-category-view.page-with-filter .columns .sidebar-main{order: 2;}
    .toolbar .modes{float: left;margin-right: 10px;display: block;}
    .toolbar .toolbar-sorter{float: right;}
    .modes-mode {
        color: #7d7d7d;
        border: 1px solid #d1d1d1;
        border-right: 0;
        font-weight: 400;
        line-height: 1;
        padding: 7px 10px;
        text-align: center;
        text-decoration: none;
        float: left;
    }
    .modes-label,.sorter-label{display: none;}
    .modes-mode.active {
        color: #a6a6a6;
    }
    .modes-mode:before {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 24px;
        line-height: inherit;
        color: #7d7d7d;
        content: '\e60d';
        font-family: 'icons-blank-theme';
        vertical-align: middle;
        display: inline-block;
        font-weight: normal;
        overflow: hidden;
        speak: none;
        text-align: center;
    }
    .mode-list:before {
        content: '\e60b';
    }
    .modes-mode > span{display: none;}
    .modes-mode:last-child {
        border-right: 1px solid #d1d1d1;
    }
    .toolbar-amount{
        float: left;
    }


    .under-product-description .product-note-box{width: auto;}
    .product-your-protocol ul li{max-width: 165px;margin: 15px 15px 15px 0;}
    .product-your-protocol{margin: 40px 0;}
    .our-product-specialist .scientist-quotes-section{flex-wrap: wrap;}
    .our-product-specialist .scientist-quotes-section .quote-info{width: 100%;text-align: center;}
    .our-product-specialist .scientist-quotes-section .round-image{margin: 0 auto 30px;}
    .product-details-tabs-wrapper{background: #fff;width: 100%;overflow-x: scroll;top:151px;margin-top: -10px;}
    .product-details-tabs-wrapper::-webkit-scrollbar{display: none;}
    .product-details-tabs-wrapper .product-details-tabs{border-bottom: 4px solid #ededed;width: 1200px;}
    .product-details-tabs-wrapper .product-details-tabs .data-item{margin-bottom: -4px;}
    .product-info-section .table .lot-number,.product-info-section .table .language{display: none;}
    #section-applications .table .td .step a span{height: 20px;overflow: hidden;display: inline-block;}
    .product-pdf-slider .material{height: 300px;}
    .product-pdf-slider .material .material-name{padding: 12px 10px;}
    .header .block-search .block-content .cover{
        background: grey;
    }
    .header .minisearch{padding: 25px;}
    .header .minisearch .close{display: none;}
    .header .block-search .minisearch-box{width: 92%;}
    .block-search .label{display: none;}
    .block-search .action.search {
        display: inline-block;
        position: absolute;
        right: 10px;
        top: 3px;
        z-index: 1;
    }
    .header .block-search .action.search:before{
        right: 0;
    }
    .header .block-search .control{margin: 0;}
    .header .minisearch .close::after{right: -20px;}
    .block-search .label.active + .control input{margin: 0;}
    .modal-popup.modal-slide._inner-scroll .modal-inner-wrap{width: 95%;}
    .modal-popup.modal-slide._inner-scroll{
        left: 5%;
        top: 50%;
        transform: translateY(-50%);
        height: 70vh;
    }
    .modal-popup.modal-slide._inner-scroll.get-price-modal{height: 90vh;}
    .request-pricing-wrapper{flex-wrap: wrap;}
    .description-container{width: 100%;padding: 0;}
    .form-container{width: 100%;padding: 10px;margin-top: 20px;}
    .modal-popup._inner-scroll .modal-content{padding: 0 20px 20px;}
    .form-container .form-list{padding: 0;margin: 0;}
    .form-container .form-list li.submit{margin: 0;}

    .products-grid .product-item{margin-bottom: 20px;}
    .page-products .product-item.pdf-product-item .product-item-info{display: block;}
    .page-products .product-item.pdf-product-item .product-item-details{
        margin-left: 27px;
        margin-top: 20px;
    }
    .page-products .product-item.pdf-product-item .product-image-container{width: 100% !important;}
    .page-products .product-item.pdf-product-item .product-image-photo{width: 100%;}
    .page-products .product-item.pdf-product-item .info-item:last-child{
        margin-right: 0;
    }

    .customer-account-create .form.create.account{margin: 0 0 30px;padding: 20px;}
    .form.create .fieldset > .field{display: block;width: 100%;}
    .form.create .fieldset > .field.personal-field{display: none;}
    .form.create .fieldset > .field:nth-child(even){float: none;}
    .form.create .fieldset input, .form.create .fieldset select{height: 42px;}
    .create-account-tab{margin: 30px 0 0;}
    .form.create .action.primary{padding: 15px;}

    .minicart-wrapper .action.showcart .counter.qty.empty{display: inline-block;}

    .opc-estimated-wrapper{position: relative;border: 0;}
    .opc-estimated-wrapper .minicart-wrapper{bottom: 18px;}
    .opc-block-shipping-information .shipping-information-title, .opc-block-summary > .title, .checkout-payment-method .step-title,.checkout-container .opc-wrapper .step-title{
        font-size: 18px;
    }

    .xiaos_list{width: 85%;}
    .item-details-info .title{flex-wrap: wrap;justify-content:flex-start;margin-bottom: 10px;}
    .item-details-info .details-section{width: 31.3%;margin: 0 2% 10px 0;}
    .item-details-info .details-section.discount_off{width: 50%;}

    .product-info-main .bundle-options-container .block-bundle-summary .box-tocart .actions{
        display: block;
    }

    /*cms静态页面video样式*/
    .cms-page-view h1.page-title{
        font-size: 24px;
    }
    .cms-page-view .layout-3 .related-bar-box {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 40px;
    }
    .related-bar-box .product-image-video {
        width: 42%;
    }
    .related-bar-box .info-related {
        width: 53%;
        padding-left: 4%;
    }
    .cms-page-view .layout-12 .grid-products {
        display: flex;
        justify-content: space-between;
        margin-bottom: 20px;
    }
    .cms-page-view .layout-12 .grid-products .img-box {
        width: 37%
    }
    .cms-page-view .layout-12 .grid-products .name-box {
        width: 58%
    }
    .cms-page-view .layout-12 .name-box a {
        line-height: 18px;
        margin-top: 0;
    }

    .left-content{margin-right: 0;}
    .left-content .section h2{font-size: 16px;}
    .left-content .section .table .thead{display: none;}
    .left-content .section .table .tr:nth-child(odd){
        background: #f8f8f8;
    }
    .left-content .section .table.reformat-table .tr{padding: 10px 0;display: block;}
    .left-content .section .table .td{
        display: block;
        padding: 6px 10px;
        width: auto;
    }
    .left-content .section .table .td .th{
        display: block;
        width: auto;
        padding: 0 0 5px;
        font-weight: bold;
    }
    .left-content .materials{display: block;margin-left: 0;}
    .left-content .materials .tile{
        width: 100%;
        margin-bottom: 15px;
        margin-left: 0;
    }
    .left-content .materials .tile .material .material-name{min-height: 30px;}
    .left-content .section-related .row{display: block;}
    .left-content .section-related .support-sect{
        width: 100%;
        margin-bottom: 25px;
    }
    .swiper-container.home-aboutus-slider.show-mobile{
        display: none;
    }
}

@media screen and (max-width: 460px) {
    .home-about-us .iso-slider-wrapper{display: none;}
    .home-about-us .support-info{background: #f7f7f5;}
    .service-learning .link-box-wrapper .link-box{
        width: 100%;
        margin-bottom: 20px;
        display: flex;
    }
    .service-learning .link-box-wrapper .link-box .link-box-image{width: 50%;}
    .service-learning .link-box-text{text-align: left;padding: 10px 15px 15px;width: 50%;}
    .service-learning a{
        display: block;
        height: 100%;
    }
    .service-learning .link-box-image img{
        height: 100%;
        object-fit: cover;
    }
    .swiper-container.home-aboutus-slider.show-mobile{
        display: block;
    }
    .home-about-us .support-info .grid_8_lg{
        padding: 20px 20px 60px;
    }
}

/*cms静态页面css*/
.page-title-wrapper {
    margin: 0;
}
h1.page-title {
    margin-bottom: 10px;
    margin-top: 0;
    font-weight: 700;
    font-size: 34px;
    line-height: 40px;
    color: #53585a;
}

.section .figure .figure-note {
    font-size: 12px;
    line-height: 16px;
}

.section ul,
.section li {
    list-style: unset !important;
}

.section .figure .figure-description,
.section .figure .figure-note {
    margin-bottom: 5px;
}

.section .callout.orange {
    background: #fef5eb;
    padding: 20px 25px;
    border-radius: 5px;
    margin-bottom: 30px;
}
.section .callout.orange h3{
    margin-top: 0;
}
.support-info .support-advantage li {
    margin-bottom: 10px;
}

ul.support-advantage {
    padding: 0 0 0 15px;
}

.section label,
.section strong,
.section b {
  font-weight: 700;
  color: #6c6d6f;
}
.section {
  color: #53585a;
  margin-bottom: 30px;
  font-size: 14px;
  line-height: 20px;
  scroll-margin-top: 80px;
}
.section a,.section a strong{color: #ef8200;}
table>thead>tr>th,
table>tbody>tr>th,
table>tfoot>tr>th,
table>thead>tr>td,
table>tbody>tr>td,
table>tfoot>tr>td {
  padding: 11px 10px;
  vertical-align: top;
}
table thead tr {
  background: linear-gradient(#f8f8f8, #f1f1f1);
}
table {
  border: 1px solid #eee;
  font-size: 14px;
}
table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  max-width: 100%;
}
.section ol {
  list-style-type: decimal;
}
.section ul.disc,
.section ol {
  padding-left: 18px;
}
.section ul,
.section ol {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 10px;
}
.section h2 {
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
  margin-bottom: 18px;
}
.section h3 {
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  margin-bottom: 0.69em;
}
.customer-cms-page .document-attributes {
  font-size: 12px;
  color: #bbb;
  text-transform: uppercase;
  margin-bottom: 8px;
}
.customer-cms-page .document-attributes ul {
  padding: 0;
}
.customer-cms-page .document-attributes li {
  display: inline-block;
}
.customer-cms-page .document-attributes li:not(:last-child):after {
  content: "|";
  padding: 0 5px 0 7px;
  color: #bbb;
  display: inline-block;
}
.product-header h1{
  margin-bottom: 15px;
  font-size: 32px;
  font-weight: bold;
}
.product-header {
  margin: 10px 0;
  border-bottom: 1px solid #bbb;
}
.download-pdf {
  margin: 0 0 40px;
}
.download-pdf .sc-button {
  display: inline-block;
  padding: 6px 25px;
  font-size: 14px;
  box-shadow: 0 2px 0 0 #d8d8d3;
  background-color: silver;
  background-image: linear-gradient(to bottom, silver, #a8a8a8);
  border-radius: 5px;
  border: none;
  color: #fff;
  cursor: pointer;
  font-weight: 700;
}
.anchor-bar.section {
  padding: 20px 25px;
  border: 1px solid #f7c07f;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.anchor-bar.section a {
  border-bottom: none;
  color: #53585a;
  text-decoration: underline;
  padding: 7px 0;
  position: relative;
  margin-left: 25px;
  font-size: 14px;
  line-height: 18px;
  display: block;
  font-weight: 400;
  margin-bottom: 0;
}
.anchor-bar.section a:before {
  display: inline-block;
  position: absolute;
  left: -25px;
  color: #ef8200;
  font: normal normal normal 14px / 1 FontAwesome;
  font-size: 16px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  content: "\f103";
  vertical-align: middle;
  margin-top: 1px;
}
.section .table.reformat-table {
  display: table;
  width: 100%;
  border: 1px solid #eee;
  font-size: 14px;
}
.section .table .thead {
  display: table-header-group;
}
.section .table .tbody {
  display: table-row-group;
}
.table .tr {
  display: table-row;
}
.section .table .thead .tr{
  font-weight: 700;
  background: linear-gradient(#f8f8f8, #f1f1f1);
}
.section .table .th, .section .table .td {
  display: table-cell;
  vertical-align: middle;
  padding: 15px 20px;
}
.section.reference ol li, .section.reference ul li {
  font-size: 10px;
  line-height: 12px;
  margin-bottom: 2px;
}
.section .orange h2{margin-top: 0;}
.cms-page-view .comparison-block {
    position: relative;
}
.cms-page-view .comparison-block .iso-slider-container {
    background: #fafafa;
    padding-left: 50px;
    padding-right: 50px;
    padding-bottom: 20px;
    margin-top: 10px;
    position: relative;
}
.cms-page-view .comparison-block .iso-slider-container {
    overflow: hidden;
    height: 295px;
}
.cms-page-view .slick-track{
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.comparison-block .iso-slider-container .comparison-detail h1 {
    font-size: 15px;
    line-height: 22px;
    padding: .5rem;
    margin-bottom: 1rem;
    font-weight: 700;
}
.comparison-block .iso-slider-container .comparison-detail h1 a{
color: #53585a;
}
.cms-page-view .comparison-image img {
    border: 1px solid #f0f0eb;
    max-height: none;
}
.cms-page-view .comparison-block .expand-comparison.active, .cms-page-view .comparison-block .collapse-comparison.active {
    display: block;
}
.cms-page-view .comparison-block .expand-comparison, .cms-page-view .comparison-block .collapse-comparison {
    position: absolute;
    width: 100%;
    background: #ededec;
    text-align: center;
    color: #ef8200;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    padding: 10px 0;
    bottom: 0;
    z-index: 9;
    cursor: pointer;
    display: none;
}
.expand-comparison i, .collapse-comparison i{
    margin-left: 6px;
}
.cms-page-view .slick-track .slick-slide{margin: 0 12px;}
.cms-page-view .slick-track .slick-slide .section,.cms-page-view .slick-track .slick-slide .section .callout.orange{
    margin-bottom: 0;
}
.cms-page-view .comparison-info-sect {
    padding: 12px 0 0;
}
.cms-page-view .comparison-info-sect h2{
    margin-top: 0;
    font-size: 14px;
    margin-bottom: 0;
}
.cms-page-view .comparison-info-sect ul{
    padding-left: 15px;
    list-style: disc !important;
}
.cms-page-view .comparison-detail{
    margin: 17px 0;
}
.cms-page-view .comparison-detail .comparison-image{min-height: 210px;}
.cms-page-view .sc-button {
    padding: 5px 30px;
    margin: 10px 0;
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: none;
    color: #fff;
    cursor: pointer;
    background-color: #ef8200;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ef8200), to(#eb6400));
    background-image: -webkit-linear-gradient(top, #ef8200, #eb6400);
    background-image: -moz-linear-gradient(top,#ef8200,#eb6400);
    background-image: -ms-linear-gradient(top,#ef8200,#eb6400);
    background-image: -o-linear-gradient(top,#ef8200,#eb6400);
    background-image: linear-gradient(to bottom, #ef8200, #eb6400);
}
.cms-page-view .cloumn-2 {
    display:flex;
    justify-content: space-between;
    margin: 0 0 20px;
    flex-wrap: wrap;
}
.cms-page-view .cloumn-2 .col{
    width: 48%;
}
.cms-page-view .cloumn-2 .col-4{
    width: 32%;
}
.cms-page-view .cloumn-2 .col-8{
    width: 64%;
}
.cms-page-view .cloumn-2 .col-3{
    width: 23%;
    margin-bottom: 20px;
}
.carousel {
width: 100%;
height: auto;
overflow-x: scroll;
overflow-y: hidden;
display: flex;
max-width: 921px;
padding-bottom: 10px;
}
.carousel .slide-block {
min-width: 300px;
width: 300px;
padding-right: 20px;
display: flex;
}
.carousel .inner-block {
    background: #f7f7f5;
    border: 1px solid #F0F0EB;
}
.carousel .link-box-text {
    padding: 20px;
}
.carousel .link-box-text h3{
    margin-top: 0;
}
.cms-page-view .block-related-cell-types, .block.sidebar{
    margin-bottom: 28px;
    border: 1px solid #d6d6d6;
}
.cms-page-view .block-related-cell-types .block-title,.block.sidebar .block-title{
    background-color: #f7f7f7;
    margin-bottom: 0;
    border-bottom: 1px solid #d6d6d6;
    font-size: 15px;
    padding: 10px 20px;
}
.page-main .columns .sidebar.sidebar-main .block-vertical-nav .block-content dl dd {
    border-top: 1px solid #d4d4d4;
    border-bottom: 1px solid #d4d4d4;
    padding: 6px 0;
    margin-bottom: 0;
}
.page-main .columns .sidebar.sidebar-main .block-vertical-nav .block-content dl dd ol{
    padding: 12px 0 2px;
    margin: 0;
}
.cms-page-view .block-related-cell-types ul,.block.sidebar ul{
    padding: 10px 20px;
    margin-bottom: 2px;
}
.cms-page-view .block-related-cell-types ul li,.block.sidebar ul li{margin: 0;}
.cms-page-view .block-related-cell-types ul li a,.block.sidebar ul li a{
    padding: 10px 0;
    font-size: 15px;
    display: block;
}
.cms-page-view .section>h1, .cms-page-view .page-title>h1 {
    font-weight: 700;
    font-size: 3.6rem;
    line-height: 4.4rem;
    color: #53585a;
    margin-bottom: 10px;
}
.cms-page-view .page-title h1.sub-title {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 18px;
    color: #6c6d6f;
    margin-top: 5px;
}

.cms-page-view .section .callout.grey {
    background: #f7f7f7;
    padding: 20px;
    border-radius: 5px;
    margin-bottom: 30px;
}
.cms-page-view .section .callout.grey h3{margin-top: 0;}
.cms-page-view .featured-box{border: 1px solid #d6d6d6;}
.cms-page-view .featured-box img{display: block;}
.cms-page-view .featured-box-image {
    padding: 4px;
    border: 1px solid #d6d6d6;
}
.cms-page-view .support-info .support-image img{
    border: 1px solid #f0f0eb;
    max-height: 150px;
}
.cms-page-view .featured-box-image img{
    width: 100%;
    display: block;
}
.cms-page-view .type-name {
    font-size: 11px;
    line-height: 24px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    padding: 0;
    background: #ef8200;
    text-align: center;
    letter-spacing: 1px;
}
.cms-page-view .material-image{position: relative;}
.cms-page-view .duration {
    color: #fff;
    position: absolute;
    right: 10px;
    bottom: 10px;
    top: unset;
    font-size: 14px;
    padding: 1px 5px;
    background: rgba(0, 0, 0, .3);
    border-radius: 3px;
    z-index: 9;
}
.cms-page-view .material-name {
    align-items: center;
    display: flex;
    flex: 1;
    justify-content: center;
    padding: 15px 20px 20px;
    color: #53585a;
    font-size: 15px;
    line-height: 24px;
    font-weight: 700;
    text-align: center;
}
.materials .tile .material {
    margin-bottom: 10px;
    background-color: #f7f7f5;
    min-height: 280px;
}
.cms-page-view .product-image-wrapper{
    height: auto;
    padding-bottom: 0 !important;
}
.cms-page-view .product-image-photo{
    position: static;
}

.publications-section .publications .publication {
    border-bottom: 1px solid #ddd;
    padding: 20px 0;
    width: 100%;
}
.publications-section .publications .publication:last-child{
    border-bottom: 0;
}
.customer-cms-page .layout-7 .category-description{margin: 0;}
.customer-cms-page .layout-7 .category-description h2{
    font-size: 20px;
}
.customer-cms-page .layout-7 h1{
    font-size: 28px;
    margin-bottom: 20px;
    font-weight: bold;
}
.publications-section .publications .publication .heading{
    display: flex;
    justify-content: space-between;
    cursor: pointer;
}
.publications-section .publications .publication .reference-name{
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    margin: 5px 0;
    display: block;
}
.publications-section .publications .publication .reference-author::after{
    content: ' ';
    width: 1px;
    height: 12px;
    background-color: #6c6d6f;
    display: inline-block;
    margin: 0 5px -1px;
}
.publications .publication .heading .show-abstract i{
    background: #53585a;
    height: 18px;
    position: relative;
    width: 3px;
    margin-right: 8px;
    margin-top: 7px;
}
.publications .publication.show .heading .show-abstract i{
    background: none;
}
.publications .publication .abstract{display: none;}
.publications .publication.show .abstract{display: grid;}
.publications .publication .heading .show-abstract i:before{
    background: #53585a;
    content: "";
    height: 3px;
    left: -8px;
    position: absolute;
    top: 7px;
    width: 18px;
}
.publication-list-all {margin: 20px 0;text-align: center;}
.publication-list-all .list-all{
    border: 1px solid #ef8200;
    border-radius: 4px;
    font-size: 16px;
    line-height: 22px;
    padding: 8px 18px;
    color: #ef8200;
    display: inline-block;
    margin-top: 10px;
    cursor: pointer;
}
.publication-list-all .list-all::before{
    font-family: FontAwesome;
    content: '\f045';
    margin-right: 5px;
    color: #53585a;
}
.product-info-section .faq-section,
.product-info-section .publications-section{
    margin-top: 30px;
}
.product-info-section .faq-section .faqs .faq{
    border-bottom: 1px solid #f1f1ec;
    padding: 25px 0;
}
.product-info-section .faq-section .faqs .faq .question{
    font-size: 16px;
    line-height: 24px;
    color: #53585a;
    font-weight: 400;
    margin-bottom: 0;
    cursor: pointer;
}
.product-info-section .faq-section .faqs .faq .question span{
    display: inline-block;
    width: 92%;
}
.product-info-section .faq-section .faqs .faq .question i{
    float: right;
    background: #53585a;
    height: 18px;
    position: relative;
    width: 3px;
    margin-right: 8px;
}
.product-info-section .faq-section .faqs .faq .question i::before{
    display: none;
}
.product-info-section .faq-section .faq .question.active i{
    background: 0;
}
.product-info-section .faq-section .faqs .faq .question i:after{
    background: #53585a;
    content: "";
    height: 3px;
    left: -8px;
    position: absolute;
    top: 7px;
    width: 18px;
}
.product-info-section .faq-section .faq .answer {
    display: none;
    padding-left: 0;
    margin-top: 15px;
    font-size: 16px;
    line-height: 24px;
    color: #6c6d6f;
}
.section.accordion .faq {
    border-top: 1px solid #f1f1ec;
    padding: 15px 0;
    width: 100%;
}
.section.accordion .faq .question {
    font-size: 15px;
    font-weight: 700;
    line-height: 20px;
    cursor: pointer;
    margin-bottom: 0;
    padding: 0 15px;
}
.section.accordion .faq .fa-plus-circle{
    color: #bbb;
}
.section.accordion .faq .active .fa-plus-circle::before{
    content: "\f056";
}
.section.accordion .faq .question:hover, .section.accordion .faq .question.active{
    color: #ef8200;
}
.section.accordion .faq .answer {
    display: none;
    font-size: 14px;
    line-height: 18px;
    margin-top: 10px;
    margin-left: 21px;
}
.accordion .faq .question span {
    display: inline-block;
    font-size: 15px;
    line-height: 22px;
    width: 95%;
}
.grid_2_lg:nth-child(6n+1), .grid_3_lg:nth-child(4n+1), .grid_4_lg:nth-child(3n+1), .grid_6_lg:nth-child(2n+1) {
    margin-left: 0;
    clear: left;
}
.grid_2_lg:nth-child(6n), .grid_3_lg:nth-child(4n), .grid_4_lg:nth-child(3n), .grid_6_lg:nth-child(2n) {
    margin-right: 0;
    float: right;
    clear: right;
}
.cms-page-view .materials .grid_3_lg {
    width: 23.5%;
    margin: 0 1% 15px;
    float: left;
}
.cms-page-view .materials .grid_3_lg:nth-child(4n+1) {
    margin-left: 0;
    clear: left;
}
.cms-page-view .materials .grid_3_lg:nth-child(4n) {
    margin-right: 0;
    clear: right;
}
.grid_4_lg {
    width: 32%;
    margin: 0 1% 15px;
    float: left;
}
.grid_6_lg {
    width: 48%;
    margin: 0 2% 20px;
    float: left;
}
.grid_6_lg h2{
    margin-top: 10px;
}
.grid_8_lg {
    width: 64%;
    margin: 0 1% 10px;
    float: left;
}
.comparison-block .iso-slider-container .next,.comparison-block .iso-slider-container .prev{
    position: absolute;
    top: 0;
    height: 295px;
    background: #fafafa;
    z-index: 9;
    padding: 0 15px;
    font-size: 20px;
    color: #bbb;
    line-height: 295px;
    display: block;
}
.comparison-block .iso-slider-container .prev{
    left: 0;
}
.comparison-block .iso-slider-container .next{
    right: 0;
}

.popular-categories {
    margin: 5px 0 20px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 2%;
    grid-row-gap: 35px;
}
.popular-categories .category-box {
    background-color: #fafafa;
}
.popular-categories .category-box .category-image{
    margin-bottom: 0;
}
.popular-categories .category-box .category-image img{
    display: block;
}
.popular-categories .category-box .category-text {
    display: block;
    padding: 15px;
    text-align: center;
}
.popular-categories .category-box .category-text a {
    font-size: 14px;
    color: #53585a;
    line-height: 20px;
    font-weight: 700;
}
.popular-categories .category-box .category-text a:hover{
    color: #ef8200;
}
.block-category-list{
    padding: 20px;
    background-color: #f7f7f5;
    margin-bottom: 20px;
}
.block-category-list .block-title{
    font-size: 18px;
}
.block-category-list ul{
    padding-left: 0;
    margin-top: 20px;
}
.block-category-list ul li{
    margin-bottom: 15px;
    font-size: 15px;
    font-weight: 600;
}
.block-category-list ul li a:hover{
    color: #ef8200;
}
.workflow-wrapper .grid_4_lg {
    width: 33%;
    margin: 0 .25%;
    float: left;
}
.workflow-wrapper .grid_4_lg:nth-child(3n+1) {
    margin-left: 0;
    clear: left;
}
.workflow-wrapper .grid_4_lg:nth-child(3n) {
    margin-right: 0;
    float: right;
    clear: right;
}
.customer-cms-page .link-box-wrapper {
    justify-content: inherit;
}
.customer-cms-page .link-box-wrapper .link-box{
    text-align: center;
    background: #fafafa;
    box-sizing: border-box;
    display: block;
}
.customer-cms-page .link-box {
    text-align: center;
    background: #fafafa;
}

.customer-cms-page .link-box-wrapper .link-box-text{
    padding: 20px;
}
.customer-cms-page .link-box-wrapper .link-box-text a{
    color: #ef8200;
}
.section.item-row .link-box-wrapper .link-box-text{
    padding: 20px 20px 30px;
}
.customer-cms-page .link-box-wrapper .link-box-title{
    font-size: 16px;
    line-height: 20px;
    color: #53585a;
    height: auto;
    padding: 10px 0 20px;
    margin: 0;
}
.section .learn-more .slick-slider-wrapper .tile.grid_3_lg, #html-body.catalog-product-view .learn-more .slick-slider-wrapper .tile.grid_3_lg {
    width: 22.5%;
    margin: 0 3.3% 20px 0;
    float: left;
}
.section .learn-more .slick-slider-wrapper .tile.grid_3_lg:nth-child(4n), #html-body.catalog-product-view .learn-more .slick-slider-wrapper .tile.grid_3_lg:nth-child(4n) {
    margin-right: 0;
}
.section .video-container iframe{
    width: 100%;
    min-height: 240px;
    border: 0;
}
.comparison-content-box{
    display: flex;
    justify-content: space-between;
}
.comparison-content-box .comparison-left{
    width: 35%;
}
.comparison-content-box .comparison-middle{
    width: 25%;
}
.comparison-content-box .comparison-right{
    width: 32%;
}
.cms-page-view .comparison-content-box .comparison-info-sect{
    padding: 0 0 7px;
}
.cms-page-view .section .grid_4_lg {
    width: 31%;
    margin: 0 1% 15px;
    float: left;
    min-height: auto !important;
}
.cms-page-view .section .grid_8_lg {
    float: left;
    width: 64%;
    margin: 0 1% 10px;
}
.column.main .widget.block:last-child{
    margin-bottom: 20px;
}
.cms-page-view .workflow-box {
    background: #fafafa;
    display: flex;
    margin-bottom: 5px;
    min-height: 50px;
    width: 100%;
    align-items: center;
    justify-content: center;
}
.cms-page-view .product-portfolio {
    border-top: 1px solid #d8d9d9;
    padding: 15px 0;
    margin-bottom: 10px;
}
.cms-page-view .product-portfolio .workflow-stages {
    display: grid;
    grid-template-columns: repeat(5, 175px);
    grid-column-gap: 10px;
    overflow-x: auto;
}
.cms-page-view .product-portfolio .workflow-stages .workflow-stage {
    background-color: #f2efed;
    border: 2px solid #f2efed;
    padding: 8px 12px;
    margin-bottom: 20px;
}
.cms-page-view .workflow-stages .workflow-stage .stage-description {
    display: inline-block;
    width: 80%;
}
.product-portfolio .workflow-stages .workflow-stage .stage-description .stage-name {
    font-weight: 700;
    color: #3b3f40;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 5px;
    display: block;
}
.product-portfolio .workflow-stages .workflow-stage .stage-description .stage-product-count {
    color: #a3a3a3;
    font-size: 12px;
    display: block;
}
.cms-page-view .workflow-stages .workflow-stage>a {
    float: right;
    font-size: 18px;
    line-height: 22px;
    margin-top: 2px;
    color: #ef8200;
}
.cms-page-view  .block .featured-box-text{
    display: block;
    padding: 20px;
}
.featured-box-text .featured-box-label {
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 700;
    color: #ef8200;
    margin-bottom: 12px;
    display: block;
}
.featured-box-text .featured-box-title {
    font-size: 20px;
    line-height: 24px;
    color: #53585a;
    font-weight: 700;
}
.workflow-page .workflow-middle-nav .block-title {
    text-transform: uppercase;
    font-size: 12px;
    color: #bbb;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 10px;
    margin-top: 2px;
}
.workflow-page .workflow-middle-nav ul, .workflow-page .workflow-middle-nav li {
    display: inline-block;
    font-size: 14px;
    margin: 0;
}
.workflow-page .workflow-middle-nav li {
    margin-left: 10px;
    margin-bottom: 0;
}
.workflow-page .workflow-middle-nav li a i {
    margin-right: 3px;
    margin-top: -1px;
    color: #bbb;
    font-size: 20px;
}
.workflow-page .workflow-middle-nav li a i.fa-circle-o {
    color: #bbb;
}
.workflow-page .workflow-middle-nav li a i.fa-dot-circle-o {
    color: #ef8200;
}
.workflow-page .workflow-middle-nav li a span {
    color: #888;
    vertical-align: top;
}
.workflow-page.category-products .product-type>h2 {
    cursor: pointer;
    background: #f7f7f5;
    padding: 10px 15px;
    font-weight: 700;
    font-size: 15px;
    margin-bottom: 10px;
    margin-top: 0;
}
.workflow-page.category-products .product-type.open>h2 {
    color: #ef8200;
}
.workflow-page .open-toggle {
    margin-right: 5px;
    margin-top: -3px;
    vertical-align: middle;
    color: #ef8200;
}
.workflow-page.category-products .product-type-content {
    display: none;
    margin-top: 20px;
}
.workflow-page .product-type .products-grid {padding: 0;}
.workflow-page .product-type .products-grid li.item {
    padding-bottom: 15px;
    width: 50%;
    float: left;
}
.workflow-page .product-type .products-grid li.item:nth-of-type(2n+1) {
    clear: left;
}
.workflow-page .product-type .products-grid li.item:nth-child(2n) .product-container {
    padding-left: 15px;
}
.workflow-page .product-type .products-grid li.item .product-container {
    padding-right: 15px;
}
.workflow-page .product-img-box {
    width: 30%;
    float: left;
}
.workflow-page .product-img-box img{
    border: 1px solid #f1f1ec;
    width: 100%;
}
.workflow-page .product-content-box {
    width: 65%;
    float: right;
}
.workflow-page .products-grid .product-container h2.product-name {
    margin-top: 0;
    margin-bottom: 12px;
    font-size: 16px;
}
.workflow-page .load-more-wrapper {
    width: 100%;
    text-align: center;
}
.workflow-page .load-more {
    display: none;
    font-weight: 700;
    padding: 6px 25px;
    font-size: 14px;
    cursor: pointer;
    margin-bottom: 20px;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    color: #fff;
    box-shadow: 0 2px 0 0 #d8d8d3;
    background-color: silver;
    background-image: -webkit-gradient(linear, left top, left bottom, from(silver), to(#a8a8a8));
    background-image: -webkit-linear-gradient(top, silver, #a8a8a8);
    background-image: -moz-linear-gradient(top,silver,#a8a8a8);
    background-image: -ms-linear-gradient(top,silver,#a8a8a8);
    background-image: -o-linear-gradient(top,silver,#a8a8a8);
    background-image: linear-gradient(to bottom, silver, #a8a8a8);
}
.workflow-page .open .load-more {
    display: inline-block;
}
#workflow-step.content-tab li {
    margin-right: 2px;
    transition: none;
}
.customer-cms-page .content-tab li.active {
    background: #fff;
    border-top-color: #ef8200;
    border-bottom: 1px solid #fff;
    z-index: 1;
}
.customer-cms-page .content-tab li {
    text-align: center;
    display: inline-block;
    position: relative;
    background: #f0f0eb;
    border-top: 4px solid #e2e2d9;
    border-bottom: 1px solid #e2e2d9;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    float: left;
    margin-bottom: 0;
}
#workflow-step.content-tab{padding: 0;margin: 0;}
#workflow-step.content-tab li:before, #workflow-step.content-tab li:after {
    content: " ";
    position: absolute;
    border-top: 26px solid transparent;
    border-bottom: 27px solid transparent;
    border-left: 21px solid #fff;
    right: 100%;
    left: 0;
    top: -4px;
}
#workflow-step.content-tab li.active a:before, #workflow-step.content-tab li.active a:after {
    content: " ";
    position: absolute;
    border-top: 25px solid transparent;
    border-bottom: 26px solid transparent;
    border-left: 20px solid #fff;
    right: 100%;
    top: -3px;
    left: 0;
    z-index: 40;
}
#workflow-step.content-tab li:nth-child(2) a:before{
    z-index: 20;
    border-left: 20px solid #f0f0eb;
}
#workflow-step.content-tab li:nth-child(3) a:before{
    z-index: 20;
    border-left: 20px solid #f0f0eb;
}
#workflow-step.content-tab li.active a:after {
    left: 100%;
}
#workflow-step.content-tab li.active:last-child a {
    border-right: 1px solid #bbb;
}
#workflow-step.content-tab li:first-child::before,#workflow-step.content-tab li:first-child a::before{
    display: none;
}
#workflow-step.content-tab li:first-child a {
    padding-left: 15px;
}
#workflow-step.content-tab li:last-child a {
    padding-right: 15px;
}
#workflow-step.content-tab li.active a {
    border-right: none;
}
#workflow-step.content-tab li:last-child::after{
    display: none;
}
#workflow-step.content-tab li:not(:last-child):after {
    border-left: 21px solid #f0f0eb;
    left: 100%;
    z-index: 30;
}
#workflow-step.content-tab li.active:before, #workflow-step.content-tab li.active:after {
    border-left-color: #bbb;
}
.customer-cms-page .content-tab li a {
    color: #53585a;
    display: block;
    padding: 10px;
    text-decoration: none;
    outline: none;
    cursor: pointer;
    border-left: 1px solid #e2e2d9;
    border-right: 1px solid #e2e2d9;
    font-size: 15px;
}
#workflow-step.content-tab li a {
    padding: 14px 2px 14px 30px;
    border-right: none;
}
#workflow-step.content-tab li a span.label {
    line-height: 15px;
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
}
#workflow-step.content-tab li a span i {
    font-size: 16px;
    margin-left: 8px;
    color: #ef8200;
}
.customer-cms-page .content-tab-bottom {
    border-top: 1px solid #e2e2d9;
    margin-bottom: 40px;
    top: -1px;
    position: relative;
    clear: both;
}
.customer-cms-page .expand-content,.customer-cms-page .expand-less{
    display: none;
}
.workflow-page .cur-count {
    display: none;
}
.section .figure-image.retina img{
    zoom: .5;
    -webkit-zoom: .5;
}
.grid_12_lg {
    width: 100%;
    margin: 0;
    float: left;
}
.cms-page-view .sub-boxes {
    display: flex;
    justify-content: space-between;
}
.cms-page-view .main-map {
    margin-bottom: 20px;
}