/* ------------------------------------------- Name: Meshek Barzilay Date: 2019/11/11 --------------------------------------------- */ *, :before, :after { margin: 0; padding: 0; box-sizing: border-box; outline-color: var(--leaf); transform-origin: center center; } html { overflow-y: scroll; overflow-x: hidden; min-height: 100%; margin: 0; font-size: 100.01%; -webkit-tap-highlight-color: transparent; -moz-osx-font-smoothing: grayscale; -webkit-overflow-scrolling: touch; -ms-content-zooming: none; -ms-overflow-style: scrollbar; scroll-behavior: smooth; } body { min-height: 100%; overflow-x: hidden; background: var(--white); font-size: 62.5%; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } @-ms-viewport { width: device-width; } @viewport { width: device-width; } /*! Theme --------- */ :root { --white: #ffffff; --alabaster: #fafafa; --concrete: #f3f3f3; --mercury: #e4e4e4; --alto: #d8d8d8; --silver: #cccccc; --dust: #9b9b9b; --gray: #7f7f7f; --coal: #333333; --black: #000000; --cream: #fae1c4; --pearl: #feefdd; --wood: #597161; --bush: #12351e; --celtic: #153821; --leaf: #8ec5a9; --zuccini: #05361e; --danube: #6e9cd3; --athens: #e7e8ed; --charade: #2c2e3f; --storm: #6c6d79; --santas: #9d9da5; } /*! Defaults --------- */ body, textarea, input, select, option, button { color: var(--storm); font-family: Heebo, Arial, Helvetica, sans-serif; line-height: 1.5555555556; letter-spacing: 0.0182352941em; direction: rtl; } li, dt, dd, p, figure, th, td, caption, legend, pre { font-size: 1.8em; } li *, dt *, dd *, p *, figure *, th *, td *, legend * { font-size: 1em; } ul, ol, dl, p, figure, table, pre, h1, h2, h3, h4, h5, h6, legend { margin-bottom: 28px; } h1, h2, h3, h4, h5, h6, legend { color: var(--charade); font-size: 2.2em; font-weight: 700; font-family: Heebo, Arial, Helvetica, sans-serif; line-height: 1.03125; } h1, h2, .h1, .header-a { margin-bottom: 38px; font-size: 6.4em; font-family: Hadassah, Heebo, Arial, Helvetica, sans-serif; letter-spacing: 0.0178125em; } h3 { margin-bottom: 38px; font-size: 4.2em; font-family: Hadassah, Heebo, Arial, Helvetica, sans-serif; letter-spacing: 0.0178125em; } a { background: none; color: var(--leaf); text-decoration: none; cursor: pointer; outline-width: 0; -webkit-text-decoration-skip: objects; } /*---*/ a span { cursor: pointer; } ul, ol, dd, blockquote { padding-right: 20px; } ul { list-style: none; padding-right: 15px; } li { margin-bottom: 6px; } ul li { position: relative; } ul li:after { content: ""; display: block; position: absolute; right: -15px; top: 11px; width: 4px; height: 4px; border-radius: 4px; background: var(--storm); } /*! Repeatable --------- */ /* cl:b */ .module-wide:after, .form-product:after, .owl-carousel .owl-stage:after, .owl-carousel .owl-stage-outer:after, #content:after, #top:after, #footer:after, form p:after, .cols-a:after { content: ""; display: block; overflow: hidden; clear: both; } /* fill */ #totop a, .list-product .custom a:after, .list-lang li:after, .list-exposure li:before, .list-exposure .owl-carousel .owl-stage-outer:before, .list-exposure .owl-carousel .owl-stage-outer:after, .check-list label:before, .check-list label:after, .list-product .custom a:before, .list-related a:before, .module-drop > p > a:before, .scheme-meshek i:after, .tabs-a > nav ul:before, .list-collection figure span:after, .list-collection figure span:before, .list-collection a:before, .list-cart li:before, #nav > ul > li > form:after, #nav > ul > li > form:before, #nav > ul > li > ul:after, #nav > ul > li > ul:before, #nav > ul > li > ul > li > a:before, .list-media figure, .list-media a:before, .list-media li:before, .list-media li:after, .list-events li:before, .owl-dots button:before, .list-menu.cols:before { content: ""; display: block; overflow: hidden; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: -1; text-align: left; text-indent: -3000em; } /* wide */ .module-wide:before, #top:before { content: ""; display: block; position: absolute; left: 50%; top: 0; bottom: 0; z-index: -1; width: 100vw; margin: 0 0 0 -50vw; } /* icon */ #totop:before, .ui-autocomplete li:before, .form-search p label:before, .module-drop-panel .link-btn a:before, #nav a.toggle:after, #logo:after, .list-lang li.sub > a:before, .list-featured i[class*="icon-text"]:after, .list-featured span.btn:before, .module-featured .link-btn a:before, .nav-menu li.sub > a:before, .form-search button:before, .nav-breadcrumbs li:before, .owl-nav button:before, .form-cart button:before, .semantic-number .btn:before, .module-aside .link-btn a:before, .module-entry .link-btn a:before, .form-contact button:before, #logo:before, #nav > ul > li.btn > a:before, .nav-aside li a:before, .popup-a .box-inset > .close:before { display: block; position: absolute; left: 0; right: 0; top: 50%; margin: -10px 0 0; font-weight: 400; font-family: i; line-height: 20px; text-align: center; text-indent: 0; letter-spacing: normal; } /* z:9 */ #totop a, .list-exposure .owl-item.active, .list-product .custom a:before, .list-related a:before, .list-collection a:before, .list-media a:before { z-index: 8; } /* tr:n */ .list-exposure .owl-item.active + .owl-item.active li, .check-list input:checked ~ label:after { -webkit-transform: none; transform: none; } /* show */ .not-top #totop, .check-list input:checked ~ label:after, .list-product .custom .current:before, .list-product .custom .current img, [data-whatintent="mouse"] .list-media li:hover figure, .popup-a.shown, .popup-a.shown .box-outer .close { visibility: visible; opacity: 1; } /* hide */ .list-product .custom a:before, .list-media figure, .owl-carousel.owl-loading, .owl-carousel.owl-hidden, .owl-carousel.owl-refresh .owl-item, .owl-carousel .owl-item .owl-lazy { visibility: hidden; opacity: 0; } /* i:wi */ .list-featured img, .list-catalog img, .list-product img, .list-related img, .list-collection img, .image-wide img, .image-wide video, .list-slider img, .list-team img { display: block; position: relative; z-index: 1; width: 100% !important; } /* i:bg */ .module-featured img, .module-aside img, .list-media figure img, .list-events li.featured img { display: block; width: 100% !important; height: 100% !important; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; } /* cu:d */ .check-box input[type="radio"]:checked ~ label, .check-list input[type="radio"]:checked ~ label:before, .check-list input[type="radio"]:checked ~ label:after, .list-product .custom .current, .tabs-a > nav ul li.active a, .owl-dots button.active, [disabled], .disabled { cursor: default; } /* td:u */ [data-whatintent="mouse"] a:hover { text-decoration: underline; } /* td:n */ #root .list-related a, #root .form-product .submit a, #root .tabs-a > nav ul li.active a, #nav > ul + ul > li > a, #root .list-media p a, #root .list-social a, #root .link-btn a, #root .nav-aside li.active > a { text-decoration: none; } /*! Layout --------- */ #root { overflow: hidden; position: relative; width: 100%; padding: 156px 0 0; } #top { position: absolute; left: 50%; top: 0; z-index: 9; width: 1600px; height: 156px; margin: 0 0 0 -800px; } #top.with-notice { padding-top: 28px; height: 156px;} #top:before { background: var(--white); } #top #notice { background-color: var(--bush); color: white; font-size: 16px; text-align: center; padding: 2px 4px; position: absolute; top: 0; left: 0; height: 28px; width: 100%;} #logo { position: absolute; right: 0; top: 0; bottom: 0; z-index: 2; width: 245px; margin: 0; color: var(--zuccini); } /* #logo:before { content: "\e907"; top: 0; margin: 0; font-size: 96px; line-height: 156px; text-align: right; } */ #logo img { display: block;} #logo a { display: block; overflow: hidden; position: relative; z-index: 4; width: 100%; height: 100%; text-indent: -3000em; text-decoration: none; padding: 40px 0 30px;} #skip { position: fixed; top: 0; left: 0; right: 0; z-index: 10001; line-height: 1.5; } #skip ul { list-style: none; margin: 0; padding: 0; } #skip a { display: block; position: absolute; left: -3000em; top: 0; min-width: 200px; padding: 8px 16px; background: var(--leaf); color: var(--white); font-weight: 700; text-align: center; text-decoration: none; white-space: nowrap; outline: none; } #skip a:focus, #skip a:active { left: 0; } #nav { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; } #nav > ul { position: absolute; left: 0; right: 0; top: 0; bottom: 0; list-style: none; margin: 0; padding: 0; } #nav > ul > li { position: static; height: 156px; margin: 0 17px; font-size: 2.2em; } #nav > ul > li > a { display: block; position: relative; height: 96px; color: var(--bush); font-weight: 500; line-height: 96px; } #nav a.toggle { display: none; overflow: hidden; position: relative; z-index: 2; text-indent: -3000em; text-align: left; direction: ltr; } #nav > ul > li > a i { display: block; font-size: 22px; line-height: 96px; } #nav > ul > li > a i.icon-user { font-size: 20px; } #nav > ul > li > a i.icon-menu { font-size: 17px; } #nav > ul > li.btn > a { padding: 0 36px 0 80px; background: var(--leaf); font-weight: 700; text-decoration: none; white-space: nowrap; } #nav > ul > li.btn > a:hover { color: white; } #nav > ul > li.btn > a:before { content: "\e90d"; left: 36px; right: auto; font-size: 16px; } #nav > ul > li > form { display: none; position: absolute; left: 35px; top: 100%; bottom: auto; z-index: 3; width: 750px; padding: 18px 36px 12px 0; background: var(--white); } #nav > ul > li > .shadow { display: none; position: absolute; left: -3000em; right: -3000em; top: 100%; height: 3000em; z-index: 2; background: var(--charade); opacity: .4; cursor: pointer; } #nav > ul > li > form .list-cart > li:before { right: 0; left: 0; } #nav > ul > li > ul { display: none; position: absolute; left: 35px; top: 100%; bottom: auto; z-index: 3; list-style: none; margin: 0; padding: 1px 0; } #nav > ul > li > ul > li { position: static; margin: 0; font-size: 1.0909090909em; } #nav > ul > li > ul > li > a { display: block; position: relative; z-index: 2; padding: 35px 44px 34px 0; color: var(--bush); font-weight: 700; line-height: 1.2; text-decoration: none; white-space: nowrap; } #nav > ul > li > ul > li > a:before, #nav > ul > li > ul:before { left: -3000em; border-top: 1px solid var(--alto); border-bottom: 1px solid var(--alto); } #nav > ul > li > ul > li > a:before, #nav > ul > li > form:before { left: -3000em; border-bottom-width: 0; border-top: 1px solid var(--alto); background: var(--white); } #nav > ul > li > ul > li:first-child > a:before, #nav > ul > li > ul > li.mobile-only + li > a:before { border-top-width: 0; } #root #nav > ul > li > ul > li.active > a, [data-whatintent="mouse"] #root #nav > ul > li > ul > li:hover > a { color: var(--white); } #nav > ul > li > ul > li.active > a:before, [data-whatintent="mouse"] #nav > ul > li > ul > li:hover > a:before { background: var(--leaf); } #nav > ul > li > ul > li > ul { display: none; position: absolute; left: 100%; top: 0; bottom: 0; width: 476px; padding: 25px 0 0; border-top: 1px solid var(--alto); border-bottom: 1px solid var(--alto); background: var(--white); font-weight: 500; text-align: center; } #nav > ul > li > ul > li > ul li a { display: block; padding: 3px 0; color: var(--bush); } #nav > ul + ul { left: -35px; top: 0; bottom: 0; right: auto; } #nav > ul + ul > li { margin: 0 20px; padding: 0 15px; } #content { position: relative; z-index: 5; width: 1600px; margin: 0 auto; padding: 0; } #content > *:last-child { margin-bottom: 78px; } #content > .cols-a:last-child { margin-bottom: 50px; } #content:last-child > .list-featured:last-child { margin-bottom: 18px; } #footer { position: relative; z-index: 4; width: 1600px; margin: 0 auto; color: var(--storm); line-height: 1.75; } #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 { margin: 0 0 62px; border: 0 solid rgba(0,0,0,0); color: var(--charade); font-size: 1.8em; font-family: Heebo, Arial, Helvetica, sans-serif; letter-spacing: -0.0055555556em; } #footer .double h1, #footer .double h2, #footer .double h3, #footer .double h4, #footer .double h5, #footer .double h6 { margin-bottom: 16px; font-size: 1.6em; } #footer nav { position: relative; margin-left: -180px; } #footer nav > * { min-width: 366px; max-width: 366px; width: 366px; margin: 0 0 49px 180px; border: 0 solid rgba(0,0,0,0); } #footer nav > form { min-width: 512px; max-width: 512px; width: 512px; } #footer p, #footer li { margin-bottom: 12px; border: 0 solid rgba(0,0,0,0); font-size: 1.6em; } #footer p, #footer ul, #footer ol { list-style: none; margin: 0 0 12px; padding: 0; } #footer a { color: var(--storm); } #footer .double { margin-top: 70px; } #footer .double + .link-btn { margin-top: 21px; } #footer .double .link-btn a { padding-left: 0; padding-right: 0; } #footer form { display: flex; -webkit-display: flex; } #footer form h1, #footer form h2, #footer form h3, #footer form h4, #footer form h5, #footer form h6 { margin-bottom: 52px; } #footer form p { margin-bottom: 15px; border: 0 solid rgba(0,0,0,0); } #footer input, #footer select, #footer textarea { height: 58px; padding: 0; border-width: 0; border-bottom: 1px solid var(--leaf); color: var(--charade); font-size: 1em; } #footer input[type=submit] { color: white; text-align: center; font-size: 1.4em; } #footer .link-btn { margin-top: 33px; } #footer .link-btn a, #footer button { width: 100%; min-width: 0; color: var(--white); text-align: center; } #footer button { margin-top: 21px; } #footer .list-social { position: absolute; right: 0; top: 100%; min-width: 0; max-width: none; width: auto; margin: 0 0 0 -72px; padding: 33px 0 0; border: 0 solid var(--alto); } #footer .list-social li { margin-left: 72px; font-size: 22px; } #footer .icon-facebook:before { content: "\e915"; } #footer > p { padding: 32px 0 20px; border-top: 1px solid var(--alto); color: var(--storm); font-size: 1.4em; font-family: Poppins, Arial, Helvetica, sans-serif; text-align: left; direction: ltr; } #footer > p a { color: var(--storm); } #totop { display: none; visibility: hidden; position: fixed; right: 0; bottom: 32px; z-index: 8; width: 65px; height: 65px; background: var(--danube); color: var(--white); font-size: 14px; text-align: left; text-indent: -3000em; direction: ltr; opacity: 0; } #totop:before { content: "\e91d"; } .theme-intro body { background: url(../images/theme-intro.png) center 0 no-repeat var(--bush); background-size: 100% auto; color: var(--cream); } .theme-intro #top { position: absolute; } .theme-intro #logo { right: 50%; left: auto; top: 54px; width: 180px; height: 152px; margin: 0 -90px 0 0; } .theme-intro #logo:before, .theme-intro #logo:after { top: 0; margin: 0; font-size: 152px; line-height: 152px; text-align: center; } .theme-intro #logo:before { content: ""; background: url(../images/meshek-logo.svg) no-repeat center; height: 152px; background-size: contain;} .theme-intro #logo:after { content: ""; } .theme-intro #top .list-lang { position: absolute; left: 0; top: 64px; } .theme-intro #top .list-social { position: absolute; right: 0; top: 64px; margin-left: -34px; } .theme-intro #top .list-social li { margin-left: 34px; } .theme-intro #top .list-social a { color: var(--leaf); } .theme-intro #top .list-social i { font-size: 20px; line-height: 20px; } .theme-intro #top .list-social a.btn { background-color: var(--leaf); color: white; padding: 4px 8px; transform: translateY(-8px); font-size: 20px; font-weight: bold; } .theme-intro .list-featured , .theme-intro #top .list-lang a { color: var(--cream); } .theme-intro .list-featured > li { overflow: hidden; } .theme-intro .list-featured > li:before { content: ""; display: block; position: absolute; left: 0; top: 0; z-index: 9; width: 165px; height: 165px; background: var(--bush); } .theme-intro .list-featured > li:before { -webkit-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: skewX(-45deg); transform: skewX(-45deg); } .theme-intro .list-featured > li:nth-child(2n):before { right: 0; } .theme-intro .list-featured > li:nth-child(2n):before { -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: skewX(45deg); transform: skewX(45deg); } .theme-intro .list-featured img { border-radius: 8px; } .theme-intro .list-featured span.btn { border-bottom-left-radius: 8px; } .theme-intro .list-featured span.btn:before { content: "\e90d"; font-size: 16px; } .theme-intro .list-lang { } .theme-intro .list-lang ul { background: var(--cream); } .theme-intro #top .list-lang ul a { color: var(--bush); } .theme-intro .list-featured.a.third { margin-top: 120px;} .theme-intro .list-featured.a.third li { width: 33.3%; } .theme-intro .list-featured.a.third img { height: 50vh !important; object-fit: cover;} .theme-intro .list-featured.a.third > li:before { display: none;} .list-featured.a.third .icon-text-a, .list-featured.a.third .icon-text-b { font-size: 38px !important; } .list-featured.a.third i[class*="icon-text"]:after { font-size: 56px; } #root .list-featured.a.third span.btn { padding: 24px 42px 24px 80px; font-size: 22px; text-align: inherit; } #root .list-featured.a.third ul li { font-size: 0.75em;} /*! Columns --------- */ .cols-a { padding: 0 408px 0 0; } .cols-a > header:first-child + *, .cols-a > *:first-child { float: left; width: 100%; } .cols-a > header:first-child, .cols-a > aside, .cols-a aside { float: right; width: 408px; margin: 0 -408px 0 0; padding-left: 32px; } .cols-a > * > .nav-aside:first-child { margin-top: -22px; } .cols-a:first-child { margin-top: 0; padding-top: 0; border-top-width: 0; } .cols-a.a { padding-right: 342px; } .cols-a.a > header:first-child, .cols-a.a > aside { width: 342px; margin-right: -342px; padding-left: 142px; } .cols-a.b { padding-right: 0; padding-left: 365px; } .cols-a.b > header:first-child, .cols-a.b > aside, .cols-a.b aside { width: 365px; margin-right: 0; margin-left: -365px; padding-left: 0; padding-right: 40px; } .double { display: block; position: relative; margin-left: -22px; } .double > * { display: block; position: relative; clear: none; float: right; border-left: 22px solid rgba(0,0,0,0); } .double > *:first-child { float: left; } .double.a { margin-left: -22px; } .double.a > * { float: left; width: 50%; border-left-width: 22px; } .triple { display: block; position: relative; margin-left: -22px; } .triple > * { display: block; position: relative; clear: none; float: left; width: 33.3333333333%; border: 0 solid rgba(0,0,0,0); border-left-width: 22px; } .triple.a { } .triple.a > * { width: 34.5%; } .triple.a > *:first-child { width: 33.5%; } .triple.a > *:last-child { width: 27%; } .span50 { width: 50%;} .span100 { width: 100%;} /*! Modules --------- */ .align-center { margin-left: auto; margin-right: auto; } .module-aside { position: relative; margin: 0 0 106px; padding-left: 900px; color: var(--bush); line-height: 1.5; letter-spacing: 0.02625em; } .module-aside > * { width: 100%; } .module-aside > figure { width: 900px; margin: 0 0 0 -900px; padding: 10px 115px 0 0; } .module-aside h1, .module-aside h2, .module-aside h3, .module-aside h4, .module-aside h5, .module-aside h6 { margin-bottom: 8px; color: var(--bush); font-size: 2.4em; font-family: Heebo, Arial, Helvetica, sans-serif; letter-spacing: 0.0182352941em; } .module-aside > * > h1:first-child, .module-aside > * > h2:first-child, .module-aside > * > h3:first-child, .module-aside > * > h4:first-child, .module-aside > * > h5:first-child, .module-aside > * > h6:first-child { margin: 76px 0 33px; font-size: 6.4em; font-family: Hadassah, Heebo, Arial, Helvetica, sans-serif; letter-spacing: 0.0178125em; } .module-aside h1 span, .module-aside h2 span, .module-aside h3 span, .module-aside h4 span, .module-aside h5 span, .module-aside h6 span { display: block; margin: 0 0 8px; color: var(--leaf); font-size: 0.375em; font-family: Heebo, Arial, Helvetica, sans-serif; letter-spacing: 0.0079166667em; } .module-aside p, .module-aside ul, .module-aside ol { margin-bottom: 36px; } .module-aside p, .module-aside li { font-size: 2.4em; } .module-aside .link-btn { margin-top: 48px; } .module-aside .link-btn:last-child { margin-bottom: 110px; } .header-a + .module-aside { margin-top: -21px; } #content > .module-aside:first-child > figure { margin-top: -7px; padding-top: 0; } .module-aside.wide { padding-left: 0; line-height: 1.5555555556; } .module-aside.wide > * { width: calc(100% - 900px);} .module-aside.wide > figure { width: calc(50vw + 700px); margin-left: calc(-50vw + 700px); padding-right: 100px; } .module-aside.wide p, .module-aside.wide ul, .module-aside.wide ol { margin-bottom: 29px; } .module-aside.wide p, .module-aside.wide li { font-size: 1.8em; } .module-blog { margin-left: auto; margin-right: auto; color: var(--black); line-height: 1.6470588235; } .module-blog p, .module-blog ul, .module-blog ol { margin-bottom: 22px; } .module-blog p, .module-blog li, .module-blog .header-inline { font-size: 1.7em; } .module-blog p.strong { font-size: 1.8em; } .module-blog .header-inline { margin-bottom: 1px; color: var(--black); } .module-blog header { margin: 0 0 41px; color: var(--bush); text-align: center; } .module-blog header h1, .module-blog header h2, .module-blog header h3, .module-blog header h4, .module-blog header h5, .module-blog header h6 { margin: 0; font-size: 6.4em; font-family: Hadassah, Heebo, Arial, Helvetica, sans-serif; letter-spacing: 0.0178125em; } .module-blog header p { margin: 0; font-size: 2.4em; } .module-blog header ul { list-style: none; margin-left: -17px; padding: 0; color: var(--leaf); } .module-blog header ul li { position: relative; margin-left: 17px; margin-bottom: 0; font-size: 2em; } .module-blog header ul li:before { content: "|"; display: block; position: absolute; right: -17px; top: 0; width: 17px; } .double + .module-blog { margin-top: -20px; } .module-box { margin: 0 0 40px; padding: 0 40px .1px; border: 1px solid var(--mercury); } .module-box h1, .module-box h2, .module-box h3, .module-box h4, .module-box h5, .module-box h6 { margin: 0 -40px 20px; padding: 11px 40px; border-bottom: 1px solid var(--mercury); color: var(--bush); font-size: 2em; font-family: Hadassah, Heebo, Arial, Helvetica, sans-serif; text-align: center; letter-spacing: 0.0178125em; } .module-drop { position: relative; z-index: 9999; } .module-drop .module-drop-panel { position: absolute; left: 0; right: 0; top: 100%; } .module-drop > p, .module-drop > p > a { position: static; } .module-drop > p > a:before { display: none; left: -3000em; right: -3000em; top: 100%; bottom: auto; height: 10000em; background: var(--black); opacity: .3; cursor: pointer; } .module-drop-panel { padding: 60px 54px 13px; background: var(--pearl); color: var(--bush); line-height: 1.4; } .module-drop-panel h1, .module-drop-panel h2, .module-drop-panel h3, .module-drop-panel h4, .module-drop-panel h5, .module-drop-panel h6 { margin-bottom: 10px; color: var(--bush); font-size: 2.8em; font-family: Hadassah, Heebo, Arial, Helvetica, sans-serif; letter-spacing: 0.0178125em; } .module-drop-panel p, .module-drop-panel ul, .module-drop-panel ol { margin-bottom: 28px; } .module-drop-panel p, .module-drop-panel li { font-size: 2em; } .module-drop-panel .triple { margin-left: -140px; } .module-drop-panel .triple > * { border-left-width: 140px; } .module-drop-panel .triple .scheme-meshek:first-child { margin-top: -5px; } .module-drop-panel .triple .ui-datepicker:first-child { margin-top: -20px; } .module-drop-panel .link-btn a { min-width: 100%; max-width: 100%;} .module-entry { position: relative; margin: 0 0 32px; padding: 7px 0 32px; border: 0 solid var(--leaf); border-bottom-width: 4px; color: var(--bush); line-height: 1.5; } .module-entry > * { width: 70%; margin-left: 0; padding-right: 2rem; } #root .module-entry > header { width: 30%; margin-left: 0; margin-right: 0; padding-top: 0; padding-right: 0; padding-left: 0; } .module-entry h1, .module-entry h2, .module-entry h3, .module-entry h4, .module-entry h5, .module-entry h6 { margin: 0 0 14px; color: var(--leaf); font-weight: 700; font-size: 2.4em; font-family: Heebo, Arial, Helvetica, sans-serif; letter-spacing: 0.0079166667em; } .module-entry h1 span, .module-entry h2 span, .module-entry h3 span, .module-entry h4 span, .module-entry h5 span, .module-entry h6 span { display: block; margin: 2rem 0 0; color: var(--leaf); font-size: 0.75em; font-family: Heebo, Arial, Helvetica, sans-serif; letter-spacing: 0.0079166667em; } .module-entry header h1, .module-entry header h2, .module-entry header h3, .module-entry header h4, .module-entry header h5, .module-entry header h6 { margin-bottom: 13px; color: var(--bush); font-size: 3.2em; font-family: Hadassah, Heebo, Arial, Helvetica, sans-serif; letter-spacing: 0.0178125em; } .module-entry p, .module-entry ul, .module-entry ol { margin-bottom: 15px; } .module-entry p { max-width: 376px; } .module-entry p, .module-entry li { font-size: 2em; } .module-entry .fl-r { float: right; width: 50%; padding-left: 1rem; padding-top: 64px;} .module-entry .fl-l { float: left; width: 50%; display: flex; align-items: center; justify-content: center;} .module-entry .fl-l img { max-width: 500px; max-height: 500px; object-fit: cover; width: 100%;} .module-entry li:after { top: 12px; background: var(--bush); } .module-entry .link-btn { width: 100%; max-width: none; margin-left: 0; padding: 0; margin-top: 1rem; } .module-entry .link-btn a, .module-aside .link-btn a, .module-featured .link-btn a, #root .list-featured span.btn { padding: 32px 42px 32px 80px; font-size: 22px; text-align: inherit; } .module-entry .link-btn a:before, .module-aside .link-btn a:before, .module-featured .link-btn a:before, .list-featured span.btn:before, .module-drop-panel .link-btn a:before { content: "\e918"; left: 42px; right: auto; font-size: 16px; } .module-featured { position: relative; margin: 0 0 68px; color: var(--cream); } .module-featured article { display: none; position: relative; min-height: 773px; margin: 0 0 68px; padding: 125px 120px 40px 1080px; background: url(../images/module-featured.webp) 100% 0 var(--bush); background-size: auto 100%; } .no-webp .module-featured article { background-image: url(../images/module-featured.png); } .module-featured figure { position: absolute; left: 0; top: 0; bottom: 0; width: 952px; margin: 0; } .module-featured h1, .module-featured h2, .module-featured h3, .module-featured h4, .module-featured h5, .module-featured h6 { margin: 0 0 36px; color: inherit; font-family: Hadassah, Heebo, Arial, Helvetica, sans-serif; font-size: 6.4em; line-height: 1.03125; letter-spacing: 0.0178125em; } .module-featured h1 span, .module-featured h2 span, .module-featured h3 span, .module-featured h4 span, .module-featured h5 span, .module-featured h6 span { display: block; margin: 0 0 33px; color: var(--leaf); font-size: 0.4375em; font-family: Heebo, Arial, Helvetica, sans-serif; letter-spacing: 0.0079166667em; } .module-featured .form-search { position: absolute; left: 0; bottom: 123px; z-index: 2; width: 952px; margin: 0; padding: 0 40px; } .module-featured .form-search p { width: 100%; max-width: 720px; margin: 0 auto; } #root .module-featured .form-search input { width: 100%; height: 96px; padding: 0 38px 0 96px; } .module-featured .form-search button { width: 102px; } .module-featured .link-btn { margin-top: auto; } .module-featured .link-btn a.a { color: var(--bush); } .module-featured .owl-dots { position: absolute; left: 100%; top: 0; bottom: 0; padding: 0 0 0 65px; } .module-product { padding: 0 412px 0 0; border: 0 solid var(--alto); color: var(--bush); } .module-product > *:first-child { width: 412px; max-width: 412px; min-width: 412px; margin-right: -412px; padding-left: 40px; } .module-product li:after { background: var(--bush); } .module-product h1, .module-product h2, .module-product h3, .module-product h4, .module-product h5, .module-product h6, .form-details h1, .form-details h2, .form-details h3, .form-details h4, .form-details h5, .form-details h6 { margin: 0 0 15px; color: inherit; font-size: 2.4em; font-weight: 500; font-family: Heebo, Arial, Helvetica, sans-serif; letter-spacing: 0.0079166667em; } .module-product header { margin: 0 0 35px; padding: 0 0 16px; border-bottom: 1px solid var(--alto); color: var(--bush); line-height: 1.4166666667; } span.price, .module-product header p, .module-product .summary p { max-width: 400px; margin: 0 0 14px; font-size: 2.4em; } .module-product .summary p.price, .module-product header h1, .module-product header h2, .module-product header h3, .module-product header h4, .module-product header h5, .module-product header h6, .module-product header .list-inline li { color: var(--danube); font-size: 3.2em; font-weight: 700; } .module-product header .list-inline { margin-bottom: 14px; margin-left: -44px; color: var(--danube); } .module-product header .list-inline li { margin-left: 44px; } .module-product header .list-inline li:before { left: -44px; width: 44px; color: inherit; font-weight: 400; } .module-wide { margin: 0 0 24px; padding: 22px 0 3px; color: var(--bush); } .module-wide:before { background: var(--pearl); } .quick-image { height: 25vh; background-size: cover; background-position: center center; background-repeat: no-repeat; display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: flex-end; padding: 0 24px; margin: 0 -12px 24px;} .quick-image h1 { color: #fff; margin-bottom: 24px;} .module-quick-order { position: relative; min-height: 100vh;} .module-quick-order header { max-width: 460px;} .module-quick-order header .times span img { height: 20px; width: 20px; margin-left: 5px;} .list-pills { list-style: none; padding: 0; margin: 0 0 20px; display: flex; flex-direction: row; flex-flow: wrap; justify-content: flex-start; align-items: center; z-index: 99; background-color: #fff; padding: 8px 0; overflow-x: scroll; -ms-overflow-style: none; scrollbar-width: none; } .list-pills::-webkit-scrollbar { display: none; } .list-pills.fixed { position: fixed; top: 0; bottom: auto; } .list-pills li { padding: 4px 12px; margin-left: 12px; background-color: #fff; border: 1px solid #8DC5A9; color: #8DC5A9; border-radius: 4px; flex-shrink: 0;} .list-pills li.selected { background-color: rgba(141, 197, 169, 0.15); } .list-collection.quick { width: 100%; max-width: 560px;} [class*="cols"] .list-collection.quick > li { width: calc(100% - 16px); display: flex; flex-flow: row wrap; position: relative; margin: 0 16px 24px 0; border-top-width: 0; border-right-width: 0; border-left-width: 0; padding: 0 0 24px;} [class*="cols"] .list-collection.quick > li figure { flex-basis: 45%; order: 2; margin: 0; } [class*="cols"] .list-collection.quick > li figure img { max-height: 149px; } [class*="cols"] .list-collection.quick > li .product-content { flex-basis: 55%; order: 1; padding-left: 16px; padding-right: 24px;} [class*="cols"] .list-collection.quick > li .product-content .desc { display: none;} [class*="cols"] .list-collection.quick > li .product-content .item-toggle { position: absolute; right: 0; top: 5px; cursor: pointer; height: 16px; width: 16px;} [class*="cols"] .list-collection.quick > li .product-content .item-toggle img { height: 16px !important; width: 16px !important; } [class*="cols"] .list-collection.quick > li form { width: 100%; margin: 12px 0 0; order: 3; } .list-collection.quick .q-add input { border-right-width: 1px; border-bottom-width: 1px;} .popup-a { overflow-y: auto; overflow-x: hidden; visibility: hidden; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; background: rgba(255,255,255,.9); line-height: 1.4375; } .popup-a .box-outer { position: absolute; left: 0; top: 0; right: 0; z-index: 2; min-height: 100%; } .popup-a .box-outer > .close { content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; visibility: hidden; z-index: 997; text-indent: -3000em; cursor: pointer; opacity: 0; } .popup-a .box-inner { position: relative; z-index: 998; width: 90%; margin: 0 auto; max-width: 770px; display: flex; justify-content: center; align-items: center; } .popup-a .box-inset { visibility: hidden; padding: 60px 60px 60px 410px; opacity: 0; position: relative; background-color: #fff; border-radius: 6px;} .popup-a .box-inset img { margin-left: -410px; width: 380px; height: 380px !important; object-fit: cover; float: left; margin-top: -60px; margin-bottom: -60px; border-radius: 6px 0 0 6px;} .popup-a .box-inset > .close { display: block; overflow: hidden; position: absolute; right: 4px; top: 8px; z-index: 9; width: 20px; height: 20px; font-size: 22px; text-decoration: none; text-indent: -3000em; text-align: left; direction: ltr; } .popup-a h2 { text-align: center; margin-bottom: 16px; font-size: 28px;} .popup-a p { margin-bottom: 48px; text-align: center; } .popup-a p, .popup-a li { font-size: 20px; font-weight: 700; } .popup-a p.link-btn { margin-top: 96px; margin-bottom: 0; } .popup-a p.link-btn a { text-align: center; min-width: 0; margin: 0 auto; background-color: var(--leaf); color: white;} .popup-a.shown { z-index: 11; } .popup-a.shown:before { content: ""; display: block; width: 100vw; height: 100vh; background-color: rgba(0,0,0,0.5); } .popup-a.shown .box-inset, .popup-a.unshown .box-inset { -webkit-animation-duration: .25s; animation-duration: .25s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .popup-a.shown .box-inset { -webkit-animation-name: anim-open; animation-name: anim-open; } .popup-a.unshown .box-inset { -webkit-animation-name: anim-close; animation-name: anim-close; } @-webkit-keyframes anim-open { 0% { visibility: hidden; opacity: 0; } 100% { visibility: visible; opacity: 1; } } @keyframes anim-open { 0% { visibility: hidden; opacity: 0; } 100% { visibility: visible; opacity: 1; } } @-webkit-keyframes anim-close { 0% { visibility: visible; opacity: 1; } 100% { visibility: hidden; opacity: 0; } } @keyframes anim-close { 0% { visibility: visible; opacity: 1; } 100% { visibility: hidden; opacity: 0; } } .nav-aside { } .nav-aside ul { list-style: none; padding: 0; font-weight: 700; line-height: 1.03125; } .nav-aside li { margin: 0 0 36px; font-size: 2em; } .nav-aside li a { display: block; overflow: hidden; position: relative; padding: 38px 42px 38px 74px; background: var(--cream); color: var(--bush); } .nav-aside li a:before { content: "\e90d"; left: 38px; right: auto; width: auto; font-size: 16px; } .nav-aside li.active > a { background: var(--leaf); text-decoration: none; cursor: default; } .nav-aside li a.overlay-c { background: var(--danube); color: var(--white); } .nav-menu { margin: 27px 0 27px; font-weight: 700; } .nav-menu ul { list-style: none; margin: 0; padding: 0; } .nav-menu li { margin: 0; font-size: 2em; } .nav-menu a { display: block; position: relative; padding: 6px 0; border-bottom: 1px solid var(--athens); color: var(--bush); font-weight: 700; } .nav-menu li.sub > a { padding-left: 20px; } .nav-menu li.sub > a:before { content: "\e923"; right: auto; color: var(--danube); font-size: 12px; } .nav-menu li.sub.toggle > a:before { content: "\e924"; } .nav-menu ul ul { padding: 15px 0; } .nav-menu ul ul li { font-size: 0.9em; } .nav-menu ul ul li.sub > a { padding-right: 0; padding-left: 0; color: var(--bush); } .nav-menu ul ul a { padding: 11px 0; border-width: 0; color: var(--wood); } .nav-menu ul ul ul { display: block; margin: -5px 0 11px; padding: 0; } .nav-menu ul ul ul li { font-size: 0.8888888889em; } .nav-menu ul ul ul a { padding: 4px 20px 4px 0; color: var(--wood); font-weight: 500; } .form-search + .cols-a > * > .nav-menu:first-child { margin-top: 27px; } .nav-breadcrumbs { color: var(--storm); } .nav-breadcrumbs ol, .nav-breadcrumbs ul { list-style: none; margin: 0 0 5px -52px; padding: 0; } .nav-breadcrumbs li { position: relative; margin: 0 0 0 52px; } .nav-breadcrumbs li:before { content: "\e91b"; left: -52px; right: auto; width: 52px; color: var(--storm); font-size: 7px; } .nav-breadcrumbs li:first-child { color: var(--leaf); } .nav-breadcrumbs a { display: block; color: inherit; } .owl-carousel { position: absolute; left: -3000em; top: 0; } .owl-carousel { -webkit-tap-highlight-color: transparent; } .owl-carousel .owl-stage { position: relative; } .owl-carousel .owl-stage { -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden; } .owl-carousel .owl-stage-outer { overflow: hidden; position: relative; } .owl-carousel .owl-stage-outer { -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-transform-style: preserve-3d; } .owl-carousel .owl-item { position: relative; float: left; } .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel.owl-loading, .owl-carousel.owl-loaded { position: relative; left: 0; top: 0; } .owl-carousel.owl-drag .owl-item { -ms-touch-action: none; touch-action: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-stage, .owl-carousel.owl-drag .owl-item { -ms-touch-action: auto; touch-action: auto; } .owl-carousel.owl-grab { cursor: move; cursor: grab; } .owl-carousel .owl-item img.owl-lazy { -webkit-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } .owl-nav button, .owl-dots button { display: block; min-width: 0; width: 10px; height: 10px; margin: 0; padding: 0; box-shadow: none; border-radius: 0; border: 0; background: red; text-indent: -3000em; text-align: left; direction: ltr; } .owl-nav button { display: block; position: absolute; top: 0; bottom: 0; width: 34px; height: auto; background: none; color: var(--bush); font-size: 24px; } .owl-nav button.owl-prev { right: -10px; } .owl-nav button.owl-next { left: -10px; } .owl-nav button.owl-prev:before { content: "\e91f"; padding: 0 10px; } .owl-nav button.owl-next:before { content: "\e920"; padding: 0 10px; } .owl-dots { clear: both; padding: 4px 0 0; } .owl-dots button { width: 30px; height: 30px; background: none; } .owl-dots button.active:before { background: var(--danube); } .owl-dots button.active:before { -webkit-transform: scale(2); transform: scale(2); } .owl-dots button:before { left: 50%; top: 50%; right: auto; bottom: auto; width: 6px; height: 6px; margin: -3px 0 0 -3px; border-radius: 9px; background: var(--alto); } .tabs-a { width: 100%; max-width: 730px; padding: 0 44px; box-shadow: 0 20px 30px rgba(0,0,0,.2); border: 1px solid var(--alto); background: var(--white); } .tabs-a > nav ul { position: relative; z-index: 2; list-style: none; margin: 0 -44px 30px; padding: 0; text-align: center; } .tabs-a > nav ul:before { left: 44px; right: 44px; border-bottom: 1px solid var(--alto); } .tabs-a > nav ul li { margin: 0; font-size: 2.4em; } .tabs-a > nav ul li a { display: block; padding: 12.5px; color: var(--bush); font-weight: 700; } .tabs-a > nav ul li.active a { background: var(--bush); color: var(--white); } .tabs-a .tabs-inner > .list-a:first-child { margin-top: -30px; } a.tabs-toggle { } a.tabs-toggle:after { content: "\e910"; display: inline-block; position: relative; top: -.2em; margin: 0 15px 0 0; color: var(--bush); font-weight: 400; font-family: i; font-size: 8px; line-height: 1px; } a.tabs-toggle.toggle:after { -webkit-transform: rotate(180deg); transform: rotate(180deg); } h1 a.tabs-toggle:after, h2 a.tabs-toggle:after, h3 a.tabs-toggle:after, h4 a.tabs-toggle:after, h5 a.tabs-toggle:after, h6 a.tabs-toggle:after { top: -14px; } .ui-autocomplete { display: none; position: absolute; z-index: 8; list-style: none; margin: 0; padding: 0; box-shadow: 0 20px 30px rgba(0,0,0,.2); border: 1px solid var(--alto); background: var(--white); } .ui-autocomplete li { display: block; position: relative; margin: 0; padding: 14px 32px 14px 52px; border-top: 1px solid var(--alto); color: var(--bush); font-weight: 700; font-size: 18px; cursor: pointer; } .ui-autocomplete li:first-child { border-top-width: 0; } .ui-autocomplete li:before { content: "\e90d"; left: 32px; right: auto; color: var(--danube); font-size: 12px; } .ui-datepicker { position: absolute; left: -3000em; top: 0; z-index: 1001 !important; width: 420px; margin: 0 0 28px; padding: 46px 36px 23px; background: var(--white); color: var(--charade); } #root .ui-datepicker .ui-datepicker { width: auto; margin: 0; padding: 0; border-width: 0; background: none; } .ui-datepicker-header { overflow: hidden; position: relative; max-width: 245px; margin: 0 auto 45px; } .ui-datepicker-title { display: block; height: 28px; margin: 0; color: var(--alto); font-size: 21px; font-weight: 700; line-height: 28px; text-align: center; } .ui-datepicker-prev, .ui-datepicker-next { display: block; overflow: hidden; position: absolute; top: 0; bottom: 0; width: 28px; color: var(--coal); font-weight: 400; font-size: 12px; line-height: 28px; text-align: left; text-decoration: none; text-indent: -3000em; direction: ltr; } .ui-datepicker-prev { right: 0; } .ui-datepicker-next { left: 0; } .ui-datepicker-prev:before, .ui-datepicker-next:before { display: block; position: absolute; left: 0; top: 50%; width: 100%; margin: -40px 0 0; font-size: 10px; font-family: i; font-weight: 400; line-height: 80px; text-align: center; text-indent: 0; } .ui-datepicker-prev:before { content: "\e91f"; } .ui-datepicker-next:before { content: "\e920"; } .ui-datepicker-calendar { width: 100%; margin: 0; table-layout: fixed; } .ui-datepicker-calendar th, .ui-datepicker-calendar td { padding: 0; border: 0; border-spacing: 0; font-size: 1.4em; } .ui-datepicker-calendar th > *, .ui-datepicker-calendar td > * { display: block; position: relative; text-align: center; text-decoration: none; } .ui-datepicker-calendar th { padding-bottom: 9px; border-bottom: 1px solid var(--alto); font-size: 14px; } .ui-datepicker-calendar th > * { color: var(--charade); font-weight: 700; } .ui-datepicker-calendar td { padding: 8px 0; font-size: 15px; } .ui-datepicker-calendar td > * { width: 40px; height: 40px; margin: 0 auto; border-radius: 40px; color: var(--charade); font-weight: 500; line-height: 40px; } .ui-datepicker-calendar td > a:hover, .ui-datepicker-calendar td > .ui-state-active, .ui-datepicker-prev:hover, .ui-datepicker-next:hover { background: var(--danube); text-decoration: none; } .ui-datepicker-calendar td > .ui-state-active { cursor: default; } .ui-datepicker-calendar td.ui-datepicker-other-month { } .ui-datepicker-calendar td.ui-datepicker-other-month > * { color: var(--concrete); } .ui-datepicker + .link-btn { margin-top: -10px; } .w785 { max-width: 785px; } .w920 { max-width: 920px; } .w1060 { max-width: 1060px; } /*! Headers --------- */ .header-a { margin-bottom: 50px; padding-bottom: 13px; border-bottom: 1px solid var(--alto); } .the-content h3, .header-inline { margin-bottom: 0; color: var(--bush); font-size: 1.8em; font-family: Heebo, Arial, Helvetica, sans-serif; line-height: 1.5555555556; letter-spacing: 0.0182352941em; } /*! Content --------- */ .medium, .module-product .medium { font-weight: 500; } .strong, .module-product .strong { font-weight: 700; } .em { font-style: italic; } .text-center, input.text-center, select.text-center, textarea.text-center { text-align: center; } select.text-center { text-align-last: center; } .text-right { text-align: right; } .text-justify { text-align: justify; } .text-uppercase { text-transform: uppercase; } .s17 { font-size: 17px; } .s17 i { display: inline-block; position: relative; top: .15em; margin-left: 2px; line-height: 1px; } .s24 { font-size: 24px; line-height: 1.5; } .overlay-a, #nav > ul > li > ul > li > a.overlay-a, .list-a a.overlay-a { color: var(--storm); } .overlay-b, #nav > ul > li > ul > li > a.overlay-b, .list-a a.overlay-b, #root .check-list input:checked ~ label { color: var(--leaf); } .overlay-c, #nav > ul > li > ul > li > a.overlay-c, .list-a a.overlay-c { color: var(--danube); } .overlay-d, #nav > ul > li > ul > li > a.overlay-d, .list-a a.overlay-d { color: var(--bush); } .overlay-e, #nav > ul > li > ul > li > a.overlay-e, .list-a a.overlay-e { color: var(--cream); } .list-featured span.overlay-a { background-color: var(--storm); } .list-featured span.overlay-b { background-color: var(--leaf); } .list-featured span.overlay-c { background-color: var(--danube); } .list-featured span.overlay-d { background-color: var(--bush); } .list-featured span.overlay-e { background-color: var(--cream); } #root .scheme-meshek { color: var(--bush); font-size: 24px; font-weight: 700; line-height: 1.875; text-align: center; } .scheme-meshek i { display: block; position: relative; margin: 0 0 10px; font-size: 175px; line-height: 175px; } .scheme-meshek i.icon-meshek-big { font-size: 307px; line-height: 307px; } .scheme-meshek i.icon-meshek:before { content: "\e904"; } .scheme-meshek i.icon-meshek-big:before { content: "\e925"; } .scheme-meshek i.icon-meshek:after { content: "\e905"; } .scheme-meshek i.icon-meshek-big:after { content: "\e926"; } .scheme-meshek i:after { z-index: 2; color: var(--leaf); font-weight: 400; font-family: i; text-align: center; text-indent: 0; } .scheme-meshek a { color: inherit; } /*! Links --------- */ a[href*="tel"], a.email, .list-collection a, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; } .link-btn { margin-bottom: 42px; } .link-btn a, button, input[type="button"], input[type="reset"], input[type="submit"] { display: block; overflow: hidden; position: relative; min-width: 376px; padding: 19px 42px; border-radius: 0; border-width: 0; background: var(--danube); color: var(--white); font-family: Heebo, Arial, Helvetica, sans-serif; font-size: 22px; font-weight: 700; line-height: 1.1; letter-spacing: 0.1em; } .link-btn a:hover, button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { background: var(--leaf);} .link-btn a.big { padding-top: 36px; padding-bottom: 36px;} .link-btn a.a, button.a, input[type="button"].a, input[type="reset"].a, input[type="submit"].a, #footer .link-btn a, #footer button { background: var(--leaf); } .link-btn a.b, button.b, input[type="button"].b, input[type="reset"].b, input[type="submit"].b { background: var(--bush); } .link-btn i, button i { display: inline-block; position: relative; top: .1em; margin: 0 2px 0 0; font-size: 0.9545454545em; } .link-btn i[class*="chevron"], button i[class*="chevron"] { top: 0; margin: 0 29px 0 0; font-size: 0.7272727273em; } /*! Media --------- */ img, iframe, object, embed { max-width: 100% !important; border-style: none; } img { height: auto !important; image-rendering: optimizeQuality; -ms-interpolation-mode: bicubic; } img::selection { background: transparent; } img::-moz-selection { background: transparent; } /*! Lists --------- */ #top li:after, #footer li:after, .nav-aside li:after, .list-events li:after, .list-feed li:after, .list-inline li:after, .list-menu li:after, .list-slider li:after, .list-social li:after, .list-team li:after, .list-cart li:after, .list-collection li:after, .list-pills li:after, .nav-menu li:after, .nav-breadcrumbs li:after, .tabs-a > nav ul li:after, .list-a li:after, .tabs-header, .list-related li:after, .check-list li:after, .check-box li:after, .list-product li:after, .module-blog header ul li:after, .list-catalog li:after, .list-exposure li:after, .list-featured li:after, .lsit-lang li:after, .ui-autocomplete li:after { display: none; } .list-a { list-style: none; margin: 0; padding: 0; color: var(--bush); } .list-a li { position: relative; margin: 0; border-top: 1px solid var(--alto); font-weight: 700; font-size: 2.4em; } .list-a li:first-child { border-top-width: 0; } .list-a a, #root .list-a label { display: block; position: relative; left: 0; top: 0; padding: 30px 65px; border: 0 solid rgba(0,0,0,0); color: inherit; font-weight: 700; cursor: pointer; } .list-a label:before { content: ""; display: block; position: absolute; right: 0; top: 28.5px; width: 40px; height: 40px; border: 1px solid var(--alto); background: var(--white); color: var(--leaf); font-family: i; font-weight: 400; font-size: 22px; line-height: 38px; text-align: center; } .list-a input:checked ~ label:before { content: "\e92c"; } .list-a input { position: absolute; right: 0; bottom: 0; opacity: 0; } .list-cart { list-style: none; margin: -33px 0 0; padding: 0; color: var(--wood); font-weight: 500; } .list-cart li { position: relative; z-index: 2; margin: 0; padding: 36px 0 29px; font-size: 10px; } .list-cart li:before { border-top: 1px solid var(--alto); } .list-cart li.strong { padding: 31px 0; color: var(--bush); font-size: 32px; font-weight: 700; } .list-cart li.strong span { display: block; position: absolute; left: 26px; top: 50%; margin: -24px 0 0; color: var(--leaf); font-weight: 500; line-height: 48px; } .list-cart li.strong span span { left: -26px;} .list-cart h1, .list-cart h2, .list-cart h3, .list-cart h4, .list-cart h5, .list-cart h6 { margin: 0 0 8px; color: var(--bush); font-size: 2.4em; font-weight: 700; font-family: Heebo, Arial, Helvetica, sans-serif; } .list-cart ul { list-style: none; margin: 0 0 8px -22px; padding: 0; } .list-cart ul li { position: relative; margin: 0 0 0 22px; padding: 0; font-size: 1.6em; } .list-cart ul li:before { content: "|"; display: block; position: absolute; left: -22px; right: auto; top: 0; width: 22px; border-width: 0; text-align: center; text-indent: 0; } .list-cart ul li a { color: var(--wood); } .list-cart ul li i { display: inline-block; position: relative; top: .15em; margin: 0 0 0 8px; color: var(--black); font-size: 1.5em; line-height: 1px; } .list-cart p { position: absolute; left: 0; top: 50%; width: 280px; height: 48px; margin-top: -24px; font-size: 1.6em; line-height: 48px; } .list-cart p label { display: block; margin: 0 14px 0 0; color: var(--bush); font-weight: 500; } .list-cart p input { display: block; width: 87px; height: 47px; color: var(--bush); font-weight: 500; font-size: 24px; text-align: center; } .list-cart .price { position: absolute; left: 0; top: 0; color: var(--leaf); font-size: 1.5em; } .list-catalog { list-style: none; margin: 0 0 32px -32px; padding: 0; color: var(--bush); font-weight: 700; text-align: center; } .list-catalog li { width: 16.6666666667%; margin: 0 0 30px; border-left: 32px solid rgba(0,0,0,0); font-size: 2.2em; } .list-catalog img { margin-bottom: 15px; } .list-catalog a { display: block; color: inherit; } .list-collection { list-style: none; margin: 0 0 40px; padding: 0; border: 1px solid var(--alto); border-left-width: 0; border-bottom-width: 0; color: var(--storm); line-height: 1.25; } .list-collection li { position: relative; z-index: 2; width: calc(25% - 2rem); margin: 0 1rem; padding: 0 12px 12px; border: 1px solid var(--alto); font-size: 1em; } .list-collection figure { overflow: hidden; position: relative; margin: 0 -12px 12px; color: var(--white); font-size: 2em; font-weight: 700; font-family: Hadassah, Heebo, Arial, Helvetica, sans-serif; letter-spacing: 0.0178125em; } .list-collection img { height: 240px !important; object-fit: cover; } #root .list-collection figure span { display: block; position: absolute; right: 0; top: 20px; z-index: 5; width: 107px; height: 27px; padding: 0 8px 0 16px; color: var(--white); line-height: 27px; text-align: center; } .list-collection figure span:after { background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDcgMjciIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEwNyAyNyI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe2ZpbGw6IzhFQzVBOTt9PC9zdHlsZT48cGF0aCBkPSJNMCAwbDguMSAxMy40TDAgMjYuOGwxMDcgLjJWMHoiIGNsYXNzPSJzdDAiLz48L3N2Zz4=) no-repeat; background-size: 100% 100%; } .list-collection figure span.overlay-c:after { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDcgMjciIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEwNyAyNyI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe2ZpbGw6IzZFOUNEMzt9PC9zdHlsZT48cGF0aCBkPSJNMCAwbDguMSAxMy40TDAgMjYuOGwxMDcgLjJWMHoiIGNsYXNzPSJzdDAiLz48L3N2Zz4=); } .list-collection figure span.overlay-d:after { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDcgMjciIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEwNyAyNyI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe2ZpbGw6IzEyMzUxRTt9PC9zdHlsZT48cGF0aCBkPSJNMCAwbDguMSAxMy40TDAgMjYuOGwxMDcgLjJWMHoiIGNsYXNzPSJzdDAiLz48L3N2Zz4=); } .list-collection figure span:before { z-index: -2; box-shadow: 0 2px 3px rgba(0,0,0,.2); } .list-collection figure span:before { -webkit-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: skewX(-40deg); transform: skewX(-40deg); } .list-collection h1, .list-collection h2, .list-collection h3, .list-collection h4, .list-collection h5, .list-collection h6 { margin: 0 0 7px; color: var(--bush); font-size: 2.8em; font-family: Hadassah, Heebo, Arial, Helvetica, sans-serif; letter-spacing: 0.0178125em; } .list-collection p { margin: 0 0 9px; font-size: 1.6em; } .list-collection ul { list-style: none; margin: auto -13px -7px; padding: 0; } .list-collection ul li { display: block; width: auto; margin: 0 0 0 24px; padding: 0; border-width: 0; font-size: 1.8em; font-weight: 700; } #root .list-collection ul li { width: auto; border-width: 0; } .list-collection ul li:before { content: "|"; display: block; position: absolute; right: -24px; top: 0; width: 24px; text-align: center; } .list-collection ul li[class] { margin-right: auto; font-weight: 400; } .list-collection .q-add { position: relative; z-index: 9; margin: 12px -12px -12px; padding: 12px 0 0; display: flex; flex-flow: row wrap; } .list-collection .q-add p { margin: 0; font-size: 2em; } .list-collection .q-add input { width: 86px; height: 43px; padding: 0 20px; border-right-width: 0; border-bottom-width: 0; color: var(--dust); font-size: 1em; text-align: center; } .list-collection .slow-add-to-cart { margin: auto -13px -13px;} .list-collection .slow-add-to-cart, .list-collection .q-add .quick-add-to-cart { min-width: 0; height: 43px; padding: 9px 10px 9px 32px; border-color: var(--leaf); background: var(--leaf); font-size: 2em; font-family: Hadassah, Heebo, Arial, Helvetica, sans-serif; text-align: center; letter-spacing: 0.0178125em; color: white;} .list-collection .slow-add-to-cart:after, .list-collection .q-add .quick-add-to-cart:after { content: "\e90d"; display: block; position: absolute; left: 15px; top: 50%; margin: 0 22px 0 0; font-size: 0.6em; font-family: i; font-weight: 400; line-height: 20px; transform: translateY(-50%); } .list-collection + h1, .list-collection + h2, .list-collection + h3, .list-collection + h4, .list-collection + h5, .list-collection + h6, .cols-a + h1, .cols-a + h2, .cols-a + h3, .cols-a + h4, .cols-a + h5, .cols-a + h6 { padding-top: 22px; border-top: 1px solid var(--alto); } h1 + .list-collection, h2 + .list-collection, h3 + .list-collection, h4 + .list-collection, h5 + .list-collection, h6 + .list-collection { margin-top: -9px; } .list-collection.is-slider { display: block; padding: 0 100px; border-width: 0; } .list-collection.is-slider li { width: auto; border-width: 1px; } .list-collection.is-slider .owl-nav button.owl-prev { right: -110px; } .list-collection.is-slider .owl-nav button.owl-next { left: -110px; } .list-collection .owl-dots { padding-top: 20px; } .list-collection .owl-stage-outer { border: 0 solid var(--alto); } [class*="cols"] .list-collection li { width: 25%; } .list-events { list-style: none; margin: 81px 0 0 -32px; padding: 0; color: var(--bush); line-height: 1.5; } .list-events li { position: relative; z-index: 2; width: 50%; margin: 0 0 28px; padding: 0 20px 22px; border-left: 32px solid rgba(0,0,0,0); font-size: 2em; } .list-events li:before, .list-media li:before { border-bottom: 4px solid var(--leaf); } .list-events h1, .list-events h2, .list-events h3, .list-events h4, .list-events h5, .list-events h6 { margin: 0 0 13px; color: var(--bush); font-size: 1.6em; font-family: Hadassah, Heebo, Arial, Helvetica, sans-serif; letter-spacing: 0.0178125em; } .list-events h1 span, .list-events h2 span, .list-events h3 span, .list-events h4 span, .list-events h5 span, .list-events h6 span { display: block; margin: 38px 0 0; color: var(--leaf); font-size: 0.75em; font-family: Heebo, Arial, Helvetica, sans-serif; letter-spacing: 0.0182352941em; } .list-events p { margin: 0 0 13px; font-size: 1em; } .list-events li.featured { width: 100%; min-height: 630px; padding-top: 67px; padding-left: 66.6666666666%; } .list-events li.featured figure { position: absolute; left: 0; top: 0; bottom: 0; width: calc(66.6666666666% - 10px); margin: 0; } .list-events li.featured:before { left: calc(66.6666666666% + 22px); } .list-exposure { list-style: none; max-width: 638px; margin: 84px auto 50px; padding: 0; color: var(--white); font-weight: 700; line-height: 1.1; text-align: center; letter-spacing: 0.1em; } .list-exposure li { position: relative; z-index: 9; font-size: 2.2em; } .list-exposure li a { display: block; color: inherit; } .list-exposure li span { display: block; position: absolute; left: 0; bottom: 0; min-width: 362px; padding: 29px; background: var(--danube); } .list-exposure .owl-carousel .owl-stage-outer { overflow: visible; } .list-exposure .owl-item, .list-exposure .owl-item.active + .owl-item.active { position: relative; z-index: 2; } .list-exposure .owl-item li, .list-exposure .owl-item.active + .owl-item.active li { opacity: .7; } .list-exposure .owl-item.active li { box-shadow: 26px 0 0 var(--white), -26px 0 0 var(--white); } .list-exposure .owl-item.active + .owl-item.active li { box-shadow: none; } .list-exposure .owl-item.active li { opacity: 1; } .list-exposure .owl-item.active li { -webkit-transform: scale(1.232); transform: scale(1.232); } .list-exposure .owl-item span { left: 74px; } .list-exposure .owl-item.active span, .list-exposure .owl-item.active ~ .owl-item span { left: 0; } .list-exposure .owl-dots { padding-top: 100px; } .list-featured { list-style: none; margin: 0 0 -30px -96px; padding: 0; color: var(--bush); font-weight: 700; font-family: Hadassah, Heebo, Arial, Helvetica, sans-serif; line-height: 1.3125; letter-spacing: 0.0178125em; } .list-featured li { position: relative; width: 50%; margin: 0 0 96px; border-left: 96px solid rgba(0,0,0,0); font-size: 3.2em; } .list-featured i[class*="icon-text"] { display: block; position: absolute; left: 0; right: 0; top: 21%; z-index: 9; color: var(--bush); font-size: 34px; line-height: 81px; text-align: center; } .list-featured i[class*="icon-text"]:after { content: "\e929"; top: 0; z-index: -1; margin: 0; color: var(--cream); font-size: 81px; line-height: 81px; } .list-featured ul { list-style: none; margin: 0 0 0 -28px; padding: 58px 0 0; } #root .list-featured ul li { width: auto; margin: 0 0 0 28px; border-width: 0; font-size: 0.875em; letter-spacing: 0.0760714286em; } .list-featured ul li:before { content: "|"; display: block; position: absolute; left: -28px; top: 0; width: 28px; text-align: center; } .list-featured ul:first-child { margin: 0; padding: 0; } #root .list-featured ul:first-child li { display: none; width: auto; margin: 0; border-left-width: 0; font-size: 1em; letter-spacing: 0.0178125em; } .list-featured .owl-dots { display: block; position: absolute; right: 0; top: 0; padding: 27px 17px; background: var(--white); } .list-featured a { display: block; position: relative; color: inherit; } .list-featured span { display: block; position: absolute; left: 50%; bottom: 88px; z-index: 9; width: 444px; margin: 0 0 0 -222px; padding: 50px 75px; background: var(--white); color: var(--bush); } .list-featured span.btn { left: 0; bottom: 0; right: auto; width: auto; min-width: 376px; margin: 0; padding: 0; background: var(--danube); color: var(--white); font-family: Heebo, Arial, Helvetica, sans-serif; line-height: 1.1; text-align: right; letter-spacing: 0.1em; } .list-featured a:hover span.btn { background: var(--leaf);} .list-featured span span { position: relative; left: 0; bottom: 0; right: 0; width: auto; margin: 38px 0 0; padding: 0; background: none; color: var(--danube); font-size: 0.6875em; } .list-featured.a { margin-left: -32px; margin-bottom: 34px; } .list-featured.a li { margin-bottom: 32px; border-left-width: 32px; } .list-feed { overflow: hidden; list-style: none; margin: 0 0 102px; padding: 0; width: 100%; height: calc(12.5vw - 8px);} .list-feed li { text-align: center; width: 12.5%; margin-bottom: 4p; padding: 0 4px;} .list-feed.is-slider { display: block; margin-left: 0; } .list-feed.is-slider .owl-item { width: 200px !important; } .list-feed.is-slider li { margin: 0; border-left-width: 0; } .list-highlights li img { max-height: 380px !important; object-fit: cover;} .list-inline { list-style: none; margin-left: -22px; padding: 0; color: var(--dust); letter-spacing: 0.01875em; } .list-inline li { position: relative; margin: 0 0 0 22px; font-size: 1.6em; } .list-inline li:before { content: "|"; display: block; position: absolute; left: -22px; top: 0; width: 22px; color: var(--dust); text-align: center; } .list-inline a { color: var(--dust); } .double .list-inline + .list-social { top: -2px; } .list-inline.nav { margin-left: -18px; color: var(--black); } .list-inline.nav li { margin-left: 18px; } .list-inline.nav li:before { content: ">"; left: -18px; width: 18px; } .index-lang { position: absolute; left: 0; top: 64px; } .index-lang .wpml-ls-legacy-list-horizontal { padding: 0; } .index-lang ul li a { color: var(--cream); font-size: 1.4em; line-height: 1.2; font-weight: 700; padding: 0;} /* .list-lang { list-style: none; padding: 0; font-weight: 700; line-height: 1.2; text-transform: uppercase; } .list-lang li { position: relative; font-size: 2.4em; } .list-lang a { display: block; position: relative; padding: 3px 0; text-align: left; } .list-lang li.sub > a { padding-right: 26px; } .list-lang li.sub > a:before { content: "\e910"; left: auto; right: 0; color: var(--leaf); font-size: 0.25em; } .list-lang li.sub.toggle > a:before { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .list-lang ul { display: none; position: absolute; left: 0; top: 100%; list-style: none; margin: 0; padding: 0; background: var(--bush); } .list-lang ul li { font-size: .8em; } .list-lang ul a { padding: 10px 16px; color: var(--crean); text-align: left; } .list-lang ul a[hreflang="he"], .list-lang ul a[hreflang="HE"] { padding-top: 0; text-align: right; } .list-lang li.toggle > ul { display: block; } */ .list-media { list-style: none; margin: 94px 0 0 -32px; padding: 0; color: var(--bush); line-height: 1.5; letter-spacing: 0.03125em; } .list-media li { position: relative; z-index: 2; width: 25%; margin: 0 0 94px; padding: 0 20px 22px; border-left: 32px solid rgba(0,0,0,0); font-size: 1.6em; } .list-media li:after, .list-media figure { top: -66px; width: auto; height: auto; border-radius: 0; background: none; } .list-media li:hover:after { background: var(--leaf); } .list-media li:hover a { color: var(--white); } .list-media figure { bottom: 4px; z-index: 8; } .list-media h1, .list-media h2, .list-media h3, .list-media h4, .list-media h5, .list-media h6 { margin: 0 0 12px; color: var(--bush); font-size: 2em; font-family: Heebo, Arial, Helvetica, sans-serif; letter-spacing: 0.0182352941em; } .list-media h1 span, .list-media h2 span, .list-media h3 span, .list-media h4 span, .list-media h5 span, .list-media h6 span { display: block; min-height: 32px; margin: 36px 0 0; font-weight: 400; font-size: 0.625em; text-overflow: inherit; white-space: normal; } .list-media h1 img, .list-media h2 img, .list-media h3 img, .list-media h4 img, .list-media h5 img, .list-media h6 img { display: block; margin-left: 12px; } .list-media h1 a, .list-media h2 a, .list-media h3 a, .list-media h4 a, .list-media h5 a, .list-media h6 a { color: inherit; } .list-media p { margin: 0 0 23px; font-size: 1em; } .list-media p a { color: var(--leaf); font-size: 1.375em; font-weight: 500; } .list-menu { position: relative; list-style: none; margin: 54px 0; padding: 0; color: var(--bush); line-height: 1.4166666667; text-align: center; } .list-menu li { margin: 50px 0 0; padding-top: 53px; border-top: 1px solid var(--alto); font-size: 2.4em; } .list-menu li:first-child { margin-top: 50px; padding-top: 0; border-top-width: 0; } .list-menu + .list-menu li:first-child { margin-top: -7px; padding-top: 53px; border-top-width: 1px; } .list-menu h1, .list-menu h2, .list-menu h3, .list-menu h4, .list-menu h5, .list-menu h6 { margin: 0 0 3px; color: var(--celtic); font-family: Hadassah, Heebo, Arial, Helvetica, sans-serif; font-size: 1.3333333333em; letter-spacing: 0.0178125em; } .list-menu p { margin: 0 0 3px; font-size: 1em; } .list-menu p span { display: block; padding: 1px 0; color: var(--leaf); font-size: 0.8333333333em; } .list-menu.cols { margin-left: -100px; } .list-menu.cols:before { left: 50%; right: auto; top: 3px; bottom: 9px; width: 100px; margin-left: -50px; border-right: 2px solid var(--alto); } .list-menu.cols li { width: 50%; margin-top: 28px; padding-top: 0; border-top-width: 0; border-left: 100px solid rgba(0,0,0,0); } .list-product { list-style: none; margin-bottom: 10px; padding: 0; } .list-product .custom { list-style: none; margin: 0 0 0 -20px; padding: 20px 0 0; } .list-product .custom > * { display: block; width: 33.33333333333%; margin: 0 0 20px; border-left: 20px solid rgba(0,0,0,0); } .list-product .custom a:before { border: 4px solid var(--leaf); } .list-product .custom img { opacity: .7; } .list-related { list-style: none; margin: 0 0 0 -20px; padding: 0; color: var(--bush); line-height: 1.25; font-family: Hadassah, Heebo, Arial, Helvetica, sans-serif; letter-spacing: 0.0178125em; } .list-related li { width: 50%; margin: 0 0 20px; border-left: 20px solid rgba(0,0,0,0); font-size: 2em; } .list-related img { display: block; margin: 0 0 12px; } .list-related a { display: block; margin-top: auto; padding: 10px 5px; border-top: 13px solid var(--white); background: var(--bush); color: var(--white); font-weight: 700; line-height: 1.2; text-align: center; } .list-slider { list-style: none; margin: 0 0 15px -32px; padding: 0; } .list-slider li { width: 33.333333333333%; margin: 0 0 32px; border-left: 32px solid rgba(0,0,0,0); } .list-slider.is-slider { display: block; margin-left: 0; } .list-slider.is-slider li { width: auto; border-left-width: 0; } .list-slider.is-slider + * { margin-top: 36px; } .list-social { position: relative; list-style: none; margin-left: -22px; padding: 0; } .list-social li { margin-left: 22px; margin-bottom: 0; font-size: 18px; } #root .list-social a { display: block; color: var(--gray); } .list-team { list-style: none; margin: 48px 0 0 -32px; padding: 0; color: var(--bush); line-height: 1.4166666667; } .list-team li { width: 33.33333333333%; margin: 0 0 39px; border-left: 32px solid rgba(0,0,0,0); font-size: 2.4em; } .list-team figure { margin: 0 0 30px; } .list-team h1, .list-team h2, .list-team h3, .list-team h4, .list-team h5, .list-team h6 { margin: 0 0 6px; color: var(--celtic); font-size: 1.3333333333em; font-family: Heebo, Arial, Helvetica, sans-serif; line-height: 1.03125; letter-spacing: 0.0182352941em; } .list-team h1 span, .list-team h2 span, .list-team h3 span, .list-team h4 span, .list-team h5 span, .list-team h6 span { display: block; padding: 8px 0 0; color: var(--leaf); font-weight: 400; font-size: 0.625em; } .list-team p { margin: 0 0 6px; font-size: 1em; } /*! Forms --------- */ fieldset, hr { min-width: 0; margin: 0; padding: 0; border-width: 0; } form p { position: relative; } legend { display: none; width: 100%; max-width: 100%; padding: 0; border: 0; white-space: normal; } input, select, textarea { position: relative; z-index: 1; margin: 0; padding: 0; box-shadow: none; border-radius: 0; font-size: 1em; line-height: normal; text-align: left; text-transform: none; outline-width: 0; } input, select, textarea { -moz-appearance: none; -webkit-appearance: none; appearance: none; } input, select, textarea, button, input[type="button"], input[type="reset"], input[type="submit"] { box-sizing: border-box; text-transform: none; outline-offset: -2px; } input { } input::-webkit-search-decoration, input::-webkit-search-cancel-button, input::-webkit-outer-spin-button, input::-webkit-inner-spin-button, input::-webkit-clear-button, input::-webkit-calendar-picker-indicator { display: none; -webkit-appearance: none; visibility: hidden !important; height: auto; margin: 0; } input::-o-outer-spin-button, input::-o-inner-spin-button { appearance: none; margin: 0; } input::-webkit-inner-spin-button, input::-webkit-outer-spin-button { height: auto; } input::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } input[type="checkbox"], input[type="radio"] { display: inline-block; width: auto; height: auto; padding: 0; border: 0; background: none; line-height: 1; } input[type="checkbox"] { -moz-appearance: checkbox; -webkit-appearance: checkbox; appearance: checkbox; } input[type="radio"] { -moz-appearance: radio; -webkit-appearance: radio; appearance: radio; } input[type="color"] { padding: 0; cursor: pointer; } input[type="date"] { display: -webkit-inline-flex; } input[type="number"] { appearance: textfield; -moz-appearance: textfield; } input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[type="number"]::-o-outer-spin-button, input[type="number"]::-o-inner-spin-button { -o-appearance: none; margin: 0; } textarea { overflow: auto; vertical-align: top; resize: vertical; } select { line-height: 1; text-overflow: ''; text-indent: 0.01px; } select::-ms-expand { display: none; } button, input[type="button"], input[type="reset"], input[type="submit"] { display: block; overflow: visible; position: relative; z-index: 3; height: auto; margin: 0; box-shadow: none; text-transform: none; text-indent: 0; cursor: pointer; outline-width: 0; -webkit-appearance: button; appearance: button; -webkit-font-smoothing: inherit; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; outline: none; } button[disabled], input[type="button"][disabled], input[type="reset"][disabled], input[type="submit"][disabled] { border-color: var(--silver); background: var(--silver); cursor: default; } ::-webkit-input-placeholder { opacity: 1; color: inherit; font-weight: inherit; } :-ms-input-placeholder { opacity: 1; color: inherit; font-weight: inherit; } ::-ms-input-placeholder { opacity: 1; color: inherit; font-weight: inherit; } ::placeholder { opacity: 1; color: inherit; font-weight: inherit; } :focus::-webkit-input-placeholder { opacity: 1; } :focus:-ms-input-placeholder { opacity: 1; } :focus::-ms-input-placeholder { opacity: 1; } :focus::placeholder { opacity: 1; } form { } label { display: block; position: relative; left: 0; top: 0; z-index: 2; font-weight: 400; } input, select, textarea { display: block; width: 100%; border: 1px solid var(--alto); background: var(--white); color: var(--coal); font-size: 20px; text-align: right; } input { height: 62px; padding: 0 34px; } input[type="date"] { line-height: 30px; } select { height: 62px; padding: 0 34px 0 45px; background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3MyA5IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA3MyA5Ij48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbDojOUQ5REE1O308L3N0eWxlPjxwYXRoIGQ9Ik00NC4yLjNjLS40LS40LTEtLjQtMS40IDBsLTYuMyA2LjNMMzAuMi4zYy0uNC0uNC0xLS40LTEuNCAwcy0uNCAxIDAgMS40bDcgN2MuMi4yLjQuMy43LjNzLjUtLjEuNy0uM2w3LTdjLjQtLjQuNC0xIDAtMS40eiIgY2xhc3M9InN0MCIvPjwvc3ZnPg==) 0 center no-repeat; background-size: auto 8px; line-height: normal; } select:focus { background-position: -1px center; } textarea { height: 200px; min-height: 200px; padding: 14px 34px 14px 14px; } input:focus, select:focus, textarea:focus { border-width: 2px; border-color: var(--danube); color: var(--danube); font-weight: 500; } input:focus { padding-left: 33px; padding-right: 33px; } select:focus { padding-right: 33px; } textarea:focus { padding: 13px 33px 13px 13px; } button, input[type="button"], input[type="reset"], input[type="submit"] { overflow: hidden; float: left; text-align: inherit; } button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus { background: var(--danube); color: var(--white); } .check-box { list-style: none; max-width: 714px; margin: 0 0 34px -6px; padding: 0; color: var(--leaf); text-align: center; } .check-box li { width: 25%; margin: 0 0 6px; border-left: 6px solid rgba(0,0,0,0); font-size: 2.4em; } .check-box label { display: block; position: relative; padding: 15px 7px; border: 2px solid var(--leaf); color: inherit; font-weight: 400; font-size: 1em; line-height: 1.2; text-align: center; cursor: pointer; } .check-box input:checked ~ label { background: var(--leaf); color: var(--white); } .check-list { position: relative; list-style: none; margin: 0 0 12px; padding: 0; font-weight: 500; } .check-list li { margin: 0 0 3px; font-size: 2.4em; } .check-list li.title { float: right; width: 198px; } .check-list li.title ~ li { padding-right: 198px; } .check-list li.title:first-child:last-child { float: none; width: auto; } .check-list label { z-index: 5; padding: 0 40px 0 0; font-weight: 400; } .check-list label:before, .check-list label:after { left: auto; top: 50%; bottom: auto; border-radius: 99px; cursor: pointer; } .check-list label:before { right: 4px; z-index: -2; width: 16px; height: 16px; margin: -9px 0 0; background: var(--bush); } .check-list label:after { right: 8px; width: 8px; height: 8px; margin-top: -5px; background: var(--white); opacity: 0; } .check-list label:after { -webkit-transform: none; transform: none; } .check-list input:checked ~ label:before { background: var(--leaf); } .check-list input:checked ~ label:before { -webkit-transform: scale(1.5); transform: scale(1.5); } .check-list input, .check-box input { display: block; visibility: hidden; position: absolute; left: 0; top: 0; opacity: 0; } .check-list + .check-list { margin-top: 15px; } .semantic-number { display: block; position: relative; } .semantic-number input { padding: 0 25px; } .semantic-number .btn { display: block; position: absolute; top: 0; bottom: 0; z-index: 91; width: 33px; color: var(--dust); font-size: 6px; text-indent: -3000em; text-align: left; direction: ltr; } .semantic-number .btn.plu { left: 0; } .semantic-number .btn.min { right: 0; } .semantic-number .btn.plu:before { content: "\e90b"; } .semantic-number .btn.min:before { content: "\e90c"; } .form-cart { position: relative; z-index: 3; color: var(--bush); font-size: 10px; } .form-cart p { font-size: 1.6em; } /* .form-cart p a { color: var(--bush); } */ .form-cart p.strong { font-size: 2em; } .form-cart .double { margin-left: -43px; } .form-cart .double > * { border-left-width: 43px; } .form-cart button { min-width: 0; width: 100%; padding: 39px 24px 39px 62px; font-size: 20px; } .form-cart button:before { content: "\e90d"; left: 22px; right: auto; width: 16px; } .form-contact { max-width: 473px; margin: 30px 0; } .form-contact p { margin-bottom: 8px; } .form-contact .double { margin-left: -8px; } .form-contact .double > * { border-left-width: 8px; } .form-contact button { padding: 37px 42px 37px 90px; font-size: 20px; text-align: inherit; } .form-contact button:before { content: "\e90d"; left: 42px; right: auto; font-size: 16px; } .form-contact button { width: 100%; } .form-details { } .form-details p { margin-bottom: 35px; } .form-details p label { display: block; float: right; padding: 13px 0 0 16px; font-size: 24px; font-weight: 500; font-family: Heebo, Arial, Helvetica, sans-serif; letter-spacing: 0.0079166667em; } .form-details input, .form-details select { max-width: 256px; } .form-product { margin: 0 0 40px; padding: 0 20px; background: var(--alabaster); color: var(--bush); font-family: Hadassah, Heebo, Arial, Helvetica, sans-serif; letter-spacing: 0.0178125em; } .form-product h1, .form-product h2, .form-product h3, .form-product h4, .form-product h5, .form-product h6 { margin: 0 -20px 19px; padding: 12px 20px; background: var(--leaf); color: var(--white); font-size: 2em; font-weight: 400; font-family: Hadassah, Heebo, Arial, Helvetica, sans-serif; text-align: center; letter-spacing: 0.0178125em; } .form-product p { margin: 0 0 17px; font-size: 2em; } .form-product .list-inline { margin-bottom: 22px; color: inherit; } .form-product .list-inline li { font-size: 2em; } .form-product .list-inline li:before { color: inherit; } .form-product label { display: block; float: right; padding: 0 0 0 20px; color: inherit; font-size: 1em; line-height: 44px; } .form-product input { width: 86px; height: 44px; padding: 0 20px; background: none; font-size: 20px; text-align: center; } .form-product .semantic-number { float: right; } .form-product .submit { margin: 0 -20px 0; } .checkout-button, .form-product .submit a, .form-product .submit button { display: block; min-width: 0; width: 100%; margin: 8px 0 0; padding: 9px; background: var(--bush); color: var(--white); font-weight: 700; font-size: 24px; font-family: Hadassah, Heebo, Arial, Helvetica, sans-serif; letter-spacing: 0.0178125em; line-height: 1.2; text-align: center; } .checkout-button:hover, .form-product .submit a:hover, .form-product .submit button:hover { background: var(--leaf);} a.checkout-button:after, .form-product .submit a:after, .form-product .submit button:after { content: "\e90d"; display: inline-block; position: relative; margin: 0 19px 0 0; font-size: 0.6em; font-weight: 400; font-family: i; line-height: 1px; } .form-product .submit a { background: none; color: var(--bush); } .form-search { position: relative; z-index: 4114; border: 0 solid var(--alto); } .form-search p:first-child { position: absolute; left: 0; top: -19px; } .form-search p:first-child:last-child { position: relative; top: 0; } .form-search p label { padding-left: 30px; color: var(--bush); cursor: pointer; } .form-search p label:before { right: auto; } #root .form-search input { width: 630px; padding: 0 32px 0 62px; border-width: 2px; border-color: var(--danube); color: var(--danube); font-size: 22px; font-weight: 700; } .form-search input::-webkit-input-placeholder { font-weight: 700; opacity: .5; } .form-search input::-ms-input-placeholder { font-weight: 700; opacity: .5; } .form-search input:::-ms-input-placeholder { font-weight: 700; opacity: .5; } .form-search input:::placeholder { font-weight: 700; opacity: .5; } .form-search button { display: block; position: absolute; left: 0; top: 0; right: auto; bottom: 0; width: 82px; min-width: 0; margin: 0; padding: 0; border-width: 0; background: none; color: var(--danube); font-size: 20px; text-indent: -3000em; text-align: left; direction: ltr; } .form-search button:before, .form-search label:before { content: "\e901"; } .form-search .tabs-a { position: absolute; right: 0; top: 100%; margin-top: -1px; } /*! Helpers --------- */ *, *:before, *:after, .owl-height, .owl-dots button:before, .check-list label:before, .check-list label:after, .list-exposure li, .list-exposure li span { transition-duration: 0.4s; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-delay: 0s; } *, *:before, *:after { transition-property: visibility, background-color, border-color, color, opacity; } .owl-height { transition-property: height; } .owl-dots button:before { transition-property: transform, background-color; } .list-exposure li { transition-property: transform, opacity; } .check-list label:before, .check-list label:after, .list-exposure li span { transition-property: all; } option, input, select, textarea { transition: none; } .clear { clear: both; overflow: hidden; width: 100%; } .ui-datepicker.hasDatepicker, .ui-datepicker { position: relative; left: 0; } .hidden, #root .desktop-hide, #root .tablet-only, #root .mobile-only, #nav em, .list-social span, .module-blog header ul li:first-child:before, #root .list-inline li:last-child:before, .list-inline.plain li:before, .nav-breadcrumbs li:last-child:before, .form-search label, .list-lang a span { position: absolute; left: -3000em; top: 0; right: auto; bottom: auto; } [hidden], template, #footer label, #root .owl-carousel .disabled, .form-contact label, #nav > ul > li > a span, .list-cart ul li:last-child:before, .list-cart > li:first-child:before, .list-collection ul li:first-child:before, .list-collection ul li[class]:before, .list-collection .q-add label, .list-collection .owl-dots, .tabs-a.hidden, .module-drop .module-drop-panel, .nav-menu ul ul li.sub > a:before, .list-featured .hidden, .list-featured ul:first-child li:before, .list-featured ul li:last-child:before, .theme-intro #top:before, #nav li.mobile-only, .module-blog header ul li.mobile-only:first-child + li:before, body > .ui-datepicker, .popup-a, .popup-a .box-inset, .popup-a .box-outer > .close { display: none; } article, aside, details, dialog, div, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary, .nav-menu li.sub.toggle > ul, .module-drop.toggle .module-drop-panel, .module-drop.toggle > p > a:before, .list-related span, .list-product a, .check-list input:checked ~ label:after, #root .list-featured ul:first-child li:first-child, #root .list-featured ul.is-slider li, .list-featured ul:first-child, #nav > ul > li.toggle > ul, #nav > ul > li > ul > li:hover > ul, #nav > ul > li.toggle > form, #nav > ul > li.toggle > .shadow, .popup-a.ready, .popup-a.shown, .popup-a.shown .box-inset, .popup-a.shown .box-outer .close { display: block; } hr { display: block; overflow: hidden; width: 100%; height: 1px; margin: 29px 0 35px; padding: 0; border: 0; border-top: 1px solid var(--alto); background: none; font-size: 0; } #footer .double:first-child, .list-team:first-child, .list-menu.cols li:first-child, .list-menu.cols li:first-child + li, .list-menu:first-child, .list-events:first-child, .form-contact:first-child, .list-media:first-child, .module-aside .link-btn:first-child, .form-search:first-child, .form-product .submit a:first-child, .form-product .submit button:first-child, .module-featured .link-btn:first-child, .list-exposure:first-child, .list-collection:first-child { margin-top: 0; } #root .m0, ul ul, ul ol, ol ol, ol ul, .list-media figure, .list-product li, .module-featured.is-slider article, #content > .list-media:last-child, .list-featured li:last-child ul { margin-bottom: 0; } #root .m10 { margin-bottom: 10px; } #root .m20 { margin-bottom: 20px; } #root .m40 { margin-bottom: 40px; } #nav > ul > li.wpml-ls-item > a > span { display: block;} #nav > ul > li > a > span.count {display: block; position: absolute; left: 0; top: 50%; transform: translate(-12px, -22px); font-size: 12px; border-radius: 50%; background: var(--bush); color: #fff; height: 24px; width: 24px; line-height: 24px; text-align: center; } /*! Miscellaneous --------- */ audio, canvas, iframe, img, svg, video { border-width: 0; vertical-align: middle; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]), video[autoplay]:not([muted]) { display: none; } svg:not(:root) { overflow: hidden; } ::selection { background: var(--leaf); color: var(--white); text-shadow: none; } ::-moz-selection { background: var(--leaf); color: var(--white); text-shadow: none; } /*! Outlines --------- */ [data-whatinput="keyboard"] a:focus, [data-whatinput="keyboard"] button:focus, [data-whatinput="keyboard"] input:focus, [data-whatinput="keyboard"] select:focus, [data-whatinput="keyboard"] textarea:focus { outline-width: 2px; outline-style: solid; } [data-whatintent="mouse"] input:focus, [data-whatintent="mouse"] select:focus, [data-whatintent="mouse"] textarea:focus { outline: none; } /*! Flexbox --------- */ /* flex */ .list-featured ul, .list-featured .owl-dots, .list-featured, .list-catalog, .module-featured article:first-child, .module-featured.is-slider article, .check-box, .list-product .pager, .module-product, .list-related li, .list-related, .triple, .tabs-a > nav ul, .nav-breadcrumbs ol, .nav-breadcrumbs ul, .list-collection li, .list-collection .q-add p, .list-collection ul, .list-collection, .list-cart p, .list-cart ul, #nav > ul > li, #nav > ul > li > ul > li > a, #nav > ul + ul, .link-btn, #nav, .module-aside, .module-entry > .link-btn, .module-entry, .list-inline, .module-blog header ul, .list-media, .list-media h1 span, .list-media h2 span, .list-media h3 span, .list-media h4 span, .list-media h5 span, .list-media h6 span, .list-events, .owl-dots, .list-slider, .list-menu.cols, .list-team, #nav > ul, .list-social, .link-btn, .double, #footer nav, .list-feed, .cols-a, .popup-a .box-outer { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } /* f:wr */ .list-product .custom, #footer ul, .list-featured ul, .list-featured, .list-catalog, .check-box, .list-product .pager, .list-related, .nav-breadcrumbs ol, .nav-breadcrumbs ul, .list-collection ul, .list-collection, .list-cart p, .list-cart ul, .link-btn, .module-entry > .link-btn, .module-entry, .list-inline, .module-blog header ul, .list-media, .list-media h1 span, .list-media h2 span, .list-media h3 span, .list-media h4 span, .list-media h5 span, .list-media h6 span, .list-events, .owl-dots, .list-slider, .list-menu.cols, .list-team, #footer form, #nav > ul, .list-social, .link-btn, .list-feed { -webkit-flex-wrap: wrap; flex-wrap: wrap; } /* f:dr */ .cols-a.b { -webkit-flex-direction: row; flex-direction: row; } /* f:dr */ .list-cart p, .module-aside, .cols-a { -webkit-flex-direction: row-reverse; flex-direction: row-reverse; } /* f:dc */ .list-featured .owl-dots, .module-featured .owl-dots, .module-featured article, .list-related li, .list-collection li { -webkit-flex-direction: column; flex-direction: column; } /* f:jc */ .list-product .custom, .list-featured ul, .module-featured .owl-dots, #nav > ul > li, .module-blog header ul, .owl-dots, #nav > ul, .popup-a .box-outer { -webkit-justify-content: center; justify-content: center; } /* f:je */ .list-cart p, #nav > ul > li > ul > li > a, #nav > ul + ul { -webkit-justify-content: flex-end; justify-content: flex-end; } /* j:jb */ .triple, .module-aside, #nav, .double { -webkit-justify-content: space-between; justify-content: space-between; } /* f:ac */ .double .double, #nav > ul > li, .list-cart p, #nav, .list-media h1 span, .list-media h2 span, .list-media h3 span, .list-media h4 span, .list-media h5 span, .list-media h6 span, #nav > ul { -webkit-align-items: center; align-items: center; } /* f:b0 */ .tabs-a > nav ul li { -webkit-flex-basis: 0; -ms-flex-basis: 0; flex-basis: 0; } /* f:g3 */ .link-btn.wide a, .module-product > *, .tabs-a > nav ul li, .list-collection .q-add .quick-add-to-cart { -webkit-flex-grow: 3; -ms-flex-grow: 3; flex-grow: 3; } /*! Icons --------- */ @font-face { font-family: 'i'; src: url('icons/icomoon.woff2') format('woff2'), url('icons/icomoon.woff') format('woff'), url('icons/icomoon.ttf') format('truetype'); font-display: swap; } [class^="icon-"], [class*=" icon-"] { font-family: 'i' !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-arrow-down:before { content: "\e917"; } .icon-arrow-left:before { content: "\e918"; } .icon-arrow-right:before { content: "\e919"; } .icon-arrow-up:before { content: "\e916"; } .icon-arrow-long-down:before { content: "\e91c"; } .icon-arrow-long-left:before { content: "\e91b"; } .icon-arrow-long-right:before { content: "\e91a"; } .icon-arrow-long-up:before { content: "\e91d"; } .icon-calendar:before { content: "\e922"; } .icon-caret-down:before { content: "\e910"; } .icon-caret-left:before { content: "\e911"; } .icon-caret-right:before { content: "\e90e"; } .icon-caret-up:before { content: "\e90f"; } .icon-check:before { content: "\e92c"; } .icon-chevron-down:before { content: "\e90c"; } .icon-chevron-left:before { content: "\e90d"; } .icon-chevron-right:before { content: "\e90a"; } .icon-chevron-up:before { content: "\e90b"; } .icon-chevron-strong-down:before { content: "\e91e"; } .icon-chevron-strong-left:before { content: "\e920"; } .icon-chevron-strong-right:before { content: "\e91f"; } .icon-chevron-strong-up:before { content: "\e921"; } .icon-envelope:before { content: "\e914"; } .icon-facebook:before { content: "\e909"; } .icon-facebook-outline:before { content: "\e915"; } .icon-instagram:before { content: "\e906"; } .icon-logo:before { content: "\e907"; } .icon-menu:before { content: "\e908"; } .icon-meshek:before { content: "\e928"; } .icon-meshek-1:before { content: "\e904"; } .icon-meshek-2:before { content: "\e905"; } .icon-meshek-big:before { content: "\e927"; } .icon-meshek-big-1:before { content: "\e925"; } .icon-meshek-big-2:before { content: "\e926"; } .icon-meshek-full:before { content: "\e92d"; } .icon-minus:before { content: "\e924"; } .icon-pencil:before { content: "\e902"; } .icon-pinterest:before { content: "\e913"; } .icon-plus:before { content: "\e923"; } .icon-rhombus:before { content: "\e92e"; } .icon-ribbon:before { content: "\e929"; } .icon-shopping:before { content: "\e903"; } .icon-text-a:before { content: "\e92a"; } .icon-text-b:before { content: "\e92b"; } .icon-user:before { content: "\e900"; } .icon-whatsapp:before { content: "\e912"; } .icon-zoom:before { content: "\e901"; } .icon-n:before { height: 18px; width: 14px; display: block; background-repeat: no-repeat; background-position: center; background-size: contain; margin: 0 auto; } .popup-a .box-inset > .close:before, .icon-n-cross:before { content: ""; background-image: url('../images/icon-cross.png'); } .popup-a .box-inset > .close:before { content: ""; background-image: url('../images/icon-cross.png'); height: 14px; background-size: contain; background-repeat: no-repeat; background-position: center; } /*! Fonts --------- */ @font-face { font-family: 'Hadassah'; src: url('fonts/hadassahfriedlaender-regular.woff2') format('woff2'), url('fonts/hadassahfriedlaender-regular.woff') format('woff'), url('fonts/hadassahfriedlaender-regular.ttf') format('truetype'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Hadassah'; src: url('fonts/hadassahfriedlaender-bold.woff2') format('woff2'), url('fonts/hadassahfriedlaender-bold.woff') format('woff'), url('fonts/hadassahfriedlaender-bold.ttf') format('truetype'); font-weight: 700; font-style: normal; } /* Responsive --------- */ @media only screen and (max-width: 101.25em) { /* 1620 */ #top, #content, #footer { width: 1180px; } #top { margin-left: -590px; } #top { } #logo { width: 200px;} #nav > ul > li { font-size: 2em;} #nav > ul > li > a, #nav > ul > li > a > i { height: 62px; line-height: 62px; } #nav > ul > li.btn > a { padding-left: 19px; padding-right: 19px; } #nav > ul > li > ul > li { font-size: 17px; } #nav > ul > li > ul > li > ul { width: 280px; } #nav > ul > li > ul > li > a { padding: 19px 30px 19px 0; } #content { } #content > .list-media:last-child { margin-bottom: 50px; } #footer { } #footer nav { margin-left: -100px; } #footer nav > * { margin-left: 100px; } #footer nav > form { min-width: 366px; max-width: 366px; width: 366px; } #footer nav > *:first-child + * + * { min-width: 0; max-width: none; width: auto; } .module-featured h1, .module-featured h2, .module-featured h3, .module-featured h4, .module-featured h5, .module-featured h6 { font-size: 5.4em; } .module-entry header h1, .module-entry header h2, .module-entry header h3, .module-entry header h4, .module-entry header h5, .module-entry header h6 { font-size: 2.8em; } .s24, .check-list li { font-size: 2em; } .list-catalog li, .list-menu li, .list-events li, .list-team li, .module-aside p, .module-aside li, .module-entry p, .module-entry li, .module-aside.wide p, .module-aside.wide li, .form-cart p.strong, .check-box li { font-size: 1.7em; } .check-list { margin-bottom: 22px; } .check-list li { margin-bottom: 6px; } .check-list li.title, .check-list li.title ~ li { float: none; width: auto; padding-right: 0; } .cols-a.a { padding-right: 295px; } .cols-a.a > header:first-child, .cols-a.a > aside { width: 295px; margin-right: -295px; padding-left: 95px; } .image-wide { margin-left: calc(-50vw + 590px); margin-right: calc(-50vw + 590px); } .list-a { } .list-a li, .tabs-a > nav ul li { font-size: 2em; } .list-a a, #root .list-a label { padding: 19px 30px; } .list-a label:before { top: 24.5px; width: 20px; height: 20px; font-size: 10px; line-height: 18px; } .list-cart { } .list-cart li { padding-top: 30px; padding-bottom: 23px; font-size: 9px; } .list-cart li.strong { padding-top: 26px; padding-bottom: 26px; font-size: 26px; } .list-catalog { margin-left: -20px; } .list-catalog li { margin-bottom: 25px; border-left-width: 20px; } .list-collection { } .list-collection li { width: 25%; } [class*="cols"] .list-collection li, .check-box li { width: 33.3333333333%; } .list-events { margin-top: 40px; margin-left: -20px; } .list-events li, .list-media li { padding-left: 0; padding-right: 0; border-left-width: 20px; } .list-events h1 span, .list-events h2 span, .list-events h3 span, .list-events h4 span, .list-events h5 span, .list-events h6 span, .list-media h1 span, .list-media h2 span, .list-media h3 span, .list-media h4 span, .list-media h5 span, .list-media h6 span, .module-entry h1 span, .module-entry h2 span, .module-entry h3 span, .module-entry h4 span, .module-entry h5 span, .module-entry h6 span { margin-top: 15px; } .list-events li.featured { min-height: 405px; padding-top: 40px; } .list-events li.featured figure { width: calc(66.6666666666% - 7px); } .list-events li.featured:before { left: calc(66.6666666666% + 13px); } .list-exposure { max-width: 500px; margin-top: 60px; } .list-exposure li { font-size: 2.4em; } .list-exposure li span { min-width: 198px; padding: 19px 30px; } .list-exposure .owl-item span { left: 58px; } .list-exposure .owl-dots { padding-top: 60px; } .list-featured, .list-featured.a { margin-left: -32px; margin-bottom: 18px; } .list-featured li { width: 49.9999%; margin-bottom: 32px; border-left-width: 32px; font-size: 2.8em; } .list-featured span { left: 40px; right: 40px; bottom: 40px; width: auto; margin: 0; padding: 20px; } .list-featured span span { margin-top: 20px; } .list-featured .owl-dots { padding: 15px; } .list-featured ul { padding-top: 28px; } .list-featured i[class*="icon-text"] { font-size: 23px; line-height: 55px; } .list-featured i[class*="icon-text"]:after { font-size: 55px; line-height: 55px; } .list-media { margin-top: 40px; margin-left: -20px; } .list-media li { margin-bottom: 28px; padding-bottom: 20px; } .list-media li:after, .list-media figure { left: -10px; right: -10px; top: -18px; } .list-media h1, .list-media h2, .list-media h3, .list-media h4, .list-media h5, .list-media h6 { margin-bottom: 13px; font-size: 1.6em; } .list-media p { margin-bottom: 15px; } .list-menu { margin-top: 0; } .list-slider { margin-left: -20px; } .list-slider li { margin-bottom: 20px; border-left-width: 20px; } .list-team { margin-top: 0; } .list-team li { margin-bottom: 30px; } .list-team figure { margin-bottom: 20px; } .module-aside, .module-aside.wide { margin-bottom: 50px; padding-left: 600px; } .module-aside.wide > * { width: 100%;} .module-aside.wide > figure { width: calc(50vw + 590px - 630px); margin-left: calc(-50vw + 590px - 600px); padding-right: 0; } .module-aside p, .module-aside ul, .module-aside ol { margin-bottom: 28px; } .module-aside > * > h1:first-child, .module-aside > * > h2:first-child, .module-aside > * > h3:first-child, .module-aside > * > h4:first-child, .module-aside > * > h5:first-child, .module-aside > * > h6:first-child { margin-top: 50px; } .module-aside .link-btn:last-child { margin-bottom: 50px; } .module-aside > figure { width: 600px; margin-left: -600px; padding-right: 50px; } .module-aside p, .module-aside ul, .module-aside ol, .module-aside.wide p, .module-aside.wide ul, .module-aside.wide ol { margin-bottom: 29px; } .module-drop-panel { } .module-drop-panel .triple { margin-left: -40px; } .module-drop-panel .triple > * { border-left-width: 40px; } .module-drop-panel .triple .ui-datepicker { width: auto; padding-left: 20px; padding-right: 20px; } .module-entry { padding-bottom: 22px; } .module-entry .fl-r { padding-top: 40px;} #root .module-entry > header { margin-top: -3px; } .module-entry li:after { top: 10px; } .module-entry .link-btn a, .module-aside .link-btn a, .form-cart button, #root .list-featured span.btn, .module-featured .link-btn a { min-width: 198px; padding: 19px 30px 19px 70px; } .module-entry .link-btn a:before, .module-aside .link-btn a:before, .form-cart button:before, #root .list-featured span.btn:before, .module-featured .link-btn a:before { left: 30px; } .module-featured { margin-bottom: 40px; } .module-featured article { min-height: 530px; margin-bottom: 40px; padding: 75px 75px 20px 682px; } .module-featured figure, .module-featured .form-search { width: 607px; } #root .module-featured .form-search input { height: 62px; padding: 0 32px 0 62px; } .module-featured .form-search { bottom: 62px; } .module-featured .form-search button { width: 82px; } .module-featured .owl-dots { padding-left: 20px; } .module-product { padding-right: 350px; } .module-product > *:first-child { width: 350px; max-width: 350px; min-width: 350px; margin-right: -350px; } .scheme-meshek { } .scheme-meshek i { font-size: 142px; line-height: 142px; } .scheme-meshek i.icon-meshek-big { font-size: 250px; line-height: 250px; } .tabs-a { max-width: 590px; } .theme-intro { } .theme-intro #logo { top: 34px; } .theme-intro #logo:before, .theme-intro #logo:after { font-size: 135px; line-height: 135px; } .theme-intro .list-featured > li:before { width: 120px; height: 120px; } .ui-datepicker { padding-top: 26px; padding-bottom: 16px; } .form-cart { } .form-cart .double { margin-left: -20px; } .form-cart .double > * { border-left-width: 20px; } .form-details { } .form-details p label { padding-top: 14px; font-size: 20px; } .form-search { } #root .form-search input { width: 490px; font-size: 18px; } .form-search button { width: 62px; } #nav > ul > li.btn > a:before { display: none; } } @media only screen and (max-width: 75em) { /* 1200 */ #top, #content, #footer { width: 980px; } #top { margin-left: -490px; } #root { padding-top: 146px; } #top { height: 146px; } #logo:before { font-size: 90px; } #nav { left: 0; right: 0; padding-right: 250px; } #nav > ul, #nav > ul + ul { position: relative; left: 0; } #nav > ul { margin-left: auto; margin-right: auto; } #nav > ul > li { height: 146px; margin: 0 10px; font-size: 2em; } #nav > ul > li > a, #nav > ul > li > a i { height: 70px; line-height: 70px; } #nav > ul > li.btn > a { padding-left: 25px; padding-right: 25px; font-size: .9em; } #nav > ul + ul { position: static; margin-left: -19px; margin-right: 0; } #nav > ul + ul > li { margin: 0 19px; padding: 0; } #nav > ul > li > ul, #nav > ul > li > form { left: 0; } #content { } #content > *:last-child { margin-bottom: 68px; } #content > .cols-a:last-child { margin-bottom: 40px; } #footer { } #footer nav { margin-left: -50px; } #footer nav > * { margin-left: 50px; } #footer nav > form { min-width: 320px; max-width: 320px; width: 320px; } .module-featured h1, .module-featured h2, .module-featured h3, .module-featured h4, .module-featured h5, .module-featured h6 { font-size: 5em; } .module-product header h1, .module-product header h2, .module-product header h3, .module-product header h4, .module-product header h5, .module-product header h6, .module-product header .list-inline li { font-size: 2.8em; } .module-product header p { font-size: 2em; } .cols-a { padding-right: 345px; } .cols-a > header:first-child, .cols-a > aside { width: 345px; margin-right: -345px; } .cols-a > * > .nav-aside:first-child { margin-top: 0; } .cols-a.a { padding-right: 327px; } .cols-a.a > header:first-child, .cols-a.a > aside { width: 327px; margin-right: -327px; padding-left: 127px; } .cols-a.b { padding-left: 330px; } .cols-a.b > header:first-child, .cols-a.b > aside { width: 330px; margin-left: -330px; } .image-wide { margin-left: calc(-50vw + 490px); margin-right: calc(-50vw + 490px); } .link-btn { } .link-btn a, button, input[type="button"], input[type="reset"], input[type="submit"], #footer .link-btn a, .link-btn a.big { padding-top: 19px; padding-bottom: 19px; font-size: 17px; } .link-btn i, button i { margin-right: 15px; } .list-collection { } .list-collection li, .list-media li { width: 33.333333333333%; } [class*="cols"] .list-collection li, .check-box li { width: 50%; } .list-collection.is-slider { padding-left: 0; padding-right: 0; } .list-collection.is-slider .owl-nav button.owl-prev { right: -50px; bottom: 50px; } .list-collection.is-slider .owl-nav button.owl-next { left: -50px; bottom: 50px; } .module-drop-panel { } #root .module-drop-panel .triple > * { width: 50%; } .list-a { } .list-a li, .tabs-a > nav ul li { font-size: 1.8em; } .list-exposure { max-width: 400px; } .list-exposure li { font-size: 2.2em; } .list-exposure .owl-item span { left: 46px; } .list-featured, .list-featured.a { margin-left: -20px; margin-bottom: 20px; } .list-featured li, .list-featured.a li { width: 49.9999%; margin-bottom: 20px; border-left-width: 20px; font-size: 2.2em; } .list-featured span { left: 40px; right: 40px; bottom: 40px; width: auto; margin: 0; padding: 20px; } .list-featured span span { margin-top: 20px; } .list-featured .owl-dots { padding: 15px; } .list-featured i[class*="icon-text"] { font-size: 19px; line-height: 45px; } .list-featured.a.third .icon-text-a, .list-featured.a.third .icon-text-b { font-size: 19px !important; line-height: 45px; } .list-featured.a.third i[class*="icon-text"]:after { font-size: 32px; line-height: 45px; } , .list-featured i[class*="icon-text"]:after { font-size: 45px; line-height: 45px; } .list-product { } .list-product .custom { margin-left: -10px; padding-top: 10px; } .list-product .custom > * { margin-bottom: 10px; border-left-width: 10px; } .list-team { margin-left: -24px; } .list-team li { margin-bottom: 20px; border-left-width: 24px; } .module-aside, .module-aside.wide { padding-left: 500px; } .module-aside > figure { width: 500px; margin-left: -500px; } .module-aside.wide > figure { width: calc(50vw + 490px - 530px); margin-left: calc(-50vw + 490px - 500px); } .module-box { padding-left: 20px; padding-right: 20px; } .module-box h1, .module-box h2, .module-box h3, .module-box h4, .module-box h5, .module-box h6 { margin-left: -20px; margin-right: -20px; padding-left: 20px; padding-right: 20px; } .module-featured { } .module-featured article { min-height: 400px; padding: 50px 50px 20px calc(50% + 50px); } .module-featured figure, .module-featured .form-search { width: 50%; } .module-product { padding-right: 320px; } .module-product > *:first-child { width: 320px; max-width: 320px; min-width: 320px; margin-right: -320px; } .nav-aside { } .nav-aside li { margin-bottom: 20px; font-size: 2em; } .nav-aside li a { padding: 25px 25px 25px 42px; } .nav-aside li a:before { display: block; left: 20px; } .tabs-a { max-width: 490px; } .theme-intro { } .theme-intro #logo { top: 24px; } .theme-intro .list-featured > li:before { width: 100px; height: 100px; } .form-details { } .form-details p label { float: none; padding: 0 0 5px; } .form-search { } #root .form-search input { width: 440px; font-size: 17px; } .list-collection .owl-dots { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } #root .module-drop-panel .triple { -webkit-flex-wrap: wrap; flex-wrap: wrap; } .module-drop-panel .triple > *:last-child, .module-drop-panel .triple .scheme-meshek i { display: none; } } @media only screen and (max-width: 62.5em) { /* 1000 */ #top, #content, #footer { width: 720px; } #top { margin-left: -360px; } #root { padding-top: 78px; } #top { height: 78px; } #logo, .theme-intro #logo { top: 0; bottom: auto; width: 150px; height: 78px; } #logo:before, .theme-intro #logo:before, .theme-intro #logo:after { font-size: 55px; line-height: 78px; } .theme-intro #logo { margin-right: -75px; } #nav { padding-right: 137px; } #nav > ul > li, #nav > ul + ul > li { height: 78px; margin-left: 8px; margin-right: 8px; font-size: 1.6em; } #nav > ul > li > a, #nav > ul > li > a i { height: 58px; line-height: 58px; } #nav > ul > li.btn > a { padding-left: 15px; padding-right: 15px; font-size: .8em; } #nav > ul + ul > li { margin-left: 10px; margin-right: 10px; } #nav > ul > li > ul, #nav > ul > li > form { left: 0; } #root #nav > ul > li > form { right: 0; left: 0; width: auto; padding-right: 0; padding-left: 0; } #root #nav > ul > li > form:before { right: -3000em; left: -3000em; } #nav > ul + ul { margin-left: -10px; } #content { } #content > *:last-child { margin-bottom: 58px; } #content > .cols-a:last-child { margin-bottom: 30px; } #footer { } #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6, #footer form h1, #footer form h2, #footer form h3, #footer form h4, #footer form h5, #footer form h6 { margin-bottom: 30px; } #footer nav { } #footer nav > form { width: 100%; min-width: 0; max-width: none; border-left-width: 50px; } #footer form { margin-left: -20px; } #footer form h1, #footer form h2, #footer form h3, #footer form h4, #footer form h5, #footer form h6 { width: 100%; border-left-width: 20px; } #footer form p { border-left-width: 20px; } #footer form button { margin-top: 0; height: 58px; padding-top: 0; padding-bottom: 0; } #footer .double { margin-top: 0; } h1, h2, .h1, .header-a, .module-aside > * > h1:first-child, .module-aside > * > h2:first-child, .module-aside > * > h3:first-child, .module-aside > * > h4:first-child, .module-aside > * > h5:first-child, .module-aside > * > h6:first-child { font-size: 5em; } .module-featured h1, .module-featured h2, .module-featured h3, .module-featured h4, .module-featured h5, .module-featured h6 { font-size: 4em; } .s24, .module-drop-panel p, .module-drop-panel li, .list-lang li { font-size: 1.8em; } .cols-a { padding-right: 275px; } .cols-a > header:first-child, .cols-a > aside { width: 275px; margin-right: -275px; } .cols-a.a { padding-right: 240px; } .cols-a.a > header:first-child, .cols-a.a > aside { width: 240px; margin-right: -240px; padding-left: 40px; } .image-wide { margin-left: calc(-50vw + 360px); margin-right: calc(-50vw + 360px); } .list-a { } .list-a label:before { top: 22.5px; } .list-cart { } .list-cart li { padding-top: 25px; padding-bottom: 18px; } .list-catalog { margin-left: -10px; } .list-catalog li { margin-bottom: 15px; border-left-width: 10px; font-size: 1.5em; } .list-collection { margin-top: 0; } .list-collection ul { margin-left: -18px; } .list-collection ul li { margin-left: 18px; font-size: 1.4em; } .list-collection ul li:before { right: -18px; width: 18px; } .list-collection .q-add .quick-add-to-cart { padding-left: 10px; padding-right: 10px; font-size: 17px; } #root .list-collection figure span { top: 10px; } .list-collection .owl-stage-outer { border-left-width: 1px; } .list-collection.is-slider li { border-left-width: 0; } .list-events { margin-top: 30px; } .list-events li, .list-events li.featured { width: 50%; padding-left: 0; padding-top: 0; } .list-events li.featured:before { left: 0; } .list-events li.featured figure { position: relative; width: auto; margin-bottom: 20px; } .list-events li.featured img { height: auto !important; } .list-featured { height: auto !important; } .list-featured li { position: relative !important; left: 0 !important; top: 0 !important; right: 0 !important; bottom: 0 !important; width: 100%; } .list-featured li { -webkit-transform: none !important; transform: none !important; } .list-featured ul { padding-top: 28px; } #root .list-featured ul li { font-size: .8em; } .list-featured i[class*="icon-text"] { font-size: 15px; line-height: 35px; } .list-featured i[class*="icon-text"]:after { font-size: 35px; line-height: 35px; } .list-feed { margin-bottom: 50px; height: 50vw; } .list-feed li { width: 25%; margin: 12px 0; padding: 0 12px;} .list-lang { } .list-lang li.sub > a { padding-right: 20px; } .list-lang li.sub > a:before { font-size: 5px; } .list-menu, .list-menu.cols { display: block; margin-left: 0; margin-bottom: 26px; } .list-menu li, .list-menu.cols li, .list-menu.cols li:first-child + li, .list-menu + .list-menu li:first-child { width: auto; margin-top: 26px; padding-top: 30px; border-top-width: 1px; border-left-width: 0; } .list-product { } .list-product .custom { margin-left: -20px; padding-top: 20px; } .list-product .custom > * { margin-bottom: 20px; border-left-width: 20px; } .list-team { } .list-team li { width: 50%; } .module-aside, .module-aside.wide { display: block; padding-left: 0; } #root .module-aside > figure, #content > .module-aside:first-child > figure { width: 100%; margin: 0 0 30px; padding: 0; } .module-aside > * > h1:first-child, .module-aside > * > h2:first-child, .module-aside > * > h3:first-child, .module-aside > * > h4:first-child, .module-aside > * > h5:first-child, .module-aside > * > h6:first-child { margin-top: 0; } .module-drop-panel { padding: 40px 40px 13px; } #root .module-drop-panel .triple > * { width: 55%; } #root .module-drop-panel .triple > *:first-child { width: 45%; } .module-drop-panel .triple .ui-datepicker:first-child { margin-top: 0; } .module-entry .fl-l, .module-entry .fl-r { float: none; width: 100%;} .module-entry .link-btn a { width: 100%; text-align: center; margin-top: 22px;} .module-featured { } #root .module-featured article { min-height: 0; padding: 0 40px .1px; } .module-featured h1 span, .module-featured h2 span, .module-featured h3 span, .module-featured h4 span, .module-featured h5 span, .module-featured h6 span { margin-bottom: 20px; } #root .module-featured figure { position: relative; width: auto; margin: 0 -32px -40px; display: block; order: 3;} .module-featured img, .list-featured img { max-height: 350px !important; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; } #root .module-featured .form-search { position: relative; left: 0; right: 0; top: 0; bottom: 0; width: auto; margin: 0 0 20px; padding: 0; border-width: 0; } #root .module-featured .owl-dots { position: relative; left: 0; right: 0; padding: 0; width: auto; padding: 20px 0 0; } .module-product { display: block; padding-right: 0; } /* BACKUP .module-product > *:first-child { width: auto; max-width: none; min-width: 0; margin-right: 0; padding-left: 0; } */ .module-product > *:first-child { width: auto; max-width: 100%; margin-right: 0; padding-left: 0; } .nav-aside { } .nav-aside li { font-size: 1.8em; } .theme-intro { } .theme-intro #top .list-social { top: 29px; } .theme-intro #top .list-lang { top: 26.5px; } .theme-intro .list-featured > li:before { width: 70px; height: 70px; } form { } input, select, textarea { font-size: 17px; } input { height: 52px; padding: 0 28px; } select { height: 52px; padding: 0 28px 0 52px; } textarea { padding: 13px 28px 13px 13px; } input:focus { padding-left: 27px; padding-right: 27px; } select:focus { padding-left: 27px; } textarea:focus { padding: 12px 32px 12px 12px; } .form-contact { } #root .form-contact button { padding: 19px 30px; font-size: 17px; } .form-search { margin-top: 20px; margin-bottom: 40px; border-bottom-width: 1px; } #root .form-search .header-a { margin-bottom: 20px; padding-bottom: 0; border-bottom-width: 0; } #root .form-search input { width: 100%; padding-left: 28px; padding-left: 52px; } .form-search button { width: 52px; } .form-search p:first-child { position: relative; top: 0; margin: 0 0 20px; } .form-search .tabs-a { max-width: none; } .form-search .tabs-a:last-child { border-bottom-width: 0; } #footer form { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } #root .module-featured .owl-dots { -webkit-flex-direction: row; flex-direction: row; } #footer nav { -webkit-flex-wrap: wrap; flex-wrap: wrap; } #footer nav > form, #footer form p { -webkit-flex-grow: 3; -ms-flex-grow: 3; flex-grow: 3; } .list-menu.cols:before, .form-contact button:before { display: none; } #root .desktop-hide, #root .tablet-only, .form-search .tabs-a { position: relative; left: 0; top: 0; } #root .desktop-only, #root .tablet-hide, .list-collection .q-add .quick-add-to-cart:after { position: absolute; left: -3000em; top: -3000em; right: auto; bottom: auto; } } @media only screen and (max-width: 47.5em) { /* 760 */ #content, #footer { width: auto; } #content, #footer { padding-left: 32px; padding-right: 32px; } #root .list-featured ul li { font-size: 15px; padding: 0; } #root { padding-top: 66px; } #root.with-notice { padding-top: 100px;} .module-featured img, .list-featured img { max-height: 275px !important; } #top, .theme-intro #top { position: fixed; left: 0; right: 0; height: 66px; width: auto; margin: 0; box-shadow: 0 0 10px rgba(0,0,0,.1); background: var(--bush); } #top.with-notice { padding-top: 46px; height: 110px;} #top #notice { font-size: 14px; height: auto;} #logo { width: 148px; right: 26px; } #top.with-notice #logo { top: 46px;} #root #logo:before { font-size: 35px; line-height: 66px; text-align: center; } #logo a { padding: 5%; width: 90%; height: 90%;} #root #top.with-notice #nav { top: 46px;} #root #nav { padding: 0 12px; } #root #nav > ul { margin: 0 auto 0 0; } #nav > ul > li, #nav > ul + ul > li { position: static; height: 66px; } #root #nav > ul > li.mobile-only { position: static; } #nav > ul > li.toggle > a:before { content: ""; display: block; position: absolute; left: -20px; right: -20px; top: -4px; height: 4px; background: var(--leaf); } #nav > ul > li.toggle > a { color: var(--leaf); } #nav > ul + ul > li { margin: 0 20px; } #nav > ul > li.btn > a { height: 40px; line-height: 40px; } #nav > ul > li.btn + li { margin-right: 0; } #root #nav > ul > li > form, #root #nav > ul > li > ul { overflow-y: auto; overflow-x: hidden; left: 0; right: 0; width: auto; max-height: calc(100vh - 66px); margin: 0; } #root #nav > ul > li > ul > li { position: relative; font-size: 18px; } #root #nav > ul > li > ul > li > a { padding: 14px 32px; } #root #nav > ul > li > ul > li.sub > a { padding-left: 60px; } #root #nav > ul > li > ul > li > a.toggle { display: block; position: absolute; left: 0; top: 0; z-index: 9; width: 50px; height: 49px; padding: 0; font-size: 6px; } #nav a.toggle:after { content: "\e91e"; left: 32px; right: auto; } #nav li.toggle > a.toggle:after { content: "\e921"; } #root #nav > ul > li > ul > li.active > a, [data-whatintent="mouse"] #root #nav > ul > li > ul > li:hover > a { color: var(--bush); } #nav > ul > li > ul > li.active > a:before, [data-whatintent="mouse"] #nav > ul > li > ul > li:hover > a:before { background: var(--white); } #root #nav > ul > li > ul > li > ul { display: none; position: relative; left: 0; right: 0; width: auto; margin: -8px 0 0; padding: 0 0 19px; border-width: 0; } #root #nav > ul > li > ul > li > ul li { margin: 0; font-size: 1em; text-align: right; } #root #nav > ul > li > ul > li > ul li a { padding: 3px 32px; } #nav > ul > li > ul > li.mobile-only + li > a:before { border-top-width: 1px; } #root #nav > ul > li > form { padding: 18px 32px 1px; } #content { padding-top: 25px; } #content > *:last-child { margin-bottom: 40px; } #content > .cols-a:last-child, #content:last-child > .list-featured:last-child, #content > .list-media:last-child { margin-bottom: 20px; } #footer { } #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 { font-size: 1.8em; } #footer nav { display: block; margin-left: 0; } #root #footer nav > *, #root #footer form > * { min-width: 0; max-width: none; width: 100%; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; border-left-width: 0; } #footer form { } #footer input, #footer select, #footer textarea { height: 39px; } #footer form button { height: auto; margin-top: 10px; } #footer .link-btn { margin-top: 25px; } #root #footer .link-btn a { padding-left: 10px; padding-right: 10px; } #root #footer .list-social { position: relative; top: 0; left: 0; right: 0; width: auto; margin: 0 -32px; padding: 30px 0 5px; border-top-width: 1px; } #footer .list-social li { width: auto; margin-left: 20px; margin-right: 20px; border-width: 0; } #footer ul { margin-left: -22px; } #footer ul li { width: 50%; border-left-width: 22px; } #root #footer > p { padding-top: 0; border-width: 0; text-align: center; } h1, h2, .h1, .header-a, .module-aside > * > h1:first-child, .module-aside > * > h2:first-child, .module-aside > * > h3:first-child, .module-aside > * > h4:first-child, .module-aside > * > h5:first-child, .module-aside > * > h6:first-child, .module-blog header h1, .module-blog header h2, .module-blog header h3, .module-blog header h4, .module-blog header h5, .module-blog header h6, .module-featured h1, .module-featured h2, .module-featured h3, .module-featured h4, .module-featured h5, .module-featured h6 { font-size: 4em; } .module-aside h1 span, .module-aside h2 span, .module-aside h3 span, .module-aside h4 span, .module-aside h5 span, .module-aside h6 span { margin-bottom: 5px; font-size: 0.375em; } .module-entry header h1, .module-entry header h2, .module-entry header h3, .module-entry header h4, .module-entry header h5, .module-entry header h6, .list-collection h1, .list-collection h2, .list-collection h3, .list-collection h4, .list-collection h5, .list-collection h6 { font-size: 2.4em; } h2 { font-size: 3.6em; } .module-aside h1, .module-aside h2, .module-aside h3, .module-aside h4, .module-aside h5, .module-aside h6, .module-entry h1, .module-entry h2, .module-entry h3, .module-entry h4, .module-entry h5, .module-entry h6, .module-product header h1, .module-product header h2, .module-product header h3, .module-product header h4, .module-product header h5, .module-product header h6, .module-product header .list-inline li { font-size: 2em; } .module-product h1, .module-product h2, .module-product h3, .module-product h4, .module-product h5, .module-product h6, .form-details h1, .form-details h2, .form-details h3, .form-details h4, .form-details h5, .form-details h6, .check-list li, .check-list li.title { font-size: 1.8em; } li, dt, dd, p, figure, th, td, caption, legend, pre, .list-catalog li, .list-menu li, .list-events li, .list-team li, .module-aside p, .module-aside li, .module-entry p, .module-entry li, .module-aside.wide p, .module-aside.wide li, .form-cart p.strong, .check-box li, .module-blog p, .module-blog li, .module-blog .header-inline, .module-blog header ul li, .module-blog header p, .list-collection .q-add p { font-size: 1.6em; } #footer .double p { font-size: 1.3em; } .popup-a .box-inset { padding: 0 0 30px; } .popup-a .box-inset img { margin: 0 auto 24px ; width: 100%; height: 56.25vw !important; float: none; border-radius: 6px 6px 0 0;} .popup-a form { flex-flow: column wrap; margin-right: 0; margin-left: 0; justify-content: center; align-items: center;} .popup-a h2, .popup-a p { max-width: 90%; margin: 0 auto;} .popup-a h2 { margin-bottom: 20px; font-size: 28px; text-align: center; } .popup-a p { margin-bottom: 16px; font-size: 18px; text-align: center; } .popup-a p.link-btn { margin-top: 48px;} .popup-a .box-inset > .close { right: 10px; top: calc(50% + 10px); font-size: 20px; } span.price, .module-product header p, .module-product .summary p { font-size: 2em;} .module-product .summary p.price { font-size: 2.4em;} #root .image-wide { margin-bottom: 40px; } .module-featured h1 span, .module-featured h2 span, .module-featured h3 span, .module-featured h4 span, .module-featured h5 span, .module-featured h6 span { margin-bottom: 25px; } .module-blog header, ul, ol, dl, p, figure, table, pre, h1, h2, h3, h4, h5, h6, legend, .module-aside p, .module-aside ul, .module-aside ol, .module-aside.wide p, .module-aside.wide ul, .module-aside.wide ol, .module-aside > * > h1:first-child, .module-aside > * > h2:first-child, .module-aside > * > h3:first-child, .module-aside > * > h4:first-child, .module-aside > * > h5:first-child, .module-aside > * > h6:first-child, #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6, #footer form h1, #footer form h2, #footer form h3, #footer form h4, #footer form h5, #footer form h6, h1, h2, .h1, .header-a, .module-blog p, .module-blog ul, .module-blog ol, #root .form-search .header-a, .form-details p, .check-box { margin-bottom: 16px; } .nav-aside li, .module-blog header h1, .module-blog header h2, .module-blog header h3, .module-blog header h4, .module-blog header h5, .module-blog header h6, .list-catalog img { margin-bottom: 10px; } .check-box { margin-left: -4px; } .check-box li { width: 33.3333333333%; margin-bottom: 4px; border-left-width: 4px; } .check-box label { padding-top: 11px; padding-bottom: 11px; } .check-list { margin-bottom: 10px; } .check-list li { margin-bottom: 0; } .check-list li.title { float: right; width: 140px; } .check-list li.title ~ li { padding-right: 140px; } .check-list label { padding-right: 30px; } .check-list label:before { width: 12px; height: 12px; margin: -6px 0 0; } .check-list label:after { right: 7px; width: 6px; height: 6px; margin-top: -3px; } #root .cols-a { display: block; padding-left: 0; padding-right: 0; } #root .cols-a > * { float: none; width: auto; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; } .header-a { margin-bottom: 20px; padding-bottom: 0; border-width: 0; } .image-wide, .link-btn.wide, #root .module-aside > figure, #content > .module-aside:first-child > figure { width: auto; margin-left: -32px; margin-right: -32px; } .image-wide img { min-height: 260px !important; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; } .list-a, .tabs-a > nav ul li a { line-height: 1.2; } .list-a li { font-size: 18px; } .list-a a, .tabs-a > nav ul li a, #root .list-a label { padding: 14px 32px; } #root .list-a label { padding-right: 64px; } .list-a label:before { right: 32px; top: 14.5px; } .link-btn { } .link-btn a, button, input[type="button"], input[type="reset"], input[type="submit"], #footer .link-btn a, .link-btn a.big, .module-entry .link-btn a, .module-aside .link-btn a, #root .list-featured span.btn, .link-btn a, button, input[type="button"], input[type="reset"], input[type="submit"], .link-btn a.big, #footer .link-btn a, #footer .double .link-btn a, #footer form button, #root .form-contact button, .module-featured .link-btn a, .list-exposure li span { min-width: 0; padding: 15px 20px; font-size: 17px; } .module-entry .link-btn a, .module-aside .link-btn a, .form-cart button, #root .list-featured span.btn, .nav-aside li a, .module-drop-panel .link-btn a, .module-featured .link-btn a { min-width: 0; padding-left: 50px; padding-right: 20px; padding-top: 17px; padding-bottom: 17px; font-size: 17px; } .module-entry .link-btn a:before, .module-aside .link-btn a:before, .form-cart button:before, #root .list-featured span.btn:before, .module-featured .link-btn a:before, .nav-aside li a:before, .module-drop-panel .link-btn a:before, .theme-intro .list-featured span.btn:before { left: 20px; font-size: 0.7272727273em; } .link-btn i[class*="chevron"], button i[class*="chevron"] { margin-right: 15px; } .list-cart { } .list-cart li { font-size: 7.5px; } .list-cart p { width: 215px; } .list-cart p input { width: 65px; height: 35px; font-size: 18px; } .list-cart .semantic-number .btn { width: 25px; font-size: 5px; } .list-cart li.strong { padding-top: 20px; padding-bottom: 20px; font-size: 22px; } .list-cart ul { margin-left: -16px; } .list-cart ul li { margin-left: 16px; } .list-cart ul li:before { left: -16px; width: 16px; } .list-cart ul li i { margin-left: 5px; } .list-catalog { margin-left: -24px; margin-bottom: 22px; } .list-catalog li { width: 50%; margin-bottom: 22px; border-left-width: 24px; } .list-collection { display: block; margin-top: 30px; border-width: 0; } #root .list-collection { border-width: 0; padding: 16px; } #root .list-collection li { width: auto; min-height: 125px; margin: 0 -32px 20px; padding: 5px 180px 92px 32px; border-width: 0; border-bottom-width: 1px; } #root .list-collection.is-slider li { margin-bottom: 0; border-bottom-width: 0; } .list-collection figure { position: absolute; right: 32px; top: 0; width: 125px; height: 125px; margin: 0; } .list-collection figure img { width: 100% !important; height: 100% !important; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; } #root .list-collection figure span { -webkit-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: scale(.8); transform: scale(.8); } .list-collection ul { margin: 0; } #root .list-collection ul li { min-height: 0; margin: 0 0 0 18px; padding: 0; border-width: 0; } .list-collection ul li:before { right: -18px; width: 18px; } #root .list-collection ul li[class] { display: block; width: 100%; padding-top: 10px; } .list-collection .slow-add-to-cart { font-size: 17px; font-weight: bold; line-height: 1.5; width: calc(100% - 64px);} .list-collection .slow-add-to-cart:after { margin-top: 0; } .list-collection .q-add, .list-collection .slow-add-to-cart { position: absolute; left: 32px; right: 32px; bottom: 20px; margin: 0; } .list-collection .q-add input { width: 100%; border-right-width: 1px; border-bottom-width: 1px; } .list-collection .q-add p.quantity { width: 50%; } .list-collection .q-add .quick-add-to-cart { max-width: 50%; min-width: 50%; padding-left: 20px; } .list-collection .q-add .quick-add-to-cart:after { left: 15px; top: 50%; } h1 + .list-collection, h2 + .list-collection, h3 + .list-collection, h4 + .list-collection, h5 + .list-collection, h6 + .list-collection { margin-top: 20px; } .list-collection + h1, .list-collection + h2, .list-collection + h3, .list-collection + h4, .list-collection + h5, .list-collection + h6, .cols-a + h1, .cols-a + h2, .cols-a + h3, .cols-a + h4, .cols-a + h5, .cols-a + h6 { padding-top: 0; border-top-width: 0; } #root .list-collection .owl-stage-outer { border-width: 0; } .list-collection .owl-dots { padding-top: 0; } #root .module-quick-order h2 { font-size: 26px;} #root .module-quick-order h3 { font-size: 20px;} #root .quick-image { height: 30vh; margin: -24px -32px 24px;} #root .list-collection.quick { width: 100%; max-width: 560px; padding: 0; margin: 32px 0;} #root [class*="cols"] .list-collection.quick > li { width: 100%; padding: 0 0 80px; margin: 0 0 8px; border-bottom-width: 0; } #root [class*="cols"] .list-collection.quick > li figure { position: static;} #root [class*="cols"] .list-collection.quick > li .product-content { flex-basis: 55%; order: 1; padding-left: 12px;} #root [class*="cols"] .list-collection.quick > li form { width: 100%; margin: 12px 0 0; order: 3; right: 0; } .list-pills { margin-left: -32px; flex-flow: nowrap;} .list-pills.fixed { top: 65px; width: 100%;} .list-exposure { max-width: 317px; margin-top: 48px; } .list-exposure .owl-item span { left: 23px; } .list-exposure .owl-item.active li { box-shadow: 15px 0 0 var(--white), -15px 0 0 var(--white); } .list-exposure .owl-dots { padding-top: 36px; } .list-featured, #root .list-featured { display: block; height: auto !important; margin: 0 -32px 0; } #root .list-featured li { overflow: visible; position: relative !important; left: 0 !important; right: 0 !important; top: 0 !important; width: 100%; margin: 0 0 40px; border-left-width: 0; padding: 0 1rem;} .list-featured .owl-dots { position: relative; margin-bottom: -10px; padding: 10px 0 0; } .list-featured ul { position: relative; top: 20px; padding: 0; } .list-featured i[class*="icon-text"] { top: 50%; font-size: 4vw; line-height: 9.5vw; } .list-featured i[class*="icon-text"]:after { font-size: 9.5vw; line-height: 9.5vw; } .list-featured.a.third i[class*="icon-text"]:after { font-size: 8vw; line-height: 8vw; } .list-featured i[class*="icon-text"]:after { color: var(--white); } .list-feed { margin-bottom: 60px; height: 100vw;} .list-feed li { width: 50%; margin-bottom: 25px; } .list-feed li:nth-of-type(n+4):nth-last-of-type() { display: none;} .list-feed.is-slider .owl-item { width: 125px !important; } .list-feed + .s17 { margin-top: -44px; margin-bottom: 60px; } .list-inline { margin-left: -16px; } .list-inline li { margin-left: 16px; } .list-lang { } .list-lang li { font-size: 1.4em; } .list-lang li.sub > a { padding-right: 13px; } .list-lang li.sub > a:before { font-size: 4px; } .list-lang ul li { font-size: 1em; } .list-media, .header-a + .module-aside, .module-aside .link-btn { margin-top: 0; } .list-collection li, .list-media li { width: 50%; } .list-product, .list-product.is-slider { position: relative; margin: 0 -32px 25px; } .list-product .custom { position: absolute; left: 0; right: 0; bottom: 13px; z-index: 9; margin: 0; padding: 0; } .list-product .custom li { width: 30px; height: 30px; margin: 0; border-width: 0; } .list-product .custom a { overflow: hidden; position: relative; width: 30px; height: 30px; } .owl-dots button { width: 30px; height: 30px; background: none; } .list-product .custom a.current:after { -webkit-transform: scale(2); transform: scale(2); } .list-product .custom a:after { left: 50%; top: 50%; right: auto; bottom: auto; width: 6px; height: 6px; margin: -3px 0 0 -3px; border-radius: 9px; background: var(--white); } .module-aside { margin-bottom: 40px; } #content > .module-aside:first-child, #content > .image-wide:first-child, #content > .link-btn.wide:first-child, #content > .module-drop:first-child > .link-btn.wide:first-child, #content > .module-featured:first-child, #content > .list-featured:first-child { margin-top: -25px; } .module-blog { } .module-blog header ul { color: var(--bush); } .module-drop { } .module-drop.m20 + .nav-breadcrumbs { margin-top: -10px; } .module-drop .module-drop-panel { left: -32px; right: -32px; padding: 32px 32px 4px; } .module-drop-panel { } .module-drop-panel .link-btn.wide { margin-left: 0; margin-right: 0; } .module-drop-panel .triple { max-width: 420px; margin-left: auto; margin-right: auto; } .module-drop-panel .triple > * { border-left-width: 0; } #root .module-drop-panel .triple > *:first-child, #root .module-drop-panel .triple > * { width: 100%; } .module-entry, #root .module-entry { display: block; margin: 0 -32px 30px; padding: 0 32px; } #root .module-aside + .module-entry { padding-top: 30px; border-top-width: 4px; } #root .module-entry > header, #root .module-entry > * { width: auto; margin: 0 0 30px; padding-left: 0; padding-right: 0; } .module-entry .fl-r { padding-top: 0; padding-bottom: 1rem;} .module-featured { margin: 0 -32px 48px; } .page-template-page-shop h1 { position: absolute; right: 32px; top: 25px; z-index: -1;} #root .module-featured article { min-height: 0; padding: 40px 32px 0; } .module-product { margin: 0 -32px 25px; padding: 0 32px 16px; border-bottom-width: 1px; flex-flow: row wrap; } #root .module-product { padding-left: 32px; padding-right: 32px; } .module-product > * { position: relative; } .module-product header { position: absolute; left: 0; top: -6px; margin: 0; padding: 0; border-width: 0; } .module-product header .list-inline { margin-left: -22px; } .module-product header .list-inline li { margin-left: 22px; } .module-product header .list-inline li:before { left: -22px; width: 22px; } .module-product header + h1, .module-product header + h2, .module-product header + h3, .module-product header + h4, .module-product header + h5, .module-product header + h6, .module-product header + * > h1:first-child, .module-product header + * > h2:first-child, .module-product header + * > h3:first-child, .module-product header + * > h4:first-child, .module-product header + * > h5:first-child, .module-product header + * > h6:first-child { padding-left: 90px; padding-right: 0; } .nav-breadcrumbs { } .nav-breadcrumbs ol, .nav-breadcrumbs ul { margin-left: -40px; } .nav-breadcrumbs li { margin-left: 40px; } .nav-breadcrumbs li:before { left: -40px; width: 40px; } .tabs-a { padding: 0 32px; } .tabs-a > nav ul, .tabs-a .list-a, #root .list-product { margin-left: -32px; margin-right: -32px; } .tabs-a > nav ul:before { left: 0; right: 0; } .tabs-toggle { } h1 a.tabs-toggle:after, h2 a.tabs-toggle:after, h3 a.tabs-toggle:after, h4 a.tabs-toggle:after, h5 a.tabs-toggle:after, h6 a.tabs-toggle:after { top: -10px; } .theme-intro body { color: var(--storm); } .index-lang { left: 12px; top: 16px; } .theme-intro #root #logo { top: 4px; z-index: 1; width: 134px; margin-right: -67px; } .theme-intro #root #logo:before { font-size: 15vw; line-height: 15vw; text-align: center; content: ""; height: 50px; width: 50px;} .theme-intro #logo:before { content: "\e92d"; left: 50%; right: auto; color: var(--bush); } .theme-intro #logo:after { content: ""; display: none; position: absolute; left: 50%; right: auto; top: auto; bottom: 130px; z-index: -1; margin: 0; color: var(--bush); font-size: 90vw; } .theme-intro #logo:before, .theme-intro #logo:after { -webkit-transform: translateX(-50%); transform: translateX(-50%); } .theme-intro #top .list-lang { top: 50%; z-index: 2; padding: 0 32px; } .theme-intro #top .list-lang, .theme-intro #top .list-social, .list-featured i[class*="icon-text"] { -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 7vw !important;} .list-featured.a.third .icon-text-a, .list-featured.a.third .icon-text-b { font-size: 7vw !important; line-height: 1.1;} .theme-intro .list-featured, .theme-intro #top .list-lang a { color: var(--cream); } .theme-intro .list-featured img, .theme-intro .list-featured span.btn { border-radius: 0; } { border-bottom-left-radius: 8px; } .theme-intro #top .list-social { top: 50%; z-index: 2; margin-left: -22px; padding: 0 16px; } .theme-intro #top .list-social li { margin-left: 16px; } /* .theme-intro #top .list-social a { color: var(--bush); } */ .theme-intro #top .list-social a.btn { padding: 3px 6px; transform: translateY(0); font-size: 14px; } .theme-intro #top .list-social i { font-size: 16px; line-height: 16px; } .theme-intro .list-featured img { height: calc(45vh - 66px) !important; max-height: none !important; } .theme-intro .list-featured span.btn { left: 0; right: 0; background: var(--leaf); color: var(--bush); } .triple { } #root .triple > *, #root .module-drop-panel .triple > *, #root .form-contact button, #root .form-search.toggle input { float: none; width: 100%; } .ui-autocomplete { left: 0 !important; right: 0 !important; width: auto !important; border-left-width: 0; border-right-width: 0; } .ui-datepicker, .module-drop-panel .triple .ui-datepicker { max-width: 420px; margin-left: auto; margin-right: auto; } .form-search { min-height: 64px; margin: 0 -32px 0; padding-left: 112px; padding-right: 32px; padding-bottom: .1px; border-width: 0; } #root .form-search .tabs-a { position: absolute; left: 0; right: 0; top: 100%; width: auto; border-left-width: 0; border-right-width: 0; } #root .form-search p { position: absolute; left: 32px; top: auto; bottom: 33px; margin: 0; } #root .form-search.toggle { padding-left: 32px; padding-right: 32px; } #root .form-search.toggle p { position: relative; left: 0; bottom: 0; } .form-search p label { position: relative; left: 0; top: 0; } .form-search p.mobile-hide ~ h1, .form-search p.mobile-hide ~ h2, .form-search p.mobile-hide ~ h3, .form-search p.mobile-hide ~ h4, .form-search p.mobile-hide ~ h5, .form-search p.mobile-hide ~ h6 { margin-left: -80px; } #root .form-search input { padding-right: 20px; padding-left: 52px; } #footer ul, .list-product .custom, #nav > ul > li.mobile-only { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .list-featured .owl-dots { -webkit-flex-direction: row; flex-direction: row; } #nav > ul > li > ul > li > a { -webkit-justify-content: flex-start; justify-content: flex-start; } #footer .list-social { -webkit-justify-content: center; justify-content: center; } .list-collection .semantic-number { -webkit-flex-grow: 3; -ms-flex-grow: 3; flex-grow: 3; } #root #nav > ul > li > ul > li.toggle > ul, #nav li.mobile-only, .module-blog header ul li.mobile-only:first-child + li:before, .triple, #root .form-search.toggle input, #root .form-search.toggle button, #totop { display: block; } #nav > ul:first-child, #nav > ul > li > .shadow, #root #nav > ul > li > ul > li > a.toggle:before, .module-blog header p, .list-collection .owl-nav, #root .form-search.toggle label, #root .form-search.toggle .tabs-a, #root .form-search.toggle h1, #root .form-search.toggle h2, #root .form-search.toggle h3, #root .form-search.toggle h4, #root .form-search.toggle h5, #root .form-search.toggle h6, #root .form-search input, #root .form-search button, #root .form-search p.mobile-hide, .list-product .custom a:before, .list-product .custom a *, .module-product hr, .module-product header p, .module-featured figure, #root .module-featured .form-search, .module-featured .owl-dots, .theme-intro .list-featured > li:before { display: none; } #root .tablet-hide, #root .mobile-only { position: relative; left: 0; top: 0; } #root .tablet-only, #root .mobile-hide { position: absolute; left: -3000em; top: -3000em; right: auto; bottom: auto; } } @media only screen and (max-width: 47.5em) and (orientation: landscape) { /* 760 */ .theme-intro { } .theme-intro #root #logo { top: 0; bottom: 0; width: 148px; margin-left: -74px; } .theme-intro #root #logo:before { font-size: 50px; line-height: 66px; } .theme-intro #logo:after { display: none; } } @media only screen and (max-width: 31.25em) { /* 500 */ .list-cart { } .list-cart p { width: 170px; } .list-cart p label { display: none; } } @media only screen and (max-width: 25em) { /* 400 */ #content, #footer { padding-left: 20px; padding-right: 20px; } .list-featured, #root .list-featured, .list-product, .list-product.is-slider, .image-wide, .link-btn.wide, #root .module-aside > figure, #content > .module-aside:first-child > figure, #root .list-product { margin-left: -20px; margin-right: -20px; } .theme-intro #top .list-lang, .theme-intro #top .list-social { padding-left: 20px; padding-right: 20px; } .list-cart { } .list-cart input, .list-cart .semantic-number { position: absolute; left: 0; top: 50%; margin-top: -17.5px; } .list-cart .semantic-number input { position: relative; left: 0; top: 0; margin: 0; } .list-exposure { max-width: 75%; } .list-exposure .owl-item span { left: 0; } .list-team { display: block; } .list-team li, .list-collection li, .list-media li, .list-events li, .list-events li.featured { width: 100%; } .ui-autocomplete { overflow: hidden; } .ui-autocomplete li { margin-left: -12px; margin-right: -12px; } .form-cart, #root #nav .form-cart { padding-bottom: 22px; } .form-cart .double.a { display: block; } #root .form-cart .double.a > * { float: none; width: auto; } .form-cart .double.a p { margin-bottom: 10px; } .list-cart p { -webkit-transform: none; transform: none; } }