/*# sourceURL=/_t/_/css/35/19/00/cssperso.css?1704207697 */ /*@ sourceURL=/_t/_/css/35/19/00/cssperso.css?1704207697 */ @import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;600&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@300;400;600&display=swap'); :root { --primary-color: #4294D0; --domi-color: #6D6E70; --primary-color-hover: #4294D0; } #bloc-home-1 .bloc--text h1{ margin: 5px 0!important; } body, p{ font-family: 'Quicksand', sans-serif !important; color:#000!important; font-size:16px; } .footer__wrapper__bloc ul li a{ color:#fff!important; } button, html, input, select, textarea{ font-family: 'Quicksand', sans-serif !important; } h1, h3{ font-family: 'Titillium Web', sans-serif!important; font-weight: 300!important; color: #4294D0!important; } h2{ font-family: 'Titillium Web', sans-serif!important; font-weight: 300!important; color: #6D6E70!important; } .nav-perso-off .nav__maxWidth>.nav__itemlvl1{ font-family: 'Titillium Web', sans-serif!important; } /******************* hover image *****/ .blc01 img{ transition: margin 0.3s ease-in-out; } .fondcolor{ /* background-color: #6d6e7029; */ background: url(https://media.cdnws.com/_i/351900/RAW-55/1647/55/bggris.png) center; background-size: cover; background-repeat: no-repeat; } .blc01 img:hover{ margin-left:-15px; } .blc02 img:hover { margin-top: -5px; } .blc03 button{ transition: transform .5s; } .blc03 button:hover { background: linear-gradient(110deg, #69bce6 17%, #fff); -ms-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(0.9); /* border-radius: 15px 0px !important;*/ /* box-shadow: 6px 6px 0px #69bce6 !important; */ color: #000; border: 2px solid #6D6E70; border: 2px solid #000 !important; } /*****************/ /** style produits **/ .produit .prod__shadow { border: 1px solid #eee !important; border-radius: 5px !important; box-shadow: 0px 0px 6px 1px #00000012 !important; } p.prod__price__cur { padding: 10px 30px !important; background-color: #627244 !important; box-shadow: 2px 2px 6px 1px #0000004d !important; font-weight: normal; font-size: 15px !important; color:#fff !important; } p.prod__price__cur:hover { background-color: #1D3746 !important; } /**********/ /***********Partie header style **********/ .header__content { background: url(https://media.cdnws.com/_i/351900/RAW-59/3442/59/header.png) center; background-size: cover; } .header__relative{ background-color: #ffffff00!important; max-width: 1739px!important; padding-top: 12px !important; padding-bottom: 17px !important; } .header__logo{ max-width: 251px !important; margin: 0 auto !important; text-align: center !important; } .nav{ padding: 20px 20px !important; background-color: #4494cd; color: #fff !important; margin-bottom: 0px !important; } nav .nav__item{ color:#fff !important; font-family: Montserrat !important; font-size: 20px !important; font-weight: 400 !important; } nav .nav__wrapper .nav__maxWidth{ justify-content: center !important; } .nav__sublevel .nav__flex.ps{ max-height: 800px !important; overflow: scroll !important; } #tel-header{ /* background: url(https://media.cdnws.com/_i/351900/RAW-3323/3670/26/icon-tel.png) left center no-repeat; */ /* margin: 0 auto; */ /* font-size: 25px; */ /* color: #0a0a0a; */ /* font-weight: 500; */ /* font-family: 'Quicksand', sans-serif !important; */ padding-top: -34px!important; /* top: 20px; */ /* min-width: 180px; */ /* margin: 0 auto; */ text-align: center !important; /* text-transform: inherit; */ padding-bottom: -50px; /* padding-top: 16px; */ } .search--wrapper .search--input { border-bottom: 1px solid #000 !important; padding: 20px 15px !important; border: none; background-color: #ffffff00; color: #000 !important; font-family: 'Quicksand', sans-serif !important; } .search--btn { background-color: transparent !important; border-left: none !important; right: 8px !important; } .header__search { margin-top: 20px !important; } .search--form { width: 100% !important; } .header__cart__a__nb__mask { left: 0%!important; } #tel-header a{ color:#000!important; font-size: 16px !important; /* margin-bottom: -56px!important; */ padding-bottom: -50px!important; position: relative; /* top: 20px; */ font-family: 'Quicksand', sans-serif !important; font-weight: 600; /* padding-top: 20px!important; */ background: url(https://media.cdnws.com/_i/351900/RAW-3323/3670/26/icon-tel.png) left center no-repeat; padding: 7px 0px 7px 30px; } .nav__itemlvl1:hover { color: #0a0a0a !important; } /***********************/ .reassurance__wrapper__item:hover * { /* color: #ba1c2c !important; */ } .motifc{ background-image: url(https://media.cdnws.com/_i/350007/RAW-498/2650/3/motif.png); background-repeat: no-repeat; background-size: contain; background-position: center; } .motifl{ background-image: url(https://media.cdnws.com/_i/350007/RAW-498/2650/3/motif.png); background-repeat: no-repeat; background-size: contain; background-position: left top; } .stylebnt{ background-color: #ffffff00; padding: 15px 35px; color: #EC1C24; border: 1px solid #EC1C24 !important; font-family: 'Titillium Web', sans-serif!important; font-size: 1.5rem; } .bgbloc .wiziblocks__item__maxWidth{ background-image: url(https://media.cdnws.com/_i/351900/RAW-50/2687/50/image2.png); background-attachment: fixed; background-size: cover; background-position: center; color:#fff!important; padding: 150px 270px; text-align: center; } .bgbloc .wiziblocks__item__maxWidth .wizi-wrapper.wizi-wrapper--txt{ background-color: #ffffffe3; padding: 100px 150px; } .reassurance { width: 100%; background: #4294D0 !important; } .reassurance__wrapper__item__text strong, .reassurance__wrapper__item__text { color: #fff !important; font-size: 1.0rem; } .rea__item, .rea__item strong { color: #fff !important; display: flex!important; font-size: 17px; } .rea__icon { text-align: center !important; margin: 0 auto!important; } .footer { background:url(https://media.cdnws.com/_i/351900/RAW-49/2158/49/footer.png); background-position:center; background-size:cover; } .footer__wrapper__bloc__title { font-family: 'Quicksand', sans-serif!important; font-size: 1.1rem !important; color: #fff !important; text-transform: capitalize; } .footer__wrapper__bloc__ul__li__link, .footer__wrapper__bloc__infos__address, .footer__wrapper__bloc__infos__contact__link { color: #ffffff !important; } .footer__wrapper { width: 1400px!important; padding-top: 30px !important; } .footer__desktop , .backTop__text, .powered__p { color: #fff !important; } .footertel{ color: #fff !important; font-family: 'Quicksand', sans-serif!important; font-size: .875rem; line-height: 1.5625rem; } a.footertel:hover{ color: var(--primary-color); } a.footertel:before{ content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: var(--primary-color); max-width: 0; -webkit-transition: max-width .3s ease; -o-transition: max-width .3s ease; transition: max-width .3s ease; } .footer__wrapper { width: auto!important; padding-top: 30px !important; /* min-width: 1122px !important; */ margin-top: 60px !important; /* margin: 20px 336px !important; */ margin-left: 730px; border-bottom: 1px solid #fff !important; /* padding-bottom: 60px; */ margin-bottom: 60px; } .footer__info__text { color: #fff !important; } .footer__wrapper:before { background-color: #ffffff00; } /** style produits **/ .produit .prod__shadow { border: 1px solid #eee !important; border-radius: 5px !important; box-shadow: 0px 0px 6px 1px #00000012 !important; } p.prod__price__cur { padding: 10px 30px !important; background-color: #42a1de !important; box-shadow: 2px 2px 6px 1px #0000004d !important; font-weight: normal; font-size: 15px !important; color:#fff !important; } p.prod__price__cur:hover { background-color: #1D3746 !important; } .footer__wrapper__bloc ul{ list-style-type:none; } /**********/ @media (min-width: 300px) and (max-width:770px){ .style { display: none; } #tel-header { background:none !important; margin: 0 auto; font-size: 31px; color: #0a0a0a; font-weight: 500; font-family: 'Quicksand', sans-serif !important; padding-top: -34px!important; top: 20px; min-width: 144px; margin: 0 auto; text-align: center !important; text-transform: inherit; padding-bottom: -50px; top: 50px !important; } .search--form { width: 95% !important; } .titreC{ display: none !important; } .footer__wrapper { margin-left: 0px; } .header__logo { max-width: 720px !important; } } @media (min-width: 721px) and (max-width:1024px){ .footer__wrapper__bloc{ margin: 0 0 0 20px !important; } .style { display: inline-block; } .header__area{ display: flex; } .header__logo { max-width: 200px !important; padding-top: 20px; } .header__search { min-width: 190px; } .search--form { width: 80% !important; } .search--wrapper .search--input { font-size: 11px; padding: 13px 3px !important; } .footer__wrapper { margin-left: 320px; } .footer__wrapper__bloc__title { font-size: 1.1rem !important; } } @media (min-width: 300px) and (max-width:1024px){ .header__relative { max-width: auto !important; padding-top: 14px !important; padding-bottom: 10px !important; padding: 0px 33px !important; } .bgbloc .wiziblocks__item__maxWidth { padding: 50px 21px; } .bgbloc .wiziblocks__item__maxWidth .wizi-wrapper.wizi-wrapper--txt { background-color: #ffffffb5; padding: 10px 10px; max-width: inherit; } #tel-header, #account-header{ visibility: hidden; display: none !important; } } @media (min-width: 720px) and (max-width: 1023px) { .footer__middle { flex-wrap: nowrap!important; } .footer__wrapper__bloc:not(:first-child) { margin: 0 0 0 10px; } } @media (min-width: 1290px) and (max-width: 1600px) { .footer__wrapper { width: auto!important; padding-top: 30px !important; /* min-width: 1122px !important; */ margin-top: 60px !important; /* margin: 20px 336px !important; */ margin-left: 375px; } .footer__wrapper { margin-left: 560px !important; } } @media (min-width:1024px) and (max-width:2600px){ .header__search { min-width: 300px; } .header__area{ margin-left: 0px !important; } .style{ display: flex; } .nav__itemlvl1 { padding: 6px 0; font-weight: 400 !important; font-size: 1rem !important; line-height: 1.2rem !important; color: #ffffff !important; } .titreC { font-weight: 600!important; text-align: center !important; color: #000!important; font-size: 16px !important; position: relative; top: 0px; font-family: 'Quicksand', sans-serif !important; padding-left: 18px; left: 10px; } #home-header { background: url(https://media.cdnws.com/_i/349549/RAW-99/1041/0/map.png) top no-repeat; margin: 0 auto; font-size: 16px; color: #0a0a0a; font-weight: 300; font-family: 'Work Sans', sans-serif; padding-top: 60px; top: 20px; min-width: 120px; margin: 0 auto; text-align: center !important; text-transform: inherit; padding-bottom: -50px; } #account-header{ background: url(https://media.cdnws.com/_i/351900/RAW-3321/3859/24/compte.png) center center no-repeat !important; width: auto; min-width: 155px !important; text-align: center !important; margin: 0 auto; font-size: 23px; color: #000000; font-weight: 400 !important; font-family: 'Work Sans', sans-serif; display: inline-block; padding-top: 52px; } .header__cart__a.header__tab { background: url(https://media.cdnws.com/_i/351900/RAW-3320/2128/23/panier.png) left center no-repeat !important; width: auto; min-width: 10px; justify-content: center; /* margin: 0 auto; */ font-size: 19px; color: #000000; font-weight: 400 !important; font-family: 'Quicksand', sans-serif !important; display: inline-block; padding-top: 65px; } .header__cart{ min-width: 65px !important; height: 65px !important; text-align: center !important; } .header__cart__text{ font-weight: 600!important; text-align: center !important; color: #101010!important; padding-left: 48px; position: relative; top: -43px; } } span.so-reduc.state__promo.state__promo--reduc, span.so-dates.state__date { color: white; background:#3aca3a; } /*BOOTSTRAP*/ /*! Oxatis - bootstrap-grid.css - v6.8 2020-04-09 */ .ox-columns { box-sizing: border-box } .ox-columns.ox-columns-sep-none { margin-left: 0; margin-right: 0 } .ox-columns-sep-none .ox-column { padding-left: 0; padding-right: 0 } .ox-columns.ox-columns-sep-small { margin-left: -5px; margin-right: -5px } .ox-columns-sep-small .ox-column { padding-left: 5px; padding-right: 5px } .ox-columns.ox-columns-sep-medium { margin-left: -10px; margin-right: -10px } .ox-columns-sep-medium .ox-column { padding-left: 10px; padding-right: 10px } .ox-columns.ox-columns-sep-large { margin-left: -15px; margin-right: -15px } .ox-columns-sep-large .ox-column { padding-left: 15px; padding-right: 15px } .ox-column { position: relative; min-height: 1px; box-sizing: border-box } .col-xs-1,.col-xs-1col,.col-xs-2,.col-xs-2col,.col-xs-3,.col-xs-3col,.col-xs-4,.col-xs-4col,.col-xs-5,.col-xs-5col,.col-xs-6,.col-xs-6col,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12 { float: left } .col-xs-1col,.col-xs-12 { width: 100% } .col-xs-11 { width: 91.66666667% } .col-xs-10 { width: 83.33333333% } .col-xs-9 { width: 75% } .col-xs-8 { width: 66.66666667% } .col-xs-7 { width: 58.33333333% } .col-xs-2col,.col-xs-6 { width: 50% } .col-xs-5 { width: 41.66666667% } .col-xs-3col,.col-xs-4 { width: 33.33333333% } .col-xs-3,.col-xs-4col { width: 25% } .col-xs-2,.col-xs-6col { width: 16.66666667% } .col-xs-1 { width: 8.33333333% } .col-xs-5col { width: 20% } .MagicScroll,.mcs-bullet,.mcs-bullet:after,.mcs-bullet:before,.mcs-button,.mcs-caption,.mcs-item,.mcs-item>*,.mcs-item img,.mcs-items-container,.mcs-wrapper { margin: 0; padding: 0; outline: 0; box-sizing: border-box } .MagicScroll,.mcs-item,.mcs-item a,.mcs-item img,.mcs-items-container { position: relative } .MagicScroll,.mcs-item,.mcs-items-container,.mcs-wrapper { overflow: hidden; direction: ltr } .mcs-item img,.mcs-wrapper { line-height: 100% } .MagicScroll { z-index: 1; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; -moz-user-select: none; -webkit-user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent } .MagicScroll.MagicScroll-horizontal { -moz-touch-action: pan-y; -ms-touch-action: pan-y; touch-action: pan-y } .MagicScroll.MagicScroll-vertical { -moz-touch-action: pan-x; -ms-touch-action: pan-x; touch-action: pan-x } body.mcs-dragging { cursor: move; cursor: -webkit-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing } body.mcs-dragging .MagicScroll,body.mcs-dragging button.mcs-button.mcs-horizontal.mcs-button-arrow { cursor: inherit } .MagicScroll>*,.MagicScroll figure,.mcs-item,.mcs-item .mcs-caption,.mcs-item img { display: inline-block } .MagicScroll>* { max-width: 100% } .MagicScroll>:first-child { visibility: hidden } .MagicScroll>:nth-child(n+2) { display: none } .MagicScroll>a { line-height: 100% } .MagicScroll img { visibility: hidden } .MagicScroll .mcs-item img { visibility: visible; float: none!important } .mcs-bullets,.mcs-button,.mcs-wrapper { position: absolute } .MagicScroll:before,.MagicScroll figcaption:before { content: ""; display: inline-block; vertical-align: top; height: 0 } .mcs-wrapper { top: 0; right: 0; bottom: 0; left: 0; vertical-align: top; z-index: 100 } .mcs-items-container { text-align: center; overflow: visible; width: 100%; height: 100% } .mcs-item { top: 0; left: 0; zoom:1;font-size: 9pt!important; line-height: 100%; max-width: 100% } .mcs-item:after,.mcs-item>a:after { content: ""; display: inline-block; height: 100%; vertical-align: middle } .MagicScroll-horizontal .mcs-item { height: 100% } .MagicScroll-vertical .mcs-item { display: block; width: 100% } .MagicScroll-horizontal .mcs-items-container>*,.mcs-item>a { display: inline-block } .mcs-item a,.mcs-item img { border: none; max-width: 100%; max-height: 100% } .mcs-item a { height: 100% } .mcs-item img { width: auto; height: auto; vertical-align: middle } .MagicScroll figure { position: relative; vertical-align: middle; font-size: 0; margin: 0; max-width: 100%; max-height: 100%; line-height: normal } .lt-ie9-magic .mcs-item>a>img { position: static } .lt-ie9-magic figcaption { display: block } .lt-ie10-magic .mcs-item a img { border: none } .ie7-magic .MagicScroll-vertical .mcs-item a,.ie7-magic .mcs-item img { display: inline-block } .ie7-magic .MagicScroll-horizontal .mcs-item { display: inline } .mcs-button { display: block } .MagicScroll .mcs-hidden { display: none!important; visibility: hidden!important } .ie11-magic .MagicScroll[data-mode=scroll] .mcs-items-container,.MagicScroll[data-mode=carousel] .mcs-items-container,.MagicScroll[data-mode=cover-flow] .mcs-items-container { -webkit-perspective: 1000px; -o-perspective: 1000px; perspective: 1000px; -webkit-perspective-origin-x: 50%; -webkit-perspective-origin-y: 50% } .MagicScroll[data-mode=carousel] .mcs-item,.MagicScroll[data-mode=cover-flow] .mcs-item { -webkit-transform-style: preserve-3d; transform-style: preserve-3d } .MagicScroll figcaption { display: inline-block; position: relative; left: 0; float: left; width: 100%; line-height: 100%; clear: both; z-index: 150 } .MagicScroll[data-mode=carousel] .mcs-item .mcs-caption,.MagicScroll[data-mode=cover-flow] .mcs-item .mcs-caption,.MagicScroll figcaption { left: 50%; -webkit-transform: translateZ(1px) translateX(-50%); transform: translateZ(1px) translateX(-50%); box-sizing: border-box } .lt-ie9-magic .MagicScroll figcaption,.lt-ie9-magic .MagicScroll figure img { float: right } .MagicScroll .mcs-reflection { -webkit-transform: translateZ(-1px); position: absolute; display: inline-block; left: 0px; z-index: 1 } .MagicScroll .mcs-item.mcs-noimg { background: url("data:image/png;base64,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") 50% no-repeat } .mcs-item .mcs-caption { display: inline-block; vertical-align: bottom; position: absolute; z-index: 150 } .MagicScroll[data-mode=carousel] .mcs-item figcaption.mcs-caption,.MagicScroll[data-mode=cover-flow] .mcs-item figcaption.mcs-caption { top: 100% } .MagicScroll[data-mode=animation] .mcs-item figure,.MagicScroll[data-mode=scroll] .mcs-item figure { overflow: hidden } .MagicScroll[data-mode=animation] .mcs-item .mcs-caption,.MagicScroll[data-mode=scroll] .mcs-item .mcs-caption { left: 0; width: 100%; bottom: 0; -webkit-transition: -webkit-transform 0.25s; -webkit-transition: -webkit-transform .25s; transition: -webkit-transform .25s; transition: transform .25s; transition: transform .25s,-webkit-transform .25s; -webkit-transform: translateY(150%); -ms-transform: translateY(150%); transform: translateY(150%) } .MagicScroll[data-mode=animation] .mcs-item:hover .mcs-caption,.MagicScroll[data-mode=scroll] .mcs-item:hover .mcs-caption { -webkit-transform: translateY(0%); -ms-transform: translate(0); transform: translateY(0%) } .lt-ie9-magic .MagicScroll[data-mode=animation] .mcs-item .mcs-caption,.lt-ie9-magic .MagicScroll[data-mode=scroll] .mcs-item .mcs-caption { bottom: -150% } .lt-ie9-magic .MagicScroll[data-mode=animation] .mcs-item:hover .mcs-caption,.lt-ie9-magic .MagicScroll[data-mode=scroll] .mcs-item:hover .mcs-caption { bottom: 0% } .mcs-button { cursor: pointer; z-index: 1000; background-repeat: no-repeat; background-color: transparent; border: 0; border-radius: 0; -webkit-transition: opacity .25s linear; transition: opacity .25s linear } .MagicScroll:hover>.mcs-button:hover { opacity: 1 } .mcs-button-arrow { z-index: 120 } .MagicScroll-horizontal .mcs-button-arrow { width: 40px; height: 100%; top: 0 } .MagicScroll-vertical .mcs-button-arrow { width: 100%; height: 40px; left: 0 } .MagicScroll[data-mode=carousel] .mcs-item,.MagicScroll[data-mode=cover-flow] .mcs-item { overflow: visible } .mcs-bullets { text-align: center; display: inline-block!important; opacity: 0; top: 100% } .mcs-bullets.show { opacity: 1.0; -webkit-transition: opacity .5s; transition: opacity .5s } .MagicScroll-horizontal .mcs-bullets { width: 100%; left: 0 } .MagicScroll-vertical .mcs-bullets { top: 0; left: 100%; display: inline-block; vertical-align: middle } .mcs-bullet { border-radius: 50%; margin: 4px; cursor: pointer; display: inline-block; position: relative; text-indent: 9999px; vertical-align: middle; font: 0/0 a; color: transparent; outline: none } .mcs-bullet.active { cursor: default } [data-mode=animation] div[data-action=enter],[data-mode=animation] div[data-action=exit] { -webkit-animation-duration: 0.35s; animation-duration: 0.35s; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } [data-mode=animation] div[data-action=enter] { -webkit-animation-timing-function: cubic-bezier(0.12,0.37,0.25,1); animation-timing-function: cubic-bezier(0.12,0.37,0.25,1) } [data-mode=animation] .mcs-item { -webkit-animation-duration: 0; -webkit-transform: none; -webkit-animation-name: none; animation-name: none; animation-duration: 0 } [data-mode=animation] .mcs-item[data-animation-nth="1"] { -webkit-animation-delay: 0.15s; animation-delay: 0.15s } [data-mode=animation] .mcs-item[data-animation-nth="2"] { -webkit-animation-delay: 0.2s; animation-delay: 0.2s } [data-mode=animation] .mcs-item[data-animation-nth="3"] { -webkit-animation-delay: 0.25s; animation-delay: 0.25s } [data-mode=animation] .mcs-item[data-animation-nth="4"] { -webkit-animation-delay: 0.3s; animation-delay: 0.3s } [data-mode=animation] .mcs-item[data-animation-nth="5"] { -webkit-animation-delay: 0.35s; animation-delay: 0.35s } [data-mode=animation] .mcs-item[data-animation-nth="6"] { -webkit-animation-delay: 0.4s; animation-delay: 0.4s } [data-mode=animation] .mcs-item[data-animation-nth="7"] { -webkit-animation-delay: 0.45s; animation-delay: 0.45s } [data-mode=animation] .mcs-item[data-animation-nth="8"] { -webkit-animation-delay: 0.5s; animation-delay: 0.5s } [data-mode=animation] .mcs-item[data-animation-nth="9"] { -webkit-animation-delay: 0.55s; animation-delay: 0.55s } [data-mode=animation] .mcs-item[data-animation-nth="10"] { -webkit-animation-delay: 0.6s; animation-delay: 0.6s } .MagicScroll-horizontal[data-mode=animation] [data-forward] [data-entering],.MagicScroll-horizontal[data-mode=animation] [data-forward] [data-exited] { -webkit-transform: translateX(100000px); -ms-transform: translateX(100000px); transform: translateX(100000px) } .MagicScroll-horizontal[data-mode=animation] [data-backward] [data-entering],.MagicScroll-horizontal[data-mode=animation] [data-backward] [data-exited] { -webkit-transform: translateX(-100000px); -ms-transform: translateX(-100000px); transform: translateX(-100000px) } .MagicScroll-vertical[data-mode=animation] [data-forward] [data-entering],.MagicScroll-vertical[data-mode=animation] [data-forward] [data-exited] { -webkit-transform: translateY(100000px); -ms-transform: translateY(100000px); transform: translateY(100000px) } .MagicScroll-vertical[data-mode=animation] [data-backward] [data-entering],.MagicScroll-vertical[data-mode=animation] [data-backward] [data-exited] { -webkit-transform: translateY(-100000px); -ms-transform: translateY(-100000px); transform: translateY(-100000px) } .mcs-slidein[data-mode=animation] .mcs-item[data-action=exit],[data-mode=animation] .mcs-item[data-action=exit] { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; -webkit-animation-duration: 0.3s; animation-duration: 0.3s } .mcs-slidein[data-mode=animation] .mcs-item[data-action=enter],[data-mode=animation] .mcs-item[data-action=enter] { -webkit-animation-timing-function: cubic-bezier(0.12,0.37,0.25,1); animation-timing-function: cubic-bezier(0.12,0.37,0.25,1); -webkit-animation-duration: 0.35s; animation-duration: 0.35s } .MagicScroll-horizontal[data-mode=animation] [data-forward] .mcs-item[data-action=exit],.mcs-slidein.MagicScroll-horizontal[data-mode=animation] [data-forward] .mcs-item[data-action=exit] { -webkit-animation-name: h-forward-exit-slidein; animation-name: h-forward-exit-slidein } .MagicScroll-horizontal[data-mode=animation] [data-forward] .mcs-item[data-action=enter],.mcs-slidein.MagicScroll-horizontal[data-mode=animation] [data-forward] .mcs-item[data-action=enter] { -webkit-animation-name: h-forward-enter-slidein; animation-name: h-forward-enter-slidein } @-webkit-keyframes h-forward-exit-slidein { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) } to { opacity: 0; -webkit-transform: translateX(-600px); transform: translateX(-600px) } } @keyframes h-forward-exit-slidein { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) } to { opacity: 0; -webkit-transform: translateX(-600px); transform: translateX(-600px) } } @-webkit-keyframes h-forward-enter-slidein { 0% { opacity: 0; -webkit-transform: translateX(180px); transform: translateX(180px) } to { opacity: 1; -webkit-transform: translateX(0px); transform: translateX(0px) } } @keyframes h-forward-enter-slidein { 0% { opacity: 0; -webkit-transform: translateX(180px); transform: translateX(180px) } to { opacity: 1; -webkit-transform: translateX(0px); transform: translateX(0px) } } .MagicScroll-horizontal[data-mode=animation] [data-backward] .mcs-item[data-action=exit],.mcs-slidein.MagicScroll-horizontal[data-mode=animation] [data-backward] .mcs-item[data-action=exit] { -webkit-animation-name: h-backward-exit-slidein; animation-name: h-backward-exit-slidein } .MagicScroll-horizontal[data-mode=animation] [data-backward] .mcs-item[data-action=enter],.mcs-slidein.MagicScroll-horizontal[data-mode=animation] [data-backward] .mcs-item[data-action=enter] { -webkit-animation-name: h-backward-enter-slidein; animation-name: h-backward-enter-slidein } @-webkit-keyframes h-backward-exit-slidein { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) } to { opacity: 0; -webkit-transform: translateX(600px); transform: translateX(600px) } } @keyframes h-backward-exit-slidein { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) } to { opacity: 0; -webkit-transform: translateX(600px); transform: translateX(600px) } } @-webkit-keyframes h-backward-enter-slidein { 0% { opacity: 0; -webkit-transform: translateX(-180px); transform: translateX(-180px) } to { opacity: 1; -webkit-transform: translateX(0px); transform: translateX(0px) } } @keyframes h-backward-enter-slidein { 0% { opacity: 0; -webkit-transform: translateX(-180px); transform: translateX(-180px) } to { opacity: 1; -webkit-transform: translateX(0px); transform: translateX(0px) } } .MagicScroll-vertical[data-mode=animation] [data-forward] .mcs-item[data-action=exit],.mcs-slidein.MagicScroll-vertical[data-mode=animation] [data-forward] .mcs-item[data-action=exit] { -webkit-animation-name: v-forward-exit-slidein; animation-name: v-forward-exit-slidein } .MagicScroll-vertical[data-mode=animation] [data-forward] .mcs-item[data-action=enter],.mcs-slidein.MagicScroll-vertical[data-mode=animation] [data-forward] .mcs-item[data-action=enter] { -webkit-animation-name: v-forward-enter-slidein; animation-name: v-forward-enter-slidein } @-webkit-keyframes v-forward-exit-slidein { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } to { opacity: 0; -webkit-transform: translateY(-600px); transform: translateY(-600px) } } @keyframes v-forward-exit-slidein { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } to { opacity: 0; -webkit-transform: translateY(-600px); transform: translateY(-600px) } } @-webkit-keyframes v-forward-enter-slidein { 0% { opacity: 0; -webkit-transform: translateY(180px); transform: translateY(180px) } to { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px) } } @keyframes v-forward-enter-slidein { 0% { opacity: 0; -webkit-transform: translateY(180px); transform: translateY(180px) } to { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px) } } .MagicScroll-vertical[data-mode=animation] [data-backward] .mcs-item[data-action=exit],.mcs-slidein.MagicScroll-vertical[data-mode=animation] [data-backward] .mcs-item[data-action=exit] { -webkit-animation-name: v-backward-exit-slidein; animation-name: v-backward-exit-slidein } .MagicScroll-vertical[data-mode=animation] [data-backward] .mcs-item[data-action=enter],.mcs-slidein.MagicScroll-vertical[data-mode=animation] [data-backward] .mcs-item[data-action=enter] { -webkit-animation-name: v-backward-enter-slidein; animation-name: v-backward-enter-slidein } @-webkit-keyframes v-backward-exit-slidein { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } to { opacity: 0; -webkit-transform: translateY(600px); transform: translateY(600px) } } @keyframes v-backward-exit-slidein { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } to { opacity: 0; -webkit-transform: translateY(600px); transform: translateY(600px) } } @-webkit-keyframes v-backward-enter-slidein { 0% { opacity: 0; -webkit-transform: translateY(-180px); transform: translateY(-180px) } to { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px) } } @keyframes v-backward-enter-slidein { 0% { opacity: 0; -webkit-transform: translateY(-180px); transform: translateY(-180px) } to { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px) } } .mcs-bounce[data-mode=animation] .mcs-item[data-action=exit] { -webkit-animation-timing-function: cubic-bezier(0.84,0,1,1); animation-timing-function: cubic-bezier(0.84,0,1,1); -webkit-animation-duration: 0.4s; animation-duration: 0.4s } .mcs-bounce[data-mode=animation] .mcs-item[data-action=enter] { -webkit-animation-timing-function: cubic-bezier(0.12,0.37,0.25,1); animation-timing-function: cubic-bezier(0.12,0.37,0.25,1); -webkit-animation-duration: 0.4s; animation-duration: 0.4s } .mcs-bounce.MagicScroll-horizontal[data-mode=animation] [data-forward] .mcs-item[data-action=exit] { -webkit-animation-name: h-forward-exit-bounce; animation-name: h-forward-exit-bounce } .mcs-bounce.MagicScroll-horizontal[data-mode=animation] [data-forward] .mcs-item[data-action=enter] { -webkit-animation-name: h-forward-enter-bounce; animation-name: h-forward-enter-bounce } @-webkit-keyframes h-forward-exit-bounce { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) translateZ(-1px) } 40% { opacity: 0.6 } to { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px) translateZ(-1px) } } @keyframes h-forward-exit-bounce { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) translateZ(-1px) } 40% { opacity: 0.6 } to { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px) translateZ(-1px) } } @-webkit-keyframes h-forward-enter-bounce { 0% { opacity: 0; -webkit-transform: translateX(3000px); transform: translateX(3000px) } 60% { opacity: 1; -webkit-transform: translateX(-30px); transform: translateX(-30px) } 75% { -webkit-transform: translateX(10px); transform: translateX(10px) } 90% { -webkit-transform: translateX(-5px); transform: translateX(-5px) } to { -webkit-transform: translateX(0px); transform: translateX(0px) } } @keyframes h-forward-enter-bounce { 0% { opacity: 0; -webkit-transform: translateX(3000px); transform: translateX(3000px) } 60% { opacity: 1; -webkit-transform: translateX(-30px); transform: translateX(-30px) } 75% { -webkit-transform: translateX(10px); transform: translateX(10px) } 90% { -webkit-transform: translateX(-5px); transform: translateX(-5px) } to { -webkit-transform: translateX(0px); transform: translateX(0px) } } .mcs-bounce.MagicScroll-horizontal[data-mode=animation] [data-backward] .mcs-item[data-action=exit] { -webkit-animation-name: h-backward-exit-bounce; animation-name: h-backward-exit-bounce } .mcs-bounce.MagicScroll-horizontal[data-mode=animation] [data-backward] .mcs-item[data-action=enter] { -webkit-animation-name: h-backward-enter-bounce; animation-name: h-backward-enter-bounce } @-webkit-keyframes h-backward-exit-bounce { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) translateZ(-1px) } 40% { opacity: 0.6 } to { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px) translateZ(-1px) } } @keyframes h-backward-exit-bounce { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) translateZ(-1px) } 40% { opacity: 0.6 } to { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px) translateZ(-1px) } } @-webkit-keyframes h-backward-enter-bounce { 0% { opacity: 0; -webkit-transform: translateX(-3000px); transform: translateX(-3000px) } 60% { opacity: 1; -webkit-transform: translateX(30px); transform: translateX(30px) } 75% { -webkit-transform: translateX(-10px); transform: translateX(-10px) } 90% { -webkit-transform: translateX(5px); transform: translateX(5px) } to { -webkit-transform: translateX(0px); transform: translateX(0px) } } @keyframes h-backward-enter-bounce { 0% { opacity: 0; -webkit-transform: translateX(-3000px); transform: translateX(-3000px) } 60% { opacity: 1; -webkit-transform: translateX(30px); transform: translateX(30px) } 75% { -webkit-transform: translateX(-10px); transform: translateX(-10px) } 90% { -webkit-transform: translateX(5px); transform: translateX(5px) } to { -webkit-transform: translateX(0px); transform: translateX(0px) } } .mcs-bounce.MagicScroll-vertical[data-mode=animation] [data-forward] div[data-action=exit] { -webkit-animation-name: v-forward-exit-bounce; animation-name: v-forward-exit-bounce } .mcs-bounce.MagicScroll-vertical[data-mode=animation] [data-forward] div[data-action=enter] { -webkit-animation-name: v-forward-enter-bounce; animation-name: v-forward-enter-bounce } .mcs-bounce.MagicScroll-vertical[data-mode=animation] [data-forward] [data-entering],.mcs-bounce.MagicScroll-vertical[data-mode=animation] [data-forward] [data-exited] { -webkit-transform: translateY(100000px); -ms-transform: translateY(100000px); transform: translateY(100000px) } @-webkit-keyframes v-forward-exit-bounce { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } 40% { opacity: 0.6 } to { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px) } } @keyframes v-forward-exit-bounce { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } 40% { opacity: 0.6 } to { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px) } } @-webkit-keyframes v-forward-enter-bounce { 0% { opacity: 0; -webkit-transform: translateY(3000px); transform: translateY(3000px) } 60% { opacity: 1; -webkit-transform: translateY(-30px); transform: translateY(-30px) } 75% { -webkit-transform: translateY(10px); transform: translateY(10px) } 90% { -webkit-transform: translateY(-5px); transform: translateY(-5px) } to { -webkit-transform: translateY(0px); transform: translateY(0px) } } @keyframes v-forward-enter-bounce { 0% { opacity: 0; -webkit-transform: translateY(3000px); transform: translateY(3000px) } 60% { opacity: 1; -webkit-transform: translateY(-30px); transform: translateY(-30px) } 75% { -webkit-transform: translateY(10px); transform: translateY(10px) } 90% { -webkit-transform: translateY(-5px); transform: translateY(-5px) } to { -webkit-transform: translateY(0px); transform: translateY(0px) } } .mcs-bounce.MagicScroll-vertical[data-mode=animation] [data-backward] div[data-action=exit] { -webkit-animation-name: v-backward-exit-bounce; animation-name: v-backward-exit-bounce } .mcs-bounce.MagicScroll-vertical[data-mode=animation] [data-backward] div[data-action=enter] { -webkit-animation-name: v-backward-enter-bounce; animation-name: v-backward-enter-bounce } @-webkit-keyframes v-backward-exit-bounce { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } 40% { opacity: 0.6 } to { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px) } } @keyframes v-backward-exit-bounce { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } 40% { opacity: 0.6 } to { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px) } } @-webkit-keyframes v-backward-enter-bounce { 0% { opacity: 0; -webkit-transform: translateY(-3000px); transform: translateY(-3000px) } 60% { opacity: 1; -webkit-transform: translateY(30px); transform: translateY(30px) } 75% { -webkit-transform: translateY(-10px); transform: translateY(-10px) } 90% { -webkit-transform: translateY(5px); transform: translateY(5px) } to { -webkit-transform: translateY(0px); transform: translateY(0px) } } @keyframes v-backward-enter-bounce { 0% { opacity: 0; -webkit-transform: translateY(-3000px); transform: translateY(-3000px) } 60% { opacity: 1; -webkit-transform: translateY(30px); transform: translateY(30px) } 75% { -webkit-transform: translateY(-10px); transform: translateY(-10px) } 90% { -webkit-transform: translateY(5px); transform: translateY(5px) } to { -webkit-transform: translateY(0px); transform: translateY(0px) } } .MagicScroll-horizontal .mcs-button-arrow-next:before,.MagicScroll-horizontal .mcs-button-arrow-prev:before,.MagicScroll-vertical .mcs-button-arrow-next:before,.MagicScroll-vertical .mcs-button-arrow-prev:before { content: ""; width: 12px; height: 12px; position: absolute; border: 3px solid rgba(49,51,61,.6); border-right: none; border-bottom: none; -webkit-transition: border-color 0.15s linear; transition: border-color 0.15s linear } .MagicScroll-horizontal .mcs-button-arrow-prev:before { left: 62%; -webkit-transform: translate(-50%,-50%) rotate(-45deg); -ms-transform: translate(-50%,-50%) rotate(-45deg); transform: translate(-50%,-50%) rotate(-45deg) } .MagicScroll-horizontal .mcs-button-arrow-next:before { left: 40%; -webkit-transform: translate(-50%,-50%) rotate(135deg); -ms-transform: translate(-50%,-50%) rotate(135deg); transform: translate(-50%,-50%) rotate(135deg) } .MagicScroll-vertical .mcs-button-arrow-prev:before { top: 62%; -webkit-transform: translate(-50%,-50%) rotate(45deg); -ms-transform: translate(-50%,-50%) rotate(45deg); transform: translate(-50%,-50%) rotate(45deg) } .MagicScroll-vertical .mcs-button-arrow-next:before { top: 40%; -webkit-transform: translate(-50%,-50%) rotate(-135deg); -ms-transform: translate(-50%,-50%) rotate(-135deg); transform: translate(-50%,-50%) rotate(-135deg) } .mcs-button-arrow.mcs-disabled { opacity: 0.01!important } .MagicScroll>.mcs-button-arrow { width: 30px; height: 30px; margin: auto; opacity: 0.6; -webkit-transition: opacity .15s linear; transition: opacity .15s linear } .MagicScroll-horizontal .mcs-button-arrow-prev { left: 0; right: auto; top: 0; bottom: 0 } .MagicScroll-horizontal .mcs-button-arrow-next { left: auto; right: 0; top: 0; bottom: 0 } .MagicScroll-vertical .mcs-button-arrow-prev { top: 0; bottom: auto; left: 0; right: 0 } .MagicScroll-vertical .mcs-button-arrow-next { top: auto; bottom: 0; left: 0; right: 0 } .MagicScroll:hover>.mcs-button-arrow:hover:not(.mcs-disabled) { opacity: 1 } .MagicScroll:hover>.mcs-button-arrow:hover:not(.mcs-disabled):before { border-color: #31333d } .MagicScroll.MagicScroll-arrows-inside .mcs-button-arrow { width: 24px; height: 24px; border-radius: 3px; background: hsla(0,0%,100%,.75); box-shadow: 0 0 1px hsla(0,0%,60%,.5); -webkit-transition: background-color 0.15s linear; transition: background-color 0.15s linear } .MagicScroll.MagicScroll-arrows-inside .mcs-button-arrow:before { width: 8px; height: 8px } .MagicScroll-horizontal.MagicScroll-arrows-inside:hover>.mcs-button-arrow:hover:not(.mcs-disabled) { background-color: hsla(0,0%,100%,.96) } .MagicScroll-horizontal.MagicScroll-arrows-inside .mcs-button-arrow-prev { left: 5px } .MagicScroll-horizontal.MagicScroll-arrows-inside .mcs-button-arrow-next { right: 5px } .MagicScroll-vertical.MagicScroll-arrows-inside .mcs-button-arrow-prev { top: 5px } .MagicScroll-vertical.MagicScroll-arrows-inside .mcs-button-arrow-next { bottom: 5px } .lt-ie10-magic .MagicScroll.MagicScroll-arrows-inside .mcs-button-arrow { border: 1px solid hsla(0,0%,60%,.5) } .lt-ie9-magic .mcs-button-arrow:before { border-color: #83858b } .lt-ie9-magic .MagicScroll.MagicScroll-arrows-inside .mcs-button-arrow:before,.lt-ie9-magic .MagicScroll:hover>.mcs-button-arrow:hover:before { border-color: #31333d } .lt-ie9-magic .MagicScroll.MagicScroll-arrows-inside .mcs-button-arrow { background: #fff; border: 1px solid #999; filter: alpha(opacity = 60) } .lt-ie9-magic .MagicScroll.MagicScroll-arrows-inside .mcs-button-arrow:hover { filter: alpha(opacity = 96) } .lt-ie9-magic .mcs-button-arrow.mcs-disabled { filter: alpha(opacity = 0.01)!important } .MagicScroll-horizontal .mcs-bullets { margin-top: 10px } .MagicScroll-horizontal.MagicScroll-bullets { margin-bottom: 35px } .MagicScroll-vertical .mcs-bullets { margin-left: 10px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .MagicScroll-vertical.MagicScroll-bullets { margin-right: 35px } .mcs-bullet { width: 10px; height: 10px; background-color: #83858b } .mcs-bullet:hover { background-color: #5a5a5a } .mcs-bullet.active { background-color: transparent; border: 1px solid #5a5a5a } .mcs-item .mcs-caption { color: #fff; padding: 5px 0; font: normal 9pt/1.2em Helvetica Neue,Helvetica,Lucida Grande,Lucida Sans Unicode,Verdana,Arial,sans-serif; text-rendering: geometricPrecision } .MagicScroll[data-mode=animation] .mcs-item .mcs-caption,.MagicScroll[data-mode=scroll] .mcs-item .mcs-caption { background-color: #31333d; background-color: rgba(49,51,61,.7) } .lt-ie9-magic .MagicScroll[data-mode=animation] .mcs-item .mcs-caption,.lt-ie9-magic .MagicScroll[data-mode=scroll] .mcs-item .mcs-caption { filter: alpha(opacity=60) } .MagicScroll[data-mode=carousel],.MagicScroll[data-mode=cover-flow] { background: #4f4f4f } .MagicScroll[data-mode=carousel] img,.MagicScroll[data-mode=cover-flow] img { box-shadow: 0px 15px 30px -10px #000 } .MagicScroll[data-mode=carousel] figcaption,.MagicScroll[data-mode=cover-flow] figcaption { padding: 4px 0 0; font-size: 10pt; font-family: Lucida Grande,Lucida Sans Unicode,Helvetica Neue,Arial,Helvetica,sans-serif } .MagicScroll.mcs-shadows { box-shadow: 0 1px 6px 1px rgba(0,0,0,.15) } .MagicScroll.mcs-border .mcs-item { background: #fff; border: 1px solid #efefef } .MagicScroll-horizontal.mcs-border .mcs-item { margin: 0 3px } .MagicScroll-vertical.mcs-border .mcs-item { margin: 3px 0 } .mcs-loader { pointer-events: none; position: absolute; z-index: 1000; top: 0px; left: 0px; right: 0px; bottom: 0px } .mcs-loader .mcs-loader-text { position: absolute; top: 50%; left: 50%; margin-top: -10px; margin-left: -35px; width: 70px; height: 20px } .mcs-loader-circles { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 60px; height: 60px; opacity: 1; -webkit-transform: scale(0.6); -ms-transform: scale(0.6); transform: scale(0.6) } .mcs-loader-circle { position: absolute; background-color: #fff; height: 11px; width: 11px; border-radius: 50%; -webkit-animation-name: MagicCircle; -webkit-animation-duration: 0.48s; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: linear; animation-name: MagicCircle; animation-duration: 0.48s; animation-iteration-count: infinite; animation-direction: linear } .mcs-loader-circle_01 { left: 0; top: 25px; -webkit-animation-delay: 0.18s; animation-delay: 0.18s } .mcs-loader-circle_02 { left: 7px; top: 7px; -webkit-animation-delay: 0.24s; animation-delay: 0.24s } .mcs-loader-circle_03 { left: 25px; top: 0; -webkit-animation-delay: 0.3s; animation-delay: 0.3s } .mcs-loader-circle_04 { right: 7px; top: 7px; -webkit-animation-delay: 0.36s; animation-delay: 0.36s } .mcs-loader-circle_05 { right: 0; top: 25px; -webkit-animation-delay: 0.42s; animation-delay: 0.42s } .mcs-loader-circle_06 { right: 7px; bottom: 7px; -webkit-animation-delay: 0.48s; animation-delay: 0.48s } .mcs-loader-circle_07 { left: 25px; bottom: 0; -webkit-animation-delay: 0.54s; animation-delay: 0.54s } .mcs-loader-circle_08 { left: 7px; bottom: 7px; -webkit-animation-delay: 0.6s; animation-delay: 0.6s } @-webkit-keyframes MagicCircle { 0% { background-color: #000 } to { background-color: #fff } } @keyframes MagicCircle { 0% { background-color: #000 } to { background-color: #fff } } .mcs-item-loader { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 40px; height: 40px; background-size: cover; background-repeat: no-repeat; background: url("data:image/gif;base64,R0lGODlhKgAqAOZyAFlWV/X09ERAQS0pKt7d3rKwscjHyJyam3BtboaDhOfm5vf399XV1XNwcdbW1rW0tIOBgcXExGJfYJSSkj46O/b29pGPj+Pj48jHx/39/eDf39vb26Sio7u6uqyqq8rJyfHx8fn5+a2rrO3s7c/Oz+rq6qinp0dEReLi4ltYWbq4ufDw8JCOj/v7+/Pz825sbOjo6IKAgZWTlPj4+NDP0Obl5vX19fz8/Pr6+vz7+9fW1+Hg4Ozs7Le2tuTk5GdlZY2LjNrZ2djX18vKyujn556cnaGgoJaUlb/*28vM*/undefinedpxundefinedpxundefinedpxLBwjAsLe/v7+/u7sTDw87Nze7t7eXl5cG/wNLR0d3d3dnY2HVzc398fW9tbdTT06OhorCvrzo3OLSys7a1tWRhYlBNTuLh4dHQ0KKhofLy8rm4uJ2bnMzLy8nIyXl2d5iWlp+dnaakpXx6eoqIiMHAwdzc3M7OziIeH////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQJCgByACwAAAAAKgAqAAAH/4BygoOEhYaHiImKhipxcSqLkZKCAI4Ak5gMPywghZVxl4U4MxmYhRSOLJ6WogEBFaaESo5xF4SfoYIZrgE2sYNFtLlyuIQLvC2/g6iOGIPFgje8sMqCGLQUz6yCFbw31drNggwUFAzRvAuYOidbWYUXtOeHu66lhCsaKCGGVwP/Jz4QUlHFg6IWIXIQqoCCgEMYho78mygBSrUWChxqZGJojMSJ/5D8CqBx4z1DUCSAZPOrREkFyRZ9OPFPyy8XDlFQm/RBR7UQO8EJHUpUTpMGSJM22CA0gIOnUB08ESSgqtWqKYSSMMC1K1eqV61mBbfVa1dBR5UiZQrOadSnU9aLyp2bSUO1FTxMMXgBAECUX2AKFOiQd1EJCH37pvn1QbDgCL4OBfCQOPGQXwocOxaCwxDlyhBKVLMRQXMBIYaAJH4xT5CUMmcUBXFjdxCPDo4FFtLwwkuXQiMQCPeBaMSB4y4KTenRYQWmCcIRsC2hRo1oOTWOH3gwdEP0GINEWLAgYpAJ7TWExojOVo548oOyHzcBLkr0CYTelx/0QDuWamhEN0J+4+0niAvaiVHNegj0UIh+hTgxXzU+lNFDUO/*4VW*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*6VW*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") no-repeat 50% } .MagicScroll.mcs-rounded { border: 1px solid #e1e1e1; border-radius: 10px } .MagicScroll.mcs-rounded,.MagicScroll.mcs-rounded.MagicScroll-arrows-inside { overflow: hidden!important } .MagicScroll.mcs-rounded.MagicScroll-arrows-outside { overflow: visible!important } .MagicScroll.mcs-rounded .mcs-button-arrow { color: rgba(49,51,61,.6); -webkit-transition: color 0.15s linear,background-color 0.15s linear; transition: color 0.15s linear,background-color 0.15s linear } .MagicScroll.mcs-rounded.MagicScroll-horizontal .mcs-button-arrow { width: 30px; height: 100% } .MagicScroll.mcs-rounded.MagicScroll-vertical .mcs-button-arrow { width: 100%; height: 30px } .MagicScroll.mcs-rounded.MagicScroll-horizontal .mcs-button-arrow-prev { left: 0; border-radius: 10px 0 0 10px } .MagicScroll.mcs-rounded.MagicScroll-horizontal .mcs-button-arrow-next { right: 0; border-radius: 0 10px 10px 0 } .MagicScroll.mcs-rounded.MagicScroll-vertical .mcs-button-arrow-prev { top: 0; border-radius: 10px 10px 0 0 } .MagicScroll.mcs-rounded.MagicScroll-vertical .mcs-button-arrow-next { bottom: 0; border-radius: 0 0 10px 10px } .MagicScroll.mcs-rounded .mcs-button-arrow.mcs-disabled { opacity: 1!important; color: rgba(49,51,61,.1); text-shadow: none!important } .MagicScroll.mcs-rounded.MagicScroll-arrows-outside .mcs-button-arrow { background: #efefef; opacity: 1; box-shadow: 0 0 1px hsla(0,0%,60%,.5) } .MagicScroll.mcs-rounded.MagicScroll-arrows-inside .mcs-button-arrow:hover:not(.mcs-disabled) { background-color: hsla(0,0%,100%,.96); color: #31333d } .MagicScroll.mcs-rounded.MagicScroll-arrows-inside .mcs-button-arrow { background-color: hsla(0,0%,100%,.75); box-shadow: 0 0 1px hsla(0,0%,60%,.5) } .lt-ie10-magic .mcs-rounded.MagicScroll-horizontal.MagicScroll-arrows-inside .mcs-button-arrow-prev { border-width: 0 1px 0 0 } .lt-ie10-magic .mcs-rounded.MagicScroll-horizontal.MagicScroll-arrows-inside .mcs-button-arrow-next { border-width: 0 0 0 1px } .lt-ie10-magic .mcs-rounded.MagicScroll-vertical.MagicScroll-arrows-inside .mcs-button-arrow-prev { border-width: 0 0 1px } .lt-ie10-magic .mcs-rounded.MagicScroll-vertical.MagicScroll-arrows-inside .mcs-button-arrow-next { border-width: 1px 0 0 } .lt-ie9-magic .mcs-rounded.MagicScroll .mcs-button-arrow { color: #83858b } .lt-ie9-magic .mcs-rounded.MagicScroll.MagicScroll-arrows-inside .mcs-button-arrow { background: #fff; filter: alpha(opacity = 75) } .lt-ie9-magic .mcs-rounded.MagicScroll.MagicScroll-arrows-inside .mcs-button-arrow:hover { filter: alpha(opacity = 96) } .lt-ie9-magic .MagicScroll.mcs-rounded .mcs-button-arrow.mcs-disabled { filter: alpha(opacity = 75)!important; color: #ccc } @font-face { font-family: magictoolbox-thin; font-weight: 400; font-style: normal; src: url("https://www.proboat-13.fr/JavaScript/MagicZoom/V3/fonts/magictoolbox-thin.eot?#iefix") format("embedded-opentype"),url("data:font/opentype;base64,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") } .MagicZoom,.mz-button,.mz-expand-controls,.mz-expand-thumbnails,.mz-expand .mz-expand-stage,.mz-expand .mz-expand-stage .mz-image-stage,.mz-expand .mz-image-stage>figure .mz-caption,.mz-figure,.mz-hint,.mz-lens,.mz-loading,.mz-thumb img,.mz-zoom-window { box-sizing: border-box } .MagicZoom,.mz-figure { display: inline-block; outline: 0!important; font-size: 0!important; line-height: 100%!important; direction: ltr!important; position: relative; z-index: 20; margin: 0 auto; vertical-align: middle; -webkit-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden } .MagicZoom:hover,.mz-figure:hover { z-index: 250 } .MagicZoom { -webkit-transform: translateZ(0); -ms-touch-action: pan-y; touch-action: pan-y } figure.mz-figure { overflow: hidden; margin: 0!important; -webkit-transform-style: preserve-3d; transform-style: preserve-3d } .MagicZoom img,.mz-figure img { border: 0!important; margin: 0!important; outline: 0!important; padding: 0!important } .MagicZoom>img,.mz-figure>img { width: 100%; height: auto } .ie8-magic .MagicZoom>img,.ie8-magic .mz-figure>img { width: 100%; max-width: none!important } .mz-expand .mz-figure.mz-no-zoom,.mz-figure.mz-no-zoom.mz-no-expand { cursor: default!important } .mz-expand,.mz-figure.mz-active { -ms-touch-action: none; touch-action: none } .mz-lens,.mz-zoom-window { position: absolute!important; overflow: hidden!important; pointer-events: none!important } .mz-lens img,.mz-zoom-window img { position: absolute!important; max-width: none!important; max-height: none!important } .mz-lens img { -webkit-transition: none!important; transition: none!important } .mz-zoom-window { z-index: 2000000000; -webkit-transform: translateZ(0); transform: translateZ(0) } .mz-zoom-window.mz-magnifier { -webkit-mask-image: -webkit-radial-gradient(circle,#fff,#000); -webkit-mask-clip: content; cursor: none } .mz-figure.mz-active .mz-zoom-window.mz-magnifier { pointer-events: auto!important; cursor: inherit!important } .mz-zoom-window.mz-magnifier.mz-expanded { z-index: 2147483647 } .mz-zoom-window img { width: auto; height: auto; left: -1000%; right: -1000%; top: -1000%; bottom: -1000%; margin: auto!important; -webkit-transition: none!important; transition: none!important; -webkit-transform-origin: 50% 50%!important; -ms-transform-origin: 50% 50%!important; transform-origin: 50% 50%!important } .mz-zoom-window.mz-preview img { top: 0!important; bottom: 0!important; left: 0!important; right: 0!important; margin: 0!important; width: 100%!important; height: auto!important; -webkit-transform: none!important; -ms-transform: none!important; transform: none!important } .lt-ie9-magic .mz-zoom-window img { margin: 0!important } .mz-expand-controls { z-index: 2147483647 } .mz-fade { -webkit-transition: opacity .25s; transition: opacity .25s } .mz-hidden { opacity: 0 } .mz-visible { opacity: 1 } .mobile-magic .mz-expand .mz-expand-bg { -webkit-transform-style: flat!important; transform-style: flat!important } .mobile-magic .mz-expand .mz-image-stage>figure .mz-caption { display: none!important } .mobile-magic .mz-expand-controls.mz-fade { -webkit-transition: none!important; transition: none!important } .mobile-magic .mz-expand>.mz-zoom-window { top: 0!important; left: 0!important } .mz-expanded-view-open,.mz-expanded-view-open body { overflow: hidden!important } .mz-expanded-view-open body { height: auto!important } .mz-figure.mz-active { background: #fff } .mz-figure.mz-active,.mz-figure.mz-click-zoom,.mz-figure.mz-no-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: zoom-in } .mz-figure.mz-active.mz-no-expand { cursor: crosshair } .mz-figure.mz-active.mz-click-zoom.mz-no-expand { cursor: crosshair; cursor: -webkit-zoom-out; cursor: zoom-out } .mz-figure.mz-active.mz-magnifier-zoom.mz-hover-zoom.mz-no-expand { cursor: none } .mz-figure.mz-magnifier-zoom.mz-active { overflow: visible!important } .mz-figure.mz-active>img { filter: url("data:image/svg+xml;utf8,#grayscale"); -webkit-filter: grayscale(80%) opacity(60%); filter: grayscale(80%) opacity(60%) } .no-cssfilters-magic .mz-figure.mz-active>img { opacity: 0.6 } .lt-ie10-magic .mz-figure.mz-active>img { opacity: 1; filter: progid:DXImageTransform.Microsoft.BasicImage(grayScale=1,opacity=0.6) } .lt-ie11-magic .mz-expand .mz-figure.mz-active.mz-inner-zoom,.lt-ie11-magic .mz-figure.mz-active.mz-inner-zoom>img,.mz-figure.mz-active.mz-inner-zoom { opacity: 0 } .lt-ie11-magic .mz-figure.mz-active.mz-inner-zoom,.lt-ie11-magic .mz-figure.mz-active.mz-inner-zoom>.mz-zoom-window { opacity: 1 } .lt-ie10-magic .mz-expand .mz-figure.mz-active.mz-inner-zoom,.lt-ie10-magic .mz-figure.mz-active.mz-inner-zoom>img { filter: alpha(opacity=0) } .ie9-magic .mz-expand .mz-figure.mz-active.mz-inner-zoom { background: transparent } .mz-lens { border: 1px solid #aaa; border-color: hsla(0,0%,67%,.7); box-shadow: 0 0 5px rgba(0,0,0,.3); cursor: none; z-index: 10; opacity: 0 } .mz-figure.mz-active .mz-lens { opacity: 1; -webkit-transition: opacity 0.3s cubic-bezier(0.25,0.5,0.5,0.9) 0.1s; transition: opacity 0.3s cubic-bezier(0.25,0.5,0.5,0.9) 0.1s } .mz-figure.mz-active.mz-magnifier-zoom .mz-lens { border-radius: 50%; opacity: 0; cursor: none } .mz-zoom-window { background: #fff; box-shadow: 0 0 3px rgba(0,0,0,.2) } .mz-zoom-window.mz-magnifier { border-radius: 100%; border: 0; background: hsla(0,0%,100%,.3) } .mz-zoom-window.mz-magnifier:before { content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 100%; border: 1px solid hsla(0,0%,67%,.7); box-shadow: inset 0 0 20px 1px rgba(0,0,0,.3); background: transparent; z-index: 1 } .mz-zoom-window.mz-magnifier.mz-square,.mz-zoom-window.mz-magnifier.mz-square:before { border-radius: 0!important } .lt-ie9-magic .mz-zoom-window { border: 1px solid #e5e5e5 } .mz-zoom-window.mz-inner { border: none; box-shadow: none } .mz-zoom-window .mz-caption { background: #777; color: #fff; font-size: 10pt; opacity: 0.8; position: absolute; top: 0; z-index: 150; padding: 3px; width: 100%; line-height: normal!important; text-align: center!important } .lt-ie9-magic .mz-zoom-window .mz-caption { filter: alpha(opacity=80) } .mz-zoom-window.caption-bottom .mz-caption { top: auto; bottom: 0 } .mz-zoom-window.mz-expanded>.mz-caption { display: none } .mz-zoom-window.mz-activating,.mz-zoom-window.mz-deactivating { -webkit-transition: opacity 0.3s cubic-bezier(0.25,0.5,0.5,0.9),-webkit-transform 0.3s cubic-bezier(0.25,0.5,0.5,0.9); transition: opacity 0.3s cubic-bezier(0.25,0.5,0.5,0.9),-webkit-transform 0.3s cubic-bezier(0.25,0.5,0.5,0.9); transition: opacity 0.3s cubic-bezier(0.25,0.5,0.5,0.9),transform 0.3s cubic-bezier(0.25,0.5,0.5,0.9); transition: opacity 0.3s cubic-bezier(0.25,0.5,0.5,0.9),transform 0.3s cubic-bezier(0.25,0.5,0.5,0.9),-webkit-transform 0.3s cubic-bezier(0.25,0.5,0.5,0.9) } .mz-zoom-window.mz-deactivating { -webkit-transition-duration: .25s,.25s,.25s; transition-duration: .25s,.25s,.25s } .mz-zoom-window.mz-p-bottom,.mz-zoom-window.mz-p-left,.mz-zoom-window.mz-p-right,.mz-zoom-window.mz-p-top { opacity: 0; z-index: -100 } .mz-zoom-window.mz-p-right { -webkit-transform: translate3d(-20%,0,0); transform: translate3d(-20%,0,0) } .mz-zoom-window.mz-p-left { -webkit-transform: translate3d(20%,0,0); transform: translate3d(20%,0,0) } .mz-zoom-window.mz-p-top { -webkit-transform: translate3d(0,20%,0); transform: translate3d(0,20%,0) } .mz-zoom-window.mz-p-bottom { -webkit-transform: translate3d(0,-20%,0); transform: translate3d(0,-20%,0) } .mz-zoom-window>img { -webkit-transform: translateZ(0) scale(1); transform: translateZ(0) scale(1); -webkit-backface-visibility: hidden; backface-visibility: hidden } .mz-zoom-window.mz-p-inner.mz-activating>img,.mz-zoom-window.mz-p-inner.mz-deactivating>img { -webkit-transition: -webkit-transform 0.22s cubic-bezier(0.25,0.5,0.5,0.9)!important; transition: -webkit-transform 0.22s cubic-bezier(0.25,0.5,0.5,0.9)!important; transition: transform 0.22s cubic-bezier(0.25,0.5,0.5,0.9)!important; transition: transform 0.22s cubic-bezier(0.25,0.5,0.5,0.9),-webkit-transform 0.22s cubic-bezier(0.25,0.5,0.5,0.9)!important } .mz-zoom-window.mz-p-magnifier { -webkit-transform: scale(0.1); -ms-transform: scale(0.1); transform: scale(0.1) } .mz-zoom-window.mz-custom.mz-activating,.mz-zoom-window.mz-custom.mz-deactivating,.mz-zoom-window.mz-preview.mz-activating,.mz-zoom-window.mz-preview.mz-deactivating { -webkit-transition: opacity 0.3s cubic-bezier(0.25,0.5,0.5,0.9); transition: opacity 0.3s cubic-bezier(0.25,0.5,0.5,0.9) } .mz-zoom-window.mz-custom.mz-deactivating,.mz-zoom-window.mz-preview.mz-deactivating { -webkit-transition-duration: .2s; transition-duration: .2s } .mz-zoom-window.mz-p-custom,.mz-zoom-window.mz-p-preview { opacity: 0 } .mz-hint,.mz-loading { color: #eee; background: rgba(49,51,61,.7); font: normal 12px/1.2em Lucida Grande,Lucida Sans Unicode,Verdana,Helvetica Neue,Arial,Helvetica,sans-serif; text-decoration: none; text-align: center; direction: ltr; display: inline-block; margin: 0; position: absolute; z-index: 1000; pointer-events: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transition: opacity 0.25s ease; transition: opacity 0.25s ease } .mz-hint { bottom: 8px; left: 0; right: 0; padding: 0 10%; background-color: transparent; -webkit-transition: opacity 0.25s ease,z-index 0.25s ease; transition: opacity 0.25s ease,z-index 0.25s ease } .mz-hint-message { display: inline-block; background: rgba(49,51,61,.7); border-radius: 2em; padding: .7em 1.1em } .mz-hint-message:before { content: "\02295"; font-family: serif; font-size: 1.5em; speak: none; text-align: center; vertical-align: -2px; margin-right: 6px; -webkit-transition: opacity 0.25s ease; transition: opacity 0.25s ease } .mobile-magic .mz-hint-message:before { display: none } .mz-hint-hidden { opacity: 0; z-index: -1; -webkit-transition-delay: .6s; transition-delay: .6s } .mz-expand .mz-hint { font-size: 18px; line-height: 1.1em; top: 50%; bottom: auto; margin: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .mz-expand .mz-hint-message { padding: 1.1em } .mz-expand .mz-hint-message:before { display: none } .mz-expand .mz-hint-hidden { -webkit-transition-delay: 1s; transition-delay: 1s; opacity: 0 } .mz-loading { font-size: 0; border-radius: 100%; opacity: 0; padding: 0; width: 36px; height: 36px; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%) } .mz-loading:after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 24px; height: 24px; margin: auto; text-indent: -9999em; border-radius: 50%; border: 2px solid #fff; border-top-color: transparent; box-sizing: border-box } .mz-loading.shown { opacity: 1; z-index: 1; -webkit-transition: opacity 0s; transition: opacity 0s } .mz-loading.shown:after { -webkit-animation: spin-loading 0.9s infinite linear; animation: spin-loading 0.9s infinite linear } @-webkit-keyframes spin-loading { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } to { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @keyframes spin-loading { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } to { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } .lt-ie10-magic .mz-loading { border-radius: 2em; font-size: 12px; padding: .7em 1.1em; width: auto; height: auto } .lt-ie10-magic .mz-loading:after { content: "Loading..."; text-indent: 0; border: none; position: relative } .lt-ie9-magic .mz-loading { filter: alpha(opacity=0); right: 0; left: 0; width: 126px; margin: auto } .lt-ie9-magic .mz-hint-message,.lt-ie9-magic .mz-loading.shown { background: transparent!important; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="#7c31333D",EndColorStr="#7c31333D") } .lt-ie9-magic .mz-hint-hidden { filter: alpha(opacity=0) } .mz-expand,.mz-expand .mz-expand-bg,.mz-expand .mz-expand-bg>img,.mz-expand .mz-expand-bg>svg,.mz-expand .mz-expand-stage,.mz-expand .mz-expand-stage .mz-image-stage { position: absolute; top: 0; bottom: 0; left: 0; right: 0 } .mz-expand .mz-expand-bg,.mz-expand .mz-expand-bg>img,.mz-expand .mz-expand-bg>svg { width: auto!important; height: auto!important } .mz-expand .mz-expand-bg,.mz-expand .mz-expand-bg>svg { min-width: 100%!important; min-height: 100%!important } .mz-expand { background-color: #000; text-align: center; display: block; overflow: hidden; z-index: 2100000000; position: fixed; width: auto; height: auto; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden; backface-visibility: hidden; -ms-overflow-style: none } .mz-expand,.mz-expand .mz-expand-bg { vertical-align: middle; -webkit-perspective: 600px; perspective: 600px } .mz-expand .mz-expand-bg { display: inline-block; margin: auto; z-index: -100; max-width: none!important; max-height: none!important; -webkit-transform: translateZ(0) scale(10) rotate(0.01deg); -ms-transform: translate(0) scale(10) rotate(0.01deg); transform: translateZ(0) scale(10) rotate(0.01deg); background-repeat: no-repeat; background-size: cover } .mz-expand .mz-expand-bg>img { margin: auto; filter: url("data:image/svg+xml;utf8,#blur"); -webkit-filter: blur(20px) brightness(60%); filter: blur(20px) brightness(60%); -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden } .mz-expand .mz-expand-bg>svg { margin: auto; opacity: .6 } .lt-ie10-magic .mz-expand .mz-expand-bg,[data-magic-ua=edge] .mz-expand .mz-expand-bg { display: none!important } .lt-ie9-magic .mz-expand { background: #1f1f1f } [data-magic-ua=edge] .mz-expand { background-color: rgba(31,31,31,.96) } .mz-expand.dark-bg .mz-expand-bg,.mz-expand.plain-bg .mz-expand-bg,.mz-expand.white-bg .mz-expand-bg { display: none!important } .mz-expand.dark-bg { background-color: #1f1f1f; background-color: rgba(31,31,31,.76) } .mz-expand.white-bg { background-color: #fff } .mz-expand .mz-expand-stage { z-index: 2100000000; padding: 0 } .mz-expand .mz-expand-stage .mz-image-stage { z-index: 50; left: 120px; right: 120px; padding: 20px 0 40px; margin: 0; text-align: center; vertical-align: middle; -webkit-perspective: 600px; perspective: 600px; -webkit-backface-visibility: hidden; backface-visibility: hidden } .mz-expand .mz-expand-stage.with-thumbs .mz-image-stage { padding-bottom: 120px } .mz-expand .mz-expand-stage.mz-zoom-in .mz-image-stage { padding: 0!important; left: 0; right: 0 } .mz-expand .mz-image-stage:before,.mz-expand .mz-image-stage>figure:before { content: ""; display: inline-block; vertical-align: middle; height: 100%; font-size: 0; line-height: 100%; width: 0 } .mz-expand .mz-image-stage>figure { width: 100%; max-width: 100%; max-height: 100%; padding: 0; margin: 0; display: inline-block; vertical-align: middle; font-size: 0; line-height: 100%; position: relative } .mz-expand .mz-figure { overflow: visible; max-width: 100%!important; background-color: #fff } .mz-expand .mz-figure>img { max-width: 100%; width: auto; height: auto } .mz-expand .mz-zoom-in .mz-image-stage>figure,.mz-expand .mz-zoom-in .mz-image-stage>figure .mz-figure.mz-activating,.mz-expand .mz-zoom-in .mz-image-stage>figure .mz-figure.mz-active { width: 100%; height: 100% } .mz-expand .mz-figure { cursor: pointer; cursor: -webkit-zoom-in; cursor: zoom-in } .mz-expand .mz-figure.mz-active { cursor: crosshair; cursor: -webkit-zoom-out; cursor: zoom-out } .mz-expand .mz-expand-stage.mz-zoom-in.mz-always-zoom .mz-image-stage>figure>figure>img { z-index: 1; position: absolute!important; top: -5000px!important; bottom: -5000px!important; left: -5000px!important; right: -5000px!important; margin: auto!important } .lt-ie10-magic .mz-zoom-window.mz-expanded img { filter: alpha(opacity=100) } .lt-ie10-magic .mz-expand .mz-figure.mz-magnifier-zoom { overflow: hidden; filter: alpha(opacity=100) } .mz-expand .mz-caption { color: #fff; text-shadow: 0px 0px 46px #000; padding: 10px 4px; font: normal 10pt/1em Lucida Grande,Lucida Sans Unicode,Verdana,Helvetica Neue,Arial,Helvetica,sans-serif; text-align: center; width: 100%; position: absolute; left: 0; opacity: 0 } .mz-expand .mz-caption.mz-show { -webkit-transition: opacity 0.15s ease-out; transition: opacity 0.15s ease-out; opacity: 1 } .mz-expand .mz-caption a { color: inherit; cursor: pointer } .mz-expand.white-bg .mz-caption { color: #555; text-shadow: none } .lt-ie9-magic .mz-expand .mz-caption { top: 100% } .mz-expand .mz-zoom-window { box-shadow: none; background: transparent } .lt-ie9-magic .mz-expand .mz-zoom-window { border: 0 } .mobile-magic .mz-expand-stage .mz-expand-thumbnails,.mobile-magic .mz-expand-stage .mz-image-stage { left: 0px; right: 0px } .mobile-magic .mz-expand .mz-expand-stage.with-thumbs { bottom: 0px } .mobile-magic .mz-expand-stage .mz-image-stage { padding: 0 } .mobile-magic .mz-expand .mz-expand-stage.with-thumbs .mz-image-stage { padding: 5px 0 60px } .mobile-magic .mz-expand .mz-expand-stage.mz-zoom-in .mz-image-stage { padding-top: 0 } .mobile-magic .mz-expand .mz-expand-thumbnails { padding: 0; height: 60px } .mz-expand-controls,button.mz-button { margin: 0!important; padding: 0!important; outline: 0!important } button.mz-button { color: #b4b4b4!important; font: 900 34px/1 magictoolbox-thin!important; cursor: pointer; z-index: 90!important; background-color: transparent!important; border: 1px solid hsla(0,0%,71%,0)!important; border-radius: 100%!important; box-shadow: none!important; position: absolute!important; text-transform: none!important; text-align: center; speak: none; -webkit-font-smoothing: antialiased; width: 60px!important; height: 60px!important; min-width: 0!important; min-height: 0!important; max-width: none!important; max-height: none!important } button.mz-button:before { display: inline; position: static; color: inherit!important; font: inherit!important; -webkit-font-smoothing: inherit!important } button.mz-button.mz-button-next,button.mz-button.mz-button-prev { margin: auto 10px!important; top: 0!important; bottom: 0!important; overflow: hidden!important } button.mz-button.mz-button-prev { left: 0!important } button.mz-button.mz-button-next { right: 0!important } button.mz-button.mz-button-close { font-size: 26px!important; margin: 10px!important; top: 0!important; right: 0!important; z-index: 95!important } :root:not(.mobile-magic) button.mz-button { color: hsla(0,0%,71%,.75)!important; -webkit-transform: scale(0.85)!important; -ms-transform: scale(0.85)!important; transform: scale(0.85)!important; -webkit-transition: color 0.25s,border-color 0.25s,-webkit-transform 0.25s!important; transition: color 0.25s,border-color 0.25s,-webkit-transform 0.25s!important; transition: color 0.25s,border-color 0.25s,transform 0.25s!important; transition: color 0.25s,border-color 0.25s,transform 0.25s,-webkit-transform 0.25s!important } :root:not(.mobile-magic) button.mz-button:hover { color: #b4b4b4!important; border-color: hsla(0,0%,71%,.6)!important; -webkit-transform: scale(1)!important; -ms-transform: scale(1)!important; transform: scale(1)!important } .mobile-magic button.mz-button { -webkit-transition: -webkit-transform 0.1s!important; -webkit-transition: -webkit-transform .1s!important; transition: -webkit-transform .1s!important; transition: transform .1s!important; transition: transform .1s,-webkit-transform .1s!important } .mobile-magic button.mz-button:active { border-color: hsla(0,0%,71%,.6)!important; -webkit-transform: scale(0.95)!important; -ms-transform: scale(0.95)!important; transform: scale(0.95)!important } button.mz-button.mz-button-close:before { content: "\a001" } button.mz-button.mz-button-prev:before { content: "\a002" } button.mz-button.mz-button-next:before { content: "\a003" } @media screen and (max-device-width: 767px) { button.mz-button-next,button.mz-button-prev { display:none!important } .mobile-magic .mz-expand button.mz-button { width: 44px!important; height: 44px!important; font-size: 18px!important; color: hsla(0,0%,100%,.8)!important; background-color: rgba(49,51,61,.3)!important; border-color: transparent!important } } .lt-ie9-magic button.mz-button { border: 0; filter: alpha(opacity=75) } .lt-ie9-magic button.mz-button:hover { filter: alpha(opacity=100) } .mz-thumb,.mz-thumb:focus,a[data-zoom-id] { display: inline-block; line-height: 0; outline: none } .mz-thumb img,a[data-zoom-id] img { border: 0; box-shadow: 0 0 1px 0px rgba(0,0,0,.3); box-sizing: border-box } .mz-thumb:hover:not(.mz-thumb-selected) img { -webkit-filter: brightness(75%); filter: brightness(75%) } .mz-thumb-selected img { -webkit-filter: brightness(60%); filter: brightness(60%) } .no-cssfilters-magic .mz-thumb.mz-thumb-selected,.no-cssfilters-magic .mz-thumb:hover { background: #000 } .no-cssfilters-magic .mz-thumb:hover:not(.mz-thumb-selected) img { opacity: .75; filter: alpha(opacity=75) } .no-cssfilters-magic .mz-thumb-selected img { opacity: .6; filter: alpha(opacity=60) } .ie9-magic .mz-thumb img { box-shadow: 0 0 4px 0px rgba(0,0,0,.3) } .mz-expand-thumbnails { z-index: 50; position: absolute; bottom: 0; left: 65px; right: 65px; height: 80px; padding: 10px 0; box-sizing: border-box } .mz-expand-thumbnails .magic-thumbs .magic-thumb { padding: 10px 2px } .mz-expand-thumbnails .magic-thumb>img { cursor: pointer; height: 40px; box-shadow: 0 0 5px 1px rgba(0,0,0,.3) } .mz-expand-thumbnails .magic-thumb:not(.magic-thumb-selected)>img:hover { -webkit-filter: brightness(70%); filter: brightness(70%) } .mz-expand-thumbnails .magic-thumb-selected img { -webkit-filter: brightness(50%); filter: brightness(50%) } .mz-expand-thumbnails .magic-thumbs .magic-thumbs-button { box-shadow: none } .mz-expand-thumbnails .magic-thumbs .magic-thumbs-button-disabled { opacity: 0 } .no-cssfilters-magic .mz-expand-thumbnails .magic-thumb:hover:not(.magic-thumb-selected) img { opacity: .7; filter: alpha(opacity=70) } .no-cssfilters-magic .mz-expand-thumbnails .magic-thumb-selected img { opacity: .5; filter: alpha(opacity=50) } .mz-expand.no-expand-thumbnails .mz-expand-stage.with-thumbs .mz-image-stage { padding-bottom: 40px } .mz-expand.no-expand-thumbnails .mz-expand-thumbnails { display: none } .mobile-magic .mz-expand.no-expand-thumbnails .mz-expand-stage.with-thumbs .mz-image-stage { padding: 0 } .magic-thumbs,.magic-thumbs .magic-thumbs-button,.magic-thumbs .magic-thumbs-wrapper,.magic-thumbs li,.magic-thumbs li:after,.magic-thumbs li:before,.magic-thumbs li img,.magic-thumbs ul { margin: 0; padding: 0; outline: 0; box-sizing: border-box } .magic-thumbs { direction: ltr; overflow: visible; z-index: 100; position: relative; left: 0; top: 0; padding: 0 30px; -webkit-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; -ms-touch-action: none; touch-action: none; width: 100%; height: 100%; white-space: nowrap } .magic-thumbs.no-buttons { padding: 0!important } .magic-thumbs-wrapper { display: block; width: 100%; height: 100%; position: relative; overflow: hidden; text-align: center } .magic-thumbs ul { list-style: none; font-size: 0; display: inline-block; vertical-align: middle; height: 100%; position: relative; white-space: nowrap } .magic-thumbs.no-buttons ul { left: 0!important; padding: 0!important; -webkit-transition: none!important; transition: none!important; -webkit-transform: none!important; -ms-transform: none!important; transform: none!important } .magic-thumbs ul li { margin: 0 4px; height: 100%; width: auto; vertical-align: top; line-height: 0; display: inline-block } .magic-thumbs ul li:after { content: ""; display: inline-block; vertical-align: middle; height: 100%; width: 0 } .magic-thumbs ul li>img { width: auto; height: auto; max-width: none!important; max-height: 100%!important; vertical-align: middle } .ie8-magic .magic-thumbs ul li>img { max-width: none!important; max-height: none!important } .magic-thumbs.magic-thumbs-vertical { height: 100% } .magic-thumbs-vertical { padding: 30px 0 } .magic-thumbs-vertical ul { height: auto; width: 100%; white-space: normal } .magic-thumbs-vertical ul li { width: 100%; height: auto; margin: 4px 0 } .magic-thumbs-vertical ul li>img { max-width: 100%!important; max-height: none!important } .ie8-magic .magic-thumbs-vertical ul li>img { width: 100% } .magic-thumbs button.magic-thumbs-button { color: #b4b4b4!important; font: 900 24px/1 magictoolbox-thin!important; cursor: pointer; z-index: 90!important; background-repeat: no-repeat; background-color: transparent!important; background-image: none; border: 0; border-radius: 0; box-shadow: none!important; overflow: hidden; position: absolute; text-transform: none!important; speak: none; text-align: center; -webkit-font-smoothing: antialiased; width: 30px; height: 100%; top: 0; bottom: 0; min-width: 0!important; min-height: 0!important; max-width: none!important; max-height: none!important } .magic-thumbs button.magic-thumbs-button:before { display: inline; position: static; color: inherit!important; font: inherit!important; -webkit-font-smoothing: inherit!important } .magic-thumbs .magic-thumbs-button-prev { left: 0 } .magic-thumbs .magic-thumbs-button-next { right: 0 } .magic-thumbs .magic-thumbs-button-prev:before { content: "\a002" } .magic-thumbs .magic-thumbs-button-next:before { content: "\a003" } :root:not(.mobile-magic) .magic-thumbs button.magic-thumbs-button { color: hsla(0,0%,71%,.95)!important; -webkit-transform: scale(0.85)!important; -ms-transform: scale(0.85)!important; transform: scale(0.85)!important; -webkit-transition: color 0.25s,-webkit-transform 0.25s!important; -webkit-transition: color .25s,-webkit-transform .25s!important; transition: color .25s,-webkit-transform .25s!important; transition: color .25s,transform .25s!important; transition: color .25s,transform .25s,-webkit-transform .25s!important } :root:not(.mobile-magic) .magic-thumbs button.magic-thumbs-button:hover { color: #b4b4b4!important; -webkit-transform: scale(1)!important; -ms-transform: scale(1)!important; transform: scale(1)!important } .magic-thumbs-vertical .magic-thumbs-button { width: 100%; height: 30px; left: 0; right: 0; top: auto; bottom: auto } .magic-thumbs-vertical .magic-thumbs-button-prev { top: 0 } .magic-thumbs-vertical .magic-thumbs-button-next { bottom: 0 } .magic-thumbs-vertical .magic-thumbs-button-prev:before { content: "\a005" } .magic-thumbs-vertical .magic-thumbs-button-next:before { content: "\a004" } .magic-thumbs.no-buttons .magic-thumbs-button { display: none!important } .magic-thumbs-button-disabled { opacity: 0.2; filter: alpha(opacity = 20) } .l-ox-grid { display: inline-block; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; *display: inline; zoom:1;-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; margin-left: -10px; margin-right: -10px; box-sizing: border-box; list-style-type: none } .l-ox-grid>.l-ox-grid { margin-left: 0; margin-right: 0 } .l-ox-grid *,.l-ox-grid :after,.l-ox-grid :before { box-sizing: border-box } .l-ox-grid__container { padding-left: 10px; padding-right: 10px } [class*=l-ox-grid__col] { -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; width: 100%; padding: 10px } .l-ox-grid__col-12 { width: 100%; *width: 99.9% } .l-ox-grid__col-11 { width: 91.66666667%; *width: 91.56666667% } .l-ox-grid__col-10 { width: 83.33333333%; *width: 83.23333333% } .l-ox-grid__col-9 { width: 75%; *width: 74.9% } .l-ox-grid__col-8 { width: 66.66666667%; *width: 66.56666667% } .l-ox-grid__col-7 { width: 58.33333333%; *width: 58.23333333% } .l-ox-grid__col-6 { width: 50%; *width: 49.9% } .l-ox-grid__col-5 { width: 41.66666667%; *width: 41.56666667% } .l-ox-grid__col-4 { width: 33.33333333%; *width: 33.23333333% } .l-ox-grid__col-3 { width: 25%; *width: 24.9% } .l-ox-grid__col-2 { width: 16.66666667%; *width: 16.56666667% } .l-ox-grid__col-1 { width: 8.33333333%; *width: 8.23333333% } @media (min-width: 540px) { .l-ox-grid__col-12\@xs { width:100%; *width: 99.9% } .l-ox-grid__col-11\@xs { width: 91.66666667%; *width: 91.56666667% } .l-ox-grid__col-10\@xs { width: 83.33333333%; *width: 83.23333333% } .l-ox-grid__col-9\@xs { width: 75%; *width: 74.9% } .l-ox-grid__col-8\@xs { width: 66.66666667%; *width: 66.56666667% } .l-ox-grid__col-7\@xs { width: 58.33333333%; *width: 58.23333333% } .l-ox-grid__col-6\@xs { width: 50%; *width: 49.9% } .l-ox-grid__col-5\@xs { width: 41.66666667%; *width: 41.56666667% } .l-ox-grid__col-4\@xs { width: 33.33333333%; *width: 33.23333333% } .l-ox-grid__col-3\@xs { width: 25%; *width: 24.9% } .l-ox-grid__col-2\@xs { width: 16.66666667%; *width: 16.56666667% } .l-ox-grid__col-1\@xs { width: 8.33333333%; *width: 8.23333333% } } @media (min-width: 768px) { .l-ox-grid__col-12\@sm { width:100%; *width: 99.9% } .l-ox-grid__col-11\@sm { width: 91.66666667%; *width: 91.56666667% } .l-ox-grid__col-10\@sm { width: 83.33333333%; *width: 83.23333333% } .l-ox-grid__col-9\@sm { width: 75%; *width: 74.9% } .l-ox-grid__col-8\@sm { width: 66.66666667%; *width: 66.56666667% } .l-ox-grid__col-7\@sm { width: 58.33333333%; *width: 58.23333333% } .l-ox-grid__col-6\@sm { width: 50%; *width: 49.9% } .l-ox-grid__col-5\@sm { width: 41.66666667%; *width: 41.56666667% } .l-ox-grid__col-4\@sm { width: 33.33333333%; *width: 33.23333333% } .l-ox-grid__col-3\@sm { width: 25%; *width: 24.9% } .l-ox-grid__col-2\@sm { width: 16.66666667%; *width: 16.56666667% } .l-ox-grid__col-1\@sm { width: 8.33333333%; *width: 8.23333333% } } @media (min-width: 992px) { .l-ox-grid__col-12\@md { width:100%; *width: 99.9% } .l-ox-grid__col-11\@md { width: 91.66666667%; *width: 91.56666667% } .l-ox-grid__col-10\@md { width: 83.33333333%; *width: 83.23333333% } .l-ox-grid__col-9\@md { width: 75%; *width: 74.9% } .l-ox-grid__col-8\@md { width: 66.66666667%; *width: 66.56666667% } .l-ox-grid__col-7\@md { width: 58.33333333%; *width: 58.23333333% } .l-ox-grid__col-6\@md { width: 50%; *width: 49.9% } .l-ox-grid__col-5\@md { width: 41.66666667%; *width: 41.56666667% } .l-ox-grid__col-4\@md { width: 33.33333333%; *width: 33.23333333% } .l-ox-grid__col-3\@md { width: 25%; *width: 24.9% } .l-ox-grid__col-2\@md { width: 16.66666667%; *width: 16.56666667% } .l-ox-grid__col-1\@md { width: 8.33333333%; *width: 8.23333333% } } @media (min-width: 1200px) { .l-ox-grid__col-12\@lg { width:100%; *width: 99.9% } .l-ox-grid__col-11\@lg { width: 91.66666667%; *width: 91.56666667% } .l-ox-grid__col-10\@lg { width: 83.33333333%; *width: 83.23333333% } .l-ox-grid__col-9\@lg { width: 75%; *width: 74.9% } .l-ox-grid__col-8\@lg { width: 66.66666667%; *width: 66.56666667% } .l-ox-grid__col-7\@lg { width: 58.33333333%; *width: 58.23333333% } .l-ox-grid__col-6\@lg { width: 50%; *width: 49.9% } .l-ox-grid__col-5\@lg { width: 41.66666667%; *width: 41.56666667% } .l-ox-grid__col-4\@lg { width: 33.33333333%; *width: 33.23333333% } .l-ox-grid__col-3\@lg { width: 25%; *width: 24.9% } .l-ox-grid__col-2\@lg { width: 16.66666667%; *width: 16.56666667% } .l-ox-grid__col-1\@lg { width: 8.33333333%; *width: 8.23333333% } } @media (min-width: 1600px) { .l-ox-grid__col-12\@xlg { width:100%; *width: 99.9% } .l-ox-grid__col-11\@xlg { width: 91.66666667%; *width: 91.56666667% } .l-ox-grid__col-10\@xlg { width: 83.33333333%; *width: 83.23333333% } .l-ox-grid__col-9\@xlg { width: 75%; *width: 74.9% } .l-ox-grid__col-8\@xlg { width: 66.66666667%; *width: 66.56666667% } .l-ox-grid__col-7\@xlg { width: 58.33333333%; *width: 58.23333333% } .l-ox-grid__col-6\@xlg { width: 50%; *width: 49.9% } .l-ox-grid__col-5\@xlg { width: 41.66666667%; *width: 41.56666667% } .l-ox-grid__col-4\@xlg { width: 33.33333333%; *width: 33.23333333% } .l-ox-grid__col-3\@xlg { width: 25%; *width: 24.9% } .l-ox-grid__col-2\@xlg { width: 16.66666667%; *width: 16.56666667% } .l-ox-grid__col-1\@xlg { width: 8.33333333%; *width: 8.23333333% } } .l-ox-grid__col-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto!important; max-width: 100% } .l-ox-grid__col,.l-ox-grid__col-fill { -webkit-box-flex: 1; -webkit-flex: 1 1 0%; -ms-flex: 1 1 0%; flex: 1 1 0%; width: auto!important; max-width: 100%; min-width: 0% } @media (min-width: 540px) { .l-ox-grid__col-auto\@xs { -webkit-box-flex:0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto!important; max-width: 100% } .l-ox-grid__col\@xs { -webkit-box-flex: 1; -webkit-flex: 1 1 0%; -ms-flex: 1 1 0%; flex: 1 1 0%; width: auto!important; max-width: 100%; min-width: 0% } } @media (min-width: 768px) { .l-ox-grid__col-auto\@sm { -webkit-box-flex:0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto!important; max-width: 100% } .l-ox-grid__col\@sm { -webkit-box-flex: 1; -webkit-flex: 1 1 0%; -ms-flex: 1 1 0%; flex: 1 1 0%; width: auto!important; max-width: 100%; min-width: 0% } } @media (min-width: 992px) { .l-ox-grid__col-auto\@md { -webkit-box-flex:0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto!important; max-width: 100% } .l-ox-grid__col\@md { -webkit-box-flex: 1; -webkit-flex: 1 1 0%; -ms-flex: 1 1 0%; flex: 1 1 0%; width: auto!important; max-width: 100%; min-width: 0% } } @media (min-width: 1200px) { .l-ox-grid__col-auto\@lg { -webkit-box-flex:0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto!important; max-width: 100% } .l-ox-grid__col\@lg { -webkit-box-flex: 1; -webkit-flex: 1 1 0%; -ms-flex: 1 1 0%; flex: 1 1 0%; width: auto!important; max-width: 100%; min-width: 0% } } @media (min-width: 1600px) { .l-ox-grid__col-auto\@xlg { -webkit-box-flex:0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto!important; max-width: 100% } .l-ox-grid__col\@xlg { -webkit-box-flex: 1; -webkit-flex: 1 1 0%; -ms-flex: 1 1 0%; flex: 1 1 0%; width: auto!important; max-width: 100%; min-width: 0% } } .l-ox-grid__col--order-12 { -webkit-box-ordinal-group: 13; -webkit-order: 12; -ms-flex-order: 12; order: 12 } .l-ox-grid__col--order-11 { -webkit-box-ordinal-group: 12; -webkit-order: 11; -ms-flex-order: 11; order: 11 } .l-ox-grid__col--order-10 { -webkit-box-ordinal-group: 11; -webkit-order: 10; -ms-flex-order: 10; order: 10 } .l-ox-grid__col--order-9 { -webkit-box-ordinal-group: 10; -webkit-order: 9; -ms-flex-order: 9; order: 9 } .l-ox-grid__col--order-8 { -webkit-box-ordinal-group: 9; -webkit-order: 8; -ms-flex-order: 8; order: 8 } .l-ox-grid__col--order-7 { -webkit-box-ordinal-group: 8; -webkit-order: 7; -ms-flex-order: 7; order: 7 } .l-ox-grid__col--order-6 { -webkit-box-ordinal-group: 7; -webkit-order: 6; -ms-flex-order: 6; order: 6 } .l-ox-grid__col--order-5 { -webkit-box-ordinal-group: 6; -webkit-order: 5; -ms-flex-order: 5; order: 5 } .l-ox-grid__col--order-4 { -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4 } .l-ox-grid__col--order-3 { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3 } .l-ox-grid__col--order-2 { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2 } .l-ox-grid__col--order-1 { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1 } .l-ox-grid__col--order-0 { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0 } @media only screen and (min-width: 540px) { .l-ox-grid__col--order-12\@xs { -webkit-box-ordinal-group:13; -webkit-order: 12; -ms-flex-order: 12; order: 12 } .l-ox-grid__col--order-11\@xs { -webkit-box-ordinal-group: 12; -webkit-order: 11; -ms-flex-order: 11; order: 11 } .l-ox-grid__col--order-10\@xs { -webkit-box-ordinal-group: 11; -webkit-order: 10; -ms-flex-order: 10; order: 10 } .l-ox-grid__col--order-9\@xs { -webkit-box-ordinal-group: 10; -webkit-order: 9; -ms-flex-order: 9; order: 9 } .l-ox-grid__col--order-8\@xs { -webkit-box-ordinal-group: 9; -webkit-order: 8; -ms-flex-order: 8; order: 8 } .l-ox-grid__col--order-7\@xs { -webkit-box-ordinal-group: 8; -webkit-order: 7; -ms-flex-order: 7; order: 7 } .l-ox-grid__col--order-6\@xs { -webkit-box-ordinal-group: 7; -webkit-order: 6; -ms-flex-order: 6; order: 6 } .l-ox-grid__col--order-5\@xs { -webkit-box-ordinal-group: 6; -webkit-order: 5; -ms-flex-order: 5; order: 5 } .l-ox-grid__col--order-4\@xs { -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4 } .l-ox-grid__col--order-3\@xs { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3 } .l-ox-grid__col--order-2\@xs { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2 } .l-ox-grid__col--order-1\@xs { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1 } .l-ox-grid__col--order-0\@xs { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0 } } @media only screen and (min-width: 768px) { .l-ox-grid__col--order-12\@sm { -webkit-box-ordinal-group:13; -webkit-order: 12; -ms-flex-order: 12; order: 12 } .l-ox-grid__col--order-11\@sm { -webkit-box-ordinal-group: 12; -webkit-order: 11; -ms-flex-order: 11; order: 11 } .l-ox-grid__col--order-10\@sm { -webkit-box-ordinal-group: 11; -webkit-order: 10; -ms-flex-order: 10; order: 10 } .l-ox-grid__col--order-9\@sm { -webkit-box-ordinal-group: 10; -webkit-order: 9; -ms-flex-order: 9; order: 9 } .l-ox-grid__col--order-8\@sm { -webkit-box-ordinal-group: 9; -webkit-order: 8; -ms-flex-order: 8; order: 8 } .l-ox-grid__col--order-7\@sm { -webkit-box-ordinal-group: 8; -webkit-order: 7; -ms-flex-order: 7; order: 7 } .l-ox-grid__col--order-6\@sm { -webkit-box-ordinal-group: 7; -webkit-order: 6; -ms-flex-order: 6; order: 6 } .l-ox-grid__col--order-5\@sm { -webkit-box-ordinal-group: 6; -webkit-order: 5; -ms-flex-order: 5; order: 5 } .l-ox-grid__col--order-4\@sm { -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4 } .l-ox-grid__col--order-3\@sm { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3 } .l-ox-grid__col--order-2\@sm { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2 } .l-ox-grid__col--order-1\@sm { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1 } .l-ox-grid__col--order-0\@sm { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0 } } @media only screen and (min-width: 992px) { .l-ox-grid__col--order-12\@md { -webkit-box-ordinal-group:13; -webkit-order: 12; -ms-flex-order: 12; order: 12 } .l-ox-grid__col--order-11\@md { -webkit-box-ordinal-group: 12; -webkit-order: 11; -ms-flex-order: 11; order: 11 } .l-ox-grid__col--order-10\@md { -webkit-box-ordinal-group: 11; -webkit-order: 10; -ms-flex-order: 10; order: 10 } .l-ox-grid__col--order-9\@md { -webkit-box-ordinal-group: 10; -webkit-order: 9; -ms-flex-order: 9; order: 9 } .l-ox-grid__col--order-8\@md { -webkit-box-ordinal-group: 9; -webkit-order: 8; -ms-flex-order: 8; order: 8 } .l-ox-grid__col--order-7\@md { -webkit-box-ordinal-group: 8; -webkit-order: 7; -ms-flex-order: 7; order: 7 } .l-ox-grid__col--order-6\@md { -webkit-box-ordinal-group: 7; -webkit-order: 6; -ms-flex-order: 6; order: 6 } .l-ox-grid__col--order-5\@md { -webkit-box-ordinal-group: 6; -webkit-order: 5; -ms-flex-order: 5; order: 5 } .l-ox-grid__col--order-4\@md { -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4 } .l-ox-grid__col--order-3\@md { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3 } .l-ox-grid__col--order-2\@md { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2 } .l-ox-grid__col--order-1\@md { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1 } .l-ox-grid__col--order-0\@md { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0 } } @media only screen and (min-width: 1200px) { .l-ox-grid__col--order-12\@lg { -webkit-box-ordinal-group:13; -webkit-order: 12; -ms-flex-order: 12; order: 12 } .l-ox-grid__col--order-11\@lg { -webkit-box-ordinal-group: 12; -webkit-order: 11; -ms-flex-order: 11; order: 11 } .l-ox-grid__col--order-10\@lg { -webkit-box-ordinal-group: 11; -webkit-order: 10; -ms-flex-order: 10; order: 10 } .l-ox-grid__col--order-9\@lg { -webkit-box-ordinal-group: 10; -webkit-order: 9; -ms-flex-order: 9; order: 9 } .l-ox-grid__col--order-8\@lg { -webkit-box-ordinal-group: 9; -webkit-order: 8; -ms-flex-order: 8; order: 8 } .l-ox-grid__col--order-7\@lg { -webkit-box-ordinal-group: 8; -webkit-order: 7; -ms-flex-order: 7; order: 7 } .l-ox-grid__col--order-6\@lg { -webkit-box-ordinal-group: 7; -webkit-order: 6; -ms-flex-order: 6; order: 6 } .l-ox-grid__col--order-5\@lg { -webkit-box-ordinal-group: 6; -webkit-order: 5; -ms-flex-order: 5; order: 5 } .l-ox-grid__col--order-4\@lg { -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4 } .l-ox-grid__col--order-3\@lg { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3 } .l-ox-grid__col--order-2\@lg { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2 } .l-ox-grid__col--order-1\@lg { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1 } .l-ox-grid__col--order-0\@lg { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0 } } @media only screen and (min-width: 1600px) { .l-ox-grid__col--order-12\@xlg { -webkit-box-ordinal-group:13; -webkit-order: 12; -ms-flex-order: 12; order: 12 } .l-ox-grid__col--order-11\@xlg { -webkit-box-ordinal-group: 12; -webkit-order: 11; -ms-flex-order: 11; order: 11 } .l-ox-grid__col--order-10\@xlg { -webkit-box-ordinal-group: 11; -webkit-order: 10; -ms-flex-order: 10; order: 10 } .l-ox-grid__col--order-9\@xlg { -webkit-box-ordinal-group: 10; -webkit-order: 9; -ms-flex-order: 9; order: 9 } .l-ox-grid__col--order-8\@xlg { -webkit-box-ordinal-group: 9; -webkit-order: 8; -ms-flex-order: 8; order: 8 } .l-ox-grid__col--order-7\@xlg { -webkit-box-ordinal-group: 8; -webkit-order: 7; -ms-flex-order: 7; order: 7 } .l-ox-grid__col--order-6\@xlg { -webkit-box-ordinal-group: 7; -webkit-order: 6; -ms-flex-order: 6; order: 6 } .l-ox-grid__col--order-5\@xlg { -webkit-box-ordinal-group: 6; -webkit-order: 5; -ms-flex-order: 5; order: 5 } .l-ox-grid__col--order-4\@xlg { -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4 } .l-ox-grid__col--order-3\@xlg { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3 } .l-ox-grid__col--order-2\@xlg { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2 } .l-ox-grid__col--order-1\@xlg { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1 } .l-ox-grid__col--order-0\@xlg { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0 } } .l-ox-grid--fill>[class*=l-ox-grid__col] { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1 } .l-ox-grid--padding-sm { margin-left: -5px; margin-right: -5px } .l-ox-grid--padding-sm>[class*=l-ox-grid__col] { padding: 5px } .l-ox-grid__container.l-ox-grid--padding-sm { padding-left: 5px; padding-right: 5px; margin-left: 0; margin-right: 0 } .l-ox-grid__container.l-ox-grid--padding-sm>.l-ox-grid { margin-left: -5px; margin-right: -5px } .l-ox-grid__container.l-ox-grid--padding-sm>.l-ox-grid>[class*=l-ox-grid__col] { padding: 5px } .l-ox-grid--padding-md { margin-left: -15px; margin-right: -15px } .l-ox-grid--padding-md>[class*=l-ox-grid__col] { padding: 15px } .l-ox-grid__container.l-ox-grid--padding-md { padding-left: 15px; padding-right: 15px; margin-left: 0; margin-right: 0 } .l-ox-grid__container.l-ox-grid--padding-md>.l-ox-grid { margin-left: -15px; margin-right: -15px } .l-ox-grid__container.l-ox-grid--padding-md>.l-ox-grid>[class*=l-ox-grid__col] { padding: 15px } .l-ox-grid--padding-lg { margin-left: -20px; margin-right: -20px } .l-ox-grid--padding-lg>[class*=l-ox-grid__col] { padding: 20px } .l-ox-grid__container.l-ox-grid--padding-lg { padding-left: 20px; padding-right: 20px; margin-left: 0; margin-right: 0 } .l-ox-grid__container.l-ox-grid--padding-lg>.l-ox-grid { margin-left: -20px; margin-right: -20px } .l-ox-grid__container.l-ox-grid--padding-lg>.l-ox-grid>[class*=l-ox-grid__col] { padding: 20px } .l-ox-grid--padding-xlg { margin-left: -30px; margin-right: -30px } .l-ox-grid--padding-xlg>[class*=l-ox-grid__col] { padding: 30px } .l-ox-grid__container.l-ox-grid--padding-xlg { padding-left: 30px; padding-right: 30px; margin-left: 0; margin-right: 0 } .l-ox-grid__container.l-ox-grid--padding-xlg>.l-ox-grid { margin-left: -30px; margin-right: -30px } .l-ox-grid__container.l-ox-grid--padding-xlg>.l-ox-grid>[class*=l-ox-grid__col] { padding: 30px } .l-ox-grid--padding-xxlg { margin-left: -40px; margin-right: -40px } .l-ox-grid--padding-xxlg>[class*=l-ox-grid__col] { padding: 40px } .l-ox-grid__container.l-ox-grid--padding-xxlg { padding-left: 40px; padding-right: 40px; margin-left: 0; margin-right: 0 } .l-ox-grid__container.l-ox-grid--padding-xxlg>.l-ox-grid { margin-left: -40px; margin-right: -40px } .l-ox-grid__container.l-ox-grid--padding-xxlg>.l-ox-grid>[class*=l-ox-grid__col] { padding: 40px } @media (min-width: 540px) { .l-ox-grid--padding-sm\@xs { margin-left:-5px; margin-right: -5px } .l-ox-grid--padding-sm\@xs>[class*=l-ox-grid__col] { padding: 5px } .l-ox-grid__container.l-ox-grid--padding-sm\@xs { padding-left: 5px; padding-right: 5px; margin-left: 0; margin-right: 0 } .l-ox-grid__container.l-ox-grid--padding-sm\@xs>.l-ox-grid { margin-left: -5px; margin-right: -5px } .l-ox-grid__container.l-ox-grid--padding-sm\@xs>.l-ox-grid>[class*=l-ox-grid__col] { padding: 5px } .l-ox-grid--padding-md\@xs { margin-left: -15px; margin-right: -15px } .l-ox-grid--padding-md\@xs>[class*=l-ox-grid__col] { padding: 15px } .l-ox-grid__container.l-ox-grid--padding-md\@xs { padding-left: 15px; padding-right: 15px; margin-left: 0; margin-right: 0 } .l-ox-grid__container.l-ox-grid--padding-md\@xs>.l-ox-grid { margin-left: -15px; margin-right: -15px } .l-ox-grid__container.l-ox-grid--padding-md\@xs>.l-ox-grid>[class*=l-ox-grid__col] { padding: 15px } .l-ox-grid--padding-lg\@xs { margin-left: -20px; margin-right: -20px } .l-ox-grid--padding-lg\@xs>[class*=l-ox-grid__col] { padding: 20px } .l-ox-grid__container.l-ox-grid--padding-lg\@xs { padding-left: 20px; padding-right: 20px; margin-left: 0; margin-right: 0 } .l-ox-grid__container.l-ox-grid--padding-lg\@xs>.l-ox-grid { margin-left: -20px; margin-right: -20px } .l-ox-grid__container.l-ox-grid--padding-lg\@xs>.l-ox-grid>[class*=l-ox-grid__col] { padding: 20px } .l-ox-grid--padding-xlg\@xs { margin-left: -30px; margin-right: -30px } .l-ox-grid--padding-xlg\@xs>[class*=l-ox-grid__col] { padding: 30px } .l-ox-grid__container.l-ox-grid--padding-xlg\@xs { padding-left: 30px; padding-right: 30px; margin-left: 0; margin-right: 0 } .l-ox-grid__container.l-ox-grid--padding-xlg\@xs>.l-ox-grid { margin-left: -30px; margin-right: -30px } .l-ox-grid__container.l-ox-grid--padding-xlg\@xs>.l-ox-grid>[class*=l-ox-grid__col] { padding: 30px } .l-ox-grid--padding-xxlg\@xs { margin-left: -40px; margin-right: -40px } .l-ox-grid--padding-xxlg\@xs>[class*=l-ox-grid__col] { padding: 40px } .l-ox-grid__container.l-ox-grid--padding-xxlg\@xs { padding-left: 40px; padding-right: 40px; margin-left: 0; margin-right: 0 } .l-ox-grid__container.l-ox-grid--padding-xxlg\@xs>.l-ox-grid { margin-left: -40px; margin-right: -40px } .l-ox-grid__container.l-ox-grid--padding-xxlg\@xs>.l-ox-grid>[class*=l-ox-grid__col] { padding: 40px } } @media (max-width: 719px) { .header__search { margin-top: 0px !important;} .style { display:block;} } @media (min-width: 768px) { .l-ox-grid--padding-sm\@sm { margin-left:-5px; margin-right: -5px } .l-ox-grid--padding-sm\@sm>[class*=l-ox-grid__col] { padding: 5px } .l-ox-grid__container.l-ox-grid--padding-sm\@sm { padding-left: 5px; padding-right: 5px; margin-left: 0; margin-right: 0 } .l-ox-grid__container.l-ox-grid--padding-sm\@sm>.l-ox-grid { margin-left: -5px; margin-right: -5px } .l-ox-grid__container.l-ox-grid--padding-sm\@sm>.l-ox-grid>[class*=l-ox-grid__col] { padding: 5px } .l-ox-grid--padding-md\@sm { margin-left: -15px; margin-right: -15px } .l-ox-grid--padding-md\@sm>[class*=l-ox-grid__col] { padding: 15px } .l-ox-grid__container.l-ox-grid--padding-md\@sm { padding-left: 15px; padding-right: 15px; margin-left: 0; margin-right: 0 } .l-ox-grid__container.l-ox-grid--padding-md\@sm>.l-ox-grid { margin-left: -15px; margin-right: -15px } .l-ox-grid__container.l-ox-grid--padding-md\@sm>.l-ox-grid>[class*=l-ox-grid__col] { padding: 15px } .l-ox-grid--padding-lg\@sm { margin-left: -20px; margin-right: -20px } .l-ox-grid--padding-lg\@sm>[class*=l-ox-grid__col] { padding: 20px } .l-ox-grid__container.l-ox-grid--padding-lg\@sm { padding-left: 20px; padding-right: 20px; margin-left: 0; margin-right: 0 } .l-ox-grid__container.l-ox-grid--padding-lg\@sm>.l-ox-grid { margin-left: -20px; margin-right: -20px } .l-ox-grid__container.l-ox-grid--padding-lg\@sm>.l-ox-grid>[class*=l-ox-grid__col] { padding: 20px } .l-ox-grid--padding-xlg\@sm { margin-left: -30px; margin-right: -30px } .l-ox-grid--padding-xlg\@sm>[class*=l-ox-grid__col] { padding: 30px } .l-ox-grid__container.l-ox-grid--padding-xlg\@sm { padding-left: 30px; padding-right: 30px; margin-left: 0; margin-right: 0 } .l-ox-grid__container.l-ox-grid--padding-xlg\@sm>.l-ox-grid { margin-left: -30px; margin-right: -30px } .l-ox-grid__container.l-ox-grid--padding-xlg\@sm>.l-ox-grid>[class*=l-ox-grid__col] { padding: 30px } .l-ox-grid--padding-xxlg\@sm { margin-left: -40px; margin-right: -40px } .l-ox-grid--padding-xxlg\@sm>[class*=l-ox-grid__col] { padding: 40px } .l-ox-grid__container.l-ox-grid--padding-xxlg\@sm { padding-left: 40px; padding-right: 40px; margin-left: 0; margin-right: 0 } .l-ox-grid__container.l-ox-grid--padding-xxlg\@sm>.l-ox-grid { margin-left: -40px; margin-right: -40px } .l-ox-grid__container.l-ox-grid--padding-xxlg\@sm>.l-ox-grid>[class*=l-ox-grid__col] { padding: 40px } } @media (min-width: 992px) { .l-ox-grid--padding-sm\@md { margin-left:-5px; margin-right: -5px } .l-ox-grid--padding-sm\@md>[class*=l-ox-grid__col] { padding: 5px } .l-ox-grid__container.l-ox-grid--padding-sm\@md { padding-left: 5px; padding-right: 5px; margin-left: 0; margin-right: 0 } .l-ox-grid__container.l-ox-grid--padding-sm\@md>.l-ox-grid { margin-left: -5px; margin-right: -5px } .l-ox-grid__container.l-ox-grid--padding-sm\@md>.l-ox-grid>[class*=l-ox-grid__col] { padding: 5px } .l-ox-grid--padding-md\@md { margin-left: -15px; margin-right: -15px } .l-ox-grid--padding-md\@md>[class*=l-ox-grid__col] { padding: 15px } .l-ox-grid__container.l-ox-grid--padding-md\@md { padding-left: 15px; padding-right: 15px; margin-left: 0; margin-right: 0 } .l-ox-grid__container.l-ox-grid--padding-md\@md>.l-ox-grid { margin-left: -15px; margin-right: -15px } .l-ox-grid__container.l-ox-grid--padding-md\@md>.l-ox-grid>[class*=l-ox-grid__col] { padding: 15px } .l-ox-grid--padding-lg\@md { margin-left: -20px; margin-right: -20px } .l-ox-grid--padding-lg\@md>[class*=l-ox-grid__col] { padding: 20px } .l-ox-grid__container.l-ox-grid--padding-lg\@md { padding-left: 20px; padding-right: 20px; margin-left: 0; margin-right: 0 } .l-ox-grid__container.l-ox-grid--padding-lg\@md>.l-ox-grid { margin-left: -20px; margin-right: -20px } .l-ox-grid__container.l-ox-grid--padding-lg\@md>.l-ox-grid>[class*=l-ox-grid__col] { padding: 20px } .l-ox-grid--padding-xlg\@md { margin-left: -30px; margin-right: -30px } .l-ox-grid--padding-xlg\@md>[class*=l-ox-grid__col] { padding: 30px } .l-ox-grid__container.l-ox-grid--padding-xlg\@md { padding-left: 30px; padding-right: 30px; margin-left: 0; margin-right: 0 } .l-ox-grid__container.l-ox-grid--padding-xlg\@md>.l-ox-grid { margin-left: -30px; margin-right: -30px } .l-ox-grid__container.l-ox-grid--padding-xlg\@md>.l-ox-grid>[class*=l-ox-grid__col] { padding: 30px } .l-ox-grid--padding-xxlg\@md { margin-left: -40px; margin-right: -40px } .l-ox-grid--padding-xxlg\@md>[class*=l-ox-grid__col] { padding: 40px } .l-ox-grid__container.l-ox-grid--padding-xxlg\@md { padding-left: 40px; padding-right: 40px; margin-left: 0; margin-right: 0 } .l-ox-grid__container.l-ox-grid--padding-xxlg\@md>.l-ox-grid { margin-left: -40px; margin-right: -40px } .l-ox-grid__container.l-ox-grid--padding-xxlg\@md>.l-ox-grid>[class*=l-ox-grid__col] { padding: 40px } } @media (min-width: 1200px) { .l-ox-grid--padding-sm\@lg { margin-left:-5px; margin-right: -5px } .l-ox-grid--padding-sm\@lg>[class*=l-ox-grid__col] { padding: 5px } .l-ox-grid__container.l-ox-grid--padding-sm\@lg { padding-left: 5px; padding-right: 5px; margin-left: 0; margin-right: 0 } .l-ox-grid__container.l-ox-grid--padding-sm\@lg>.l-ox-grid { margin-left: -5px; margin-right: -5px } .l-ox-grid__container.l-ox-grid--padding-sm\@lg>.l-ox-grid>[class*=l-ox-grid__col] { padding: 5px } .l-ox-grid--padding-md\@lg { margin-left: -15px; margin-right: -15px } .l-ox-grid--padding-md\@lg>[class*=l-ox-grid__col] { padding: 15px } .l-ox-grid__container.l-ox-grid--padding-md\@lg { padding-left: 15px; padding-right: 15px; margin-left: 0; margin-right: 0 } .l-ox-grid__container.l-ox-grid--padding-md\@lg>.l-ox-grid { margin-left: -15px; margin-right: -15px } .l-ox-grid__container.l-ox-grid--padding-md\@lg>.l-ox-grid>[class*=l-ox-grid__col] { padding: 15px } .l-ox-grid--padding-lg\@lg { margin-left: -20px; margin-right: -20px } .l-ox-grid--padding-lg\@lg>[class*=l-ox-grid__col] { padding: 20px } .l-ox-grid__container.l-ox-grid--padding-lg\@lg { padding-left: 20px; padding-right: 20px; margin-left: 0; margin-right: 0 } .l-ox-grid__container.l-ox-grid--padding-lg\@lg>.l-ox-grid { margin-left: -20px; margin-right: -20px } .l-ox-grid__container.l-ox-grid--padding-lg\@lg>.l-ox-grid>[class*=l-ox-grid__col] { padding: 20px } .l-ox-grid--padding-xlg\@lg { margin-left: -30px; margin-right: -30px } .l-ox-grid--padding-xlg\@lg>[class*=l-ox-grid__col] { padding: 30px } .l-ox-grid__container.l-ox-grid--padding-xlg\@lg { padding-left: 30px; padding-right: 30px; margin-left: 0; margin-right: 0 } .l-ox-grid__container.l-ox-grid--padding-xlg\@lg>.l-ox-grid { margin-left: -30px; margin-right: -30px } .l-ox-grid__container.l-ox-grid--padding-xlg\@lg>.l-ox-grid>[class*=l-ox-grid__col] { padding: 30px } .l-ox-grid--padding-xxlg\@lg { margin-left: -40px; margin-right: -40px } .l-ox-grid--padding-xxlg\@lg>[class*=l-ox-grid__col] { padding: 40px } .l-ox-grid__container.l-ox-grid--padding-xxlg\@lg { padding-left: 40px; padding-right: 40px; margin-left: 0; margin-right: 0 } .l-ox-grid__container.l-ox-grid--padding-xxlg\@lg>.l-ox-grid { margin-left: -40px; margin-right: -40px } .l-ox-grid__container.l-ox-grid--padding-xxlg\@lg>.l-ox-grid>[class*=l-ox-grid__col] { padding: 40px } } @media (min-width: 1600px) { .l-ox-grid--padding-sm\@xlg { margin-left:-5px; margin-right: -5px } .l-ox-grid--padding-sm\@xlg>[class*=l-ox-grid__col] { padding: 5px } .l-ox-grid__container.l-ox-grid--padding-sm\@xlg { padding-left: 5px; padding-right: 5px; margin-left: 0; margin-right: 0 } .l-ox-grid__container.l-ox-grid--padding-sm\@xlg>.l-ox-grid { margin-left: -5px; margin-right: -5px } .l-ox-grid__container.l-ox-grid--padding-sm\@xlg>.l-ox-grid>[class*=l-ox-grid__col] { padding: 5px } .l-ox-grid--padding-md\@xlg { margin-left: -15px; margin-right: -15px } .l-ox-grid--padding-md\@xlg>[class*=l-ox-grid__col] { padding: 15px } .l-ox-grid__container.l-ox-grid--padding-md\@xlg { padding-left: 15px; padding-right: 15px; margin-left: 0; margin-right: 0 } .l-ox-grid__container.l-ox-grid--padding-md\@xlg>.l-ox-grid { margin-left: -15px; margin-right: -15px } .l-ox-grid__container.l-ox-grid--padding-md\@xlg>.l-ox-grid>[class*=l-ox-grid__col] { padding: 15px } .l-ox-grid--padding-lg\@xlg { margin-left: -20px; margin-right: -20px } .l-ox-grid--padding-lg\@xlg>[class*=l-ox-grid__col] { padding: 20px } .l-ox-grid__container.l-ox-grid--padding-lg\@xlg { padding-left: 20px; padding-right: 20px; margin-left: 0; margin-right: 0 } .l-ox-grid__container.l-ox-grid--padding-lg\@xlg>.l-ox-grid { margin-left: -20px; margin-right: -20px } .l-ox-grid__container.l-ox-grid--padding-lg\@xlg>.l-ox-grid>[class*=l-ox-grid__col] { padding: 20px } .l-ox-grid--padding-xlg\@xlg { margin-left: -30px; margin-right: -30px } .l-ox-grid--padding-xlg\@xlg>[class*=l-ox-grid__col] { padding: 30px } .l-ox-grid__container.l-ox-grid--padding-xlg\@xlg { padding-left: 30px; padding-right: 30px; margin-left: 0; margin-right: 0 } .l-ox-grid__container.l-ox-grid--padding-xlg\@xlg>.l-ox-grid { margin-left: -30px; margin-right: -30px } .l-ox-grid__container.l-ox-grid--padding-xlg\@xlg>.l-ox-grid>[class*=l-ox-grid__col] { padding: 30px } .l-ox-grid--padding-xxlg\@xlg { margin-left: -40px; margin-right: -40px } .l-ox-grid--padding-xxlg\@xlg>[class*=l-ox-grid__col] { padding: 40px } .l-ox-grid__container.l-ox-grid--padding-xxlg\@xlg { padding-left: 40px; padding-right: 40px; margin-left: 0; margin-right: 0 } .l-ox-grid__container.l-ox-grid--padding-xxlg\@xlg>.l-ox-grid { margin-left: -40px; margin-right: -40px } .l-ox-grid__container.l-ox-grid--padding-xxlg\@xlg>.l-ox-grid>[class*=l-ox-grid__col] { padding: 40px } } .l-ox-grid--bleed { margin-left: 0; margin-right: 0 } .l-ox-grid--bleed>[class*=l-ox-grid__col] { padding: 0 } .l-ox-grid--bleed-x { margin-left: 0; margin-right: 0 } .l-ox-grid--bleed-x>[class*=l-ox-grid__col] { padding-left: 0; padding-right: 0 } .l-ox-grid--bleed-y>[class*=l-ox-grid__col] { padding-top: 0; padding-bottom: 0 } .l-ox-grid--bleed-left { margin-left: 0 } .l-ox-grid--bleed-left>[class*=l-ox-grid__col] { padding-left: 0 } .l-ox-grid--bleed-right { margin-right: 0 } .l-ox-grid--bleed-right>[class*=l-ox-grid__col] { padding-right: 0 } .l-ox-grid--bleed-top>[class*=l-ox-grid__col] { padding-top: 0 } .l-ox-grid--bleed-bottom>[class*=l-ox-grid__col] { padding-bottom: 0 } .l-ox-grid--wrap { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .l-ox-grid--no-wrap { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap } .l-ox-grid--wrap-reverse { -webkit-flex-wrap: wrap-reverse; -ms-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse } .l-ox-grid--direction-row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row } .l-ox-grid--direction-row-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse } .l-ox-grid--direction-column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column } .l-ox-grid--direction-column>[class*=l-ox-grid__col] { -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; width: auto } .l-ox-grid--direction-column-reverse { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse } .l-ox-grid--direction-column-reverse>[class*=l-ox-grid__col] { -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; width: auto } .l-ox-grid--align-start { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start } .l-ox-grid--align-end { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end } .l-ox-grid--align-end>[class*=l-ox-grid__col] { vertical-align: bottom } .l-ox-grid--align-center { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .l-ox-grid--align-center>[class*=l-ox-grid__col] { vertical-align: middle } .l-ox-grid--align-baseline { -webkit-box-align: baseline; -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline } .l-ox-grid--align-baseline>[class*=l-ox-grid__col] { vertical-align: baseline } .l-ox-grid--align-content-start { -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start } .l-ox-grid--align-content-end { -webkit-align-content: flex-end; -ms-flex-line-pack: end; align-content: flex-end } .l-ox-grid--align-content-end>[class*=l-ox-grid__col] { vertical-align: bottom } .l-ox-grid--align-content-center { -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center } .l-ox-grid--align-content-space-between { -webkit-align-content: space-between; -ms-flex-line-pack: justify; align-content: space-between } .l-ox-grid--align-content-space-around { -webkit-align-content: space-around; -ms-flex-line-pack: distribute; align-content: space-around } .l-ox-grid--align-self-stretch { -webkit-align-self: stretch; -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch } .l-ox-grid--align-self-start { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start } .l-ox-grid--align-self-end { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; vertical-align: bottom } .l-ox-grid--align-self-center { -webkit-align-self: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; vertical-align: middle } .l-ox-grid--align-self-baseline { -webkit-align-self: baseline; -ms-flex-item-align: baseline; align-self: baseline; vertical-align: baseline } .l-ox-grid__col--align-self-stretch { -webkit-align-self: stretch; -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch } .l-ox-grid__col--align-self-start { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start } .l-ox-grid__col--align-self-end { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; vertical-align: bottom } .l-ox-grid__col--align-self-center { -webkit-align-self: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; vertical-align: middle } .l-ox-grid__col--align-self-baseline { -webkit-align-self: baseline; -ms-flex-item-align: baseline; align-self: baseline; vertical-align: baseline } .l-ox-grid--justify-start { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start } .l-ox-grid--justify-end { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end } .l-ox-grid--justify-center { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } .l-ox-grid--justify-space-between { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between } .l-ox-grid--justify-space-around { -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around } [class*=l-ox-grid__col].l-ox-grid__col--padding-sm { padding: 5px } [class*=l-ox-grid__col].l-ox-grid__col--padding-md { padding: 15px } [class*=l-ox-grid__col].l-ox-grid__col--padding-lg { padding: 20px } [class*=l-ox-grid__col].l-ox-grid__col--padding-xlg { padding: 30px } [class*=l-ox-grid__col].l-ox-grid__col--padding-xxlg { padding: 40px } .l-ox-grid__col--footer,.l-ox-grid__col--push-bottom { margin-top: auto } .l-ox-grid__col--push-right { margin-left: auto } .l-ox-grid__col--push-left { margin-right: auto } [class*=l-ox-grid__col].l-ox-grid__col--bleed { padding: 0 } [class*=l-ox-grid__col].l-ox-grid__col--bleed-x { padding-left: 0; padding-right: 0 } [class*=l-ox-grid__col].l-ox-grid__col--bleed-left { padding-left: 0 } [class*=l-ox-grid__col].l-ox-grid__col--bleed-right { padding-right: 0 } [class*=l-ox-grid__col].l-ox-grid__col--bleed-y { padding-top: 0; padding-bottom: 0 } [class*=l-ox-grid__col].l-ox-grid__col--bleed-top { padding-top: 0 } [class*=l-ox-grid__col].l-ox-grid__col--bleed-bottom { padding-bottom: 0 } .c-ox-imgzoom.has-carousel { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column } .c-ox-imgzoom.has-carousel,.c-ox-imgzoom.has-carousel .c-ox-imgzoom__main { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } .c-ox-imgzoom.has-carousel .c-ox-imgzoom__main { margin-bottom: 10px; overflow: hidden } .c-ox-imgzoom .mcs-button-arrow { background: none; border: 0 none } .c-ox-imgzoom__thumbs-carousel { height: 85px } .c-ox-imgzoom .mcs-item { padding: 0 3px } .c-ox-imgzoom .mz-thumb img,.c-ox-imgzoom a[data-zoom-id] img { box-shadow: none } .c-ox-imgzoom.c-ox-imgzoom--vertical { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end } .c-ox-imgzoom.c-ox-imgzoom--vertical .c-ox-imgzoom__main { margin-bottom: 0; margin-left: 15px } .c-ox-imgzoom.c-ox-imgzoom--vertical .c-ox-imgzoom__thumbs-carousel { width: 85px; height: auto; max-height: 100% } .c-ox-imgzoom.c-ox-imgzoom--vertical .mcs-item { padding: 3px 0 } .c-ox-imgzoom.c-ox-imgzoom--vertical.c-ox-imgzoom--right { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start } .c-ox-imgzoom.c-ox-imgzoom--vertical.c-ox-imgzoom--right .c-ox-imgzoom__main { margin-bottom: 0; margin-left: 0; margin-right: 15px } [data-magic-ua=ie] .mcs-vertical.mcs-button-arrow:before { margin-left: 50% } .ie9-magic .c-ox-imgzoom--vertical:after,.ie9-magic .c-ox-imgzoom--vertical:before { content: " "; display: block } .ie9-magic .c-ox-imgzoom--vertical:after { clear: both } .ie9-magic .c-ox-imgzoom--vertical .c-ox-imgzoom__main,.ie9-magic .c-ox-imgzoom--vertical .c-ox-imgzoom__thumbs-carousel { float: right } .ie9-magic .c-ox-imgzoom--vertical.c-ox-imgzoom--right .c-ox-imgzoom__main,.ie9-magic .c-ox-imgzoom--vertical.c-ox-imgzoom--right .c-ox-imgzoom__thumbs-carousel { float: left } .ox-margin-left-auto { margin-left: auto } .ox-margin-right-auto { margin-right: auto } .ox-margin-top-auto { margin-top: auto } .ox-margin-bottom-auto { margin-bottom: auto } .ox-button.ox-align-left,.ox-image.ox-align-left,.ox-title.ox-align-left { text-align: left } .ox-button.ox-align-center,.ox-image.ox-align-center,.ox-title.ox-align-center { text-align: center } .ox-button.ox-align-right,.ox-image.ox-align-right,.ox-title.ox-align-right { text-align: right } .ox-tabs { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column } .ox-tabs,.ox-tabs-title,.ox-tabs-titles-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .ox-tabs-title { -webkit-user-select: none; -ms-user-select: none; user-select: none; font-size: 12px; font-weight: 700; text-transform: uppercase; padding: 8px 12px; cursor: pointer; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .ox-tabs-title.is-active { cursor: default } .ox-tabs-title:not(.is-active):hover { background-color: #f5f5f5 } .ox-tabs-panes-container { padding: 12px; margin-top: -1px; border-top: 1px solid #e3e3e3 } .ox-tabs-pane { display: none } .ox-tabs-pane.is-active { display: block } .ox-tabs--align-center .ox-tabs-titles-container { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } .ox-tabs--align-right .ox-tabs-titles-container { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end } .ox-tabs--orientation-vertical { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row } .ox-tabs--orientation-vertical .ox-tabs-titles-container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto } .ox-tabs--orientation-vertical .ox-tabs-panes-container { -webkit-box-flex: 1; -webkit-flex: 1 1 0%; -ms-flex: 1 1 0%; flex: 1 1 0%; border-top: 0 none; border-left: 1px solid #e3e3e3 } .ox-tabs--orientation-vertical.ox-tabs--align-right { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse } .ox-tabs--orientation-vertical.ox-tabs--align-right .ox-tabs-titles-container { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start } .ox-tabs--orientation-vertical.ox-tabs--align-right .ox-tabs-panes-container { border-left: 0 none; border-right: 1px solid #e3e3e3 } .ox-div.has-content-hover { position: relative } .ox-div.has-content-hover .ox-div.is-content-hover { position: absolute; left: 0; right: 0; top: 0; bottom: 0; opacity: 0; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .ox-div.has-content-hover .ox-div.is-content-hover.hover-position-bottom { top: auto; bottom: 0 } .ox-div.has-content-hover .ox-div.is-content-hover.hover-position-top { bottom: auto; top: 0 } .ox-div.has-content-hover:hover .ox-div.is-content-hover { opacity: 1 } .MagicScroll .ox-product,.ox-carousel-item { white-space: normal; line-height: normal } #maincontainer.webblock--fullwidth .sectiondataarea { padding: 0 } #maincontainer.webblock--fullwidth #bodycontainer { width: 100%; max-width: none; padding: 0; margin: 0 } #maincontainer.webblock--fullwidth #bodyarea { width: 100%; max-width: none; margin: 0; overflow: hidden } #maincontainer.webblock--fullwidth .viewtbl>tbody>tr>td { padding: 0 } body .header__account__span, body .header__account__span:hover, body .header__account__span:focus { background: inherit!important; } @media (min-width: 1024px){ .filter__title {margin: 20px 0 20px} } @media (min-width: 1024px) { .header__account__a.header__tab { display: flex; justify-content: center; } .account--logoff .header__account__a.header__tab { display: inline; text-align: center; margin: auto; } a.header__account__span.header__account__span--login { margin: 0 !important; padding: 0 !important; }} body .header__cart__a { background: url(https://media.cdnws.com/_i/351900/RAW-3320/2128/23/panier.png) left center no-repeat !important; } @media (min-width: 1024px) { .nav__label:hover .nav__sublevel { max-height: 800px; overflow: scroll !important; } } p.prod-details__ref { text-align: center; font-size: 1em; color: #479dda !important; padding-bottom: 10px; } @media (min-width: 1024px) { .nav-perso-on .nav__flex.ps .nav__col { padding: 0px 30px; padding-bottom: 30px; } .nav__rich2__a {padding: 1px;} } @media (min-width: 720px) and (max-width: 1023px) { .header__checkbox--nav:checked~.header .nav { z-index: 1000; padding-top: 510px; margin-top: 30px; } .header__checkbox--nav:checked~.header .header__nav__icon { z-index: 100000000; position: absolute; top: 8px; } .header__nav { /* z-index: 100000; */ background: white; } label.header__nav__icon { /* position: relative; */ /* z-index: 100000000; */ } }