body, h1, h2, h3, h4, h5, h6, div.paragraph, blockquote, #logo, #menu-nav ul li a, .wsite-search, .wsite-form-container, .wsite-button, #wsite-nav-cart-num { font-family: 'Lora', serif; } body, h1, h2, h3, h4, h5, h6, p, blockquote, #logo, #menu-nav ul li a, .wsite-search, .wsite-form-container, .wsite-button, #wsite-nav-cart-num { font-family: 'Lora', serif; } .rss-items li.rss-item, .rss-items li.rss-item a { font-family: 'Lora', serif !important; } body, div.paragraph, blockquote, #main-header, .wsite-empty-cart, .wsite-product-list .wsite-name-header, .wsite-subtotal-wrapper, #wsite-mini-cart .wsite-product-description .wsite-product-option, .product-grid__price, .product-grid__price span.product-grid-reset, .product-grid__price span.product-grid__sale, .product-grid__button, .wsite-product-button-wrap, .product-grid__button .wsite-button-highlight .wsite-button-inner, .wsite-product-button-wrap .wsite-button-highlight .wsite-button-inner, ul#wsite-com-breadcrumbs li span.wsite-com-link-text, .wsite-checkout-page-title, .wsite-form-label, .wsite-form-sublabel, .form-radio-container, .wsite-button-inner, .wsite-button-highlight .wsite-button-inner, .rss-title, .rss-title a, .blog-nav-info, #main-nav ul li a, #wsite-menus .wsite-menu li a, #mobile-nav ul li, li.account-cell a, .sidebar-nav, #lingo-testy-name { font-weight: 400; } body, p, blockquote, #main-header, .wsite-empty-cart, .wsite-product-list .wsite-name-header, .wsite-subtotal-wrapper, #wsite-mini-cart .wsite-product-description .wsite-product-option, .product-grid__price, .product-grid__price span.product-grid-reset, .product-grid__price span.product-grid__sale, .product-grid__button, .wsite-product-button-wrap, .product-grid__button .wsite-button-highlight .wsite-button-inner, .wsite-product-button-wrap .wsite-button-highlight .wsite-button-inner, ul#wsite-com-breadcrumbs li span.wsite-com-link-text, .wsite-checkout-page-title, .wsite-form-label, .wsite-form-sublabel, .form-radio-container, .wsite-button-inner, .wsite-button-highlight .wsite-button-inner, .rss-title, .rss-title a, .blog-nav-info, #main-nav ul li a, #wsite-menus .wsite-menu li a, #mobile-nav ul li, li.account-cell a, .sidebar-nav, #lingo-testy-name { font-weight: 400; } h1, h2, h3, h4, #logo, h2.product-grid__title .product-grid-reset, .wsite-com-category-product-name, .wsite-product-top h2.wsite-product-title, .wsite-com-product-price, .wsite-product-price a { font-weight: bold; } .social-frame { margin: 15px auto 0 auto; width: 100%; } .wsite-social { vertical-align: middle; } .wsite-social-item { width: 35px; height: 35px; margin: 0 0 0 4px; display: inline-block; background: #fcb860; font-size: 14px; color: #ffffff !important; text-align: center; } .wsite-social-item:before, .wsite-social-item:after { display: inline-block !important; padding-top: 7px !important; } .wsite-social-item:hover { background: #62c052; color: #ffffff !important; } .social-frame div { text-align: center !important; display: inline-block; } .wsite-social.wsite-social-default { width: 100%; } #social-float { position: fixed; right: 10px; top: 50%; transform: translateY(-50%); z-index: 3; } #social-float .wsite-social-item { display: block; width: 30px; height: 30px; margin: 5px 0; color: #ffffff !important; font-size: 14px; text-shadow: 0 15px 8px #202020; background: #fcb860; border-radius: 3px; } #social-float .wsite-social-item:before, #social-float .wsite-social-item:after { display: inline-block !important; padding-top: 3px !important; } #social-float .wsite-social-item:hover { background: #62c052; color: #ffffff; } .search-toggle-wrap { display: none; width: 100%; padding: 30px 0; background: #fff; } #search-toggle-close { cursor: pointer; position: absolute; top: 50%; transform: translateY(-50%); right: 20px; z-index: 17; } #search-toggle-trigger { cursor: pointer; padding-right: 15px; position: relative; } #header-account a:before, #search-toggle-trigger:before { font-family: FontAwesome; position: absolute; top: 50%; transform: translateY(-50%); } #search-toggle-trigger:before { content: "\f002"; left: 0; } .search-toggled-icon:before, .menu-toggled-icon:before { content: "\f00d" !important; } .wsite-search, .wsite-search-element { width: 100%; border: none; position: relative; } .wsite-search-element-input, .wsite-search-input { background: #fff !important; padding: 7px 5px 7px 35px !important; border: 1px solid #d9d9d9; height: 30px; min-width: 200px; color: #484848 !important; font-size: 14px; position: relative; } .wsite-search-button, .wsite-search-element-submit { height: 35px; top: auto; background: none !important; } .wsite-search-button:after, .wsite-search-element-submit:after { font-family: FontAwesome; content: "\f002"; font-size: 14px; color: #484848; position: absolute; top: 50%; transform: translateY(-50%); left: 10px; } #header-search { text-align: right; } #header-search .wsite-search-element, #header-search .wsite-search { display: inline-block; width: 600px; border: none; padding: 0; background: transparent; border: 0; } #header-search .wsite-search-element-input, #header-search .wsite-search-input { width: 90% !important; background: transparent !important; border: 1px solid #d9d9d9; color: #484848 !important; position: relative; } #header-search .wsite-search-element-input:focus, #header-search .wsite-search-input:focus { background: rgba(0,0,0,0.9); } #wsite-search-header { padding: 30px 15px; margin: 30px 0; border: 0; } #wsite-search-query { border: 0; } #wsite-search-list li { padding: 15px; margin-bottom: 30px; border-bottom: 1px dotted #d9d9d9; } #wsite-search-list a, #wsite-search-list h3 { display: inline-block; text-decoration: none !important; border: 0 !important; } #wsite-search-list h3 { border: 0 !important; } textarea:focus, input:focus { outline: none !important; } .wsite-form-field { max-width: 100% !important; margin: 10px 0 !important; } .wsite-form-input-container { padding: 0; } .wsite-form-label { display: inline-block; color: #484848; font-size: 14px; padding: 0; margin: 8px 0 5px 0; } .wsite-form-sublabel { color: #484848; font-size: 11px; } .form-radio-container { color: #484848; font-size: 13px; } .wsite-form-radio-container span { display: inline-block !important; margin: 2px 3px !important; } .wsite-form-input { border: none; background: transparent; color: #484848; font-size: 14px; line-height: 20px; padding: 8px 5px !important; margin: 0; border: 1px solid #d9d9d9; border-radius: 1px; } .wsite-form-input:focus, .wsite-form-input--focus { background: #f6f6f6; } .form-select { color: #484848; font-size: 13px; width: 300px; border-radius: 5px; } .wsite-com-product-option-groups select, select.form-select { font-size: 14px; background: transparent !important; color: #484848 !important; border: 1px solid #d9d9d9 !important; height: 40px !important; box-shadow: none !important; -webkit-border-radius: 0 !important; border-radius: 0 !important; } .wsite-com-product-option-groups select option, select.form-select option { padding: 6px 15px !important; color: #484848 !important; } .form-radio-container input { display: none; } .form-radio-container input:checked + label { color: #6cb83a; } .form-radio-container input:checked + label::before { margin-right: 10px; border: 2px solid #6cb83a; background: #fcb860; } .form-radio-container label { display: flex; align-items: center; padding: 5px 0; color: #484848; font-size: 14px; cursor: pointer; transition: all 0.25s linear; } .form-radio-container label::before { display: block; height: 10px; width: 10px; margin-right: 7px; content: ""; border: 2px solid #484848; transition: all 0.25s linear; } #mailchimp-custom-wrap { overflow-x: hidden; color: #484848; } #mailchimp-custom-wrap form { overflow: hidden; position: relative; border: 1px solid #d9d9d9; } #mailchimp-custom-wrap h2 { font-size: 22px !important; } #mailchimp-custom-wrap div.mc-field-group { display: block !important; clear: both !important; } #mailchimp-custom-wrap div.mc-field-group label { display: block; font-size: 20px; text-align: left; padding-top: 15px; margin-bottom: 5px; } .mailchimp-dark-bg { padding: 15px; } .mailchimp-dark-bg div.mc-field-group label { color: #f0f0f0; } #mailchimp-custom-wrap div.mc-field-group input { width: 100%; padding: 15px 5px !important; display: block; color: #484848; border: 0; background: #fff; border: none; font-size: 16px; } .mailchimp-light-bg div.mc-field-group input { background: #fff !important; } .mailchimp-dark-bg div.mc-field-group input { border: none !important; } #mailchimp-custom-wrap input.button { background: #fcb860; color: #ffffff; font-size: 20px; display: inline-block; padding: 14px 10px !important; border: 0; margin: 0; position: absolute; top: 0; right: 0; } #mailchimp-custom-wrap input.button:hover { background: #484848; } #mailchimp-custom-wrap input.button, input.button:hover { -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } #mailchimp-custom-wrap .mc-field-group select { background: #f0f0f0; display: inline-block; padding: 10px 20px; width: 100% !important; outline: none; border: 0 !important; box-shadow: none !important; } #mailchimp-custom-wrap div.mc-field-group.input-group { font-size: 20px; font-weight: 300; padding-top: 15px; } #mailchimp-custom-wrap div.mc-field-group.input-group strong { font-size: 20px; font-weight: 300; } #mailchimp-custom-wrap div.mc-field-group.input-group ul { display: block !important; list-style: none !important; padding-left: 20px !important; } #mailchimp-custom-wrap div.mc-field-group.input-group ul li { display: block !important; padding: 0 !important; margin: 0 !important; } #mailchimp-custom-wrap div.mc-field-group.input-group label { font-size: 16px !important; padding: 0 0 0 0 !important; margin: 0 0 0 5px !important; display: inline-block !important; } #mailchimp-custom-wrap div.mc-field-group.input-group input { padding: 0 !important; margin: 0 !important; display: inline-block !important; width: auto !important; } #mailchimp-custom-wrap div.mce_inline_error { color: #ff0000 !important; font-size: 22px !important; } #mailchimp-custom-wrap input.mce_inline_error { color: #ff0000 !important; font-size: 22px !important; } #mailchimp-custom-wrap #mce-error-response { color: #ff0000 !important; font-size: 22px !important; } #mailchimp-custom-wrap #mce-success-response { color: #52cf52 !important; font-size: 22px !important; } #mailchimp-custom-wrap .datefield span { display: inline-block !important; padding: 0 8px !important; } #mailchimp-custom-wrap .datefield input { width: auto !important; } #mailchimp-custom-wrap .datefield .small-meta { font-size: 12px; display: block !important; } #mailchimp-custom-wrap .mc-address-group { display: block !important; margin-bottom: 10px !important; } #mailchimp-custom-wrap .indicates-required { font-size: 14px; } #mailchimp-custom-wrap .mc-field-group .asterisk { color: #ff0000; } #mailchimp-custom-wrap .mc-address-group div.size1of2 { clear: none !important; float: left !important; display: inline-block !important; width: 40% !important; margin-right: 10% !important; } * html #mailchimp-custom-wrap .mc-address-group .size1of2 { margin-right: 2% !important; } #mailchimp-custom-wrap .mc-address-group div.size1of2 label, #mailchimp-custom-wrap .mc-address-group div.size1of2 input { display: block !important; clear: both !impirtant; } .wsite-button { display: inline-block; padding: 0px; color: #fff; background: none; text-align: center; } .wsite-button-inner { color: #ffffff; display: block; font-size: 16px; background: #fcb860; padding: 5px 15px; text-shadow: 0; } .wsite-button-inner:hover { color: #ffffff; display: block; padding: 5px 15px; background: #62c052; } .wsite-button:active .wsite-button-inner { background: #fcb860; } .wsite-button-large { color: #fff; background: #62c052; border: 0; } .wsite-button-large:hover { color: #fff; } .wsite-button-large:hover { border-radius: 1px; } .wsite-button-large .wsite-button-inner { padding: 1px 15px; background: #62c052; color: #ffffff; } .wsite-button-large .wsite-button-inner:hover { padding: 1px 15px; background: #fcb860; color: #ffffff; } .wsite-button-large:hover .wsite-button-inner { background: #fcb860; color: #ffffff; } .wsite-button-large:active .wsite-button-inner { background: #62c052; } .wsite-button-highlight { display: inline-block; padding: 0; text-align: center; text-shadow: 0; background: transparent; } .wsite-button-highlight .wsite-button-inner { color: #6cb83a; display: block; padding: 5px 15px; background: transparent; border: 2px solid #6cb83a; text-shadow: 0; } .wsite-button-highlight .wsite-button-inner:hover { display: block; padding: 5px 15px; background: transparent; color: #6cb83a; border-color: #6cb83a; } .wsite-button-large.wsite-button-highlight { background: transparent; } .wsite-button-large.wsite-button-highlight .wsite-button-inner { background: #272727; color: #fff; border: 0; } .wsite-button-large.wsite-button-highlight .wsite-button-inner:hover { background: #fcb860; color: #ffffff; } .wsite-section-elements .customhtml { width: 100% !important; overflow: auto !important; overflow-y: auto !important; } .fancybox-overlay { background: rgba(255,255,255,0.7); } .fancybox-opened .fancybox-skin { box-shadow: none; } .fancybox-skin { border-radius: 0 !important; } .fancybox-close { background: url(theme/fancybox-close-icon.png?1725574403); } .fancybox-next span { background: url(theme/fancybox-next-icon.png?1725574403) !important; } .fancybox-prev span { background: url(theme/fancybox-previous-icon.png?1725574403) !important; } .rss-title, .rss-title a { display: block; background: #fcb860; color: !important; font-size: 20px; padding: 10px 15px; display: none; } .rss-items { list-style: none; display: block; border: none !important; background: #fff; } .rss-items li.rss-item { display: block; padding: 20px 15px !important; border-bottom: 1px solid #c5c5c5; } .rss-items li.rss-item a { display: inline-block; font-size: 20px; color: #484848 !important; margin-bottom: 8px; background: transparent !important; text-decoration: none; } .rss-items li.rss-item:hover a { color: #6cb83a !important; } .menu-header { padding: 10px 0; } #main-nav ul { list-style: none; display: inline-block; padding: 0; } #main-nav ul li { list-style: none; display: inline-block; padding: 0; margin: 0; } #main-nav ul li a { display: inline-block; font-size: 16px; color: #484848; text-transform: uppercase; background: none; padding: 5px 10px; position: relative; } #main-nav ul li a:hover, #main-nav ul li#active a, #main-nav ul li a:active { color: #6cb83a; } .wsite-menu-wrap { z-index: 99999 !important; } #wsite-menus .wsite-menu { box-shadow: 0 0 4px 1px #ececec; background: #fff; } #wsite-menus .wsite-menu li a { background: transparent; color: #484848 !important; font-size: 14px; text-transform: uppercase; padding: 10px; margin: 0; border: 0; } #wsite-menus .wsite-menu li a:hover { color: #6cb83a !important; background: transparent; } #top-header { font-size: 12px; color: #484848; position: absolute; right: 10px; top: 5px; } .header-position #top-header { display: none; } #top-header a { display: inline-block; color: #484848; } ul.tophd-options li:hover, #top-header a:hover { color: #6cb83a; } ul.tophd-options { float: right; list-style: none; } ul.tophd-options li { list-style: none; display: inline-block; padding-left: 15px; margin: 0 6px; text-align: center; vertical-align: middle !important; position: relative; } ul.tophd-options li.header-account { padding-right: 0; margin-right: 0; } .mobile-menu-options li:before, ul.tophd-options li:before { font-family: FontAwesome; position: absolute; top: 50%; transform: translateY(-50%); } ul.tophd-options li:before { left: 0; } li.header-phone:before { content: "\f098"; } li.header-reviews:before { content: "\f123"; } li.header-reserv:before { content: "\f046"; } li.header-account:before { content: "\f2bd"; } .menu-toggle-wrap { background: #fff; display: none; width: 300px; height: 100%; position: fixed; top: 140px; z-index: 119; } #menu-toggle-container { padding: 0; background: #fff; width: 300px; height: 100%; position: fixed; top: 140px; left: 0; z-index: 120; } #menu-toggle-trigger { display: none; cursor: pointer; color: ; font-size: 24px; position: absolute; top: 50%; transform: translateY(-50%); left: 0; z-index: 15; } #menu-toggle-trigger:before { font-family: FontAwesome; content: "\f0c9"; position: absolute; top: 50%; transform: translateY(-50%); left: 0; } .menu-toggled-icon:before { content: "\f00d" !important; } .mobile-menu-options li, #mobile-nav ul li { list-style: none; display: block; padding: 10px; font-size: 14px; border-top: 1px solid ; } .mobile-menu-options li a, #mobile-nav ul li a { display: inline-block !important; color: #484848; background: none; } #mobile-nav ul li#active a { background: transparent; } .mobile-menu-options li a:hover, #mobile-nav ul li a:hover, #mobile-nav ul li a:active { color: #6cb83a; background: transparent; } .wsite-menu-item-wrap { position: relative; } #mobile-nav .wsite-menu-wrap { display: block !important; margin-left: 15px; position: relative !important; } #mobile-nav .wsite-menu-wrap:after { font-family: FontAwesome; font-size: 12px; color: ; cursor: pointer; content: "\f067"; position: absolute; width: 35px; height: 35px; right: -10px; top: -23px; z-index: 999999999; } #mobile-nav .wsite-menu-wrap .wsite-menu-wrap:after { content: none !important; } #mobile-nav .wsite-menu { display: none; } #mobile-nav .wsite-menu-subitem-wrap { border-top: 1px solid ; border-bottom: none; } #mobile-nav a.wsite-menu-subitem, #mobile-nav .wsite-menu-title { display: inline-block !important; font-size: 14px; } #mobile-nav .wsite-menu a { display: inline-block; } #mobile-nav .wsite-menu-arrow { display: none !important; } .mobile-menu-options { padding-bottom: 150px; } .mobile-menu-options li { position: relative; padding-left: 30px; } .mobile-menu-options li:before { left: 10px; } .footer-menu a { display: block; padding: 7px 3px; font-size: 14px; color: #484848; border-top: 1px solid #6cb83a; } .footer-menu a:hover { color: #6cb83a; } .footer-menu a.last { border-bottom: 1px solid #6cb83a; } #milo-cols-wrap { background: #fff; margin-bottom: 35px; } .milo-plugin-full #milo-cols-wrap { padding: 0; } .milo-cols { width: 25%; float: left; } .milo-cols-full { width: 25%; float: left; } .milo-wrap { margin: 0 5px; position: relative; overflow: hidden; } .milo-plugin-full .milo-wrap { margin: 0; } .milo-front, .milo-back { height: 350px; width: 100%; overflow: hidden; } .milo-front { position: relative; } #milo-contents { padding: 15px; } #milo-photo img { width: 100% !important; height: 100%; position: absolute; top: 0; left: 0; } #milo-front-header { font-size: 18px; position: absolute; bottom: 0; z-index: 6; } #milo-front-header span.front-heading { display: inline-block; padding: 10px 15px; } #milo-heading { display: block; } #milo-contents #milo-heading { font-size: 18px; margin-bottom: 15px; } #milo-contents p#milo-info { font-size: 14px; line-height: 20px; } .milo-back .wsite-button-inner { padding: 2px 10px !important; font-size: 14px; } .milo-back .wsite-button-inner:hover { padding: 2px 10px; } .milo-cols, .milo-front, .milo-back { -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; } .milo-night .milo-back { background: #272727; } .milo-night #milo-front-header, .milo-moonlight #milo-front-header { background: #000000; background: rgba(0,0,0,0.4); padding: 5px 0; width: 100%; } .milo-night #milo-front-header, .milo-night #milo-contents #milo-heading, .milo-night #milo-contents p#milo-info, .milo-moonlight #milo-front-header, .milo-moonlight #milo-contents #milo-heading, .milo-moonlight #milo-contents p#milo-info { color: #fff; } .milo-daylight .milo-back { background: #fff; } .milo-daylight #milo-front-header { background: #ffffff; background: rgba(255,255,255,0.7); padding: 10px 0; } .milo-daylight #milo-front-header, .milo-daylight #milo-contents #milo-heading, .milo-daylight #milo-contents p#milo-info { color: #333; } .milo-moonlight .milo-back { background: #000000; background: rgba(0,0,0,0.9); } .pt-cols-wrap { background: #fff; } #peak-testimonial-left, #peak-testimonial-right { width: 50%; float: left; } .pt-left, .pt-right { padding: 0 20px; } .pt-container { margin-bottom: 15px; } td.pt-left-cell, td.pt-right-cell { vertical-align: top !important; } #pt-image { margin-bottom: 10px; } #pt-image img { width: 90px; height: 90px; -ms-border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; } #pt-name { font-size: 16px; color: #484848; text-align: center; margin-bottom: 5px; } #pt-rate { margin-bottom: 5px; } #pt-rate h4 { font-family: FontAwesome !important; color: #6cb83a; font-size: 12px; line-height: 14px; text-align: center; padding-top: 0 !important; letter-spacing: 3px; font-style: normal !important; } #pt-quote { padding: 10px; min-height: 100px; margin-left: 20px; font-size: 16px; font-style: italic; border: 1px solid #d9d9d9; position: relative; } #pt-quote:before { position: absolute; font-family: FontAwesome; content: "\f0d9"; font-size: 18px; color: #d9d9d9; left: -7px; top: 50%; transform: translateY(-50%); font-style: normal; } .pt-container:hover #pt-rate h4 { color: #484848; } .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; overflow: hidden; position: fixed; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #cccccc; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #cccccc; } .mfp-preloader a:hover { color: white; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; border-radius: 50%; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; filter: alpha(opacity=65); padding: 0 0 18px 10px; color: white; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-close:active { top: 1px; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: white; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #cccccc; font-size: 12px; line-height: 18px; } .mfp-arrow { position: absolute; opacity: 0.65; filter: alpha(opacity=65); margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: rgba(0,0,0,0); } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after, .mfp-arrow .mfp-a { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before, .mfp-arrow .mfp-b { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-right: 17px solid white; margin-left: 31px; } .mfp-arrow-left:before, .mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid #3f3f3f; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border-left: 17px solid white; margin-left: 39px; } .mfp-arrow-right:before, .mfp-arrow-right .mfp-b { border-left: 27px solid #3f3f3f; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0,0,0,0.6); background: black; } img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0,0,0,0.6); background: #444444; } .mfp-figure small { color: #bdbdbd; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #f3f3f3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape),screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0,0,0,0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0,0,0,0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } .mfp-ie7 .mfp-img { padding: 0; } .mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; } .mfp-ie7 .mfp-container { padding: 0; } .mfp-ie7 .mfp-content { padding-top: 44px; } .mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; } .mfp-bg { background: #000; opacity: 0.8; filter: alpha(opacity=80); } .ipopup-fade.mfp-bg { opacity: 0; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } .ipopup-fade.mfp-bg.mfp-ready { opacity: 0.8; } .ipopup-fade.mfp-bg.mfp-removing { opacity: 0; } .ipopup-fade.mfp-wrap .mfp-content { opacity: 0; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } .ipopup-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; } .ipopup-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; } .mfp-close { width: 44px; height: 44px; border-radius: 50%; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; filter: alpha(opacity=65); padding: 0 0 18px 10px; color: #fff; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #fff; margin-top: 10px; margin-right: 10px; background: #000; } #ipopup-button { padding: 30px 0; } #ipopup-button a { font-size: 16px; text-align: center; border-radius: 3px; text-decoration: none; } #ipopup-content { padding: 20px 0px; background: #fcb860; } #ipopup-content h2, #ipopup-content div.paragraph { color: #ffffff; } #ipopup-content h2, #ipopup-content p { color: #ffffff; } .ipopup-content-container-reserv, .ipopup-content-container-review { position: relative; background: #fff; padding: 20px; width: auto; margin: 20px auto; border-radius: 5px; } .ipopup-content-container-reserv { max-width: 800px; } .ipopup-content-container-review { max-width: 600px; } #popup-reviews-top { padding-bottom: 30px; text-align: center; } #popup-reviews-bot { padding-top: 30px; } .mCustomScrollbar { -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; } .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action { -ms-touch-action: auto; touch-action: auto; } .mCustomScrollBox { position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr; } .mCSB_container { overflow: hidden; width: auto; height: auto; } .mCSB_inside > .mCSB_container { margin-right: 0; } .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-right: 0; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container { margin-right: 0; margin-left: 30px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-left: 0; } .mCSB_scrollTools { position: absolute; width: 16px; height: auto; left: auto; top: 0; right: 0; bottom: 0; } .mCSB_outside + .mCSB_scrollTools { right: -26px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools { right: auto; left: 0; } .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools { left: -26px; } .mCSB_scrollTools .mCSB_draggerContainer { position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; } .mCSB_scrollTools a + .mCSB_draggerContainer { margin: 20px 0; } .mCSB_scrollTools .mCSB_draggerRail { width: 2px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCSB_scrollTools .mCSB_dragger { cursor: pointer; width: 100%; height: 30px; z-index: 1; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { position: relative; width: 4px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; text-align: center; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { width: 12px; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width: 8px; } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown { display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools .mCSB_buttonDown { bottom: 0; } .mCSB_horizontal.mCSB_inside > .mCSB_container { margin-right: 0; margin-bottom: 30px; } .mCSB_horizontal.mCSB_outside > .mCSB_container { min-height: 100%; } .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden { margin-bottom: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal { width: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0; } .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal { bottom: -26px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer { margin: 0 20px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 2px; margin: 7px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger { width: 30px; height: 100%; left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 4px; margin: 6px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { height: 12px; margin: 2px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { height: 8px; margin: 4px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { display: block; position: absolute; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft { left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { right: 0; } .mCSB_container_wrapper { position: absolute; height: auto; width: auto; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; margin-right: 30px; margin-bottom: 30px; } .mCSB_container_wrapper > .mCSB_container { padding-right: 30px; padding-bottom: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical { bottom: 20px; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal { right: 20px; } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical { bottom: 0; } .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal { right: 0; } .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal { left: 20px; } .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal { left: 0; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper { margin-right: 0; margin-left: 30px; } .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container { padding-right: 0; } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container { padding-bottom: 0; } .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden { margin-right: 0; margin-left: 0; } .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden { margin-bottom: 0; } .mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight { -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; transition: opacity .2s ease-in-out, background-color .2s ease-in-out; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail { -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; } .mCSB_scrollTools { opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools { opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; } .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools { opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; } .mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0,0,0,0.4); filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255,255,255,0.75); filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255,255,255,0.85); filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; } .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255,255,255,0.9); filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight { background-image: url(theme/mCSB_buttons.png?1725574403); background-repeat: no-repeat; opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_buttonUp { background-position: 0 0; } .mCSB_scrollTools .mCSB_buttonDown { background-position: 0 -20px; } .mCSB_scrollTools .mCSB_buttonLeft { background-position: 0 -40px; } .mCSB_scrollTools .mCSB_buttonRight { background-position: 0 -56px; } .mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover { opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active { opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } .mCS-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: rgba(0,0,0,0.85); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: rgba(0,0,0,0.9); } .mCS-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -80px 0; } .mCS-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -20px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -40px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -56px; } .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail { width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 4px; margin: 6px auto; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCS-light-2.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px 0; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -20px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -40px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -56px; } .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0,0,0,0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px 0; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -20px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -40px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -56px; } .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail { width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; background-color: #fff; background-color: rgba(255,255,255,0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 4px; margin: 6px 0; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 6px; margin: 5px auto; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp { background-position: -16px 0; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown { background-position: -16px -20px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft { background-position: -20px -40px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight { background-position: -20px -56px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0,0,0,0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp { background-position: -96px 0; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown { background-position: -96px -20px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft { background-position: -100px -40px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight { background-position: -100px -56px; } .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail { background-color: #fff; background-color: rgba(255,255,255,0.1); } .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 2px; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 2px; margin: 7px auto; } .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp { background-position: -80px 0; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -20px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -40px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -56px; } .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail { background-color: #fff; background-color: rgba(255,255,255,0.15); } .mCS-rounded.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger { height: 14px; } .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 14px; margin: 0 1px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger { width: 14px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 14px; margin: 1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { width: 16px; height: 16px; margin: -1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width: 4px; } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { height: 16px; width: 16px; margin: 0 -1px; } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { height: 4px; margin: 6px 0; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonUp { background-position: 0 -72px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonDown { background-position: 0 -92px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft { background-position: 0 -112px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonRight { background-position: 0 -128px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -80px -72px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -92px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -112px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -128px; } .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail { width: 4px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { background-color: transparent; background-position: center; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg=="); background-repeat: repeat-y; opacity: 0.3; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { height: 4px; margin: 6px 0; background-repeat: repeat-x; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp { background-position: -16px -72px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown { background-position: -16px -92px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft { background-position: -20px -112px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight { background-position: -20px -128px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII="); } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -96px -72px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -96px -92px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -100px -112px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -100px -128px; } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-repeat: repeat-y; background-image: -moz-linear-gradient(left,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0.5)),color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(left,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(left,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(left,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to right,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { background-repeat: repeat-x; background-image: -moz-linear-gradient(top,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,0.5)),color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(top,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to bottom,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger { height: 70px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger { width: 70px; } .mCS-3d.mCSB_scrollTools, .mCS-3d-dark.mCSB_scrollTools { opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail { width: 8px; background-color: #000; background-color: rgba(0,0,0,0.2); box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #555; } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 8px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 8px; margin: 4px 0; box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 8px; margin: 4px auto; } .mCS-3d.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0,0,0,0.1); box-shadow: inset 1px 0 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px; } .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools { opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer { -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical { right: 1px; } .mCS-3d-thick.mCSB_scrollTools_vertical, .mCS-3d-thick-dark.mCSB_scrollTools_vertical { box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools_horizontal, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal { bottom: 1px; box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { box-shadow: inset 1px 0 0 rgba(255,255,255,0.4); width: 12px; margin: 2px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #555; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 12px; width: auto; } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer { background-color: #000; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px; } .mCS-3d-thick-dark.mCSB_scrollTools { box-shadow: inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal { box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #777; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer { background-color: #fff; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px; } .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical { right: 0; margin: 12px 0; } .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal { bottom: 0; margin: 0 12px; } .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical { left: 0; right: auto; } .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; } .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger { height: 50px; } .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger { width: 50px; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255,255,255,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255,255,255,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail { width: 6px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; } .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 6px; margin: 5px 0; } .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width: 12px; } .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { height: 12px; margin: 2px 0; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px; } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0,0,0,0.1); } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px; } .mCS-inset.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail { width: 12px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; margin: 3px 5px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 6px; margin: 5px 3px; position: absolute; width: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 12px; margin: 2px 0; } .mCS-inset.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0,0,0,0.1); } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px; } .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; border-width: 1px; border-style: solid; border-color: #fff; border-color: rgba(255,255,255,0.2); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail { border-color: #000; border-color: rgba(0,0,0,0.2); } .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail { background-color: #fff; background-color: rgba(255,255,255,0.6); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0,0,0,0.6); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255,255,255,0.75); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255,255,255,0.9); } #wsite-mini-cart { margin-left: -4px !important; background: #fff !important; border-radius: 0 !important; left: auto !important; right: 10px !important; position: relative; box-shadow: none; text-transform: uppercase; } #wsite-mini-cart:before, #wsite-mini-cart:after { display: none !important; } #wsite-mini-cart.arrow-top { color: transparent !important; content: none !important; border: none !important; } .wsite-cart-contents .wsite-product-list { border-bottom: 1px solid transparent; min-height: 150px !important; } .wsite-empty-cart { display: inline-block; margin: 50px 0 !important; text-transform: uppercase; position: relative; } .wsite-empty-cart span { display: block; } .wsite-empty-cart span#empty-cart-block1 { font-size: 16px; margin-bottom: 15px; } .wsite-empty-cart span#empty-cart-block2 { font-size: 14px; } #wsite-mini-cart .wsite-product-list .wsite-list-image-wrap { border-radius: 0 !important; } .wsite-cart-bottom { padding: 10px !important; } .wsite-cart-contents .wsite-product-list, .wsite-cart-contents .wsite-product-list span, .wsite-cart-contents .wsite-product-list a, .wsite-empty-cart, .wsite-theme-dark #wsite-mini-cart .wsite-product-list .wsite-name-header, #wsite-mini-cart ul.wsite-product-list, #wsite-mini-cart ul.wsite-product-list li, #wsite-mini-cart .wsite-product-list .wsite-product-price, .wsite-cart-bottom { color: #484848 !important; } .wsite-product-list .wsite-list-image-wrap, .wsite-product-list .entity-list-image-wrap, .wsite-theme-dark .wsite-product-list .wsite-list-image-wrap { border: none !important; } .wsite-product-list .wsite-name-header { font-size: 12px; margin-bottom: 5px; display: inline-block; color: #fff; line-height: 16px; text-transform: none; } #wsite-mini-cart .wsite-product-description .wsite-product-option { margin-left: 10px; padding-left: 5px; font-size: 14px; display: none !important; } .wsite-cart-bottom .wsite-button-highlight .wsite-button-inner { background: #fcb860; color: #ffffff; border: none; padding: 5px 10px; } .wsite-cart-bottom .wsite-button-highlight .wsite-button-inner:hover { background: #62c052; color: #ffffff; padding: 5px 10px; } .wsite-cart-bottom .wsite-button-highlight .wsite-button-inner:after, .wsite-cart-bottom .wsite-button-highlight .wsite-button-inner:hover:after { content: none !important; } .product-grid__item, .wsite-product { text-align: center; background: #fff; border-radius: 0; border: none; margin: 0; padding: 0; margin-bottom: 20px !important; position: relative; } .product-grid__item, .wsite-product, .wsite-product-image-wrap { box-shadow: none !important; } .product-grid__images img, .wsite-product-image-wrap { margin: 0 !important; max-width: 100% !important; } .wsite-product a.wsite-product-image { display: block; border: 1px solid #d9d9d9 !important; padding: 10px !important; } .wsite-multicol-col .wsite-product-image-wrap { width: 100% !important; } .product-cols .wsite-product, .product-cols .wsite-product-image-wrap { border: 0 !important; border-radius: 0 !important; box-shadow: none !important; padding: 0 !important; margin: 0 !important; } .wsite-product-image { border: 0 !important; box-shadow: none !important; border-radius: 0 !important; padding: 0 !important; background: none !important; } .wsite-product-top { float: none; width: 100%; padding: 0; } h2.product-grid__title .product-grid-reset, .wsite-com-category-product-name, .wsite-product-top h2.wsite-product-title { font-size: 16px !important; line-height: 20px !important; } .wsite-com-product-price, .wsite-product-price a { display: inline-block; color: #6cb83a !important; padding: 3px 0; font-size: 14px; } .product-grid__price { display: inline-block; color: #6cb83a !important; padding: 3px 0; } .product-grid__price span.product-grid-reset, .product-grid__price span.product-grid__sale { display: inline-block; padding: 3px 0; font-size: 14px !important; color: #6cb83a; } .product-grid__price span.product-grid-reset { font-size: 14px !important; } .product-grid__price span.product-grid__sale { font-size: 14px !important; } .wsite-product .wsite-product-description { padding: 0 15px !important; } .product-grid__button, .wsite-product-button-wrap { float: none !important; width: 100% !important; display: inline-block !important; text-align: center !important; padding: 0 !important; background: transparent; margin: 0 !important; } .wsite-product-button-wrap a.wsite-button { padding: 0 !important; } .product-grid__button .wsite-button-highlight .wsite-button-inner, .wsite-product-button-wrap .wsite-button-highlight .wsite-button-inner { display: inline-block !important; padding: 0 !important; margin: 0 !important; background: transparent; font-size: 14px !important; color: #6cb83a !important; text-transform: uppercase; border: none !important; } .product-grid__button .wsite-button-highlight .wsite-button-inner:hover, .wsite-product-button-wrap .wsite-button-highlight .wsite-button-inner:hover { display: inline-block !important; color: !important; padding: 0; background: transparent !important; border: none; } .wsite-product-button-wrap:hover { background: #62c052; color: #ffffff; } .product-grid__info .product-grid__description, .wsite-product .wsite-product-description { display: none; } .product-grid__info { padding: 10px 15px; text-align: center !important; float: none !important; width: auto !important; } #wsite-com-store { padding: 0 0 60px 0 !important; } .wsite-com-content { padding: 0; } #wsite-com-store #wsite-com-product-list { text-align: center; } .wsite-com-category-product-name, .wsite-product-top h2.wsite-product-title { color: #484848; } .wsite-com-category-product-name:hover { color: #6cb83a; } .wsite-com-breadcrumb-arrow { display: none !important; } ul#wsite-com-breadcrumbs { text-align: center; display: block; padding: 10px 0 !important; } ul#wsite-com-breadcrumbs, #wsite-com-title { margin: 20px 0 !important; } .wsite-page-store ul#wsite-com-breadcrumbs { border: none; } ul#wsite-com-breadcrumbs li.wsite-com-breadcrumb { padding: 0 !important; margin: 0 !important; float: none !important; display: inline-block !important; position: relative; } ul#wsite-com-breadcrumbs li span.wsite-com-link-text { display: inline-block; padding: 5px 10px; margin-bottom: 5px; color: #484848; position: relative; } ul#wsite-com-breadcrumbs li a.wsite-com-link span.wsite-com-link-text { display: inline-block; border-bottom: 1px solid #d9d9d9; } ul#wsite-com-breadcrumbs li a.wsite-com-link:hover span.wsite-com-link-text { color: #6cb83a; } .wsite-com-category-product-image-wrap, .wsite-com-category-product-featured-image-wrap, .wsite-com-category-subcategory-image-wrap { border: none; } .wsite-com-category-product-wrap { text-align: center; } .wsite-com-category-product-image-container { margin-bottom: 20px; } .product-pagination { margin-top: 40px; } .product-grid__paging { text-align: center; } .product-grid__controls a span, .product-grid__paging .product-grid__paging--link, .product-grid__paging .product-grid__paging--link span { border-color: #d9d9d9; cursor: pointer; } .product-grid__paging .product-grid__paging--link:hover { background: #ececec; color: #6cb83a; border-color: #6cb83a; } .product-grid__controls a span:hover { border-color: #6cb83a; } .product-grid__paging .pagination-wrapper .product-grid__paging--count { color: #484848; } .product-grid__paging .pagination-wrapper .product-grid__paging--count.wsite-selected, .product-grid__paging .pagination-wrapper .product-grid__paging--count:hover { color: #484848; } #wsite-com-product-gen ul#wsite-com-breadcrumbs { padding-top: 0 !important; } #wsite-com-product-area { padding-top: 20px; } #wsite-com-product-images-strip .wsite-com-product-images-secondary-outer { box-shadow: none; } #wsite-com-product-title { margin-bottom: 20px; font-weight: 400; } #wsite-com-product-price-area { padding-bottom: 15px; } #wsite-com-product-price-range span, #wsite-com-product-price { color: #6cb83a !important; font-size: 20px; margin-top: 15px; } #wsite-com-product-social-sharing { display: block; padding: 15px 5px; } .wsite-com-product-social a { display: inline-block; color: #6cb83a; font-size: 12px; text-align: center !important; border-radius: 50%; } .wsite-com-product-social a:hover { color: #484848; } .wsite-com-product-social::before, .wsite-com-product-social a::before { margin-top: 1px !important; text-align: center !important; left: 0; right: 0; margin-left: auto; margin-right: auto; } #wsite-com-product-options { border: none; } #wsite-com-product-images { float: left; width: 35%; } #wsite-com-product-info { width: 45%; float: left; margin-left: 0; } #wsite-com-product-info-inner { padding: 0 40px; } #wsite-product-page-right { width: 20%; float: left; } #wsite-product-page-right-inner { padding: 20px; border: 1px solid #d9d9d9; } #wsite-com-product-tab h2 { font-size: 16px; line-height: 22px; } .wsite-checkout-slides__item { min-height: 500px; padding: 40px 0; } .wsite-checkout-page-title { display: inline-block; color: #6cb83a; padding: 10px 15px; font-size: 24px; margin-bottom: 40px; } .wsite-checkout-cart__header { border-color: #d9d9d9; } body.builder-dashboard { background: #ebebeb; padding: 0 !important; } body.builder-dashboard, .builder-dashboard h1, .builder-dashboard h2, .builder-dashboard h3, .builder-dashboard h4, .builder-dashboard div.paragraph { font-family: 'Open Sans', sans-serif !important; } body.builder-dashboard, .builder-dashboard h1, .builder-dashboard h2, .builder-dashboard h3, .builder-dashboard h4, .builder-dashboard p { font-family: 'Open Sans', sans-serif !important; } #builder-brd-header { background: #ffffff; height: 85px !important; margin: 0 0 30px 0; position: relative; overflow: hidden; } .bdbrd-hd-admin-wrap { width: 120px; height: 85px; background: #ef4b4a !important; display: table; font-size: 12px; line-height: 18px; font-weight: 900; color: #fff; text-align: center; position: absolute; top: 0; left: 0; } .bdbrd-admin-title { padding: 0 20px; display: table-cell; vertical-align: middle; } .bdbrd-header-left { width: 40%; float: left; position: relative; } .bdbrd-header-right { width: 60%; float: right; text-align: right; } .builder-brd-title { display: inline-block; font-size: 24px; font-weight: 400; color: #858585; position: absolute; top: 30px; left: 140px; z-index: 3; } .builder-brd-menu { display: inline-block; padding-right: 20px; } .builder-brd-menu a { display: inline-block; padding: 30px 10px 30px 20px; margin: 0 5px; color: #858585; font-siz: 13px; font-weight: 400; position: relative; } .builder-brd-menu a:before { font-family: FontAwesome; color: #d0d0d0; position: absolute; top: 50%; transform: translateY(-50%); left: 0; } .builder-brd-menu a.link1:before { content: "\f007" !important; } .builder-brd-menu a.link2:before { content: "\f27a"; } .builder-brd-menu a.link3:before { content: "\f1cd"; } .builder-brd-menu a.link4:before { content: "\f12e"; } .builder-brd-menu a:hover { color: #ef4b4a; } .bdbrd-welcome-banner { margin-bottom: 40px; position: relative; z-index: 1; } .bdbrd-hd-admin-wrap:after, .bdbrd-header-left:after, .bdbrd-welcome-banner:after { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 3; } .bdbrd-welcome-banner img { max-width: 100% !important; max-height: 100% !important; } #builder-board-page { background: #ebebeb; width: 85%; margin: 0 auto; padding: 20px 0 40px 0; } .bdbrd-top-warning { text-align: center; margin-bottom: 40px; } .bdbrd-top-warning span { display: inline-block; padding: 10px 40px; background: #f87c30; color: #fff; } .bdbrd-section { background: #ffffff; padding: 40px 60px; margin: 40px 0; } .bdbrdcol-left { width: 65%; float: left; } .bdbrdcol-right { width: 35%; float: left; } .bdbrdcol-left #bdbrd-col-inner { padding-right: 60px; } .bdbrd-input-box { padding: 20px; min-height: 300px; border: 3px dashed #e0e0e0; position: relative; z-index: 2; } .bdbrd-input-box:before { font-size: 14px; font-weight: bold; color: #d0d0d0; word-spacing: 3px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: -1; } .bdbrd-input-sbar:before { content: "SIDEBAR CONTENTS: DROP ELEMENTS HERE"; } .bdbrd-input-popup:before { content: "POPUP: DROP ELEMENTS HERE"; } .bdbrd-input-hdtoggle:before { content: "HEADER TOGGLE: DROP ELEMENTS HERE"; } .bdbrd-section h1, .bdbrd-section h2 { font-size: 32px; line-height: 38px; color: #858585; } .bdbrd-section h3 { font-size: 26px !important; line-height: 32px !important; color: #858585; } .bdbrd-info-box { font-size: 14px !important; line-height: 20px !important; color: #858585; } .bdbrd-info-box span { display: block; padding: 7px 0; } .bdbrd-info-box ul, .bdbrd-info-box ol { list-style-position: inside !important; } .bdbrd-options-input-table { width: 100%; border: none; border-collapse: collapse; } .bdbrd-options-input-table td { padding: 10px 3px; border-bottom: 1px solid #d0d0d0; } .bdbrd-options-input-table td.left-cell { color: #ef4b4a; } #bdbrd-footer { width: 100%; background: #ffffff; height: 80px; text-align: center; } #bdbrd-footer span { display: inline-block; margin-top: 35px; } .bdbrd-section .page-toggle-wrap { display: block !important; position: relative !important; } .builder-quicktip { width: 800px; height: 250px; background: #ef4b4a; box-shadow: 0 0 15px 5px #aaa; position: fixed; top: 0; left: 50%; transform: translateX(-50%); z-index: 999; } #bd-qtip-content { padding: 20px; } .bd-qtip-info { color: #fff; display: block; padding: 15px 0; position: relative; } .bd-qtip-info:before { position: absolute; top: 50%; transform: translateY(-50%); left: 0; } .bd-qtip-caption:before { content: "QUICK TIP"; font-size: 20px; font-weight: bold; } .bd-qtip-tip, .bd-qtip-tip2 { margin: 10px 0; padding: 25px 15px; background: #3d4351; } .bd-qtip-tip:before, .bd-qtip-tip2:before { font-size: 14px; padding: 20px 15px; } .bd-qtip-tip:before { content: "1. Create a new Page, name it DASHBOARD. Under Header Type choose Z-dashboard."; } .bd-qtip-tip2:before { content: "2. Create another Page, name it Guide. Under Header Type choose Z-get-started."; } .bg-qtip-close:before { content: "To hide this guide, click Theme > Theme options > turn off QUICK TIP."; font-size: 14px; } .bdbrd-slide-wrap { padding-bottom: 30px; } .bdbrd-slide-wrap img { max-width: 100% !important; max-height: 100% !important; } .scattered-gallery-db img { max-width: 100%; width: 250px !important; height: 250px !important; } .scattered-gallery-db .photostack-title { display: block; margin: 10px 0 20px 0; } .get-started-banner { background: #fff; padding: 30px; } .admin-get-started-section { background: #ffffff; padding: 40px 60px; margin: 40px 0; } .admin-get-started-section h1, .admin-get-started-section h2 { font-size: 26px; line-height: 34px; color: #858585; } .admin-get-started-section h3 { font-size: 20px !important; line-height: 26px !important; color: #858585; } body.admin-get-started-layout, .admin-get-started-section div.paragraph { font-size: 14px !important; line-height: 20px !important; color: #858585; } body.admin-get-started-layout, .admin-get-started-section p { font-size: 14px !important; line-height: 20px !important; color: #858585; } .admin-get-started-section div.paragraph { margin-bottom: 20px; } .admin-get-started-section p { margin-bottom: 20px; } body.admin-get-started-layout a { color: #ef4b4a; } .admin-gsted-cols-two { width: 50%; float: left; } .admin-gsted-cols-inner.admin-two-cols-left { padding-right: 50px; } .admin-gsted-cols-inner.admin-two-cols-right { padding-left: 50px; } .admin-gsted-cntbox-top { margin-top: 90px; } .admin-gsted-cntbox-header { display: block; padding: 15px 20px; margin-bottom: 20px; font-size: 20px; font-weight: 900; } .admin-gsted-cntbox-header.admin-cntbox-green { background: #51cb82; color: #fff; } .admin-gsted-cntbox-header.admin-cntbox-orange { background: #ee793a; color: #fff; } .admin-gsted-cntbox-header.admin-cntbox-red { background: #ef4b4a; color: #fff; } .admin-gsted-cntbox-header.admin-cntbox-black { background: #252525; color: #fff; } .admin-gsted-cntbox-header.admin-cntbox-dblue { background: #ffdc4f; color: #3d4351; } .admin-gsted-cntbox-divider { padding: 20px 0; } .admin-gsted-divider-green { display: block; border-bottom: 3px solid #51cb82; } .admin-gsted-sbar-main { width: 70%; float: left; } .admin-gsted-sbar { width: 30%; float: right; } .admin-gsted-sbar-main-inner { padding-right: 100px; } .admin-gsted-sbar-top { margin-top: 30px; } ul.admin-sbar-list1 { display: block; list-style: none; } ul.admin-gsted-list-type1, ul.admin-sbar-list1 li { display: block; } ul.admin-sbar-list1 a { display: block; color: #858585 !important; padding: 10px 15px; border-bottom: 1px solid #e0e0e0; position: relative; } ul.admin-sbar-list1 a:before { content: "\f0da"; font-family: FontAwesome; position: absolute; top: 50%; transform: translateY(-50%); left: 0; } ul.admin-sbar-list1 a:hover { color: #ef4b4a !important; } ul.admin-gsted-list-type1 { display: inline-block; } ul.admin-gsted-list-type1 li { display: block; padding: 10px 15px; border-bottom: 1px solid #e0e0e0; } ul.admin-gsted-list-type1 li span { display: inline-block; padding: 3px 8px; margin-right: 5px; background: #ef4b4a; color: #fff; } @media screen and (max-width: 1400px) { #builder-board-page { width: 94%; } } .section-spacer { display: none; margin: 40px 0; } .bot-content-helpe { min-height: 400px !important; } .display-none { display: none; } ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, div.paragraph, blockquote, section, article, table, th, td, tr, embed, object, fieldset, input { margin: 0; padding: 0; } ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, section, article, table, th, td, tr, embed, object, fieldset, input { margin: 0; padding: 0; } a img { border: 0; } a { text-decoration: none; color: #6cb83a; } a:hover { color: #484848; text-decoration: none; } body { font-size: 16px; line-height: 24px; background: #e9e9e9; color: #484848; overflow-x: hidden; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .container, .container-header { width: 96%; margin: 0 auto; } .container-header { position: relative; } .container-small { width: 45%; margin: 0 auto; } .container-footer, .container-blog { width: 70%; margin: 0 auto; } h1, h2 { font-size: 24px; line-height: 30px; color: #484848; padding: 5px 0; margin-bottom: 5px; position: relative; } .recipes-all-multicol .wsite-multicol h1, .recipes-all-multicol .wsite-multicol h2 { font-size: 16px; line-height: 22px; font-weight: 500; padding: 10px 5px; } .recipes-all-multicol .wsite-multicol div.paragraph { font-size: 13px; line-height: 19px; } .recipes-all-multicol .wsite-multicol p { font-size: 13px; line-height: 19px; } h3, h4 { font-size: 20px; line-height: 26px; padding: 5px 0; color: #6cb83a; } div.paragraph { color: #484848; font-size: 16px; line-height: 24px; padding: 5px 0; } p { color: #484848; font-size: 16px; line-height: 24px; padding: 5px 0; } blockquote { color: #484848; font-size: 16px; line-height: 22px; background: #fff; border: 1px solid #d9d9d9; padding: 5px 10px; border: none; margin: 0 0 20px 0; position: relative; } blockquote:before { font-family: FontAwesome; font-size: 18px; color: #484848; background: #d9d9d9; padding: 10px; content: "\f10e"; position: absolute; right: 0; bottom: 0; } div#content { min-height: 300px; } hr.styled-hr { height: 1px; background: #d9d9d9 !important; } .recipes-all-multicol .wsite-multicol hr.styled-hr { height: 3px; background: #fcb860 !important; } .section-padding-top { padding-top: 60px; } .section-padding-bot { padding-bottom: 60px; } .section-padding-small, .wsite-section { padding: 60px 0; } .wsite-section-wrap { margin: 60px 0 !important; } .theme-bg-one { background: #fcb860; color: #ffffff; } .theme-bg-two { background: #62c052; color: #ffffff; } .theme-bg-grey { background: #ececec; color: #484848; } h1.white-texts, h2.white-texts, h3.white-texts, h4.white-texts, p.white-texts, span.white-texts, .white-texts, .white-texts h1, .white-texts h2, .white-texts h3, .white-texts h4, .white-texts blockquote, .white-texts .wsite-form-label, .white-texts .wsite-form-sublabel, .white-texts .wsite-form-label, .white-texts div.paragraph, .white-texts a, .white-texts span, .theme-dark-bg, .theme-dark-bg .wsite-form-label, .theme-dark-bg .wsite-form-sublabel { color: #fff; } h1.white-texts, h2.white-texts, h3.white-texts, h4.white-texts, p.white-texts, span.white-texts, .white-texts, .white-texts h1, .white-texts h2, .white-texts h3, .white-texts h4, .white-texts blockquote, .white-texts .wsite-form-label, .white-texts .wsite-form-sublabel, .white-texts .wsite-form-label, .white-texts p, .white-texts a, .white-texts span, .theme-dark-bg, .theme-dark-bg .wsite-form-label, .theme-dark-bg .wsite-form-sublabel { color: #fff; } h1.bg-texts, h2.bg-texts, h3.bg-texts, h4.bg-texts, p.bg-texts, span.bg-texts, .bg-texts, .bg-texts h1, .bg-texts h2, .bg-texts h3, .bg-texts h4, .bg-texts div.paragraph, .bg-texts span, .bg-text-color h1, .bg-text-color h2, .bg-text-color h3, .bg-text-color h4, .bg-text-color h5, .bg-text-color h6, .bg-text-color div.paragraph, .bg-text-color blockquote, .bg-text-color span, .bg-text-color a, .bg-text-color .wsite-form-label, .bg-text-color .wsite-form-sublabel, .bg-text-color .wsite-form-label, #mailchimp-custom-wrap h2, .bg-text-color div.mc-field-group label { color: #ffffff; } h1.bg-texts, h2.bg-texts, h3.bg-texts, h4.bg-texts, p.bg-texts, span.bg-texts, .bg-texts, .bg-texts h1, .bg-texts h2, .bg-texts h3, .bg-texts h4, .bg-texts p, .bg-texts span, .bg-text-color h1, .bg-text-color h2, .bg-text-color h3, .bg-text-color h4, .bg-text-color h5, .bg-text-color h6, .bg-text-color p, .bg-text-color blockquote, .bg-text-color span, .bg-text-color a, .bg-text-color .wsite-form-label, .bg-text-color .wsite-form-sublabel, .bg-text-color .wsite-form-label, #mailchimp-custom-wrap h2, .bg-text-color div.mc-field-group label { color: #ffffff; } h1.secondary-texts, h2.secondary-texts, h3.secondary-texts, h4.secondary-texts, p.secondary-texts, span.secondary-texts, .secondary-texts, .secondary-texts h1, .secondary-texts h2, .secondary-texts h3, .secondary-texts h4, .secondary-texts div.paragraph, .secondary-texts span, .secondary-texts div.mc-field-group label, .secondary-color h1, .secondary-color h2, .secondary-color h3, .secondary-color h4, .secondary-color h5, .secondary-color h6, .secondary-color div.paragraph, .secondary-color a, .secondary-color blockquote, .secondary-color span, .secondary-color .wsite-form-label, .secondary-color .wsite-form-sublabel, .secondary-color .wsite-form-label { color: #ffffff; } h1.secondary-texts, h2.secondary-texts, h3.secondary-texts, h4.secondary-texts, p.secondary-texts, span.secondary-texts, .secondary-texts, .secondary-texts h1, .secondary-texts h2, .secondary-texts h3, .secondary-texts h4, .secondary-texts p, .secondary-texts span, .secondary-texts div.mc-field-group label, .secondary-color h1, .secondary-color h2, .secondary-color h3, .secondary-color h4, .secondary-color h5, .secondary-color h6, .secondary-color p, .secondary-color a, .secondary-color blockquote, .secondary-color span, .secondary-color .wsite-form-label, .secondary-color .wsite-form-sublabel, .secondary-color .wsite-form-label { color: #ffffff; } #main-header { width: 100%; background: #fff; text-transform: uppercase; position: relative; border-bottom: 1px solid #e0e0e0; } .header-height { width: 100%; display: table; height: 140px; } .header-height-inner { display: table-cell; vertical-align: middle; } #main-header-left { width: 85%; float: left; } #main-header-right { width: 15%; float: right; text-align: right; } .header-left-wrap { display: block; list-style: none; } .header-left-wrap li.header-cell { display: inline-block; list-style: none; vertical-align: middle !important; } .header-left-wrap .nav-cell { padding-left: 60px; } .header-position { width: 100%; position: fixed !important; top: 0; left: 0; z-index: 14; } #header-right-contents ul { display: inline-block; list-style: none; } #header-right-contents li { display: inline-block; vertical-align: middle !important; } #header-right-contents li.cart-cell { padding-right: 10px; border-right: 1px solid #d9d9d9; } #header-right-contents li.search-cell { padding-left: 10px; } #logo { font-size: 42px; } #main-header a, #logo a { color: #484848; } #logo img { max-width: 380px !important; max-height: 100px !important; } .header-position .header-height { height: 100px; } .header-position #header-right-contents li.cart-cell { padding-right: 0; border: 0; } .header-position #header-right-contents li.search-cell { display: none !important; } .header-position #logo img { max-width: 280px !important; max-height: 40px !important; } #layout-banner-wrap { width: 100%; position: relative; } .wsite-background { background-size: cover !important; } .banner-content h1, .banner-content h2 { font-size: 44px; line-height: 50px; } .banner-content h3 { font-size: 34px; line-height: 40px; } .banner-content div.paragraph { font-size: 22px; line-height: 28px; } .banner-content p { font-size: 22px; line-height: 28px; } .wsite-section-wrap { position: relative; } #content-section-top { margin-bottom: 40px; } .content-col-height, .content-section-height { display: table; width: 100%; height: 100%; } .content-col-inner, .content-section-inner { display: table-cell; vertical-align: middle; } .content-section-inner { display: block; background: #fff; } .content-section-padding { padding: 40px 20px; } .recipes-all-multicol .wsite-multicol { background: #fff; } .recipes-all-multicol .wsite-multicol h2 a { color: #484848; } .main-content-inner { padding: 0 20px; } #sidebar-left, #hp-sidebar-left { width: 25%; float: left; } #sidebar-right, #hp-sidebar-right { width: 25%; float: left; } .sidebar-inner-left { margin-right: 15px; } .sidebar-inner-right { margin-left: 15px; } .sbar-inner { padding: 10px; } .sbar-top { padding-bottom: 15px; } .sbar-inner h2, .blog-sidebar h2 { font-size: 20px; line-height: 26px; border-bottom: 1px solid #6cb83a; } #sidebar-main { width: 75%; float: left; } .sidebar-position-left { padding-left: 25px; } .sidebar-position-right { padding-right: 25px; } .sbar-content { padding: 0 40px; } #two-cols { width: 50%; float: left; } #three-cols { width: 33.3%; float: left; } #four-cols { width: 25%; float: left; } #five-cols { width: 20%; float: left; } .blog-page-inner { position: relative; } .blog-sidebar { width: 315px; } .blog-sidebar a { color: #484848; } .blog-sidebar h2 { font-size: 16px; line-height: 22px; padding: 10px 0 5px 0; } .column-blog { width: 100%; } a.blog-title-link { color: #484848; padding-bottom: 15px; border-bottom: 1px solid #6cb83a; display: block; margin-bottom: 10px; } .blog-post { background: #fff; padding-right: 40px; margin-bottom: 30px; } .blog-separator { display: none !important; } .blog-read-more a { display: inline-block; padding: 3px 8px; float: right; font-size: 14px; } .blog-content { margin-top: 20px !important; } .blog-post a, a.blog-title-link, .blog-read-more a { color: ; } .blog-page-nav-next, .blog-page-nav-previous { margin-top: 40px; } .blog-page-nav-next a, .blog-page-nav-previous a { padding: 10px 20px !important; } .blog-page-nav-next a:hover, .blog-page-nav-previous a:hover { color: #6cb83a !important; } .blog-page-nav-previous i { margin-right: 15px; } .blog-page-nav-next i { margin-left: 15px; } .default-footer { display: none; } #main-footer { background: #fff; border-top: 1px solid #e0e0e0; position: relative; } .main-footer-wrap { padding: 60px 0; position: relative; } #main-footer h1, #main-footer h2, #main-footer h3 { font-size: 20px; line-height: 26px; color: #6cb83a; } #eu-cookie.notification { background: #101010; padding: 20px 0; } #eu-cookie-content { color: #fff; margin-top: 0; margin-bottom: 0; } #eu-cookie-close { color: #fff; } #product-branding { font-size: 10px; position: absolute; bottom: 5px; right: 10px; } #product-branding a { color: #aaaaaa; display: inline-block; } body, .container, #website-header-wrap, #main-header, .header-height, #logo, #logo img, .header-position, .wsite-image, .wsite-image img, .blog-page-nav-next a, .blog-page-nav-previous a, .blog-page-nav-next, .blog-page-nav-previous, .blog-nav-info, .wsite-multicol-col, .banner-content, .wsite-product, .product-grid__item, .galleryImageHolder img { -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; } @media screen and (max-width: 1280px) { .container-small { width: 60%; } #wsite-com-product-images { width: 35%; } #wsite-com-product-info { width: 40%; } #wsite-product-page-right { width: 25%; } } @media screen and (max-width: 1024px) { .container, .container-header { width: 92%; } .container-footer, .container-blog { width: 85%; } .container-small { width: 75%; } #logo { margin-left: 40px; } #logo img { max-height: 50px !important; } #main-header-left { width: 60%; } #main-header-right { width: 40%; } #main-nav { display: none; } #menu-toggle-trigger { display: block !important; } } @media screen and (max-width: 960px) { .container-footer, .container-small, .container-blog { width: 92%; } #wsite-com-product-images, #wsite-product-page-right { width: 30%; } #wsite-com-product-info { width: 40%; } } @media screen and (max-width: 840px) { .wsite-section, .wsite-section-bg-color { height: auto !important; max-height: auto !important; padding: 30px 0; } .wsite-section-bg-image { height: 250px !important; max-height: 250px !important; } #logo img { max-width: 350px !important; max-height: 35px !important; } .pt-left, .pt-right { padding: 0; } #peak-testimonial-left, #peak-testimonial-right, #three-cols, #five-cols, #header-search .wsite-search-element, #header-search .wsite-search { width: 100%; } #four-cols { width: 50%; } .wsite-search-element-input, .wsite-search-input { width: auto !important; } #milo-cols-wrap { margin: 0; } .milo-cols { width: 50%; margin: 10px 0; } .milo-front, .milo-back { height: 380px; } .wsite-com-sidebar, #wsite-com-product-images { width: 100% !important; text-align: center; padding: 0; float: none; } .wsite-com-content-with-sidebar, #wsite-com-product-info.wsite-com-product-info-with-images { margin-left: 0; padding: 0; clear: both; } #wsite-com-product-images-strip .wsite-com-product-images-secondary { margin-top: 0; } .wsite-com-content-inner .wsite-com-category-subcategory-group .wsite-com-column, #wsite-com-category-product-group .wsite-com-column, .wsite-com-category-product-group .wsite-com-column { width: 100% !important; height: auto !important; text-align: center; margin-bottom: 1em; } .wsite-com-content-with-sidebar .wsite-com-category-subcategory-group { display: none; } .wsite-com-category-subcategory, .wsite-com-column { display: block !important; margin-bottom: 20px !important; width: 100% !important; clear: both !important; } .wsite-com-category-subcategory-image-wrap, .wsite-imageaspectratio-image-wrap, .wsite-com-category-subcategory-image, .wsite-imageaspectratio-image, .wsite-com-category-subcategory-image-container, .wsite-imageaspectratio-image-container { min-width: 100% !important; } #wsite-com-product-images { width: 100%; } #wsite-com-product-info { width: 60%; } #wsite-product-page-right { width: 40%; } .wsite-cart-contents { width: 100% !important; left: 0 !important; } #wsite-mini-cart .wsite-product-image { padding: 5px !important; } #wsite-mini-cart .wsite-items-right { padding-right: 5px !important; } #wsite-mini-cart { width: 100%; left: 3px !important; border-radius: 0 !important; } #wsite-com-product-info { margin-left: 0 !important; margin-top: 30px; } h2.wsite-checkout-header { padding-bottom: 0 !important; } #wsite-com-product-area #wsite-com-product-images { margin-bottom: 30px; } #wsite-com-checkout-list .wsite-com-checkout-item-image, #wsite-com-checkout-summary-list .wsite-com-checkout-item-image { max-width: 50px; max-height: 50px; margin-right: 10px; } #wsite-com-checkout-list .wsite-com-checkout-item-details-inner, #wsite-com-checkout-summary-list .wsite-com-checkout-item-details-inner { padding-left: 0 !important; } #wsite-com-checkout-list { font-size: .75em !important; } .wsite-com-continue-shopping, button.wsite-button.wsite-button-large.wsite-button-highlight.wsite-checkout-button.wsite-com-paypal-checkout-button { font-size: .85em !important; } #wsite-com-checkout-list .wsite-form-input, #wsite-com-checkout-summary-list .wsite-form-input { width: 20px !important; margin: 0 10px !important; padding: 5px !important; } #wsite-com-checkout-list .wsite-remove-button, #wsite-com-checkout-summary-list .wsite-remove-button { left: 10px !important; top: 10px !important; } .wsite-checkout-type .wsite-paypal { margin-left: 0; margin-top: 10px; } #wsite-com-checkout-payment > div { width: 100%; } #wsite-com-checkout-payment-order { margin: 0; padding: 15px; } .wsite-com-continue-shopping .caret { line-height: 3.35 !important; } #wsite-com-checkout .wsite-button-inner { font-size: 14px; line-height: 22px; height: 22px; padding: 5px 25px; } #wsite-com-checkout .wsite-button { margin-top: 0 !important; } } @media screen and (max-width: 760px) { #logo { margin-left: 30px; } #main-header { position: fixed; top: 0; z-index: 14; } #main-header-left { width: 60%; } #main-header-right { width: 40%; } .header-height, #header-inner-height, .header-position .header-height { height: 100px; } #top-header { display: none; } .menu-toggle-wrap, #menu-toggle-container { top: 102px; } .mobile-menu-options { padding-bottom: 130px; } .wsite-search-button:after, .wsite-search-element-submit:after { left: 5px; } .section-padding-top { padding-top: 40px; } .section-padding-bot { padding-bottom: 40px; } .section-padding-small, .wsite-section { padding: 40px 0; } .wsite-section-wrap { margin: 40px 0 !important; } .milo-cols, #two-cols { width: 100%; } table#blogTable td { display: block !important; width: 100% !important; clear: both !important; } .blog-sidebar { width: 100%; margin: 0 auto; clear: both !important; } .column-blog { width: 96%; float: none; } .blog-post { width: 90%; padding: 0; margin: 15px auto; } .wsite-multicol-col { display: block !important; padding: 0 !important; width: 90% !important; margin: 10px auto !important; overflow: hidden !important; } #pt-image img { width: 50px; height: 50px; } .milo-front, .milo-back { height: 420px; } .wsite-cart-contents { width: 100% !important; left: 0 !important; } #wsite-com-store .wsite-com-category-subcategory-group .wsite-com-column, #wsite-com-store .wsite-com-category-product-featured-group .wsite-com-column, #wsite-com-store .wsite-com-category-product-group .wsite-com-column { float: left; width: 50% !important; } #wsite-com-store .wsite-com-sidebar { position: relative; float: none !important; z-index: 10; width: 100%; min-height: 35px; margin: 0 auto 15px; padding: 0; text-align: center; } #wsite-com-store .wsite-com-sidebar:before { display: block; width: 100%; padding: 10px 18px; box-sizing: border-box; text-align: center; text-transform: uppercase; content: 'VIEW ALL CATEGORIES\00a0\00a0\25be'; font-weight: 700; cursor: pointer; } #wsite-com-store .wsite-com-sidebar #wsite-com-hierarchy { position: relative; display: block; overflow: hidden; width: 100%; max-height: 0px; padding: 0; background: white; box-sizing: border-box; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } #wsite-com-store .wsite-com-sidebar #wsite-com-hierarchy > ul { width: 100%; padding: 0; } #wsite-com-store .wsite-com-sidebar #wsite-com-hierarchy > ul li { margin-bottom: 15px; } #wsite-com-store .wsite-com-sidebar.sidebar-expanded { cursor: default !important; } #wsite-com-store .wsite-com-sidebar.sidebar-expanded:before { content: 'CLOSE\00a0\00a0\25b4'; } #wsite-com-store .wsite-com-sidebar.sidebar-expanded #wsite-com-hierarchy { max-height: 1000px; padding: 10px 0; } #wsite-com-store .wsite-com-content-with-sidebar { margin-left: 0 !important; padding: 0 !important; } #wsite-com-store .wsite-com-content-with-sidebar #wsite-com-product-list { padding-top: 10px; } #wsite-com-store .wsite-com-content-with-sidebar h2 { text-align: center !important; } #wsite-com-store .wsite-com-content-with-sidebar .wsite-com-category-subcategory-group { display: none !important; } div.wsite-product-image-wrap { width: 100% !important; } .wsite-product .wsite-product-button-wrap { width: auto; } #wsite-com-product-images { float: none; width: 100%; padding-bottom: 20px; } #wsite-com-product-info { width: 100%; margin-left: 0; } #wsite-com-product-images-strip .wsite-com-product-images-secondary-outer { margin-bottom: 10px; } #wsite-com-store .wsite-com-category-subcategory-group .wsite-com-column, #wsite-com-store .wsite-com-category-product-featured-group .wsite-com-column, #wsite-com-store .wsite-com-category-product-group .wsite-com-column { float: none; width: 100% !important; } .wsite-product .wsite-product-top, #wsite-com-product-info, #wsite-product-page-right { width: 100%; } #wsite-com-product-info-inner { padding: 0; } } @media screen and (max-width: 600px) { #four-cols { width: 100%; margin: 5px 0; } .wsite-social-item { width: 30px; height: 30px; font-size: 14px; } .wsite-social-item:before, .wsite-social-item:after { padding-top: 7px !important; } } @media screen and (max-width: 480px) { #pt-quote { padding: 20px 10px; min-height: 40px; margin-left: 0; border: none; border-top: 5px solid #d9d9d9; border-radius: 20px; } td.pt-left-cell, td.pt-right-cell { display: block !important; width: 100%; clear: both !important; } .pt-right-cell-wrap, .pt-left-cell-wrap { text-align: center; padding-bottom: 20px; } #pt-quote:before { content: "\f0d8"; text-align: center; font-size: 28px; transform: none; top: -18px; left: 0; right: 0; margin-left: auto; margin-right: auto; } #pt-image img { width: 80px; height: 80px; } #main-header li.search-cell { margin: 0 10px; } #header-phone { padding: 0 0 0 30px; } #header-cart a { padding: 0; } #header-cart .wsite-custom-minicart-wrapper:before { content: none ; } .wsite-custom-minicart-wrapper { vertical-align: middle; float: right; } #wsite-mini-cart:before, #wsite-mini-cart:after { display: none !important; } #wsite-nav-cart-num { opacity: 1 !important; background: none !important; } #wsite-nav-cart-a { font-size: 0 !important; display: block; } #wsite-nav-cart-a:hover, #wsite-nav-cart-a:focus { background: none !important; } #wsite-nav-cart-num:before { content: '\f290'; font-family: FontAwesome !important; font-size: 16px; position: absolute !important; left: -15px; top: 1px; } #wsite-nav-cart-num { display: block !important; position: relative !important; margin-left: 25px; padding: 0; min-width: 20px; text-align: center; text-indent: 0 !important; font-weight: 400; font-size: 12px; white-space: nowrap; } .wsite-custom-minicart-wrapper { line-height: 10px; } .product-grid-masonry--6 .product-grid__item, .product-grid-masonry--5 .product-grid__item, .product-grid-masonry--4 .product-grid__item, .product-grid-masonry--3 .product-grid__item, .product-grid-masonry--2 .product-grid__item { display: block !important; width: 100% !important; margin: 5px 0 !important; } } body.bdqtip-off .builder-quicktip, body.builderguides-off .builder-guide-wrap, body.roomybranding-off #product-branding, body.preload-on #loader-wrapper, body.hdcart-off li.cart-cell, body.hdsearch-off li.search-cell, body.hdphone-off li.phone-cell, body.hdmbphone-off li.hdmb-cell1, body.hdmbreviews-off li.hdmb-cell2, body.hdmbcontact-off li.hdmb-cell3, body.hdmbaccount-off li.hdmb-cell4, body.mainfuta-on #main-footer, body.milocont-milosh4 .milo-grp1, body.milocont-milosh4 .milo-grp2, body.milocont-milosh4 .milo-grp3, body.milocont-milosh4 .milo-grp4, body.milocont-milosh8 .milo-grp1, body.milocont-milosh8 .milo-grp2, body.milocont-milosh8 .milo-grp3, body.milocont-milosh12 .milo-grp1, body.milocont-milosh12 .milo-grp2, body.milocont-milosh16 .milo-grp1, body.revwpop-revpop2 .pt-review-grp2, body.revwpop-revpop2 .pt-review-grp3, body.revwpop-revpop2 .pt-review-grp4, body.revwpop-revpop2 .pt-review-grp5, body.revwpop-revpop4 .pt-review-grp3, body.revwpop-revpop4 .pt-review-grp4, body.revwpop-revpop4 .pt-review-grp5, body.revwpop-revpop6 .pt-review-grp4, body.revwpop-revpop6 .pt-review-grp5, body.revwpop-revpop8 .pt-review-grp5, body.peaktestylft-pktestylfttri .pkt-lftgrp2, body.peaktestylft-pktestylfttri .pkt-lftgrp3, body.peaktestylft-pktestylfttri .pkt-lftgrp4, body.peaktestylft-pktestylfttri .pkt-lftgrp5, body.peaktestylft-pktestylftsix .pkt-lftgrp3, body.peaktestylft-pktestylftsix .pkt-lftgrp4, body.peaktestylft-pktestylftsix .pkt-lftgrp5, body.peaktestylft-pktestylftnine .pkt-lftgrp4, body.peaktestylft-pktestylftnine .pkt-lftgrp5, body.peaktestylft-pktestylfttwelve .pkt-lftgrp5, body.peaktestyrgt-pktestyrgttri .pkt-rgtgrp2, body.peaktestyrgt-pktestyrgttri .pkt-rgtgrp3, body.peaktestyrgt-pktestyrgttri .pkt-rgtgrp4, body.peaktestyrgt-pktestyrgttri .pkt-rgtgrp5, body.peaktestyrgt-pktestyrgtsix .pkt-rgtgrp3, body.peaktestyrgt-pktestyrgtsix .pkt-rgtgrp4, body.peaktestyrgt-pktestyrgtsix .pkt-rgtgrp5, body.peaktestyrgt-pktestyrgtnine .pkt-rgtgrp4, body.peaktestyrgt-pktestyrgtnine .pkt-rgtgrp5, body.peaktestyrgt-pktestyrgttwelve .pkt-rgtgrp5, body.peaktestyimg-on #pt-image, body.peaktestyname-on #pt-name, body.peaktestyrate-on #pt-rate { display: none !important; } body.milomode-pub .milo-back { position: absolute; width: 100%; height: 100%; z-index: 12; } body.milovers-night .milo-version .milo-back { background: #272727; } body.milovers-night .milo-version #milo-front-header, body.milovers-moonlight .milo-version #milo-front-header { background: #000000; background: rgba(0,0,0,0.4); padding: 5px 0; width: 100%; } body.milovers-night .milo-version #milo-front-header, body.milovers-night .milo-version #milo-contents #milo-heading, body.milovers-night .milo-version #milo-contents p#milo-info, body.milovers-moonlight .milo-version #milo-front-header, body.milovers-moonlight .milo-version #milo-contents #milo-heading, body.milovers-moonlight .milo-version #milo-contents p#milo-info { color: #fff; } body.milovers-daylight .milo-version .milo-back { background: #fff; } body.milovers-daylight .milo-version #milo-front-header { background: #ffffff; background: rgba(255,255,255,0.7); padding: 10px 0; } body.milovers-daylight .milo-version #milo-front-header, .milo-version #milo-contents #milo-heading { color: #6cb83a; } body.milovers-moonlight .milo-version .milo-back { background: #000000; background: rgba(0,0,0,0.7); } body.miloanim-fliphr .milo-animation .milo-back { top: 0; opacity: 0; transform: rotateY(180deg); } body.miloanim-fliphr .milo-animation .milo-cols:hover .milo-front { opacity: 0; } body.miloanim-fliphr .milo-animation .milo-cols:hover .milo-back { opacity: 1; } body.miloanim-fliphr .milo-animation .milo-cols:hover .milo-front { transform: rotateY(180deg); } body.miloanim-fliphr .milo-animation .milo-cols:hover .milo-back { transform: rotateY(0deg); } body.miloanim-rotate .milo-animation .milo-back { top: 0; opacity: 0; transform: rotate(360deg); } body.miloanim-rotate .milo-animation .milo-cols:hover .milo-front { opacity: 1; } body.miloanim-rotate .milo-animation .milo-cols:hover .milo-back { opacity: 1; } body.miloanim-rotate .milo-animation .milo-cols:hover .milo-front { transform: rotate(360deg); } body.miloanim-rotate .milo-animation .milo-cols:hover .milo-back { transform: rotate(0deg); } body.miloanim-rotate .milo-animation .milo-cols:hover #milo-front-header { opacity: 0; } body.miloanim-sldtop .milo-animation .milo-back { top: 100%; } body.miloanim-sldtop .milo-animation .milo-cols:hover .milo-front { opacity: 0; } body.miloanim-sldtop .milo-animation .milo-cols:hover .milo-back { top: 0; } body.miloanim-fade .milo-animation .milo-back { top: 0; opacity: 0; } body.miloanim-fade .milo-animation .milo-cols:hover .milo-front { opacity: 0.5; } body.miloanim-fade .milo-animation .milo-cols:hover .milo-back { opacity: 1; } body.miloanim-fade .milo-animation .milo-cols:hover #milo-front-header { opacity: 0; } body.milovers-moonlight .milo-version .milo-front { opacity: 1 !important; } body.miloanim-gwandsh .milo-animation .milo-back { top: 0; opacity: 0; -webkit-transform: scale(0.3); -ms-transform: scale(0.3); -moz-transform: scale(0.3); transform: scale(0.3); } body.miloanim-gwandsh .milo-animation .milo-cols:hover .milo-front { opacity: 0.3; } body.miloanim-gwandsh .milo-animation .milo-cols:hover .milo-back { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); transform: scale(1); } body.contanim-on .wsite-image:hover img, body.contanim-on .wsite-product:hover, body.contanim-on .product-grid__item:hover, body.contanim-on .galleryImageHolder:hover img { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); } body.blognav-darkarrow .blog-page-nav-previous a:before { background: url(theme/blog-nav-arrow-pevious-dark.png?1725574403) no-repeat; } body.pgesize-smallpge .container { width: 60%; } body.pgesize-largepge .container { width: 70%; } body.bothelp-on .bot-content-helper { height: 400px; } @media screen and (max-width: 1400px) { body.pgesize-smallpge .container { width: 65%; } body.pgesize-largepge .container { width: 75%; } } @media screen and (max-width: 1280px) { body.pgesize-smallpge .container { width: 70%; } body.pgesize-largepge .container { width: 85%; } } @media screen and (max-width: 1140px) { body.pgesize-smallpge .container, body.pgesize-largepge .container { width: 92%; } } @media screen and (max-width: 760px) { body.blognavlevel-arrowdown table#blogTable td.blog-sidebar { display: none !important; } } div.paragraph ul, div.paragraph ol { padding-left: 3em !important; margin: 5px 0 !important; } div.paragraph li { padding-left: 5px !important; margin: 3px 0 0 !important; } div.paragraph ul, div.paragraph ul li { list-style: disc outside !important; } div.paragraph ol, div.paragraph ol li { list-style: decimal outside !important; }