.glightbox-container{width:100%;height:100%;position:fixed;top:0;left:0;z-index:999999!important;overflow:hidden;-ms-touch-action:none;touch-action:none;-webkit-text-size-adjust:100%;-webkit-backface-visibility:hidden;outline:0;overflow:hidden}.glightbox-container.inactive{display:none}.glightbox-container .gcontainer{position:relative;width:100%;height:100%;z-index:9999;overflow:hidden}.glightbox-container .gslider{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;height:100%;left:0;top:0;width:100%;position:relative;overflow:hidden;display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.glightbox-container .gslide{width:100%;position:absolute;opacity:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;opacity:0}.glightbox-container .gslide.current{opacity:1;z-index:99999;position:relative}.glightbox-container .gslide.prev{opacity:1;z-index:9999}.glightbox-container .gslide-inner-content{width:100%}.glightbox-container .ginner-container{position:relative;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:100%;margin:auto;height:100vh}.glightbox-container .ginner-container.gvideo-container{width:100%}.glightbox-container .ginner-container.desc-bottom,.glightbox-container .ginner-container.desc-top{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.glightbox-container .ginner-container.desc-left,.glightbox-container .ginner-container.desc-right{max-width:100%!important}.gslide iframe,.gslide video{outline:0!important;border:none;min-height:165px;-webkit-overflow-scrolling:touch;overflow-scrolling:touch;-ms-touch-action:auto;touch-action:auto}.gslide-image{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.gslide-image img{max-height:100vh;display:block;max-width:100%;margin:0;padding:0;float:none;outline:0;border:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;max-width:100vw;width:auto;height:auto;-o-object-fit:cover;object-fit:cover;-ms-touch-action:none;touch-action:none;margin:auto;min-width:200px}.desc-bottom .gslide-image img,.desc-top .gslide-image img{width:auto}.desc-left .gslide-image img,.desc-right .gslide-image img{width:auto;max-width:100%}.gslide-image img.zoomable{position:relative}.gslide-image img.dragging{cursor:-webkit-grabbing!important;cursor:grabbing!important;-webkit-transition:none;transition:none}.gslide-video{width:100%;max-width:100%;position:relative;width:100vh;max-width:100vh;width:100%!important}.gslide-video .gvideo-wrapper{width:100%;margin:auto}.gslide-video::before{content:'';display:block;position:absolute;width:100%;height:100%;background:rgba(255,0,0,.34);display:none}.gslide-video.playing::before{display:none}.gslide-video.fullscreen{max-width:100%!important;min-width:100%;height:80vh}.gslide-video.fullscreen video{max-width:100%!important;width:100%!important}.gslide-inline{background:#fff;text-align:left;max-height:calc(100vh - 40px);overflow:auto;max-width:100%}.gslide-inline .ginlined-content{padding:20px;width:100%}.ginlined-content{overflow:auto;display:block!important;opacity:1}.gslide-external{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;min-width:100%;background:#fff;padding:0;overflow:auto;max-height:75vh;height:100%}.gslide-media{display:block;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;display:-webkit-box;display:-ms-flexbox;display:flex;width:auto}.zoomed .gslide-media{-webkit-box-shadow:none!important;box-shadow:none!important}.desc-bottom .gslide-media,.desc-top .gslide-media{margin:0 auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.gslide-description{position:relative}.gslide-description.description-left,.gslide-description.description-right{max-width:100%}.gslide-description.description-bottom,.gslide-description.description-top{margin:0 auto;width:100%}.gslide-description p{margin-bottom:12px}.gslide-description p::last-child{margin-bottom:0}.zoomed .gslide-description{display:none}.glightbox-mobile .glightbox-container .gslide-description{height:auto!important;width:100%;background:0 0;position:absolute;bottom:15px;padding:19px 11px;max-width:100vw!important;-webkit-box-ordinal-group:3!important;-ms-flex-order:2!important;order:2!important;max-height:78vh;overflow:auto!important;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.75)));background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.75) 100%);-webkit-transition:opacity .3s linear;transition:opacity .3s linear;padding-bottom:50px}.glightbox-mobile .glightbox-container .gslide-title{color:#fff;font-size:1em}.glightbox-mobile .glightbox-container .gslide-desc{color:#a1a1a1}.glightbox-mobile .glightbox-container .gslide-desc a{color:#fff;font-weight:700}.glightbox-mobile .glightbox-container .gslide-desc *{color:inherit}.glightbox-mobile .glightbox-container .gslide-desc string{color:#fff}.glightbox-mobile .glightbox-container .gslide-desc .desc-more{color:#fff;opacity:.4}.gdesc-open .gslide-media{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:.4}.gdesc-open .gdesc-inner{padding-bottom:30px}.gdesc-closed .gslide-media{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:1}.greset{-webkit-transition:all .3s ease;transition:all .3s ease}.gabsolute{position:absolute}.grelative{position:relative}.glightbox-desc{display:none!important}.glightbox-open{overflow:hidden}.gloader{height:25px;width:25px;-webkit-animation:lightboxLoader .8s infinite linear;animation:lightboxLoader .8s infinite linear;border:2px solid #fff;border-right-color:transparent;border-radius:50%;position:absolute;display:block;z-index:9999;left:0;right:0;margin:0 auto;top:47%}.goverlay{width:100%;height:100%;position:fixed;top:0;left:0;background:#000;will-change:opacity}.glightbox-mobile .goverlay{background:#000}.gclose,.gnext,.gprev{background-repeat:no-repeat;z-index:99999;cursor:pointer;width:26px;height:44px;display:block;background-position:0 0;border:none}.gclose svg,.gnext svg,.gprev svg{display:block;width:100%;height:auto}.gclose.disabled,.gnext.disabled,.gprev.disabled{opacity:.1}.gclose .garrow,.gnext .garrow,.gprev .garrow{stroke:#fff}iframe.wait-autoplay{opacity:0}.glightbox-closing .gclose,.glightbox-closing .gnext,.glightbox-closing .gprev{opacity:0!important}.glightbox-clean .gslide-description,.glightbox-modern .gslide-description{background:#fff}.glightbox-clean .gdesc-inner,.glightbox-modern .gdesc-inner{padding:22px 20px}.glightbox-clean .gslide-title,.glightbox-modern .gslide-title{font-size:1em;font-weight:400;font-family:arial;color:#000;margin-bottom:19px;line-height:1.4em}.glightbox-clean .gslide-desc,.glightbox-modern .gslide-desc{font-size:.86em;margin-bottom:0;font-family:arial;line-height:1.4em}.glightbox-clean .gslide-video,.glightbox-modern .gslide-video{background:#000}.glightbox-clean .gclose,.glightbox-clean .gnext,.glightbox-clean .gprev,.glightbox-modern .gclose,.glightbox-modern .gnext,.glightbox-modern .gprev{background-color:rgba(0,0,0,.12)}.glightbox-clean .gclose:hover,.glightbox-clean .gnext:hover,.glightbox-clean .gprev:hover,.glightbox-modern .gclose:hover,.glightbox-modern .gnext:hover,.glightbox-modern .gprev:hover{background-color:rgba(0,0,0,.2)}.glightbox-clean .gclose path,.glightbox-clean .gnext path,.glightbox-clean .gprev path,.glightbox-modern .gclose path,.glightbox-modern .gnext path,.glightbox-modern .gprev path{fill:#fff}.glightbox-clean button:focus:not(.focused):not(.disabled),.glightbox-modern button:focus:not(.focused):not(.disabled){outline:0}.glightbox-clean .gprev,.glightbox-modern .gprev{position:absolute;top:-100%;left:30px;width:40px;height:56px}.glightbox-clean .gnext,.glightbox-modern .gnext{position:absolute;top:-100%;right:30px;width:40px;height:56px}.glightbox-clean .gclose,.glightbox-modern .gclose{width:35px;height:35px;top:15px;right:10px;position:absolute;opacity:.7;background-position:-59px 2px}.glightbox-clean .gclose svg,.glightbox-modern .gclose svg{width:20px}.glightbox-clean .gclose:hover,.glightbox-modern .gclose:hover{opacity:1}.gfadeIn{-webkit-animation:gfadeIn .5s ease;animation:gfadeIn .5s ease}.gfadeOut{-webkit-animation:gfadeOut .5s ease;animation:gfadeOut .5s ease}.gslideOutLeft{-webkit-animation:gslideOutLeft .3s ease;animation:gslideOutLeft .3s ease}.gslideInLeft{-webkit-animation:gslideInLeft .3s ease;animation:gslideInLeft .3s ease}.gslideOutRight{-webkit-animation:gslideOutRight .3s ease;animation:gslideOutRight .3s ease}.gslideInRight{-webkit-animation:gslideInRight .3s ease;animation:gslideInRight .3s ease}.gzoomIn{-webkit-animation:gzoomIn .5s ease;animation:gzoomIn .5s ease}.gzoomOut{-webkit-animation:gzoomOut .5s ease;animation:gzoomOut .5s ease}@-webkit-keyframes lightboxLoader{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes lightboxLoader{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes gfadeIn{from{opacity:0}to{opacity:1}}@keyframes gfadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes gfadeOut{from{opacity:1}to{opacity:0}}@keyframes gfadeOut{from{opacity:1}to{opacity:0}}@-webkit-keyframes gslideInLeft{from{opacity:0;-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0)}to{visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes gslideInLeft{from{opacity:0;-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0)}to{visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes gslideOutLeft{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0);opacity:0;visibility:hidden}}@keyframes gslideOutLeft{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0);opacity:0;visibility:hidden}}@-webkit-keyframes gslideInRight{from{opacity:0;visibility:visible;-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes gslideInRight{from{opacity:0;visibility:visible;-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes gslideOutRight{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0);opacity:0}}@keyframes gslideOutRight{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0);opacity:0}}@-webkit-keyframes gzoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:1}}@keyframes gzoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:1}}@-webkit-keyframes gzoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes gzoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@media (min-width:769px){.glightbox-container .ginner-container{width:auto;height:auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.glightbox-container .ginner-container.desc-top .gslide-description{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.glightbox-container .ginner-container.desc-top .gslide-image,.glightbox-container .ginner-container.desc-top .gslide-image img{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.glightbox-container .ginner-container.desc-left .gslide-description{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.glightbox-container .ginner-container.desc-left .gslide-image{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.gslide-image img{max-height:97vh;max-width:calc(100% - 20px);max-width:100%}.gslide-image img.zoomable{cursor:-webkit-zoom-in;cursor:zoom-in}.zoomed .gslide-image img.zoomable{cursor:-webkit-grab;cursor:grab}.gslide-inline{max-height:95vh}.gslide-external{max-height:100vh}.gslide-description.description-left,.gslide-description.description-right{max-width:275px}.glightbox-open{height:auto}.goverlay{background:rgba(0,0,0,.92)}.glightbox-clean .gslide-media,.glightbox-modern .gslide-media{-webkit-box-shadow:1px 2px 9px 0 rgba(0,0,0,.65);box-shadow:1px 2px 9px 0 rgba(0,0,0,.65)}.glightbox-clean .gprev,.glightbox-modern .gprev{top:45%}.glightbox-clean .gnext,.glightbox-modern .gnext{top:45%}}@media (min-width:992px){.glightbox-clean .gclose,.glightbox-modern .gclose{right:20px}}@media screen and (max-height:420px){.goverlay{background:#000}} /* Global dependencies */ /** Colors */ .grid { display: -webkit-box; display: -ms-flexbox; display: flex; } @supports (display: grid) { .grid { display: grid; } } .container { margin: 0 auto; width: auto; padding: 0 20px; max-width: 1120px; } .row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .row.alignCenter { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .row.jfCenter { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .row.jfBetween { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .small-visible { display: block; } @media screen and (min-width: 960px) { .small-visible { display: none; } } .small-medium-visible { display: block; } @media screen and (min-width: 768px) { .small-medium-visible { display: none; } } .big-visible { display: none; } @media screen and (min-width: 768px) { .big-visible { display: block; } } .not-visible { visibility: hidden; } /**************************** Columns */ .dataCommonRow, .commonRow { padding-bottom: 48px; } .column { width: 100%; margin-bottom: 32px; } @media screen and (min-width: 960px) { .column.desktopHalf { width: calc(100% / 2); } } @media screen and (min-width: 960px) { .column.desktopOneThird { width: calc(100% / 3); } } @-webkit-keyframes marquee { 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 100% { -webkit-transform: translate(-100%, 0); transform: translate(-100%, 0); } } @keyframes marquee { 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 100% { -webkit-transform: translate(-100%, 0); transform: translate(-100%, 0); } } /* stylelint-disable no-descending-specificity */ * { margin: 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } :root { --orange: $orange; font-size: 16px; } @font-face { font-display: swap; font-family: "Manrope"; font-weight: 400; src: url(../fonts/manrope-regular.ttf) format("truetype"); } body { background: #fff; font-family: "Manrope"; font-size: 16px; color: #262626; } .subtitle { font-size: 24px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.33; letter-spacing: normal; text-align: center; color: #7c7c7c; } @media screen and (min-width: 960px) { .subtitle { font-size: 28px; line-height: 1.43; } } html.wf-opensans-n4-active body { font-family: 'Manrope', sans-serif; } html.wf-industry-n4-active .live_data_block .dataTableTicker td { font-family: 'Industry', sans-serif; } @media screen and (min-width: 960px) { .forMobile { display: none; } } .forDesktop { display: none; } @media screen and (min-width: 960px) { .forDesktop { display: block; } } .toggler { text-decoration: none !important; border-bottom: 1px dashed; } .isToggling { max-height: 0; overflow: hidden; -webkit-transition: all 0.15s linear; transition: all 0.15s linear; } .isToggling.isVisible { padding: 15px; background: #f9f9f9; max-height: 9999px; } .accordion-section .item { margin-bottom: 20px; } .accordion-section .item .accordion-link { border-bottom: 1px dashed; text-decoration: none; word-break: break-all; } .accordion-section .item .accordion-link::before { content: none; } .accordion-section .collapse { max-height: 0; overflow: hidden; -webkit-transition: all 200ms linear; transition: all 200ms linear; } .accordion-section .collapse.show { max-height: 2000px; } /********************************** TODO: remove after update Data tick tables */ .panel h4 { font-size: 18px; font-weight: bold; margin-bottom: 16px; text-transform: none; letter-spacing: normal; } .panel .dataTable_wrap { background: #222; padding: 30px 40px; margin-bottom: 16px; overflow-x: auto; } .panel .dataTable_wrap > .dataTable th, .panel .dataTable_wrap > .dataTable td { width: auto; } .panel .dataTable { width: 100%; color: #fff; margin: auto; border-collapse: collapse; min-width: 600px; } .panel .dataTable th, .panel .dataTable td { border: 0; border-bottom: 1px solid rgba(163, 163, 163, 0.13); padding: 6px 0; font-size: 14px; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 1.3; } .panel .dataTable th.dataTable_last, .panel .dataTable th.dataTable_change, .panel .dataTable th.dataTable_changeP, .panel .dataTable td.dataTable_last, .panel .dataTable td.dataTable_change, .panel .dataTable td.dataTable_changeP { text-align: right; } .panel .dataTable th.dataTable_symbol, .panel .dataTable td.dataTable_symbol { padding-left: 20px; } .panel .dataTable th.dataTable_symbol, .panel .dataTable th.dataTable_desc, .panel .dataTable td.dataTable_symbol, .panel .dataTable td.dataTable_desc { text-align: left; } .panel .dataTable th.dataTable_updated, .panel .dataTable td.dataTable_updated { text-align: center; width: 220px; } .panel .dataTable td.down-arrow-before::before, .panel .dataTable td.up-arrow-before::before { content: ""; width: 0; height: 0; position: relative; border-style: solid; } .panel .dataTable td.down-arrow-before::before { top: 13px; left: -6px; border-width: 7px 4px 0 4px; border-color: #ff1212 transparent transparent transparent; } @media screen and (min-width: 960px) { .panel .dataTable td.down-arrow-before::before { top: 16px; left: -5px; border-width: 10px 7px 0 7px; } } .panel .dataTable td.up-arrow-before::before { top: -13px; left: -6px; border-width: 0 4px 7px 4px; border-color: transparent transparent #05fd22 transparent; } @media screen and (min-width: 960px) { .panel .dataTable td.up-arrow-before::before { top: -16px; left: -8px; border-width: 0 7px 10px 7px; } } .panel .dataTable td.down { color: #ff1212; } .panel .dataTable td.up { color: #05fd22; } .panel .dataTable td.highlight { background: #292929; } .panel .dataTable tr:last-child td { border-bottom: 1px solid transparent; } .panel .dataTable_disclaimer { text-align: right; font-size: 14px; color: #8f8f8f; margin-bottom: 64px; } /********************************** !!!!!! NEW Data tick tables */ .tickTableWrapper { max-width: calc(100vw - 17px); margin: 48px 0; overflow-x: auto; } .tickTableTitle { width: 100%; min-width: 800px; background: #f4f4f4; margin: 0; padding: 16px 16px 21px; } .tickTable { width: 100%; border-collapse: collapse; font-size: 14px; margin-bottom: 16px; line-height: 1.43; min-width: 800px; } .tickTable tr:nth-child(odd) th, .tickTable tr:nth-child(odd) td { background: #e0e0e0; } .tickTable th, .tickTable td { background: #f4f4f4; padding: 15px 0 14px; border: 0; } .tickTable th:first-child, .tickTable td:first-child { padding-left: 16px; text-align: left; } .tickTable th:last-child, .tickTable td:last-child { padding-right: 16px; } .tickTable th[data-align="alignRight"], .tickTable td[data-align="alignRight"] { text-align: right; } .tickTable th[data-align="alignCenter"], .tickTable td[data-align="alignCenter"] { text-align: center; } .tickTable th[data-align="alignLeft"], .tickTable td[data-align="alignLeft"] { text-align: left; } .tickTable th.chartCell, .tickTable td.chartCell { line-height: 0; } .tickTable th { font-weight: 600; } .tickTable th.tickTableDescription { text-align: left; } .tickTable td { padding-top: 7px; padding-bottom: 7px; } .tickTable td .chartCellContainer { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .tickTable td > span { display: inline-block; padding: 5px 2px; -webkit-transition: background 100ms linear; transition: background 100ms linear; } .tickTable td.down.dx-bound-percentchange, .tickTable td.down.dx-bound-change, .tickTable td.down.dx-bound-fxask, .tickTable td.down.dx-bound-fxbid, .tickTable td.down.dx-bound-fxmid { color: #ff0710; } .tickTable td.up.dx-bound-percentchange, .tickTable td.up.dx-bound-change, .tickTable td.up.dx-bound-fxask, .tickTable td.up.dx-bound-fxbid, .tickTable td.up.dx-bound-fxmid { color: #42be65; } .tickTable td.highlight > span { background: #f1f2f6; } .tickTableDisclaimer { font-size: 12px; text-align: right; line-height: 1.83; min-width: 800px; } .chartContainer { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* **************************************** Left Navigation */ .bodyContent.hasSidebar { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: 100%; } @media screen and (min-width: 960px) { .bodyContent.hasSidebar { max-width: calc(100% - 290px); } } .leftColumn { display: none; width: 230px; margin-right: 59px; } @media screen and (min-width: 960px) { .leftColumn { display: block; } } .leftNav.isMobile { width: calc(100% + 30px); position: absolute; top: 52px; left: -15px; background: #f4f4f4; -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08); } @media screen and (min-width: 960px) { .leftNav.isMobile { display: none; } } .leftNavPage { display: block; cursor: pointer; position: relative; padding: 4px 11px; font-size: 14px; line-height: 1.57; color: #5f5f5f; margin-bottom: 10px; -webkit-transition: all 150ms linear; transition: all 150ms linear; } .leftNavPage.isCurrent { background: #f7f7f7; font-weight: bold; color: #222; } .leftNavPage:focus, .leftNavPage:hover { color: #222; } .leftNavList { padding: 10px 0 10px 0; margin: 0 0 16px 11px; border-left: 2px solid #dedede; } .leftNavListItem { cursor: pointer; list-style-type: none; margin-bottom: 0; padding: 10px 0 10px 23px; font-size: 14px; line-height: 1.57; color: #5f5f5f; -webkit-transition: all 150ms linear; transition: all 150ms linear; } .leftNavListItem::before { content: none; } .leftNavListItem.isCurrent { position: relative; color: #222; font-weight: bold; } .leftNavListItem.isCurrent::before { content: ''; display: block; position: absolute; top: 18%; left: -2px; width: 2px; height: 64%; background: #000; } .marketDataContent { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .leftNavMobile { max-height: 0; margin: -24px -15px 24px; padding: 0 20px; background: #f4f4f4; -webkit-transition: all 200ms linear; transition: all 200ms linear; overflow: hidden; } .leftNavMobile.isVisible { max-height: 500px; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; } @media screen and (min-width: 960px) { .leftNavMobile { display: none; } } .leftNavListMobile { margin: 0; } .leftNavListMobileLink { display: block; padding: 12px 0; color: #222; } .leftNavListMobileItem { padding-left: 0; margin-bottom: 0; } .leftNavListMobileItem::before { content: none; } .leftNavListMobileItem.isCurrent .leftNavListMobileLink { color: #f4511e; } .leftNavListMobileItem:first-of-type .leftNavListMobileLink { padding-top: 24px; } .leftNavListMobileItem:last-of-type .leftNavListMobileLink { padding-bottom: 24px; } /* **************************************** Right info column */ .dataFeedInfo { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; max-width: 280px; margin: 0 auto 32px; } @media screen and (min-width: 960px) { .dataFeedInfo { -webkit-box-ordinal-group: initial; -ms-flex-order: initial; order: initial; max-width: 258px; margin: 0; } } .IE-11 .dataFeedInfo { width: 258px; -webkit-box-flex: 0; -ms-flex: none; flex: none; max-width: none; } .dataFeedInfoInner { padding: 16px; border-radius: 2px; border: solid 1px #e0e0e0; } @media screen and (min-width: 960px) { .dataFeedInfoInner { padding: 24px 16px 16px 16px; } } .dataFeedInfoItem { -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin-bottom: 16px; width: 100%; } @media screen and (min-width: 960px) { .dataFeedInfoItem { width: auto; margin-bottom: 25px; } } .dataFeedInfoItem.hasImage { width: 100%; margin-bottom: 16px; } @media screen and (min-width: 960px) { .dataFeedInfoItem.hasImage { margin-bottom: 25px; } } .dataFeedInfoItemIcon { display: none; min-width: 32px; width: 32px; height: 32px; margin-right: 10px; } @media screen and (min-width: 960px) { .dataFeedInfoItemIcon { display: block; } } .dataFeedInfoItemInner { font-size: 14px; color: #222; line-height: 1.57; padding-top: 5px; } .dataFeedInfoItemTitle { font-weight: bold; } .dataFeedInfoItemList { padding: 0 0 0 9px; margin: 0; } .dataFeedInfoItemListItem { list-style-type: none; position: relative; margin-bottom: 0; padding-left: 0; } .dataFeedInfoItemListItem > a { text-decoration: underline; } .dataFeedInfoItemListItem::before { content: ''; position: absolute; left: -10px; top: 10px; display: block; width: 2px; height: 2px; background: #000; } .dataFeedInfoItemSources { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .dataFeedInfoItemImage { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-height: 70px; margin-bottom: 8px; line-height: 0; } .dataFeedInfoItemImage:last-of-type { margin-bottom: 0; } .dataFeedInfoItemImage > a { display: block; } /* **************************************** END Right info column */ /* **************************************** START ACCORDION */ .accordionChameleon, .accordionBlock { margin: 0 0 24px; background: #f9f9f9; max-width: 544px; } .desktopHalf .accordionChameleon, .desktopHalf .accordionBlock { max-width: 352px; } .accordionChameleon img[src=""], .accordionChameleon img.loading, .accordionBlock img[src=""], .accordionBlock img.loading { visibility: hidden; } .accordionChameleon .toggleLink, .accordionBlock .toggleLink { cursor: pointer; font-size: 18px; font-weight: 600; line-height: 1.3; padding: 16px 24px 16px 16px; position: relative; } .accordionChameleon .toggleLink::after, .accordionBlock .toggleLink::after { content: ''; display: block; position: absolute; top: calc(50% - 4px); right: 24px; width: 13px; height: 8px; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='13' height='8'%3e%3cpath fill='%236f6f6f' d='M11.5 0l-5 5-5-5L0 1.5 6.5 8 13 1.5z' data-name='Icon material-keyboard-arrow-up'/%3e%3c/svg%3e") no-repeat; -webkit-transition: -webkit-transform 300ms linear; transition: -webkit-transform 300ms linear; transition: transform 300ms linear; transition: transform 300ms linear, -webkit-transform 300ms linear; } .accordionChameleon .toggleLink.row, .accordionBlock .toggleLink.row { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .accordionChameleon .toggleLink.isActive::after, .accordionBlock .toggleLink.isActive::after { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .accordionChameleon .toggleLink:hover, .accordionChameleon .toggleLink:focus, .accordionBlock .toggleLink:hover, .accordionBlock .toggleLink:focus { background: #f4f4f4; } .accordionChameleon .toggleLinkIcon, .accordionBlock .toggleLinkIcon { width: 32px; height: 32px; margin-right: 12px; line-height: 0; overflow: hidden; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3e%3cg transform='translate(-416 -1392)'%3e%3ccircle cx='16' cy='16' r='16' fill='%23f4511e' data-name='Ellipse 57' transform='translate(416 1392)'/%3e%3cpath fill='%23fff' d='M423 1402.5v3h1.6v7.3H423v3.2h18v-3.2h-1.6v-7.4h1.6v-3l-9-4.4zm7.4 10.3h-2.6v-7.4h2.6zm3.2-7.4h2.6v7.4h-2.6z' data-name='Path 21241'/%3e%3c/g%3e%3c/svg%3e") no-repeat center; background-size: 30px; } .accordionChameleon .toggleContent, .accordionBlock .toggleContent { max-height: 0; overflow: hidden; padding: 0 16px; border-top: 1px solid transparent; -webkit-transition: all 300ms linear; transition: all 300ms linear; } .accordionChameleon .toggleContent.isVisible, .accordionBlock .toggleContent.isVisible { padding-top: 16px; padding-bottom: 16px; border-color: #e0e0e0; max-height: 999px; } .accordionChameleon .toggleContent.isVisible.isHuge, .accordionBlock .toggleContent.isVisible.isHuge { max-height: 15000px; } .accordionChameleon ul, .accordionBlock ul { margin: 0; } .accordionChameleon li, .accordionBlock li { padding: 0; list-style-type: none; margin-bottom: 8px; } .accordionChameleon li:last-child, .accordionBlock li:last-child { margin-bottom: 0; } .accordionChameleon li::before, .accordionBlock li::before { content: none; } .accordionChameleon { background: #fff; } .accordionChameleon:hover .toggleLink, .accordionChameleon:focus .toggleLink { border-color: #f4f4f4; } .accordionChameleon .toggleLink { cursor: default; background: #fff; border: 1px solid #f9f9f9; } .accordionChameleon .toggleLink:hover, .accordionChameleon .toggleLink:focus { background: #fff; } .accordionChameleon .toggleLink::after { background: none; } /* **************************************** END ACCORDION */ /* **************************************** PRODUCT OVERVIEW */ .productOverview.isMobile { margin-bottom: 40px; } @media screen and (min-width: 960px) { .productOverview.isMobile { display: none; } } .leftNav + .productOverview { margin-top: 40px; } .productOverviewInner { overflow: hidden; border-radius: 4px; border: 1px solid #e0e0e0; width: 100%; } @media screen and (min-width: 960px) { .productOverviewInner { max-width: 228px; } } .productOverviewImage { line-height: 0; min-height: 112px; } .isMobile .productOverviewImage { display: none; } .productOverviewContent { padding: 24px; } .productOverviewTitle { margin-bottom: 8px; } @media screen and (min-width: 960px) { .productOverviewTitle { margin-bottom: 24px; } } .productOverviewText { margin-bottom: 8px; font-size: 14px; line-height: 1.43; } .productOverviewDocLink { font-weight: 600; line-height: 1.63; } .productOverviewDocLink::before { content: ''; display: inline-block; top: 5px; position: relative; margin-right: 8px; width: 24px; height: 28px; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='28'%3e%3cpath fill='%23f4511e' d='M23 6a3.6 3.6 0 01.7 1.1 3.6 3.6 0 01.3 1.4v18a1.5 1.5 0 01-1.5 1.5h-21A1.5 1.5 0 010 26.5v-25A1.5 1.5 0 011.5 0h14a3.6 3.6 0 011.4.3 3.6 3.6 0 011.2.8zM16 2V8h5.9a1.7 1.7 0 00-.4-.6l-4.9-5a1.7 1.7 0 00-.6-.3zM22 26V10h-6.5A1.5 1.5 0 0114 8.5V2H2v24h20zm-8-9.3a11.9 11.9 0 001.3 1 15.5 15.5 0 011.8-.2q2.3 0 2.8.8a.8.8 0 010 .8q-.1.6-1.2.6a6.4 6.4 0 01-1.8-.3 11.4 11.4 0 01-2-.8A28.1 28.1 0 008.8 20Q6.4 24 5 24a1 1 0 01-.4-.1l-.4-.2A.6.6 0 014 23a3.4 3.4 0 01.9-1.5 7.6 7.6 0 012-1.5.2.2 0 01.4.1q.9-1.2 1.7-3a23.8 23.8 0 001.6-4 12.6 12.6 0 01-.4-2.6 6 6 0 010-2q.2-.6.7-.6h.4a.7.7 0 01.5.2 1.2 1.2 0 01.1 1 .3.3 0 010 .2.4.4 0 010 .1v.5a20.5 20.5 0 01-.2 3 8 8 0 002.3 3.7zm-9 6.5A6.9 6.9 0 007 20.7 9 9 0 005.7 22a5.2 5.2 0 00-.7 1.2zm6.2-14.4a4.6 4.6 0 000 2v-.6l.2-.7a.4.4 0 010-.1v-.1a.9.9 0 00-.2-.6zM9.2 19a23 23 0 014.5-1.3 2.4 2.4 0 01-.2-.1 2.8 2.8 0 01-.3-.2 8.3 8.3 0 01-2-2.8 20.9 20.9 0 01-1.2 3.1l-.7 1.3zm10.1-.2a3.7 3.7 0 00-2.1-.4 6 6 0 001.9.4 1.5 1.5 0 00.3 0z' data-name='Icon metro-file-pdf'/%3e%3c/svg%3e") no-repeat; } /* **************************************** END PRODUCT OVERVIEW */ .cardsBlock { margin-bottom: 48px; } @media screen and (min-width: 960px) { .cardsBlock.hasMarginTop { margin-top: 160px; } } .cardsBlock.hasNoMarginBottom { margin-bottom: -32px; } h2 + .cardsBlock { margin-top: 40px; } .card { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; margin-bottom: 32px; padding: 19px 16px 24px; border-radius: 2px; border: solid 1px #e0e0e0; } @media screen and (min-width: 768px) { .card { width: 352px; } } @media screen and (min-width: 960px) { .card { margin-right: 32px; } } .card.isFullWidth { padding: 0; } @media screen and (min-width: 768px) { .card.isFullWidth { width: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } @media screen and (min-width: 960px) { .card.isFullWidth { margin-right: 0; } } .card.hasNoBorder { border: 0; } .card.hasNoPadding { padding: 0; } .cardColumn { max-width: 50%; padding: 19px 16px 24px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .cardImageColumn { max-width: 50%; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 0; line-height: 0; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } @media screen and (min-width: 960px) { .cardImageColumnAbs { position: absolute; bottom: 0; right: 0; } } .cardIcon { width: 32px; height: 32px; margin-bottom: 16px; } .cardTitle { margin: 0 0 16px; } .cardSubTitle { text-transform: uppercase; font-size: 14px; font-weight: 600; line-height: 1.43; letter-spacing: 0.7px; color: #8d8d8d; margin: 0 0 16px; } .cardContent { line-height: 1.63; margin-bottom: 16px; } .cardLinkLine { margin-top: auto; } .supportedAssetsRow { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 96px; } @media screen and (min-width: 768px) { .supportedAssetsRow { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .supportedAssetClass { width: 100%; padding: 0; margin: 0; } @media screen and (min-width: 768px) { .supportedAssetClass { margin-right: 32px; max-width: 352px; } .supportedAssetClass.isLast { margin-right: 0; } } .supportedAssetClass li { width: 100%; font-size: 18px; font-weight: 600; padding: 20px 16px; margin: 0 32px 32px 0; list-style-type: none; background: #f4f4f4; } .supportedAssetClass li::before { content: none; } /* stylelint-disable no-descending-specificity */ a { text-decoration: none; color: #f4511e; } a.read_more, a.learn_more { display: inline-block; position: relative; color: #f4511e; font-size: 16px; font-weight: 600; text-decoration: none; padding-right: 22px; -webkit-transition: color 250ms linear; transition: color 250ms linear; } a.read_more::after, a.learn_more::after { content: ''; display: block; position: absolute; right: 0; top: 2px; width: 11px; height: 18px; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='10' height='16'%3e%3cpath fill='%23e6411d' d='M10 14.1L3.8 8 10 1.9 8.1 0 0 8l8.1 8z' data-name='Icon material-keyboard-arrow-up'/%3e%3c/svg%3e") no-repeat; -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: -webkit-transform 250ms ease-out; transition: -webkit-transform 250ms ease-out; transition: transform 250ms ease-out; transition: transform 250ms ease-out, -webkit-transform 250ms ease-out; } a.read_more:hover, a.learn_more:hover { color: #f00; } a.read_more:hover::after, a.learn_more:hover::after { -webkit-transform: rotate(180deg) translateX(-20px); transform: rotate(180deg) translateX(-20px); } a.pdf-link { line-height: 25px; } a.pdf-link::before { content: ''; display: inline-block; position: relative; top: 5px; background: url("data:image/svg+xml,%3csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 482.14 482.14' style='enable-background:new 0 0 482.14 482.14;' xml:space='preserve'%3e %3cg%3e %3cpath d='M142.024,310.194c0-8.007-5.556-12.782-15.359-12.782c-4.003,0-6.714,0.395-8.132,0.773v25.69 c1.679,0.378,3.743,0.504,6.588,0.504C135.57,324.379,142.024,319.1,142.024,310.194z'/%3e %3cpath d='M202.709,297.681c-4.39,0-7.227,0.379-8.905,0.772v56.896c1.679,0.394,4.39,0.394,6.841,0.394 c17.809,0.126,29.424-9.677,29.424-30.449C230.195,307.231,219.611,297.681,202.709,297.681z'/%3e %3cpath d='M315.458,0H121.811c-28.29,0-51.315,23.041-51.315,51.315v189.754h-5.012c-11.418,0-20.678,9.251-20.678,20.679v125.404 c0,11.427,9.259,20.677,20.678,20.677h5.012v22.995c0,28.305,23.025,51.315,51.315,51.315h264.223 c28.272,0,51.3-23.011,51.3-51.315V121.449L315.458,0z M99.053,284.379c6.06-1.024,14.578-1.796,26.579-1.796 c12.128,0,20.772,2.315,26.58,6.965c5.548,4.382,9.292,11.615,9.292,20.127c0,8.51-2.837,15.745-7.999,20.646 c-6.714,6.32-16.643,9.157-28.258,9.157c-2.585,0-4.902-0.128-6.714-0.379v31.096H99.053V284.379z M386.034,450.713H121.811 c-10.954,0-19.874-8.92-19.874-19.889v-22.995h246.31c11.42,0,20.679-9.25,20.679-20.677V261.748 c0-11.428-9.259-20.679-20.679-20.679h-246.31V51.315c0-10.938,8.921-19.858,19.874-19.858l181.89-0.19v67.233 c0,19.638,15.934,35.587,35.587,35.587l65.862-0.189l0.741,296.925C405.891,441.793,396.987,450.713,386.034,450.713z M174.065,369.801v-85.422c7.225-1.15,16.642-1.796,26.58-1.796c16.516,0,27.226,2.963,35.618,9.282 c9.031,6.714,14.704,17.416,14.704,32.781c0,16.643-6.06,28.133-14.453,35.224c-9.157,7.612-23.096,11.222-40.125,11.222 C186.191,371.092,178.966,370.446,174.065,369.801z M314.892,319.226v15.996h-31.23v34.973h-19.74v-86.966h53.16v16.122h-33.42 v19.875H314.892z'/%3e %3c/g%3e %3c/svg%3e") no-repeat; width: 25px; height: 25px; margin-right: 7px; } a.returnLink { display: inline-block; position: relative; color: #f4511e; font-weight: 600; line-height: 1.43; padding-left: 18px; margin-bottom: 24px; } @media screen and (min-width: 960px) { a.returnLink { margin-bottom: 32px; } } a.returnLink::before { content: ''; position: absolute; top: 3px; left: 0; width: 10px; height: 16px; display: block; background: url("../images/Vector.svg") no-repeat; } .button, button { border: 0; padding: 5px 13px; background: #f4511e; border-radius: 3px; color: #fff; font-size: 14px; font-weight: 600; line-height: 1.79; -webkit-transition: all 250ms linear; transition: all 250ms linear; } .button:focus, .button:hover, button:focus, button:hover { background: #f00; } .button:active, button:active { background: #f4511e; } .widgetContainer#time_sale { height: 550px; overflow-y: scroll; } .widgetContainer#watch_list { height: 273px; overflow-y: scroll; } .widgetContainer button { background: none; } .widgetContainer button:focus, .widgetContainer button:hover { background: none; } body .btn { display: inline-block; font-weight: bold; font-style: normal; font-stretch: normal; line-height: 1.5; letter-spacing: 2px; text-align: center; color: #fff; text-decoration: none; background: #f4511e; border-radius: 0; padding: 14px 30px; -webkit-transition: all 400ms ease; transition: all 400ms ease; } body .btn:hover { background: #f00; -webkit-transition: all 400ms ease; transition: all 400ms ease; } @media screen and (min-width: 960px) { body .btn { padding: 14px 52px; } } .dxfeedInActionBtns { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 32px; text-align: center; } @media screen and (min-width: 960px) { .dxfeedInActionBtns { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; text-align: left; } } .dxfeedInActionBtns > a { width: 174px; font-weight: 600; text-align: center; padding: 10px 16px; color: #fff; border: 1px solid #fff; border-radius: 3px; background: transparent; margin-bottom: 10px; } @media screen and (min-width: 960px) { .dxfeedInActionBtns > a { margin-right: 24px; margin-bottom: 0; } } .dxfeedInActionBtns > a.isWhite { background: #fff; color: #f4511e; } .dxfeedInActionBtns > a.isOrange { background: #f4511e; color: #fff; } .dxfeedInActionBtns > a.isRGB483767 { border-color: #302543; background: #302543; color: #fff; } .dxfeedInActionBtns > a.hasOrangeBorder { background: #fff; border-color: #f4511e; color: #f4511e; } .dxfeedInActionBtns > a:last-of-type { margin-right: 0; } main { margin-bottom: 60px; padding-top: 124px; } @media screen and (min-width: 960px) { main { margin-bottom: 120px; } } main h1 { margin: 0 0 40px; } main h2 { margin: 0 0 32px; } main h3 { margin: 0 0 24px; } main h4, main h5, main h6 { margin: 16px 0; } main .content_inner, main .bodyContentInner { overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; } main b, main strong { font-weight: 600; } main p { margin: 0 0 16px; line-height: 1.63; } main p:last-child { margin-bottom: 0; } main h1 + p, main h3 + p, main h4 + p, main h5 + p, main h3 + div, main h4 + div, main h5 + div { margin-top: -8px; } main h2 + p, main h2 + div { margin-top: -16px; } main p + h2, main div + h2 { margin-top: 36px; } main p + h3, main div + h3 { margin-top: 32px; } main p + h4, main div + h4 { margin-top: 32px; } main p + h5, main div + h5 { margin-top: 32px; } main img { max-width: 100%; -o-object-fit: contain; object-fit: contain; width: auto; height: auto; } main img[src=""] { visibility: hidden; } main figure { line-height: 0; margin: 60px 0; } main figure.aligncenter { text-align: center; margin: 60px 0; } main figure img { max-width: 100%; height: auto; } main figure figcaption { text-align: center; font-style: italic; font-size: 0.8em; line-height: normal; margin-top: 1rem; } main img:not([src]) { visibility: hidden; } main ol { list-style: none; counter-reset: item; padding: 0; margin: 0; } main ol > li { padding-left: 38px; margin-bottom: 16px; line-height: 1.56; position: relative; } main ol > li::before { content: counter(item) "."; counter-increment: item; color: #f4511e; display: inline-block; margin-right: 16px; position: absolute; left: 20px; } main ul { list-style: none; padding: 0; margin: 20px 0; } main ul > li { padding-left: 16px; margin-bottom: 16px; line-height: 1.56; position: relative; } main ul > li::before { content: ''; display: inline-block; width: 6px; height: 6px; border-radius: 6px; background: #f4511e; margin-right: 16px; position: absolute; top: 10px; left: 0; } main ul > li li::before { width: 6px; height: 6px; background: #fff; border: 1px solid #f4511e; border-radius: 6px; } main ul.useful-links-list > li { padding-left: 14px; margin-bottom: 0; } main ul.useful-links-list > li::before { left: 0; } main iframe { max-width: 100%; } main .iframeContainer { position: relative; overflow: hidden; width: 100%; padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */ } main .iframeResponsive { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; } main table { width: 100%; border-collapse: collapse; } main table td { padding: 5px; border: 1px solid #ccc; } @media screen and (min-width: 960px) { main table td { padding: 10px; } } main table.zebraTable { width: 100%; margin-bottom: 64px; border-bottom: 1px solid #e0e0e0; } main table.zebraTable th { background: #e0e0e0; font-weight: 600; text-align: left; } main table.zebraTable th, main table.zebraTable td { font-size: 14px; padding: 15px 21px 14px 16px; } main table.zebraTable td { background: #f4f4f4; border: 0; } main table.zebraTable tr:nth-child(odd) td { background: #f9f9f9; } main .zebraTableHolder { background: #f9f9f9; padding-top: 16px; } main .zebraTableHolder h4 { margin: 0 21px 21px 16px; } .postPagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 100px; } .postPagination.isHidden { display: none; } .postPagination .pagination { margin: 0 auto; } @media screen and (min-width: 960px) { .postPagination .pagination { max-width: 50%; } } .postPagination .page-numbers { padding: 4px 11px 5px; margin: 0 2px; font-weight: 600; color: #000; } .postPagination .page-numbers.current { border: 1px solid #f4511e; } .postPagination .page-numbers.prev { margin-right: 10px; background: url("data:image/svg+xml,%3csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3e %3cpath d='M21 8L11.9091 18L21 28' stroke='%2331383D' stroke-width='2' stroke-linecap='square'/%3e %3c/svg%3e") no-repeat center; } .postPagination .page-numbers.next { margin-left: 10px; background: url("data:image/svg+xml,%3csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3e %3cpath d='M15 28L24.0909 18L15 8' stroke='%2331383D' stroke-width='2' stroke-linecap='square'/%3e %3c/svg%3e") no-repeat center; } .nav-links { margin-top: 0; } .singlePostPagination { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; width: 100%; margin: 60px 0 -60px; } @media screen and (min-width: 960px) { .singlePostPagination { margin: 120px 0 -120px; } } .singlePostPaginationLink { position: relative; width: 100%; padding: 20px; color: #262626; background: #f7f7f7; text-align: center; -webkit-transition: all 150ms linear; transition: all 150ms linear; } @media screen and (min-width: 960px) { .singlePostPaginationLink { padding: 60px 20px; } } .singlePostPaginationLink:hover { color: #262626; background: #cbcbcb; } .singlePostPaginationLink::before { content: none; position: absolute; top: calc(50% - 12px); display: block; width: 13px; height: 24px; } @media screen and (min-width: 960px) { .singlePostPaginationLink::before { content: ''; } } .singlePostPaginationLink.isPrev::before { left: 50px; background: url("data:image/svg+xml,%3csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3e %3cpath d='M21 8L11.9091 18L21 28' stroke='%2331383D' stroke-width='2' stroke-linecap='square'/%3e %3c/svg%3e") no-repeat center; } .singlePostPaginationLink.isNext::before { right: 50px; background: url("data:image/svg+xml,%3csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3e %3cpath d='M15 28L24.0909 18L15 8' stroke='%2331383D' stroke-width='2' stroke-linecap='square'/%3e %3c/svg%3e") no-repeat center; } .singlePostPaginationLink:nth-child(2)::after { content: ''; position: absolute; top: 10%; left: 0; display: block; width: 1px; height: 80%; background: #d9d7d7; } .singlePostPaginationLinkExplainer { font-weight: 600; margin-bottom: 15px; } .singlePostPaginationLinkTitle { max-width: 364px; margin: 0 auto; } h1, h2, h3, h4, h5, h6 { font-family: inherit; } h1 { margin: 0 0 16px; font-size: 32px; font-weight: 600; line-height: 1.38; text-align: left; color: #262626; } @media screen and (min-width: 960px) { h1 { font-size: 48px; line-height: 1.17; } } h2 { font-size: 24px; font-weight: 600; line-height: 1.33; color: #262626; margin: 0 0 32px; } @media screen and (min-width: 960px) { h2 { font-size: 32px; line-height: 1.38; } } h3 { font-size: 20px; font-weight: 600; line-height: 1.4; color: #262626; margin: 0 0 16px; } @media screen and (min-width: 960px) { h3 { font-size: 24px; line-height: 1.33; } } h4 { font-size: 18px; font-weight: 600; line-height: 1.33; letter-spacing: normal; text-align: left; color: #262626; margin: 0 0 16px; } @media screen and (min-width: 960px) { h4 { font-size: 20px; line-height: 1.6; } } h5 { font-size: 16px; line-height: 1.5; font-weight: 600; text-align: left; color: #262626; margin: 0 0 16px; } @media screen and (min-width: 960px) { h5 { font-size: 16px; line-height: 2; } } h6 { text-transform: uppercase; font-size: 14px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.43; letter-spacing: 0.7px; color: #262626; margin: 0 0 16px; } .advancedHeader { position: relative; margin: -30px 0 24px; } @media screen and (min-width: 960px) { .advancedHeader { margin: 0 0 40px; } } .advancedHeader h1 { margin: 0; } .preHeader { position: relative; margin: -30px -15px 24px; padding: 13px 20px; -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08); background: #f4f4f4; color: #222; } @media screen and (min-width: 960px) { .preHeader { position: static; padding: 0; margin: 0; font-size: 24px; font-weight: 600; line-height: 1.88; background: none; -webkit-box-shadow: none; box-shadow: none; } } .preHeaderIcon { position: absolute; width: 13px; height: 8px; top: 50%; right: 20px; -webkit-transition: all 200ms linear; transition: all 200ms linear; overflow: hidden; } .preHeaderIcon svg path { fill: #a8a8a8; } .isOpened .preHeaderIcon { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .isOpened .preHeaderIcon svg path { fill: #222; } @media screen and (min-width: 960px) { .preHeaderIcon { display: none; } } .pageHeaderIcon { width: 64px; height: 64px; margin-left: 12px; margin-bottom: 40px; } .flex-col { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .flex-grow { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .justify-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .mx-auto { margin-left: auto; margin-right: auto; } .mb-20 { margin-bottom: 20px; } .pt-0 { padding-top: 0; } .pt-24 { padding-top: 24px; } .px-24 { padding-left: 24px; padding-right: 24px; } .pb-32 { padding-bottom: 32px; } .bg-gray { background: #f4f4f4; } .order-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .self-end { -ms-flex-item-align: end; align-self: flex-end; } .absolute { position: absolute; } .r-32 { right: 32px; } .text-center { text-align: center; } /* stylelint-disable */ @media (min-width: 768px) { .md\:flex-row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .md\:text-right { text-align: right; } .md\:mr-32 { margin-right: 32px; } .md\:mb-0 { margin-bottom: 0; } .md\:m-width-400 { max-width: 400px; } .md\:m-width-585 { max-width: 585px; } .md\:m-width-700 { max-width: 700px; } .md\:order-i { -webkit-box-ordinal-group: initial; -ms-flex-order: initial; order: initial; } .md\:self-end { -ms-flex-item-align: end; align-self: flex-end; } } @media screen and (min-width: 960px) { .lg\:pt-0 { padding-top: 0; } .lg\:pr-100 { padding-right: 100px; } } /** Import common styles */ /** * WordPress Generated Classes * @see http://codex.wordpress.org/CSS#WordPress_Generated_Classes */ /** Media alignment */ .alignnone { margin-left: 0; margin-right: 0; max-width: 100%; height: auto; } .aligncenter { display: block; margin: 1rem auto; height: auto; } .alignleft, .alignright { margin-bottom: 1rem; height: auto; } @media (min-width: 30rem) { .alignleft { float: left; margin-right: 1rem; } .alignright { float: right; margin-left: 1rem; } } /** Captions */ /** Text meant only for screen readers */ .screen-reader-text { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; color: #000; background: #fff; } /* stylelint-disable no-descending-specificity */ .header { position: relative; margin-bottom: 30px; } @media screen and (min-width: 960px) { .header { position: static; } } .headerTop { background: #131419; border-bottom: 1px solid #393939; } .headerTopContainer { margin: 0 auto; width: auto; padding: 0 20px; max-width: 1120px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .headerLogo { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; line-height: 0; padding: 10px 0; } @media screen and (min-width: 960px) { .headerLogo { -webkit-box-ordinal-group: initial; -ms-flex-order: initial; order: initial; margin-right: 80px; padding: 0; } } .headerActions { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: calc(100% + 30px); margin: 0 -15px; padding: 0 15px; border-bottom: 1px solid #393939; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; } @media screen and (min-width: 960px) { .headerActions { -webkit-box-ordinal-group: initial; -ms-flex-order: initial; order: initial; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin: 0; padding: 0; border: 0; } } @media screen and (min-width: 960px) { .mobileMenuButtons { display: none; } } .headerActionsMenu { margin-right: auto; } .topMenu { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0; margin: 0; -webkit-transition-delay: 100ms; transition-delay: 100ms; } @media screen and (min-width: 960px) { .topMenu { padding: 0; } } .topMenu .nav-link { display: block; width: 100%; font-size: 14px; color: #a8a8a8; padding: 12px 20px; border-radius: 4px; -webkit-transition: background 200ms linear; transition: background 200ms linear; } @media screen and (min-width: 960px) { .topMenu .nav-link { padding: 16px 20px; font-size: 12px; } } .topMenu .nav-link:hover, .topMenu .nav-link:focus { color: #fff; } .topMenu .nav-item { display: inline-block; list-style-type: none; } .topMenu .nav-item:first-of-type .nav-link { padding-left: 0; } .topMenu .nav-item:last-of-type .nav-link { padding-right: 0; } .topMenu .nav-item.isActive .nav-link { position: relative; color: #fff; } .topMenu .nav-item.isActive .nav-link::after { content: ''; display: block; position: absolute; left: 0; bottom: 0; height: 2px; width: 100%; border-radius: 2px; background: #fff; } .topMenu .nav-item.isActive:first-of-type .nav-link::after { width: calc(100% - 20px); } .topMenu .nav-item.isActive:last-of-type .nav-link::after { left: auto; right: 0; width: calc(100% - 20px); } .orderDataMenuState { display: none; } @media screen and (min-width: 960px) { .orderDataMenuState { display: block; } .orderDataMenuState.isHidden { display: none; } } .orderDataMenu { margin-right: 20px; } .orderDataMenu .nav-link { display: block; font-size: 14px; font-weight: 600; background: #f4511e; color: #fff; padding: 4px 27px 4px 42px; } .orderDataMenu .nav-item { list-style-type: none; } .orderDataMenu .nav-item.iconBriefcase .nav-link { background: url("data:image/svg+xml,%3csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8.25 10.5h-1.5A.752.752 0 016 9.75H.758v3c0 .825.675 1.5 1.5 1.5H12.75c.825 0 1.5-.675 1.5-1.5v-3H9c0 .412-.338.75-.75.75zm5.25-6.75h-3a3 3 0 10-6 0h-3c-.825 0-1.5.675-1.5 1.5V7.5C0 8.332.667 9 1.5 9H6v-.75c0-.412.338-.75.75-.75h1.5c.412 0 .75.338.75.75V9h4.5c.825 0 1.5-.675 1.5-1.5V5.25c0-.825-.675-1.5-1.5-1.5zm-7.5 0c0-.825.675-1.5 1.5-1.5S9 2.925 9 3.75H5.992 6z' fill='%23fff'/%3e%3c/svg%3e") no-repeat 18px center #f4511e; } .orderDataMenu .nav-item.iconTrolley .nav-link { background: url("data:image/svg+xml,%3csvg width='18' height='19' viewBox='0 0 18 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_735:231)' fill='%23fff'%3e%3cpath d='M14.318 13.25H7.573c-.973 0-1.835-.638-2.099-1.553l-2.28-7.475a.675.675 0 00-.657-.472H.75a.75.75 0 110-1.5h1.787c.972 0 1.834.638 2.097 1.553L5.061 5h11.471c.468 0 .912.223 1.188.596.273.37.351.834.216 1.272l-1.548 4.911a2.177 2.177 0 01-2.07 1.471zM8.25 17c-.827 0-1.5-.673-1.5-1.5s.673-1.5 1.5-1.5 1.5.673 1.5 1.5-.673 1.5-1.5 1.5zm0-1.5zM13.5 17c-.827 0-1.5-.673-1.5-1.5s.673-1.5 1.5-1.5 1.5.673 1.5 1.5-.673 1.5-1.5 1.5zm0-1.5z'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_735:231'%3e%3cpath fill='%23fff' transform='translate(0 .5)' d='M0 0h18v18H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e") no-repeat 18px center #f4511e; } /***************************************** Language Switch */ .languageSwitcher { position: relative; margin-left: auto; } @media screen and (min-width: 768px) { .languageSwitcher { margin-left: 0; } } .languageCurrent { cursor: pointer; font-size: 14px; font-weight: 400; padding: 0; color: #e0e0e0; background: none; border: 0; } @media screen and (min-width: 960px) { .languageCurrent { font-size: 16px; font-weight: 600; } } .languageCurrent:hover, .languageCurrent:focus { background: none; outline: none; } .languageCurrent::after { content: ''; display: inline-block; width: 8px; height: 6px; position: relative; top: -3px; margin-left: 2px; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='10.121' height='5.811' viewBox='0 0 10.121 5.811'%3e %3cpath fill='none' stroke='%23e0e0e0' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5px' d='M6 13l4-4 4 4' transform='translate(-4.939 -8.25)'/%3e %3c/svg%3e") no-repeat center; -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: all 100ms linear; transition: all 100ms linear; } .languageCurrent.isOpened::after { -webkit-transform: rotate(0); transform: rotate(0); } .languageSelectMenu { position: absolute; max-height: 0; top: 39px; right: 0; background-color: #262626; z-index: 100; overflow: hidden; -webkit-transition: all 200ms linear; transition: all 200ms linear; } .languageSelectMenu.isVisible { padding: 10px 20px 10px; -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16); max-height: 150px; } @media screen and (min-width: 960px) { .languageSelectMenu.isVisible::after { content: ''; display: block; position: absolute; top: 0; right: 0; width: 56px; height: 2px; background: #f4511e; } } .languageSelectMenu .wpml-ls-legacy-list-horizontal { border: 0; padding: 0; /************* We need nesting to rewrite plugin styles */ } .languageSelectMenu .wpml-ls-legacy-list-horizontal li { list-style-type: none; } .languageSelectMenu .wpml-ls-legacy-list-horizontal a { display: block; color: #a8a8a8; padding: 10px 0; } .languageSelectMenu .wpml-ls-legacy-list-horizontal a.isCurrent, .languageSelectMenu .wpml-ls-legacy-list-horizontal a:hover { color: #f4f4f4; } /************************************** END Language Switch */ .contactUsMenu .nav-link { display: block; color: #e0e0e0; font-weight: 600; padding-bottom: 25px; } .active .contactUsMenu .nav-link { color: #f4511e; } .headerSearchIcon { display: none; position: relative; width: 20px; height: 20px; overflow: hidden; cursor: pointer; z-index: 10; } @media screen and (min-width: 960px) { .headerSearchIcon { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: auto; } } .headerSearchIcon svg { -webkit-transition: fill 200ms linear; transition: fill 200ms linear; } .headerSearchIcon:hover svg { fill: #fff; } /***************************************** Header Search */ .headerSearch { display: block; position: absolute; left: unset; right: 15px; width: 100%; max-width: 0; height: auto; overflow: hidden; background: #222; } .headerSearch.isVisible { padding: 20px 20px; -webkit-transform: translateY(48px); transform: translateY(48px); max-width: 250px; height: auto; -webkit-transition: all 200ms linear 50ms; transition: all 200ms linear 50ms; z-index: 1; } @media screen and (min-width: 960px) { .headerSearch.isVisible { top: -4px; position: absolute; max-width: 350px; left: unset; } } @media screen and (min-width: 1222px) { .headerSearch.isVisible { position: absolute; left: auto; max-width: 350px; top: -4px; } .headerSearch.isVisible:lang(de) { max-width: 350px; } } .headerSearch .search-field { width: 100%; border: 0; color: #fff; padding: 3px 10px 3px 24px; background: transparent; outline: none; -webkit-transition: all 200ms linear; transition: all 200ms linear; border-bottom: none; } .headerSearch .search-field::-webkit-search-cancel-button { -webkit-appearance: none; width: 20px; height: 20px; background: url("data:image/svg+xml,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5 15l9.9-9.9M5 5l9.9 9.9' stroke='%23fff'/%3e%3c/svg%3e"); cursor: pointer; } @media screen and (min-width: 960px) { .headerSearch .search-field { border-bottom: none; padding-left: 24px; font-size: 14px; } } .headerSearch .search-field:hover, .headerSearch .search-field:focus { border-color: #fff; } .headerSearch .search-submit { display: none; visibility: hidden; } .menuToggleSearch .headerSearchIcon { display: block; position: absolute; bottom: 18px; right: 62px; } @media screen and (min-width: 1222px) { .menuToggleSearch .headerSearchIcon { display: none; } } @media screen and (min-width: 960px) { .menuToggleSearch .headerSearchIcon { display: none; } } .menuToggleSearch .headerSearch { display: none; position: absolute; top: 49px; right: 0; left: 0; max-width: 100%; } .menuToggleSearch .headerSearch.isVisible { display: block; } @media screen and (min-width: 1222px) { .menuToggleSearch .headerSearch { display: none; } } .menuToggleSearch .headerSearch.isVisible .search-result { margin-top: 24px; } .primaryNav .headerSearch.isVisible .search-result { margin-top: 24px; } .qst { font-style: normal; font-weight: 400; font-size: 14px; line-height: 18px; color: #8f8f8f; margin-bottom: 16px; } .qsc { position: relative; font-style: normal; font-weight: 400; font-size: 16px; line-height: 26px; color: #fff; margin-bottom: 4px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; padding-right: 20px; } .qsc::after { content: '>'; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: -5px; } /***************************************** Menu toggle */ .menuToggle { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; display: block; margin-left: auto; position: relative; z-index: 1; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; } @media screen and (min-width: 960px) { .menuToggle { display: none; -webkit-box-ordinal-group: initial; -ms-flex-order: initial; order: initial; margin-left: 0; } } .menuToggle.isOpened .menuToggleSpan { -webkit-transform-origin: 50%; transform-origin: 50%; } .menuToggle.isOpened .menuToggleSpan.isFirst { -webkit-transform: rotate(45deg) translateX(3px); transform: rotate(45deg) translateX(3px); -webkit-transform-origin: 5px; transform-origin: 5px; } .menuToggle.isOpened .menuToggleSpan.isSecond { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .menuToggle.isOpened .menuToggleSpan.isLast { opacity: 0; } .menuToggleSpan { display: block; width: 24px; height: 2px; margin-bottom: 5px; position: relative; background: #8d8d8d; z-index: 1; -webkit-transform-origin: 22%; transform-origin: 22%; -webkit-transition: background-color 200ms linear, opacity 200ms ease, -webkit-transform 200ms cubic-bezier(0.77, 0.2, 0.05, 1); transition: background-color 200ms linear, opacity 200ms ease, -webkit-transform 200ms cubic-bezier(0.77, 0.2, 0.05, 1); transition: transform 200ms cubic-bezier(0.77, 0.2, 0.05, 1), background-color 200ms linear, opacity 200ms ease; transition: transform 200ms cubic-bezier(0.77, 0.2, 0.05, 1), background-color 200ms linear, opacity 200ms ease, -webkit-transform 200ms cubic-bezier(0.77, 0.2, 0.05, 1); } .menuToggleSpan.isLast { margin-bottom: 0; } /***************************************** Header Nav */ .headerNav { position: absolute; z-index: 99; width: 100%; height: auto; max-height: 0; overflow: hidden; -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.15); background-color: #131419; -webkit-transition: max-height 250ms linear; transition: max-height 250ms linear; } @media screen and (min-width: 960px) { .headerNav { display: block; width: auto; position: static; max-height: none; overflow: visible; } } .headerNav.isVisible { max-height: 9999px; } .qst a { margin-top: 24px; font-style: normal; font-weight: 400; font-size: 14px; line-height: 18px; color: #8f8f8f; margin-bottom: 8px; } .qsc a { font-style: normal; font-weight: 400; font-size: 16px; line-height: 26px; color: #fff; margin-bottom: 4px; } .search-form { display: -webkit-box; display: -ms-flexbox; display: flex; } .search-form button { background: transparent; padding: 0; position: absolute; left: 17px; top: 19px; } @media screen and (min-width: 960px) { .search-form button { background: transparent; padding: 0; position: absolute; left: 17px; top: 20px; } } .search-form label { width: 100%; } @media screen and (min-width: 960px) { .search-form label { width: 100%; } } body.search .content .search-field { padding-left: 50px; } @media screen and (min-width: 960px) { body.search .content .search-field { padding-left: 50px; } } body.search .content .search-form button { left: 14px; top: 15px; } @media screen and (min-width: 960px) { body.search .content .search-form button { left: 14px; top: 14px; } } @media screen and (min-width: 960px) { #search_icon_m { display: none; } } .preloader { display: none; position: fixed; left: 0; top: 90px; right: 0; bottom: 0; overflow: hidden; background: #131419; z-index: 90019999; } .preloader path { color: #fff; } .preloader__image { position: relative; top: 40%; left: 50%; width: 30px; height: 30px; margin-top: -20px; margin-left: -20px; text-align: center; -webkit-animation: preloader-rotate 2s infinite linear; animation: preloader-rotate 2s infinite linear; } @-webkit-keyframes preloader-rotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes preloader-rotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .loaded_hiding .preloader { -webkit-transition: 0.3s opacity; transition: 0.3s opacity; opacity: 0; } .loaded .preloader { display: none; } .see_all:hover { text-decoration: underline; } #search_icon_m.searchVisible { background: url("data:image/svg+xml,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5 15l9.9-9.9M5 5l9.9 9.9' stroke='%238d8d8d'/%3e%3c/svg%3e") no-repeat; background-size: cover; -o-background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; width: 30px; height: 30px; bottom: 11px; right: 56px; } #search_icon_m.searchVisible svg { display: none; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { display: none; } /* stylelint-disable no-descending-specificity */ .primaryNav { margin: 0 auto; width: auto; padding: 0 20px; max-width: 1120px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; } .primaryMenuState { width: 100%; } @media screen and (min-width: 960px) { .primaryMenuState { width: auto; } } .primaryMenuState.isHidden { display: none; } .primaryMenu { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0 -15px; width: calc(100% + 30px); padding: 0; -webkit-transition: all 100ms linear; transition: all 100ms linear; } @media screen and (min-width: 960px) { .primaryMenu { width: auto; margin: 0; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .primaryMenu .nav-item { list-style-type: none; } .primaryMenu .isExternal > .nav-link::after { content: ''; display: inline-block; position: relative; left: 12px; top: 1px; width: 12px; height: 12px; background: url("data:image/svg+xml,%3csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3e %3cg clip-path='url(%23clip0)'%3e %3cpath d='M10.7 10.7H1.3V1.3H5V0H1.3C0.955219 0 0.624558 0.136964 0.380761 0.380761C0.136964 0.624558 0 0.955219 0 1.3L0 10.7C0 11.0448 0.136964 11.3754 0.380761 11.6192C0.624558 11.863 0.955219 12 1.3 12H10.7C11.0448 12 11.3754 11.863 11.6192 11.6192C11.863 11.3754 12 11.0448 12 10.7V7H10.7V10.7ZM7.3 0V1.3H9.7L3.2 8L4.2 9L10.7 2.4V4.8H12V0H7.3Z' fill='white'%3e %3c/path%3e %3c/g%3e %3cdefs%3e %3cclipPath id='clip0'%3e %3crect width='12' height='12' fill='currentColor'%3e %3c/rect%3e %3c/clipPath%3e %3c/defs%3e %3c/svg%3e") no-repeat; } .primaryMenu.isHidden { visibility: hidden; } @media screen and (min-width: 1222px) { .primaryMenu.isHidden { visibility: visible; } } .firstLevelItem { width: 100%; position: relative; list-style-type: none; } .firstLevelItem > .nav-link { cursor: pointer; display: block; padding: 11px 15px; font-size: 16px; font-weight: 600; border-bottom: 1px solid #393939; -webkit-transition: color 200ms linear; transition: color 200ms linear; color: #e0e0e0; } @media screen and (min-width: 960px) { .firstLevelItem > .nav-link { padding: 11px 28px; font-size: 16px; font-weight: 600; color: #fff; border: 0; } .firstLevelItem > .nav-link:lang(de) { padding: 11px 18px; } .firstLevelItem > .nav-link:hover { color: #fff; } } @media screen and (min-width: 960px) { .firstLevelItem:first-of-type > .nav-link { padding-left: 0; } } .firstLevelItem:last-of-type > .nav-link { padding-right: 0; } .firstLevelItem.menu-item-has-children { position: relative; } .firstLevelItem.menu-item-has-children::after { content: ''; position: absolute; top: 15px; right: 15px; display: block; width: 8px; height: 12px; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='7.37' height='12.06' viewBox='0 0 7.37 12.06'%3e %3cdefs%3e %3cstyle%3e .cls-1%7bfill:%23bcbcbc%7d %3c/style%3e %3c/defs%3e %3cpath id='Icon_material-keyboard-arrow-up' d='M1.417 7.37L6.03 2.815l4.613 4.555 1.417-1.4L6.03 0 0 5.968z' class='cls-1' data-name='Icon material-keyboard-arrow-up' transform='rotate(90 3.685 3.685)'/%3e %3c/svg%3e") no-repeat; -webkit-transition: -webkit-transform 200ms linear; transition: -webkit-transform 200ms linear; transition: transform 200ms linear; transition: transform 200ms linear, -webkit-transform 200ms linear; } @media screen and (min-width: 960px) { .firstLevelItem.menu-item-has-children::after { content: none; } } .firstLevelItem.menu-item-has-children.active::after { background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='7.37' height='12.06' viewBox='0 0 7.37 12.06'%3e %3cdefs%3e %3cstyle%3e .cls-1%7bfill:%23e6411d%7d %3c/style%3e %3c/defs%3e %3cpath id='Icon_material-keyboard-arrow-up' d='M1.417 7.37L6.03 2.815l4.613 4.555 1.417-1.4L6.03 0 0 5.968z' class='cls-1' data-name='Icon material-keyboard-arrow-up' transform='rotate(90 3.685 3.685)'/%3e %3c/svg%3e") no-repeat; } .firstLevelItem.menu-item-has-children.isSelected::after { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .firstLevelItem.active > .nav-link { color: #f4511e; } @media screen and (min-width: 960px) { .firstLevelItem { width: auto; } .firstLevelItem.active.hasNoBorder:not(.isSelected) > .nav-link::after { content: none; } .firstLevelItem.active > .nav-link, .firstLevelItem.isSelected > .nav-link { position: relative; color: #fff; } .firstLevelItem.active > .nav-link::after, .firstLevelItem.isSelected > .nav-link::after { content: ''; position: absolute; left: 28px; bottom: 0; display: block; width: calc(100% - 56px); height: 2px; background: #f4511e; } .firstLevelItem.active:first-of-type > .nav-link::after, .firstLevelItem.isSelected:first-of-type > .nav-link::after { width: calc(100% - 28px); left: 0; } .firstLevelItem.active:last-of-type > .nav-link::after, .firstLevelItem.isSelected:last-of-type > .nav-link::after { width: calc(100% - 28px); left: auto; right: 0; } } .firstLevelItem.isHidden { display: none; visibility: hidden; } .firstLevelItem.mobileHidden { display: none; } @media screen and (min-width: 960px) { .firstLevelItem.mobileHidden { display: block; } } @media screen and (min-width: 960px) { .firstLevelItem.isMobile { display: none; } } .firstLevelItem.btn { border-radius: 4px; margin: 8px 15px; padding: 0; max-width: 90%; } .firstLevelItem.btn > .nav-link { font-size: 14px; } .dropdown-wrap { display: block; height: auto; max-height: 0; -webkit-transition: all 150ms linear; transition: all 150ms linear; background: transparent; overflow: hidden; } .dropdown-wrap.isVisible { background-color: #131419; max-height: 5000px; z-index: 1000; } @media screen and (min-width: 768px) { .dropdown-wrap { position: absolute; left: 0; } } @media screen and (min-width: 960px) { .submenuFullWidth .dropdown-wrap { width: 1100px; } } @media screen and (min-width: 1222px) { .submenuFullWidth .dropdown-wrap { width: 1120px; } } .dropdownRow { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 20px 0 20px 30px; } @media screen and (min-width: 960px) { .dropdownRow { -webkit-box-flex: 0; -ms-flex: 0; flex: 0; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding: 24px; } } .subMenuColumn { margin-bottom: 30px; } @media screen and (min-width: 960px) { .subMenuColumn { -ms-flex-negative: 0; flex-shrink: 0; width: 140px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; margin-right: 48px; margin-bottom: 0; } } @media screen and (min-width: 960px) { .subMenuColumn.margin80 { margin-right: 80px; } .subMenuColumn.margin80:last-of-type { margin-right: 0; } } @media screen and (min-width: 960px) { .subMenuColumn.width340 { width: 340px; } .subMenuColumn.width340 .thirdLevelItem .nav-link { max-width: none; } } @media screen and (min-width: 960px) { .subMenuColumn.width300 { width: 300px; } .subMenuColumn.width300 .thirdLevelItem .nav-link { max-width: none; } } @media screen and (min-width: 960px) { .subMenuColumn.width260 { width: 260px; } .subMenuColumn.width260 .thirdLevelItem .nav-link { max-width: none; } } @media screen and (min-width: 960px) { .subMenuColumn.width240 { width: 240px; } .subMenuColumn.width240 .thirdLevelItem .nav-link { max-width: none; } } @media screen and (min-width: 960px) { .subMenuColumn.width220 { width: 220px; } .subMenuColumn.width220 .thirdLevelItem .nav-link { max-width: none; } } @media screen and (min-width: 960px) { .subMenuColumn.width200 { width: 200px; } .subMenuColumn.width200 .thirdLevelItem .nav-link { max-width: none; } } @media screen and (min-width: 960px) { .subMenuColumn.width180 { width: 180px; } .subMenuColumn.width180 .thirdLevelItem .nav-link { max-width: none; } } @media screen and (min-width: 960px) { .subMenuColumn.width160 { width: 160px; } .subMenuColumn.width160 .thirdLevelItem .nav-link { max-width: none; } } @media screen and (min-width: 960px) { .subMenuColumn.width110 { width: 110px; } .subMenuColumn.width110 .thirdLevelItem .nav-link { max-width: 110px; } } .subMenuColumn:last-of-type { margin-right: 0; } .dropdown-menu, .subMenu { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0; } @media screen and (min-width: 960px) { .dropdown-menu, .subMenu { width: auto; margin: 0 40px 0 0; } } .thirdLevelItem:first-of-type .nav-link { padding: 0 0 8px; } .thirdLevelItem:last-of-type .nav-link { padding: 8px 0 0; } .thirdLevelItem.active .nav-link { color: #f4511e; } .thirdLevelItem .nav-link { display: block; font-size: 14px; color: #f4f4f4; padding: 8px 0; } .thirdLevelItem .nav-link:hover, .thirdLevelItem .nav-link:focus { color: #f4511e; } @media screen and (min-width: 960px) { .thirdLevelItem .nav-link { max-width: 181px; } } .thirdLevelItem.isTitle .nav-link { font-size: 14px; line-height: 18px; font-weight: 600; text-transform: uppercase; color: #8d8d8d; letter-spacing: 0.04em; margin-bottom: 16px; padding: 0 0 2px 0; } .thirdLevelItem.isTitleLink .nav-link { border-bottom: 1px solid #8d8d8d; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; padding: 0 0 2px 0; cursor: pointer; } .thirdLevelItem.isTitleLink .nav-link:hover { color: #f4511e; border-bottom: 1px solid #f4511e; } .section_promo { background: #e3e3e3; padding: 46px 0; } .section_promo.categoryPromo { margin-bottom: 68px; } .section_promo_row { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .preload_promo_img { background: #ccc; width: 207px; height: 268px; border-radius: 4px; } .preload_promo_info { padding-left: 86px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .preload_promo_paragraph { height: 16px; width: 100%; background: #ccc; border-radius: 4px; } .preload_promo_paragraph.isFirst { width: 80%; height: 25px; } .preload_promo_paragraph.isLast { width: 150px; } .promo_block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 64px; } .promo_block.isLast { margin-bottom: 0; } @media screen and (min-width: 768px) { .promo_block { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } @media screen and (min-width: 1222px) { .promo_block { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; width: 50%; margin-bottom: 0; } } .promo_image { text-align: center; line-height: 0; margin-bottom: 20px; } @media screen and (min-width: 768px) { .promo_image { margin-bottom: 0; width: auto; text-align: left; } } .promo_image_self { -webkit-box-shadow: 1px 1px 20px 0 rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 20px 0 rgba(0, 0, 0, 0.3); } .promo_info { padding-left: 20px; color: #222; max-width: 400px; } @media screen and (min-width: 768px) { .promo_info { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: auto; } } @media screen and (min-width: 1222px) { .promo_info { max-width: 285px; } } .promo_info h3 { margin-top: 15px; } .promo_info a { text-decoration: underline; } .promo_info h3 a { color: inherit; text-decoration: none; }