.stage-prev,.stage-next,.products .itemDetail .visualization .pSeals>li.ce:before,.products .itemDetail .visualization .pSeals>li.vegan:before,.products .itemDetail .visualization .pSeals>li.vegan-organic:before,.products .itemDetail .visualization .pSeals>li.neutral::before,.product-prev,.product-next,.socialWrapper .facebook-prev,.socialWrapper .facebook-next { background-image: url('../images/icons-sf2c66a60eb.png'); background-repeat: no-repeat } @font-face { font-family: "DINNextW01-CondensedBol"; src: url(/wp-content/themes/masculan/font/258804c2-9ca6-4856-bad7-67cde4f087b4.ttf); } @font-face { font-family: "DINNextW01-CondensedReg"; src: url(/wp-content/themes/masculan/font/5dd9f4c4-cfde-415c-bb51-433569311de5.ttf); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: url(/wp-content/themes/masculan/font/open-sans-v34-latin-300.ttf); } /* @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local(""),url("../fonts/open-sans-v34-latin-regular.woff2") format("woff2"),url("../fonts/open-sans-v34-latin-regular.woff") format("woff") } */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: url(/wp-content/themes/masculan/font/open-sans-v34-latin-600.ttf); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: url(/wp-content/themes/masculan/font/open-sans-v34-latin-700.ttf); } /* @font-face { font-family: 'Noto Serif'; font-style: normal; font-weight: 400; src: local(""),url("../fonts/noto-serif-v21-latin-regular.woff2") format("woff2"),url("../fonts/noto-serif-v21-latin-regular.woff") format("woff") } */ @font-face { font-family: 'Noto Serif'; font-style: italic; font-weight: 400; src: url(/wp-content/themes/masculan/font/noto-serif-v21-latin-italic.ttf); } .hidden { display: none !important; visibility: hidden } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px } .visuallyhidden.focusable:active,.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto } .invisible { visibility: hidden } .center { text-align: center } .tabsLine:before,.tabsLine:after { content: " "; display: table } .tabsLine:after { clear: both } .tabsLine { zoom:1 } .selectorWrap .socialSelector,.socialWrapper .facebookSlider { list-style-type: none; margin: 0; padding: 0 } /*! normalize.css v3.0.2 | MIT License | git.io/normalize */ html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% } body { margin: 0 } nav{ display: inline-block; } audio,canvas,progress,video { display: inline-block; vertical-align: baseline } audio:not([controls]) { display: none; height: 0 } [hidden],template { display: none } a { /* background-color:transparent; */ } a:active,a:hover { outline: 0 } abbr[title] { border-bottom: 1px dotted } b,strong { font-weight: bold } dfn { font-style: italic } h1 { font-size: 2em; margin: 0.67em 0 } mark { background: #ff0; color: #000 } small { font-size: 80% } sub,sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sup { top: -0.5em } sub { bottom: -0.25em } img { border: 0 } svg:not(:root) { overflow: hidden } figure { margin: 0 } hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0 } pre { overflow: auto } code,kbd,pre,samp { font-family: monospace, monospace; font-size: 1em } button,input,optgroup,select,textarea { color: inherit; font: inherit; margin: 0 } button { overflow: visible } button,select { text-transform: none } button,html input[type="button"],input[type="reset"],input[type="submit"] { -webkit-appearance: button; cursor: pointer } button[disabled],html input[disabled] { cursor: default } button::-moz-focus-inner,input::-moz-focus-inner { border: 0; padding: 0 } input { line-height: normal } input[type="checkbox"],input[type="radio"] { box-sizing: border-box; padding: 0 } input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button { height: auto } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box } input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration { -webkit-appearance: none } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em } legend { border: 0; padding: 0 } textarea { overflow: auto } optgroup { font-weight: bold } table { border-collapse: collapse; border-spacing: 0 } td,th { padding: 0 } .swiper-container-teaser { margin: 0 auto; position: relative; overflow: hidden; z-index: 1; width: 1200px; height: 565px } .swiper-container,.swiper-container-social { margin: 0 auto; position: relative; overflow: hidden; z-index: 1; width: 1200px; height: 400px } .swiper-container-no-flexbox .swiper-slide { float: left } .swiper-container-vertical>.swiper-wrapper { -webkit-box-orient: vertical; -moz-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex } .csstransitions .swiper-wrapper { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box } .cssatransitions .swiper-container-android .swiper-slide,.cssatransitions .swiper-wrapper { -webkit-transform: translate3d(0px, 0, 0); -moz-transform: translate3d(0px, 0, 0); -o-transform: translate(0px, 0px); -ms-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0) } .swiper-container-multirow>.swiper-wrapper { -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap } .swiper-container-free-mode>.swiper-wrapper { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto } .swiper-slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0; width: 100%; height: 100%; position: relative } .csstransitions .swiper-slide { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d } .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000 } .swiper-wp8-horizontal { -ms-touch-action: pan-y; touch-action: pan-y } .swiper-wp8-vertical { -ms-touch-action: pan-x; touch-action: pan-x } .swiper-button-prev,.swiper-button-next { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; -moz-background-size: 27px 44px; -webkit-background-size: 27px 44px; background-size: 27px 44px; background-position: center; background-repeat: no-repeat } .swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none } .swiper-button-prev,.swiper-container-rtl .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); left: 10px; right: auto } .swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E") } .swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") } .swiper-button-next,.swiper-container-rtl .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); right: 10px; left: auto } .swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E") } .swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") } .swiper-pagination { position: absolute; text-align: center; -webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; transition: 300ms; z-index: 10 } .csstransitions .swiper-pagination { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .swiper-pagination.swiper-pagination-hidden { opacity: 0 } .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: 0.2 } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -moz-appearance: none; -ms-appearance: none; -webkit-appearance: none; appearance: none } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer } .swiper-pagination-white .swiper-pagination-bullet { background: #fff } .swiper-pagination-bullet-active { opacity: 1; background: #e2001a } .swiper-pagination-white .swiper-pagination-bullet-active { background: #fff } .swiper-pagination-black .swiper-pagination-bullet-active { background: #000 } .swiper-container-vertical>.swiper-pagination { right: 10px; top: 50% } .csstransitions .swiper-container-vertical>.swiper-pagination { -webkit-transform: translate3d(0px, -50%, 0); -moz-transform: translate3d(0px, -50%, 0); -o-transform: translate(0px, -50%); -ms-transform: translate3d(0px, -50%, 0); transform: translate3d(0px, -50%, 0) } .swiper-container-vertical>.swiper-pagination .swiper-pagination-bullet { margin: 5px 0; display: block } .swiper-container-horizontal>.swiper-pagination { bottom: 10px; left: 0; width: 100% } .swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet { margin: 0 5px } .swiper-container-3d { -webkit-perspective: 1200px; -moz-perspective: 1200px; -o-perspective: 1200px; perspective: 1200px } .csstransitions .swiper-container-3d .swiper-wrapper,.csstransitions .swiper-container-3d .swiper-slide,.csstransitions .swiper-container-3d .swiper-slide-shadow-left,.csstransitions .swiper-container-3d .swiper-slide-shadow-right,.csstransitions .swiper-container-3d .swiper-slide-shadow-top,.csstransitions .swiper-container-3d .swiper-slide-shadow-bottom,.csstransitions .swiper-container-3d .swiper-cube-shadow { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d } .swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10 } .swiper-container-3d .swiper-slide-shadow-left { background-image: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,0.5)), to(transparent)); background-image: -webkit-linear-gradient(right, rgba(0,0,0,0.5), transparent); background-image: -moz-linear-gradient(right, rgba(0,0,0,0.5), transparent); background-image: -o-linear-gradient(right, rgba(0,0,0,0.5), transparent); background-image: linear-gradient(to left, rgba(0,0,0,0.5),rgba(0,0,0,0)) } .swiper-container-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear, right top, left top, from(rgba(0,0,0,0.5)), to(transparent)); background-image: -webkit-linear-gradient(left, rgba(0,0,0,0.5), transparent); background-image: -moz-linear-gradient(left, rgba(0,0,0,0.5), transparent); background-image: -o-linear-gradient(left, rgba(0,0,0,0.5), transparent); background-image: linear-gradient(to right, rgba(0,0,0,0.5),rgba(0,0,0,0)) } .swiper-container-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(transparent)); background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,0.5), transparent); background-image: -moz-linear-gradient(bottom, rgba(0,0,0,0.5), transparent); background-image: -o-linear-gradient(bottom, rgba(0,0,0,0.5), transparent); background-image: linear-gradient(to top, rgba(0,0,0,0.5),rgba(0,0,0,0)) } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.5)), to(transparent)); background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.5), transparent); background-image: -moz-linear-gradient(top, rgba(0,0,0,0.5), transparent); background-image: -o-linear-gradient(top, rgba(0,0,0,0.5), transparent); background-image: linear-gradient(to bottom, rgba(0,0,0,0.5),rgba(0,0,0,0)) } .swiper-container-coverflow .swiper-wrapper { -ms-perspective: 1200px } .swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out } .swiper-container-fade .swiper-slide { pointer-events: none } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none } .no-csstransitions .swiper-container-fade .swiper-slide .swiper-slide { position: relative; z-index: 10 } .swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto } .no-csstransitions .swiper-container-fade .swiper-slide-active,.no-csstransitions .swiper-container-fade .swiper-slide-active .swiper-slide-active { position: absolute !important; z-index: 100 !important; opacity: 1 !important } .swiper-container-cube { overflow: visible } .swiper-container-cube .swiper-slide { pointer-events: none; visibility: hidden; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; width: 100%; height: 100% } .swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0 } .swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-prev,.swiper-container-cube .swiper-slide-next+.swiper-slide { pointer-events: auto; visibility: visible } .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; background: #000; opacity: 0.6; -webkit-filter: blur(50px); filter: blur(50px) } .swiper-container-cube.swiper-container-vertical .swiper-cube-shadow { z-index: 0 } .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0,0,0,0.1) } .swiper-container-horizontal>.swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98% } .swiper-container-vertical>.swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98% } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0,0,0,0.5); border-radius: 10px; left: 0; top: 0 } .swiper-scrollbar-cursor-drag { cursor: move } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -webkit-transform-origin: 50%; -moz-transform-origin: 50%; transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite; -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite; animation: swiper-preloader-spin 1s steps(12, end) infinite } .swiper-lazy-preloader:after { display: block; content: ""; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: 50%; -webkit-background-size: 100%; background-size: 100%; background-repeat: no-repeat } .swiper-lazy-preloader-white:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") } @-webkit-keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg) } } @keyframes swiper-preloader-spin { 100% { transform: rotate(360deg) } } .button { text-transform: uppercase; text-decoration: none; outline: none; display: inline-block; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; -moz-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; -webkit-transition: ease-in-out .3s; transition: ease-in-out .3s } .button.black { margin-top: 30px; height: 55px; padding: 0 20px; font-family: 'DINNextW01-CondensedBol'; font-weight: 400; font-style: normal; font-size: 20px; line-height: 55px; background: #000; color: #fff } .button.black:hover { color: #4a4b4b; background: #fff } .button.white { height: 42px; padding: 0 20px; font-family: 'DINNextW01-CondensedBol'; font-weight: 400; font-style: normal; font-size: 20px; line-height: 42px; background: #fff; color: #4a4b4b } .button.white:hover { color: #fff; background: #000 } .button.loginButton { float: left; margin: 5px 0 5px 10px; font-family: 'DINNextW01-CondensedBol'; font-weight: 400; font-style: normal; font-size: 16px; line-height: 42px; height: 42px; width: 60px; padding: 0; text-align: center; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } .closeButtonWrap { position: absolute; z-index: 10; right: 0; top: 0; width: 40px; height: 40px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } .closeButtonWrap .closeButton { background: url('../images/icons/close.png?1669394639') no-repeat center center; width: 40px; height: 40px; display: block; text-indent: -1976em; -moz-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); -webkit-transform: rotateZ(0deg); transform: rotateZ(0deg); -moz-transition: ease-in-out .5s; -o-transition: ease-in-out .5s; -webkit-transition: ease-in-out .5s; transition: ease-in-out .5s } .closeButtonWrap .closeButton:hover { -moz-transform: rotateZ(180deg); -ms-transform: rotateZ(180deg); -webkit-transform: rotateZ(180deg); transform: rotateZ(180deg) } /*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */ html { color: #222; font-size: 1em; line-height: 1.4; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-smoothing: antialiased } ::-moz-selection { background: #b3d4fc; text-shadow: none } ::selection { background: #b3d4fc; text-shadow: none } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0 } audio,canvas,iframe,img,svg,video { vertical-align: middle; } fieldset { border: 0; margin: 0; padding: 0 } textarea { resize: vertical } .browserupgrade { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0 } @media print { *,*:before,*:after { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important } a,a:visited { text-decoration: underline } a[href]:after { content: " (" attr(href) ")" } abbr[title]:after { content: " (" attr(title) ")" } a[href^="#"]:after,a[href^="javascript:"]:after { content: "" } pre,blockquote { border: 1px solid #999; page-break-inside: avoid } thead { display: table-header-group } tr,img { page-break-inside: avoid } img { max-width: 100% !important } p,h2,h3 { orphans: 3; widows: 3 } h2,h3 { page-break-after: avoid } } @keyframes popIn { 0% { -moz-transform: scale(0); -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } 50% { -moz-transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95); opacity: .95 } 100% { -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1 } } @-webkit-keyframes popIn { 0% { -moz-transform: scale(0); -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } 50% { -moz-transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95); opacity: .95 } 100% { -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1 } } @-moz-keyframes popIn { 0% { -moz-transform: scale(0); -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } 50% { -moz-transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95); opacity: .95 } 100% { -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1 } } @-ms-keyframes popIn { 0% { -moz-transform: scale(0); -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } 50% { -moz-transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95); opacity: .95 } 100% { -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1 } } @-o-keyframes popIn { 0% { -moz-transform: scale(0); -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } 50% { -moz-transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95); opacity: .95 } 100% { -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1 } } @keyframes popOut { 0% { -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1 } 50% { -moz-transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95); opacity: .95 } 75% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90); opacity: .9 } 100% { -moz-transform: scale(0); -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } } @-webkit-keyframes popOut { 0% { -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1 } 50% { -moz-transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95); opacity: .95 } 75% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90); opacity: .9 } 100% { -moz-transform: scale(0); -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } } @-moz-keyframes popOut { 0% { -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1 } 50% { -moz-transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95); opacity: .95 } 75% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90); opacity: .9 } 100% { -moz-transform: scale(0); -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } } @-ms-keyframes popOut { 0% { -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1 } 50% { -moz-transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95); opacity: .95 } 75% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90); opacity: .9 } 100% { -moz-transform: scale(0); -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } } @-o-keyframes popOut { 0% { -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1 } 50% { -moz-transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95); opacity: .95 } 75% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90); opacity: .9 } 100% { -moz-transform: scale(0); -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } } header { width: 100%; height: 60px; background: #fff; /* position: absolute; */ z-index: 100; top: 0; -moz-box-shadow: 0 0 8px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.5); box-shadow: 0 0 8px rgba(0,0,0,0.5) } header .headerWrap { max-width: 1200px; min-width: 1024px; width: 100%; display: block; margin: 0 auto; position: relative; z-index: 100 } header .headerWrap .logo { text-decoration: none; outline: none; position: absolute; top: 5px; left: 70px; width: 172px; height: 50px; z-index: 100 } header .headerWrap .logo>img { position: relative; z-index: 100; display: block; width: 100% } header nav>ul { margin: 0 0 0 310px; padding: 0; list-style-type: none } header nav>ul>li { float: left; padding-right: 38px } header nav>ul>li>a { text-decoration: none; outline: none; font-family: 'DINNextW01-CondensedReg'; font-weight: 400; font-style: normal; font-size: 25px; line-height: 60px; color: rgba(74,75,75,0.5) } .csstransitions header nav>ul>li>a { -moz-transition: color .25s; -o-transition: color .25s; -webkit-transition: color .25s; transition: color .25s } header nav>ul>li>a:hover,header nav>ul>li>a.active { color: #4a4b4b } header .languageSelector { margin: 0; padding: 0; list-style-type: none; float: right } header .languageSelector>li { float: left; padding-right: 30px; position: relative } header .languageSelector>li:before { content: "|"; position: absolute; left: -15px; font-family: 'DINNextW01-CondensedReg'; font-weight: 400; font-style: normal; font-size: 16px; line-height: 60px; color: rgba(74,75,75,0.5) } header .languageSelector>li:first-child:before { content: "" } header .languageSelector>li>a { text-decoration: none; outline: none; font-family: 'DINNextW01-CondensedReg'; font-weight: 400; font-style: normal; font-size: 16px; line-height: 60px; color: rgba(74,75,75,0.5) } .csstransitions header .languageSelector>li>a { -moz-transition: color .25s; -o-transition: color .25s; -webkit-transition: color .25s; transition: color .25s } header .languageSelector>li>a:hover { color: #4a4b4b } header .languageSelector>li>a.active { color: #e2001a } header.fixed { top: -180px; position: fixed } header.slideIn { top: 0 } .csstransitions header.slideIn { -moz-transition: ease-in-out .45s; -o-transition: ease-in-out .45s; -webkit-transition: ease-in-out .45s; transition: ease-in-out .45s } header.slideOut { top: -180px } .csstransitions header.slideOut { -moz-transition: ease-in-out .45s; -o-transition: ease-in-out .45s; -webkit-transition: ease-in-out .45s; transition: ease-in-out .45s } body { width: 100%; display: block } .contentWrap { max-width: 1200px; display: block; margin: 0 auto; overflow: hidden } h1 { font-family: 'Noto Serif', serif; font-weight: 400; font-style: italic; font-size: 45px; line-height: 60px } h2 { text-transform: uppercase; font-family: 'Open Sans', sans-serif; font-weight: 400; font-style: normal; font-size: 25px; line-height: 55px } h3 { font-family: 'Noto Serif', serif; font-weight: 400; font-style: italic; font-size: 30px; line-height: 30px } h4 { font-family: 'DINNextW01-CondensedBol'; font-weight: 400; font-style: normal; font-size: 30px; line-height: 40px } h5 { font-family: 'DINNextW01-CondensedBol'; font-weight: 400; font-style: normal; font-size: 24px; line-height: 30px; letter-spacing: 1px; text-transform: uppercase } h1,h2,h3,h4,h5 { margin: 0; color: #fff } h1.black,h2.black,h3.black,h4.black,h5.black { color: #4a4b4b } p,label { font-family: 'Open Sans', sans-serif; font-weight: 300; font-style: normal; font-size: 16px; line-height: 22px; color: #4a4b4b; margin: 20px 0 } p>strong,label>strong { font-family: 'Open Sans', sans-serif; font-weight: 700; font-style: normal; font-size: 16px; line-height: 22px } a { outline: none; text-decoration: none; color: #4a4b4b } p a { border-bottom: 1px solid #828282 } .csstransitions p a { -moz-transition: linear .3s; -o-transition: linear .3s; -webkit-transition: linear .3s; transition: linear .3s } p a:hover { border-bottom: 1px solid #e2001a; /* color: #e2001a */ } a[href^="tel"] { border-bottom: none } a[href^="tel"]:hover { border-bottom: none } .anchor { position: relative; text-indent: -1978em; display: block; line-height: 0; /* font-size:0; */ padding: 0 !important; /* color:transparent; */ } [data-insight="off"] { position: relative; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; margin-top: 0 } .csstransitions [data-insight="off"] { -moz-transition: ease-in-out .75s; -o-transition: ease-in-out .75s; -webkit-transition: ease-in-out .75s; transition: ease-in-out .75s } [data-insight="on"] { position: relative; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; margin-top: 0 } .csstransitions [data-insight="on"] { -moz-transition: ease-in-out .75s; -o-transition: ease-in-out .75s; -webkit-transition: ease-in-out .75s; transition: ease-in-out .75s } footer { width: 100%; display: block; min-height: 120px; background: #fff; padding: 30px 0 } footer .footerWrap { max-width: 1200px; min-width: 1024px; width: 100%; display: block; margin: 0 auto; position: relative; z-index: 100 } footer .footerWrap .socialMedia { display: block; text-align: center } footer .footerWrap .socialMedia>a { display: inline-block; text-indent: -1976em; line-height: 40px; height: 40px; padding: 0 5px; width: 100px; position: relative } .csstransitions footer .footerWrap .socialMedia>a { -moz-transition: opacity .3s ease-in-out; -o-transition: opacity .3s ease-in-out; -webkit-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out } footer .footerWrap .socialMedia>a:before,footer .footerWrap .socialMedia>a:after { content: ""; position: absolute; left: 5px } .csstransitions footer .footerWrap .socialMedia>a:before,.csstransitions footer .footerWrap .socialMedia>a:after { -moz-transition: opacity .3s ease-in-out; -o-transition: opacity .3s ease-in-out; -webkit-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out } footer .footerWrap .socialMedia>a:before { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); opacity: .3 } footer .footerWrap .socialMedia>a:after { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } footer .footerWrap .socialMedia>a:hover:before { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } footer .footerWrap .socialMedia>a:hover:after { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1 } footer .footerWrap .socialMedia>a.youtube { width: 59px; height: 25px } footer .footerWrap .socialMedia>a.youtube:before { background: url('../images/icons/youtube-normal.png?1669394639') no-repeat center center; background-size: 100%; width: 59px; height: 25px } footer .footerWrap .socialMedia>a.youtube:after { background: url('../images/icons/youtube-hover.png?1669394639') no-repeat center center; background-size: 100%; width: 59px; height: 25px } footer .footerWrap .socialMedia>a.facebook { width: 25px; height: 25px } footer .footerWrap .socialMedia>a.facebook:before { background: url('../images/icons/facebook-normal.png?1669394639') no-repeat center center; background-size: 100%; width: 25px; height: 25px } footer .footerWrap .socialMedia>a.facebook:after { background: url('../images/icons/facebook-hover.png?1669394639') no-repeat center center; background-size: 100%; width: 25px; height: 25px } footer .footerWrap nav { margin: 0 auto; display: block; text-align: center; height: 40px } footer .footerWrap nav>ul,footer .footerWrap nav>ol { margin: 0; padding: 0; display: inline-block; list-style-type: none } footer .footerWrap nav>ul>li,footer .footerWrap nav>ol>li { height: 40px; float: left; padding: 0 18px } footer .footerWrap nav>ul>li>a,footer .footerWrap nav>ol>li>a { outline: none; text-decoration: none; color: #828282; border-bottom: 1px solid #fff } .csstransitions footer .footerWrap nav>ul>li>a,.csstransitions footer .footerWrap nav>ol>li>a { -moz-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; -webkit-transition: ease-in-out .3s; transition: ease-in-out .3s } footer .footerWrap nav>ul>li>a:hover,footer .footerWrap nav>ol>li>a:hover { color: #4a4b4b; border-bottom: 1px solid #999 } footer .footerWrap nav>ul>li>a { font-family: 'Open Sans', sans-serif; font-weight: 300; font-style: normal; font-size: 16px; line-height: 40px } footer .footerWrap nav>ol>li { padding: 0 12px } footer .footerWrap nav>ol>li>a { font-family: 'Open Sans', sans-serif; font-weight: 300; font-style: normal; font-size: 12px; line-height: 40px } footer div[data-content] { width: 100%; display: block; height: 0; overflow: hidden; margin: 0; position: relative; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } .csstransitions footer div[data-content] { -moz-transition: ease-in-out .5s; -o-transition: ease-in-out .5s; -webkit-transition: ease-in-out .5s; transition: ease-in-out .5s } footer div[data-content].open { margin: 50px 0; height: auto; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1 } footer div[data-content] .closeButtonWrap { right: 100px; top: 10px } footer .cWrap { display: block; width: 885px; margin: 0 auto } .csstransforms footer .cWrap { backface-visibility: hidden; -moz-transform: perspective(1000px) rotateX(0deg); -webkit-transform: perspective(1000px) rotateX(0deg); transform: perspective(1000px) rotateX(0deg); -moz-transform-origin: top center; -ms-transform-origin: top center; -webkit-transform-origin: top center; transform-origin: top center; -moz-transition: ease-in-out .8s; -o-transition: ease-in-out .8s; -webkit-transition: ease-in-out .8s; transition: ease-in-out .8s } .csstransitions footer .cWrap { -moz-transition: ease-in-out .5s; -o-transition: ease-in-out .5s; -webkit-transition: ease-in-out .5s; transition: ease-in-out .5s } footer .cWrap.close { height: 0 !important; overflow: hidden } .csstransforms footer .cWrap.close { -moz-transform: perspective(1000px) rotateX(-90deg); -webkit-transform: perspective(1000px) rotateX(-90deg); transform: perspective(1000px) rotateX(-90deg) } section { max-width: 1200px; width: 100%; min-width: 1024px; display: block; margin: 0 auto } section .sectionImage { position: relative; z-index: 1; background-position: center top; background-size: cover; background-repeat: no-repeat; height: 546px; border-bottom: 2px solid #fff; text-align: center; padding-top: 230px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } section .sectionImage:after { content: ""; position: absolute; z-index: 2; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0,0,0,0.1) } section .sectionImage>h1,section .sectionImage>h4 { position: relative; z-index: 3; text-shadow: 0 0 10px rgba(153,153,153,0.4) } .tabsLine { overflow: hidden; width: 100% } .tabsLine>ul { display: inline; float: left; position: relative; left: 50%; margin: 0; padding: 0; list-style-type: none } .tabsLine>ul>li { left: -50%; position: relative; padding: 0 30px; height: 75px; float: left } .tabsLine>ul>li>a { font-family: 'DINNextW01-CondensedBol'; font-weight: 400; font-style: normal; font-size: 20px; line-height: 75px; color: rgba(255,255,255,0.5); text-decoration: none; outline: none; text-align: center; display: block; position: relative; text-transform: uppercase } .csstransitions .tabsLine>ul>li>a { -moz-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; -webkit-transition: ease-in-out .3s; transition: ease-in-out .3s } .tabsLine>ul>li>a:before { content: ""; position: absolute; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 0 solid #fff; border-top: none; bottom: 0; left: 50%; margin-left: -11px } .csstransitions .tabsLine>ul>li>a:before { -moz-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; -webkit-transition: ease-in-out .3s; transition: ease-in-out .3s } .tabsLine>ul>li>a.active { color: #fff } .tabsLine>ul>li>a.active:before { content: ""; position: absolute; border-bottom: 10px solid #fff; border-top: none } .tabsLine>ul>li>a:hover { color: #fff } .stageTeaser { height: 565px; margin-top: 60px } .stageTeaser .teaserOverlay { position: absolute; left: 80px; bottom: 70px } .stageTeaser .teaserOverlay>h1 { font-size: 50px; line-height: 50px; text-shadow: 0 0 10px rgba(153,153,153,0.4) } .stageTeaser .teaserOverlay>h1.black { color: #000; text-shadow: 0 0 10px #999 } .stageTeaser .teaserOverlay>h2 { font-family: 'DINNextW01-CondensedBol'; font-weight: 400; font-style: normal; font-size: 25px; line-height: 55px; text-shadow: 0 0 10px rgba(153,153,153,0.4) } .stageTeaser .teaserOverlay>h2.black { color: #000; text-shadow: 0 0 10px #999 } .subTeaser { height: 248px; width: 1200px; border-top: 2px solid #fff; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } .subTeaser .subTeaserPart { width: 33.333%; padding: 20px; float: left; border-left: 2px solid #fff; height: 100%; max-height: 248px; position: relative; z-index: 1; overflow: hidden; cursor: pointer; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } .csstransitions .subTeaser .subTeaserPart { -moz-transition: ease-out .2s; -o-transition: ease-out .2s; -webkit-transition: ease-out .2s; transition: ease-out .2s } .subTeaser .subTeaserPart:first-child { border-left: none } .subTeaser .subTeaserPart:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; background: transparent } .csstransitions .subTeaser .subTeaserPart:after { -moz-transition: ease-out .2s; -o-transition: ease-out .2s; -webkit-transition: ease-out .2s; transition: ease-out .2s } .subTeaser .subTeaserPart:hover:after { background: rgba(0,0,0,0.2) } .subTeaser .subTeaserPart:hover>img { -moz-transform: scale(1.06); -ms-transform: scale(1.06); -webkit-transform: scale(1.06); transform: scale(1.06) } .subTeaser .subTeaserPart>img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1) } .csstransitions .subTeaser .subTeaserPart>img { -moz-transition: ease-out .2s; -o-transition: ease-out .2s; -webkit-transition: ease-out .2s; transition: ease-out .2s } .subTeaser .subTeaserPart .buttonWrap { position: absolute; z-index: 3; bottom: 27px; left: 35px } .swiper-slide>.image:after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.1) } .stage-next,.stage-prev { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 11; cursor: pointer; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1 } .csstransitions .stage-next,.csstransitions .stage-prev { -moz-transition: opacity .5s ease-in-out,left .3s ease-in-out,right .3s ease-in-out; -o-transition: opacity .5s ease-in-out,left .3s ease-in-out,right .3s ease-in-out; -webkit-transition: opacity .5s ease-in-out,left .3s ease-in-out,right .3s ease-in-out; transition: opacity .5s ease-in-out,left .3s ease-in-out,right .3s ease-in-out } .csstransforms .stage-next,.csstransforms .stage-prev { -moz-transform: scale(0.5); -ms-transform: scale(0.5); -webkit-transform: scale(0.5); transform: scale(0.5) } .stage-next.fadeOut,.stage-next.swiper-button-disabled,.stage-prev.fadeOut,.stage-prev.swiper-button-disabled { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } .stage-prev { background-position: -348px 0; width: 33px; height: 71px; left: 5px; right: auto } .csstransitions .stage-prev:hover { left: 0 } .stage-next { background-position: -434px 0; width: 33px; height: 71px; right: 5px; left: auto } .csstransitions .stage-next:hover { right: 0 } .intro { min-height: 333px; height: 100%; text-align: center; background: #fff; padding: 70px 20px 50px 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } .intro>h4 { line-height: 20px } .intro>h1 { line-height: 100px } .intro>p { width: 65%; margin: 0 auto } .products .tabsLine { height: 75px; background: #a12688; width: 100% } .products .filter { display: inline-block; height: 20px; overflow: hidden; width: 100% } .products .filter ul { margin: 0; padding: 0; list-style-type: none; position: relative; display: inline-block } .csstransforms .products .filter ul { left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%) } .products .filter ul li { float: left; border-left: 1px solid #ccc } .products .filter ul li:first-child { border-left: none } .products .filter ul li>a { outline: none; text-decoration: none; display: block; padding: 0 9px; font-family: 'DINNextW01-CondensedReg'; font-weight: 400; font-style: normal; font-size: 20px; line-height: 20px; color: #999 } .csstransitions .products .filter ul li>a { -moz-transition: ease-in-out .25s; -o-transition: ease-in-out .25s; -webkit-transition: ease-in-out .25s; transition: ease-in-out .25s } .products .filter ul li>a:hover,.products .filter ul li>a.active { color: #000 } .products .productItems { width: 885px; display: inline-block; margin: 30px auto 0 auto } .csstransitions .products .productItems { -moz-transition: ease-in-out 1s; -o-transition: ease-in-out 1s; -webkit-transition: ease-in-out 1s; transition: ease-in-out 1s } .products .productItems ul { margin: 0; padding: 0; list-style-type: none; float: left; display: block; width: 100% } .products .productItems ul li { float: left; width: 25%; margin: 0 auto 20px auto; padding: 0 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } .products .productItems ul li.notVisible { width: 0; margin: 0; padding: 0 } .products .productItems ul li.itemDetail { width: 1045px; padding: 0; margin: 0 0 0 -80px; overflow: hidden; position: relative; height: 0 } .csscalc .products .productItems ul li.itemDetail { width: calc(100% + 168px) } .csstransitions .products .productItems ul li.itemDetail { -moz-transition: ease-in-out .75s; -o-transition: ease-in-out .75s; -webkit-transition: ease-in-out .75s; transition: ease-in-out .75s } .products .productItems ul li>a { display: block; width: 100%; outline: none; text-decoration: none; margin: 0 auto; overflow: hidden; padding: 5px 0 15px 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-box-shadow: 0 0 0 rgba(0,0,0,0.3); -webkit-box-shadow: 0 0 0 rgba(0,0,0,0.3); box-shadow: 0 0 0 rgba(0,0,0,0.3) } .csstransforms .products .productItems ul li>a { -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1) } .csstransitions .products .productItems ul li>a { -moz-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; -webkit-transition: ease-in-out .3s; transition: ease-in-out .3s } .products .productItems ul li>a:hover { -moz-box-shadow: 0 0 20px rgba(0,0,0,0.3); -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.3); box-shadow: 0 0 20px rgba(0,0,0,0.3) } .cssanimations .products .productItems ul li>a.popOut { animation: popOut 0.6s forwards; -o-animation: popOut 0.6s forwards; -ms-animation: popOut 0.6s forwards; -moz-animation: popOut 0.6s forwards; -webkit-animation: popOut 0.6s forwards } .cssanimations .products .productItems ul li>a.popIn { animation: popIn 0.8s forwards; -o-animation: popIn 0.8s forwards; -ms-animation: popIn 0.8s forwards; -moz-animation: popIn 0.8s forwards; -webkit-animation: popIn 0.8s forwards } .products .productItems .productImage { background-position: center top; background-repeat: no-repeat; background-size: 100%; width: 100%; height: 100%; display: block } .products .productItems .productImage>img { display: block; width: 100%; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; visibility: hidden } .csstransitions .products .productItems .productImage>img { -moz-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; -webkit-transition: ease-in-out .3s; transition: ease-in-out .3s } .products .productItems .productImage:hover>img { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; visibility: visible } .products .productItems .name { font-family: 'DINNextW01-CondensedBol'; font-weight: 400; font-style: normal; font-size: 14px; line-height: 16px; font-size: 87%; text-align: center; margin: 0; white-space: nowrap } .csstransitions .products .productItems .name { -moz-transition: ease-in-out .75s; -o-transition: ease-in-out .75s; -webkit-transition: ease-in-out .75s; transition: ease-in-out .75s } .products .productItems .type { font-family: 'Open Sans', sans-serif; font-weight: 300; font-style: normal; font-size: 14px; line-height: 16px; font-size: 87%; text-align: center; margin: 0; white-space: nowrap } .csstransitions .products .productItems .type { -moz-transition: ease-in-out .75s; -o-transition: ease-in-out .75s; -webkit-transition: ease-in-out .75s; transition: ease-in-out .75s } .products .productsWrapper { margin: 0; display: block; width: 100%; height: auto } .products .productsWrapper>article { display: block } .products .productSlider { width: 885px; overflow: hidden; margin: 20px auto; position: relative; z-index: 1 } .products .itemDetail .visualization { width: 235px; float: left } .products .itemDetail .visualization .fullProductImage { width: 100%; overflow: hidden } .products .itemDetail .visualization .fullProductImage>img { position: relative; height: 100%; left: -90px } .products .itemDetail .visualization .pProperty { position: relative; padding: 50px 30px 0 30px; width: 100%; text-align: center; color: #999; margin: 0 0 30px 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: 'Open Sans', sans-serif; font-weight: 300; font-style: normal; font-size: 12px; line-height: 16px; background-position: center 10px !important; background-repeat: no-repeat !important; background-size: 100px !important } .products .itemDetail .visualization .pSeals { width: 100% } .products .itemDetail .visualization .pSeals>li { width: 50%; float: left; color: #999; padding: 70px 0 20px 0; margin-bottom: 0; border-top: 1px solid #ccc; text-align: center; position: relative; font-family: 'Open Sans', sans-serif; font-weight: 300; font-style: normal; font-size: 12px; line-height: 16px } .products .itemDetail .visualization .pSeals>li:nth-of-type(n+2) { border-left: 1px solid #ccc } .products .itemDetail .visualization .pSeals>li:before { content: ""; position: absolute; top: 0 } .csstransforms .products .itemDetail .visualization .pSeals>li:before { left: 50%; -moz-transform: translateX(-50%) scale(0.5); -ms-transform: translateX(-50%) scale(0.5); -webkit-transform: translateX(-50%) scale(0.5); transform: translateX(-50%) scale(0.5) } .products .itemDetail .visualization .pSeals>li.ce:before { background-position: 0 0; width: 82px; height: 81px } .products .itemDetail .visualization .pSeals>li.vegan:before { background-position: -214px 0; width: 81px; height: 81px } .products .itemDetail .visualization .pSeals>li.vegan-organic:before { background-position: -92px 0; width: 112px; height: 90px } .products .itemDetail .visualization .pSeals>li.neutral { border-left: 0; width: 100% } .products .itemDetail .visualization .pSeals>li.neutral::before { background-position: -477px 0; width: 183px; height: 85px } .products .itemDetail .visualization .pSeals li.vegan,.products .itemDetail .visualization .pSeals li.vegan-organic { width: 100% } .products .itemDetail .visualization .pSeals li.ce+li.vegan,.products .itemDetail .visualization .pSeals li.ce+li.vegan-organic { width: 50% } .products .itemDetail .pDescription { width: 73%; float: left; padding: 25px 0 0 95px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } .products .itemDetail .pDescription .pName { font-family: 'Open Sans', sans-serif; font-weight: 600; font-style: normal; font-size: 16px; line-height: 30px; margin: 0 } .products .itemDetail .pDescription .pShortDescription { margin: 0 } .products .itemDetail .pDescription h5 { margin-top: 30px } .products .itemDetail .pDescription>p { margin: 0 } .products .itemDetail .pDescription>ul { list-style-type: none; margin: 30px 0; padding: 0 } .products .itemDetail .pDescription>ul>li { float: none; width: 100%; color: #4a4b4b; padding-left: 12px; position: relative; margin: 0; font-family: 'Open Sans', sans-serif; font-weight: 300; font-style: normal; font-size: 16px; line-height: 26px } .products .itemDetail .pDescription>ul>li:before { position: absolute; content: ""; background-color: #4a4b4b; left: 0; top: 11px; width: 3px; height: 3px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px } .products .itemDetail .packageSize { display: block; width: 100% } .products .itemDetail .packageSize p { margin: 3px 0 } .products .itemDetail .packageSize p>span { min-width: 110px; padding-right: 20px; display: inline-block } .product-prev,.product-next { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 11; cursor: pointer; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1 } .csstransitions .product-prev,.csstransitions .product-next { -moz-transition: opacity .5s ease-in-out,left .3s ease-in-out,right .3s ease-in-out; -o-transition: opacity .5s ease-in-out,left .3s ease-in-out,right .3s ease-in-out; -webkit-transition: opacity .5s ease-in-out,left .3s ease-in-out,right .3s ease-in-out; transition: opacity .5s ease-in-out,left .3s ease-in-out,right .3s ease-in-out } .csstransforms .product-prev,.csstransforms .product-next { -moz-transform: scale(0.5); -ms-transform: scale(0.5); -webkit-transform: scale(0.5); transform: scale(0.5) } .product-prev.fadeOut,.product-prev.swiper-button-disabled,.product-next.fadeOut,.product-next.swiper-button-disabled { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } .product-prev { background-position: -305px 0; width: 33px; height: 71px; left: 5px; right: auto } .csstransitions .product-prev:hover { left: 0 } .product-next { background-position: -391px 0; width: 33px; height: 71px; right: 5px; left: auto } .csstransitions .product-next:hover { right: 0 } .tabContent { display: block; width: 885px; margin: 0 auto; padding: 35px 0; position: relative } .tabContent.distance { padding: 80px 0 0 0 } .tabContent .paragraph { padding-left: 300px; margin-bottom: 30px; width: 100%; position: relative; min-height: 135px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } .tabContent .paragraph>h1 { font-family: 'DINNextW01-CondensedBol'; font-weight: 400; font-style: normal; font-size: 20px; line-height: 24px; text-transform: uppercase; letter-spacing: 2px; margin: 0; color: #4a4b4b } .tabContent .paragraph>p { margin: 0 0 24px 0; line-height: 25px } .tabContent .paragraph>p:last-child { margin: 0 } .tabContent .paragraph>a { color: #4a4b4b; font-family: 'Open Sans', sans-serif; font-weight: 300; font-style: normal; font-size: 16px; line-height: 24px } .tabContent .paragraph .beforeImage { position: absolute; top: 0; -moz-transform: translateX(-150%); -ms-transform: translateX(-150%); -webkit-transform: translateX(-150%); transform: translateX(-150%) } .productsContainer { visibility: hidden; height: 0; overflow: hidden } .quality .tabsLine,.brand .tabsLine { height: 75px; background: #fdc508; width: 100% } .quality .qualityWrapper,.quality .brandWrapper,.brand .qualityWrapper,.brand .brandWrapper { overflow: hidden } .quality .qualityWrapper>article,.quality .brandWrapper>article,.brand .qualityWrapper>article,.brand .brandWrapper>article { width: 885px; margin: 0 auto; display: block; overflow: hidden } .quality .tabContent,.brand .tabContent { padding: 60px 0; float: left } .quality .tabContent .leftPart,.quality .tabContent .rightPart,.brand .tabContent .leftPart,.brand .tabContent .rightPart { width: 50%; display: block; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } .quality .tabContent .leftPart>p,.quality .tabContent .rightPart>p,.brand .tabContent .leftPart>p,.brand .tabContent .rightPart>p { margin: 0 0 24px 0; line-height: 25px } .quality .tabContent .leftPart>p:last-child,.quality .tabContent .rightPart>p:last-child,.brand .tabContent .leftPart>p:last-child,.brand .tabContent .rightPart>p:last-child { margin: 0 } .quality .tabContent .leftPart,.brand .tabContent .leftPart { padding: 0 16px 0 8px } .quality .tabContent .leftPart iframe,.brand .tabContent .leftPart iframe { margin-bottom: 20px } .quality .tabContent .rightPart,.brand .tabContent .rightPart { padding: 0 8px 0 16px } .quality .tabContent .rightPart>h1,.brand .tabContent .rightPart>h1 { font-family: 'DINNextW01-CondensedBol'; font-weight: 400; font-style: normal; font-size: 20px; line-height: 24px; text-transform: uppercase; letter-spacing: 2px; margin: 0 0 10px 0; color: #4a4b4b } .quality .tabContent .rightPart ul,.quality .tabContent .rightPart ol,.brand .tabContent .rightPart ul,.brand .tabContent .rightPart ol { margin: 0; padding: 0; list-style-type: none } .quality .tabContent .rightPart ul li,.quality .tabContent .rightPart ol li,.brand .tabContent .rightPart ul li,.brand .tabContent .rightPart ol li { margin-top: 30px; font-family: 'Open Sans', sans-serif; font-weight: 300; font-style: normal; font-size: 16px; line-height: 24px } .quality .tabContent .rightPart ul li>b,.quality .tabContent .rightPart ol li>b,.brand .tabContent .rightPart ul li>b,.brand .tabContent .rightPart ol li>b { font-family: 'Open Sans', sans-serif; font-weight: 700; font-style: normal; font-size: 16px; line-height: 24px } .quality figure,.brand figure { display: block; width: 100%; margin-bottom: 45px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } .quality figure:last-child,.brand figure:last-child { margin-bottom: 0 } .quality figure.right,.brand figure.right { float: right } .quality figure.right>img,.brand figure.right>img { float: right } .quality figure.left,.brand figure.left { float: left } .quality figure.left>img,.brand figure.left>img { float: left } .quality figure>img,.brand figure>img { display: block } .brand .tabsLine { background: #e2001a } .mask { width: 585px; margin: 0 auto; display: block } .mask>h1 { font-family: 'DINNextW01-CondensedBol'; font-weight: 400; font-style: normal; font-size: 20px; line-height: 30px; color: #4a4b4b; text-transform: uppercase; text-align: left; letter-spacing: 1.5px } .mask input[type="password"] { width: 514px; float: left; background-color: #ededed; border: none; line-height: 42px; height: 42px; padding: 0 20px; color: #4a4b4b; margin: 5px 0; outline: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none } .mask input[type="password"].error { border: 1px solid #e2001a } .mask p { color: #999; font-family: 'Open Sans', sans-serif; font-weight: 300; font-style: normal; font-size: 14px; line-height: 20px; margin: 10px 0 0 0; display: inline-block } .mask p>a { color: #999; border-bottom: 1px solid #ccc } .csstransitions .mask p>a { -moz-transition: linear .3s; -o-transition: linear .3s; -webkit-transition: linear .3s; transition: linear .3s } .mask p>a:hover { border-bottom: 1px solid #4a4b4b; color: #4a4b4b } .mask .loginButton { margin-top: 5px !important } .loginSuccessWrap { width: 885px; margin: 50px auto; display: block } .loginSuccessWrap>.logo { text-align: center } .loginSuccessWrap>ul { margin: 70px 0 0 0; padding: 0; list-style-type: none; display: inline-block } .loginSuccessWrap>ul>li { float: left; width: 33.33%; padding-left: 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } .loginSuccessWrap>ul>li .semi { text-transform: uppercase; font-family: 'Open Sans', sans-serif; font-weight: 600; font-style: normal; font-size: 16px; line-height: 32px; color: #4a4b4b } .loginSuccessWrap>ul>li>p { margin: 10px 0 } .loginSuccessWrap>ul>li .download { color: #4a4b4b; text-decoration: underline; font-family: 'Open Sans', sans-serif; font-weight: 300; font-style: normal; font-size: 16px; line-height: 32px } .cWrap>.map { text-align: center; height: 120px } .cWrap>.map>img { display: block; height: 100%; margin: 0 auto } .cWrap .continent { margin: 40px 0 0 0; padding: 0; list-style-type: none; width: 100%; float: left } .cWrap .continent>li { width: 25%; float: left } .cWrap .continent>li>a { font-family: 'DINNextW01-CondensedBol'; font-weight: 400; font-style: normal; font-size: 20px; line-height: 30px; text-transform: uppercase; text-decoration: none; color: #4a4b4b; letter-spacing: 2px } .csstransitions .cWrap .continent>li>a { -moz-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; -webkit-transition: ease-in-out .3s; transition: ease-in-out .3s } .cWrap .continent>li>a:hover,.cWrap .continent>li>a.active { color: #e2001a } .cWrap .countriesWrap { float: left; width: 100% } .cWrap .countries { margin: 30px 0 0 0; padding: 0; list-style-type: none; width: 0; float: left; overflow: hidden; position: relative; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } .csstransitions .cWrap .countries { -moz-transition: ease-in-out 1s; -o-transition: ease-in-out 1s; -webkit-transition: ease-in-out 1s; transition: ease-in-out 1s } .cWrap .countries.selected { width: 100%; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1 } .cWrap .countries.selected>li { padding-right: 10px } .cWrap .countries>li { width: 33.33%; padding-right: 0; float: left; overflow: hidden; white-space: nowrap; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } .csstransitions .cWrap .countries>li { -moz-transition: ease-in-out 1s; -o-transition: ease-in-out 1s; -webkit-transition: ease-in-out 1s; transition: ease-in-out 1s } .cWrap .countries>li>.entry>a { width: 100%; display: block; outline: none; text-decoration: none; text-transform: uppercase; color: #828282; font-family: 'Open Sans', sans-serif; font-weight: 600; font-style: normal; font-size: 16px; line-height: 30px } .csstransitions .cWrap .countries>li>.entry>a { -moz-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; -webkit-transition: ease-in-out .3s; transition: ease-in-out .3s } .cWrap .countries>li>.entry>a.active { font-family: 'Open Sans', sans-serif; font-weight: 600; font-style: normal; font-size: 16px; line-height: 30px; color: #e2001a } .cWrap .countries>li>.entry>a:hover { color: #e2001a } .cWrap .countries .countryInfo { margin-bottom: 0; height: 0; overflow: hidden; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } .csstransitions .cWrap .countries .countryInfo { -moz-transition: ease-in-out .5s; -o-transition: ease-in-out .5s; -webkit-transition: ease-in-out .5s; transition: ease-in-out .5s } .cWrap .countries .countryInfo.open { margin-bottom: 15px; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1 } .cWrap .countries .countryInfo>p { margin: 0; line-height: 24px } .cWrap .countries .countryInfo>p>b { font-family: 'Open Sans', sans-serif; font-weight: 600; font-style: normal; font-size: 16px; line-height: 30px } .cWrap .countries .countryInfo>p>a { color: #828282; border-bottom: 1px solid #ccc } .csstransitions .cWrap .countries .countryInfo>p>a { -moz-transition: linear .3s; -o-transition: linear .3s; -webkit-transition: linear .3s; transition: linear .3s } .cWrap .countries .countryInfo>p>a:hover { border-bottom: 1px solid #4a4b4b; color: #4a4b4b } .mask label { width: 100%; display: block; margin: 20px 0 5px 0; line-height: 20px } .mask input[type="text"] { width: 100%; display: block; background-color: #ededed; border: none; line-height: 39px; height: 39px; padding: 0 20px 0 10px; color: #4a4b4b; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } .mask input[type="text"].error { border: 1px solid #e2001a } .mask textarea { width: 100%; display: block; height: 209px; resize: none; background-color: #ededed; color: #4a4b4b; border: none; padding: 10px; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } .mask textarea.error { border: 1px solid #e2001a } .mask .formGroup { float: left; width: 100% } .mask .half { float: left; width: 50% } .mask .half:first-child { padding-right: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } .mask .full { float: left; width: 100% } .mask .contactPhone input[type="checkbox"] { display: none } .mask .contactPhone input[type="checkbox"]+label span { display: inline-block; width: 26px; height: 26px; margin: -1px 10px 0 0; vertical-align: middle; background: #fff; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; cursor: pointer; border: 2px solid #ededed } .mask .contactPhone input[type="checkbox"]:checked+label span { background: url('../images/icons/check.png?1669394639') no-repeat center center; background-size: 70% } .mask .button { margin-top: 20px; font-family: 'DINNextW01-CondensedBol'; font-weight: 400; font-style: normal; font-size: 16px; line-height: 42px; height: 42px; float: right } .mask .required { font-family: 'Open Sans', sans-serif; font-weight: 300; font-style: normal; font-size: 12px; line-height: 20px } .mask .phoneRequire { visibility: hidden } .selectorWrap { margin: 15px 0 20px 0; width: 350px; display: inline-block; position: relative } .selectorWrap .selector { height: 40px; width: 220px; background-color: #fff; border: none; position: relative; float: left; margin-right: 2px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } .csstransitions .selectorWrap .selector { -moz-transition: border .3s; -o-transition: border .3s; -webkit-transition: border .3s; transition: border .3s } .selectorWrap .selector span { width: 100%; line-height: 40px; height: 40px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; cursor: pointer; display: block; padding-left: 20px; text-align: left; position: relative; color: #2d51a5; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } .selectorWrap .selector span:before { content: ""; position: absolute; background: url('../images/icons/selector.png?1669394639') no-repeat center center transparent; background-size: 50%; height: 8px; width: 12px; right: 10px; top: 15px } .selectorWrap .selector select { height: 40px; line-height: 40px; opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; border: none; background: none; position: absolute; top: 0; left: 0; width: 100% } .selectorWrap .socialSelector { background-color: #fff; padding: 5px 0; float: left; height: 40px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } .selectorWrap .socialSelector>li { float: left; width: 0; height: 30px; overflow: hidden; border-left: 0px solid #ccc } .csstransitions .selectorWrap .socialSelector>li { -moz-transition: ease .3s; -o-transition: ease .3s; -webkit-transition: ease .3s; transition: ease .3s } .selectorWrap .socialSelector>li.active { border-left: 1px solid #ccc; width: 40px } .selectorWrap .socialSelector>li:first-child { border-left: none } .selectorWrap .socialSelector>li>a { display: block; text-indent: -1976em; line-height: 30px; height: 30px; width: 40px; position: relative } .csstransitions .selectorWrap .socialSelector>li>a { -moz-transition: opacity .3s ease-in-out; -o-transition: opacity .3s ease-in-out; -webkit-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out } .selectorWrap .socialSelector>li>a:before,.selectorWrap .socialSelector>li>a:after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0 } .csstransitions .selectorWrap .socialSelector>li>a:before,.csstransitions .selectorWrap .socialSelector>li>a:after { -moz-transition: opacity .3s ease-in-out; -o-transition: opacity .3s ease-in-out; -webkit-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out } .selectorWrap .socialSelector>li>a:before { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1 } .selectorWrap .socialSelector>li>a:after { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } .selectorWrap .socialSelector>li>a:hover:before { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } .selectorWrap .socialSelector>li>a:hover:after { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1 } .selectorWrap .socialSelector>li>a.youtubeIcon:before { background: url('../images/icons/youtubeIcon.png') no-repeat center center } .selectorWrap .socialSelector>li>a.youtubeIcon:after { background: url('../images/icons/youtubeIcon-hover.png') no-repeat center center } .selectorWrap .socialSelector>li>a.facebookIcon:before { background: url('../images/icons/facebookIcon.png') no-repeat center center } .selectorWrap .socialSelector>li>a.facebookIcon:after { background: url('../images/icons/facebookIcon-hover.png') no-repeat center center } .selectorWrap .socialSelector>li>a.twitterIcon:before { background: url('../images/icons/twitterIcon.png') no-repeat center center } .selectorWrap .socialSelector>li>a.twitterIcon:after { background: url('../images/icons/twitterIcon-hover.png') no-repeat center center } .socialWrapper { position: relative; z-index: 1; background-position: center top; background-size: cover; background-repeat: no-repeat; height: 700px; border-bottom: 2px solid #fff; text-align: center; padding-top: 50px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } .socialWrapper>h1,.socialWrapper>h4 { position: relative; z-index: 3; text-shadow: 0 0 10px rgba(153,153,153,0.4) } .socialWrapper .facebookWrap { margin: 0 auto 50px auto; height: 400px; display: block } .socialWrapper .contentBG { position: absolute; z-index: 1; left: 0; right: 0; bottom: 0; top: 0; background-size: 100%; background-position: center center; background-repeat: no-repeat } .csstransitions .socialWrapper .contentBG { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); opacity: .3 } .no-csstransitions .socialWrapper .contentBG { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20); opacity: .2 } .socialWrapper .facebookContent { height: 400px; width: 500px; display: block; position: absolute; z-index: 2 } .socialWrapper .facebookContent .fb-page { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition: 1s; -o-transition: 1s; -webkit-transition: 1s; transition: 1s } .socialWrapper .facebookContent .fb-page.active { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1 } .socialWrapper .facebookContent .fb-page blockquote>a { color: transparent } .socialWrapper .facebookSlider>li { width: 500px; height: 400px } .csstransitions .socialWrapper .facebookSlider>li.swiper-slide>.contentBG { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); opacity: .3; filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='4'); -webkit-filter: blur(4px); filter: blur(4px) } .no-csstransitions .socialWrapper .facebookSlider>li.swiper-slide>.contentBG { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20); opacity: .2 } .csstransitions .socialWrapper .facebookSlider>li.swiper-slide-active>.contentBG { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='2'); -webkit-filter: blur(2px); filter: blur(2px) } .no-csstransitions .socialWrapper .facebookSlider>li.swiper-slide-active>.contentBG { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1 } .socialWrapper .facebook-next,.socialWrapper .facebook-prev { position: absolute; top: -15px; width: 27px; height: 44px; z-index: 11; cursor: pointer; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1 } .csstransitions .socialWrapper .facebook-next,.csstransitions .socialWrapper .facebook-prev { -moz-transition: opacity .5s ease-in-out,left .3s ease-in-out,right .3s ease-in-out; -o-transition: opacity .5s ease-in-out,left .3s ease-in-out,right .3s ease-in-out; -webkit-transition: opacity .5s ease-in-out,left .3s ease-in-out,right .3s ease-in-out; transition: opacity .5s ease-in-out,left .3s ease-in-out,right .3s ease-in-out } .csstransforms .socialWrapper .facebook-next,.csstransforms .socialWrapper .facebook-prev { -moz-transform: scale(0.4); -ms-transform: scale(0.4); -webkit-transform: scale(0.4); transform: scale(0.4) } .socialWrapper .facebook-next.fadeOut,.socialWrapper .facebook-next.swiper-button-disabled,.socialWrapper .facebook-prev.fadeOut,.socialWrapper .facebook-prev.swiper-button-disabled { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; cursor: default; visibility: hidden } .socialWrapper .facebook-prev { background-position: -348px 0; width: 33px; height: 71px; left: -50px; right: auto } .csstransitions .socialWrapper .facebook-prev:hover { left: -53px } .socialWrapper .facebook-next { background-position: -434px 0; width: 33px; height: 71px; right: -50px; left: auto } .csstransitions .socialWrapper .facebook-next:hover { right: -53px } .documents { width: 100%; display: block; height: 0; overflow: hidden; margin: 0; position: relative } .csstransitions .documents { -moz-transition: ease-in-out .5s; -o-transition: ease-in-out .5s; -webkit-transition: ease-in-out .5s; transition: ease-in-out .5s } .documents.open { margin: 50px 0 } .documents .closeButtonWrap { right: 100px; top: 10px } .documents .documentsWrap { display: block; width: 585px; margin: 0 auto; position: relative } .csstransforms .documents .documentsWrap { backface-visibility: hidden; -moz-transform: perspective(1000px) rotateX(0deg); -webkit-transform: perspective(1000px) rotateX(0deg); transform: perspective(1000px) rotateX(0deg); -moz-transform-origin: top center; -ms-transform-origin: top center; -webkit-transform-origin: top center; transform-origin: top center; -moz-transition: ease-in-out .8s; -o-transition: ease-in-out .8s; -webkit-transition: ease-in-out .8s; transition: ease-in-out .8s } .csstransitions .documents .documentsWrap { -moz-transition: ease-in-out .5s; -o-transition: ease-in-out .5s; -webkit-transition: ease-in-out .5s; transition: ease-in-out .5s } .documents .documentsWrap.close { height: 0 !important; overflow: hidden } .csstransforms .documents .documentsWrap.close { -moz-transform: perspective(1000px) rotateX(-90deg); -webkit-transform: perspective(1000px) rotateX(-90deg); transform: perspective(1000px) rotateX(-90deg) } .documents .documentsWrap h1 { font-family: 'DINNextW01-CondensedBol'; font-weight: 400; font-style: normal; font-size: 20px; line-height: 20px; color: #4a4b4b; text-transform: uppercase; letter-spacing: 1.5px } .documents .documentsWrap .documentRTE { margin-top: 30px; display: block; width: 100% } .documents .documentsWrap .documentRTE p { margin: 0 0 30px 0; line-height: 26px } .documents .documentsWrap .documentRTE p:last-child { margin: 0 } .documents .documentsWrap>div { position: relative; top: 0; left: 0; height: 0; visibility: hidden; overflow: hidden; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } .csstransitions .documents .documentsWrap>div { -moz-transition: ease-in-out .5s; -o-transition: ease-in-out .5s; -webkit-transition: ease-in-out .5s; transition: ease-in-out .5s } .documents .documentsWrap>div.activate { position: relative; visibility: visible; height: auto; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1 }