.blog-list article a .image-wrapper.small-size{max-height: 300px;} .blog-list article a figcaption h3{color: #000000;} .blog-list article a figcaption h3 strong{text-transform: uppercase;} .blog-list article a figcaption footer{display: none; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} @media screen and (max-width: 767px){.blog-list article a figcaption footer{display: -webkit-box; display: -ms-flexbox; display: flex;}} .blog-list article a figcaption footer span{font-size: 1.4rem; color: #000000;} .blog-list article a figcaption footer i{display: inline-block; width: 2rem; height: 2rem; margin-left: 11px; background: url("/no_website_malt/static/src/css/../images/mdpi/icons-sprite-more.svg") no-repeat; background-position: right 0;} .blog-list article a figcaption.absolute{position: absolute; bottom: 22px; left: 25%; width: 50%; text-align: center; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); opacity: 0; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;} .blog-list article a figcaption.absolute h2{font-family: "Open Sans", sans-serif; color: #000; font-size: 2.1rem; font-weight: 600; text-transform: none;} .blog-list article a figcaption.absolute h3{color: #000;} .blog-list article a:hover{color: #000000;} .blog-list article a:hover .image-wrapper img{opacity: 0.7; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;} .blog-list article a:hover .image-wrapper .more{opacity: 1; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;} .blog-list article a:hover .image-wrapper .more span{color: #000000;} .blog-list article a:hover figcaption{-webkit-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); opacity: 1; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;} #breadcrumbs ul{margin: 30px 0 60px 0; padding: 0;} #breadcrumbs ul li{margin: 0 10px 0 0; padding: 0 25px 0 0; list-style: none; display: inline-block; position: relative; color: #000000; font-size: 1.5rem;} #breadcrumbs ul li::after{content: ">"; position: relative; top: 0; right: -20px;} #breadcrumbs ul li:last-child{margin: 0; padding: 0;} #breadcrumbs ul li:last-child::after{display: none;} #breadcrumbs ul li a{color: #a1a1a1; text-decoration: underline; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} #breadcrumbs ul li a:hover{color: #d8d8d8; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} .button{background: transparent; display: inline-block; padding: 10px 25px; text-decoration: none; border: 1px solid #000000; font-size: 1.4rem; -webkit-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; height: 45px; text-transform: none; color: #000000;} .button i{display: inline-block;} .button i.arrow-return{background: url(/no_website_malt/static/src/css/../images/mdpi/arrow-return.svg) no-repeat; -webkit-background-size: contain; background-size: contain; width: 25px; height: 10px; float: left; margin-top: 3px; margin-right: 10px;} .button:hover{border-color: #000000; background: #000000; color: #fff;} .button.black{background: #000; border-color: #000; color: #fff;} .button.black:hover{background: #fff; color: #000000; -webkit-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease;} .button.clean{border: none; padding: 0;} .button.clean:hover{border: none; background: none; color: #000000;} .button.green-arrow{position: relative;} .button.green-arrow::after{content: ''; background: url(/no_website_malt/static/src/css/../images/mdpi/arrow-next-white.svg) center center no-repeat; -webkit-background-size: contain; background-size: contain; width: 20px; height: 20px; position: absolute; right: 0; opacity: 0; -webkit-transform: translateX(-40px); -ms-transform: translateX(-40px); -o-transform: translateX(-40px); transform: translateX(-40px); -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;} .button.green-arrow:hover{padding-right: 60px; -webkit-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease;} .button.green-arrow:hover::after{opacity: 1; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;} .button.white-arrow{position: relative;} .button.white-arrow::after{content: ''; background: url(/no_website_malt/static/src/css/../images/mdpi/arrow-next.svg) center center no-repeat; -webkit-background-size: contain; background-size: contain; width: 20px; height: 20px; position: absolute; right: 0; opacity: 0; -webkit-transform: translateX(-40px); -ms-transform: translateX(-40px); -o-transform: translateX(-40px); transform: translateX(-40px); -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;} .button.white-arrow:hover{padding-right: 60px; -webkit-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease;} .button.white-arrow:hover::after{opacity: 1; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;} .link{font-size: 1.4rem; display: inline-block; position: relative;} .link::before{content: ''; background: #d8d8d8; height: 3px; display: block; position: absolute; bottom: -2px; left: 0; right: 0; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;} .link::after{content: ''; background: url(/no_website_malt/static/src/css/../images/mdpi/fleche.svg) center center no-repeat; -webkit-background-size: contain; background-size: contain; width: 20px; height: 20px; position: absolute; right: -30px; opacity: 0; -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px); -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;} .link:hover{color: #d8d8d8; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;} .link:hover::before{left: 100%; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;} .link:hover::after{opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;} .link.white{color: #fff;} .link.scale-animated:hover{-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;} .link.left-animated:hover i{-webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;} .colophon{padding-bottom: 22px;margin-top: 44px;color: #7c7c8e;font-size: 1rem;text-transform: uppercase;} .colophon .pull-left p{font-size: 1.2rem; line-height: 2.4rem; float: left; margin: 0 22px 0 0;} @media (max-width: 991px){.colophon .pull-left p{float: none; margin: 0;}} .colophon .pull-left ul{padding: 0; margin: 0; float: left;} @media (max-width: 991px){.colophon .pull-left ul{float: none;}} .colophon .pull-left ul li{padding: 0; list-style: none; display: inline-table;} @media (max-width: 991px){.colophon .pull-left ul li{display: block; margin: 10px 0 0 0;}} .colophon .pull-left ul li a{display: inline-block; padding: 0 22px; color: #7c7c8e; font-size: 1.2rem; line-height: 2.4rem; -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);} @media (max-width: 991px){.colophon .pull-left ul li a{display: block; width: 100%; padding: 0;}} .colophon .pull-left ul li a:after{display: none;} .colophon .pull-left ul li a span{display: inline-block; line-height: inherit; position: relative;} .colophon .pull-left ul li a span:after{content: ""; display: block; width: 100%; height: .1rem; background: #b3b3bd; position: absolute; bottom: 0; left: 0; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);} .colophon .pull-left ul li a:hover{color: #000000;} .colophon .pull-left ul li a:hover span:after{-webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); -o-transform: scale(0, 1); transform: scale(0, 1); background: #000000;} .colophon .pull-right .nav-language{position: relative;} .colophon .pull-right .nav-language > a{text-decoration: none; font-size: 1.4rem; display: block; position: relative; color: #a5a5a5;} .colophon .pull-right .nav-language > a:before{content: ""; background: url(/no_website_malt/static/src/css/../images/mdpi/down-light.svg) no-repeat; -webkit-background-size: contain; background-size: contain; width: 7px; height: 5px; display: block; position: absolute; top: 7px; right: 0;} .colophon .pull-right .nav-language > a:hover{color: #000000;} .colophon .pull-right .nav-language ul{background: #fff; opacity: 0; visibility: hidden; padding: 0; margin: -145px 0 0 -20px; -webkit-transition: all ease .2s; -o-transition: all ease .2s; transition: all ease .2s;} .colophon .pull-right .nav-language ul li{list-style: none;} .colophon .pull-right .nav-language ul li a{font-size: 1.4rem; text-decoration: none; display: block; text-align: center; border-bottom: 1px solid #ececec; padding: 11px; color: #1c1b19; position: relative;} .colophon .pull-right .nav-language ul li a:after{content: ""; background: #000000; position: absolute; bottom: 0; left: 0; width: 0; height: 3px; -webkit-transition: all ease-out .2s; -o-transition: all ease-out .2s; transition: all ease-out .2s;} .colophon .pull-right .nav-language ul li a:hover{color: #000000;} .colophon .pull-right .nav-language ul li a:hover:after{width: 100%; -webkit-transition: all ease-out .2s; -o-transition: all ease-out .2s; transition: all ease-out .2s;} .colophon .pull-right .nav-language:hover ul{visibility: visible; opacity: 1; -webkit-transition: all ease .2s; -o-transition: all ease .2s; transition: all ease .2s;} #filter .content-wrapper{padding-top: 0;} #filter .content-wrapper .delete-filter{padding: 22px 0;} #filter .content-wrapper .delete-filter > a{font-size: 1.2rem; text-transform: uppercase; position: relative;} #filter .content-wrapper .delete-filter > a::after{content: ''; display: block; width: 100%; height: .1rem; background: #000000; position: absolute; bottom: 0; left: 0; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); -o-transform: scale(0, 1); transform: scale(0, 1); -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);} #filter .content-wrapper .delete-filter > a:hover{color: #000000;} #filter .content-wrapper .delete-filter > a:hover::after{-webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);} #filter .content-wrapper .delete-filter ul{margin: 11px 0; padding: 0;} #filter .content-wrapper .delete-filter ul li{margin: 0 0 11px 0; padding: 0; list-style: none;} #filter .content-wrapper .delete-filter ul li a{font-size: 1.2rem; text-transform: uppercase; display: inline-block; width: 44px; line-height: inherit; position: relative; padding-left: 15px;} #filter .content-wrapper .delete-filter ul li a:after, #filter .content-wrapper .delete-filter ul li a:before{content: ""; display: block; width: .2rem; height: 1rem; background: #000000; position: absolute; top: 50%; left: 5px; -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); -o-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg);} #filter .content-wrapper .delete-filter ul li a:after{-webkit-transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); -o-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg);} #filter .content-wrapper .delete-filter ul li a:hover{color: #000;} #filter .content-wrapper .panel-group .panel{background: none; border: none; -webkit-box-shadow: none; box-shadow: none;} #filter .content-wrapper .panel-group .panel .panel-heading{padding: 0;} #filter .content-wrapper .panel-group .panel .panel-heading h3{font-size: 1.2rem;} #filter .content-wrapper .panel-group .panel .panel-heading h3 a{display: inline-block; font-size: 1.2rem; text-transform: uppercase; padding: 5px 5px 5px 15px; position: relative;} #filter .content-wrapper .panel-group .panel .panel-heading h3 a::before{content: ''; background: transparent url(/no_website_malt/static/src/css/../images/mdpi/filter-open.png) center center no-repeat; -webkit-background-size: contain; background-size: contain; width: 7px; height: 7px; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-4px) rotate(90deg); -ms-transform: translateY(-4px) rotate(90deg); -o-transform: translateY(-4px) rotate(90deg); transform: translateY(-4px) rotate(90deg); -webkit-transition: -webkit-transform 0.25s ease; -o-transition: -o-transform 0.25s ease; transition: transform 0.25s ease;} #filter .content-wrapper .panel-group .panel .panel-heading h3 a:hover{color: #000000;} #filter .content-wrapper .panel-group .panel .panel-heading h3 a.collapsed::before{-webkit-transform: translateY(-4px) rotate(0deg); -ms-transform: translateY(-4px) rotate(0deg); -o-transform: translateY(-4px) rotate(0deg); transform: translateY(-4px) rotate(0deg); -webkit-transition: -webkit-transform 0.25s ease; -o-transition: -o-transform 0.25s ease; transition: transform 0.25s ease;} #filter .content-wrapper .panel-group .panel .panel-heading h3 a.collapsed::after{content: ''; display: block; width: 100%; height: .1rem; background: #000000; position: absolute; bottom: 0; left: 0; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); -o-transform: scale(0, 1); transform: scale(0, 1); -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);} #filter .content-wrapper .panel-group .panel .panel-heading h3 a.collapsed:hover{color: #000000;} #filter .content-wrapper .panel-group .panel .panel-heading h3 a.collapsed:hover::after{-webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);} #filter .content-wrapper .panel-group .panel .panel-collapse .panel-body ul{margin: 0; padding: 0;} #filter .content-wrapper .panel-group .panel .panel-collapse .panel-body ul li{margin: 0 0 10px 0; padding: 0; list-style: none; font-size: 1.2rem; position: relative;} #filter .content-wrapper .panel-group .panel .panel-collapse .panel-body ul li input[type=checkbox]{position: absolute; visibility: hidden; top: 0; left: 0;} #filter .content-wrapper .panel-group .panel .panel-collapse .panel-body ul li input[type=checkbox]:checked + label:before{background: transparent url(/no_website_malt/static/src/css/../images/mdpi/check.png) center center no-repeat; -webkit-background-size: contain; background-size: contain;} #filter .content-wrapper .panel-group .panel .panel-collapse .panel-body ul li label{padding: 0 0 0 25px; font-weight: 400;} #filter .content-wrapper .panel-group .panel .panel-collapse .panel-body ul li label:before{content: " "; display: inline-block; width: 15px; height: 15px; position: absolute; top: 0; left: 0; border: 1px solid #000000;} #filter .content-wrapper .panel-group .panel .panel-collapse .panel-body ul.color li{display: inline-table; margin-right: 10px;} #filter .content-wrapper .panel-group .panel .panel-collapse .panel-body ul.color li input[type=checkbox]{position: absolute; visibility: hidden; top: 0; left: 0;} #filter .content-wrapper .panel-group .panel .panel-collapse .panel-body ul.color li input[type=checkbox]:checked + label{border-color: #000000; -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);} #filter .content-wrapper .panel-group .panel .panel-collapse .panel-body ul.color li label{padding: 1px; border: 1px solid transparent;} #filter .content-wrapper .panel-group .panel .panel-collapse .panel-body ul.color li label:before{display: none;} .focus-list{margin-top: 22px;} .focus-list .item{margin-bottom: 22px; position: relative; overflow: hidden;} .focus-list .item a{position: static;} .focus-list .item a:after{display: none;} .focus-list .item .image-wrapper{overflow: hidden; position: relative; height: 80vh; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;} @media screen and (max-width: 767px){.focus-list .item .image-wrapper{height: 80vh;}} .focus-list .item .image-wrapper img{-webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;} .focus-list .item .image-wrapper .hover{background: -webkit-radial-gradient(center, ellipse, rgba(254, 254, 254, 0) 49%, rgba(254, 254, 254, 0.33) 66%, rgba(200, 200, 200, 0.5) 100%); background: -o-radial-gradient(center, ellipse, rgba(254, 254, 254, 0) 49%, rgba(254, 254, 254, 0.33) 66%, rgba(200, 200, 200, 0.5) 100%); background: radial-gradient(ellipse at center, rgba(254, 254, 254, 0) 49%, rgba(254, 254, 254, 0.33) 66%, rgba(200, 200, 200, 0.5) 100%); position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; opacity: 0; -webkit-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); transform: scale(1.3); -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;} .focus-list .item figcaption{position: absolute;bottom: 22px;left: 25%;width: 50%;text-align: center;} .focus-list .item figcaption h2{color: #000;} .focus-list .item figcaption h3{color: #000;font-size: 1.2rem;text-transform: uppercase;font-weight: 700;letter-spacing: 0.2rem;} .focus-list .item figcaption.white h2{color: #fff;} .focus-list .item figcaption.white h3{color: #fff;} .focus-list .item:hover .image-wrapper img{-webkit-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); -webkit-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out;} .focus-list .item:hover .image-wrapper .hover{opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;} .focus-list .item.grey .image-wrapper .hover{background: none;} .focus-list .item.grey figcaption{opacity: 0; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;} @media screen and (max-width: 767px){.focus-list .item.grey figcaption{opacity: 1; -webkit-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%);}} .focus-list .item.grey:hover .image-wrapper img{-webkit-transform: none; -ms-transform: none; -o-transform: none; transform: none; opacity: 0.7;} .focus-list .item.grey:hover figcaption{-webkit-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); opacity: 1; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;} footer#main-footer{overflow: hidden; padding-top: 88px;} footer#main-footer nav#footer_nav ul{margin: 0 44px 0 0; padding: 0;} footer#main-footer nav#footer_nav ul:last-child{margin: 0;} footer#main-footer nav#footer_nav ul li{margin: 0 0 10px 0; padding: 0; list-style: none;} footer#main-footer nav#footer_nav ul li:first-child{margin-bottom: 11px;} footer#main-footer nav#footer_nav ul li strong{font-size: 1.4rem; font-weight: bold; text-transform: uppercase; color: #000; letter-spacing: 0.2rem;} footer#main-footer nav#footer_nav ul li a{font-size: 1.1rem;text-decoration: none;text-transform: uppercase;color: #000;display: inline-block;letter-spacing: 0.4rem;font-weight: 400;} footer#main-footer nav#footer_nav ul li a:after{content: ""; background: #000; display: block; width: 0%; height: 1px; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;} footer#main-footer nav#footer_nav ul li a:hover:after{width: 100%; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;} footer#main-footer .community .newsletter{margin-top: 11px; z-index: 1000;} footer#main-footer .community .newsletter form .input-wrapper{min-height: 4rem; width: 100%;} footer#main-footer .community .newsletter form .input-wrapper + .input-wrapper{margin-top: 11px;} footer#main-footer .community .newsletter form input{display: inline-block; min-width: 200px; height: 4rem; padding: 0; border: none; border-bottom: 1px solid #d8d8d8; background: none; font-size: 1.4rem; line-height: 4rem; font-weight: 400; float: left;} @media screen and (max-width: 767px){footer#main-footer .community .newsletter form input{width: 100%; min-width: auto;}} footer#main-footer .community .newsletter form input::-webkit-input-placeholder{font-size: 1.4rem; color: #000;} footer#main-footer .community .newsletter form input:-ms-input-placeholder{font-size: 1.4rem; color: #000;} footer#main-footer .community .newsletter form input::placeholder{font-size: 1.4rem; color: #000;} footer#main-footer .community .newsletter form .bootstrap-select + .bootstrap-select{width: 12rem !important;} @media screen and (max-width: 767px){footer#main-footer .community .newsletter form .bootstrap-select + .bootstrap-select{width: 100% !important; margin-left: 0 !important; margin-top: 11px !important;}} footer#main-footer .community .newsletter form button[type='submit']{display: inline-block; height: 4rem; padding: 0; border: 0; background: none; color: #000; text-decoration: none; font-size: 1.6rem; position: relative;} @media screen and (max-width: 767px){footer#main-footer .community .newsletter form button[type='submit']{width: 100%; margin-top: 11px;}} footer#main-footer .community .newsletter form button[type='submit']:after{content: ""; display: block; width: 100%; height: 2px; background: #000; position: absolute; bottom: 0; left: 0; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);} footer#main-footer .community .newsletter form button[type='submit']:hover:after{-webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); -o-transform: scale(0, 1); transform: scale(0, 1);} footer#main-footer .community .social ul{margin: 0; padding: 0;} @media screen and (max-width: 767px){footer#main-footer .community .social ul{margin: 22px 0;}} footer#main-footer .community .social ul li{display: inline-block;} footer#main-footer .community .social ul li + li{margin-left: 11px;} @media screen and (max-width: 767px){footer#main-footer .community .social ul li + li{margin-left: .6rem;}} footer#main-footer .community .social ul li a{-webkit-box-sizing: border-box; box-sizing: border-box; border: 0.1rem solid #000000; border-radius: 100px; -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);} footer#main-footer .community .social ul li a:after{display: none;} footer#main-footer .community .social ul li a:hover{background: #000000;} footer#main-footer .community .social ul li a:hover i{background-position-y: 100%;} footer#main-footer .white-bar{background: #fff; width: 200%; height: 155px; bottom: 0; -webkit-transform: translate(0, 25px) rotate(-29deg); -ms-transform: translate(0, 25px) rotate(-29deg); -o-transform: translate(0, 25px) rotate(-29deg); transform: translate(0, 25px) rotate(-29deg);} @media screen and (max-width: 767px){footer#main-footer .white-bar{-webkit-transform: translate(90px, 32px) rotate(-29deg); -ms-transform: translate(90px, 32px) rotate(-29deg); -o-transform: translate(90px, 32px) rotate(-29deg); transform: translate(90px, 32px) rotate(-29deg);}} footer#main-footer .brand-logo{background: url(/no_website_malt/static/src/css/../images/mdpi/malt-logo-black.svg) no-repeat center/contain; width: 150px; height: 5.8rem; text-indent: -15000px; display: block; position: absolute; bottom: -11px; right: 0px;} @media (max-width: 767px){footer#main-footer .brand-logo{width: 10rem; height: 3.2rem; bottom: -8px;}} form .item-border{border-bottom: 2px solid #d8d8d8; padding-bottom: 5px;} form input[type="text"], form input[type="email"], form input[type="tel"], form input[type="password"]{display: inline-block; width: 100%; height: 4rem; padding: 0; border: none; border-bottom: 1px solid #d8d8d8; background: none; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; font-size: 1.4rem; line-height: 4rem; font-weight: 400; float: left;} @media screen and (max-width: 767px){form input[type="text"], form input[type="email"], form input[type="tel"], form input[type="password"]{width: 100%; min-width: auto;}} form input[type="text"]::-webkit-input-placeholder, form input[type="email"]::-webkit-input-placeholder, form input[type="tel"]::-webkit-input-placeholder, form input[type="password"]::-webkit-input-placeholder{font-size: 1.4rem; color: #7c7c8e;} form input[type="text"]:-ms-input-placeholder, form input[type="email"]:-ms-input-placeholder, form input[type="tel"]:-ms-input-placeholder, form input[type="password"]:-ms-input-placeholder{font-size: 1.4rem; color: #7c7c8e;} form input[type="text"]::placeholder, form input[type="email"]::placeholder, form input[type="tel"]::placeholder, form input[type="password"]::placeholder{font-size: 1.4rem; color: #7c7c8e;} form input[type="text"]::focus, form input[type="email"]::focus, form input[type="tel"]::focus, form input[type="password"]::focus{border: none;} form textarea{border: none; border-bottom: 1px solid #d8d8d8; font-size: 1.4rem; color: #7c7c8e; min-height: 300px; width: 100%;} form .selectpicker{margin: 0; width: 100%;} .main-header{width: 100%;height: 7.2rem;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 0;background: white;line-height: 7.2rem;position: fixed;top: 0;left: 0;z-index: 1000;-webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);-o-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);} @media screen and (max-width: 767px){.main-header{padding: 0;height: 5.2rem;line-height: 5.2rem;}} .main-header:after{content: "";width: 100%;height: 0;background: transparent;position: fixed;top: 0;left: 0;z-index: -1;-webkit-transform: translate(0, 0);-ms-transform: translate(0, 0);-o-transform: translate(0, 0);transform: translate(0, 0);-webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);-o-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);} .main-header .btn-menu{display: none; width: 4.8rem; height: 100%; border: none; position: absolute; top: 50%; right: 0; z-index: 10; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%);} .main-header .btn-menu span, .main-header .btn-menu span:after, .main-header .btn-menu span:before{content: ''; display: block; width: 16px; height: 2px; background: #000000; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);} .main-header .btn-menu span:after{-webkit-transform: translate(-50%, -300%); -ms-transform: translate(-50%, -300%); -o-transform: translate(-50%, -300%); transform: translate(-50%, -300%);} .main-header .btn-menu span:before{-webkit-transform: translate(-50%, 200%); -ms-transform: translate(-50%, 200%); -o-transform: translate(-50%, 200%); transform: translate(-50%, 200%);} .main-header .btn-menu.cross span{background: transparent;} .main-header .btn-menu.cross span:after{-webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); -o-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg);} .main-header .btn-menu.cross span:before{-webkit-transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); -o-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg);} @media screen and (max-width: 1199px){.main-header .btn-menu{display: block;}} @media screen and (max-width: 1199px){.main-header .second-nav{padding-right: 2.6rem;}} .main-header nav{width: 100%;height: 100%;line-height: inherit;position: relative;padding: 0 25px;} .main-header nav:after{content: "";display: block;width: 100%;height: 1px;background: #E5E5E5;position: absolute;bottom: 0;left: 0;-webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;-o-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;} .main-header .malt-logo{display: inline-block;width: 144px;height: 100%;margin: 0;float: left;line-height: inherit;-webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);-o-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);} @media screen and (max-width: 767px){.main-header .malt-logo{width: 80px;}} .main-header .malt-logo, .main-header .malt-logo a{text-indent: -9999px;} .main-header .malt-logo a{display: block; width: 100%; height: 100%; position: relative;} .main-header .malt-logo a:after, .main-header .malt-logo a:before{content: ""; display: block; width: 100%; height: 100%; background: url("/no_website_malt/static/src/css/../images/mdpi/malt-logo-black.svg") no-repeat center/contain; position: absolute; top: 0; left: 0; -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);} .main-header .malt-logo a:after{background: url("/no_website_malt/static/src/css/../images/mdpi/brand-logo-white-baseline.svg") no-repeat center/contain; opacity: 0; visibility: hidden;} .main-header .nav-wrapper{height: 100%; line-height: inherit; float: right; -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);} .main-header ul{float: left; padding: 0; margin: 0;} .main-header ul.second-nav{height: 100%; line-height: inherit;} .main-header li{float: left; list-style: none;} .main-header li.link-icon{height: 100%;} .main-header li.link-icon-shopping a span{background: #000000; width: 2rem; height: 2rem; display: block; line-height: 1.8rem; letter-spacing: normal; border-radius: 1000px; position: absolute; top: 10px; right: 0px; text-indent: 0 !important; color: #fff; font-weight: 700; text-align: center; padding-top: 1px;} .main-header li.link-icon-shopping a span::after{display: none;} .main-header li ul{background: white; opacity: 0; visibility: hidden; display: none; -webkit-box-shadow: 0 0 0.8rem 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0 0.8rem 0 rgba(0, 0, 0, 0.2); line-height: 3.6rem; position: absolute; top: 100%; z-index: 1; margin-top: -11px; -webkit-transform: translate(0, 20px); -ms-transform: translate(0, 20px); -o-transform: translate(0, 20px); transform: translate(0, 20px); -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);} @media screen and (max-width: 1199px){.main-header li ul{display: none;}} .main-header li ul li{float: none;} .main-header li ul li a{color: #000 !important;font-size: 1.1rem;} .main-header li ul li a span::after{background: #000000 !important;} .main-header li ul li a:after{display: none;} .main-header li:hover ul{visibility: visible;opacity: 1;display: block;-webkit-transform: translate(0);-ms-transform: translate(0);-o-transform: translate(0);transform: translate(0);-webkit-transition: all .4s ease-out;-o-transition: all .4s ease-out;transition: all .4s ease-out;height: auto;} @media screen and (max-width: 991px){.main-header li:hover ul{display: none;}} .main-header .link-icon-facebook, .main-header .link-icon-instagram{position: relative;} .main-header .link-icon-facebook:after, .main-header .link-icon-instagram:after{content: ""; display: block; width: 1px; height: 25%; background: #000000; position: absolute; top: 37.5%; left: -11px; -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);} .main-header .link-icon-facebook{margin-left: 22px;margin-right: 22px;} .main-header .link-icon-instagram{margin-right: 22px;} .main-header .link-icon-instagram:after{left: auto; right: -11px;} .main-header a, .main-header button{display: block;width: 100%;min-width: 4rem;height: 100%;padding: 0 11px;border: 0;outline: none;background: none;color: #000000;font-size: 1.1rem;letter-spacing: 0.4rem;line-height: inherit;text-transform: uppercase;font-weight: 400;text-align: center;-webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);-o-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);} .main-header a i, .main-header button i{height: 1.7rem; font-size: 1.4rem; -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);} .main-header a:hover, .main-header a.active{color: #000000; outline: none;} .main-header a:hover span:after, .main-header a:hover i:after, .main-header a.active span:after, .main-header a.active i:after{-webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);} .main-header a span, .main-header a i{position: relative;} .main-header a span:after, .main-header a i:after{content: ""; display: block; width: 100%; height: .1rem; background: #000000; position: absolute; bottom: 0; left: 0; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); -o-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);} .main-header .main-nav{height: 100%;} .main-header .main-nav-lang-wrapper{position: relative;} .main-header .main-nav-lang-list{width: 100%;background: white;opacity: 0;visibility: hidden;-webkit-box-shadow: 0 0 0.8rem 0 rgba(0, 0, 0, 0.2);box-shadow: 0 0 0.8rem 0 rgba(0, 0, 0, 0.2);line-height: 3.6rem;position: absolute;top: 100%;left: 0;z-index: 1;margin-top: -11px;-webkit-transform: translate(0, 50%);-ms-transform: translate(0, 50%);-o-transform: translate(0, 50%);transform: translate(0, 50%);-webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);-o-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);max-width: 46px;min-width: 10px;} .main-header .main-nav-lang-list:hover{-webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; visibility: visible;} .main-header .main-nav-lang-list li{display: block; width: 100%; position: relative;} .main-header .main-nav-lang-list li + li:before{content: ""; display: block; width: 100%; height: .1rem; background: #E5E5E5; position: absolute; top: 0; left: 0;} .main-header .main-nav-lang-list a{display: block; width: 100%;} .main-header .main-nav-lang-current{position: relative;} .main-header .main-nav-lang-current:after{content: ""; display: block; width: .5rem; height: .5rem; -webkit-box-sizing: border-box; box-sizing: border-box; border: 0.1rem solid #000000; border-top: 0; border-left: 0; position: absolute; top: 50%; right: .2rem; -webkit-transform: translate(0, -75%) rotate(45deg); -ms-transform: translate(0, -75%) rotate(45deg); -o-transform: translate(0, -75%) rotate(45deg); transform: translate(0, -75%) rotate(45deg); -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);} .main-header .main-nav-lang-current:hover + ul{-webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; visibility: visible; -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);} .main-header .main-nav-wrapper{height: 100%; line-height: inherit; float: left;} @media screen and (max-width: 1199px){.main-header .main-nav{height: auto;display: block;width: 100%;position: absolute;top: 50%;left: 0;-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);-o-transform: translate(0, -50%);transform: translate(0, -50%);margin-top: 3.6rem;}.main-header .main-nav-wrapper{display: block; width: 100vw; height: 100vh; -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 7.2rem; opacity: 0; visibility: hidden; background: white; float: none; position: fixed; top: 0; left: 0; z-index: -1; text-align: center; -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);}.main-header .main-nav-wrapper.show{opacity: 1; visibility: visible;}.main-header .main-nav li{display: block; float: none; line-height: 5.6rem;}.main-header .main-nav a, .main-header .main-nav button{font-size: 1.8rem;}.main-header .main-nav i{font-size: 1.8rem; height: 3rem;}.main-header .main-nav .link-icon-facebook, .main-header .main-nav .link-icon-instagram, .main-header .main-nav-lang-wrapper{display: inline-block !important; width: 4.8rem;}.main-header .main-nav .link-icon-facebook, .main-header .main-nav .link-icon-instagram{margin-left: 0; margin-right: 0;}.main-header .main-nav .link-icon-facebook:after, .main-header .main-nav .link-icon-facebook:before, .main-header .main-nav .link-icon-instagram:after, .main-header .main-nav .link-icon-instagram:before{display: none;}.main-header .main-nav-lang-wrapper{margin-top: 3.2rem;}.main-header .main-nav button, .main-header .main-nav-lang-list a{font-size: 1.4rem;}.main-header .main-nav-lang-list{top: -150%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%);}.main-header .main-nav-lang-list a{line-height: 4.8rem;}} @media screen and (min-width: 1200px){.white-header .main-header a, .white-header .main-header button, .white-header .main-header i{color: white;}.white-header .main-header #shopping-link span{background: #fff; color: #000000;}.white-header .main-header a span:after, .white-header .main-header a i:after, .white-header .main-header button span:after, .white-header .main-header button i:after{background: white;}.white-header .main-header li.link-icon a i{background-position-y: 100%;}.white-header .main-header .btn-menu span, .white-header .main-header .btn-menu span:after, .white-header .main-header .btn-menu span:before{background: white;}.white-header .main-header .link-icon-facebook:after, .white-header .main-header .link-icon-instagram:after{background: white;}.white-header .main-header .malt-logo a:after{opacity: 1; visibility: visible;}.white-header .main-header .malt-logo a:before{opacity: 0; visibility: hidden;}.white-header .main-nav-lang-current:after{border-color: white;}.white-header .main-nav-lang-list{-webkit-box-shadow: none; box-shadow: none;}.white-header .main-nav-lang-list li:before{content: ""; display: block; width: 100%; height: .1rem; background: white; position: absolute; top: 0; left: 0;}.nav-down .main-header{-webkit-transform: translate(0, 22px);-ms-transform: translate(0, 22px);-o-transform: translate(0, 22px);transform: translate(0, 22px);}.nav-down .main-header .malt-logo{-webkit-transform: translate(22px, 0); -ms-transform: translate(22px, 0); -o-transform: translate(22px, 0); transform: translate(22px, 0);}.nav-down .main-header .nav-wrapper{-webkit-transform: translate(-22px, 0); -ms-transform: translate(-22px, 0); -o-transform: translate(-22px, 0); transform: translate(-22px, 0);}.nav-down .main-header:after{-webkit-transform: translate(0, -100%); -ms-transform: translate(0, -100%); -o-transform: translate(0, -100%); transform: translate(0, -100%);}.nav-down .main-header nav:after{opacity: 0; -webkit-transition: all 0.05s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: all 0.05s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.05s cubic-bezier(0.165, 0.84, 0.44, 1);}} @media screen and (min-width: 1200px) and (max-width: 1199px){.nav-down .main-header .main-nav-wrapper{-webkit-transform: translate(0, -22px); -ms-transform: translate(0, -22px); -o-transform: translate(0, -22px); transform: translate(0, -22px);}} img.fittable{opacity: 0; -webkit-transition: opacity 0.5s; -o-transition: opacity 0.5s; transition: opacity 0.5s; width: auto !important; max-width: none !important;} img.fittable.loaded{opacity: 1;} .modal{background-color: rgba(255, 255, 255, 1);z-index: 99999;} .modal .modal-backdrop{background-color: transparent !important; opacity: 0 !important;} .modal .modal-dialog{position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%) !important;-ms-transform: translate(-50%, -50%) !important;-o-transform: translate(-50%, -50%) !important;transform: translate(-50%, -50%) !important;} @media screen and (max-width: 767px){.modal .modal-dialog{max-width: 100%;}} .modal .modal-dialog .modal-content{-webkit-box-shadow: none; box-shadow: none; border-radius: 0; border: 0; padding: 0 22px;} .modal .modal-dialog .modal-content header{padding: 22px 0;} .modal .modal-dialog .modal-content header h2{margin: 0; text-align: center;} .modal .modal-dialog .modal-content header button{text-indent: -15000px; display: inline-block; width: 44px; height: 30px; width: 20px; opacity: 1; line-height: inherit; position: relative;} .modal .modal-dialog .modal-content header button:after, .modal .modal-dialog .modal-content header button:before{content: ""; display: block; width: .2rem; height: 1.6rem; background: #000; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); -o-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg);} .modal .modal-dialog .modal-content header button:after{-webkit-transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); -o-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg);} .modal .modal-dialog .modal-content .modal-body{padding: 0;} .modal .modal-dialog .modal-content .modal-body .image-wrapper{overflow: hidden; max-height: 300px;} .modal .modal-dialog .modal-content .modal-body .content{padding: 22px;} .modal .modal-dialog .modal-content .modal-body .content p{text-align: center;} .modal .modal-dialog .modal-content .modal-body .content .bootstrap-select{width: 100% !important;} .modal .modal-dialog .modal-content .modal-body .content input{display: inline-block; min-width: 100%; height: 4rem; padding: 0; border: none; border-bottom: 1px solid #d8d8d8; background: none; font-size: 1.4rem; line-height: 4rem; font-weight: 400; float: left;} @media screen and (max-width: 767px){.modal .modal-dialog .modal-content .modal-body .content input{width: 100%; min-width: auto;}} .modal .modal-dialog .modal-content .modal-body .content input::-webkit-input-placeholder{font-size: 1.4rem; color: #7c7c8e;} .modal .modal-dialog .modal-content .modal-body .content input:-ms-input-placeholder{font-size: 1.4rem; color: #7c7c8e;} .modal .modal-dialog .modal-content .modal-body .content input::placeholder{font-size: 1.4rem; color: #7c7c8e;} .modal .modal-dialog .modal-content footer{padding: 22px 0;} .modal .modal-dialog .modal-content footer button{margin-left: 22px;} body.has-overlay{overflow: hidden;} div#overlay{display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1000200; background-color: rgba(0, 0, 0, 0.85);} div#overlay.visible{display: block !important;} div#overlay div.overlay-content{position: absolute; top: 100px; right: 25px; bottom: 0; left: 25px; overflow: scroll; color: #32c2ba;} div#overlay div.overlay-content .hidden-xs, div#overlay div.overlay-content .hidden-sm, div#overlay div.overlay-content .hidden-md, div#overlay div.overlay-content .hidden-lg{display: block !important;} div#overlay div.overlay-content section{margin-top: 0; padding-top: 0;} div#overlay a.overlay-close-control{-webkit-transition: background-color 250ms; -o-transition: background-color 250ms; transition: background-color 250ms; width: 50px; height: 50px; border: 1px solid #000000; position: absolute; right: 25px; top: 25px; background: url(/no_website_malt/static/src/css/../images/mdpi/close_icon.png) center center no-repeat; background-color: #1c1b19;} div#overlay a.overlay-close-control:focus, div#overlay a.overlay-close-control:hover{background-color: #000000;} .overlayered{display: none;} @media (min-width: 1200px){.overlayered-lg{display: none;}} @media (min-width: 992px) and (max-width: 1200px -1){.overlayered-md{display: none;}} @media (min-width: 768px) and (max-width: 992px -1){.overlayered-sm{display: none;}} @media (min-width: 480px) and (max-width: 768px -1){.overlayered-xs{display: none;}} div#overlay div.overlay-content > div.overlayered{display: block;} div#overlay div.overlay-content > div.overlayered h2, div#overlay div.overlay-content > div.overlayered p{color: #32c2ba;} .product-grid .product{margin-bottom: 22px;} .product-grid .product a{color: #000000;} .product-grid .product a:after{display: none;} .product-grid .product::before{content: ''; float: left; padding-top: 100%;} .product-grid .product::after{content: ''; background: #e5e5e5; display: block; position: absolute; bottom: 0; left: 11px; right: 11px; height: 1px; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} .product-grid .product .product-image-wrapper{position: absolute; top: 0; bottom: 0; left: 11px; right: 11px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .product-grid .product .product-image-wrapper .carousel{position: initial;} .product-grid .product .product-image-wrapper .carousel .carousel-indicators{position: absolute; bottom: 16.5px; margin: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);} .product-grid .product .product-image-wrapper .carousel .carousel-indicators li{border-radius: 0; border-color: #d8d8d8; width: 14px; height: 14px; padding: 1px; text-indent: 0; margin: 0 2px 2px 2px;} .product-grid .product .product-image-wrapper .carousel .carousel-indicators li img{max-width: 100%; height: 100%; opacity: 0; -webkit-transition: opacity 0.5s ease; -o-transition: opacity 0.5s ease; transition: opacity 0.5s ease;} @media screen and (max-width: 767px){.product-grid .product .product-image-wrapper .carousel .carousel-indicators li img{opacity: 1;}} .product-grid .product .product-image-wrapper .carousel .carousel-inner .item{text-align: center;} .product-grid .product .product-image-wrapper .carousel .carousel-inner .item img{max-width: 70%; display: inline;} .product-grid .product .product-image-wrapper .carousel .carousel-control{background: none; top: auto; bottom: 13px; color: #000; text-shadow: none; opacity: 0; visibility: hidden; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} @media screen and (max-width: 767px){.product-grid .product .product-image-wrapper .carousel .carousel-control{opacity: 1; visibility: visible;}} .product-grid .product figcaption{position: absolute; bottom: 66px; left: 22px; right: 22px; padding: 0 22px; text-align: center;} .product-grid .product figcaption h3{color: #000; font-size: 1.4rem; margin: 0; font-weight: 300;} .product-grid .product:hover::after{background: #000; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} .product-grid .product:hover .product-image-wrapper .carousel .carousel-indicators li{border-color: transparent; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} .product-grid .product:hover .product-image-wrapper .carousel .carousel-indicators li img{max-width: 100%; height: 100%; opacity: 1; -webkit-transition: opacity 0.5s ease; -o-transition: opacity 0.5s ease; transition: opacity 0.5s ease;} .product-grid .product:hover .product-image-wrapper .carousel .carousel-indicators li.active{border-color: #000000; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} .product-grid .product:hover .product-image-wrapper .carousel .carousel-control{opacity: 1; visibility: visible; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} #search-box{background: rgba(40, 118, 34, 0.9); position: fixed; top: 0; left: 0; right: 0; bottom: 0; visibility: hidden; opacity: 0; z-index: 10000; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: all ease .2s; -o-transition: all ease .2s; transition: all ease .2s; overflow: hidden;} #search-box.open-box{visibility: visible; opacity: 1; -webkit-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); -webkit-transition: all ease .2s; -o-transition: all ease .2s; transition: all ease .2s;} #search-box.close-box{opacity: 0; visibility: hidden; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: all ease .5s; -o-transition: all ease .5s; transition: all ease .5s;} #search-box .button-close{position: absolute; top: 20px; right: 20px;} #search-box form{position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} #search-box form .item-border{width: 100%;} #search-box form .item-border input{float: left; color: #fff; min-width: 200px;} #search-box form .item-border input::-webkit-input-placeholder{color: #fff;} #search-box form .item-border input:-ms-input-placeholder{color: #fff;} #search-box form .item-border input::placeholder{color: #fff;} #search-box form .item-border a{background: url(/no_website_malt/static/src/css/../images/mdpi/loupe-white.svg) no-repeat; -webkit-background-size: contain; background-size: contain; display: block; width: 20px; height: 20px; text-indent: -15000px; float: right;} #shopping .content-wrapper{padding-top: 0;} #shopping #shop-box ul{margin: 0; padding: 0; display: block;} #shopping #shop-box ul li{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0; padding: 22px 0; list-style: none; border-bottom: 1px solid #d8d8d8; position: relative; font-size: 1.5rem;} #shopping #shop-box ul li .delete-product{border-right: 1px dashed #d8d8d8; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-right: 11px;} #shopping #shop-box ul li .delete-product a{font-size: 1.2rem; text-transform: uppercase; text-indent: -12000px; display: inline-block; line-height: inherit; position: relative; padding-left: 15px;} #shopping #shop-box ul li .delete-product a:after, #shopping #shop-box ul li .delete-product a:before{content: ""; display: block; width: .2rem; height: 1rem; background: #000000; position: absolute; top: 50%; left: 5px; -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); -o-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg);} #shopping #shop-box ul li .delete-product a:after{-webkit-transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); -o-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg);} #shopping #shop-box ul li .delete-product a:hover{color: #000;} #shopping #shop-box ul li div.image-product{margin: 0 11px; max-width: 100px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} #shopping #shop-box ul li div.image-product img{max-width: 100%; height: auto;} #shopping #shop-box ul li:last-child{border: none; padding-right: 0; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end;} #shopping #shop-box ul li:last-child p{line-height: 100%; text-align: center;} #shopping #shop-box ul li:last-child p a{display: block;} #shopping #shop-box ul li .info-product{-webkit-box-align: end; -ms-flex-align: end; align-items: flex-end;} #shopping #shop-box ul li .info-product span.price{font-size: 1.2rem;} #shopping #shop-box ul li .css_quantity{background: none; max-width: 120px; height: 40px; border: 1px solid #000000; margin-top: 11px;} #shopping #shop-box ul li .css_quantity .input-group-addon{border-radius: 30px; background: none; border: none; padding: 0 10px; text-align: center; width: auto;} #shopping #shop-box ul li .css_quantity .input-group-addon:hover{color: #000; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} #shopping #shop-box ul li .css_quantity input{background: none; color: #000000; font-size: 1.4rem; border: none; text-align: center; -webkit-box-shadow: none; box-shadow: none; width: 50px;} .shop-map .shop-map__wrapper{height: 650px; position: relative; width: 100%;} @media screen and (max-width: 767px){.shop-map .shop-map__wrapper{width: 100%; height: auto;}} .shop-map .shop-map__search{height: 50px; width: 100%; margin-bottom: 22px; position: relative;} .shop-map .shop-map__search input[type="text"]{background: url("/no_website_malt/static/src/css/../images/mdpi/loupe.svg") no-repeat 0/15px; display: inline-block; width: 100%; height: 4rem; padding: 0 0 0 20px; border: none; border-bottom: 1px solid #000; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; font-size: 1.4rem; line-height: 4rem; font-weight: 400; float: left;} @media screen and (max-width: 767px){.shop-map .shop-map__search input[type="text"]{width: 100%; min-width: auto;}} .shop-map .shop-map__search input[type="text"]::-webkit-input-placeholder{font-size: 1.4rem; color: #000;} .shop-map .shop-map__search input[type="text"]:-ms-input-placeholder{font-size: 1.4rem; color: #000;} .shop-map .shop-map__search input[type="text"]::placeholder{font-size: 1.4rem; color: #000;} .shop-map .shop-map__search input[type="text"]::focus{border: none;} .shop-map .shop-map__search input[type="submit"]{background: none; position: absolute; top: 0; right: 0; border: none; width: 40px; height: 40px; font-size: 1.5rem;} .shop-map .shop-map__list{height: 70vh; overflow-y: scroll;} @media screen and (max-width: 767px){.shop-map .shop-map__list{height: auto;}} .shop-map .shop-map__list .shop-map__list__item{padding: 11px; position: relative; border-bottom: 1px solid #E5E5E5;} .shop-map .shop-map__list .shop-map__list__item::before{content: ''; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #000; opacity: 0; position: absolute; width: 100%; height: 100%; top: 0; left: 0; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;} .shop-map .shop-map__list .shop-map__list__item:hover{cursor: pointer;} .shop-map .shop-map__list .shop-map__list__item:hover::before{opacity: 1;} .shop-map .shop-map__list .shop-map__list__item h3{margin: 0 0 5px 0; font-size: 1.4rem;} .shop-map .shop-map__list .shop-map__list__item p{font-size: 1.2rem; line-height: 1.6rem;} .shop-map .shop-map__list .shop-map__list__item a{position: relative; text-decoration: underline;} .shop-map .shop-map__list .shop-map__list__item a:hover{color: inherit; text-decoration: none;} .shop-map .shop-map__list .shop-map__list__item:last-child{border: none;} .shop-map .shop-map__map{height: 70vh;} .shop-map .shop-map__map #gmap{width: 100%; height: 100%;} .slider-wrapper{height: 100vh;min-height: 500px;width: 100%;position: fixed;} @media (max-width: 767px){.slider-wrapper{min-height: 350px; width: calc(100% - 30px);}} .cd-hero{position: relative; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; height: 100%;} .cd-hero .cd-hero-slider{background: #000; position: relative; overflow: hidden; height: 100%; margin: 0; padding: 0;} .cd-hero .cd-hero-slider li{background-position: center center; -webkit-background-size: cover; background-size: cover; background-repeat: no-repeat; width: 100%; height: 100%; margin: 0; padding: 0; list-style: none; position: absolute; top: 0; left: 0; overflow: hidden; -webkit-transform: translateX(150%); -ms-transform: translateX(150%); -o-transform: translateX(150%); transform: translateX(150%); -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} .cd-hero .cd-hero-slider li .slide-name{position: absolute; top: 200px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); border-left: 5px solid #000000; padding-left: 5px;} .cd-hero .cd-hero-slider li div.cd-full-width{position: absolute; width: 100%; height: 100%; z-index: 1; left: 0; top: 0;} .cd-hero .cd-hero-slider li div.cd-half-width{position: absolute; width: 100%; height: 100%; z-index: 1; left: 0; top: 0;} .cd-hero .cd-hero-slider li div.cd-img-container figcaption{position: absolute; bottom: 44px; left: 50%; text-align: center; opacity: 0; -webkit-transform: translate(-50%, 100%); -ms-transform: translate(-50%, 100%); -o-transform: translate(-50%, 100%); transform: translate(-50%, 100%); -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;} .cd-hero .cd-hero-slider li div.cd-img-container figcaption h2{font-family: "Playfair Display", serif; color: #fff !important; font-size: 5rem; font-weight: normal;} @media screen and (max-width: 767px){.cd-hero .cd-hero-slider li div.cd-img-container figcaption h2{font-size: 3rem;}} .cd-hero .cd-hero-slider li div.cd-img-container figcaption h3{color: #fff !important; font-size: 2.1rem; font-weight: 300;} .cd-hero .cd-hero-slider li.selected{position: relative; -webkit-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} .cd-hero .cd-hero-slider li.selected div.cd-img-container img{-webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.5s ease-in-out; -o-transition: -o-transform 0.5s ease-in-out; transition: transform 0.5s ease-in-out;} .cd-hero .cd-hero-slider li.selected div.cd-img-container figcaption{opacity: 1; -webkit-transform: translate(-50%, 0%); -ms-transform: translate(-50%, 0%); -o-transform: translate(-50%, 0%); transform: translate(-50%, 0%); -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;} .cd-hero .cd-hero-slider li.move-left{-webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} .cd-hero .cd-hero-slider li a{position: unset !important;} .cd-slider-nav{position: absolute; width: 100%; bottom: 45px; right: 0; z-index: 2; text-align: center; height: 5px;} @media (max-width: 767px){.cd-slider-nav{}} .cd-slider-nav nav, .cd-slider-nav ul, .cd-slider-nav li, .cd-slider-nav a{} .cd-slider-nav nav{display: inline-block; position: relative; height: 100%; width: 100%;} .cd-slider-nav ul{margin: 0; padding: 0; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} .cd-slider-nav li{display: inline-block; margin: 0 20px 0 0; padding: 0; list-style: none; position: relative;} .cd-slider-nav a{border: 2px solid #fff; border-radius: 100%; display: block; position: relative; width: 20px; height: 20px; text-indent: -15000px; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} .cd-slider-nav li.selected a{background-color: #fff; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} .no-touch .cd-slider-nav li.selected a:hover{background-color: transparent;} .no-touch .cd-slider-nav a:hover{background-color: #000000;} @media only screen and (min-width: 768px){.cd-slider-nav{}} .cd-slider-arrows li{position: absolute; z-index: 3; bottom: 66px; left: 22px; height: 22px; width: 22px;} .cd-slider-arrows li a{display: block; width: 40px; height: 40px; font-size: 14px; text-align: center; position: absolute; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); text-indent: -15000px;} .cd-slider-arrows li a:after{content: ''; display: block; width: 50%; height: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; border: .1rem solid white; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-25%, -50%) scale(1, 1) rotate(45deg); -ms-transform: translate(-25%, -50%) scale(1, 1) rotate(45deg); -o-transform: translate(-25%, -50%) scale(1, 1) rotate(45deg); transform: translate(-25%, -50%) scale(1, 1) rotate(45deg); border-top: 0; border-right: 0;} .no-touch .cd-slider-arrows li a:hover{-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);} .cd-slider-arrows li:last-of-type{right: 44px; left: auto;} .cd-slider-arrows li:last-of-type a:after{-webkit-transform: translate(-75%, -50%) scale(1, 1) rotate(225deg); -ms-transform: translate(-75%, -50%) scale(1, 1) rotate(225deg); -o-transform: translate(-75%, -50%) scale(1, 1) rotate(225deg); transform: translate(-75%, -50%) scale(1, 1) rotate(225deg);} .table{border: 1px solid #d8d8d8;} .table thead tr{background: none !important;} .table thead tr th{border: none; text-align: left; font-size: 1.4rem; padding: 10px 5px; font-weight: 400; border-bottom: 1px solid #d8d8d8;} .table thead tr th.center{text-align: center !important;} .table tr{background: none;} .table tr td{vertical-align: middle; text-align: left; border: 1px solid #d8d8d8;} .table tr td.center{text-align: center !important;} .table tr td p{margin: 0;} .table tr td .js_delete_product{text-indent: -15000px; display: inline-block; width: 44px; height: 30px; width: 20px; line-height: inherit; position: relative;} .table tr td .js_delete_product:after, .table tr td .js_delete_product:before{content: ""; display: block; width: .2rem; height: 1.6rem; background: #000; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); -o-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg);} .table tr td .js_delete_product:after{-webkit-transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); -o-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg);} .link-icon{display: block; width: 4rem; height: 4rem; list-style: none;} .link-icon a{display: block; width: 100%; height: 100%; position: relative;} .link-icon a i{display: block; width: 2rem; height: 2rem; background: url("/no_website_malt/static/src/css/../images/mdpi/icons-sprite.svg") no-repeat 0 0/850%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: none; -o-transition: none; transition: none;} .link-icon-account a i{background-position: 10% -2px;} .link-icon-facebook a i{background-position: 49% -2px;} .link-icon-instagram a i{background-position: 100% -2px;} .link-icon-twitter a i{background-position: 62.5% -2px;} .link-icon-tumblr a i{background-position: 75% -2px;} .link-icon-pinterest a i{background-position: 87.5% -2px;} .link-icon-shopping a i{background-position: 25% -2px;} .link-icon-empty a i{background-position: 38% -20px;} .js-carrousel{position: relative; overflow: hidden;} .js-carrousel-modal{width: 100vw;height: 100vh;opacity: 0;visibility: hidden;background: white;position: fixed;top: 0;left: 0;z-index: 10000;-webkit-transform-origin: center;-ms-transform-origin: center;-o-transform-origin: center;transform-origin: center;-webkit-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2);-webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);-o-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);} .js-carrousel-modal.show{opacity: 1; visibility: visible; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55); -o-transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);} .js-carrousel-close{display: block; width: 48px; height: 48px; padding: 0; border: 0; cursor: pointer; background: none; position: absolute; top: 0; right: 0; text-indent: -9999px;} .js-carrousel-close:after, .js-carrousel-close:before{content: ""; display: block; width: .2rem; height: 2.4rem; background: black; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); -o-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg);} .js-carrousel-close:after{-webkit-transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); -o-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg);} .js-carrousel-wrapper{display: block; width: 100%; height: 100%; position: relative;} .js-carrousel-slide{height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; list-style: none; position: absolute; top: 0; left: 0; -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); will-change: transform;} .js-carrousel-slide.current{opacity: 1; visibility: visible;} .js-carrousel-slide:hover .js-carrousel-image span{-webkit-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05);} .js-carrousel-slide iframe{position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 80%;} .js-carrousel-image{display: block; overflow: hidden; background: no-repeat center/cover; position: relative;} .js-carrousel-image span{display: block; width: 100%; height: 100%; background: no-repeat center/cover; -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);} .js-carrousel-next, .js-carrousel-prev{display: block; width: 40px; height: 40px; font-size: 14px; text-align: center; position: absolute; top: 50%; left: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%);} .js-carrousel-next{left: auto; right: 0;} .js-carrousel-nav-wrapper{position: absolute; bottom: 24px; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); z-index: 10; text-align: center;} .js-carrousel-nav{overflow: hidden;} .js-carrousel-nav li{width: 2.4rem; height: 2.4rem; -webkit-box-sizing: border-box; box-sizing: border-box; border: 0.1rem solid #d8d8d8; margin: 0 6px; cursor: pointer; float: left;} .js-carrousel-nav li.current{background: #d8d8d8;} .js-replace-img img{display: none;} .js-parallax{margin-top: -25vh !important;padding-bottom: 30vh !important;overflow: hidden;} @media screen and (max-width: 991px){.js-parallax{padding-bottom: 0 !important; margin-top: 0 !important;}} .js-parallax-wrapper{max-height: 40vh;} @media screen and (max-width: 991px){.js-parallax-wrapper{max-height: none;}} .js-parallax-wrapper + .js-parallax-wrapper{margin-top: 8.4rem;} .js-parallax-block{-webkit-transition: all 2s cubic-bezier(0.165, 0.84, 0.44, 1);-o-transition: all 2s cubic-bezier(0.165, 0.84, 0.44, 1);transition: all 2s cubic-bezier(0.165, 0.84, 0.44, 1);position: relative;} @media screen and (max-width: 991px){.js-parallax-block{position: static !important; -webkit-transform: translate(0, 0) !important; -ms-transform: translate(0, 0) !important; -o-transform: translate(0, 0) !important; transform: translate(0, 0) !important;}} .js-parallax-block + .js-parallax-block{margin-top: 10.4rem;} @media screen and (max-width: 767px){.single-product .bootstrap-select{margin-top: 0 !important;}} .bootstrap-select{display: block !important; width: 6.4rem !important; height: 4rem; border: none !important; float: left !important; margin-left: 11px !important;} @media screen and (max-width: 767px){.bootstrap-select{width: 100% !important; margin-left: 0 !important; margin-top: 11px !important;}} .bootstrap-select button.btn.btn-default{width: 100%;height: 100%;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 0;border-bottom: 0.1rem solid #d8d8d8;margin: 0;border-top: none !important;border-left: none !important;border-right: none !important;border-bottom-color: #d8d8d8 !important;border-radius: 0;outline: none !important;-webkit-box-shadow: none !important;box-shadow: none !important;background: transparent !important;font-size: 1.2rem;color: #000000 !important;text-transform: uppercase;} .bootstrap-select button.btn.btn-default .filter-option{display: block; width: 100%; height: 100%; line-height: 4rem;} .bootstrap-select button.btn.btn-default:after{content: ""; display: block; width: 5px; height: 5px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 0.1rem solid #000000; border-top: 0; border-left: 0; position: absolute; top: 50%; right: 1rem; -webkit-transform: translate(0, -100%) rotate(45deg); -ms-transform: translate(0, -100%) rotate(45deg); -o-transform: translate(0, -100%) rotate(45deg); transform: translate(0, -100%) rotate(45deg);} .bootstrap-select button.btn.btn-default .bs-caret{display: none;} .bootstrap-select > .dropdown-menu{-webkit-transform: translate(0, -0.1rem); -ms-transform: translate(0, -0.1rem); -o-transform: translate(0, -0.1rem); transform: translate(0, -0.1rem);} .bootstrap-select .dropdown-menu{border-radius: 0; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; border: 0; margin: 0;} .bootstrap-select .dropdown-menu.inner li{display: block; height: 4rem; line-height: 4rem; position: relative;} .bootstrap-select .dropdown-menu.inner li + li:before{content: ''; display: block; width: 100%; height: .1rem; -webkit-box-sizing: border-box; box-sizing: border-box; border-top: .1rem solid #E5E5E5; position: absolute; top: 0; left: 0;} .bootstrap-select .dropdown-menu.inner .selected a{background: #000000; color: white;} .bootstrap-select .dropdown-menu.inner a{display: block; width: 100%; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 5.5px; line-height: inherit; color: #000000; text-transform: uppercase; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease;} .bootstrap-select .dropdown-menu.inner a span{display: block; width: 100%; height: 100%; line-height: inherit;} .shop-map .shop-map__wrapper{height: 650px; position: relative; width: 100%;} @media screen and (max-width: 767px){.shop-map .shop-map__wrapper{width: 100%; height: auto;}} .shop-map .shop-map__search{height: 50px; width: 100%; margin-bottom: 22px; position: relative;} .shop-map .shop-map__search input[type="text"]{background: url("/no_website_malt/static/src/css/../images/mdpi/loupe.svg") no-repeat 0/15px; display: inline-block; width: 100%; height: 4rem; padding: 0 0 0 20px; border: none; border-bottom: 1px solid #000; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; font-size: 1.4rem; line-height: 4rem; font-weight: 400; float: left;} @media screen and (max-width: 767px){.shop-map .shop-map__search input[type="text"]{width: 100%; min-width: auto;}} .shop-map .shop-map__search input[type="text"]::-webkit-input-placeholder{font-size: 1.4rem; color: #000;} .shop-map .shop-map__search input[type="text"]:-ms-input-placeholder{font-size: 1.4rem; color: #000;} .shop-map .shop-map__search input[type="text"]::placeholder{font-size: 1.4rem; color: #000;} .shop-map .shop-map__search input[type="text"]::focus{border: none;} .shop-map .shop-map__search input[type="submit"]{background: none; position: absolute; top: 0; right: 0; border: none; width: 40px; height: 40px; font-size: 1.5rem;} .shop-map .shop-map__list{height: 70vh; overflow-y: scroll;} @media screen and (max-width: 767px){.shop-map .shop-map__list{height: auto;}} .shop-map .shop-map__list .shop-map__list__item{padding: 11px; position: relative; border-bottom: 1px solid #E5E5E5;} .shop-map .shop-map__list .shop-map__list__item::before{content: ''; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #000; opacity: 0; position: absolute; width: 100%; height: 100%; top: 0; left: 0; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;} .shop-map .shop-map__list .shop-map__list__item:hover{cursor: pointer;} .shop-map .shop-map__list .shop-map__list__item:hover::before{opacity: 1;} .shop-map .shop-map__list .shop-map__list__item h3{margin: 0 0 5px 0; font-size: 1.4rem;} .shop-map .shop-map__list .shop-map__list__item p{font-size: 1.2rem; line-height: 1.6rem;} .shop-map .shop-map__list .shop-map__list__item a{position: relative; text-decoration: underline;} .shop-map .shop-map__list .shop-map__list__item a:hover{color: inherit; text-decoration: none;} .shop-map .shop-map__list .shop-map__list__item:last-child{border: none;} .shop-map .shop-map__map{height: 70vh;} .shop-map .shop-map__map #gmap{width: 100%; height: 100%;} .archive-product main, .about-brand main, .blog-archive main{-webkit-box-sizing: border-box;box-sizing: border-box;padding-top: 7.2rem;} @media screen and (max-width: 991px){.archive-product main, .about-brand main, .blog-archive main{padding-top: 0;}} @media screen and (min-width: 992px){.archive-product main.always-fixed, .about-brand main.always-fixed, .blog-archive main.always-fixed{padding-top: 114px;}} .archive-product .link-anchor, .about-brand .link-anchor, .blog-archive .link-anchor{display: block; width: 0; height: 0; opacity: 0; visibility: hidden; pointer-events: none; position: relative; top: -7.2rem;} .archive-product .js-carrousel, .about-brand .js-carrousel, .blog-archive .js-carrousel{height: calc(100vh - (6.7rem)); margin: 0 -11px;} @media screen and (max-width: 767px){.archive-product .js-carrousel, .about-brand .js-carrousel, .blog-archive .js-carrousel{display: none;}} .archive-product .js-carrousel-slide, .about-brand .js-carrousel-slide, .blog-archive .js-carrousel-slide{padding: 0 11px; padding-top: 22px;} .archive-product .js-carrousel-slide:hover .js-carrousel-image:before, .about-brand .js-carrousel-slide:hover .js-carrousel-image:before, .blog-archive .js-carrousel-slide:hover .js-carrousel-image:before{opacity: 1; visibility: visible;} .archive-product .js-carrousel-slide:hover .js-carrousel-image h2, .about-brand .js-carrousel-slide:hover .js-carrousel-image h2, .blog-archive .js-carrousel-slide:hover .js-carrousel-image h2{opacity: 1; visibility: visible; -webkit-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1);} .archive-product .js-carrousel-slide > a, .about-brand .js-carrousel-slide > a, .blog-archive .js-carrousel-slide > a{display: block; width: 100%; height: 100%; outline: none; color: #000000;} .archive-product .js-carrousel-slide > a:after, .about-brand .js-carrousel-slide > a:after, .blog-archive .js-carrousel-slide > a:after{display: none;} .archive-product .js-carrousel-slide > a:hover, .about-brand .js-carrousel-slide > a:hover, .blog-archive .js-carrousel-slide > a:hover{color: #000000; outline: none;} .archive-product .js-carrousel-image, .about-brand .js-carrousel-image, .blog-archive .js-carrousel-image{display: block; height: 70%;} .archive-product .js-carrousel-image:before, .about-brand .js-carrousel-image:before, .blog-archive .js-carrousel-image:before{content: ""; display: block; width: 100%; height: 100%; background: rgba(255, 255, 255, 0); pointer-events: none; opacity: 0; visibility: hidden; position: absolute; top: 0; left: 0; z-index: 10; -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);} .archive-product .js-carrousel-image h2, .about-brand .js-carrousel-image h2, .blog-archive .js-carrousel-image h2{display: inline-block; line-height: 4.5rem; text-transform: uppercase; font-weight: 600; text-align: center; opacity: 0; visibility: hidden; position: absolute; top: 50%; left: 50%; z-index: 10; -webkit-transform: translate(-50%, -50%) scale(0.5); -ms-transform: translate(-50%, -50%) scale(0.5); -o-transform: translate(-50%, -50%) scale(0.5); transform: translate(-50%, -50%) scale(0.5); -webkit-transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55); -o-transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);} .archive-product .js-carrousel-text, .about-brand .js-carrousel-text, .blog-archive .js-carrousel-text{-webkit-box-sizing: border-box;box-sizing: border-box;padding: 20px 35px;text-align: center;font-size: 1.4rem;line-height: 2.4rem;letter-spacing: 0.2;} .archive-product .js-carrousel-text p, .about-brand .js-carrousel-text p, .blog-archive .js-carrousel-text p{font-size: inherit; line-height: inherit;} .archive-product .js-carrousel-next, .archive-product .js-carrousel-prev, .about-brand .js-carrousel-next, .about-brand .js-carrousel-prev, .blog-archive .js-carrousel-next, .blog-archive .js-carrousel-prev{text-indent: -9999px; cursor: pointer; top: 50%; left: 11px; margin-top: 9px; -webkit-transform: translate(0, -100%); -ms-transform: translate(0, -100%); -o-transform: translate(0, -100%); transform: translate(0, -100%);} .archive-product .js-carrousel-next:after, .archive-product .js-carrousel-prev:after, .about-brand .js-carrousel-next:after, .about-brand .js-carrousel-prev:after, .blog-archive .js-carrousel-next:after, .blog-archive .js-carrousel-prev:after{content: ''; display: block; width: 50%; height: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; border: .1rem solid white; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-25%, -50%) scale(1, 1) rotate(45deg); -ms-transform: translate(-25%, -50%) scale(1, 1) rotate(45deg); -o-transform: translate(-25%, -50%) scale(1, 1) rotate(45deg); transform: translate(-25%, -50%) scale(1, 1) rotate(45deg);} .archive-product .js-carrousel-prev:after, .about-brand .js-carrousel-prev:after, .blog-archive .js-carrousel-prev:after{border-top: 0; border-right: 0;} .archive-product .js-carrousel-next:after, .about-brand .js-carrousel-next:after, .blog-archive .js-carrousel-next:after{border-bottom: 0; border-left: 0; -webkit-transform: translate(-75%, -50%) scale(1, 1) rotate(45deg); -ms-transform: translate(-75%, -50%) scale(1, 1) rotate(45deg); -o-transform: translate(-75%, -50%) scale(1, 1) rotate(45deg); transform: translate(-75%, -50%) scale(1, 1) rotate(45deg);} .archive-product .js-carrousel-next, .about-brand .js-carrousel-next, .blog-archive .js-carrousel-next{left: auto; right: 11px;} .js-sticky-anchor{display: block; width: 0; height: 0;} @media screen and (min-width: 992px){.nav-fixed .secondary-nav{-webkit-box-sizing: border-box;box-sizing: border-box;padding: 0 25px;position: fixed;top: 70px;left: 0;}.nav-fixed .secondary-nav:after, .nav-fixed .secondary-nav:before{-webkit-background-clip: content-box; background-clip: content-box;}.nav-fixed .secondary-nav:before{opacity: 0;}} .secondary-nav{width: 100%;height: 4.4rem;background: #fff;line-height: 4rem;position: absolute;z-index: 999;} .secondary-nav:before, .secondary-nav:after{content: "";display: block;width: 100%;height: 1px;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 0;background: #e5e5e5;position: absolute;top: 0;left: 0;z-index: 1;} .secondary-nav:after{top: auto; bottom: -1px;} .secondary-nav ul{padding: 0; margin: 0; height: 100%; background: white; line-height: inherit; -webkit-transform: translate(-11px, 0); -ms-transform: translate(-11px, 0); -o-transform: translate(-11px, 0); transform: translate(-11px, 0);} .secondary-nav ul li{display: inline-block; height: 100%; list-style: none; line-height: inherit; position: relative;} @media screen and (max-width: 767px){.secondary-nav ul li{display: block !important;}} .secondary-nav ul li + li:after{content: ''; display: block; width: 1px; height: 1.6rem; background: #d8d8d8; position: absolute; top: 50%; left: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%);} .secondary-nav ul li a{display: inline-block; height: 100%; padding: 0 11px; font-size: 1.4rem; text-decoration: none; color: #b3b3bd; line-height: inherit; -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);} .secondary-nav ul li a:after{display: none;} .secondary-nav ul li a span{position: relative;} .secondary-nav ul li a span:after{content: ''; display: block; width: 100%; height: .1rem; background: #000000; position: absolute; bottom: 0; left: 0; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); -o-transform: scale(0, 1); transform: scale(0, 1); -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);} .secondary-nav ul li a:hover, .secondary-nav ul li a.active{color: #000000;} .secondary-nav ul li a:hover span:after, .secondary-nav ul li a.active span:after{-webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);} .secondary-nav ul li.text-primary{font-size: 1.4rem; padding: 0 22px;} .secondary-nav ul li.text-muted{font-size: 1.4rem; padding: 0 22px;} .secondary-nav ul li:last-child{padding-right: 0;} .secondary-nav .filter-link{display: inline-block; color: #000; font-size: 1.4rem; text-decoration: none; border: none; background: none; z-index: 10002;} .secondary-nav .filter-link:after{display: none;} .secondary-nav .btn-simple{display: none;} @media screen and (max-width: 991px){.secondary-nav{height: 4.8rem; line-height: 4.8rem; padding: 0 22px; position: fixed; top: 7.2rem; left: 0;}.secondary-nav:after, .secondary-nav:before{-webkit-background-clip: content-box; background-clip: content-box;}.secondary-nav:before{opacity: 0;}.secondary-nav .btn-simple{display: block; padding: 0; position: relative; -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);}.secondary-nav .btn-simple:after{content: ""; display: block; width: 100%; height: 1px; background: #000000; position: absolute; bottom: 0; left: 0; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); -o-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);}.secondary-nav .btn-simple.active{color: #000000;}.secondary-nav .btn-simple.active:after{-webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}.secondary-nav #filter-link{position: absolute; top: 0; right: 22px;}.secondary-nav ul{width: 100%; height: auto; padding: 0 22px; -webkit-box-sizing: border-box; box-sizing: border-box; background: white; -webkit-background-clip: content-box; background-clip: content-box; opacity: 0; visibility: hidden; line-height: 4rem; position: absolute; top: 100%; left: 0; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);}.secondary-nav ul.show{opacity: 1; visibility: visible;}.secondary-nav ul:after{content: ""; display: block; width: 100%; height: 1px; background: #d8d8d8;}.secondary-nav ul li{display: inline-block; height: 4rem; line-height: 4rem;}.secondary-nav ul li + li:after{display: none;}.secondary-nav ul a{font-size: 1.4rem;}} @media screen and (max-width: 767px){.secondary-nav{padding: 0 1.5rem;top: 4.8rem;}.secondary-nav:after, .secondary-nav:before{padding: 0 1.5rem;}.secondary-nav ul{padding: 0 1.5rem;}.secondary-nav #filter-link{right: 1.5rem;}} .content-wrapper-product{padding-top: 6.4rem;} @media screen and (max-width: 991px){.content-wrapper-product{padding-top: 4.8rem;}} .content-wrapper-product.no-padding{padding: 0 !important;} .content-wrapper-product header{margin-bottom: 22px;} .content-wrapper-product header > .image-wrapper{overflow: hidden; height: 50vh; position: relative;} .content-wrapper-product header > .image-wrapper h1{position: absolute; left: 50%; bottom: 22px; color: #fff; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);} .content-wrapper-product header #myCarousel{background: red;} .product-detail-text{-webkit-column-gap: 22px; column-gap: 22px; padding-top: 88px; padding-bottom: 88px;} .product-detail-text h2{text-align: center; margin-bottom: 44px;} .home .main-header{background: none;} .home .main-header:after{display: block;} .nav-product-image{background: #fff; border-bottom: 1px solid #e5e5e5; padding-top: 11px; padding-bottom: 11px;} .nav-product-image ul{display: block; width: 100%; padding: 0; margin: 0; list-style: none;} .nav-product-image li{display: block; margin-top: 11px; margin-bottom: 11px; position: relative;} .nav-product-image li:after{content: ""; display: block; padding-top: 100%;} .nav-product-image div{width: 100%; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 11px; position: absolute; top: 0; left: 0;} .nav-product-image div a{display: block; height: 100%; width: 100%; position: relative; color: #000000;} .nav-product-image div a:after{display: none;} .nav-product-image div a::before{content: ''; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #000; opacity: 0; position: absolute; width: 100%; height: 100%; top: 0; left: 0; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;} @media screen and (max-width: 767px){.nav-product-image div a::before{opacity: 1;}} .nav-product-image div a h2{font-size: 1.4rem; margin: 22px 0 0 0; font-weight: 300; position: absolute; bottom: 22px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); text-transform: none; letter-spacing: 0.1rem;} .nav-product-image div a img{display: block; max-height: 90px; max-width: 70%; visibility: visible; position: absolute; top: 50%; left: 50% !important; -webkit-transform: translate(-50%, -50%) scale(1) !important; -ms-transform: translate(-50%, -50%) scale(1) !important; -o-transform: translate(-50%, -50%) scale(1) !important; transform: translate(-50%, -50%) scale(1) !important; -webkit-transition: -webkit-transform 0.25s ease-in-out; -o-transition: -o-transform 0.25s ease-in-out; transition: transform 0.25s ease-in-out;} .nav-product-image div a:hover{color: #000;} .nav-product-image div a:hover img{-webkit-transform: translate(-50%, -50%) scale(1.1); -ms-transform: translate(-50%, -50%) scale(1.1); -o-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1);} .nav-product-image div a:hover::before{opacity: 1;} .content-wrapper-single-product .single-product .thumbnail{border: none;} .content-wrapper-single-product .single-product .thumbnail ul{margin: 22px 0; padding: 0;} .content-wrapper-single-product .single-product .thumbnail ul li{margin: 0 11px 0 0; padding: 0; list-style: none; font-size: 1.4rem; display: inline-table;} @media screen and (max-width: 767px){.content-wrapper-single-product .single-product .thumbnail ul li{margin-bottom: 11px;}} .content-wrapper-single-product .single-product .thumbnail ul li::after{content: ">"; margin-left: 11px;} .content-wrapper-single-product .single-product .thumbnail ul li a{color: #000; text-decoration: underline;} .content-wrapper-single-product .single-product .thumbnail ul li a:after{display: none;} .content-wrapper-single-product .single-product .thumbnail ul li a:hover{text-decoration: none;} .content-wrapper-single-product .single-product .thumbnail ul li:last-child::after{display: none; margin-right: 0; padding-right: 0;} .content-wrapper-single-product .single-product .photos .carousel{max-height: 45rem; height: 100vh;} @media screen and (max-width: 767px){.content-wrapper-single-product .single-product .photos .carousel{max-height: 250px;}} .content-wrapper-single-product .single-product .photos .carousel-inner{position: absolute; top: 50%; left: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%);} .content-wrapper-single-product .single-product .photos .carousel-indicators{width: 100%; padding: 0 11px; margin: 0; text-align: center; position: absolute; bottom: 10px; left: 0;} .content-wrapper-single-product .single-product .photos .carousel-indicators li{display: inline-block; width: 25px; height: 25px; border: none; margin: 0 10px; border-radius: 0; background: none; position: relative; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease;} .content-wrapper-single-product .single-product .photos .carousel-indicators li:after{content: ""; display: block; width: 25px; height: 25px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 1px; border: 1px solid #d8d8d8; -webkit-background-clip: content-box; background-clip: content-box; position: absolute; top: 1px; left: 1px; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease;} .content-wrapper-single-product .single-product .photos .carousel-indicators li:hover:after{border-color: #000000;} .content-wrapper-single-product .single-product .photos .carousel-indicators li.active:after{border-color: #000000; background-color: #000000;} .content-wrapper-single-product .single-product .photos .carousel-control{background: none; top: auto; bottom: 13px; color: #000; text-shadow: none; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; z-index: 9999;} .content-wrapper-single-product .single-product .photos .carousel-control:after{display: none;} .content-wrapper-single-product .single-product .photos .social{text-align: center;} .content-wrapper-single-product .single-product .photos .social ul{margin: 0; padding: 0;} .content-wrapper-single-product .single-product .photos .social ul li{display: inline-block;} .content-wrapper-single-product .single-product .photos .social ul li + li{margin-left: 11px;} @media screen and (max-width: 767px){.content-wrapper-single-product .single-product .photos .social ul li + li{margin-left: .6rem;}} .content-wrapper-single-product .single-product .photos .social ul li a{-webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 100px; -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);} .content-wrapper-single-product .single-product .photos .social ul li a:after{display: none;} .content-wrapper-single-product .single-product .photos .social ul li a:hover{background: #000000;} .content-wrapper-single-product .single-product .photos .social ul li a:hover i{background-position-y: 100%;} .content-wrapper-single-product .single-product aside header{margin-bottom: 22px;} .content-wrapper-single-product .single-product aside header h1 span{font-size: 2.1rem; font-weight: 600; margin: 0; float: left;} .content-wrapper-single-product .single-product aside header h1 span + span{font-size: 1.4rem; font-family: "Playfair Display", serif; float: right;} .content-wrapper-single-product .single-product aside article{margin-bottom: 22px;} .content-wrapper-single-product .single-product aside article:last-child{margin-bottom: 0;} .content-wrapper-single-product .single-product aside article h2{font-size: 1.4rem; font-weight: 600;} .content-wrapper-single-product .single-product aside article.top-border{border-top: 1px solid #e5e5e5; padding-top: 22px;} .content-wrapper-single-product .single-product aside article.add-to-cart{z-index: 1;} .content-wrapper-single-product .single-product aside article.add-to-cart .select-wrapper .bootstrap-select{margin-left: 0 !important; height: 45px !important; width: 100% !important;} .content-wrapper-single-product .single-product aside article.add-to-cart .select-wrapper .bootstrap-select .btn{border-color: #e5e5e5 !important;} .content-wrapper-single-product .single-product aside article.add-to-cart .select-wrapper .bootstrap-select span{text-align: center;} .content-wrapper-single-product .single-product aside article.add-to-cart .add-to-cart-link{display: block; height: 4.5rem; padding: 0; border: 0; background: none; color: #000; text-decoration: none; font-size: 1.6rem; text-align: center; position: relative;} @media screen and (max-width: 767px){.content-wrapper-single-product .single-product aside article.add-to-cart .add-to-cart-link{width: 100%; margin-top: 11px;}} .content-wrapper-single-product .single-product aside article.add-to-cart .add-to-cart-link:after{content: ""; background: none; display: block; width: 100%; height: 2px; background: #000; position: absolute; bottom: 0; left: 0; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);} .content-wrapper-single-product .single-product aside article.add-to-cart .add-to-cart-link:hover:after{-webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); -o-transform: scale(0, 1); transform: scale(0, 1);} .content-wrapper-single-product .single-product aside article.add-to-cart p{text-align: center; margin: 11px 0;} .content-wrapper-single-product .single-product aside article.add-to-cart .shop-finder-link a{width: 100%; text-align: center;} .content-wrapper-single-product .single-product aside article.add-to-cart .shop-finder-link a:after{display: none;} .content-wrapper-single-product .single-product aside article.description-small{margin-bottom: 11px;} .content-wrapper-single-product .single-product aside article.description-big #more-detail{font-size: 1.4rem; font-weight: bold;} .content-wrapper-single-product .single-product aside article.description-big #more-detail::before{content: "+"; font-size: 1.8rem; margin-right: 5px;} .content-wrapper-single-product .single-product aside article.description-big #more-detail::after{content: ''; background: #000; display: inline-block; width: 0%; height: 1px; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;} .content-wrapper-single-product .single-product aside article.description-big #more-detail.active::before{content: "-";} .content-wrapper-single-product .single-product aside article.description-big #more-detail:hover{color: #000;} .content-wrapper-single-product .single-product aside article.description-big #more-detail-box{opacity: 0; visibility: hidden; height: 0; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;} .content-wrapper-single-product .single-product aside article.description-big #more-detail-box.open-box{opacity: 1; visibility: visible; height: auto; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;} .content-wrapper-single-product .single-product aside article.color ul{margin: 22px 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap;} .content-wrapper-single-product .single-product aside article.color ul li{margin: 0 11px 11px 0; padding: 0; list-style: none;} .content-wrapper-single-product .single-product aside article.color ul li a{border: 1px solid transparent; padding: 1px; display: block; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;} .content-wrapper-single-product .single-product aside article.color ul li a:after{display: none;} .content-wrapper-single-product .single-product aside article.color ul li a img{max-width: 20px;} .content-wrapper-single-product .single-product aside article.color ul li a.active{border: 1px solid #000; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;} .content-wrapper-single-product .single-product aside article.color ul li a{border-color: #000; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;} .content-wrapper-single-product .single-product aside article.color ul li input[type="radio"]{display: none;} .content-wrapper-single-product .single-product aside article.color ul li label{border: 1px solid transparent; padding: 1px; display: block; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;} .content-wrapper-single-product .single-product aside article.color ul li label:after{display: none;} .content-wrapper-single-product .single-product aside article.color ul li label img{max-width: 20px;} .content-wrapper-single-product .single-product aside article.color ul li input[type="radio"]:checked+label{border: 1px solid #000; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;} .content-wrapper-single-product .single-product aside article.color ul li label:hover{border-color: #000; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;} .content-wrapper-single-product .single-product aside article.clip-on a{text-decoration: none; color: #000; display: block; padding: 11px; font-size: 1.4rem; text-align: center; border: 1px solid #000; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;} .content-wrapper-single-product .single-product aside article.clip-on a:after{display: none;} .content-wrapper-single-product .single-product aside article.clip-on a:hover{background: #000; color: #fff; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;} .content-wrapper-single-product .single-product .tab-information .nav-tabs{border-color: #e5e5e5;} .content-wrapper-single-product .single-product .tab-information .nav-tabs li:hover.active a, .content-wrapper-single-product .single-product .tab-information .nav-tabs li.active a{background: none;} .content-wrapper-single-product .single-product .tab-information .nav-tabs li:hover.active a:after, .content-wrapper-single-product .single-product .tab-information .nav-tabs li.active a:after{-webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);} .content-wrapper-single-product .single-product .tab-information .nav-tabs li:hover a{background: none;} .content-wrapper-single-product .single-product .tab-information .nav-tabs li:hover a:after{-webkit-transform: scale(0.5, 1); -ms-transform: scale(0.5, 1); -o-transform: scale(0.5, 1); transform: scale(0.5, 1);} .content-wrapper-single-product .single-product .tab-information .nav-tabs a{display: block; width: 100%; height: 100%; border: 0; overflow: hidden; border-radius: 0; color: #000000; font-size: 1.4rem; position: relative; -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);} .content-wrapper-single-product .single-product .tab-information .nav-tabs a:after{content: ''; display: block; width: 100%; height: .1rem; background: #000000; position: absolute; bottom: 0; left: 0; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); -o-transform: scale(0, 1); transform: scale(0, 1); -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);} @media screen and (max-width: 767px){.content-wrapper-single-product .single-product .tab-information .nav-tabs{padding-bottom: 1.6rem;}.content-wrapper-single-product .single-product .tab-information .nav-tabs li{width: 100%;}.content-wrapper-single-product .single-product .tab-information .nav-tabs li + li{margin-top: .3rem;}.content-wrapper-single-product .single-product .tab-information .nav-tabs li:hover a{background: none;}.content-wrapper-single-product .single-product .tab-information .nav-tabs li:hover a:after{-webkit-transform: scale(1, 0.5); -ms-transform: scale(1, 0.5); -o-transform: scale(1, 0.5); transform: scale(1, 0.5);}.content-wrapper-single-product .single-product .tab-information .nav-tabs a:after{width: 2px; height: 100%; bottom: auto; top: 0; left: 0; -webkit-transform: scale(1, 0); -ms-transform: scale(1, 0); -o-transform: scale(1, 0); transform: scale(1, 0);}} .about-brand .cover{width: 100%;height: 50vh;-webkit-box-sizing: border-box;box-sizing: border-box;padding-bottom: 0;background: no-repeat center / cover;-webkit-background-clip: content-box;background-clip: content-box;position: relative;} .about-brand .cover.cover-dark h1{color: white;} .about-brand .cover.cover-light h1{color: #000000;} .about-brand .cover.no-image{height: auto;} .about-brand .cover.no-image h1{position: relative; bottom: 0; margin: 44px 0 22px 0; width: 100%; text-align: center;} .about-brand .cover.with-link h1{position: relative; padding: 0 40px;} .about-brand .cover.with-link h1 a{display: block; width: 40px; height: 40px; font-size: 14px; text-align: center; position: absolute; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); text-indent: -15000px;} .about-brand .cover.with-link h1 a:after{content: ''; background: none; display: block; width: 50%; height: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; border: .1rem solid black; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-25%, -50%) scale(1, 1) rotate(45deg); -ms-transform: translate(-25%, -50%) scale(1, 1) rotate(45deg); -o-transform: translate(-25%, -50%) scale(1, 1) rotate(45deg); transform: translate(-25%, -50%) scale(1, 1) rotate(45deg);} .about-brand .cover.with-link h1 a.pull-left{left: 0;} .about-brand .cover.with-link h1 a.pull-left:after{border-top: 0; border-right: 0;} .about-brand .cover.with-link h1 a.pull-right{right: 0;} .about-brand .cover.with-link h1 a.pull-right:after{border-bottom: 0; border-left: 0; -webkit-transform: translate(-75%, -50%) scale(1, 1) rotate(45deg); -ms-transform: translate(-75%, -50%) scale(1, 1) rotate(45deg); -o-transform: translate(-75%, -50%) scale(1, 1) rotate(45deg); transform: translate(-75%, -50%) scale(1, 1) rotate(45deg);} .about-brand .cover h1{display: inline-block;margin: 0;line-height: 4.8rem;text-transform: uppercase;letter-spacing: .16rem;text-align: center;position: absolute;bottom: 44px;left: 50%;-webkit-transform: translate(-50%, 0);-ms-transform: translate(-50%, 0);-o-transform: translate(-50%, 0);transform: translate(-50%, 0);} .about-brand .cover .article-info{font-size: 1.4rem;} .about-brand .cover .article-info a{text-decoration: underline; color: #000; text-transform: uppercase; font-weight: 600;} .about-brand .cover .article-info a:after{display: none;} .about-brand .cover iframe{width: 100%; height: auto; min-height: calc(100vh - 7.2rem - 6.4rem - 22px);} .about-brand .cover.big{height: calc(100vh - 5.6rem - 5.6rem);} .about-brand .link-square{display: block; width: 100%; max-width: 28rem; padding: 0; margin: 0 auto; -webkit-box-sizing: border-box; box-sizing: border-box; border: 0.1rem solid transparent; background: none; -webkit-box-shadow: none; box-shadow: none; text-align: center; position: relative; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease;} @media screen and (max-width: 400){.about-brand .link-square{max-width: 100%;}} .about-brand .link-square:hover{border-color: black; -webkit-transition: all .4s ease !important; -o-transition: all .4s ease !important; transition: all .4s ease !important;} .about-brand .link-square:after{content: ""; display: block; padding-top: 100%;} .about-brand .link-square span{display: inline-block; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 22px; font-size: 3.6rem; line-height: 4.8rem; text-transform: uppercase; color: #1c1b19; letter-spacing: .14rem; font-weight: 600; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} .about-brand .colonne{-webkit-columns: 2; columns: 2; -webkit-column-gap: 40px; column-gap: 40px;} @media (max-width: 767px){.about-brand .colonne{-webkit-columns: 1; columns: 1;}} .about-brand .image-full .image-wrapper{max-height: 70vh; overflow: hidden;} .about-brand .image-4 .image-wrapper{max-height: 50vh; overflow: hidden;} .about-brand .video iframe{width: 100%; height: auto; min-height: 300px;} .about-brand .video-full iframe{width: 100%; height: auto; min-height: 500px;} .about-brand .link-red{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: right; color: #000000; font-size: 1.2rem; line-height: 2.4rem; position: relative;} .about-brand .link-red span{line-height: 2.4rem; position: relative;} .about-brand .link-red span:after{content: ""; display: block; width: 100%; height: .1rem; background: crimson; position: absolute; bottom: 0; left: 0; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);} .about-brand .link-red i{display: inline-block; width: 2rem; height: 2rem; margin-left: 11px; background: url("/no_website_malt/static/src/css/../images/mdpi/icons-sprite-more.svg") no-repeat; background-position: right 0;} .about-brand .link-red:hover span:after{-webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); -o-transform: scale(0, 1); transform: scale(0, 1);} .about-brand .js-carrousel{height: 100%; margin: 0;} .about-brand .js-carrousel-close{width: 7.2rem; height: 7.2rem;} @media screen and (max-width: 767px){.about-brand .js-carrousel-close{width: 4.4rem; height: 4.4rem;}} .about-brand .js-carrousel-wrapper{width: 100%; height: 100%; padding-left: 0;} .about-brand .js-carrousel-slide{width: 100%; padding: 7.2rem !important; -webkit-background-clip: content-box; background-clip: content-box; -webkit-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);} @media screen and (max-width: 767px){.about-brand .js-carrousel-slide{padding: 4.4rem !important;}} .about-brand .js-carrousel-slide a{background: none !important;} .about-brand .js-carrousel-slide a:hover{background: none !important;} .about-brand .js-carrousel-image{height: 100%; -webkit-background-size: contain; background-size: contain;} .about-brand .js-carrousel-image:after, .about-brand .js-carrousel-image:before{display: none;} .about-brand .js-carrousel-next, .about-brand .js-carrousel-prev{display: block; width: 50vh; height: 80vh; margin: 0; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%);} .about-brand .js-carrousel-next:after, .about-brand .js-carrousel-prev:after{border-color: #000; width: 20px; height: 20px;} @media screen and (max-width: 767px){.about-brand .js-carrousel-next, .about-brand .js-carrousel-prev{width: 4.4rem; height: 4.4rem;}} .about-brand .js-carrousel-next{right: 22px;} .about-brand .js-carrousel-next:after{right: 0 !important; left: auto;} .about-brand .js-carrousel-prev{left: 22px;} .about-brand .js-carrousel-prev:after{left: 0 !important;} .about-brand-article{position: relative;float: left;width: 100%;} .about-brand-img img{width: 100%;} .about-brand-text{display: inline-block;padding: 22px !important;background: white;position: absolute;top: 50%;left: 0;z-index: 1000;} .about-brand-text h1{padding: 0; margin: 0; margin-bottom: 22px; font-size: 3.2rem; line-height: 4rem; font-weight: 600;} .about-brand .info-map{border-top: 2px solid #fff;} .about-brand .info-map div{background: #fafafa; border-right: 2px solid #fff; padding: 11px; min-height: 65px;} .about-brand .info-map div p{margin: 0;} .about-brand .info-map div:last-child{border: none;} .about-brand-history #btnTimeline{position: absolute; top: 0; right: 22px;} @media screen and (max-width: 767px){.about-brand-history #btnTimeline{right: 15px;}} .about-brand-history .about-brand-content{position: relative;} @media screen and (max-width: 767px){.about-brand-history .about-brand-content{padding: 0 !important;}} .about-brand-history .about-brand-decades-list{height: calc(100vh - (13.4rem)); padding: 0 !important; position: relative;} @media screen and (max-width: 991px){.about-brand-history .about-brand-decades-list{width: 100%; height: 4rem; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 22px !important; background: white; opacity: 0; visibility: hidden; position: fixed; top: 12rem; left: 0; z-index: 100; -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);}.about-brand-history .about-brand-decades-list.show{opacity: 1; visibility: visible;}.about-brand-history .about-brand-decades-list:after{content: ""; display: block; width: 100%; height: .1rem; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 22px !important; background: #d8d8d8; -webkit-background-clip: content-box; background-clip: content-box; position: absolute; bottom: 0; left: 0;}} @media screen and (max-width: 767px){.about-brand-history .about-brand-decades-list{padding: 0 15px !important;}.about-brand-history .about-brand-decades-list:after{padding: 0 15px !important;}} .about-brand-history .about-brand-decades{display: block; width: 100%; padding: 0; margin: 0; position: absolute; top: 50%; left: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%);} @media screen and (max-width: 991px){.about-brand-history .about-brand-decades{position: static; -webkit-transform: none; -ms-transform: none; -o-transform: none; transform: none;}.about-brand-history .about-brand-decades:after{display: none;}} .about-brand-history .about-brand-decades > li{display: inline-block; float: left; clear: left;} @media screen and (max-width: 991px){.about-brand-history .about-brand-decades > li{float: none; clear: none;}} .about-brand-history .about-brand-link-decade{display: block; width: 100%; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 .8rem; line-height: 4rem; font-size: 1.6rem; font-weight: 400; color: #b3b3bd; position: relative; -webkit-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);} @media screen and (max-width: 991px){.about-brand-history .about-brand-link-decade{font-size: 1.4rem; line-height: 4rem;}} .about-brand-history .about-brand-link-decade:after{display: none;} .about-brand-history .about-brand-link-decade span{position: relative;} .about-brand-history .about-brand-link-decade span:after{content: '>'; font-size: 1.7rem; display: block; position: absolute; top: 50%; right: 0; -webkit-transform: translate(25px, -50%); -ms-transform: translate(25px, -50%); -o-transform: translate(25px, -50%); transform: translate(25px, -50%); opacity: 0; -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);} .about-brand-history .about-brand-link-decade.active{color: #000000;} .about-brand-history .about-brand-link-decade.current{color: #000000;} .about-brand-history .about-brand-link-decade.current span:after{opacity: 1;} .about-brand-history .about-brand-link-decade.active + .about-brand-years-list{opacity: 1; visibility: visible; -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s; -o-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s; transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;} .about-brand-history .about-brand-years-list{-webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; opacity: 0; visibility: hidden; position: absolute; top: 50%; left: 0; -webkit-transform: translate(100%, -50%); -ms-transform: translate(100%, -50%); -o-transform: translate(100%, -50%); transform: translate(100%, -50%); -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);} @media screen and (max-width: 991px){.about-brand-history .about-brand-years-list{display: none;}} .about-brand-history .about-brand-years-list a{display: block; -webkit-box-sizing: border-box; box-sizing: border-box; padding: .2rem 1.2rem; font-size: 1.6rem; line-height: 3.2rem; font-weight: 400; color: #b3b3bd; -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);} .about-brand-history .about-brand-years-list a:after{display: none;} .about-brand-history .about-brand-years-list a span{position: relative; display: inline-block;} .about-brand-history .about-brand-years-list a span:after{content: ''; display: block; width: 100%; height: .1rem; background: #000000; position: absolute; bottom: 0; left: 0; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); -o-transform: scale(0, 1); transform: scale(0, 1); -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);} .about-brand-history .about-brand-years-list a.current{color: #000000; font-size: 2.1rem; font-weight: 600;} .about-brand-history .about-brand-years-list a:hover{color: #000000;} .about-brand-history .about-brand-decade-wrapper h2{font-weight: bold; font-size: 6rem; visibility: hidden; display: none;} .about-brand-history .about-brand-decade-wrapper span{visibility: hidden; display: none;} .about-brand-history .about-brand-decade-wrapper h3{visibility: hidden;} .about-brand-history .about-brand-year{margin-bottom: 100px !important;} @media screen and (max-width: 991px){.about-brand-history .about-brand-year{padding-top: 44px;}} .about-brand-history .about-brand-year main{padding-top: 0;} .about-brand-history .about-brand-year header{position: absolute;} .about-brand-history .about-brand-year header p{font-weight: 600;} .about-brand-history .about-brand-year p{font-weight: 400; margin-top: 0; margin-bottom: 0;} .about-brand-history .about-brand-year p + p{margin-top: 11px;} .about-brand-history .about-brand-year-image-text{padding: 0 !important; position: relative;} .about-brand-history .about-brand-year-image-text div{-webkit-box-sizing: border-box; box-sizing: border-box; padding: 22px !important; margin-top: 0; margin-bottom: 0; background: white; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);} @media screen and (max-width: 767px){.about-brand-history .about-brand-year-image-text div{position: static;}} .about-brand-history .about-brand-year-image-text div h3{color: #000; margin-bottom: 11px; visibility: visible;} @media screen and (min-width: 992px){.about-brand-history .js-timeline{position: absolute;}.about-brand-history .js-timeline.fixed{position: fixed; top: 13.4rem;}.about-brand-history .js-timeline.fixed-bottom{position: absolute; top: auto; bottom: 0;}} .list-country div{min-height: 180px;} #shopping-cart{min-height: calc(100vh-400px);} #shopping-cart header .breadcrumbs{border-bottom: 1px solid #e3e3e3;} #shopping-cart header .breadcrumbs ul{margin: 0; padding: 0;} @media (max-width: 767px){#shopping-cart header .breadcrumbs ul{float: none !important;}} #shopping-cart header .breadcrumbs ul li{font-size: 1.4rem; list-style: none; display: inline-table; padding: 30px 60px 30px 0; position: relative;} @media (max-width: 767px){#shopping-cart header .breadcrumbs ul li{display: block;}} #shopping-cart header .breadcrumbs ul li:before{content: ""; background: #000000; width: calc(100% - 60px); height: 1px; position: absolute; bottom: -1px; left: 0;} #shopping-cart header .breadcrumbs ul li:after{content: ""; background: url(/no_website_malt/static/src/css/../images/mdpi/icon-process.svg) no-repeat; position: absolute; top: 50%; right: 15px; width: 27px; height: 17px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);} #shopping-cart header .breadcrumbs ul li:last-child{padding-right: 0;} #shopping-cart header .breadcrumbs ul li:last-child:after{display: none;} #shopping-cart header .breadcrumbs ul li.text-muted{color: #acacac;} #shopping-cart header .breadcrumbs ul li.text-muted:before{display: none;} #shopping-cart header .breadcrumbs ul li.text-muted:after{background: url(/no_website_malt/static/src/css/../images/mdpi/icon-process-light.svg) no-repeat;} #shopping-cart .content article header img{max-width: 100px;} #shopping-cart .content article header h2{margin: 0px 0 50px 0;} #shopping-cart .content article .content{font-size: 1.4rem;} #shopping-cart .content article .content table{border: 1px solid #d8d8d8;} #shopping-cart .content article .content table thead tr th{border: none; text-align: center; color: #d8d8d8; font-size: 1.4rem; padding: 20px 0; font-weight: 400;} #shopping-cart .content article .content table tr{background: none;} #shopping-cart .content article .content table tr td{vertical-align: middle; text-align: center; border: 1px solid #d8d8d8;} #shopping-cart .content article .content table tr td img{max-width: 200px; padding: 22px;} #shopping-cart .content article .content table tr td .css_quantity{background: none; max-width: 150px; height: 40px; border: 1px solid #000000; margin: 22px;} #shopping-cart .content article .content table tr td .css_quantity .input-group-addon{border-radius: 30px; background: none; border: none; padding: 0 10px; text-align: center; width: auto;} #shopping-cart .content article .content table tr td .css_quantity .input-group-addon:hover{color: #000; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} #shopping-cart .content article .content table tr td .css_quantity input{background: none; color: #000000; font-size: 1.4rem; border: none; text-align: center; -webkit-box-shadow: none; box-shadow: none; width: 50px;} #shopping-cart .content article .content #cart_total span{color: #000 !important;} #shopping-cart .content article .content #cart_total #order_total{font-size: 1.8rem; margin-top: 40px; text-transform: uppercase; font-weight: bold;} #shopping-cart .content article .content .panel{background: #fafafa; border: none; border-radius: 3px;} #shopping-cart .content article .content ul.method li{margin: 0 0 10px 0; padding: 0; list-style: none; font-size: 1.4rem; position: relative;} #shopping-cart .content article .content ul.method li input[type=checkbox]{position: absolute; visibility: hidden; top: 0; left: 0;} #shopping-cart .content article .content ul.method li input[type=checkbox]:checked + label:before{background: transparent url(/no_website_malt/static/src/css/../images/mdpi/check.png) center center no-repeat; -webkit-background-size: contain; background-size: contain;} #shopping-cart .content article .content ul.method li label{padding: 0 0 0 25px; font-weight: 400;} #shopping-cart .content article .content ul.method li label:before{content: " "; display: inline-block; width: 15px; height: 15px; position: absolute; top: 0; left: 0; border: 1px solid #000000;} #shopping-cart .content article.js_payment .content h2{font-size: 2rem; letter-spacing: 0; text-transform: none; color: #d8d8d8;} #shopping-cart .content article.js_payment .content p{font-size: 1.6rem; line-height: normal;} #shopping-cart .content article.border-top{border-top: 1px solid #f1f1f1;} #shopping-cart .content footer{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;} @media (max-width: 767px){#shopping-cart .content footer{display: block;}} #shopping-cart .content footer a{font-size: 1.6rem;} @media (max-width: 767px){#shopping-cart .content footer a{margin-bottom: 20px; display: block; text-align: center;}} #shopping-cart .content.center{text-align: center;} #shopping-cart > footer{background: #fafafa; margin: 90px 0 0 0;} #shopping-cart > footer ul{width: 100%; margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;} @media (max-width: 767px){#shopping-cart > footer ul{-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}} #shopping-cart > footer ul li{list-style: none; padding: 30px 0; display: inline-block; font-size: 1.6rem;} @media (max-width: 767px){#shopping-cart > footer ul li{display: block; text-align: center;}} #shopping-cart > footer ul li i{margin: 0 10px 0 0;} 

/* /no_website_malt/static/src/css/custom.css defined in bundle 'website_multi_theme.auto_assets_website_3' */
  body.o_connected_user{padding-top: 0 !important;} body.o_connected_user .o_main_navbar{z-index:10000;} body.o_connected_user .header{top: 30px;} body.o_connected_user #malt_header{} body.o_connected_user .nav-fixed .secondary-nav{z-index: 3000; margin-top: 19px;} body.o_connected_user .blog-archive main.always-fixed{padding-top: 113px;} body.editor_enable.editor_has_snippets #oe_snippets{margin-top: 34px;} body.editor_enable #web_editor-top-edit{z-index: 100001;} @media screen and (min-width: 992px){body.o_connected_user .nav-fixed .secondary-nav{z-index: 3000;}} #oe_main_menu_navbar{z-index: 100100;} .oe_website_login_container{margin-top:80px;} #oe_snippets{background-image: none !important; box-shadow: none !important; background-color: #111 !important;} #oe_main_menu_navbar .o_menu_systray a[data-action="edit"], #oe_main_menu_navbar .o_menu_systray a[data-action="translate"]{color: #111; background-color: #fff;} #oe_snippets #o_scroll .o_panel_body .oe_snippet .oe_snippet_thumbnail .oe_snippet_thumbnail_img{border: 2px solid #fff !important;} #oe_snippets #snippets_menu, body.editor_enable #web_editor-top-edit, .note-popover .popover, .o_main_navbar{background: #111 !important; border: 0 none !important;} .oe_product_image > a > span{width: 100%; height: 100%; position: relative; float: left;} .oe_product section{text-align: center;} .oe_product{border: 0 none !important;} .oe_snippet .oe_snippet_thumbnail .oe_snippet_thumbnail_title{font-size: 14px !important;} #oe_manipulators .oe_overlay.oe_active{z-index: 40000;} body.editor_enable .js-carrousel-modal{width: 80vw; height: 80vh; top: 15vh; left: 15vw;} body .modal.o_website_modal .modal-dialog{border: 2px solid #000;} body.no-scroll{left: 0; -webkit-overflow-scrolling: touch; position: fixed; top: 0; width: 100%;} .main-header ul.second-nav{display: block;} li.link-icon.link-icon-account{display: none;} .main-header .link-icon-facebook:after, .main-header .link-icon-instagram:after{-o-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);} body{overflow-x: hidden; margin: 0 !important; font-size: initial; border: 0; border-width: 0; <<<<<<< Updated upstream font-family: "nunito Sans", sans-serif; ======= font-family: "Nunito Sans", sans-serif; >>>>>>> Stashed changes overflow-y: scroll;} #wrapwrap{position: inherit; display: inherit; table-layout: inherit; width: auto; height: auto; background: -webkit-linear-gradient(305deg, white 0%, white 85%, #f1f1f1 100%); background: -o-linear-gradient(305deg, white 0%, white 85%, #f1f1f1 100%); background: linear-gradient(145deg, white 0%, white 85%, #f1f1f1 100%); position: relative;} #wrapwrap > main{height: auto;} #wrapwrap > *{display: inherit;} p a{text-decoration: underline !important;} p a.link-red{text-decoration: none !important;} #products_grid.col-md-12 .oe_product.oe_grid .oe_subdescription{max-height: 70px; border-bottom: 1px solid grey;} .products_pager{display: none;} .container.oe_website_sale{margin-top: 100px;} .nav-product-image ul li h2{font-size: 1.2rem; margin: 22px 0 0 0; font-weight: 600; position: absolute; bottom: 22px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); letter-spacing: 0.3rem;} section.s_title{margin-top: -80px;} section.s_title h1{color: #fff;} .blog-list article figcaption footer{display: none; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .homepage .main-header{background: none;} input[type="checkbox"]{-webkit-appearance: checkbox; -moz-appearance: checkbox;} input[type="radio"]{-webkit-appearance: radio; -moz-appearance: radio;} .carousel .carousel-control.right i, .carousel .carousel-control.left i{position: static;} .carousel .carousel-indicators{line-height: 7px;} @media screen and (min-width: 992px){.archive-product .always-fixed, .about-brand .always-fixed, .blog-archive .always-fixed{padding-top: 114px;}.archive-product .always-fixed, .about-brand .always-fixed, .blog-archive .always-fixed{padding-top: 0px; z-index: 1; position: relative; float: left; width: 100%;}} .homepage main > #wrap section{position: relative; background-color: #fff;} .homepage main > #wrap section.slideshow{position: unset; height: 100vh; width: 100%;} @media screen and (min-width: 992px){.focus-list{margin-top: 0px; padding-top: 22px;}} .focus-list{padding-top: 0; margin-top: 0;} .focus-list .item{margin-bottom: 0px;} @media screen and (max-width: 768px){.focus-list .item{padding-bottom: 0;}.homepage main > #wrap section{padding-top: 0;}.no_snippet_big_banner.focus-list .item:first-child{padding-bottom: 0; padding-top: 0;}.focus-list{padding-top: 22px;}section.no_snippet.focus-list.row.snippet_product_showcase_left{padding-top: 0;}footer#main-footer .community .newsletter{width: 100%;}.slider-wrapper{width: 100%;}.main-header .main-nav i{font-size: 1.8rem; height: 2rem; position: relative;}} @media screen and (max-width: 992px){.about-brand .cover.no-image h1{margin-top: 70px; font-size: 29px; line-height: 1.3;}.margin-top-wide{margin-top: 15px;}.margin-bottom-large{margin-bottom: 10px;}} @media (max-width: 768px){.modal-dialog{position: relative; width: auto; margin: 25px 0 10px;}} #products_grid_before .secondary-nav{z-index: 99;} .js-carrousel-image div{display: block; width: 100%; height: 100%; background: no-repeat center/cover; -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);} .main-header li.active a span:after, .main-header li.active a i:after{content: ""; display: block; width: 100%; height: .1rem; background: #000000; position: absolute; bottom: 0; left: 0; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); -o-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);} .main-header a:hover span:after, .main-header li.active > a:hover i:after, .main-header li.active > a span:after, .main-header li.active ul li > a:hover span:after, .main-header li.active > a i:after{-webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);} .archive-product .js-carrousel-images, .about-brand .js-carrousel-images, .blog-archive .js-carrousel-images{display: block; height: 70%;} .js-carrousel-slider{height: 100%;} .js-carrousel-images{display: block; overflow: hidden; background: no-repeat center/cover; position: relative;} .js-carrousel-images span, .js-carrousel-images div{display: block; width: 100%; height: 100%; background: no-repeat center/cover; -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);} .js-carrousel-image span:first-child{display: none;} .js-carrousel-modal .js-carrousel-image > div{display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100%;} .js-carrousel-modal .js-carrousel-image img.img-responsive{max-width: 100%; height: auto; max-height: 100%; display: initial;} .js-carrousel-modal .js-carrousel-image iframe{margin: auto; padding: 0; transform: translate(0, 0); top: 0; bottom: 0; left: 0; right: 0;} .modal .modal-dialog .modal-content .modal-body .image-wrapper{min-height: 299px;} .modal .modal-dialog .modal-content footer a.button{margin-left: 22px;} .modal .newsletter form input{display: inline-block; min-width: 200px; height: 4rem; padding: 0; border: none; border-bottom: 1px solid #d8d8d8; background: none; font-size: 1.4rem; line-height: 4rem; font-weight: 400; float: left;} .modal .input-group.newsletter{width: 100%;} .select2-drop{z-index: 66666 !important;} .js_subscribe_type > .js_subscribe_type{display: none !important;} .s_no_collections_slider{height: calc(100vh - 6.7rem); margin: 0 -11px;} .multi-item-carousel .item > div{height: 100%; padding: 0 !important;} .carousel-inner.js-carrousel-wrapper{display: block; width: 100%; height: 100%; position: relative; margin: 0; padding: 0;} .carousel-inner.js-carrousel-wrapper .js-carrousel-slide{padding: 0;} .homepage .item, .homepage .focus-list{background-color: #fff;} .homepage .product_showcase{background-color: #fff;} footer#main-footer .newsletter_hook .js_subscribe_btn{display: inline-block; height: 3rem; padding: 0; border: 0; background: none; color: #000; text-decoration: none; font-size: 1.6rem; position: relative; font-weight: 300;} footer#main-footer .newsletter_hook .js_subscribe_btn:hover:after{-webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); -o-transform: scale(0, 1); transform: scale(0, 1);} footer#main-footer .newsletter_hook .js_subscribe_btn:after{content: ""; display: block; width: 100%; height: 2px; background: #000; position: absolute; bottom: 0; left: 0; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);} @media screen and (min-width: 992px){.blog-archive main.always-fixed{padding-top: 0;}} footer#main-footer .newsletter form .input-wrapper + .input-wrapper{padding-top: 20px; height: 3rem;} footer#main-footer{} footer{background-color: transparent;} .newsletter_hook .btn-success.js_subscribed_btn{display: none;} @media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape){.main-header .main-nav li{line-height: 3.4rem;}.main-header .main-nav a{font-size: 1.5rem;}.main-header{height: 5.2rem; line-height: 5.2rem;}.main-header:after{height: 5.2rem;}.main-header .main-nav-lang-wrapper{margin-top: 1.2rem;}.nav-product-image div a img{max-height: 138px;}.nav-product-image li{max-height: 300px;}} .select2-drop{z-index: 100000 !important;} .box-aside header{border-bottom: 1px solid #d8d8d8; min-height: 7.1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 22px 0 0;} .box-aside header a{display: inline-block; width: 44px; height: 7.1rem; line-height: inherit; position: relative;} .box-aside header a:after, .box-aside header a:before{content: ""; display: block; width: .2rem; height: 1.6rem; background: #000000; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); -o-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg);} .box-aside header a:after{-webkit-transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); -o-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg);} .box-aside header a i{display: none;} .box-aside header h2{color: #000; font-size: 1.2rem; text-transform: uppercase; margin: 0; padding: 0; font-weight: 300; letter-spacing: 0.2rem;} #filter .content-wrapper{padding-top: 20px;} .box-aside .button{position: absolute; right: 15px; top: 9px; text-transform: uppercase; border-width: 0 0px 1px 0; padding: 0; height: auto; letter-spacing: 0.1em;} .box-aside .button:hover, .box-aside .button:focus{background-color: transparent; color: inherit;} .multi-item-carousel .js-carrousel-slide img{display: block; max-width: 100%; max-height: 100%; object-fit: cover; width: 100%; height: 100%; transition: .3s;} .multi-item-carousel .js-carrousel-slide:hover > img, .multi-item-carousel .js-carrousel-slide a:hover img, .multi-item-carousel .js-carrousel-images a:hover > img{-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);} .multi-item-carousel .carousel-inner .js-carrousel-slide .col-md-4:hover .js-carrousel-images img{-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);} .js-carrousel-images{width: 100%; height: 100%; overflow: hidden;} .multi-item-carousel .js-carrousel-images.compat-object-fit{background-size: cover; background-position: center center;} .multi-item-carousel .js-carrousel-images.compat-object-fit .post__featured-image{opacity: 0;} .multi-item-carousel .js-carrousel-images.compat-object-fit{background-size: cover; background-position: center;} .multi-item-carousel .js-carrousel-images.compat-object-fit img{opacity: 0;} .nav-product-image ul li > h2 > a:hover::before{border: 0 none;} .archive-product main{padding-top: 7rem;} .js-carrousel-prev{left: 25px} .js-carrousel-next{right: 25px} .js-carrousel-next > i:after, .js-carrousel-prev > i:after{content: ''; display: block; width: 50%; height: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; border: .1rem solid white; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-25%, -50%) scale(1, 1) rotate(45deg); -ms-transform: translate(-25%, -50%) scale(1, 1) rotate(45deg); -o-transform: translate(-25%, -50%) scale(1, 1) rotate(45deg); transform: translate(-25%, -50%) scale(1, 1) rotate(45deg); border-top: 0; border-right: 0;} .js-carrousel-next > i:after{-webkit-transform: translate(-75%, -50%) scale(1, 1) rotate(225deg); -ms-transform: translate(-75%, -50%) scale(1, 1) rotate(225deg); -o-transform: translate(-75%, -50%) scale(1, 1) rotate(225deg); transform: translate(-75%, -50%) scale(1, 1) rotate(225deg);} .nav-product-image div a:hover img{-webkit-transform: translate(-50%, -50%) scale(1.1) !important; -ms-transform: translate(-50%, -50%) scale(1.1) !important; -o-transform: translate(-50%, -50%) scale(1.1) !important; transform: translate(-50%, -50%) scale(1.1) !important;} footer#main-footer nav#footer_nav ul li:first-child{margin-bottom: 6px;} footer#main-footer nav#footer_nav ul li{margin: 0 0 6px 0;} .colophon .pull-left p{margin: 0 22px 0 0;} a.custom-link, .cd-hero .cd-hero-slider li a.custom-link{width: 100%; height: 100%; position: absolute !important; z-index: 100; display: block; background: transparent; left: 0; top: 0; text-indent: -10000px;} body.editor_enable a.custom-link, body.editor_enable .cd-hero .cd-hero-slider li a.custom-link{width: auto; height: 40px; content: 'link'; text-indent: 1px; padding: 0 25px; background-color: #5F5F95; color: #fff; line-height: 40px; font-weight: 600; left: 40px; top: 40px;} body.editor_enable a.custom-link::after, body.editor_enable .product_showcase a.custom-link::after, body.editor_enable .cd-hero .cd-hero-slider li a.custom-link::after{content: "\f0c1"; margin-left: 10px; font-family: "FontAwesome";} .nav-product-image li h2 a:hover{border: 0 none; outline: none;} .nav-product-image li h2 a:hover::before{border: 0 none; outline: none;} body.editor_enable .nav-product-image ul li h2{z-index: 1;} .nav-product-image ul li h2{z-index: -1;} .js-carrousel-images a.custom-link{height: calc(100% + 22vh);} .main-header .link-icon-instagram{} .main-header .main-nav-lang-wrapper{margin-right: 10px;} .link-icon a i{background: none; height: 1.3rem;} footer#main-footer .community .social ul li{margin-right: -2px;} footer#main-footer .community .social ul li a{text-align: center; height: 4rem; line-height: 3.8rem; width: 4rem;} footer#main-footer .community .social ul li a:hover i{color: #fff;} footer#main-footer .community .social .link-icon a i{height: 1.6rem; font-size: 1.6rem; display: initial; position: unset;} footer#main-footer{padding-top: 88px; padding-bottom: 0;} .archive-product .js-carrousel-next, .archive-product .js-carrousel-prev{z-index: 1000;} .product-grid .product .product-image-wrapper .carousel{width: 100%; text-align: center; margin: 0 auto;} .cd-hero .cd-hero-slider{background: transparent;} body.o_connected_user .box-aside.open-box{margin-top: 35px;} @media (max-width: 767px){body{border-width: 15px;}.slider-wrapper{min-height: 350px; width: calc(100% - 30px);}#myCarousel1519722549967{display: none;}#wrapwrap::after{height: 15px; bottom: -15px;}} @media (max-width: 420px){} @media (max-width: 420px){.about-brand .cover.big{height: calc(100vh - 7.2rem - 6.4rem);}} section.no_snippet_text_content.about-brand.about-brand-content{z-index: 100; background-color: #fff; position: relative;} .photos div.carousel .carousel-indicators li{box-shadow: none;} .content-wrapper-single-product .single-product .photos .carousel-indicators li{width: 22px; height: 22px; margin: 0 4px; border-radius: 50%;} .content-wrapper-single-product .single-product .photos .carousel-indicators li:after{width: 22px; height: 22px; padding: 2px; border: 1px solid #d8d8d8; border-radius: 50%;} .content-wrapper-single-product .single-product .photos .carousel-indicators li.active:after{border-color: #ccc; background-color: #ccc;} .content-wrapper-single-product .single-product .photos .carousel-control{bottom: 7px;} .js_attribute_value label{margin-bottom: 0;} .content-wrapper-single-product .single-product aside article.color ul li label{border: 0 none; padding: 0;} .content-wrapper-single-product .single-product aside article.color ul li label:hover{border: 0 none; padding: 0;} .content-wrapper-single-product .single-product aside article.color ul li a{padding: 0px 2px 2px 2px;} .o_pop_up_modal.modal{background-color: transparent; z-index: 99999;} .o_pop_up_modal.modal .modal-dialog{position: absolute; top: unset; bottom: 25px; left: 20px; -webkit-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; border: 1px solid #000;} .modal .modal-dialog .modal-content footer{padding: 0 0 20px 0;} .modal-footer{border-top: 0 none;} @media (min-width: 768px){.o_pop_up_modal.modal .modal-dialog{width: 490px; margin: 0 auto;}} .product-grid .product .product-image-wrapper .carousel .carousel-indicators li{border-color: transparent; background-color: #ececec; box-shadow: none;} @media screen and (max-width: 768px){.no_snippet.focus-list.snippet_product_showcase_right{padding-top: 22px;}} li.link-icon a:hover i:after{content: none;} @media screen and (max-width: 767px){.focus-list .item .image-wrapper{height: 64vh;}} .homepage section.no_snippet.no_collection_snippet{border-bottom: 1px solid #e5e5e5; padding-left: 25px; padding-right: 25px;} .nav-product-image{border-bottom: 0 none;} .archive-product .js-carrousel-next, .archive-product .js-carrousel-prev{top: 35%;} .blog-list article a .image-wrapper.small-size{min-height: 220px; height: 220px;} .blog-list article a .image-wrapper.small-size img{display: block; max-width: 100%; max-height: 100%; object-fit: cover; width: 100%; height: 100%; transition: .3s;} footer.animated, footer.fade-to-top{transform: none !important; transition: none !important;} .homepage footer.animated, .homepage footer.fade-to-top{transform: inherit; transition: inherit;} footer .colophon{margin-bottom: 0;} .panel-group .panel{border-radius: 0; box-shadow: none;} .panel-default > .panel-heading{color: #000; border-radius: 0; cursor: pointer;} .content-wrapper-single-product .single-product .photos .carousel-indicators li:after{width: 19px; height: 19px;} .content-wrapper-single-product .single-product .photos .carousel-indicators li{margin: 0 2px;} .content-wrapper-single-product .single-product aside article.color ul li{margin: 0 8px 11px 0;} .single-product aside article.color .color-name{font-weight: normal; font-size: 10px; text-align: center; margin: 0 auto; display: block;} @media screen and (max-width: 767px){footer#main-footer .community .newsletter form input{width: 100% !important; min-width: auto;}.link-icon a i{-webkit-transform: translate(-50%, -50%) !important; -ms-transform: translate(-50%, -50%) !important; -o-transform: translate(-50%, -50%) !important; transform: translate(-50%, -50%) !important;}.main-header .main-nav-lang-current{font-size: 1.4rem; top: -10px;}} .btn-dismiss{text-decoration: underline; color: #333; border: 0 none; font-size: 13Px; padding: 22px 0 0 0;} .modal .modal-dialog .modal-content header{padding: 22px 0 0; border: 0 none;} .newsletter_hook{padding-top:20px} .modal .input-group.newsletter{margin-left: -10px;} .modal .modal-dialog .modal-content .modal-body .content{padding: 22px 0;} .modal .modal-dialog .modal-content .modal-body .content input{width: auto !important;} .modal .modal-dialog .modal-content footer a.button{margin-left: 22px; height: 40px; padding: 8px 33px;} @media screen and (max-width: 767px){.modal .modal-dialog .modal-content .modal-body .content input{width: 100% !important;}} @media screen and (max-width: 900px){.o_pop_up_modal.modal{display: none !important;}} .o_website_sale_search.o_website_search .form-control:focus{border-color: transparent; box-shadow: none;} footer#main-footer{width: 100%;} body.modal-open{overflow: hidden;} .about-brand .js-carrousel-next{right: 3px;} .focus-list.snippet_product_showcase_right_alt .item.grey:hover .image-wrapper img, .focus-list.snippet_product_showcase_left_alt .item.grey:hover .image-wrapper img{opacity: 1;} #products_grid_before + .oe_structure .no_snippet_full_width_picture{margin-top: 65px;} .modal .modal-dialog .modal-content footer button{background-color:transparent;} body.modal-open{overflow: inherit;} div#newsletterModal.o_pop_up_modal.modal.fade.fade-custom.in{display:none; width: 540px; height: 425px; bottom: 0; position: fixed; z-index: 100; top: unset;} .homepage div#newsletterModal.o_pop_up_modal.modal.fade.fade-custom.in{display:block;} .main-header li ul{width: 100%; margin-top: -15px;} .product .color-nbr{position: absolute; bottom: 21px; margin: 0 auto; width: 100%; text-align: center; display: block; left: 0; right: 0; font-weight: normal; font-size: 9px; text-transform: uppercase; color: #000; letter-spacing: 0.08em; font-style: normal; opacity: 0; transition: all 0.5s ease;} .product:hover .color-nbr{opacity: 1;} .search-result{float:left; position:relative; width:100%;} .search-result li{display: block; width: 100%; margin: 15px 0 0 0; float: left; border-bottom: 1px solid #ddd; padding-bottom: 10px; padding-top: 3px;} .search-result li img{float: left; margin: 0 10px 10px 0; max-width: 172px;} .search-result div{left: 10px; position: relative; margin-top: 15px; font-size: 18px;} .search-result .product-cat-search{float: left; left: 10px; position: relative; font-size: 10px; text-transform: uppercase; display: block; margin-top: 3px; letter-spacing: 0.06em;} .search-result li a:hover div{} .no-result{float: left; width: 100%; margin-left: 40px; margin-top: 20px;} .no_snippet_brand_top_nav.about-brand{z-index: 999; position: relative; width: 100%; float: left;} div#products_grid_before{padding-top: 70px; margin-top: -70px;} #products_grid_before + .oe_snippet_body.no_snippet.no_snippet_full_width_picture.about-brand{margin-top: 64px;} .nav-product-image div h2 a::before{border: 0 none;} .main-nav-wrapper.show::after{position: absolute; left: 0; bottom: -100%; width: 100%; height: 100%; background-color: #fff; content: "";} @media screen and (max-width: 768px){.product .color-nbr{opacity: 1;}} .o_connected_user .js-carrousel-close{margin-top: 50px;} .box-aside#search header form input{width: 100%;} #search.box-aside .button{padding: 0 14px; border: 0 none;} #search.box-aside .button:hover, #search.box-aside .button:focus{background-color: transparent; color: inherit;} #search.box-aside .button i{font-size: 20px;} article.about-brand-article.js-parallax-wrapper.col-xs-12{padding-right: 0 !important; padding-left: 0 !important;} .js-parallax{width: 100%; position: relative; float: left;} .js-parallax-wrapper{max-height: 44vh;} section.no_snippet.no_snippet_more_content_link.about-brand.about-brand-content{position: relative; z-index: 100; width: 100%; float: left;} .archive-product .oe_snippet_body.no_snippet.no_snippet_full_width_picture.about-brand{margin-top: 64px;} @media (max-width: 560px){.archive-product .js-carrousel-images{height: 50%;}.archive-product .js-carrousel-next, .archive-product .js-carrousel-prev{top: 31%;}} @media screen and (max-width: 768px){.s_no_collections_slider{display:none}.media_iframe_video{margin-top: 100px !important;}} @media screen and (max-width: 991px){.js-parallax-wrapper{max-height: none !important;}} .alert-success{display: none;} @media screen and (max-width: 768px){.noscroll{overflow: hidden; position: fixed;}} .content-wrapper-single-product .single-product aside article.color ul li a{padding: 0; width: 22px; height: 22px; display: block; margin-bottom: 4px; margin-right: 6px;} .content-wrapper-single-product .single-product aside article.color ul li label a::after{position: absolute; content: ""; display:block; background-color: #fff; z-index: 1; height: 20px; width: 20px;} .content-wrapper-single-product .single-product aside article.color ul li label a:before{position: absolute; content: ""; background-color: #fff; z-index: 2; height: 26px; width: 1px; display:block; transform: rotate(-45deg); left:10px; top:-3px;} .content-wrapper-single-product .single-product aside article.color ul li label img{max-width: 20px; max-height: 20px; z-index: 2; position: absolute; top: 0; left: 0; display: none;} .single-product aside article.color .color-name{font-weight: normal; font-size: 10px; text-align: center; margin: 0 auto; display: block; position: relative; left: -3px; top: -3px;} @media screen and (max-width: 1200px){.content-wrapper-single-product .single-product .photos .carousel{max-height: 32rem; height: 100vh;}.content-wrapper-single-product .single-product .photos .carousel-inner::before{top: 10%;}.content-wrapper-single-product .single-product .photos .carousel-inner{top: 70%;}} @media screen and (max-width: 768px){.content-wrapper-single-product .single-product .photos .carousel-inner{top: 50%;}.content-wrapper-single-product .single-product .photos .carousel{max-height: 350px;}.content-wrapper-single-product .single-product .photos .carousel-inner::before{background-size: 60%; left:20%; top: 0;}} @media screen and (max-width: 600px){.about-brand .cover.cover-dark h1{line-height: 1.2; padding: 0 20px; font-size: 24px;}.content-wrapper-single-product .single-product .photos .carousel{max-height: 300px;}} @media screen and (max-width: 500px){section.no_snippet.no_snippet_spacer .row{height: 50px !important;}.content-wrapper-single-product .single-product .photos .carousel-inner::before{background-size: 100%; left:0; top:-20px;}.content-wrapper-single-product .single-product .photos .carousel{max-height: 200px;}} @media screen and (max-width: 420px){section.no_snippet.no_snippet_full_width_picture.about-brand section.cover.cover-dark.js-replace-img{margin-top: 52px;}article.col-xs-12 h1{margin-top: 30px;}.content-wrapper-single-product .single-product aside article.color ul li{margin: 0 7px 5px 0;}.content-wrapper-single-product .single-product .photos .carousel-inner::before{background-size: 100%; left:0; top:0;}section.single-product.container{padding-left: 0; padding-right: 0;}.content-wrapper-single-product .single-product .photos .carousel{max-height: 210px; margin-top: -25px;}.content-wrapper-single-product .single-product .thumbnail{margin-top: -25px;}.content-wrapper-single-product .single-product .thumbnail ul li{margin: 0;}.about-brand .cover{height: 30vh !important; z-index: 200; margin-top: 52px;}section.no_snippet_full_screen_video.about-brand{height: 46vh !important; z-index: 200; margin-top: 105px; margin-bottom: 0;}} @media screen and (max-width: 320px){.content-wrapper-single-product .single-product .photos .carousel{max-height: 158px; margin-top: -20px;}} #newsletterModal.o_pop_up_modal.modal.fade.fade-custom.in{display: none; width: 540px; height: 425px; bottom: 20px !important; position: fixed; z-index: 100; top: unset; left: 25px !important;} .product-social-links .social .link-icon{display: inline-block;} .product-social-links .social ul{margin-left: 0; padding-left: 0;} section.no_snippet.no_snippet_full_width_picture.about-brand{position: relative;} element.style{} .about-brand .cover.cover-dark h1{color: white;} .about-brand .cover.cover-dark h1{line-height: 1.2; color: #fff; font-size: 5rem; <<<<<<< Updated upstream letter-spacing: 0.18em; ======= >>>>>>> Stashed changes} .about-brand .cover h1{z-index: 10;} .embed-responsive header.cover.big.cover-dark.js-replace-img{border-bottom: 25px solid #fff;} a.link-red.pull-right{border-bottom: 1px solid red; margin-right: 35px;} a.link-red.pull-right::after{background: url(/no_website_malt/static/src/css/../images/mdpi/icons-sprite-more.svg) no-repeat; content: ""; position: absolute; right: -32px; top: 2px; width: 20px; height: 20px;} section.no_snippet.s_no_collections_slider_four_columns.archive-product.carousel-slider-control{margin-left: -11px; margin-right: -11px;} .form-control:focus{border-color: transparent; outline: 0; -webkit-box-shadow: none; box-shadow: none;} .about-brand .cover h1{width: 100%; padding: 0 20px;} body.editor_enable #newsletterModal.o_pop_up_modal.modal.fade.fade-custom.in{left: 235px !important;} .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right{left: 0; opacity: 1; z-index: -1;} .carousel-inner > .item.prev, .carousel-inner > .item.left{transform: none important; transition: none important;} .carousel-inner > .item.prev, .carousel-inner > .item.right{transform: none important; transition: none important;} .cd-hero .cd-hero-slider li.selected{transition: 0s important; -webkit-transition: 0s important; -o-transition: 0s important; transition: 0s important;} .cd-hero .cd-hero-slider li.selected div.cd-img-container img{-webkit-transform: none; -ms-transform: none; -o-transform: none; transform: none; -webkit-transition: none; -o-transition: none; transition: none;} .homepage .cd-hero .item{background-color: transparent;} .carousel-fade .carousel-inner .item{opacity: 0; transition-property: opacity;} .carousel-fade .carousel-inner .active{opacity: 1;} .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right{left: unset; opacity: 1; z-index: 1; background: transparent; transform: none;} .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right{opacity: 1;} .carousel-fade .carousel-control{z-index: 2;} #filter .content-wrapper .delete-filter{padding: 0 0 22px 0;} .archive-product .oe_snippet_body.no_snippet.no_snippet_full_width_picture.about-brand > section{margin-top: 0;} section.no_snippet_right_aligned_text.about-brand, section.no_snippet_full_width_text.about-brand{z-index: 10; position: relative; background-color: #fff;} .no_pager_inline ul{list-style: none; padding-top: 20px;} .no_pager_inline ul li{display: inline; margin-right: 20px;} .no_pager_inline ul li.active{font-weight: bold;} .focus-block .item{height: 75vh; padding: 0 !important; position: relative;} .focus-block .item .image-wrapper{height: 100%; overflow: hidden;} .focus-block .item .hover{position: absolute; left: 50%; bottom: 22px; text-align: center; color: #fff; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);} .focus-block .item .hover h2{font-size: 3.5rem;} .focus-block h3{font-weight:600;font-size:1.5rem;} .no-padding-important, .no-padding, .multi-item-carousel .item > div{padding:0 !important;} .secondary-nav{padding: 0 25px; z-index:3000;} .homepage.white-header .main-header{background-color: transparent;} .homepage .main-header{background-color: #ffffff;} .cd-hero .cd-hero-slider li div.cd-img-container figcaption h2{font-family: "Droid Serif", serif; color: #fff; font-size: 5rem; font-weight: normal;} .nav-fixed .secondary-nav{transition: top 0.3s ease-in-out;} @media screen and (min-width: 992px){.nav-fixed .secondary-nav{top: 72px;}.nav-up + main .nav-fixed .secondary-nav{top: 0;}#products_grid_before .secondary-nav{transition: margin-top 0.3s ease-in-out;}.nav-fixed #products_grid_before .secondary-nav{margin-top: -72px;}.main-header.nav-up{top: -72px;}.main-header.nav-down + .nav-fixed #products_grid_before .secondary-nav{margin-top: 0;}} .archive-product .js-carrousel-next, .archive-product .js-carrousel-prev{top: 35%; background-color: rgba(0,0,0,.2); padding: 5px; height: 45px; width: 45px;} .about-brand .cover.big.cover-dark.cover h3{display: inline-block; margin: 0; line-height: 4.8rem; text-align: center; position: absolute; bottom: 42px; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); color:#fff; text-transform: inherit; font-weight: 300; font-size: 21px;} .about-brand .cover.big.cover-dark.cover h1{bottom: 84px;} .no_snippet_full_screen_video .about-brand .cover.big{height: calc(100vh - 5.8rem - 5.8rem);} @media screen and (max-width: 900px){.no_snippet_full_width_picture, .no_snippet_full_screen_video{margin-top: 71px;}.about-brand .cover{height: 40vh !important;}.about-brand .cover.cover-dark h1{color: #fff; font-size: 3.3rem;}.about-brand .cover.big.cover-dark.cover h3{bottom: 10px;font-size: 19px;}.about-brand .cover.big.cover-dark.cover h1{bottom: 50px;}} section.no_snippet.no_snippet_two_columns_articles_malt{margin-top: 80px;} section.no_snippet_full_width_text.about-brand, section.no_snippet_text_content.about-brand.about-brand-content{padding-top: 40px;} .homepage .about-brand .cover.big{height: 100vh;} @media screen and (max-width: 1200px){.homepage.white-header .main-header{background-color: #fff; position: fixed;}.main-header nav{}} @media screen and (max-width: 768px){.focus-block .item, .focus-list .item .image-wrapper{height: 50vh;}.archive-product main{padding-top: 5rem;}.no_snippet_full_width_picture, .no_snippet_full_screen_video{margin-top: 51px;}.main-header nav{padding: 0 15px;}.secondary-nav{padding: 0 15px; top: 4.8rem;}.about-brand .cover{height: 35vh !important;margin-top: 52px;}} @media screen and (max-width: 450px){.about-brand .cover{height: 28vh !important;}} .main-header .link-icon-facebook:after, .main-header .link-icon-facebook:before{content: ""; display: block; width: 1px; height: 25%; background: #000000; position: absolute; top: 37.5%; left: -11px; -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);} .homepage.white-header .main-header .link-icon-facebook:after, .homepage.white-header .main-header .link-icon-facebook:before{background: #fff;} .main-header .link-icon-facebook:after{left: auto; right: -11px;} .homepage.white-header .main-header nav:after{background: transparent;} .archive-product .oe_snippet_body.no_snippet.no_snippet_full_width_picture.about-brand{margin-top: 0;} .main-header li ul{width: 100%; min-width: 214px; left: -38px;} @media screen and (max-width: 767px){.focus-list .item.grey figcaption{width: 100%; text-align: center; right: 0; left: 0; background-color: rgba(255,255,255,.4); padding-top:15px; bottom: 0; padding-left: 25px; padding-right: 25px;}} #website_cookie_notice{padding: 10px 0; background-color: rgba(0,0,0,0.8); color: #fff; position: fixed; width: 100%; bottom: 0; z-index:9000; font-size: 13px; left: 0;} #website_cookie_notice a{color: #fff; text-decoration: underline;} #website_cookie_notice .btn.btn-primary{background-color: #fff; border-radius: 0; color: #000; text-decoration: none; margin-top: 4px;} .homepage .about-brand .cover.big .logo-banner{display: block !important;position: absolute;left: 50%;transform: translateX(-50%) !important;bottom: 30px;} section.oe_snippet_body.no_snippet.no_snippet_full_width_picture.about-brand.homepage-full-banner h1{bottom: 148px;letter-spacing: 0.2em;} section.oe_snippet_body.no_snippet.no_snippet_full_width_picture.about-brand.homepage-full-banner h3{bottom: 138px;} @media screen and (max-width: 460px){.homepage .about-brand .cover.big .logo-banner{bottom: 10px; max-width:180px;}section.oe_snippet_body.no_snippet.no_snippet_full_width_picture.about-brand.homepage-full-banner h3{bottom: 94px;}section.oe_snippet_body.no_snippet.no_snippet_full_width_picture.about-brand.homepage-full-banner h1{bottom: 104px;}} .secondary-nav ul li a{color: #b3b3bd;} .js-parallax.no-parallax{margin-top: 0 !important; padding-bottom: 10vh !important; overflow: hidden;} .js-parallax.no-parallax .js-parallax-block + .js-parallax-block{margin-top: -1rem;} .panel-body p a br{display: none} .website_blog .js_publish_management{top: -20px;} .homepage #wrap > .focus-list{padding-top: 0; margin-top: 0;} @media screen and (min-width: 768px){.homepage #wrap > .oe_structure > .focus-list{padding-top: 22px;padding-bottom: 22px; margin-top: 0;}} .js-parallax-block footer.col-xs-12.clearfix.padding-top-wide.padding-bottom-wide{padding-bottom: 22px; padding-top: 22px;} .about-brand-img img{width: 100%; z-index: 1000; position: relative;} .about-brand-img img{width: 100%; z-index: 1000; position: relative;} .homepage .js-parallax.no-parallax .js-parallax-block + .js-parallax-block{margin-top: -9rem;} @media (max-width: 767px){.slider-wrapper{width: calc(100% - 0px);}} @media screen and (max-width: 1199px){.main-header .main-nav li ul{display:none;}.main-header .main-nav li ul.main-nav-lang-list{display:block;}.main-header .main-nav li{background: #fff;}} .no_pager_inline li a{font-size:14px;} @media (min-width: 768px){.collections-banner{display:none;}.o_connected_user .collections-banner{display:block;}} 

/* /no_website_malt/static/src/css/bootstrap-select.min.css defined in bundle 'website_multi_theme.auto_assets_website_3' */
select.bs-select-hidden,select.selectpicker{display:none!important} .bootstrap-select{width:220px\9} .bootstrap-select>.dropdown-toggle{width:100%;padding-right:25px;z-index:1} .bootstrap-select>.dropdown-toggle.bs-placeholder,.bootstrap-select>.dropdown-toggle.bs-placeholder:active,.bootstrap-select>.dropdown-toggle.bs-placeholder:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder:hover{color:#999} .bootstrap-select>select{position:absolute!important;bottom:0;left:50%;display:block!important;width:.5px!important;height:100%!important;padding:0!important;opacity:0!important;border:none} .bootstrap-select>select.mobile-device{top:0;left:0;display:block!important;width:100%!important;z-index:2} .error .bootstrap-select .dropdown-toggle,.has-error .bootstrap-select .dropdown-toggle{border-color:#b94a48} .bootstrap-select.fit-width{width:auto!important} .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){width:220px} .bootstrap-select .dropdown-toggle:focus{outline:thin dotted #333!important;outline:5px auto -webkit-focus-ring-color!important;outline-offset:-2px} .bootstrap-select.form-control{margin-bottom:0;padding:0;border:none} .bootstrap-select.form-control:not([class*=col-]){width:100%} .bootstrap-select.form-control.input-group-btn{z-index:auto} .bootstrap-select.form-control.input-group-btn:not(:first-child):not(:last-child)>.btn{border-radius:0} .bootstrap-select.btn-group:not(.input-group-btn),.bootstrap-select.btn-group[class*=col-]{float:none;display:inline-block;margin-left:0} .bootstrap-select.btn-group.dropdown-menu-right,.bootstrap-select.btn-group[class*=col-].dropdown-menu-right,.row .bootstrap-select.btn-group[class*=col-].dropdown-menu-right{float:right} .form-group .bootstrap-select.btn-group,.form-horizontal .bootstrap-select.btn-group,.form-inline .bootstrap-select.btn-group{margin-bottom:0} .form-group-lg .bootstrap-select.btn-group.form-control,.form-group-sm .bootstrap-select.btn-group.form-control{padding:0} .form-group-lg .bootstrap-select.btn-group.form-control .dropdown-toggle,.form-group-sm .bootstrap-select.btn-group.form-control .dropdown-toggle{height:100%;font-size:inherit;line-height:inherit;border-radius:inherit} .form-inline .bootstrap-select.btn-group .form-control{width:100%} .bootstrap-select.btn-group.disabled,.bootstrap-select.btn-group>.disabled{cursor:not-allowed} .bootstrap-select.btn-group.disabled:focus,.bootstrap-select.btn-group>.disabled:focus{outline:0!important} .bootstrap-select.btn-group.bs-container{position:absolute;height:0!important;padding:0!important} .bootstrap-select.btn-group.bs-container .dropdown-menu{z-index:1060} .bootstrap-select.btn-group .dropdown-toggle .filter-option{display:inline-block;overflow:hidden;width:100%;text-align:left} .bootstrap-select.btn-group .dropdown-toggle .caret{position:absolute;top:50%;right:12px;margin-top:-2px;vertical-align:middle} .bootstrap-select.btn-group[class*=col-] .dropdown-toggle{width:100%} .bootstrap-select.btn-group .dropdown-menu{min-width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .bootstrap-select.btn-group .dropdown-menu.inner{position:static;float:none;border:0;padding:0;margin:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none} .bootstrap-select.btn-group .dropdown-menu li{position:relative} .bootstrap-select.btn-group .dropdown-menu li.active small{color:#fff} .bootstrap-select.btn-group .dropdown-menu li.disabled a{cursor:not-allowed} .bootstrap-select.btn-group .dropdown-menu li a{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .bootstrap-select.btn-group .dropdown-menu li a.opt{position:relative;padding-left:2.25em} .bootstrap-select.btn-group .dropdown-menu li a span.check-mark{display:none} .bootstrap-select.btn-group .dropdown-menu li a span.text{display:inline-block} .bootstrap-select.btn-group .dropdown-menu li small{padding-left:.5em} .bootstrap-select.btn-group .dropdown-menu .notify{position:absolute;bottom:5px;width:96%;margin:0 2%;min-height:26px;padding:3px 5px;background:#f5f5f5;border:1px solid #e3e3e3;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05);pointer-events:none;opacity:.9;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .bootstrap-select.btn-group .no-results{padding:3px;background:#f5f5f5;margin:0 5px;white-space:nowrap} .bootstrap-select.btn-group.fit-width .dropdown-toggle .filter-option{position:static} .bootstrap-select.btn-group.fit-width .dropdown-toggle .caret{position:static;top:auto;margin-top:-1px} .bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark{position:absolute;display:inline-block;right:15px;margin-top:5px} .bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text{margin-right:34px} .bootstrap-select.show-menu-arrow.open>.dropdown-toggle{z-index:1061} .bootstrap-select.show-menu-arrow .dropdown-toggle:before{content:'';border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid rgba(204,204,204,.2);position:absolute;bottom:-4px;left:9px;display:none} .bootstrap-select.show-menu-arrow .dropdown-toggle:after{content:'';border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;position:absolute;bottom:-4px;left:10px;display:none} .bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before{bottom:auto;top:-3px;border-top:7px solid rgba(204,204,204,.2);border-bottom:0} .bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after{bottom:auto;top:-3px;border-top:6px solid #fff;border-bottom:0} .bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before{right:12px;left:auto} .bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after{right:13px;left:auto} .bootstrap-select.show-menu-arrow.open>.dropdown-toggle:after,.bootstrap-select.show-menu-arrow.open>.dropdown-toggle:before{display:block} .bs-actionsbox,.bs-donebutton,.bs-searchbox{padding:4px 8px} .bs-actionsbox{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .bs-actionsbox .btn-group button{width:50%} .bs-donebutton{float:left;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .bs-donebutton .btn-group button{width:100%} .bs-searchbox+.bs-actionsbox{padding:0 8px 4px} .bs-searchbox .form-control{margin-bottom:0;width:100%;float:none}