@font-face{font-family: Open Sans; src: url('font.woff2') format('woff2'); font-style: normal; font-display: swap} :root{ --primary-color: #ffa010; --second-color: #222f3f; --third-color: #eaf8ff; --fourth-color: #f0f0f0; --fifth-color: #f2efec; --border-color: #c0c0c0; --border-dark-color: #808080;} HTML{-webkit-text-size-adjust: 100%}BODY{margin: 0px; padding: 0px; position: relative; background: #fff}BODY:has(DIV.modal--active){overflow: hidden} H1,H2,H3,H4,H5,H6,DIV,P,A,SPAN,IMG,UL,LI,FORM,FIELDSET,INPUT,TEXTAREA,TABLE,TR,TD,SELECT,OPTION,IFRAME{color: #000; font-family: 'Open Sans',sans-serif; font-size: 16px; line-height: 24px; font-weight: normal; font-smooth: always; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin: 0px; padding: 0px; list-style-type: none}FIELDSET,LEGEND,IMG{border: none}IMG{line-height: 0px}TABLE{border-spacing: 0px; border-collapse: collapse}SELECT,OPTION{font: -moz-pull-down-menu}INPUT::placeholder,TEXTAREA::placeholder{color: #000; opacity: 1}P{text-wrap: pretty} * STRONG{font-synthesis: style} H1,H1 *,H2,H2 *,H3,H3 *,H4,H4 *,H4 A{font-size: 40px; line-height: 46px; letter-spacing: -2px; text-wrap: pretty; padding: 20px 0px 30px 0px}H1{padding-top: 0px}H1.border{margin: 0px 0px 40px 0px; position: relative}H1.border::after{content: ' '; width: 100px; height: 5px; position: absolute; left: 0px; bottom: 0px; background: var(--primary-color)} H2,H2 *{font-size: 32px; line-height: 40px; letter-spacing: -1px}H2{padding-bottom: 25px}H2 SPAN.italic{font-style: italic}H2.border{margin: 0px 0px 40px 0px; position: relative}H2.border::after{content: ' '; width: 70px; height: 3px; position: absolute; left: 0px; bottom: 0px; background: var(--primary-color)} H3,H3 SPAN{font-size: 22px; line-height: 28px; letter-spacing: -0.5px}H3{padding: 15px 0px 20px 0px}H3.no-padding-top{padding-top: 0px} H4,H4 *{font-size: 16px; line-height: 24px; letter-spacing: 0px; font-weight: 600; font-synthesis: style}H4,H4 A{padding: 15px 0px 10px 0px} P.intro,P.intro *,P.intro-border{font-size: 20px; line-height: 30px; letter-spacing: -0.5px}P.intro SPAN.italic{font-style: italic}P.intro{padding: 0px 0px 30px 0px}P.intro-border{margin-bottom: 30px; padding-bottom: 30px; border-bottom: solid 1px var(--border-color)}P.intro STRONG{color: #303030; font-weight: 700} P.main,P.main *{}P.main SPAN.italic{font-style: italic}P.main STRONG{color: #303030; font-weight: 700}P.main{padding: 0px 0px 25px 0px} P STRONG,P B{font-synthesis: style} .container,ARTICLE,.container--900,.container--1000,.container--1100{width: 90%; max-width: 1200px; margin: 0px auto; padding: 0px; position: relative}.container--900,ARTICLE{max-width: 900px}.container--1000{max-width: 1000px}.container--1100{max-width: 1100px} .top-strip-fixed{width: 100%; height: 0px; position: fixed; left: 0px; top: 0px; z-index: 100; overflow: hidden; transition: 0.25s; background: var(--second-color)}.top-strip-fixed--active{height: 50px; overflow: visible} .top-strip-fixed__container{width: 90%; max-width: 1200px; height: 50px; display: flex; justify-content: space-between; align-items: center}.top-strip-fixed__right{justify-content: flex-end; display: flex; align-items: center} P.top-strip-fixed__product-name{color: #fff; font-size: 19px; line-height: 1; font-weight: 600; letter-spacing: -0.5px; font-synthesis: style}P.top-strip-fixed__button-blue,A.top-strip-fixed__button-blue{color: #fff; font-size: 14px; line-height: 1; font-weight: 700; font-synthesis: style; text-align: center; text-decoration: none; width: 80px; padding: 6px 0px; border-radius: 5px; cursor: pointer; background: #0066cc}P.top-strip-fixed__button-blue-configure,A.top-strip-fixed__button-blue-configure{width: 160px} P.top-strip-fixed__link{color: #e0e0e0; font-size: 14px; line-height: 1; margin: 0px 25px 0px 0px; padding: 0px 25px 0px 0px; position: relative; cursor: pointer}P.top-strip-fixed__link::after{content: " "; width: 1px; height: 12px; position: absolute; right: 0px; top: 50%; transform: translateY(-50%); background: #e0e0e0} @media screen and (max-width: 1000px){ .top-strip-fixed__container{justify-content: flex-end} P.top-strip-fixed__product-name,P.top-strip-fixed_link-responsive{display: none}} #header{height: 74px; padding: 0px}.header__logo{width: 365px; height: 53px; display: block; position: absolute; left: 0%; top: 10px; background-image: url(../images/header.png); background-size: cover} @media screen and (max-width: 750px){ #header{height: 65px} .header__logo{width: 121px; height: 44px; top: 15px; background-image: url(../images/header-small.png)}} #icon-section{height: 40px; display: flex; justify-content: flex-end; align-items: center; position: absolute; top: 18px; right: 0px}.icon-section{cursor: pointer; position: relative}.icon-section__divider{width: 1px; height: 16px; margin: 0px 25px; border-left: solid 1px #888}.icon-section__responsive,.icon-section__divider-responsive{display: none} @media screen and (max-width: 900px){ .icon-section__responsive,.icon-section__divider-responsive{display: block} } .icon-section__search{width: 29px; height: 40px}.icon-section__search *{position: absolute; transition: .5s ease-in-out}.icon-search__2{width: 20px; height: 20px; border: solid 1px var(--second-color); border-radius: 50%; left: 0px; top: 7px; background: #fff}.icon-search__1{width: 15px; height: 1px; left: 14px; top: 28px; transform: rotate(45deg); background: var(--second-color)} .icon-section__search:hover .icon-search__2,.icon-section__search--active .icon-search__2{border: solid 1px #ff7010}.icon-section__search:hover .icon-search__1,.icon-section__search--active .icon-search__1{background: #ff7010} @media screen and (max-width: 750px){ #icon-section{top: 15px} .icon-section__search,.icon-section__divider-search{display: none} .icon-section__divider{margin: 0px 20px}} .icon-section__my-account{width: 24px; height: 24px; background: url(https://www.9001simplified.com/images/icons/icon-account.png)} .icon-section__cart{width: 26px; height: 40px; margin: -4px 0px 0px -5px}.icon-section__cart *{position: absolute; transition: all .3s ease-in-out; background: #686868} .cart-1{width: 6px; height: 1px; left: 0px; top: 9px}.cart-2{width: 1px; height: 4px; left: 5px; top: 10px}.cart-3{width: 21px; height: 1px; left: 6px; top: 13px}.cart-4{width: 10px; height: 1px; left: 3px; top: 17px; transform: rotate(65deg)}.cart-5,.cart-6,.cart-7,.cart-8,.cart-9{height: 1px; transform: rotate(295deg)}.cart-5{width: 6px; left: 7px; top: 16px}.cart-6{width: 10px; left: 8px; top: 17px}.cart-7{width: 10px; left: 12px; top: 17px}.cart-8{width: 10px; left: 16px; top: 17px}.cart-9{width: 10px; left: 20px; top: 17px}.cart-10{width: 15px; height: 1px; left: 9px; top: 22px}.cart-11{width: 1px; height: 3px; left: 10px; top: 22px}.cart-12{width: 13px; height: 1px; left: 10px; top: 25px}.cart-13,.cart-14{width: 5px; height: 5px; border-radius: 50%; left: 10px; top: 27px}.cart-14{left: 18px}.cart-15{width: 22px; height: 1px; left: 6px; top: 12px} .icon-section__cart .cart-15{background: #fff}.icon-section__cart:hover *{background: var(--primary-color)} .icon-section__menu{width: 26px; height: 20px; margin-top: -2px; cursor: pointer; position: relative; z-index: 11}.icon-section__menu *{width: 26px; height: 2px; position: absolute; left: 0px; top: 0px; transition: .2s ease-in-out; background: #484848}.icon-section__menu .icon-menu__2{top: 9px}.icon-section__menu .icon-menu__3{top: 18px} .icon-section__menu--active{position: fixed}.icon-section__menu--active *{top: 11px; background: #ff0000}.icon-section__menu--active .icon-menu__1{top: 10px; transform: rotate(45deg)}.icon-section__menu--active .icon-menu__2{width: 0px; height: 0px; left: 13px}.icon-section__menu--active .icon-menu__3{top: 10px; transform: rotate(-45deg)} .main-nav{z-index: 10; background: var(--second-color)}.main-nav__container{max-width: 1210px}#nav{display: flex; justify-content: space-between; align-items: center} P.top-nav,A.top-nav{color: #fff; font-size: 16px; line-height: 1; text-decoration: none; padding: 12px 40px 12px 20px; cursor: pointer; position: relative; white-space: nowrap; display: block; z-index: 1; transition: all .3s ease-in-out}A.top-nav{padding-right: 20px}P.top-nav::after{content: " "; border-width: 5px; border-style: solid; border-color: #e0e0e0 transparent transparent transparent; position: absolute; right: 20px; top: 18px}P.top-nav:hover,A.top-nav:hover{background: #405060} .dropdown{width: 450px; max-height: 0px; overflow: hidden; position: absolute; z-index: 100; background: var(--second-color)}.dropdown--active{max-height: 1000px; border-bottom: 1px solid #506070; overflow: visible; transition: all .3s ease-in-out}.dropdown-inner-4{margin-left: -312px} A.menu-item{text-decoration: none; padding: 25px; border-top: solid 1px #506070; display: block; transition: all .3s ease-in-out; position: relative}A.menu-item-bg{background: url(../images/icons/icon-cart.png) no-repeat 95% center}A.menu-item:hover{background-color: #506070} P.menu-item-header{color: #fff; font-size: 16px; line-height: 24px; font-weight: normal}P.menu-item-description{color: #fff; font-size: 14px; line-height: 20px; padding: 10px 0px 0px 15px} @media only screen and (min-width: 900px){ LI.nav:hover DIV.dropdown{max-height: 1000px; border-bottom: 1px solid #506070; overflow: auto}} .search-box{text-align: center; height: 0px; overflow: hidden; transition: all .3s ease-in-out; background: #f6f6f6}.search-box--active{height: 250px; border-bottom: solid 1px var(--border-color)} .search-box H2{padding: 60px 0px 0px 0px}.search-box__form{width: 60%; max-width: 600px; height: 50px; margin: 40px auto 0px; display: flex; justify-content: space-between}.search-box__form *{box-sizing: border-box} .search-box__input{color: #404040; font-size: 24px; line-height: 1; letter-spacing: -1px; width: calc(100% - 90px); height: 50px; padding: 25px 10px; border: solid 1px #888; border-right: none; outline: none; background: #fff}.search-box__input::placeholder{color: #888; opacity: 1}.search-box__submit{color: #fff; font-size: 18px; line-height: 18px; text-align: center; width: 90px; height: 50px; padding: 15px 0px 15px 0px; border: none; cursor: pointer; transition: all 0.5s; background: var(--second-color)}.search-box__submit:hover{background: var(--primary-color)} @media screen and (max-width: 750px){ .search-box--active{height: 200px} .search-box H2{display: none}} #sub-menu{margin: 0px 0px 55px 0px; padding: 15px 0px 12px 0px; border-bottom: solid 1px var(--border-color)}#sub-menu DIV.container{padding: 0px}#sub-menu P,#sub-menu A{font-size: 10px; line-height: 16px; text-transform: uppercase; word-spacing: 2px}#sub-menu P{color: #181818; text-align: right} @media screen and (max-width: 750px){ #sub-menu{display: none}} #modal{width: 100%; position: fixed; z-index: 199; display: flex; justify-content: center; align-items: center; transition: opacity 0.3s ease-in-out}.modal--inactive{height: 0%; overflow: hidden; opacity: 0}.modal--active{height: 100%; overflow: visible; opacity: 1; background-color: rgba(0,0,0,0.8)}.modal--calendar{height: 100%; opacity: 1; backdrop-filter: blur(5px); background-color: rgba(255,255,255,0.65)} #popup{line-height: 0px; width: 95%; max-height: 90%; overflow: auto}DIV.popup-standard{max-width: 900px; background: #fff}DIV.popup-video{max-width: 1200px; background: #000}DIV.popup-pdf{max-width: 1200px; background: #fff} DIV.popup-image{text-align: center; max-width: 1800px}DIV.popup-image IMG{max-width: 100%; height: auto} #popup-close{width: 34px; height: 34px; position: absolute; right: 10px; top: 10px; z-index: 1001; cursor: pointer; background: #fff}#popup-close.popup-close-button--hidden{display: none} #popup-close DIV{width: 2px; height: 22px; position: absolute; left: 16px; top: 6px; background: var(--second-color)}#popup-close DIV.close-1{transform: rotate(45deg)}#popup-close DIV.close-2{transform: rotate(135deg)} DIV.popup-text{display: none}#popup DIV.popup-text{width: 100%; height: 100%; overflow: auto; display: block}#popup P.popup-header{font-size: 28px; line-height: 34px; font-weight: 300; text-align: center; padding: 50px 30px 25px 30px}#popup P.popup-text{font-size: 16px; line-height: 24px; padding: 0px 50px 40px 50px}#popup IMG.popup-product-sample,#popup IMG.certificate{width: 100%; height: auto} #popup #popup-iframe-outer{width: calc(100% - 6px); height: calc(100% - 6px); padding: 3px; background: #fff url(../images/throbber-big.gif) no-repeat center center}#popup IFRAME{width: 99%; height: 99%; display: block; transition: all 0.3s ease-in-out; background: #000}#popup IFRAME.inactive{opacity: 0}#popup IFRAME.active{opacity: 1} #popup DIV.popup-info{max-width: 400px; margin: 0px auto}#popup DIV.popup-info P.popup-header{text-align: left; padding: 50px 30px 25px 30px}#popup DIV.popup-info P.popup-text-bulleted{font-size: 16px; line-height: 28px; text-align: left; padding: 0px 30px 40px 30px} @media screen and (max-width: 900px){#popup{width: 90%}}@media screen and (max-width: 750px){#modal{max-width: 500px}} FOOTER{width: 100%; padding: 70px 0px 60px 0px; border-top: solid 1px var(--border-color); background: #fff}.footer__container{display: flex; justify-content: space-between} .footer-col-a{width: 27%}.footer-col-b{width: calc(53% - 40px); padding: 0px 20px; display: flex; justify-content: space-between}.footer-col-c{width: 55%}.footer-col-d{width: 45%}.footer-col-e{width: 20%} .footer-header{font-size: 14px; line-height: 20px; font-weight: bold; font-synthesis: style; padding: 0px 0px 5px 0px}.footer-header-spacing{padding-top: 40px}.footer-link{margin: 0px; padding: 6px 0px 0px 0px} FOOTER A{font-size: 14px; line-height: 20px; text-decoration: none; border-bottom: solid 1px #fff; transition: all .3s ease-in-out}FOOTER A:hover{border-bottom: solid 1px #000} .footer-placeholder{width: 32px; height: 32px; padding-top: 20px; position: relative}.footer-placeholder A,.footer-placeholder A:hover{color: #fff; font-size: 22px; line-height: 22px; font-weight: bold; font-synthesis: style; text-align: center; text-decoration: none; width: 24px; height: 24px; padding: 4px; overflow: hidden; border: none; display: block; position: absolute; left: 0px; top: 20px; transition: .3s ease-in-out}.footer-placeholder A.f{background: #4f73a7}.footer-placeholder A.t{left: 42px; background: #00aced}.footer-placeholder A.l{left: 84px; background: #5babcb} .footer-placeholder A.rss{left: 126px; background: #ff9000}.footer-placeholder A.rss DIV.clip{width: 24px; height: 24px; position: relative; overflow: hidden}.footer-placeholder A.rss DIV.circle{width: 7px; height: 7px; border-radius: 50%; position: absolute; left: 0px; bottom: 0px; background: #fff}.footer-placeholder A.rss DIV.curve{width: 40px; height: 40px; border: solid 4px #fff; border-radius: 50%; position: absolute}.footer-placeholder A.rss DIV.curve-big{left: -24px; bottom: -24px}.footer-placeholder A.rss DIV.curve-small{width: 36px; height: 36px; border-radius: 40%; left: -27px; bottom: -27px}.footer-placeholder A:hover{background: #607088} #misc-links{text-align: center; padding: 45px 0px 30px 0px; position: relative; border-top: solid 1px var(--border-color); background: #fff}#misc-links P.seals{text-align: center; height: 40px; padding: 0px}#misc-links P.misc,#misc-links A.misc,#misc-links SPAN.misc{font-size: 14px; line-height: 20px; text-decoration: none}#misc-links P.misc{padding: 30px 0px 10px 0px}#misc-links A.misc:hover{text-decoration: underline}#misc-links SPAN.misc{padding: 0px 5px 0px 5px} .region-currency{position: relative; display: inline-block}P.region-currency{font-size: 14px; line-height: 1; padding: 10px 20px 10px 45px; cursor: pointer; position: relative; display: inline-block}P.region-currency::after{content: " "; border-width: 7px; border-style: solid; border-color: #000 transparent transparent transparent; position: absolute; right: 0px; top: 13px}P.region-currency:hover{text-decoration: underline} P.region-currency--USD{background: url(../images/icons/flag-usa.png) no-repeat left center}P.region-currency--CAD{background: url(../images/icons/flag-canada.png) no-repeat left center}P.region-currency--GBP{background: url(../images/icons/flag-uk.png) no-repeat left center}P.region-currency--ZAR{background: url(../images/icons/flag-africa.png) no-repeat left center}P.region-currency--EUR{background: url(../images/icons/flag-eu.png) no-repeat left center}P.region-currency--AUD{background: url(../images/icons/flag-asia-pacific.png) no-repeat left center} .region-currency-popup{width: 450px; max-height: 0px; padding-left: 20px; padding-right: 20px; box-sizing: border-box; border: solid 1px #fff; border-top: none; border-bottom: none; overflow: hidden; position: absolute; right: 0px; bottom: 55px; z-index: 99; transition: 0.25s; background: #fff}.region-currency-popup--active{max-height: 400px; padding-top: 20px; padding-bottom: 25px; border: solid 1px var(--border-dark-color); overflow: visible} .region-currency-popup__close{width: 26px; height: 26px; cursor: pointer; position: absolute; right: 20px; top: 18px; transition: 0.25s; background: #0066cc}.region-currency-popup__close:hover{background: var(--primary-color)}.region-currency-popup__close::before,.region-currency-popup__close::after{content: ""; width: 2px; height: 14px; position: absolute; left: 12px; top: 6px; background: #fff}.region-currency-popup__close::before{transform: rotate(45deg)}.region-currency-popup__close::after{transform: rotate(135deg)} P.region-currency-popup__header{font-size: 16px; line-height: 1.3; font-weight: 600; font-synthesis: style; padding: 0px 40px 0px 0px}.region-currency-popup__select{font-size: 16px; line-height: 1; width: 190px; margin: 20px 0px; padding: 8px 80px 8px 10px; border: solid 1px var(--border-dark-color); box-sizing: border-box; cursor: pointer; -webkit-appearance: none; appearance: none; background: #fff url(../images/backgrounds/select.png) no-repeat right center}.region-currency-popup__select-currency{margin-right: 20px}.region-currency-popup__button-submit{color: #fff; font-size: 16px; line-height: 1; text-align: center; width: 190px; margin: 0px; padding: 10px 0px; border: none; display: block; cursor: pointer; transition: 0.25s; background: var(--second-color)} .region-currency-popup__button-submit:hover{background: var(--primary-color)} @media screen and (max-width: 900px){ .footer-col-a{width: 37%} .footer-col-b{width: calc(38% - 40px); display: block} .footer-col-c{width: 100%} .footer-col-d{width: 100%; padding-top: 40px} .footer-col-e{width: 25%} #footer-responsive{display: none}} @media screen and (max-width: 750px){ FOOTER{padding: 0px; border-top: solid 1px var(--second-color)} .footer__container{display: block} .footer-col-a{width: 100%} .footer-col-b{width: 100%; padding: 0px} .footer-col-d{padding: 0px} .footer-col-e{width: 100%} .footer-header{padding: 15px 0px; border-bottom: solid 1px var(--second-color); cursor: pointer; position: relative} .footer-header--active{padding-bottom: 5px; border-bottom: none} .footer-header::before,.footer-header::after{content: ""; width: 2px; height: 8px; border: none; position: absolute; right: 5px; top: 20px; transform: rotate(45deg); background: #000} .footer-header::before{right: 10px; transform: rotate(-45deg)} .footer-header__region-currency{padding-bottom: 0px; border: none; cursor: text} .footer-header__region-currency::before,.footer-header__region-currency::after{display: none} .footer-link{display: none} .footer-link--active{display: block} .footer-link--active-margin-bottom{margin-bottom: 20px} #misc-links{text-align: left; padding-top: 15px; border: none} #misc-links P.seals{height: auto; padding-top: 20px; border-top: solid 1px var(--second-color)} #misc-links P.seals IMG{width: 100%; max-width: 566px; height: auto} #misc-links P.misc{padding: 15px 0px} #misc-links A.misc{font-size: 14px; line-height: 24px} #misc-links A.misc:last-child{display: block} #misc-links SPAN.misc__responsive{display: none} .region-currency-popup{width: 280px; left: 0px; right: none; bottom: 48px} .region-currency-popup--active{max-height: 500px} .region-currency-popup__select{width: 100%; margin: 30px 0px 0px 0px} .region-currency-popup__select-currency{margin-right: 0px} .region-currency-popup__select-region{margin-bottom: 30px}} @media screen and (max-width: 500px){ .region-currency-popup{width: 100%} } #chat-button{width: 42px; height: 30px; padding: 16px 10px; border-radius: 50%; border: solid 4px #fff; position: fixed; right: 20px; bottom: 20px; z-index: 90; cursor: pointer; transition: all .3s ease-in-out}DIV.chat--inactive{background: #888}DIV.chat--active{background: var(--primary-color)} DIV.chat--inactive DIV.rectangle{width: 38px; height: 26px; border: solid 2px #e0e0e0; border-radius: 12px; position: relative; transition: all .3s ease-in-out}DIV.chat--inactive DIV.square{width: 15px; height: 15px; position: absolute; left: 0px; bottom: 0px; transition: all .3s ease-in-out; background: #888}DIV.chat--inactive DIV.circle{width: 4px; height: 4px; border: solid 1px #fff; border-radius: 50%; position: absolute; left: 6px; top: 10px}DIV.chat--inactive DIV.circle-2{left: 16px}DIV.chat--inactive DIV.circle-3{left: 26px} DIV.chat--inactive DIV.vertical{width: 2px; height: 18px; position: absolute; left: 10px; bottom: 16px; transition: all .3s ease-in-out; background: #e0e0e0}DIV.chat--inactive DIV.horizontal{width: 18px; height: 2px; position: absolute; left: 10px; bottom: 16px; transition: all .3s ease-in-out; background: #e0e0e0} DIV.chat--active DIV.rectangle{opacity: 0}DIV.chat--active DIV.vertical{height: 30px; left: 30px; bottom: 16px; transform: rotate(135deg); background: #fff}DIV.chat--active DIV.horizontal{width: 30px; left: 16px; bottom: 30px; transform: rotate(135deg); background: #fff} #chat-widget{width: 350px; border-radius: 10px; position: fixed; bottom: 110px; transition: all .5s ease-in-out; z-index: 90; background: var(--second-color) url(../images/logo-widget.png) no-repeat center 20px}DIV.chat-widget--inactive{right: -350px; opacity: 0}DIV.chat-widget--active{right: 20px; opacity: 1} #chat-widget-inner{display: none; padding: 70px 30px 40px 30px; position: relative} P.widget-header{color: #fff; font-size: 16px; line-height: 24px; font-weight: 300; text-align: center; margin: 0px 0px 25px 0px; padding: 0px 0px 15px 0px; border-bottom: solid 1px #686868} #chat-widget INPUT,#chat-widget TEXTAREA{font-size: 16px; line-height: 1; width: calc(100% - 20px); padding: 7px 10px; border: none; background: #fff}#chat-widget TEXTAREA{line-height: 22px; height: 80px} P.widget-error{color: #fff; font-size: 12px; line-height: 12px; font-weight: bold; font-synthesis: style; padding: 5px 0px 5px 0px; visibility: hidden; transition: all .3s ease-in-out}P.widget-error--active{padding: 10px 0px 15px 0px; visibility: visible} DIV.button-widget{width: 200px; height: 37px; cursor: pointer; display: flex; justify-content: center; align-items: center; background: #fff}DIV.button-widget P{font-size: 14px; line-height: 14px; text-align: center; width: 200px} DIV.button-widget--active{background: #fff url(../images/throbber.gif) no-repeat center center}DIV.button-widget--active P{display: none}#widget-success{color: #fff; font-size: 20px; line-height: 28px; text-align: center; font-weight: 300; padding: 0px 30px; position: absolute; left: 0px; top: 45%; display: none} #prompt-inner{text-align: center; padding: 80px 30px 40px 30px}P.prompt{color: #e8e8e8; font-size: 14px; text-align: center; margin-top: -15px; padding-bottom: 30px} P.button-prompt{color: var(--fourth-color); font-size: 14px; line-height: 14px; width: 100px; margin: 0px 10px; padding: 8px 0px; border: solid 1px #c0c0c0; border-radius: 5px; cursor: pointer; display: inline-block; vertical-align: middle; transition: all .3s ease-in-out; background: transparent}P.button-prompt:hover{background: #606060} @media screen and (max-width: 750px){ #chat-button,#chat-widget{display: none}} .media-video{width: 100%; margin: 20px 0px 40px 0px; padding-top: 56.8%; position: relative} .media-video + H2,.media-video + H3{padding-top: 5px}P.intro + .media-video{margin-top: 15px} VIDEO{width: 100%; height: auto}.media-video VIDEO{position: absolute; left: 0px; top: 0px} #video-cover{position: absolute; left: 0px; top: 0px}#video-cover P.duration{color: #fff; font-size: 20px; line-height: 20px; font-weight: 300; text-align: right; padding: 0px; z-index: 10; position: absolute; right: 15px; bottom: 15px}#video-cover IMG.gradient