.dgwt-wcas-block-scroll{overflow:hidden}.dgwt-wcas-search-wrapp{position:relative;line-height:100%;display:block;color:#444;min-width:230px;width:100%;text-align:left;margin:0 auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.dgwt-wcas-tpd-image img{margin:0 15px 0 0!important}.rtl .dgwt-wcas-tpd-image img{margin:0 0 0 15px!important}.dgwt-wcas-preloader-wrapp img{margin:10px auto 0;display:block;max-width:200px}.dgwt-wcas-preloader-wrapp img.dgwt-wcas-placeholder-preloader{display:block;width:100%;height:auto;max-width:300px;margin:0}.dgwt-wcas-suggestions-wrapp{background:#fff;border:1px solid #ddd;border-top:none;padding:0;margin:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow-y:auto}.dgwt-wcas-details-wrapp *,.dgwt-wcas-search-wrapp *,.dgwt-wcas-suggestions-wrapp *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.dgwt-wcas-details-wrapp a:focus,.dgwt-wcas-suggestions-wrapp a:focus{outline:0}.dgwt-wcas-suggestions-wrapp.dgwt-wcas-suggestions-wrapp--top{border:1px solid #ddd;border-bottom:none}.dgwt-wcas-is-detail-box .dgwt-wcas-suggestions-wrapp{max-width:550px}.dgwt-wcas-full-width.dgwt-wcas-is-detail-box .dgwt-wcas-suggestion{padding:8px 15px}.dgwt-wcas-details-left .dgwt-wcas-suggestions-wrapp{border-radius:0 0 5px;border-left-color:#eee}.dgwt-wcas-details-right .dgwt-wcas-suggestions-wrapp{border-radius:0 0 0 5px;border-right-color:#eee}.dgwt-wcas-suggestion{cursor:pointer;font-size:12px;line-height:110%;text-align:left;padding:7px 10px;position:relative;border-bottom:1px solid #dfdfdf;display:flex;flex-direction:row;justify-content:space-between;align-items:center;resize:vertical;width:100%;transition:none!important}.dgwt-wcas-suggestion-nores{font-size:15px;line-height:157%;padding:15px;width:100%}.dgwt-wcas-suggestion-nores p{padding:0;margin:0 0 10px;font-size:18px}.dgwt-wcas-suggestion-nores ol,.dgwt-wcas-suggestion-nores ul{padding:0 0 0 30px;margin:0}.dgwt-wcas-suggestion-nores ul li{list-style:disc}.dgwt-wcas-open-pirx .dgwt-wcas-suggestion-nores{padding:10px 10px 10px 34px}.dgwt-wcas-suggestion.dgwt-wcas-suggestion-more{justify-content:center;color:#6d6d6d}a.dgwt-wcas-details-more-products{padding:15px 0 10px;display:block;border-top:1px solid #eee;text-align:center;font-size:12px;text-transform:uppercase;color:#6d6d6d;transition:.2s ease-in-out}a.dgwt-wcas-details-more-products:hover,a.dgwt-wcas-details-post-title:hover,a.dgwt-wcas-details-product-title:hover,a.dgwt-wcas-product-details-readmore:hover{text-decoration:underline}a.dgwt-wcas-product-details-readmore{display:block;text-align:right;margin-top:15px;color:#6d6d6d;text-transform:uppercase;letter-spacing:1px;font-weight:400;font-size:12px}.dgwt-wcas-has-headings .dgwt-wcas-suggestion,.dgwt-wcas-has-headings .dgwt-wcas-suggestion.dgwt-wcas-suggestion-headline,.dgwt-wcas-has-headings .dgwt-wcas-suggestion.dgwt-wcas-suggestion-tax,.dgwt-wcas-suggestion.dgwt-wcas-suggestion-no-border-bottom,body:not(.dgwt-wcas-is-details) .dgwt-wcas-suggestion:last-child{border-bottom:none}.dgwt-wcas-suggestion:after{clear:both;display:block;content:''}.dgwt-wcas-suggestion.dgwt-wcas-nores{cursor:default;opacity:.5}.dgwt-wcas-has-img .dgwt-wcas-suggestion.dgwt-wcas-suggestion-product{padding-top:8px;padding-bottom:8px;min-height:60px}.dgwt-wcas-has-img .dgwt-wcas-suggestion.dgwt-wcas-suggestion-product.dgwt-wcas-suggestion-history-product,.dgwt-wcas-is-details .dgwt-wcas-has-img .dgwt-wcas-suggestion.dgwt-wcas-suggestion-product,.dgwt-wcas-suggestion-history-search{min-height:40px}.dgwt-wcas-is-details .dgwt-wcas-has-img .dgwt-wcas-suggestion.dgwt-wcas-suggestion-more,.dgwt-wcas-suggestion.dgwt-wcas-suggestion-more{min-height:30px;text-transform:uppercase}.dgwt-wcas-suggestion.dgwt-wcas-suggestion-more .dgwt-wcas-st-more{padding:0 10px;text-align:center}.dgwt-wcas-st{display:block;color:#444;font-size:15px;width:100%;line-height:110%}.dgwt-wcas-st .dgwt-wcas-score{color:#8e44ad;font-weight:700;font-size:80%}.dgwt-wcas-st>span{display:inline-block;vertical-align:middle}.dgwt-wcas-has-sku .dgwt-wcas-st-title{margin-right:6px}.dgwt-wcas-st>span.dgwt-wcas-st--direct-headline{display:block;font-style:italic;font-size:10px;text-transform:uppercase;opacity:.4;line-height:10px;margin-bottom:1px;letter-spacing:2px}.dgwt-wcas-st-breadcrumbs{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:80%;text-align:left;opacity:.6;width:100%;padding-right:10px}.rtl .dgwt-wcas-st-breadcrumbs{padding-right:0;padding-left:10px;text-align:right}.dgwt-wcas-sku{font-size:80%}.dgwt-wcas-si{width:50px;display:block;height:100%}.dgwt-wcas-si img{background:#fff;border:1px solid #e8e8e8;border-radius:3px;display:block;margin:auto;padding:2px;height:auto;width:auto;max-height:90%;max-width:100%}.dgwt-wcas-has-img-forced .dgwt-wcas-suggestion-history-product .dgwt-wcas-si,.dgwt-wcas-suggestion-history-search .dgwt-wcas-si{display:flex;align-items:center;justify-content:center}.dgwt-wcas-has-img-forced .dgwt-wcas-suggestion-history-product .dgwt-wcas-si svg,.dgwt-wcas-suggestion-history-search .dgwt-wcas-si svg,.dgwt-wcas-suggestion-searches .dgwt-wcas-si svg{max-width:18px}.dgwt-wcas-has-img:not(.dgwt-wcas-has-img-forced) .dgwt-wcas-suggestion-history-product .dgwt-wcas-si>svg{margin-left:10px}.dgwt-wcas-content-wrapp{display:flex;height:100%;width:100%;justify-content:space-between;align-items:center;resize:vertical;padding-left:10px}.rtl .dgwt-wcas-content-wrapp{padding-left:0;padding-right:10px}.dgwt-wcas-sp{color:#555;font-size:14px;line-height:120%;text-align:right;padding-left:10px}.dgwt-wcas-sp *{line-height:130%}.dgwt-wcas-search-form{margin:0;padding:0;width:100%}.dgwt-wcas-open.dgwt-wcas-nores.dgwt-wcas-is-details:not(.dgwt-wcas-details-outside) .dgwt-wcas-suggestion-nores,.dgwt-wcas-sd{margin-top:5px}.dgwt-wcas-sp del{opacity:.5;font-size:12px}.dgwt-wcas-sd{color:#777;display:block;line-height:14px;width:100%;font-size:.8em}.dgwt-wcas-vendor-city{margin-left:5px;font-size:.8em}.dgwt-wcas-st>.dgwt-wcas-product-vendor{font-size:12px;margin-top:5px;display:block}.dgwt-wcas-suggestion-selected{background-color:#eee}.dgwt-wcas-style-pirx.dgwt-wcas-search-wrapp.dgwt-wcas-search-focused input[type=search].dgwt-wcas-search-input:hover,.dgwt-wcas-tpd-image{background-color:#fff}.dgwt-wcas-suggestion-selected:first-child{border-top:none}.rtl .dgwt-wcas-suggestion{padding-left:0;padding-right:15px;text-align:right}.dgwt-wcas-details-wrapp{background:#fff;border:1px solid #ddd;border-top:none;border-left:none;padding:0;width:300px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;z-index:100;min-height:340px}.dgwt-wcas-datails-title,.dgwt-wcas-pd-title{border-bottom:1px dashed #eee;padding-bottom:5px}.rtl .dgwt-wcas-details-wrapp{border-left:1px solid #ddd;border-right:none}.dgwt-wcas-details-outside .dgwt-wcas-details-wrapp{margin-top:-1px;border-top:1px solid #ddd;max-width:300px}.dgwt-wcas-details-outside.dgwt-wcas-is-details .dgwt-wcas-suggestions-wrapp{margin-top:-1px;border-top:1px solid #ddd}.dgwt-wcas-details-right .dgwt-wcas-details-wrapp{border-left:none;border-right:1px solid #ddd;border-radius:0 5px 5px 0}.dgwt-wcas-details-left .dgwt-wcas-details-wrapp{border-right:none;border-left:1px solid #ddd;border-radius:5px 0 0 5px}.dgwt-wcas-details-inner,.dgwt-wcas-details-notfit .dgwt-wcas-details-wrapp{display:none}.dgwt-wcas-full-width .dgwt-wcas-suggestions-wrapp,.dgwt-wcas-open-pirx .dgwt-wcas-full-width .dgwt-wcas-suggestions-wrapp,.rtl.dgwt-wcas-full-width .dgwt-wcas-details-wrapp{border-radius:0 0 0 5px}.dgwt-wcas-full-width .dgwt-wcas-details-wrapp,.rtl.dgwt-wcas-full-width .dgwt-wcas-suggestions-wrapp{border-radius:0 0 5px}.dgwt-wcas-details-inner.dgwt-wcas-details-inner-active,.dgwt-wcas-details-wrapp .added_to_cart,.dgwt-wcas-has-desc .dgwt-wcas-sp>*,.dgwt-wcas-has-img .dgwt-wcas-sp>*{display:block}.dgwt-wcas-details-inner-taxonomy{margin-top:11px}.woocommerce .dgwt-wcas-pd-rating .star-rating{float:left;margin-right:5px;font-size:12px;color:#ccae72}.rtl .dgwt-wcas-pd-rating .star-rating{float:right;margin-left:5px;margin-right:0}.dgwt-wcas-datails-title{font-size:14px}.dgwt-wcas-pd-title{color:#202020}.dgwt-wcas-pd-title .product-title{color:#202020;text-transform:uppercase;margin:0}.dgwt-wcas-tax-product-details{text-decoration:none;display:flex;align-items:center;justify-content:left;transition:.2s ease-in-out;padding:5px;margin:0 -5px 15px}.dgwt-wcas-pd-rating:after,.dgwt-wcas-tax-product-details:after{content:'';clear:both;display:block}.dgwt-wcas-tax-product-details:hover{box-shadow:0 0 11px 2px rgba(0,0,0,.05)}.rtl .dgwt-wcas-tax-product-details{justify-content:right}.dgwt-wcas-details-wrapp .dgwt-wcas-pd-title{margin-bottom:8px}.dgwt-wcas-overlay-mobile .dgwt-wcas-style-pirx .dgwt-wcas-preloader,.dgwt-wcas-tpd-image{margin-right:15px}.dgwt-wcas-pd-rest .product-title{display:block;line-height:100%;font-weight:500;margin-bottom:5px}.dgwt-wcas-tpd-rest{max-width:200px}.dgwt-wcas-tpd-rest-title{display:block;line-height:125%;font-size:14px;font-weight:500;letter-spacing:0;margin:0 0 8px;overflow:hidden;color:#000}.dgwt-wcas-pd-price,.dgwt-wcas-tpd-price{line-height:120%;overflow:hidden;color:#000;margin-top:15px;font-weight:700;font-size:18px}.dgwt-wcas-tpd-price{font-size:12px;color:#777}.dgwt-wcas-pd-price .woocommerce-price-suffix,.dgwt-wcas-tpd-price .woocommerce-price-suffix{font-size:12px;font-weight:lighter;color:#999;margin-left:4px;display:inline-block}.dgwt-wcas-details-title-tax,.dgwt-wcas-pd-title .product-title{font-weight:900;letter-spacing:-1px;text-transform:uppercase}.dgwt-wcas-pd-price del .amount,.dgwt-wcas-tpd-price del .amount{font-weight:lighter;background:0 0;font-size:90%;opacity:.6}.dgwt-wcas-pd-price ins,.dgwt-wcas-tpd-price ins{background:0 0;text-decoration:none}.dgwt-wcas-pd-rating{font-size:13px;line-height:13px}.dgwt-wcas-pd-review{color:#777;font-size:11px;line-height:11px}.dgwt-wcas-datails-title{display:block;margin:5px 0 15px}.dgwt-wcas-pd-title{margin-bottom:15px;display:block;text-decoration:none}.dgwt-wcas-details-title-tax{margin-right:3px}.rtl .dgwt-wcas-details-title-tax{margin:0 0 0 3px;float:right}.dgwt-wcas-tpd-image{width:70px;padding:4px;border:1px solid #e8e8e8;border-radius:4px;display:flex;flex-direction:column;justify-content:center}.dgwt-wcas-details-space{padding:0 15px 15px}.dgwt-wcas-details-main-image{border-bottom:1px solid #eee;min-height:200px;display:flex}.dgwt-wcas-details-main-image img{width:auto;height:auto;display:block;max-height:250px;max-width:100%;margin:0 auto;padding:0;border:none;align-self:center}.dgwt-wcas-details-right .dgwt-wcas-details-main-image img{border-radius:0 3px 0 0}.dgwt-wcas-details-left .dgwt-wcas-details-main-image img{border-radius:3px 0 0}a.dgwt-wcas-details-post-title,a.dgwt-wcas-details-product-title{color:#333;display:block;line-height:120%;margin:10px 0 0;font-size:21px;font-weight:400;text-decoration:none;text-transform:none}a.dgwt-wcas-details-post-title{margin-bottom:15px}.dgwt-wcas-details-product-sku{display:block;font-size:12px;line-height:110%;color:#999}.dgwt-wcas-tpd-image img{display:block;max-width:100%;width:100%;height:auto}.dgwt-wcas-details-hr{height:1px;width:100%;border-bottom:1px solid #eee;margin:15px 0}.rtl .dgwt-wcas-tpd-image{float:right;margin-right:0;margin-left:15px}.rtl .dgwt-wcas-tpd-rest{float:right;max-width:190px}.rtl input[type=search].dgwt-wcas-search-input{text-align:right}input[type=search].dgwt-wcas-search-input,input[type=text].dgwt-cas-search-input{-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none;-webkit-box-shadow:none;box-shadow:none;margin:0;-webkit-appearance:textfield;text-align:left}[type=search].dgwt-wcas-search-input::-ms-clear{display:none}[type=search].dgwt-wcas-search-input::-webkit-search-decoration{-webkit-appearance:none}[type=search].dgwt-wcas-search-input::-webkit-search-cancel-button{display:none}.dgwt-wcas-details-desc{font-size:13px;line-height:157%}.dgwt-wcas-details-desc b,.dgwt-wcas-details-desc strong{font-weight:400;color:#000;margin:0;padding:0}.dgwt-wcas-pd-addtc-form{margin:10px 0;display:flex;align-items:center;justify-content:flex-end}.dgwt-wcas-pd-addtc-form>.quantity{margin-right:10px}.dgwt-wcas-pd-addtc-form .add_to_cart_inline,.dgwt-wcas-pd-addtc-form .quantity input.qty{margin-bottom:0;margin-top:0}.dgwt-wcas-stock{display:block;text-align:right;font-size:14px;line-height:14px;margin-bottom:14px}.dgwt-wcas-stock.in-stock{color:#0f834d}.dgwt-wcas-stock.out-of-stock{color:#e2401c}.dgwt-wcas-pd-addtc .add_to_cart_button,.dgwt-wcas-pd-addtc .add_to_cart_inline{margin:0}.dgwt-wcas-has-headings .dgwt-wcas-st>span.dgwt-wcas-st--direct-headline,.dgwt-wcas-layout-icon .dgwt-wcas-icon-preloader,.dgwt-wcas-layout-icon-flexible-inv:not(.dgwt-wcas-layout-icon) .dgwt-wcas-search-icon,.dgwt-wcas-layout-icon-flexible-inv:not(.dgwt-wcas-layout-icon) .dgwt-wcas-search-icon-arrow,.dgwt-wcas-layout-icon-flexible:not(.dgwt-wcas-layout-icon) .dgwt-wcas-search-icon,.dgwt-wcas-layout-icon-flexible:not(.dgwt-wcas-layout-icon) .dgwt-wcas-search-icon-arrow,.dgwt-wcas-om-bar .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit,.dgwt-wcas-open-pirx.dgwt-wcas-overlay-mobile-on .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit,.dgwt-wcas-overlay-mobile .dgwt-wcas-search-icon,.dgwt-wcas-overlay-mobile .dgwt-wcas-search-icon-arrow,.dgwt-wcas-overlay-mobile-on .dgwt-wcas-enable-mobile-form,.dgwt-wcas-overlay-mobile-on .dgwt-wcas-icon-handler,.dgwt-wcas-overlay-mobile-on.dgwt-wcas-is-ios body:not(.dgwt-wcas-theme-flatsome)>:not(.dgwt-wcas-overlay-mobile),.dgwt-wcas-pd-addtc .add_to_cart_button.added,.dgwt-wcas-search-icon-arrow,.dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon.dgwt-wcas-layout-icon-open:not(.dgwt-wcas-has-submit) .dgwt-wcas-sf-wrapp .dgwt-wcas-ico-magnifier,.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit:before,.dgwt-wcas-voice-search-supported.dgwt-wcas-search-filled .dgwt-wcas-voice-search,body .dgwt-wcas-content-wrapp .rood,body .dgwt-wcas-content-wrapp .zwave{display:none}button.dgwt-wcas-search-submit,input[type=submit].dgwt-wcas-search-submit{position:relative}.dgwt-wcas-ico-magnifier{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0;height:65%;display:block}.dgwt-wcas-preloader{height:100%;position:absolute;right:0;top:0;width:40px;z-index:-1;background-repeat:no-repeat;background-position:right 15px center;background-size:auto 44%}.dgwt-wcas-voice-search{position:absolute;right:0;top:0;height:100%;width:40px;z-index:1;opacity:.5;cursor:pointer;align-items:center;justify-content:center;display:none;-webkit-transition:160ms ease-in-out;-moz-transition:160ms ease-in-out;-ms-transition:160ms ease-in-out;-o-transition:160ms ease-in-out;transition:160ms ease-in-out}.dgwt-wcas-close:hover,.dgwt-wcas-style-pirx .dgwt-wcas-voice-search:hover,.dgwt-wcas-voice-search:hover{opacity:.3}.dgwt-wcas-voice-search path{fill:#444}.dgwt-wcas-voice-search-supported .dgwt-wcas-voice-search{display:flex}.dgwt-wcas-voice-search-supported .dgwt-wcas-preloader{right:40px}.rtl .dgwt-wcas-overlay-mobile .dgwt-wcas-style-pirx .dgwt-wcas-voice-search,.rtl .dgwt-wcas-preloader,.rtl .dgwt-wcas-voice-search{right:auto;left:5px}.dgwt-wcas-mobile-overlay-trigger-active .dgwt-wcas-voice-search{z-index:105}.rtl .dgwt-wcas-voice-search-supported .dgwt-wcas-preloader{right:auto;left:45px}.dgwt-wcas-inner-preloader{background-repeat:no-repeat;background-position:right 8px center;background-size:auto 22px;display:flex;align-items:center;justify-content:center;z-index:1}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.dgwt-wcas-inner-preloader{background-image:url(//xn--80afpgcpc2g7bg.xn--p1ai/wp-content/plugins/ajax-search-for-woocommerce/assets/img/preloader.gif)}}.dgwt-wcas-loader-circular{height:24px;width:24px;-webkit-animation:2s linear infinite rotate;-moz-animation:2s linear infinite rotate;animation:2s linear infinite rotate}.dgwt-wcas-loader-circular-path{fill:transparent;stroke-linecap:round;stroke-width:4px;stroke-dasharray:1,200;stroke-dashoffset:0;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-animation:1s ease-in-out infinite dash;-moz-animation:1s ease-in-out infinite dash;animation:1s ease-in-out infinite dash;stroke:#ddd}@-webkit-keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes rotate{100%{-moz-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}@-moz-keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}@keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}.dgwt-wcas-close:not(.dgwt-wcas-inner-preloader){cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-transition:160ms ease-in-out;-moz-transition:160ms ease-in-out;-ms-transition:160ms ease-in-out;-o-transition:160ms ease-in-out;transition:160ms ease-in-out;z-index:1}.dgwt-wcas-close:not(.dgwt-wcas-inner-preloader):before{content:'';display:block;position:absolute;background:0 0;height:100%;width:100%;left:0;bottom:0;top:0;right:0;margin:auto}.dgwt-wcas-close path{fill:#ccc}@media screen and (max-width:992px){.dgwt-wcas-is-detail-box .dgwt-wcas-suggestions-wrapp{max-width:none}}.dgwt-wcas-suggestion strong{font-weight:700}.screen-reader-text{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;width:1px}.dgwt-wcas-sf-wrapp:after,.dgwt-wcas-sf-wrapp:before{content:"";display:table}.dgwt-wcas-sf-wrapp:after{clear:both}.dgwt-wcas-sf-wrapp{zoom:1;width:100%;max-width:100vw;margin:0;position:relative;background:0 0}.dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input{width:100%;height:40px;font-size:14px;line-height:100%;padding:10px 15px;margin:0;background:#fff;border:1px solid #ddd;border-radius:3px;-webkit-border-radius:3px;-webkit-appearance:none;box-sizing:border-box}.dgwt-wcas-is-ios .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input,.dgwt-wcas-is-ios .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input:focus{font-size:16px}.dgwt-wcas-open .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input{border-radius:3px 3px 0 0}.dgwt-wcas-layout-icon-open.dgwt-wcas-style-pirx .dgwt-wcas-search-icon-arrow,.dgwt-wcas-open.dgwt-wcas-nores .dgwt-wcas-details-wrapp .dgwt-wcas-preloader-wrapp,.dgwt-wcas-open.dgwt-wcas-nores.dgwt-wcas-details-outside .dgwt-wcas-details-wrapp{display:none!important}.dgwt-wcas-open.dgwt-wcas-nores.dgwt-wcas-details-outside .dgwt-wcas-suggestions-wrapp{min-height:0!important;border-radius:0 0 5px 5px;border-right-color:#ddd}.dgwt-wcas-open.dgwt-wcas-nores.dgwt-wcas-full-width .dgwt-wcas-details-wrapp,.dgwt-wcas-open.dgwt-wcas-nores.dgwt-wcas-full-width .dgwt-wcas-suggestions-wrapp{min-height:41px!important}.dgwt-wcas-open.dgwt-wcas-nores.dgwt-wcas-full-width:not(.rtl):not(.dgwt-wcas-details-outside) .dgwt-wcas-suggestions-wrapp{border-right-color:transparent}.rtl.dgwt-wcas-open.dgwt-wcas-nores.dgwt-wcas-full-width:not(.dgwt-wcas-details-outside) .dgwt-wcas-suggestions-wrapp{border-left-color:transparent}.dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input:focus{outline:0;background:#fff;box-shadow:0 0 9px 1px rgba(0,0,0,.06);-webkit-transition:150ms ease-in;-moz-transition:150ms ease-in;-ms-transition:150ms ease-in;-o-transition:150ms ease-in;transition:150ms ease-in}.dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input::placeholder{color:#999;font-weight:400;font-style:italic;line-height:normal}.dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input::-webkit-input-placeholder{color:#999;font-weight:400;font-style:italic;line-height:normal}.dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input:-moz-placeholder{color:#999;font-weight:400;font-style:italic;line-height:normal}.dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input::-moz-placeholder{color:#999;font-weight:400;font-style:italic;line-height:normal}.dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input:-ms-input-placeholder{color:#999;font-weight:400;font-style:italic;line-height:normal}.dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit{overflow:visible;position:absolute;border:0;padding:0 15px;margin:0;cursor:pointer;height:40px;min-width:50px;width:auto;line-height:100%;min-height:100%;right:0;left:auto;top:0;bottom:auto;color:#fff;-webkit-transition:250ms ease-in-out;-moz-transition:250ms ease-in-out;-ms-transition:250ms ease-in-out;-o-transition:250ms ease-in-out;transition:250ms ease-in-out;text-transform:uppercase;background-color:#333;border-radius:0 2px 2px 0;-webkit-border-radius:0 2px 2px 0;text-shadow:0 -1px 0 rgba(0,0,0,.3);-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none}.rtl .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit{left:0;right:auto}.dgwt-wcas-open .dgwt-wcas-sf-wrapp .dgwt-wcas-search-submit{border-radius:0 2px 0 0}.dgwt-wcas-sf-wrapp .dgwt-wcas-search-submit:hover,.dgwt-wcas-sugg-hist-clear:hover{opacity:.7}.dgwt-wcas-sf-wrapp .dgwt-wcas-search-submit:active,.dgwt-wcas-sf-wrapp .dgwt-wcas-search-submit:focus{opacity:.7;outline:0}.dgwt-wcas-sf-wrapp .dgwt-wcas-search-submit:before{content:'';position:absolute;border-width:8px 8px 8px 0;border-style:solid solid solid none;border-color:transparent #333;top:12px;left:-6px;-webkit-transition:250ms ease-in-out;-moz-transition:250ms ease-in-out;-ms-transition:250ms ease-in-out;-o-transition:250ms ease-in-out;transition:250ms ease-in-out}.rtl .dgwt-wcas-sf-wrapp .dgwt-wcas-search-submit:before{left:auto;right:-6px;border-width:8px 0 8px 8px;border-style:solid none solid solid}.dgwt-wcas-sf-wrapp .dgwt-wcas-search-submit:active:before,.dgwt-wcas-sf-wrapp .dgwt-wcas-search-submit:focus:before,.dgwt-wcas-sf-wrapp .dgwt-wcas-search-submit:hover:before{border-right-color:#333}.dgwt-wcas-sf-wrapp .dgwt-wcas-search-submit::-moz-focus-inner{border:0;padding:0}.dgwt-wcas-is-details .dgwt-wcas-suggestions-wrapp{min-height:340px;overflow:visible}.dgwt-wcas-is-details .dgwt-wcas-si{width:30px;max-width:100%;box-sizing:border-box}.dgwt-wcas-is-details .dgwt-wcas-sp{display:flex;top:0;flex-direction:column;height:100%;justify-content:center;resize:vertical}.dgwt-wcas-is-details .dgwt-wcas-sd{font-size:11px;line-height:100%}.dgwt-wcas-has-img .dgwt-wcas-suggestion[data-taxonomy=product_cat],.dgwt-wcas-has-img .dgwt-wcas-suggestion[data-taxonomy=product_tag]{padding-left:15px;min-height:0}.dgwt-wcas-has-img .dgwt-wcas-suggestion[data-taxonomy=product_cat] .dgwt-wcas-st,.dgwt-wcas-has-img .dgwt-wcas-suggestion[data-taxonomy=product_tag] .dgwt-wcas-st{padding-left:0}.dgwt-wcas-ico-magnifier,.dgwt-wcas-ico-magnifier-handler,html:not(.dgwt-wcas-overlay-mobile-on) .dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon{max-width:20px}.dgwt-wcas-no-submit .dgwt-wcas-ico-magnifier{height:50%;margin:auto;max-height:20px;width:100%;max-width:20px;left:12px;right:auto;opacity:.5;fill:#444}.rtl .dgwt-wcas-no-submit .dgwt-wcas-ico-magnifier{left:auto;right:12px}.dgwt-wcas-no-submit .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input{padding:10px 15px 10px 40px}.rtl .dgwt-wcas-no-submit .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input{padding:10px 40px 10px 15px}.dgwt-wcas-overlay-mobile-on,.dgwt-wcas-overlay-mobile-on body{overflow:hidden;min-width:100vw;min-height:100vh}html.dgwt-wcas-overlay-mobile-on{scroll-behavior:unset}.dgwt-wcas-om-bar{display:flex;height:45px;width:100%}.dgwt-wcas-om-bar button.dgwt-wcas-om-return,.dgwt-wcas-om-bar button.dgwt-wcas-om-return:active,.dgwt-wcas-om-bar button.dgwt-wcas-om-return:focus,.dgwt-wcas-om-bar button.dgwt-wcas-om-return:hover{width:45px;height:100%;display:block;background:#ccc;cursor:pointer;position:relative;margin:0;padding:0;box-shadow:none;outline:0;border:none;border-spacing:0;border-radius:0}.dgwt-wcas-om-bar .dgwt-wcas-om-return svg{width:23px;height:23px;position:absolute;left:12px;top:12px;fill:#fff}.rtl .dgwt-wcas-om-bar .dgwt-wcas-om-return svg{left:11px;top:9px;-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.dgwt-wcas-has-submit .dgwt-wcas-search-submit svg path{fill:#fff}.dgwt-wcas-om-bar .dgwt-wcas-has-submit-off .dgwt-wcas-preloader{right:0!important}.rtl .dgwt-wcas-om-bar .dgwt-wcas-has-submit-off .dgwt-wcas-preloader{left:4px!important;right:auto!important}.rtl .dgwt-wcas-om-bar .dgwt-wcas-style-pirx.dgwt-wcas-has-submit-off .dgwt-wcas-preloader{left:10px!important;right:auto!important}@keyframes dgwt-wcas-preloader-price-anim{0%,100%{background:rgba(128,128,128,.03)}50%{background:rgba(128,128,128,.1)}}.dgwt-wcas-preloader-price-inner div:first-child{left:0;animation-delay:-.1s}.dgwt-wcas-preloader-price-inner div:nth-child(2){left:13px;animation-delay:-.2s}.dgwt-wcas-preloader-price-inner div:nth-child(3){left:26px;animation-delay:-.3s}.dgwt-wcas-preloader-price{width:34px;height:10px;display:inline-block;overflow:hidden;background:0 0}.dgwt-wcas-preloader-price-inner{width:100%;height:100%;position:relative;transform:translateZ(0) scale(1);backface-visibility:hidden;transform-origin:0 0}.dgwt-wcas-preloader-price-inner div{position:absolute;width:8px;height:8px;background:rgba(128,128,128,.05);animation:.8s cubic-bezier(0,.5,.5,1) infinite dgwt-wcas-preloader-price-anim;-webkit-transition:.2s ease-in-out;-moz-transition:.2s ease-in-out;-ms-transition:.2s ease-in-out;-o-transition:.2s ease-in-out;transition:.2s ease-in-out}.dgwt-wcas-om-bar .dgwt-wcas-search-wrapp-mobile{width:calc(100% - 45px);max-width:none;margin:0}.dgwt-wcas-overlay-mobile .dgwt-wcas-search-form,.dgwt-wcas-overlay-mobile-on .dgwt-wcas-suggestion{width:100%}.dgwt-wcas-overlay-mobile{position:absolute;left:0;right:0;top:0;bottom:0;width:100%;background:#fff}.dgwt-wcas-overlay-mobile *{box-sizing:border-box}.dgwt-wcas-search-wrapp-mobile input[type=search].dgwt-wcas-search-input{height:45px!important;border-top:none;border-right:none;border-left:none;border-radius:0;font-size:16px!important}.dgwt-wcas-search-wrapp-mobile input[type=search].dgwt-wcas-search-input:focus{font-size:16px!important}.dgwt-wcas-overlay-mobile-on .dgwt-wcas-suggestions-wrapp{left:0!important;top:45px!important;width:100%!important;height:calc(100% - 45px)!important;position:absolute;overflow-y:auto;border:none;margin:0;display:block}.dgwt-wcas-enable-mobile-form{position:absolute;z-index:100;left:0;top:0;width:100%;height:100%;cursor:pointer;display:block}html:not(.dgwt-wcas-overlay-mobile-on) .dgwt-wcas-icon-mobile .dgwt-wcas-search-form{display:none;position:relative}html:not(.dgwt-wcas-overlay-mobile-on) .dgwt-wcas-search-wrapp.dgwt-wcas-icon-mobile{min-width:0;display:inline-block;width:28px;height:28px}html:not(.dgwt-wcas-overlay-mobile-on) .dgwt-wcas-icon-handler{height:100%;width:100%}html:not(.dgwt-wcas-overlay-mobile-on) .dgwt-wcas-icon-handler .dgwt-wcas-ico-magnifier{opacity:1;position:static;max-width:none;max-height:none}.dgwt-wcas-overlay-mobile-on.dgwt-wcas-is-ios body{overflow:auto}.dgwt-wcas-overlay-mobile-on.dgwt-wcas-is-ios{overflow:visible}.dgwt-wcas-overlay-mobile-on.dgwt-wcas-is-ios .dgwt-wcas-suggestions-wrapp{max-height:none!important;height:auto!important}.dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon{min-width:unset}.menu .dgwt-wcas-search-icon,html:not(.dgwt-wcas-overlay-mobile-on) .menu .dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon{width:auto}.dgwt-wcas-layout-icon-flexible .dgwt-wcas-search-form,.dgwt-wcas-layout-icon-flexible-inv .dgwt-wcas-search-form{opacity:0}.dgwt-wcas-layout-icon-flexible-inv:not(.dgwt-wcas-layout-icon-flexible-loaded),.dgwt-wcas-layout-icon-flexible-inv:not(.dgwt-wcas-layout-icon-flexible-loaded) .dgwt-wcas-search-form,.dgwt-wcas-layout-icon-flexible:not(.dgwt-wcas-layout-icon-flexible-loaded),.dgwt-wcas-layout-icon-flexible:not(.dgwt-wcas-layout-icon-flexible-loaded) .dgwt-wcas-search-form{max-width:20px;min-width:unset}.dgwt-wcas-icon-preloader{margin:auto;position:absolute;top:0;left:0;bottom:0;right:0}.dgwt-wcas-layout-icon-flexible-loaded .dgwt-wcas-search-form{opacity:1}html:not(.dgwt-wcas-overlay-mobile-on) .dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon .dgwt-wcas-search-form{opacity:0;display:none;position:absolute;left:0;top:calc(100% + 8px);min-width:500px;z-index:1000}html:not(.dgwt-wcas-overlay-mobile-on) .dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon.dgwt-wcas-layout-icon-open .dgwt-wcas-search-form{display:block;opacity:1}.dgwt-wcas-search-icon{width:20px;height:auto;cursor:pointer;display:block}li.menu-item a.dgwt-wcas-search-icon{padding-right:0;padding-left:0}.dgwt-wcas-ico-magnifier-handler{margin-bottom:-.2em;width:100%}.dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon.dgwt-wcas-layout-icon-open .dgwt-wcas-search-icon{opacity:.6}.dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon.dgwt-wcas-layout-icon-open.dgwt-wcas-no-submit .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input{padding-left:15px}.dgwt-wcas-layout-icon-open .dgwt-wcas-search-icon-arrow{display:block;position:absolute;top:calc(100% + 2px);left:0;z-index:5;width:15px;height:15px;background:#fff;border:1px solid #ddd;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.dgwt-wcas-has-headings .dgwt-wcas-suggestion-headline{pointer-events:none;display:block;font-weight:500;white-space:nowrap}.dgwt-wcas-suggestion.dgwt-wcas-suggestion-headline-v2{display:block;font-weight:500;white-space:nowrap;cursor:default;font-size:14px;margin-top:5px;margin-bottom:15px}.dgwt-wcas-suggestion.dgwt-wcas-suggestion-headline-v2 .dgwt-wcas-st{padding-bottom:3px;margin-top:16px}.dgwt-wcas-has-headings .dgwt-wcas-suggestion-headline .dgwt-wcas-st{border-bottom:1px solid #ddd;padding-bottom:3px;text-transform:uppercase;margin-top:16px;font-size:12px}.dgwt-wcas-has-headings .dgwt-wcas-suggestion-tax .dgwt-wcas-st{padding:0}.dgwt-wcas-has-headings .dgwt-wcas-suggestion.dgwt-wcas-suggestion-tax.dgwt-wcas-suggestion-selected,.dgwt-wcas-has-headings .dgwt-wcas-suggestion.dgwt-wcas-suggestion-tax:hover{background:0 0;text-decoration:underline}.dgwt-wcas-is-details .dgwt-wcas-has-headings .dgwt-wcas-suggestion.dgwt-wcas-suggestion-tax{min-height:30px}.dgwt-wcas-sugg-hist-clear{cursor:pointer;text-decoration:underline;display:inline-block;margin-left:2px}.dgwt-wcas-darkened-overlay{display:block;position:absolute;opacity:.15;z-index:100000;left:0;top:0}.dgwt-wcas-darkened-overlay>div{background:#111;position:absolute}.dgwt-wcas-search-wrapp.dgwt-wcas-search-darkoverl-on .dgwt-wcas-search-form{background-color:rgba(17,17,17,.15);border:none;border-radius:0}.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp{background:#fff;padding:10px;border-radius:10px}.dgwt-wcas-style-pirx.dgwt-wcas-search-wrapp-mobile .dgwt-wcas-sf-wrapp{padding-top:0;padding-bottom:0}.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input{padding:13px 24px 13px 48px;line-height:24px;font-size:17px;border:2px solid transparent;border-radius:30px;height:auto;font-family:Roboto,sans-serif;background-color:#eee}.dgwt-wcas-open-pirx .dgwt-wcas-open .dgwt-wcas-suggestions-wrapp,.dgwt-wcas-open-pirx .dgwt-wcas-open.dgwt-wcas-nores .dgwt-wcas-suggestions-wrapp{border-radius:0 0 5px 5px}.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input:focus{box-shadow:none;transition:30ms ease-in}.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input:hover{background-color:#dfdfdf}.dgwt-wcas-style-pirx.dgwt-wcas-search-focused .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input{border-color:#333}.dgwt-wcas-open .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input{border-radius:30px}.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit{background:0 0;border-radius:100%;border:0;display:flex;align-items:center;justify-content:center;padding:0;margin:0;position:absolute;min-height:33px;min-width:33px;height:33px;width:33px;left:23px;top:21px;pointer-events:none;transition:none}.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit svg{width:18px;height:18px}.dgwt-wcas-style-pirx.dgwt-wcas-search-filled .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit{left:auto;right:28px;pointer-events:auto;animation:.3s fadeIn}.dgwt-wcas-style-pirx.dgwt-wcas-search-filled .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input{padding-left:24px;padding-right:48px;transition:none!important}.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit:hover{opacity:1;background:#e4e4e4;box-shadow:0 0 0 2px #e4e4e4;border-radius:100%}.dgwt-wcas-style-pirx .dgwt-wcas-preloader{margin-right:35px}.rtl .dgwt-wcas-style-solaris .dgwt-wcas-preloader,.rtl .dgwt-wcas-style-solaris .dgwt-wcas-voice-search{margin-left:4px}.dgwt-wcas-style-pirx .dgwt-wcas-close:not(.dgwt-wcas-inner-preloader){transition:none;width:18px}.dgwt-wcas-open-pirx.dgwt-wcas-overlay-mobile-on .dgwt-wcas-om-bar button.dgwt-wcas-om-return path,.dgwt-wcas-style-pirx .dgwt-wcas-close:not(.dgwt-wcas-inner-preloader) path,.dgwt-wcas-style-pirx .dgwt-wcas-voice-search svg path,.dgwt-wcas-style-pirx.dgwt-wcas-has-submit .dgwt-wcas-search-submit svg path{fill:#111}.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input::placeholder{opacity:1;font-style:normal;font-weight:300;color:#777}.dgwt-wcas-open-pirx .dgwt-wcas-details-wrapp,.dgwt-wcas-open-pirx .dgwt-wcas-suggestions-wrapp{border-color:#fff;padding-top:10px;padding-bottom:10px}.dgwt-wcas-open-pirx .dgwt-wcas-details-inner,.dgwt-wcas-open-pirx .dgwt-wcas-suggestions-wrapp>.dgwt-wcas-suggestion{padding-left:20px;padding-right:20px}.dgwt-wcas-open-pirx .dgwt-wcas-full-width .dgwt-wcas-suggestions-wrapp>.dgwt-wcas-suggestion,.dgwt-wcas-open-pirx body.dgwt-wcas-details-left .dgwt-wcas-details-wrapp{border-right:1px solid #ddd}.dgwt-wcas-open-pirx .dgwt-wcas-details-outside .dgwt-wcas-details-wrapp,.dgwt-wcas-open-pirx .dgwt-wcas-details-outside.dgwt-wcas-is-details .dgwt-wcas-suggestions-wrapp{margin-top:0;border-top:none}.dgwt-wcas-open-pirx body.dgwt-wcas-details-right .dgwt-wcas-suggestions-wrapp{border-right:none}.dgwt-wcas-open-pirx body.dgwt-wcas-details-right .dgwt-wcas-details-wrapp{border-left:1px solid #ddd}.dgwt-wcas-open-pirx body.dgwt-wcas-details-left .dgwt-wcas-suggestions-wrapp{border-left:none}.dgwt-wcas-open-pirx .dgwt-wcas-open.dgwt-wcas-nores.dgwt-wcas-full-width .dgwt-wcas-details-wrapp,.dgwt-wcas-open-pirx .dgwt-wcas-open.dgwt-wcas-nores.dgwt-wcas-full-width .dgwt-wcas-suggestions-wrapp{min-height:70px!important}.dgwt-wcas-style-pirx.dgwt-wcas-search-wrapp-mobile .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input{border-radius:0;background:0 0;padding:0 10px}.dgwt-wcas-style-pirx.dgwt-wcas-search-wrapp-mobile.dgwt-wcas-search-focused .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input{border-color:transparent}.dgwt-wcas-style-pirx.dgwt-wcas-search-wrapp-mobile.dgwt-wcas-search-filled .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input{padding-left:10px}.dgwt-wcas-style-pirx.dgwt-wcas-search-wrapp-mobile .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input:hover{background-color:transparent}.dgwt-wcas-open-pirx.dgwt-wcas-overlay-mobile-on .dgwt-wcas-suggestions-wrapp{border-top:1px solid #e0e2e5}.dgwt-wcas-open-pirx .dgwt-wcas-style-pirx.dgwt-wcas-style-pirx-compact .dgwt-wcas-sf-wrapp,.dgwt-wcas-open-pirx.dgwt-wcas-overlay-mobile-on .dgwt-wcas-om-bar button.dgwt-wcas-om-return{background:#fff}.dgwt-wcas-open-pirx.dgwt-wcas-overlay-mobile-on .dgwt-wcas-om-bar button.dgwt-wcas-om-return svg{left:17px;top:16px;width:17px;height:17px}.dgwt-wcas-style-pirx .dgwt-wcas-voice-search{right:20px;top:1px;opacity:1}.rtl .dgwt-wcas-style-pirx .dgwt-wcas-voice-search{right:auto;left:50px}.dgwt-wcas-overlay-mobile .dgwt-wcas-style-pirx .dgwt-wcas-voice-search{right:5px}.dgwt-wcas-overlay-mobile .dgwt-wcas-style-solaris .dgwt-wcas-voice-search{right:5px!important}.rtl .dgwt-wcas-overlay-mobile .dgwt-wcas-style-solaris .dgwt-wcas-voice-search{left:5px!important;right:auto!important}.dgwt-wcas-style-pirx.dgwt-wcas-style-pirx-compact .dgwt-wcas-sf-wrapp{background:0 0;padding:4px;border-radius:10px 10px 0 0}.dgwt-wcas-style-pirx.dgwt-wcas-style-pirx-compact .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input{padding-top:10px;padding-bottom:10px;line-height:normal;font-size:14px}.dgwt-wcas-style-pirx.dgwt-wcas-style-pirx-compact .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit{left:15px;top:7px}.dgwt-wcas-style-pirx.dgwt-wcas-style-pirx-compact.dgwt-wcas-search-filled .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit{left:auto;right:23px}html:not(.dgwt-wcas-overlay-mobile-on) .dgwt-wcas-style-pirx.dgwt-wcas-style-pirx-compact .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input{background:#fff;box-shadow:0 0 0 1px #eee}html:not(.dgwt-wcas-overlay-mobile-on) .dgwt-wcas-style-pirx.dgwt-wcas-style-pirx-compact.dgwt-wcas-search-focused .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input{border-color:#333;box-shadow:none}.dgwt-wcas-open-pirx-compact .dgwt-wcas-details-wrapp,.dgwt-wcas-open-pirx-compact .dgwt-wcas-suggestions-wrapp{margin-top:1px}.dgwt-wcas-suggestions-wrapp-fixed{position:fixed!important}.elementor-widget-fibosearch-posts::after{content:""!important}.dgwt-wcas-posts-results-grid{display:flex;flex-wrap:wrap;grid-gap:20px;justify-content:flex-start}.dgwt-wcas-posts-results-grid-item{width:calc(25% - 15px);margin-bottom:30px}@keyframes pulse {
0%,to {
opacity: 0
}
50% {
opacity: 1
}
}
@keyframes scroll {
0%,20% {
margin-left: 0
}
25%,45% {
margin-left: -133.3332%
}
50%,70% {
margin-left: -266.6664%
}
75%,95% {
margin-left: -399.9996%
}
to {
margin-left: -533.3328%
}
}
@keyframes spinner {
0% {
transform: rotate(0)
}
to {
transform: rotate(360deg)
}
}
.modal-box {
display: none;
position: fixed;
overflow: auto;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,.6);
z-index: 1000000;
padding: 15px;
justify-content: center;
align-items: center;
flex-direction: column
}
.modal-box.visible {
display: flex
}
.modal {
max-height: 100%;
display: none;
position: relative;
margin: 0 auto;
background-color: #fff;
overflow: hidden;
box-shadow: 0 0 0 1px rgba(0,0,0,.11),0 6px 30px rgba(0,0,0,.9);
border-radius: 10px
}
.modal-box .modal,article,aside,details,figcaption,figure,footer,header,header .wrapper .header-info .logo a,header .wrapper .menu-row .actions>*>.menu .item.product .img img,hgroup,main,menu,nav,section {
display: block
}
.modal-box .modal .header {
font-weight: 700;
font-size: 15px;
line-height: 1;
padding: 12px 20px;
background-color: #f6f7f8;
border-bottom: 1px solid #e5e5e5
}
.modal-box .modal .content {
padding: 16px 24px
}
.modal-box .modal .footer {
margin: 0 20px 16px;
padding-top: 12px;
border-top: 1px solid #dcdee3
}
.modal-box .modal .footer>* {
float: right;
margin-left: 6px
}
.modal-box .modal .footer:after {
content: ' ';
display: block;
clear: both
}
.modal-box .modal .footer.center {
text-align: center
}
.modal-box .modal .footer.center>* {
float: none;
display: inline-block
}
.modal-box .modal .footer .button {
font-size: 16px;
line-height: 2;
padding: 0 20px;
border: 1px solid #888;
border-radius: 5px;
cursor: pointer;
background-color: #eee;
transition: all .3s;
text-shadow: 1px 1px 4px rgba(0,0,0,.3);
box-shadow: 0 3px 4px rgba(0,0,0,.3)
}
.modal-box .modal .footer .button:hover {
background-color: #aaa;
color: #fff
}
.debug {
display: none;
z-index: 10000;
top: 0
}
.debug.grid {
height: 100vh;
position: fixed;
width: 100%
}
@media screen and (max-width: 992px) {
.debug.grid>div {
padding-left:15px;
padding-right: 15px
}
}
.debug.grid>div,.debug.grid>div>div {
height: inherit
}
.debug.grid>div>div>div {
box-sizing: border-box;
word-wrap: break-word;
margin-left: 15px;
margin-right: 15px;
width: calc(8.333333333333334% - 30px);
height: inherit;
outline: 1px solid rgba(0,0,0,.1);
background: rgba(0,0,0,.05)
}
blockquote,body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,p,pre,td,textarea,th,ul {
margin: 0;
padding: 0
}
p {
margin: 0 0 1em
}
table {
border-collapse: collapse;
border-spacing: 0
}
abbr,fieldset,img {
border: 0
}
address,caption,cite,code,dfn,em,strong,th,var {
font-style: normal;
font-weight: 400
}
ul li {
list-style: none
}
caption,section.shop .cart_totals .shop_table #shipping_method,th {
text-align: left
}
h1,h2,h3,h4,h5,h6 {
font-size: 100%;
font-weight: 400
}
sup {
vertical-align: text-top
}
sub {
vertical-align: text-bottom
}
input,select,textarea {
font-family: inherit;
font-size: inherit;
font-weight: inherit
}
legend {
color: #000
}
img {
max-width: 100%;
height: auto
}
* {
box-sizing: border-box
}
@font-face {
font-family: 'Majestic';
src: url(//xn--80afpgcpc2g7bg.xn--p1ai/wp-content/themes/kosmet/assets/fonts/Majestic.woff) format('woff'),url(//xn--80afpgcpc2g7bg.xn--p1ai/wp-content/themes/kosmet/assets/fonts/Majestic.ttf) format('ttf');
font-weight: 400;
font-style: normal
}
@font-face {
font-family: 'FontAwesome';
src: url(//xn--80afpgcpc2g7bg.xn--p1ai/wp-content/themes/kosmet/assets/fonts/fontawesome-webfont.woff) format('woff'),url(//xn--80afpgcpc2g7bg.xn--p1ai/wp-content/themes/kosmet/assets/fonts/fontawesome-webfont.ttf) format('ttf');
font-weight: 400;
font-style: normal
}
a,html {
color: #346548
}
html {
font-family: Roboto,sans-serif
}
a {
text-decoration: none
}
.h1,.h2,h1,h2 {
font-size: 3rem;
margin-bottom: 1rem
}
.h2,h2 {
font-size: 2.5rem
}
.h3,h3,section.shop .product.type-product form.cart .woocommerce-variation-price .price {
font-size: 2rem;
margin-bottom: 1rem
}
ul.checked {
margin-bottom: 1em
}
ul.checked li {
margin: 0 0 .5rem 2rem;
font-weight: 300
}
ul.checked li::before {
content: '\f00c';
font-family: FontAwesome;
display: inline-block;
margin-right: 1rem
}
@media screen and (max-width: 576px) {
html {
font-size:14px
}
}
header,section {
background-color: #fff
}
.debug.grid>div,footer .wrapper,header .wrapper,section .wrapper {
max-width: 1280px;
margin: 0 auto;
padding-left: 30px;
padding-right: 30px
}
@media screen and (max-width: 992px) {
footer .wrapper,header .wrapper,section .wrapper {
padding-left:15px;
padding-right: 15px
}
}
.debug.grid>div>div,footer .wrapper .row,header .wrapper .row,section .wrapper .row {
display: flex;
flex-wrap: wrap;
margin-left: -15px;
margin-right: -15px
}
footer .wrapper .row>*,header .wrapper .row>*,section .wrapper .row>* {
box-sizing: border-box;
word-wrap: break-word;
margin-left: 15px;
margin-right: 15px
}
section>.title {
text-align: center;
padding: 4rem 0;
font-weight: 300
}
section .gray-bg {
background-color: #f8f8f8;
padding: 2rem 0
}
section.messages,section.profile {
margin: 2rem 0
}
section.messages .wrapper .loading-data {
color: #787878;
font-size: 2rem;
font-weight: 300;
text-align: center;
flex-grow: 1
}
section.messages .wrapper .loading-data~* {
display: none
}
section.messages .user-filter,section.messages main #user-info {
margin-bottom: 1rem;
padding-bottom: 1.5rem;
border-bottom: 1px solid #346548;
align-items: center
}
section.messages .user-filter>button {
margin-left: 2em
}
section.messages aside {
margin-right: 2rem;
max-width: 20%
}
section.messages aside .user-list .user {
display: flex;
align-items: center;
margin-bottom: .5rem;
transition: all .5s ease-in-out;
position: relative;
padding-right: 2rem
}
section.messages aside .user-list .user::after {
font-family: FontAwesome;
content: '\f35a';
margin-left: 1rem;
position: absolute;
right: 1rem;
opacity: 0;
transition: all .5s ease-in-out
}
section.messages aside .user-list .user.active {
color: #00f
}
section.messages aside .user-list .user.active::after {
right: 0;
opacity: 1
}
section.messages aside .user-list .user.s-paying {
color: #b82e2e
}
section.messages aside .user-list .user.s-support {
color: #2e8ab8
}
.files .file .info,section.messages aside .user-list .user.s-closed,section.messages aside .user-list .user.s-finished {
color: #787878
}
section.messages aside .user-list .user .user-avatar {
width: 2rem;
margin-right: .5rem;
border-radius: 50%;
flex-shrink: 0
}
section.messages aside .user-list .user .user-name {
white-space: nowrap;
flex-grow: 1
}
section.messages aside .user-list .user .unread {
margin-left: 1rem;
font-size: .75rem
}
section.messages main,section.messages main .add-user-form .row.message-row>.email-message,section.profile main {
flex-grow: 1
}
section.messages main .loading-user,section.messages main .select-user {
display: none;
color: #787878;
font-size: 2rem;
font-weight: 300;
text-align: center
}
section.messages main .add-user-form {
display: none
}
section.messages main .add-user-form .title {
font-size: 2rem;
font-weight: 300;
text-align: center;
margin-bottom: 2rem
}
section.messages main .add-user-form .message-info {
font-weight: 300;
margin-bottom: .5rem
}
section.messages main .add-user-form .row {
display: flex;
align-items: center;
justify-content: flex-start;
margin-bottom: 1rem
}
section.messages main .add-user-form .row.message-row,section.messages main .add-user-form .row.subject-row,section.messages main .add-user-form .row.user-row {
justify-content: stretch
}
section.messages main .add-user-form .row.subject-row label,section.messages main .add-user-form .row.user-row label {
flex-grow: 1;
display: flex;
align-items: center
}
section.messages main .add-user-form .row.subject-row label input,section.messages main .add-user-form .row.user-row label input {
flex-grow: 1;
margin-left: .75rem
}
section.messages main .add-user-form .row.actions {
justify-content: flex-end;
margin-bottom: 2rem
}
section.messages main .user-content {
display: none;
transition: opacity .5s ease-in-out;
opacity: 1
}
section.messages main .user-content.loading {
opacity: .1
}
section.messages main #user-info {
display: flex;
padding-bottom: 1rem
}
section.messages main #user-info .user-avatar,section.messages main .user-messages .user-avatar {
width: 64px;
height: 64px;
border-radius: 50%;
margin-right: 20px
}
section.messages main #user-info .info {
flex-grow: 1;
line-height: 2rem
}
section.messages main #user-info .info .user-name {
font-size: 1.5rem
}
section.messages main #user-info .info .user-email,section.messages main #user-info .info .user-phone {
line-height: 1.5rem;
margin-left: 2rem
}
section.messages main #user-info .info .user-email::before,section.messages main #user-info .info .user-phone::before {
font-family: FontAwesome;
content: '\f0e0';
line-height: 1.5rem;
padding-right: .25rem
}
section.messages main #user-info .info .user-phone::before {
content: '\f095'
}
section.messages main #user-info .info .user-phone:empty {
display: none
}
section.messages main #user-info .info .course-info {
font-size: 1.25rem;
font-weight: 300
}
section.messages main #user-info .info .course-title::before {
content: '«'
}
section.messages main #user-info .info .course-title::after {
content: '»'
}
section.messages main #user-info .actions {
align-self: flex-end;
text-align: right
}
section.messages main #user-info .actions>.button {
display: none
}
section.messages main #user-info .actions .delete-user {
display: inline-block;
margin-bottom: 1rem
}
section.messages main #user-info .actions .close-access,section.messages main #user-info.unpaid .accept-payment {
display: inline-block
}
section.messages main #user-info.unpaid .close-access {
display: none
}
section.messages main #user-info.payment .accept-payment {
display: inline-block
}
section.messages main #user-info.payment .close-access {
display: none
}
section.messages main #user-info.active .accept-lesson,section.messages main #user-info.active .post-message,section.messages main #user-info.closed .resume-access,section.messages main #user-info.finished .extend-support,section.messages main #user-info.pending .start-course,section.messages main #user-info.support .post-message {
display: inline-block
}
header .wrapper div.menu input,header .wrapper div.menu label,section.messages main #user-info.closed .close-access,section.profile aside .avatar-upload>input {
display: none
}
section.messages main .user-messages .info {
display: flex;
font-size: .875rem;
margin-bottom: .25rem
}
section.messages main .user-messages .user-name {
margin-right: 3rem
}
section.messages main .user-messages .page-link {
margin-right: 2rem
}
section.messages main .user-messages .comment-date,section.profile aside .edit-form p.info {
font-weight: 300
}
section.messages main .user-messages .comment-control {
margin-top: .5rem
}
section.messages main .user-messages .comment-text {
font-weight: 300;
font-size: 1rem
}
section.profile main .course,section.profile main h2.title {
margin-bottom: 2rem;
font-weight: 300
}
section.profile main .course {
display: block;
border: 1px solid #346548;
padding: 1rem;
transition: background-color .3s ease;
font-size: 1.25rem;
box-shadow: 0 5px 10px 0 rgba(0,0,0,.1)
}
section.profile main .course.active {
background-color: #e4f6ec
}
section.profile main .course.active:hover {
background-color: #d1f0de
}
section.profile main .course .title {
margin-bottom: .5rem;
font-size: 1.75rem
}
section.profile main .course .row {
align-items: center;
line-height: 2rem
}
section.profile main .course .start {
flex-grow: 1
}
section.profile main .course .status {
font-size: 1rem
}
section.profile aside {
width: 300px;
padding-left: 50px;
padding-top: 2rem
}
@media screen and (max-width: 576px) {
section.profile aside {
padding-left:0
}
}
section.profile aside .avatar-upload {
position: relative;
cursor: pointer
}
section.profile aside .avatar-upload>.image {
width: 100%;
padding-top: 100%;
position: relative
}
section.profile aside .avatar-upload>.image>img {
position: absolute;
top: 0
}
section.profile aside .avatar-upload>.upload,section.profile aside .avatar-upload>.upload-hint {
position: absolute;
top: 0;
width: 100%;
height: 100%;
background: rgba(255,255,255,.75);
opacity: .01;
transition: opacity .5s;
display: flex;
align-items: center;
align-content: center;
justify-content: center
}
section.profile aside .avatar-upload>.upload .label {
text-align: center;
font-size: 2rem;
animation: pulse 2s ease infinite
}
section.profile aside .avatar-upload>.upload.show {
opacity: 1
}
section.profile aside .avatar-upload>.upload-hint {
display: none
}
section.profile aside .avatar-upload>.upload-hint .label {
text-align: center;
font-size: 2rem;
animation: pulse 2s ease infinite
}
section.profile aside .user-info {
position: relative;
overflow-x: hidden;
margin-top: 1rem;
padding-top: .5rem
}
section.profile aside .user-info .name {
margin: 0 0 1rem;
font-size: 1.25rem
}
section.profile aside .user-info .email,section.profile aside .user-info .phone {
margin-bottom: .5rem
}
section.profile aside .user-info .email::before,section.profile aside .user-info .phone::before {
font-family: FontAwesome;
content: '\f0e0';
display: inline-block;
margin: 0 .5rem
}
section.profile aside .user-info .phone::before {
content: '\f095'
}
section.profile aside .user-info .phone:empty {
display: none
}
section.profile aside .user-info .edit {
position: absolute;
top: 0;
right: 0;
padding: .5rem;
background: #f0f0f0;
color: #787878;
cursor: pointer;
opacity: 0;
transition: opacity .3s ease-in-out
}
section.profile aside .user-info .edit:hover,section.shop h1 {
color: #346548
}
section.profile aside .user-info .edit::before {
font-family: FontAwesome;
content: '\f4ff';
display: block
}
section.profile aside .user-info:hover .edit {
opacity: 1;
transition: opacity .3s ease-in-out
}
section.profile aside .edit-form {
padding: 0;
margin-top: 1.5rem;
display: none
}
section.profile aside .edit-form p.error {
font-weight: 300;
color: #b82e2e;
text-align: center
}
section.profile aside .edit-form input.error {
border-color: #b82e2e;
background-color: #ffc7c7;
color: #b82e2e
}
header {
z-index: 1000;
box-shadow: 0 0 20px 0 rgba(0,0,0,.5)
}
header .wrapper {
color: #346548
}
header .wrapper .header-info {
padding: .75rem 0 .5rem;
display: flex;
justify-content: space-between;
align-items: center
}
header .wrapper .header-info .about {
flex-basis: 10%;
font-weight: 400;
white-space: nowrap;
display: flex;
flex-direction: column;
align-items: center
}
@media screen and (max-width: 576px) {
header .wrapper .header-info .about {
display:none
}
}
header .wrapper .header-info .about img {
margin-top: .5rem;
width: 90px
}
header .wrapper .header-info .logo a .title {
font-family: Majestic,sans-serif;
white-space: nowrap;
font-size: 5rem
}
@media screen and (max-width: 992px) {
header .wrapper .header-info .logo a .title {
font-size:4rem;
margin-top: -1.5rem
}
}
@media screen and (max-width: 760px) {
header .wrapper .header-info .logo a .title {
font-size:2rem;
margin-top: -1.5rem
}
}
header .wrapper .header-info .logo a .slogan {
margin-top: -1rem;
margin-right: .25rem;
color: #787878;
font-style: italic;
text-align: right;
font-size: .75rem
}
@media screen and (max-width: 992px) {
header .wrapper .header-info .logo a .slogan {
font-size:.6rem
}
}
@media screen and (max-width: 760px) {
header .wrapper .header-info .logo a .slogan {
font-size:.6rem;
margin-top: -.375rem;
width: 148px
}
}
@media screen and (max-width: 576px) {
header .wrapper .header-info .logo a .slogan {
font-size:.6rem;
margin-top: -.375rem;
width: 128px
}
}
header .wrapper .header-info .logo img {
height: 4rem;
margin-right: .5rem
}
header .wrapper .header-info .contacts {
flex-basis: 10%;
text-align: right;
font-weight: 400;
white-space: nowrap;
font-size: 1.125rem
}
@media screen and (max-width: 992px) {
header .wrapper .header-info .contacts {
font-size:.95rem
}
}
@media screen and (max-width: 760px) {
header .wrapper .header-info .contacts {
font-size:.8rem
}
}
@media screen and (max-width: 576px) {
header .wrapper .header-info .contacts {
font-size:.75rem
}
}
header .wrapper .header-info .contacts>* {
margin: .5rem 0
}
header .wrapper ul.menu {
display: flex;
justify-content: center
}
@media screen and (max-width: 1200px) {
header .wrapper ul.menu {
margin-left:240px;
margin-right: 240px
}
}
@media screen and (max-width: 760px) {
header .wrapper ul.menu {
margin-left:100px;
margin-right: 100px
}
}
header,header .wrapper,header .wrapper .menu-row,header .wrapper ul.menu>li,header .wrapper ul.menu>li>a>span {
position: relative
}
header .wrapper ul.menu>li>a {
display: block;
padding: 1.25rem 2rem;
font-size: .875rem;
font-weight: 500;
text-transform: uppercase;
color: inherit;
text-decoration: none
}
@media screen and (max-width: 1200px) {
header .wrapper ul.menu>li>a {
padding:1.25rem 1rem
}
}
@media screen and (max-width: 992px) {
header .wrapper ul.menu>li>a {
padding:1.25rem 1rem
}
}
header .wrapper ul.menu>li>a>span::after {
content: '';
display: block;
position: absolute;
bottom: -5px;
left: 0;
right: 0;
width: 0;
margin: auto;
height: 2px;
background-color: #346548;
transition: width .3s ease-in-out
}
header .wrapper ul.menu>li>a:hover>span::after,section.shop .product .woocommerce-product-gallery .flex-viewport figure a>img {
width: 100%!important
}
header .wrapper ul.menu>li.current-menu-item a>span::after {
width: 100%
}
header .wrapper ul.menu>li:hover>.sub-menu {
visibility: visible;
opacity: 1;
top: 100%
}
header .wrapper ul.menu:hover>li a>span::after {
width: 0
}
header .wrapper ul.sub-menu {
visibility: hidden;
opacity: 0;
position: absolute;
top: 150%;
background-color: #fff;
box-shadow: 0 4px 15px 0 rgba(0,0,0,.5);
margin-left: 1rem;
white-space: nowrap;
transition: all .3s ease-in-out .2s
}
header .wrapper ul.sub-menu>li>a {
display: block;
padding: .75rem 1rem;
font-size: .875rem;
font-weight: 400;
text-transform: uppercase;
color: inherit;
text-decoration: none;
transition: all .3s ease-in-out
}
header .wrapper .menu-row .actions>*>.menu>a:hover,header .wrapper ul.sub-menu>li>a:hover {
background-color: rgba(20,67,39,.6);
color: #fff
}
header .wrapper .menu-row .actions {
position: absolute;
top: 0;
right: 30px
}
header .wrapper .menu-row .actions>* {
display: inline-block;
margin-left: 1rem;
font-size: 1.5rem;
line-height: 3.5rem;
font-weight: 300;
position: relative
}
@media screen and (max-width: 576px) {
header .wrapper .menu-row .actions>* {
line-height:3rem
}
}
header .wrapper .menu-row .actions>*>:first-child {
font-style: normal;
cursor: pointer
}
header .wrapper .menu-row .actions>*>.menu {
visibility: hidden;
right: 0;
top: 150%;
opacity: 0;
position: absolute;
background-color: #fff;
box-shadow: 0 4px 15px 0 rgba(0,0,0,.5);
font-size: 1rem;
line-height: 2.5rem;
transition: all .3s ease-in-out .2s;
white-space: nowrap
}
header .wrapper .menu-row .actions>*>.menu .msg {
padding: 0 1rem
}
header .wrapper .menu-row .actions>*>.menu>a {
display: block;
padding: 0 1rem;
transition: all .3s ease-in-out
}
header .wrapper .menu-row .actions>*>.menu .item.product {
padding: .75rem 1rem;
line-height: 1.5rem;
display: flex;
align-items: center
}
header .wrapper .menu-row .actions>*>.menu .item.product .img {
width: 3rem;
margin-right: .75rem
}
header .wrapper .menu-row .actions>*>.menu .item.product .info,section.posts main {
flex-grow: 1
}
header .wrapper .menu-row .actions>*>.menu .item.product .quantity {
font-size: .75rem
}
header .wrapper .menu-row .actions>*>.menu .item.product .remove {
margin-left: .75rem;
border-radius: 50%;
transition: all .3s ease-in-out
}
header .wrapper .menu-row .actions>*>.menu .item.product .remove::after {
font-family: FontAwesome;
content: '\f2ed';
line-height: 2.5rem;
width: 2.5rem;
text-align: center;
display: block
}
header .wrapper .menu-row .actions>*>.menu .item.product .remove:hover {
background-color: #e4f6ec;
color: #346548
}
header .wrapper .menu-row .actions>*>.menu .subtotal {
font-weight: 400;
text-align: center;
background-color: #e4f6ec
}
header .wrapper .menu-row .actions>*>.menu .min-order {
font-weight: 400;
text-align: center;
color: #b82e2e;
background-color: #ffc7c7
}
.login-form h2,header .wrapper .menu-row .actions>*>.menu .make-order,section.confirm,section.confirm h2 {
text-align: center
}
header .wrapper .menu-row .actions>:hover .menu {
visibility: visible;
opacity: 1;
top: 100%
}
header .wrapper .menu-row .actions .lms-manager::before,header .wrapper .menu-row .actions .my-courses::before {
font-family: FontAwesome;
content: '\f19d';
display: inline-block
}
header .wrapper .menu-row .actions .messages::before {
font-family: FontAwesome;
content: '\f27a';
display: inline-block
}
header .wrapper .menu-row .actions .my-cart {
display: inline-block;
position: relative;
font-size: 1.25rem;
font-weight: 400;
line-height: 3.5rem
}
header .wrapper .menu-row .actions .my-cart .total {
display: inline-block
}
@media screen and (max-width: 992px) {
header .wrapper .menu-row .actions .my-cart .total {
display:none
}
}
header .wrapper .menu-row .actions .my-cart::after {
font-family: FontAwesome;
font-size: 1.5rem;
font-weight: 300;
content: '\f07a';
display: inline-block;
margin-left: .5rem
}
header .wrapper .menu-row .actions .my-cart::before {
position: absolute;
right: -.5rem;
top: .25rem;
min-width: 1.25rem;
height: 1.25rem;
line-height: 1.25rem;
font-size: .75rem;
text-align: center;
content: attr(data-count);
background-color: rgba(196,0,0,.7);
color: #fff;
border-radius: 1rem
}
header .wrapper .menu-row .actions .user-menu::before {
font-family: FontAwesome;
content: '\f007';
display: inline-block
}
@media screen and (max-width: 576px) {
header .wrapper div.menu ul.menu {
display:none;
position: absolute;
top: 0;
padding-left: 48px;
margin-left: 0;
margin-right: 0;
width: 100%;
background-color: #fff
}
header .wrapper div.menu ul.menu>li>a {
padding: 1rem
}
header .wrapper div.menu ul.menu>li:hover>.sub-menu {
top: 0
}
header .wrapper div.menu ul.sub-menu {
position: relative;
top: 0;
opacity: 1;
visibility: visible;
box-shadow: none;
margin-left: 2rem
}
header .wrapper div.menu label {
display: inline-block;
cursor: pointer
}
header .wrapper div.menu label::before {
content: '\f0c9';
font-family: FontAwesome;
display: block;
line-height: 3rem;
width: 3rem;
text-align: center;
font-size: 1.5rem;
font-weight: 300
}
header .wrapper div.menu input:checked+ul.menu {
display: flex;
flex-direction: column;
z-index: -1
}
}
header .sticky-logo {
font-family: Majestic;
font-size: 2.25rem;
position: absolute;
bottom: 4rem;
height: 42px;
opacity: 0;
transition: bottom 1s .5s ease-in-out,opacity .5s ease-in-out;
white-space: nowrap
}
@media screen and (max-width: 992px) {
header .sticky-logo {
font-size:2rem
}
}
@media screen and (max-width: 760px) {
header .sticky-logo {
width:32px;
overflow: hidden
}
}
header .sticky-logo img {
height: 2rem;
margin-right: .25rem;
vertical-align: top
}
body.sticky-header header {
position: fixed;
top: 0;
width: 100%;
background-color: #fff;
border-bottom: 1px solid #f0f0f0
}
body.sticky-header header .header-info,section.article>input,section.article>label,section.posts>input,section.posts>label {
display: none
}
body.sticky-header header .sticky-logo {
bottom: .25rem;
opacity: 1;
transition: bottom 1s ease-in-out,opacity .5s
}
@media screen and (max-width: 576px) {
body.sticky-header header {
position:absolute
}
body.sticky-header header .header-info {
display: block
}
body.sticky-header header .sticky-logo {
display: none
}
}
body.admin-bar.sticky-header header {
margin-top: 32px
}
section.confirm {
padding: 4rem
}
section.confirm .big {
font-size: 1.5rem
}
section.page-hero {
background: url(//xn--80afpgcpc2g7bg.xn--p1ai/wp-content/themes/kosmet/assets/images/gory.jpg) no-repeat;
background-size: 100%;
padding-top: 15rem;
position: relative
}
section.page-hero .content {
position: absolute;
top: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center
}
section.page-hero .page-title {
flex-basis: 100%;
text-transform: uppercase;
font-size: 3rem;
text-shadow: 0 0 2px rgba(0,0,0,.2),0 8px 8px rgba(0,0,0,.5);
color: #fff;
text-align: center;
background-color: rgba(20,67,39,.4);
padding: 1.5rem;
position: relative
}
@media screen and (max-width: 576px) {
section.page-hero .page-title {
font-size:2rem
}
}
section.page-hero .page-title:after {
content: '';
display: block;
position: absolute;
top: 1rem;
left: 0;
right: 0;
bottom: 1rem;
border: 1px solid rgba(255,255,255,.5);
border-width: 1px 0
}
aside .widget {
margin-bottom: 2rem
}
aside .widget .title {
font-size: 1.5rem;
margin-bottom: 1rem
}
aside .widget ul {
margin-left: .5rem;
font-size: 1.25rem;
font-weight: 300
}
section.posts {
max-width: 1280px;
margin: 0 auto;
padding-left: 30px;
padding-right: 30px;
padding: 4rem 0;
display: flex
}
@media screen and (max-width: 992px) {
section.posts {
padding-left:15px;
padding-right: 15px
}
}
section.posts article {
flex-wrap: wrap;
margin-left: -15px;
margin-right: -15px;
position: relative;
margin-bottom: 4rem;
display: flex
}
@media screen and (max-width: 992px) {
section.posts article {
margin-bottom:2rem
}
}
section.posts article .post-content,section.posts article .post-image {
box-sizing: border-box;
word-wrap: break-word;
margin-left: 15px;
margin-right: 15px;
width: calc(50% - 30px)
}
section.posts article .post-image img {
box-shadow: 0 4px 15px 0 rgba(0,0,0,.5);
width: 100%
}
section.posts article .post-content .post-preview {
padding: 0 0 2rem
}
section.posts article .post-content .post-preview .title {
font-size: 2rem;
font-weight: 300;
margin-bottom: 2rem
}
@media screen and (max-width: 992px) {
section.posts article .post-content .post-preview .title {
font-size:1.75rem
}
}
@media screen and (max-width: 760px) {
section.posts article .post-content .post-preview .title {
font-size:1.5rem
}
}
@media screen and (max-width: 576px) {
section.posts article .post-content .post-preview .title {
font-size:1rem;
font-weight: 400
}
}
section.posts article .post-content .post-preview .excerpt {
font-weight: 300;
margin-bottom: 2rem
}
@media screen and (max-width: 380px) {
section.posts article .post-image {
width:calc(100% - 30px);
order: 0!important;
margin-bottom: 2rem
}
section.posts article .post-content {
width: calc(100% - 30px)
}
section.posts article .post-content .post-preview .title {
font-size: 1.375rem
}
}
section.posts article:nth-child(2n) .post-image {
order: 1
}
section.article,section.posts {
position: relative
}
section.article aside,section.posts aside {
width: 25%;
min-width: 300px;
margin-left: 2rem
}
@media screen and (max-width: 1200px) {
section.article aside,section.posts aside {
min-width:240px
}
}
@media screen and (max-width: 992px) {
section.article aside ul,section.posts aside ul {
font-size:1.125rem
}
}
@media screen and (max-width: 760px) {
section.article aside,section.posts aside {
position:absolute;
right: 0;
background: #fff;
padding: 2rem;
margin-top: -4rem;
width: 360px;
box-shadow: 0 4px 15px 0 rgba(0,0,0,.5)
}
}
@media screen and (max-width: 576px) {
section.article aside ul,section.posts aside ul {
font-size:1rem
}
}
@media screen and (max-width: 760px) {
section.article>label,section.posts>label {
display:block;
position: absolute;
top: .5rem;
right: 1rem;
z-index: 1;
cursor: pointer
}
section.article>label::before,section.posts>label::before {
content: '\f0ca';
font-family: FontAwesome;
font-size: 1.5rem;
font-weight: 300;
display: block;
line-height: 3rem;
width: 3rem;
text-align: center
}
section.article aside,section.posts aside {
display: none
}
section.article>input:checked+aside,section.posts>input:checked+aside {
display: block
}
}
section.hero .slide {
background: url(//xn--80afpgcpc2g7bg.xn--p1ai/wp-content/themes/kosmet/assets/images/kosmet_main.jpg) no-repeat;
background-size: 100%;
padding-top: 40%;
position: relative
}
@media screen and (max-width: 576px) {
section.hero .slide {
padding-top:63%
}
}
section.hero .slide.shop {
background: url(//xn--80afpgcpc2g7bg.xn--p1ai/wp-content/themes/kosmet/assets/images/shop_main.jpg) no-repeat;
background-position-y: center;
padding-top: 40%
}
section.hero .slide .overlay {
position: absolute;
top: 0;
width: 100%;
height: 100%
}
section.hero .slide .overlay .wrapper {
max-width: 1280px;
margin: 0 auto;
padding-left: 30px;
padding-right: 30px;
top: 0;
height: 100%;
width: 100%;
display: flex;
justify-content: flex-end;
align-items: flex-end
}
@media screen and (max-width: 992px) {
section.hero .slide .overlay .wrapper {
padding-left:15px;
padding-right: 15px
}
}
section.hero .slide .overlay .wrapper .box {
background-color: rgba(20,67,39,.4);
position: relative;
text-align: left;
font-family: Majestic;
color: #fff;
text-shadow: 0 0 6px rgba(0,0,0,.8),0 15px 8px rgba(0,0,0,.5);
font-size: 2.5rem;
padding: 1em;
margin-bottom: 5%;
width: 450px
}
@media screen and (max-width: 1200px) {
section.hero .slide .overlay .wrapper .box {
font-size:2rem;
padding: .75em;
margin-bottom: 3%;
width: 344px
}
}
@media screen and (max-width: 992px) {
section.hero .slide .overlay .wrapper .box {
width:auto;
margin-bottom: 2%;
padding: .5em .75em
}
}
section.hero .slide .overlay .wrapper .box p {
font-size: 2.5rem;
margin-bottom: .2em
}
@media screen and (max-width: 1200px) {
section.hero .slide .overlay .wrapper .box p {
font-size:2rem
}
}
section.hero .slide .overlay .wrapper .box .author {
font-size: .6em;
margin-top: 0;
margin-bottom: 0;
text-align: right;
font-size: 1.5rem
}
@media screen and (max-width: 1200px) {
section.hero .slide .overlay .wrapper .box .author {
font-size:1.2rem
}
}
section.hero .slide .overlay .wrapper .box .author .name {
font-size: .8em;
font-size: 2rem
}
@media screen and (max-width: 1200px) {
section.hero .slide .overlay .wrapper .box .author .name {
font-size:1.6rem
}
}
section.hero .slide .overlay .wrapper .box .author .brand {
font-size: .75em;
font-size: 1.625rem
}
@media screen and (max-width: 1200px) {
section.hero .slide .overlay .wrapper .box .author .brand {
font-size:1.5rem
}
}
section.hero .slide .overlay .wrapper .box:after {
content: '';
display: block;
position: absolute;
border: 1px solid rgba(255,255,255,.5);
top: .4em;
left: .4em;
right: .4em;
bottom: .4em
}
@media screen and (max-width: 1200px) {
section.hero .slide .overlay .wrapper .box:after {
top:.3em;
left: .3em;
right: .3em;
bottom: .3em
}
}
section.sekret {
padding: 4rem 0 0
}
section.sekret .wrapper {
margin: 0 10%
}
@media screen and (max-width: 992px) {
section.sekret .wrapper {
margin:0 4rem
}
}
@media screen and (max-width: 760px) {
section.sekret .wrapper {
margin:0 2rem
}
}
section.sekret p {
font-weight: 300;
line-height: 1.5
}
section.sekret .big {
font-size: 1.375em;
font-style: italic
}
section.sekret p.big {
padding-bottom: 4rem
}
section.sekret .principle {
margin: 0 10%
}
@media screen and (max-width: 992px) {
section.sekret .principle {
margin:0 2rem
}
}
@media screen and (max-width: 760px) {
section.sekret .principle {
margin:0
}
}
section.gory {
overflow: hidden;
background-color: transparent
}
section.gory .ratio-50 {
padding-top: 40vh
}
section.gory .ratio-40 {
padding-top: 80vh
}
section.gory .slide-1 {
position: fixed;
z-index: -100;
top: 55px;
bottom: 0;
width: 300%;
left: -100%
}
section.gory .slide-1 img {
min-height: 100vh;
max-width: 100%;
min-width: 100vw;
margin: auto;
position: absolute;
left: 0;
right: 0
}
section.gory.parallax>* {
height: auto
}
figure {
margin: 0
}
section.shop {
padding-bottom: 2rem;
color: #346548
}
section.shop .path {
margin-top: 2rem;
margin-bottom: 2rem;
font-weight: 300
}
section.shop .path>a::after {
font-family: FontAwesome;
content: '\f105';
margin: 0 .5rem;
vertical-align: bottom
}
section.shop .path>a:last-child::after {
display: none
}
section.shop .product:not(.item) {
overflow: visible!important
}
section.shop .product.type-product {
margin-top: 3rem
}
section.shop .product.type-product .product_title {
font-size: 2.5rem
}
section.shop .product.type-product form.cart {
padding: 0
}
section.shop .product.type-product form.cart table.variations td {
display: table-cell;
padding-bottom: 1rem
}
section.shop .product.type-product form.cart .quantity label,section.shop .product.type-product form.cart table.variations td.label {
padding-right: 1rem
}
section.shop .product.type-product form.cart .variations_button {
padding-top: 0;
margin-top: 1rem;
display: flex;
align-items: center
}
section.shop .product.type-product form.cart:not(.variations_form) {
display: flex;
align-items: center
}
section.shop .product.type-product form.cart .quantity input {
padding: .125rem
}
section.shop #submit_robokassa_payment_form,section.shop .product.type-product form.cart .single_add_to_cart_button {
background-color: #346548;
border: 1px solid #346548;
color: #fff
}
section.shop .product.type-product .product_meta {
font-size: 1rem
}
section.shop .product.type-product .product_meta .posted_in a {
margin-left: 1rem;
font-weight: 400
}
.widget_categories ul,section.shop .product.type-product .attributes {
margin-top: 2rem
}
section.shop .product.type-product .attributes .attr {
display: flex
}
section.shop .product.type-product .attributes .attr .title {
margin-right: 1rem
}
section.shop .product.type-product .attributes .attr .title:after {
content: ':'
}
section.shop .product.type-product .description {
clear: both
}
section.shop .product.type-product .related.products {
display: block;
margin: 3rem 0 0
}
section.shop .product .woocommerce-product-gallery {
width: 40%!important;
margin-bottom: 1rem!important
}
section.shop .product .woocommerce-product-gallery img {
display: block
}
section.shop .product .woocommerce-product-gallery .flex-viewport {
overflow: hidden;
position: relative;
box-shadow: 0 4px 15px 0 rgba(0,0,0,.5)
}
section.shop .product .woocommerce-product-gallery .flex-viewport .woocommerce-product-gallery__image {
margin: 0!important
}
.woocommerce-pagination ul.page-numbers,section.shop .product .woocommerce-product-gallery .flex-control-thumbs,section.subscription-from form {
display: flex
}
section.shop .product .woocommerce-product-gallery .flex-control-thumbs li {
max-width: 20%;
margin: 0 1% 1.5%!important;
float: none!important;
flex-grow: 1
}
section.shop .product .woocommerce-product-gallery .flex-control-thumbs li:last-child {
margin-right: 0!important
}
section.shop .product .woocommerce-product-gallery .flex-control-thumbs li:first-child {
margin-left: 0!important
}
section.article main .thumb img,section.courses .course .wrapper .video .ratio,section.shop .product .woocommerce-product-gallery .flex-control-thumbs li img {
box-shadow: 0 4px 15px 0 rgba(0,0,0,.5)
}
section.shop .product #tab-additional_information th {
vertical-align: top;
padding-right: 4rem
}
section.shop .products,section.shop .row {
display: flex;
flex-wrap: wrap;
margin-left: -15px;
margin-right: -15px
}
section.shop .item {
box-sizing: border-box;
word-wrap: break-word;
margin-left: 15px;
margin-right: 15px;
width: calc(25% - 30px);
position: relative;
overflow: hidden;
margin-bottom: 2rem;
box-shadow: 0 4px 15px 0 rgba(0,0,0,.5)
}
@media screen and (max-width: 760px) {
section.shop .item {
width:calc(50% - 30px)
}
}
section.shop .item .img {
max-width: 100%;
padding-top: 100%;
width: 100%;
overflow: hidden
}
section.shop .item .img img {
position: absolute;
top: 0;
left: 0;
transition: width .7s ease-in-out,height .7s ease-in-out,margin .7s ease-in-out;
width: 100%;
max-width: 120%
}
section.shop .item .title {
transition: opacity .5s ease-in-out;
position: absolute;
bottom: 0;
width: 100%;
padding: .5rem 1rem;
background-color: rgba(20,67,39,.6);
color: #eee;
font-size: 1.25rem;
line-height: 1.125;
text-align: center
}
@media screen and (max-width: 992px) {
section.shop .item .title {
font-size:1rem
}
}
@media screen and (max-width: 760px) {
section.shop .item .title {
font-size:1.125rem
}
}
@media screen and (max-width: 992px) {
section.shop .item.category .title {
font-size:1.125rem
}
}
section.shop .item .cart {
transition: opacity .5s ease-in-out;
position: absolute;
top: 0;
margin: 0 auto;
padding: .5rem 1rem;
background-color: rgba(20,67,39,.6);
color: #eee;
font-size: 1.25rem
}
section.shop .item .cart:after {
font-family: FontAwesome;
content: '\f218';
margin-left: 1rem
}
section.shop .item .cart+.added_to_cart {
display: none
}
section.shop .item:hover img {
width: 120%;
margin: -10%
}
section.shop .item:hover .cart,section.shop .item:hover .title {
opacity: 1
}
section.shop .row {
margin-bottom: 30px
}
section.shop .row .item:nth-child(4)~* {
display: none
}
section.shop .center {
margin-top: 2rem;
text-align: center
}
section.shop .woocommerce-cart-form {
padding: 0
}
section.shop .woocommerce-cart-form .cart {
width: 100%;
white-space: nowrap
}
section.shop .woocommerce-cart-form .cart td {
padding: 1rem!important
}
section.shop .woocommerce-cart-form .cart .product-name {
width: 100%;
text-align: left
}
section.shop .cart_totals {
width: auto;
float: left
}
section.shop .cart_totals .shop_table {
margin-bottom: 2rem
}
section.shop .cart_totals .shop_table td,section.shop .cart_totals .shop_table th,section.shop .woocommerce-checkout table td,section.shop .woocommerce-checkout table th {
padding: 1rem;
vertical-align: top
}
section.shop .cart_totals .checkout-button {
float: right;
background-color: #346548;
border: 1px solid #346548;
color: #fff
}
section.shop .cart_totals .min-order {
color: #b82e2e;
padding: 0 1rem;
font-size: 1.125rem
}
section.shop .cart_totals .woocommerce-shipping-calculator {
padding: 0;
margin-top: .5rem
}
section.shop .woocommerce-checkout #place_order {
background-color: #346548;
border: 1px solid #346548;
color: #fff;
margin: 0
}
section.shop .woocommerce-remove-coupon {
position: relative;
visibility: hidden;
display: inline-block;
width: 2rem
}
section.shop .woocommerce-remove-coupon::before {
visibility: visible;
content: "\f057";
display: inline-block;
vertical-align: middle;
font-family: FontAwesome;
font-size: 1.25rem;
position: absolute;
top: 0;
right: 0;
color: #e2401c
}
section.shop .woocommerce-thankyou-order-received {
font-size: 2rem;
margin-top: 4rem
}
section.shop .woocommerce-customer-details address,section.shop ul.order_details li {
line-height: 2rem
}
section.shop .woocommerce-table td,section.shop .woocommerce-table th {
padding: 1rem
}
section.shop .woocommerce-customer-details,section.shop .woocommerce-order-details {
margin-top: 4rem
}
.widget_categories ul li,section.courses .course .wrapper .content p {
margin-bottom: 1.5rem
}
.widget_categories ul li.current-cat {
font-weight: 400
}
.widget_categories ul li.current-cat::before {
content: '\f101'
}
.widget_categories ul li::before {
content: '\f105'
}
.screen-reader-text {
clip: rect(1px 1px 1px 1px);
position: absolute!important
}
.woocommerce-Price-currencySymbol {
display: inline-block;
visibility: hidden;
width: 2.5rem;
position: relative
}
.woocommerce-Price-currencySymbol::before {
content: 'руб.';
visibility: visible;
position: absolute
}
.woocommerce-info {
background-color: #0f834d!important
}
.storefront-sorting {
line-height: 2rem;
margin-bottom: 2rem!important
}
.storefront-sorting:first-child {
margin-top: 2rem!important
}
.woocommerce-pagination ul.page-numbers li .page-numbers {
display: block;
line-height: 2rem;
width: 2rem;
text-align: center;
transition: all .3s ease-in-out
}
.woocommerce-pagination ul.page-numbers li .page-numbers.current {
background-color: #346548;
color: #fff
}
.woocommerce-pagination ul.page-numbers li a:hover {
background-color: #d1f0de
}
section.article {
display: flex;
padding: 4rem 0;
color: #346548
}
@media screen and (max-width: 992px) {
section.article {
padding-left:15px;
padding-right: 15px
}
}
section.article h1,section.article h2,section.article h3,section.article h4,section.article h5,section.article h6 {
color: #346548!important
}
section.article h1 {
font-size: 2.75rem;
font-weight: 300;
line-height: 1;
margin-bottom: 4rem
}
@media screen and (max-width: 992px) {
section.article h1 {
margin-bottom:2rem
}
}
section.article main {
flex-grow: 1;
font-weight: 300
}
section.article main .thumb {
width: 45%;
margin-right: 2rem;
margin-bottom: 2rem;
float: left
}
@media screen and (max-width: 760px) {
section.article main .thumb {
width:100%;
text-align: center
}
}
section.article main .content {
font-size: 1.25rem
}
section.courses .course {
background-color: #f8f8f8;
position: relative;
padding: 2rem 0;
overflow: hidden
}
section.courses .course p {
font-weight: 300;
margin-bottom: 1rem;
font-size: 1.25rem
}
section.courses .course ul {
font-weight: 400;
margin-bottom: 2rem
}
section.courses .course ul.quest {
font-size: 1.25rem;
font-weight: 300;
line-height: 1.75rem
}
section.courses .course ul.quest li {
padding-left: 2rem;
position: relative;
margin-bottom: .5rem
}
section.courses .course ul.quest li::before {
font-family: FontAwesome;
content: '\f061';
display: block;
position: absolute;
top: 0;
left: 0
}
section.courses .course img {
position: absolute;
top: 0;
left: 0;
width: 50%;
margin-left: -15px
}
section.article,section.courses .course .wrapper {
max-width: 1280px;
margin: 0 auto;
padding-left: 30px;
padding-right: 30px
}
@media screen and (max-width: 992px) {
section.courses .course .wrapper {
padding-left:15px;
padding-right: 15px
}
}
section.courses .course .wrapper .title {
font-size: 2rem;
font-weight: 300;
text-align: center;
margin-bottom: 2rem
}
section.courses .course .wrapper .row {
margin-top: 3rem;
margin-bottom: 3rem;
display: flex;
flex-wrap: wrap;
margin-left: -15px;
margin-right: -15px
}
@media screen and (max-width: 992px) {
section.courses .course .wrapper .row {
display:block;
padding: 0 4rem
}
}
@media screen and (max-width: 576px) {
section.courses .course .wrapper .row {
padding:0 2rem
}
}
section.courses .course .wrapper .video {
box-sizing: border-box;
word-wrap: break-word;
margin-left: 15px;
margin-right: 15px;
width: calc(50% - 30px)
}
@media screen and (max-width: 992px) {
section.courses .course .wrapper .video {
max-width:720px;
width: 100%;
margin: 2rem auto
}
}
section.courses .course .wrapper .row.full .video {
margin: auto
}
section.courses .course .wrapper .info {
box-sizing: border-box;
word-wrap: break-word;
margin-left: 15px;
margin-right: 15px;
width: calc(50% - 30px)
}
@media screen and (max-width: 992px) {
section.courses .course .wrapper .info {
width:100%;
margin: 0
}
}
section.courses .course .wrapper .info .content {
padding: 0!important
}
section.courses .course .wrapper .content {
font-weight: 300
}
@media screen and (max-width: 992px) {
section.courses .course .wrapper .content {
max-width:720px;
width: 100%;
margin: 2rem auto;
padding: 0 4rem
}
}
@media screen and (max-width: 760px) {
section.courses .course .wrapper .content {
padding:0 1rem
}
}
section.courses .course .wrapper .image {
box-sizing: border-box;
word-wrap: break-word;
margin-left: 15px;
margin-right: 15px;
width: calc(50% - 30px);
text-align: right
}
@media screen and (max-width: 992px) {
section.courses .course .wrapper .image {
width:100%;
margin: 0;
text-align: center
}
}
section.courses .course .wrapper .image img {
position: relative;
width: auto;
height: auto;
box-shadow: 0 4px 15px 0 rgba(0,0,0,.5)
}
@media screen and (max-width: 992px) {
section.courses .course .wrapper .image img {
width:100%!important
}
}
section.courses .course .wrapper .description {
margin-bottom: 2rem
}
section.courses .course .wrapper .more {
text-align: center;
padding: 0 4rem
}
section.articles .row article .text p,section.courses .course .wrapper .more .button {
margin-bottom: 1rem
}
@media screen and (max-width: 576px) {
section.courses .course .wrapper .more .button {
margin-left:0;
margin-right: 0;
display: block
}
}
section.reviews {
overflow: hidden
}
section.reviews .wrapper {
max-width: 1280px;
margin: 0 auto;
padding: 0 15px
}
@media screen and (max-width: 992px) {
section.reviews .wrapper {
padding-left:15px;
padding-right: 15px
}
}
section.reviews .row {
display: flex;
margin-bottom: 2rem;
width: calc(666.666%);
animation: scroll 40s ease infinite
}
section.reviews .row .item {
width: calc(5%);
padding-left: 15px;
padding-right: 15px;
margin: 0;
display: flex;
flex-direction: column;
align-items: center
}
section.reviews .row .item:nth-child(3n+3) {
margin-right: calc(5%)
}
section.reviews .row .item .img {
width: 50%
}
@media screen and (max-width: 992px) {
section.reviews .row .item .img {
width:60%
}
}
@media screen and (max-width: 760px) {
section.reviews .row .item .img {
width:70%
}
}
@media screen and (max-width: 576px) {
section.reviews .row .item .img {
width:80%
}
}
section.reviews .row .item .img img {
width: 100%;
border-radius: 50%;
box-shadow: 0 4px 15px 0 rgba(0,0,0,.5);
transition: all .3s ease
}
section.reviews .row .item:hover .img img {
box-shadow: 0 4px 15px 0 rgba(0,0,0,.8)
}
section.reviews .row .item .name {
margin-top: 1rem;
text-align: center
}
section.reviews .row .item .info {
font-size: .875rem;
color: #787878;
margin-bottom: 1rem;
text-align: center
}
section.reviews .row .item .text {
font-size: .875rem;
line-height: 1.5;
flex-grow: 1
}
section.reviews .center {
margin-top: 2rem;
text-align: center
}
section.review {
max-width: 1280px;
margin: 0 auto;
padding-left: 30px;
padding-right: 30px;
padding-top: 4rem;
display: flex
}
@media screen and (max-width: 992px) {
section.review {
padding-left:15px;
padding-right: 15px
}
}
.comment-list .comment .content .info .user-name,.user-messages .comment .content .info .user-name,section.lesson main,section.review main {
flex-grow: 1
}
section.review main .item {
display: flex;
flex-wrap: wrap;
margin-bottom: 4rem
}
section.review main .item:nth-child(even)>.img {
order: 1;
margin-right: 0;
margin-left: 30px
}
section.review main .item:nth-child(even) .content {
text-align: right
}
section.review main .item .img {
width: 25%;
margin-right: 30px
}
section.review main .item .img img {
width: 100%;
border-radius: 50%
}
section.review main .item .content {
flex-basis: 60%;
flex-grow: 1
}
.files .title,section.review main .item .content .name {
margin-bottom: .25rem;
font-size: 1.5rem
}
section.review main .item .content .info {
color: #787878;
margin-bottom: 1rem;
font-size: .75rem
}
section.review main .item .content .text {
font-weight: 300;
text-align: justify
}
@media screen and (max-width: 992px) {
section.review main .item {
width:100%;
padding: 0!important
}
section.review main .item .img {
width: 20%;
min-width: 140px;
margin-right: 15px
}
}
@media screen and (max-width: 380px) {
section.review main .item .img {
width:60%;
margin: 0 auto 1rem
}
}
section.review aside {
width: 25%;
min-width: 300px;
margin-left: 2rem
}
section.articles {
padding-bottom: 6rem
}
section.articles .row {
display: flex;
flex-wrap: wrap;
margin-left: -15px;
margin-right: -15px
}
section.articles .row article {
box-sizing: border-box;
word-wrap: break-word;
margin-left: 15px;
margin-right: 15px;
width: calc(33.333333333333336% - 30px);
display: flex;
flex-direction: column;
align-items: center
}
@media screen and (max-width: 576px) {
section.articles .row article {
width:calc(100% - 30px);
display: block;
clear: both;
margin-bottom: 4rem
}
section.articles .row article:nth-child(even) .img {
float: right;
margin-left: 2rem;
margin-right: 0
}
section.articles .row article .img {
width: 40%;
float: left;
margin-right: 2rem;
margin-bottom: 1rem
}
}
section.articles .row article .img img {
box-shadow: 0 4px 15px 0 rgba(0,0,0,.5)
}
section.articles .row article .title {
margin: 1.5rem 0 1rem;
width: 100%;
text-align: left;
font-size: 1.125rem
}
@media screen and (max-width: 576px) {
section.articles .row article .title {
margin-top:0
}
}
section.articles .row article .text {
color: #787878;
font-size: .875rem;
line-height: 1.5
}
section.articles .row article .read {
width: 100%;
text-align: right
}
section.articles .center {
margin-top: 3rem;
text-align: center
}
section.video {
padding-bottom: 4rem
}
section.video .ratio {
box-shadow: 0 4px 15px 0 rgba(0,0,0,.5);
max-width: 720px
}
section.lesson aside input,section.lesson aside label,section.subscription-from {
display: none
}
section.subscription-from .gray-bg {
padding: 3rem 0 6rem
}
section.subscription-from h3.title {
text-align: center;
font-size: 2rem;
font-weight: 300;
margin-bottom: 2rem
}
section.subscription-from form>[type=text] {
flex-basis: 50%;
margin-right: 2rem
}
section.lesson {
margin: 4rem 0
}
section.lesson .wrapper,section.lesson main .d-flex,section.lesson main .tasks {
display: flex
}
section.lesson main .d-flex>ul,section.lesson main .tasks>ul {
margin-left: .25rem
}
section.lesson main .d-flex img,section.lesson main .tasks img {
max-width: inherit
}
section.lesson aside {
width: 33.3333%;
margin-left: 2rem
}
section.lesson aside .lessons {
white-space: nowrap
}
section.lesson aside .lessons>* {
display: block;
margin-bottom: .75rem;
padding: .75rem 1rem;
font-size: 1.25rem;
font-weight: 300;
border: 1px solid #346548;
border-radius: 1.5rem;
transition: all .3s ease
}
section.lesson aside .lessons>.active {
font-weight: 400
}
section.lesson aside .lessons>.active,section.lesson aside .lessons>:hover {
border-color: #4e976d;
background-color: #4e976d;
color: #fff
}
section.lesson aside .lessons>.disabled {
border-color: #787878;
background-color: inherit;
color: #787878;
cursor: default
}
@media screen and (max-width: 576px) {
section.lesson {
margin-top:0
}
section.lesson .wrapper {
flex-wrap: wrap
}
section.lesson .wrapper aside {
order: -1;
margin: 0;
width: 100%;
display: flex;
flex-direction: column
}
section.lesson .wrapper aside .lessons {
display: none
}
section.lesson .wrapper aside label {
display: block;
align-self: flex-end;
cursor: pointer
}
section.lesson .wrapper aside label::before {
content: '\f0ca';
font-family: FontAwesome;
font-size: 1.5rem;
font-weight: 300;
display: block;
line-height: 3rem;
width: 3rem;
text-align: center
}
section.lesson .wrapper aside input:checked+.lessons {
display: block;
margin-bottom: 2rem
}
}
.playerjs {
min-height: 50px;
margin: 2rem 0
}
.files {
margin-top: 2rem
}
.files .title {
margin-bottom: 1rem
}
.files .file {
margin-left: 2rem;
margin-bottom: .5rem;
font-size: 1.25rem
}
.files .file a::before {
font-family: FontAwesome;
content: '\f34a';
display: inline-block;
margin-right: 1rem;
text-decoration: none
}
.files .file a:hover {
text-decoration: underline;
color: #4e976d
}
.files .file a:hover a::before {
text-decoration: none
}
.comments {
margin-top: 6rem
}
.comments #comment-types,.comments>.title {
padding-bottom: .5rem;
margin-bottom: 1.5rem;
border-bottom: 1px solid #346548
}
.comments>.title {
font-size: 2rem
}
.comments #comment-types {
display: flex;
justify-content: space-between
}
.comments #comment-types>* {
cursor: pointer;
font-size: 1.25rem;
line-height: 2rem;
color: #787878;
margin: 0;
transition: all .5s ease-in-out;
white-space: nowrap
}
.comments #comment-types>.active {
cursor: default;
font-size: 2rem;
color: #346548;
margin: 0 2rem
}
@media screen and (max-width: 576px) {
.comments #comment-types>* {
font-size:1rem
}
.comments #comment-types>.active {
font-size: 1.75rem;
margin: 0 1rem
}
}
.comments .comment-list {
margin-top: 2rem;
border-top: 1px solid #346548
}
.form {
padding: 0
}
.form .row {
display: flex;
align-items: center;
justify-content: flex-end
}
.form #error-message,.form .error-message {
flex-grow: 1;
display: none;
font-size: .8rem;
color: #b82e2e
}
section.login {
padding: 4rem
}
@media screen and (max-width: 576px) {
section.login {
padding:4rem
}
}
.login-form .info,.login-form label.checkbox {
text-align: center
}
.login-form form {
margin: auto;
padding: 1rem;
width: 420px
}
@media screen and (max-width: 576px) {
.login-form form {
width:100%
}
}
.login-form label {
display: block;
margin-bottom: 1rem;
text-align: left
}
.login-form label>span {
display: block;
margin-bottom: .25rem;
font-size: .875rem;
font-weight: 300
}
.login-form label input {
display: block;
width: 100%
}
.login-form label.checkbox input[type=checkbox] {
display: inline-block;
width: auto;
margin: 0 .5rem
}
.login-form label.checkbox span {
display: inline-block;
font-size: 1rem
}
.login-form input[type=submit] {
font-size: 1rem;
min-width: 150px;
margin-top: .5rem;
cursor: pointer
}
.login-form .remember {
display: block;
font-weight: 300;
font-size: .75rem;
margin-top: .5rem
}
.comment-list .comment,.user-messages .comment {
padding: 1rem;
transition: background-color .3s ease-in-out
}
.comment-list .comment:hover,.user-messages .comment:hover {
background-color: rgba(0,0,0,.03)
}
.comment-list .comment .user-avatar,.user-messages .comment .user-avatar {
width: 64px;
height: 64px;
border-radius: 50%;
margin-right: 20px
}
.comment-list .comment .content,.user-messages .comment .content {
font-size: .875rem;
flex-grow: 1
}
.comment-list .comment .content .info,.user-messages .comment .content .info {
display: flex;
margin-bottom: .25rem
}
.comment-list .comment .content .comment-text,.user-messages .comment .content .comment-text {
word-wrap: break-word;
word-break: break-word;
overflow-wrap: break-word;
overflow: hidden;
font-weight: 300;
margin-bottom: .5rem
}
#reply-files .file,#upload-files .file,.comment-list .comment .content .comment-files .file,.user-messages .comment .content .comment-files .file {
margin-bottom: .5rem
}
.comment-list .comment .comment-control,.user-messages .comment .comment-control {
display: flex;
justify-content: flex-end;
align-items: center
}
.comment-list .comment .comment-control .confirm-lesson,.user-messages .comment .comment-control .confirm-lesson {
display: none
}
.comment-list .comment.unapproved,.user-messages .comment.unapproved {
background-color: rgba(221,160,221,.1)
}
.comment-list .comment.unapproved .user-name:after,.user-messages .comment.unapproved .user-name:after {
font-family: FontAwesome;
margin-left: 1rem
}
.comment-list .comment.unapproved .confirm-lesson,.ratio iframe,.user-messages .comment.unapproved .confirm-lesson {
display: block
}
.comment-list .comment.unapproved:hover,.user-messages .comment.unapproved:hover {
background-color: rgba(221,160,221,.3)
}
.comment-list .comment.unread,.user-messages .comment.unread {
background-color: #e4f6ec;
cursor: pointer
}
.comment-list .comment.unread:hover,.user-messages .comment.unread:hover {
background-color: #d1f0de
}
.comment-list .reply-list,.user-messages .reply-list {
margin-left: 4rem
}
@media screen and (max-width: 576px) {
.comment-list .comment,.user-messages .comment {
padding:1rem .5rem .5rem
}
.comment-list .comment .user-avatar,.user-messages .comment .user-avatar {
width: 48px;
height: 48px;
margin-right: 10px
}
.comment-list .reply-list,.user-messages .reply-list {
margin-left: 3rem
}
}
#reply-files,#upload-files {
margin-top: -.25rem;
justify-content: flex-start
}
#reply-files .file::before,#upload-files .file::before,.comment-list .comment .content .comment-files .file::before,.user-messages .comment .content .comment-files .file::before {
font-family: FontAwesome;
content: '\f15b';
display: inline-block;
margin-right: .5rem;
font-weight: 300
}
#reply-files .file .ind,#upload-files .file .ind {
display: inline-block;
border-radius: 50%;
cursor: pointer;
margin-left: .5rem;
color: #ddd;
transition: all .3s ease-in-out
}
#reply-files .file .ind::before,#upload-files .file .ind::before {
font-family: FontAwesome;
content: '\f00d';
display: inline-block;
font-weight: 300;
line-height: 1.25rem;
width: 1.25rem;
text-align: center
}
#reply-files .file:hover .ind,#upload-files .file:hover .ind {
color: #aaa
}
#reply-files .file:hover .ind:hover,#upload-files .file:hover .ind:hover {
background-color: #f0f0f0;
color: #346548
}
#reply-files .file.error,#upload-files .file.error {
color: #b82e2e;
text-decoration: line-through
}
#reply-files .file.upload .ind,#upload-files .file.upload .ind {
color: #346548
}
#reply-files .file.upload .ind::before,#upload-files .file.upload .ind::before {
content: '\f3f4';
animation: spinner 2s linear infinite
}
#attach-file,#reply-file {
margin-right: 0;
padding: 0;
background-color: transparent;
border: 1px solid transparent;
color: #787878;
border-radius: 50%;
cursor: pointer;
transition: all .3s ease-in-out
}
#attach-file:hover,#reply-file:hover {
border: 1px solid rgba(0,0,0,.3);
background-color: #f0f0f0
}
#attach-file::before,#reply-file::before {
font-family: FontAwesome;
content: '\f0c6';
display: inline-block;
font-size: 1.5rem;
line-height: 2rem;
width: 2rem
}
#reply-form {
margin-top: 1rem
}
#reply-form .comment-control {
display: flex;
justify-content: flex-end;
align-items: center
}
#comment-text,#reply-text {
word-wrap: break-word;
word-break: break-word;
overflow-wrap: break-word;
overflow: hidden;
display: block;
width: 100%;
padding: .5rem .75rem;
font-size: 1rem;
line-height: 1.5;
background-color: #fff;
margin-bottom: 1rem
}
.content-block {
background-color: #4e976d;
color: #fff;
padding: 2.5rem;
position: relative;
margin-bottom: 2rem!important
}
.content-block:after {
content: '';
display: block;
position: absolute;
top: 1rem;
left: 1rem;
right: 1rem;
bottom: 1rem;
border: 1px solid rgba(255,255,255,.5)
}
.content-block h2 {
margin-bottom: 1rem;
font-weight: 300;
color: #fff
}
.content-block p {
font-size: 1.25rem;
line-height: 1.5;
font-weight: 300
}
.page-content {
font-weight: 300
}
.page-content p {
line-height: 1.5;
margin-bottom: 1rem
}
.page-content ul {
margin-left: 2rem;
margin-right: 2rem
}
.page-content ul li {
position: relative;
line-height: 1.5rem;
margin-left: 2rem;
margin-bottom: .5rem
}
.page-content ul li::before {
content: '\f35a';
font-family: FontAwesome;
margin-left: -2rem;
line-height: 1.5rem;
display: inline-block;
width: 2rem
}
#inner-page {
max-width: 800px;
overflow: auto
}
#inner-page .content:empty {
display: none
}
#inner-page .content:empty+.loading {
display: block
}
#inner-page .content+.loading {
display: none;
padding: 30px 40px
}
.check-list {
margin: 1rem 2rem 2rem 0
}
.check-list>* {
position: relative;
padding: .375rem 0
}
.check-list>:after {
position: absolute;
top: 0;
bottom: 0;
height: 1rem;
line-height: 1rem;
margin: auto;
right: 0;
display: block;
content: '\f00c';
font-family: FontAwesome
}
.box-shadow {
box-shadow: 0 4px 15px 0 rgba(0,0,0,.5)
}
.button,input,textarea {
display: inline-block;
border: 1px solid #346548;
padding: .5rem;
transition: color .3s ease-in-out,background-color .3s ease-in-out;
box-shadow: 1px 4px 5px 0 rgba(0,0,0,.3);
color: #346548
}
.button {
padding: .75rem 2rem;
margin: 0 1rem;
border-radius: 2rem;
cursor: pointer
}
.button:last-child {
margin-right: 0
}
.button:first-child {
margin-left: 0
}
.button.accent {
background-color: #346548;
border: 1px solid #346548;
color: #fff
}
.button.danger {
border-color: #b82e2e;
color: #b82e2e
}
.button.danger:hover {
background-color: #b82e2e;
border-color: #b82e2e
}
.button.second {
border-color: #2e8ab8;
color: #2e8ab8
}
.button.second:hover {
background-color: #2e8ab8;
border-color: #2e8ab8
}
.button.small {
padding: .5rem 1.5rem;
font-size: .75rem;
margin: 0 .5rem
}
.button.big {
padding: 1rem 3rem
}
.button:hover {
background-color: #4e976d;
border-color: #4e976d;
color: #fff
}
.ratio {
display: block;
margin: 0 auto;
position: relative
}
.ratio .ratio-16x9 {
width: 100%;
padding-top: 56.2%
}
.ratio>:first-child~* {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.ratio .yt-h1,.ratio .yt-h2 {
background-color: rgba(0,0,0,.001);
height: 66px;
cursor: pointer
}
.ratio .yt-h2 {
height: 35px;
top: auto;
bottom: 0;
width: 116px;
left: auto;
right: 0
}
footer {
padding: 4rem;
background-color: #346548;
color: #fff
}
@media screen and (max-width: 992px) {
footer {
padding:4rem 2rem
}
}
@media screen and (max-width: 760px) {
footer {
padding:2rem 0
}
}
footer .ip-info {
font-size: .75rem;
text-align: right
}
footer .wrapper {
display: flex;
justify-content: space-between;
align-items: center
}
@media screen and (max-width: 576px) {
footer .wrapper {
display:block
}
}
footer .wrapper>* {
flex-basis: 50%
}
@media screen and (max-width: 576px) {
footer .wrapper>* {
text-align:center
}
}
.center,footer .social,footer .social a {
text-align: center
}
@media screen and (max-width: 576px) {
footer .social {
margin:1rem
}
}
footer .social a {
background-color: #fff;
border-radius: 50%;
display: inline-block;
width: 3rem;
height: 3rem;
line-height: 3rem;
font-size: 2rem;
margin: .25rem;
overflow: hidden
}
footer .social a:before {
display: block;
width: 100%;
height: 100%;
content: 'A';
font-family: FontAwesome
}
footer .social a.fb:before {
content: '\f09a'
}
footer .social a.vk:before {
content: '\f189'
}
footer .social a.ig:before {
content: '\f16d'
}
form {
padding: 2rem
}
form label.row {
display: block;
margin-bottom: 1.5rem;
text-align: right
}
form label.row input {
width: 250px;
margin-left: 2rem
}
.alignleft {
margin-right: 1.5em;
display: inline;
float: left
}
.alignright {
margin-left: 1.5em;
display: inline;
float: right
}
.aligncenter {
margin-right: auto;
margin-left: auto;
display: block;
clear: both
}
.d-none {
display: none
}
.d-col,.d-flex {
display: flex
}
.d-col {
flex-direction: column
}
.hover-on .hover {
opacity: .01;
transition: opacity .3s
}
.hover-on .op-5 {
opacity: .5
}
.hover-on:hover .hover {
opacity: 1
}
#open-consult {
right: 2rem;
bottom: 2rem
}
#go-to-up::before,#open-consult::before {
font-family: FontAwesome;
line-height: 4rem;
font-size: 3rem
}
#open-consult::before {
font-weight: 400;
width: 100%;
text-align: center;
color: #fff;
position: absolute;
content: '\f095'
}
#open-consult:hover {
background-color: #4e976d
}
#go-to-back,#go-to-up,#open-consult,#view-size {
position: fixed;
width: 4rem;
height: 4rem;
background-color: rgba(20,67,39,.4);
border-radius: 2rem;
cursor: pointer;
transition: all .3s ease-in-out
}
#go-to-up {
right: 2rem;
bottom: -5rem
}
#go-to-up.show {
bottom: 2rem
}
#go-to-up.show~#open-consult {
bottom: 8rem
}
#go-to-up::before {
content: '\f062'
}
#go-to-back:hover,#go-to-up:hover {
background-color: #4e976d
}
#go-to-back,#view-size {
left: 2rem;
bottom: 2rem
}
#go-to-back::before,#go-to-up::before,#view-size::before {
font-weight: 400;
width: 100%;
text-align: center;
color: #fff;
position: absolute
}
#go-to-back::before {
font-family: FontAwesome;
content: '\f060';
line-height: 3.875rem;
font-size: 3rem
}
#view-size {
display: none
}
#view-size::before {
line-height: 4rem;
font-size: 2rem;
content: 'XL'
}
@media screen and (max-width: 1200px) {
#view-size::before {
content:'LG'
}
}
@media screen and (max-width: 992px) {
#view-size::before {
content:'MD'
}
}
@media screen and (max-width: 760px) {
#view-size::before {
content:'SM'
}
}
@media screen and (max-width: 576px) {
#view-size::before {
content:'XS'
}
}
#enroll-course .title {
text-align: center;
font-size: 2.5rem;
margin-bottom: 1rem
}
#enroll-course .info {
font-weight: 300
}
#enroll-course .error {
border-color: #bd4147
}
#billing_address_1_field .description {
display: block;
margin-top: .5rem;
font-size: .95rem
} section.shop .product .woocommerce-product-gallery__wrapper, section.shop .product .woocommerce-product-gallery__image {
margin: 0!important;
}
section.shop .product .woocommerce-product-gallery__image img {
width: 100%;
height: auto;
display: block;
} section.article .woocommerce {
width: 100%;
}
section.article .woocommerce-MyAccount-navigation {
margin-bottom: 2rem;
}
section.article .woocommerce-MyAccount-content table.shop_table {
width: 100%;
border-collapse: collapse;
border-spacing: 1;
margin-bottom: 2rem;
}
section.article .woocommerce-MyAccount-content table.shop_table th,
section.article .woocommerce-MyAccount-content table.shop_table td {
padding: .75rem;
border-bottom: 1px solid #346548;
vertical-align: center;
border-bottom: 1px solid #d1f0de;
}
section.article .woocommerce-MyAccount-content table.shop_table th {
font-weight: 500;
background: #e4f6ec;
}
section.article .woocommerce-MyAccount-content .woocommerce-button {
display: inline-block;
background: #346548;
color: #fff;
padding: .5rem 1rem;
border: 1px solid #346548;
} .woocommerce-orders-table__cell-order-total {
white-space: normal !important;
min-width: 180px;
line-height: 1.5;
}
.woocommerce-orders-table__cell-order-total .woocommerce-Price-amount {
display: inline-block;
margin-right: 20px;
}
.woocommerce-orders-table__cell-order-total .woocommerce-Price-currencySymbol {
margin-right: 20px;
} .woocommerce-orders-table__cell-order-actions .woocommerce-button {
display: inline-block;
width: 90%;
text-align: center;
}
.woocommerce-orders-table__cell-order-actions a {
display: block;
margin-bottom: 8px;
}