.breadcrumb, #header.menu-side .social-icons .social-label, #header.menu-side .social-icons .social-icon .fa-brands, .menu-agency-switch, #languages, .menu-link-arrow, #model2980, .afterMenu{ display: none; } #header{ height: 45px; bottom: 0px; top: auto; background: #ffffff!important; } #mainsection{ margin: 70px 0 0 0; } .modeldetail #mainsection{ margin: 0px 0 0 0; } .modeldetail .logo{ opacity: 0; pointer-events: none; } body{ font-size: 13px; } .page-block-txt p, .page-block-txt ul{ font-size: 18px; } #wrapper #pageBlockPage, #wrapper .modeldetail .page-block img, #wrapper .modeldetail #modelhashnav{ filter: blur(0px); transform-origin: center; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } #theBody.models #wrapper #pageBlockPage.agrid{ filter: none; } #wrapper.ajaxloading #pageBlockPage{ filter: blur(2px); } .home #wrapper.ajaxloading .page-block img{ transform: scale(0.97); } #wrapper.ajaxloading .modeldetail .page-block img, #wrapper.ajaxloading .modeldetail #modelhashnav, #wrapper.ajaxloading #le-journal---full img{ filter: blur(2px); transform: scale(0.99); } @media (min-width: 768px){ #wrapper #header{ filter: blur(0px); transform-origin: center; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } #wrapper.ajaxloading #header{ filter: blur(2px); transform: scale(0.99); } } #basicloadercontainer.ajaxloading{ background: none; } #basicloadercontainer.ajaxloading svg{ display: none; } #SearchModal{ background: none; } .navbar-toggle{ top: 0px; left: 0px; background: none; } .navbar-toggle .icon-bar{ display: none; } .navbar-toggle::before{ position: absolute; left: 15px; top: 0px; line-height: 25px; content: 'menu'; text-transform: uppercase; display: block; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .navbar-toggle::after{ position: absolute; left: 15px; top: 45px; line-height: 25px; content: 'close'; text-transform: uppercase; display: block; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .search-open .navbar-toggle{ top: 45px; } .menuactive .navbar-toggle::before{ top: 45px; } .menuactive .navbar-toggle::after{ top: 0px; } #header.menu-side .social-icons .social-icon{ width: 100%; } #extraMenu{ background: none; } @media (max-width: 767px){ .logo{ position: fixed; top: 15px; left: 15px; width: 75px; z-index: 10; opacity: 0; pointer-events: all; } #wrapper::before{ position: fixed; top: 15px; left: 15px; width: 75px; height: 36px; z-index: 10; background: url("../img/logo.svg"); background-repeat: no-repeat; background-size: contain; mix-blend-mode: difference; display: block; content: ''; z-index: 50000; pointer-events: none; } .mainmenu{ position: fixed; top: auto; bottom: 45px; max-height: 0px!important; margin: 0px; pointer-events: none; opacity: 1!important; } .menuactive .mainmenu{ pointer-events: all; max-height: calc(100vh - 45px)!important; } .navbar-nav li.active a.menu-link{ background: #ffffff; color: #000000; } .mainmenu .navbar{ width: 50%; } .mainmenu ul.navbar-nav li{ text-align: left; margin: 5px 0px 0px 0px; } .mainmenu ul.navbar-nav li a{ text-transform: uppercase; } #mainmenu a{ opacity: 0; position: relative; } .mainmenu .navbar-nav{ width: 100%; padding: 0px 0px 0px 0px; height: 250px; align-content: flex-start; overflow: hidden; } #theMain{ height: 100%; display: flex; align-items: flex-end; } #theMain .navbar-nav{ } #theMain .navbar-nav li a{ font-size: 1.0em; padding: 5px 0px 0px 15px; } .mainmenu #extraMenu .navbar{ width: 100%; } .mainmenu #extraMenu{ width: 50%; left: 50%; padding: 0px 0px 0px 0px; } .mainmenu #extraMenu{ width: 50%; left: 50%; padding: 0px 0px 0px 0px; } .extra-menu ul li a{ padding: 5px 0px 0px 0px; } #header .social-icons{ } .menuactive #header .social-icons{ opacity: 1; z-index: 10000; } #header .social-icons .social-icon{ padding:0px 0px 5px 0px; margin: 0px; } #menu-search{ bottom: 0px; top: auto; padding: 0px; pointer-events: all; } .menuactive #menu-search{ opacity: 0; pointer-events: none; } #menu-search .search-init{ position: fixed; top: auto; bottom: 0px; height: 45px; line-height: 45px; padding: 0px 15px; opacity: 1!important; } #menu-search .search-init .opensearch{ left: 50vw; } .models #menu-search{ display: none; } #SearchModal{ pointer-events: none; position: absolute; bottom: -100px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } #SearchModal.in { bottom: 0px; } #search_names{ position: absolute; top: auto; bottom: -1px; padding-left: 80px; opacity: 0; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } #menu-search.in #search_names{ opacity: 1; } #search_names .form-control{ pointer-events: none; } #SearchModal.in .form-control{ pointer-events: all; } .search_categories{ margin-bottom: 35px; justify-content: space-between; pointer-events: all; } .search_categories span.label{ display: none; } #menu-search.in .search-init .opensearch{ } #menu-search .search-init .closesearch{ top: 45px; } #menu-search.in .search-init .closesearch{ top: 0px; } } @media (min-width: 768px){ .logo{ width: 120px!important; z-index: 10000; } #header.menu-side{ background: #ffffff; min-height: -webkit-fill-available; max-height: -webkit-fill-available; } #header .container{ height: 100vh; display: flex; align-items: stretch; } #header .container .row{ align-items: flex-start; } #theBody.menu-side #mainsection{ min-height: 100vh; } .menu-side .mainmenu .navbar-nav { margin: 30px 0px 30px 0px; } .menu-side .mainmenu #theMain .navbar-nav { margin: 90px 0px 60px 0px; } .menu-side .navbar-nav li a.menu-link-arrow{ display: none; } #extraMenu{ bottom: 0px; } .menu-side .navbar-nav li{ background: #ffffff; } .menu-side .navbar-nav li a{ padding: 0px 15px 3px 15px; text-transform: uppercase;/* color: rgba(255,255,255,0.4); mix-blend-mode: difference;*/ } .extra-menu .navbar-nav{ margin: 0px 0px 30px 0px !important; } #menu-search.in .search-init .opensearch{ top: -20px; } #menu-search .search-init .closesearch{ top: 45px; } #menu-search.in .search-init .closesearch{ top: 0px; } #SearchModal{ max-height: 200px; opacity: 0; margin-top: 45px; pointer-events: none; } #SearchModal.in{ opacity: 1; margin-top: 0px; pointer-events: all; } .page-block{ padding: 0px 64px 0px 32px; } .cleanPageBlock1{ margin-top: 83.5px; } .page-block-txt h2, .page-block-txt h3{ font-size: 1em; margin: 32px 0px; } } @media (hover: none) and (pointer: coarse) and (min-width: 768px) { .extra-menu .navbar-nav{ margin: 0px 0px 60px 0px !important; } #theBody.menu-side .navbar-nav li a{ opacity: 1; } .footer .container .footer-menu .navbar-nav{ margin-bottom: 30px!important; } } @media (max-width: 767px) { .footer .container .footer-menu .navbar-nav{ margin-bottom: 30px!important; } } @media (min-width: 1280px){ .menu-side .mainmenu .navbar-nav { margin: 140px 0px 0px 0px; } .cleanPageBlock1 .page-block-txt{ width: 50%; max-width: 648px; } .cleanPageBlock1 .page-block-txt h2, .cleanPageBlock1 .page-block-txt h3{ font-size: 1.2em; margin: 32px 0px; } } @media (min-width: 1440px){ .menu-side .mainmenu .navbar-nav { margin: 160px 0px 0px 0px; } } /*search*/ #SearchModal h2{ font-size: 1.2em; padding: 0px; margin: 0px; display: none; } #SearchModal .form-group.row{ border: 0px; padding: 0px; margin: 0px; } #SearchModal input.form-control-search{ border: 0px; border-bottom: 1px solid #000000; color: #000000!important; padding: 5px 0px 0px 0px; text-transform: uppercase; } .search_categories span.label{ -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .page-block .page-block-ttl{ width: auto; order: 1; } .page-block .page-block-ttl-intro{ width: auto; order: 2; } .page-block .page-block-module{ order: 3; } .page-block-subname h3, .page-block-ttl.page-block-ttl-intro h3, .page-block-name h1, .page-block-ttl h2{ font-size: 1em; text-transform: uppercase; padding-left: 16px; margin-bottom: 16px; } .page-block-name h1{ padding-left: 0px; } .block .block-caption .block-ttl h2{ font-size: 14px; line-height: 18px; font-family: regularfont; } .block.models .block-caption .block-ttl h2{ font-size: 18px; line-height: 18px; font-family: regularfont; } .block .block-btns .btn-list span{ font-size: 14px; line-height: 18px; font-family: regularfont; text-transform: none; } .block .block-caption .block-ttl h3{ font-size: 14px; line-height: 18px; font-family: headfont; } .grapWrapper{ margin: 0px; /* overflow-x: scroll; scroll-snap-type: x proximity; */ overflow: hidden; } .grapWrapper .grapListing, .grapWrapper .grapCarousel{ padding: 0px 16px 0px 16px; } .grapWrapper .grapCarousel{ grid-template-columns: repeat(auto-fill,minmax(275px,1fr)); grid-auto-columns: minmax(275px,1fr); } .grapListing .block, .grapListing .image-item{ border: 0px; } #haute-couture .block .block-btns .btn-list{ font-size: 14px; height: auto; padding: 0px; border: 0px; margin: 0px; } #haute-couture .block .block-caption{ padding: 15px 0px 0px 0px; } #haute-couture .block .block-btns{ padding: 0px 0px 5px 0px; text-align: right; bottom: 0px; display: none; } #social-models .grapWrapper .grapListing{ grid-template-columns: repeat(auto-fill,minmax(216px,1fr)); grid-auto-columns: minmax(216px,1fr); } #social-models .block .block-image{ } #social-models .block .block-image img{ border-radius: 6px; } #social-models .block .block-caption .block-ttl h2 span.firstname{ padding-right: 5px; } @media (min-width: 650px){ #social-models .grapWrapper .grapListing{ grid-template-columns: repeat(auto-fill,minmax(250px,1fr)); grid-auto-columns: minmax(250px,1fr); } #campaign .grapWrapper .grapCarousel{ grid-template-columns: repeat(auto-fill,minmax(375px,1fr)); grid-auto-columns: minmax(375px,1fr); } } @media (min-width: 768px){ .page-block .page-block-ttl{ width: 100%; padding: 0px 64px 0px 0px!important; } #mainsection.modeldetail .page-block.gallery{ margin-bottom: 96px; margin-top: 96px; } #change-makers{ margin-bottom: 0px; } #social-models{ margin-bottom: 96px; margin-top: 96px; } #change-makers{ margin-bottom: 0px; margin-top: 84px!important; } .page-block-subname h3, .page-block-ttl.page-block-ttl-intro h3, .page-block-name h1, .page-block-ttl h2, .page-block.gallery .page-block-ttl h2{ padding-left: 32px; margin: 0px 0px 48px 0px; } .page-block-name h1{ padding-left: 0px; margin: 0px 0px 48px 0px; } .grapWrapper .grapListing, .grapWrapper .grapCarousel, #mainsection.modeldetail .page-block.gallery.mosaic .page-block-caption .page-block-module{ padding: 0px 64px 0px 32px; } .block.models .block-caption .block-ttl h2, .block .block-caption .block-ttl h2{ font-size: 18px; line-height: 22px; } .block .block-btns .btn-list span{ font-size: 18px; line-height: 22px; } .block .block-caption .block-ttl h3{ font-size: 18px; line-height: 22px; } #campaign .grapWrapper .grapCarousel{ grid-template-columns: repeat(auto-fill,minmax(475px,1fr)); grid-auto-columns: minmax(475px,1fr); } #cover .grapWrapper .grapCarousel{ grid-template-columns: repeat(auto-fill,calc(((100vw - 200px) / 8) - 96px)); grid-auto-columns: calc(((100vw - 200px) / 8) - 96px); grid-gap: 96px; } #cover .grapWrapper .grapCarousel .image-item{ grid-column: span 3; } } @media (min-width: 960px){ #campaign .grapWrapper .grapCarousel{ grid-template-columns: repeat(auto-fill,calc(((100vw - 250px) / 3) - 16px)); grid-auto-columns: calc(((100vw - 250px) / 3) - 16px); } #campaign .grapWrapper .grapCarousel .image-item{ grid-column: span 2; } #campaign .grapWrapper .grapCarousel .image-item.block-image-container-wide{ grid-column: span 4; } } @media (min-width: 1200px){ #cover .grapWrapper .grapCarousel{ grid-template-columns: repeat(auto-fill,calc(((100vw - 250px) / 7) - 96px)); grid-auto-columns: calc(((100vw - 250px) / 7) - 96px); } #cover .grapWrapper .grapCarousel .image-item{ grid-column: span 2; } } @media (min-width: 1280px){ #campaign .grapWrapper .grapCarousel{ grid-template-columns: repeat(auto-fill,calc(((100vw - 250px) / 5) - 16px)); grid-auto-columns: calc(((100vw - 250px) / 5) - 16px); } #campaign .grapWrapper .grapCarousel .image-item{ grid-column: span 2; } #campaign .grapWrapper .grapCarousel .image-item.block-image-container-wide{ grid-column: span 4; } } @media (min-width: 1600px){ #cover .grapWrapper .grapCarousel{ grid-template-columns: repeat(auto-fill,calc(((100vw - 250px) / 9) - 96px)); grid-auto-columns: calc(((100vw - 250px) / 9) - 96px); } #cover .grapWrapper .grapCarousel .image-item{ grid-column: span 2; } } @media (min-width: 1920px){ #campaign .grapWrapper .grapCarousel{ grid-template-columns: repeat(auto-fill,calc(((100vw - 250px) / 7) - 16px)); grid-auto-columns: calc(((100vw - 250px) / 7) - 16px); } #campaign .grapWrapper .grapCarousel .image-item{ grid-column: span 2; } #campaign .grapWrapper .grapCarousel .image-item.block-image-container-wide{ grid-column: span 4; } #cover .grapWrapper .grapCarousel{ grid-template-columns: repeat(auto-fill,calc(((100vw - 250px) / 11) - 96px)); grid-auto-columns: calc(((100vw - 250px) / 11) - 96px); } #cover .grapWrapper .grapCarousel .image-item{ grid-column: span 2; } } #theBody.models #pageBlock1{ display: none; } #models.page-block.models{ padding: 0px; } .letters-container{ background: #ffffff; } #models_container.letters-on_side{ grid-template-columns: repeat(2, 1fr); grid-gap: 1rem; } #models_container .block.models{ padding: 0px; border: 0px; } #models_container .block.models .block-caption{ padding: 10px 15px 0px; min-height: 80px; } .block.models .block-caption .block-ttl h2 a .firstname, .block.models .block-caption .block-ttl h2 a .lastname{ font-family: regularfont; } .block.models .block-image .hover-carousel .carousel-inner{ height: 100%; min-height: 100%; } .block.models .block-image .hover-carousel .carousel-item{ background: #ffffff; display: flex; align-content: center; align-items: center; position: absolute; min-height: 100%; } .block.models .block-image .hover-carousel .carousel-item a{ min-width: 100%; min-height: 100%; position: absolute; width: 100%; height: 100%; } .block.models .block-image .hover-carousel .carousel-item img{ width: 100%; height: 100%; object-fit: cover; } #models_container.letters-on_side{ padding: 0px; } .letters-container .act-ltr a:hover{ text-decoration: none; } @media (max-width: 767px){ .fixed-side-letters{ height: 45px; width: calc(100% - 60px); left: 60px; bottom: 0px; top: auto; z-index: 100000; border: 0px; } .menuactive .fixed-side-letters{ opacity: 0; pointer-events: none; } .fixed-side-letters #togglable_letters{ width: 100%; height: 45px; flex-wrap: nowrap; white-space: nowrap; overflow-x: scroll; pointer-events: all; } .fixed-side-letters #togglable_letters::-webkit-scrollbar { height: 8px; } .fixed-side-letters #togglable_letters::-webkit-scrollbar-track { background-color: #ffffff; border:0px; border-top: 1px solid #999999; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0); } .fixed-side-letters #togglable_letters::-webkit-scrollbar-thumb { background-color: #999; outline: 1px solid #999; } .fixed-side-letters #togglable_letters::-webkit-scrollbar-thumb:hover { background-color: #000; outline: 1px solid #000; cursor: pointer; } @media (hover: none) and (pointer: coarse) { .fixed-side-letters #togglable_letters::-webkit-scrollbar { width: 0px; display: none; } } .fixed-side-letters #togglable_letters .fixed-letters-container{ width: auto; height: 45px; flex-wrap: nowrap; white-space: nowrap; } } @media (min-width: 768px){ #theBody.menu-side .letters-container{ border: 0px; right: 12px; width: 40px; left: auto; } .fixed-side-letters #togglable_letters .fixed-letters-container{ transform:translate3d(0px, 0px, 0px)!important; align-content: flex-start; align-items: flex-start; padding-top: 95px; } .fixed-side-letters #togglable_letters .fixed-letters-container .act-ltr, .fixed-side-letters #togglable_letters .fixed-letters-container .dis-ltr{ font-display: 0.8em; height: 20px; } .fixed-side-letters #togglable_letters .fixed-letters-container .act-ltr a, .fixed-side-letters #togglable_letters .fixed-letters-container .dis-ltr a{ font-size: 0.8em; } #models_container .block.models .block-caption{ padding: 10px 15px 0px 0px; } #theBody.menu-side #models_container.letters-on_side{ padding: 101px 64px 48px 32px; grid-template-columns: repeat(4, 1fr); grid-gap: 96px; grid-row-gap: 48px; } #models_container .block.models{ grid-column: span 2; } .block.models .block-caption .block-ttl h2 a .firstname, .block.models .block-caption .block-ttl h2 a .lastname{ width: auto; } .block.models .block-caption .block-ttl h2 a .firstname{ padding-right: 5px; } } @media (min-width: 900px){ #theBody.menu-side #models_container.letters-on_side{ grid-template-columns: repeat(6, 1fr); } #models_container .block.models{ grid-column: span 2; } } @media (min-width: 1200px){ #theBody.menu-side #models_container.block-listing{ grid-template-columns: repeat(8, 1fr); } #models_container .block.models{ grid-column: span 2; } } @media (min-width: 1440px){ #theBody.menu-side #models_container.letters-on_side{ } #models_container .block.models{ } } @media (min-width: 1800px){ #theBody.menu-side #models_container.block-listing{ /*grid-template-columns: repeat(12, 1fr);*/ } } #theBody.menu-side #models_container.block-listing{ min-height: 100vh; } #theBody.menu-side #women.page-block #models_container.block-listing, #theBody.menu-side #men.page-block #models_container.block-listing{ min-height: 0px; } @media (max-width: 767px){ #theBody.models.modeldetail #header, #theBody.models.modeldetail #wrapper::before{ display: none; } #theBody.modeldetail #mainsection{ margin: 100px 0px 0px 0px; z-index: 1; } } @media (min-width: 768px){ #theBody.models.modeldetail #header{ display: block; } .modeldetail .logo{ opacity: 1; pointer-events: all; } #theBody.modeldetail.menu-side #mainsection{ margin-left: 200px; margin-top: 0px; } } @media (min-width: 1280px){ #theBody.modeldetail.menu-side #mainsection{ margin-left: 250px; } } #modelhashnav{ position: fixed; top: auto; bottom: 0px; height: 50px; padding-top: 5px; z-index: 50000; } #modelhashnav .btn-primary-w-icon{ height: 20px; } #modelhashnav .btn-primary-w-icon i{ font-size: 1.2em; width: 15px; } @media (max-width: 768px){ #modelhashnav .btn-primary-w-icon{ height: 40px; font-size: 1em; width: 80px; } #modelhashnav .btn-primary-w-icon i{ font-size: 1.2em; width: 15px; margin-right: 5px; } } #modelheader.page-block{ max-height: none; } #modelhashnav .btn-tiktok{ display: none; } #modelhashnav_ulcontainer{ width: calc(100% - 150px); } @media (max-width: 768px){ #modelhashnav_ulcontainer.no-insta{ width: calc(100%); } } #detail-model.specs-fixed-bottom{ bottom: 50px; max-height: 500px; background: #ffffff; opacity: 0; pointer-events: none; } #detail-model.specs-fixed-top.visible, #detail-model.specs-fixed-bottom.visible{ opacity: 1; pointer-events: all; } #detail-model.specs-fixed-bottom #modelsummary, #detail-model.specs-fixed-bottom #modelcontrollers{ display: none; } #detail-model.specs-fixed-bottom .detail-specs-container{ padding: 30px 0px; } #detail-model.specs-fixed-bottom .detail-specs-container .page-block-txt{ flex-direction: column; max-height: 150px; } #detail-model.specs-fixed-bottom .detail-specs{ width: 50%; flex-wrap: wrap; } #detail-model.specs-fixed-bottom .detail-label, #detail-model.specs-fixed-bottom .detail-value{ text-transform: uppercase; width: 100%; } #modelheader-simple{ position: fixed; top: 0px; left: 0px; z-index: 1020; mix-blend-mode: difference; pointer-events: none; min-height: 100px; display: flex; align-items: flex-start; align-content: flex-start; padding-top: 5px; } #modelheader-simple.page-block .page-block-caption{ padding: 0px; } #modelheader-simple.page-block .page-block-caption .page-block-name{ height: auto; /*background: #333;*/ } #modelheader-simple .page-block-name h1{ font-size: 300px; line-height: 1em; padding: 0px; margin: 0px; color: #ffffff; text-transform: none; font-family: mediumfont; } #modelheader-simple .page-block-name h1 .firstname, #modelheader-simple .page-block-name h1 .lastname{ font-family: regularfont; /*font-size: 8vw; line-height: 10vw;*/ text-transform: none; font-size: 1em; line-height: 1em; } #modelheader-simple.page-block .page-block-caption .content-link, #modelheader-simple.page-block.center .page-block-caption .page-block-txt{ display: none; } #modelheader.page-block .page-block-caption{ display: none; } #theBody.modeldetail #mainsection #bio { padding: 80px 30px 60px 74px; } #theBody.modeldetail #mainsection #bio.page-block .page-block-ttl { display: none; } #theBody.modeldetail #mainsection #bio .page-block-caption{ justify-content: center; } #theBody.modeldetail #mainsection #bio.page-block .page-block-txt{ font-size: 1.2em; order: 3; max-width: 648px; } #theBody.modeldetail #mainsection #bio.page-block .page-block-txt i{ font-style: normal; } #modelhashnav #to-list{ text-align: left; } #modelhashnav .btn-primary-w-icon{ border: 0px; text-align: left; } .lightbox-modal .carousel-caption, .image-item .link-image h3{ display: none; } .page-block.gallery .page-block-ttl h2{ text-transform: uppercase; } .lightbox-modal .carousel-item{ } .lightbox-modal .carousel-item .deckInformation{ display: none; } #modelheader.page-block .page-block-page_image{ height: 100vh; height: var(--app-height); max-height: 100vh; max-height: 141vw; } #modelheader.page-block .page-block-page_image img{ height: 100%; width: 100%; object-fit: contain; height: 100vh; height: var(--app-height); max-height: 100vh; max-height: 141vw; } .block .block-image img, #models_container .block .block-image img, .modeldetail .page-block.gallery .page-block-module .image-item img, .modeldetail .page-block.gallery .page-block-module .image-item video, .deckDetail .page-block.gallery .page-block-module .image-item img, .deckDetail .page-block.gallery .page-block-module .image-item video{ opacity: 0; -webkit-transition: all 1.0s ease; -moz-transition: all 1.0s ease; -o-transition: all 1.0s ease; transition: all 1.0s ease; transform:translateY(30px); } .block.showMe .block-image img, #models_container .block.showMe .block-image img, .modeldetail .page-block.gallery .page-block-module .image-item.showMe img, .modeldetail .page-block.gallery .page-block-module .image-item.showMe video, .deckDetail .page-block.gallery .page-block-module .image-item.showMe img, .deckDetail .page-block.gallery .page-block-module .image-item.showMe video{ opacity: 1; transform:translateY(0px); } .block .block-caption, #models_container .block .block-caption{ opacity: 0; -webkit-transition: all 1.4s ease; -moz-transition: all 1.4s ease; -o-transition: all 1.4s ease; transition: all 1.4s ease; } .block.showMe .block-caption, #models_container .block.showMe .block-caption{ opacity: 1; } .page-block.list-click-detail.slideshow .carousel .carousel-item img{ opacity: 1!important; transform:translateY(0px)!important; } .page-block-ttl-toggle-credits{ display: none; } @media (max-width: 1280px){ .lightbox-modal img{ max-height: calc(100vh - 96px); } .lightbox-modal .carousel-item .deckInformation{ display: block; position: fixed; top: auto; bottom: 0px; width: 100vw; padding: 0px 16px 0px 16px; height: auto; padding-top: 48px; max-height: 48px; background: #ffffff; pointer-events: all; z-index: 10000000000; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; opacity: 0; } .lightbox-modal.loaded .carousel-item .deckInformation{ opacity: 1; } .lightbox-modal .carousel-item .deckInformation.showMe{ max-height: 248px; padding-top: 16px; padding-bottom: 48px; } .lightbox-modal .carousel-item .deckInformation .deckDESC{ white-space:normal; } .lightbox-modal .carousel-item .deckInformation .deckDESC .element_label{ margin: 0px; text-align: left; } .lightbox-modal .carousel-item .deckInformation .deckDESC .element_value{ margin: 0px; text-align: left; } .lightbox-modal .carousel-item .deckInformation:before{ content: ''; position: fixed; top: auto; bottom: 13px; right: 16px; height: 20px; width: 30px; text-align: center; line-height: 21px; color:#000000; font-size: 30px; cursor: pointer; background-image: url("../img/btns/arrow-down-black.svg"); background-repeat: no-repeat; background-size: 15px; background-position: center center; background-color: #ffffff; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .lightbox-modal .carousel-item .deckInformation:after{ content: ''; position: fixed; bottom: 0px; left: 16px; height: 48px; padding: 16px 0px; width: calc(100% - 64px); text-align: left; color:#000000; font-size: 13px; line-height: 25px; cursor: pointer; text-transform: uppercase; content: 'credits'; background: #ffffff; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } } @media (max-width: 767px){ #modelhashnav.scrolling { position: fixed; top: auto; left: 0px; bottom: 0px; margin-top: 45px; } .page-block.gallery.mosaic .page-block-module{ display: flex; justify-content: center; flex-wrap: wrap; } .page-block.gallery.mosaic .page-block-module .image-item{ width: 100%; padding: 0px 0px; margin-bottom: 96px; } /*.page-block.gallery.mosaic .page-block-module .image-item:nth-child(-n+11){ width: 50%; padding: 0px; }*/ /*first 10*/ /*.page-block.gallery.mosaic .page-block-module .image-item:nth-child(4n+10){ padding: 0px; }*/ /*from 10 every 4th*/ /*.page-block.gallery.mosaic .page-block-module .image-item:nth-last-of-type(-n+6){ width: 50%; padding: 0px; }*/ /*last 6 elements*/ .page-block.gallery.mosaic .page-block-module .image-item .link-image{ height: auto; } .page-block.gallery.mosaic .page-block-module .image-item.col_width_5 { padding-left: 16.66%; } .page-block.gallery.mosaic .page-block-module .image-item.col_width_4 { padding-right: 33.33%; } /*.page-block.gallery.mosaic .credits-caption{ display: none!important; background: #ffffff; padding: 16px; position: relative; top: 0px; left: 0px; } .page-block.gallery.mosaic .credits-caption .element_label, .page-block.gallery.mosaic .credits-caption .element_value{ width: 100%; display: block; } .page-block.gallery.mosaic .credits-caption .element_label{ font-family: headfont; }*/ .page-block.gallery.mosaic .page-block-module .image-item.block-image-container-wide{ width: 100%; } .page-block .grapCarousel .link-image{ pointer-events: none; } #mainsection.modeldetail .page-block.gallery.video .page-block-caption .page-block-module{ padding: 0px 15px; } .page-block.gallery.video.mosaic .page-block-module .image-item .link-image img{ display: none; } .page-block.gallery.mosaic.video .page-block-module .image-item{ width: 100%; padding: 0px 0px; margin-bottom: 90px; } .page-block.gallery.mosaic.video .page-block-module .image-item:nth-child(4n+2){ width: calc(100% - 96px); margin-right: 96px; } .page-block.gallery.mosaic.video .page-block-module .image-item:nth-child(4n+3){ width: calc(100% - 48px); margin-left: 48px; } .page-block.gallery.mosaic.video .page-block-module .image-item:nth-child(4n+4){ width: calc(100% - 96px); margin-right: 64px; margin-left: 32px; } .page-block.gallery.mosaic.video .page-block-module .image-item:nth-child(4n+5){ width: 100%; } } .page-block.gallery.mosaic .page-block-module .image-item.video-block a{ pointer-events: none; } .page-block.gallery.mosaic .page-block-module .image-item.video-block a .player{ pointer-events: all; } /* */ @media (min-width: 768px){ #theBody.menu-side #detail-model.specs-fixed-bottom { left: 200px; z-index: 1000000; bottom: 0px!important; } #detail-model.specs-fixed-bottom .detail-specs-container .sizeNotationNav{ order: 2; margin-top: 30px; margin-bottom: 0px; } #detail-model.specs-fixed-bottom .detail-specs-container .page-block-txt{ flex-direction: row; max-height: none; } #detail-model.specs-fixed-bottom #modelcontrollers{ } #detail-model.specs-fixed-bottom .detail-specs-container .page-block-txt .detail-specs{ width: 200px; } #detail-model.specs-fixed-bottom .detail-label{ width: 100%; } #modelheader-simple{ text-align: left; z-index: 100000; width: 100%; top: 200px; padding: 0px 15px; } #modelheader-simple.page-block.center .page-block-caption{ width: 75%; max-width: 1200px; } #modelheader-simple.page-block.center .page-block-name{ text-align: left; justify-content: flex-start; width: 100%; } #modelheader-simple h1{ } /*#modelheader-simple .page-block-name h1 .firstname, #modelheader-simple .page-block-name h1 .lastname{ font-size: 7vw; line-height: 8vw; } #modelheader-simple .page-block-name h1 .firstname.longname, #modelheader-simple .page-block-name h1 .lastname.longname{ font-size: 6vw; line-height: 7vw; } #modelheader-simple .page-block-name h1 .firstname{ padding-right: 1vh; }*/ #modelhashnav{ position: fixed;top: 330px;width: 185px;left: 15px; display: flex; flex-wrap: wrap; height: auto; align-content: flex-start; } #to-list{ display: none; } #modelhashnav_ulcontainer{ width: 100%; order: 1; } #modelhashnav_ul{ width: 100%; flex-wrap: wrap; height: auto; position: relative; } #modelhashnav_ul li{ width: 100%; padding: 0px 0px 0px 0px; } #modelhashnav_ul li a{ } #modelhashnav .btn-primary-w-icon{ width: 100%; order: 2; padding-left: 0px; font-size: 1em; } #modelhashnav .btn-instagram::before{ position: relative; left: 0px; top: 0px; height: 20px; width: auto; content: 'instagram'; display: block; color: #999999; padding-right: 5px; } #modelhashnav .btn-primary-w-icon span{ font-family: regularfont; padding-left: 5px; } #theBody.modeldetail #mainsection .page-block .page-block-ttl{ width: 100%; } #theBody.modeldetail #mainsection #bio{ padding: 90px 0px;justify-content: center; } #theBody.modeldetail #mainsection #bio .page-block-caption{ width: 71vh; width: calc(0.71 * var(--app-height)); } } .credits-caption{ display: none; } @media (min-width: 1280px){ .lightbox-modal .carousel-item.portrait img{ max-width: 66.66%; } .lightbox-modal .carousel-item.landscape img{ max-width: 66.66%; } .lightbox-modal .carousel-item .deckInformation{ display: block; width: 16%; max-width: 250px; text-align: left; } } @media (min-width: 1440px){ #modelheader-simple .page-block-name h1 .firstname, #modelheader-simple .page-block-name h1 .lastname{ font-size: 110px; line-height: 110px; } #modelheader-simple .page-block-name h1 .firstname.longname, #modelheader-simple .page-block-name h1 .lastname.longname{ font-size: 90px; line-height: 110px; } #modelheader-simple .page-block-name h1 .firstname{ padding-right: 1vh; } .lightbox-modal .carousel-item .deckInformation{ max-width: 350px; } } @media (min-width: 768px) { /* #mainsection #modelheader-simple .page-block-name h1 .firstname, #mainsection #modelheader-simple .page-block-name h1 .lastname{ -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } #mainsection.scrolling #modelheader-simple .page-block-name h1 .firstname, #mainsection.scrolling #modelheader-simple .page-block-name h1 .lastname{ font-size: 2em; }*/ #mainsection #modelheader-simple .page-block-name{ -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; transform-origin: left; } #mainsection.scrolling #modelheader-simple .page-block-name{ transform: scale(0.3); } } @media (min-width: 768px) and (min-height:900px){ #theBody.menu-side #detail-model.specs-fixed-bottom { width: 200px; left: 0px; } #detail-model.specs-fixed-bottom{ max-height: none; height: auto; opacity: 1; pointer-events: all; bottom: 0px; } #detail-model.specs-fixed-bottom .detail-specs-container{ display: flex; } #detail-model.specs-fixed-bottom .detail-specs-container .page-block-txt .detail-specs{ width: 100%; } .hash-modelspecs{ display: none; } #mainsection #modelheader-simple .page-block-name h1 .firstname, #mainsection #modelheader-simple .page-block-name h1 .lastname{ -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } #mainsection.scrolling #modelheader-simple .page-block-name h1 .firstname, #mainsection.scrolling #modelheader-simple .page-block-name h1 .lastname{ font-size: 2em; } #mainsection.scrolling #detail-model.specs-fixed-bottom{ opacity: 0; } /*#mainsection.scrolling #modelhashnav{ background: #f90; pointer-events: none; } #header:hover{ background: #000; }*/ #theBody.buttLeft #mainsection.scrolling #detail-model.specs-fixed-bottom{ opacity: 1; } #theBody.buttLeft.menu-side .navbar-nav li a{ opacity: 1; } } @media (min-width: 1280px)and (min-height:900px){ #theBody.menu-side #detail-model.specs-fixed-bottom { width: 250px; } } #modelhashnav #to-list, #haute-couture .block .block-btns .btn-list{ background: #ffffff; } .letters-container .dis-ltr, .letters-container .act-ltr a, #modelheader-simple .page-block-name h1 .firstname, #modelheader-simple .page-block-name h1 .lastname{ color: #ffffff; } .letters-container:hover .dis-ltr, .page-block-subname h3, .page-block-ttl.page-block-ttl-intro h3, .page-block-subname h3, .page-block-ttl.page-block-ttl-intro h3 a{ color:#d6d6d6; } .letters-container:hover .act-ltr a, .languageNotation a, #haute-couture .block .block-btns .btn-list span{ color: #bbbbbb; } .deckDetail.changemakers .deckInformation .deckTTL h2 a, .deckInformation .deckDESC .element_value a:hover, #modelhashnav_ul li a{ color: #999999; } #change-makers .block.decks .block-caption .block-txt, .block .block-caption .block-ttl h2 a, .block .block-caption .block-ttl h3 a{ color: #2C2C2C; } .navbar-toggle::before, .navbar-toggle::after, .deckInformation .deckDESC .element_value a, .deckDetail.changemakers .deckInformation .deckTTL h2 a:hover, #modelhashnav_ul li a:hover, .letters-container .act-ltr:hover a, .letters-container .act-ltr.active a, .language-setting-2 .languageNotation a.notation-link-en, .language-setting-1 .languageNotation a.notation-link-fr, #modelhashnav #to-list, .page-block-name h1, .page-block-ttl h2{ color:#000000; } @media (min-width: 768px){ #modelhashnav .btn-primary-w-icon span{ color: #999999; } } @media (max-width: 767px){ .letters-container .dis-ltr{ color: #d6d6d6; } .letters-container .act-ltr a{ color: #bbbbbb; } .letters-container .act-ltr:hover a, .letters-container .act-ltr.active a{ color: #000000; } } .page-block.list-click-detail{ padding: 0px; } .block-listing.mosaic .block{ padding: 0px; border: 0px; } .block-listing.mosaic .block .block-caption .block-txt{ display: none; } .block-listing.mosaic .block .block-btns{ display: none; } @media (min-width: 768px){ .block-listing.mosaic, #theBody.menu-side .block-listing.mosaic{ padding: 0px 64px 0px 32px; } .block-listing.mosaic, #theBody.menu-side .block-listing.mosaic, .page-block.gallery.mosaic .page-block-module{ grid-template-columns: repeat(12, 1fr); grid-gap: 16px; grid-row-gap: calc(3 * 48px); } .block-listing.mosaic .block, .page-block.gallery.mosaic .page-block-module .image-item{ grid-column: span 6; display: grid; grid-template-columns: repeat(6, 1fr); grid-gap: 16px; grid-row-gap: 0px; align-content: start; } .page-block.gallery.mosaic .page-block-module .image-item.col_width_3 a{ grid-column: span 3; } .page-block.gallery.mosaic .page-block-module .image-item.col_width_3.col_width_start_on_2 a{ grid-column: 2 / span 3; } .page-block.gallery.mosaic .page-block-module .image-item.col_width_3.col_width_start_on_3 a{ grid-column: 3 / span 3; } .page-block.gallery.mosaic .page-block-module .image-item.col_width_3.col_width_start_on_4 a{ grid-column: 4 / span 3; } .page-block.gallery.mosaic .page-block-module .image-item.col_width_4 a{ grid-column: span 4; } .page-block.gallery.mosaic .page-block-module .image-item.col_width_4.col_width_start_on_2 a{ grid-column: 2 / span 4; } .page-block.gallery.mosaic .page-block-module .image-item.col_width_4.col_width_start_on_3 a{ grid-column: 3 / span 4; } .page-block.gallery.mosaic .page-block-module .image-item.col_width_5 a{ grid-column: span 5; } .page-block.gallery.mosaic .page-block-module .image-item.col_width_5.col_width_start_on_2 a{ grid-column: 2 / span 5; } .page-block.gallery.mosaic .page-block-module .image-item.col_width_6 a{ grid-column: span 6; } .page-block.gallery.mosaic .page-block-module .image-item.single_image{ grid-column: span 12; grid-template-columns: repeat(12, 1fr); } .page-block.gallery.mosaic .page-block-module .image-item.single_image.col_width_4 a{ grid-column: 5 / span 4; } .page-block.gallery.mosaic .page-block-module .image-item.single_image.col_width_6 a{ grid-column: 4 / span 6; } .page-block.gallery.mosaic .page-block-module .image-item.bottomtop{ } .page-block.gallery.mosaic .page-block-module .image-item.second_duo_image.topbottom.margeTop_2, .page-block.gallery.mosaic .page-block-module .image-item.duo_image.bottomtop.margeTop_2{ margin-top: calc(2 * 16px); } .page-block.gallery.mosaic .page-block-module .image-item.second_duo_image.topbottom.margeTop_3, .page-block.gallery.mosaic .page-block-module .image-item.duo_image.bottomtop.margeTop_3{ margin-top: calc(3 * 16px); } .page-block.gallery.mosaic .page-block-module .image-item.second_duo_image.topbottom.margeTop_4, .page-block.gallery.mosaic .page-block-module .image-item.duo_image.bottomtop.margeTop_4{ margin-top: calc(4 * 16px); } .page-block.gallery.mosaic .page-block-module .image-item.second_duo_image.topbottom.margeTop_5, .page-block.gallery.mosaic .page-block-module .image-item.duo_image.bottomtop.margeTop_5{ margin-top: calc(5 * 16px); } .page-block.gallery.mosaic .page-block-module .image-item.second_duo_image.topbottom.margeTop_6, .page-block.gallery.mosaic .page-block-module .image-item.duo_image.bottomtop.margeTop_6{ margin-top: calc(6 * 16px); } .page-block.gallery.mosaic .page-block-module .image-item.second_duo_image.bottomtop{ margin-top: 0px!important; }/**/ .block-listing.mosaic .block.col_width_3 .block-image, .block-listing.mosaic .block.col_width_3 .block-caption{ grid-column: span 3; } .block-listing.mosaic .block.col_width_3.col_width_start_on_2 .block-image, .block-listing.mosaic .block.col_width_3.col_width_start_on_2 .block-caption{ grid-column: 2 / span 3; } .block-listing.mosaic .block.col_width_3.col_width_start_on_3 .block-image, .block-listing.mosaic .block.col_width_3.col_width_start_on_3 .block-caption{ grid-column: 3 / span 3; } .block-listing.mosaic .block.col_width_3.col_width_start_on_4 .block-image, .block-listing.mosaic .block.col_width_3.col_width_start_on_4 .block-caption{ grid-column: 4 / span 3; } .block-listing.mosaic .block.col_width_4 .block-image, .block-listing.mosaic .block.col_width_4 .block-caption{ grid-column: span 4; } .block-listing.mosaic .block.col_width_4.col_width_start_on_2 .block-image, .block-listing.mosaic .block.col_width_4.col_width_start_on_2 .block-caption{ grid-column: 2 / span 4; } .block-listing.mosaic .block.col_width_4.col_width_start_on_3 .block-image, .block-listing.mosaic .block.col_width_4.col_width_start_on_3 .block-caption{ grid-column: 3 / span 4; } .block-listing.mosaic .block.col_width_5 .block-image, .block-listing.mosaic .block.col_width_5 .block-caption{ grid-column: span 5; } .block-listing.mosaic .block.col_width_5.col_width_start_on_2 .block-image, .block-listing.mosaic .block.col_width_5.col_width_start_on_2 .block-caption{ grid-column: 2 / span 5; } .block-listing.mosaic .block.col_width_6 .block-image, .block-listing.mosaic .block.col_width_6 .block-caption{ grid-column: span 6; } .block-listing.mosaic .block.single_image{ grid-column: span 12; grid-template-columns: repeat(12, 1fr); } .block-listing.mosaic .block.single_image.col_width_4 .block-image, .block-listing.mosaic .block.single_image.col_width_4 .block-caption{ grid-column: 5 / span 4; } .block-listing.mosaic .block.single_image.col_width_6 .block-image, .block-listing.mosaic .block.single_image.col_width_6 .block-caption{ grid-column: 4 / span 6; } .block-listing.mosaic .block.second_duo_image.topbottom.margeTop_2, .block-listing.mosaic .block.duo_image.bottomtop.margeTop_2{ margin-top: calc(2 * 16px); } .block-listing.mosaic .block.second_duo_image.topbottom.margeTop_3, .block-listing.mosaic .block.duo_image.bottomtop.margeTop_3{ margin-top: calc(3 * 16px); } .block-listing.mosaic .block.second_duo_image.topbottom.margeTop_4, .block-listing.mosaic .block.duo_image.bottomtop.margeTop_4{ margin-top: calc(4 * 16px); } .block-listing.mosaic .block.second_duo_image.topbottom.margeTop_5, .block-listing.mosaic .block.duo_image.bottomtop.margeTop_5{ margin-top: calc(5 * 16px); } .block-listing.mosaic .block.second_duo_image.topbottom.margeTop_6, .block-listing.mosaic .block.duo_image.bottomtop.margeTop_6{ margin-top: calc(6 * 16px); } .block-listing.mosaic .block.second_duo_image.bottomtop{ margin-top: 0px!important; } } @media (min-width: 1200px){ .block-listing.mosaic, #theBody.menu-side .block-listing.mosaic, .page-block.gallery.mosaic .page-block-module{ grid-gap: 48px; grid-row-gap: calc(3 * 24px); } .page-block.gallery.mosaic .page-block-module .image-item{ grid-gap: 24px; } .block-listing.mosaic .block{ grid-gap: 24px; grid-row-gap: 0px; } .page-block.gallery.mosaic .page-block-module .image-item.second_duo_image.topbottom.margeTop_2, .page-block.gallery.mosaic .page-block-module .image-item.duo_image.bottomtop.margeTop_2{ margin-top: calc(2 * 32px); } .page-block.gallery.mosaic .page-block-module .image-item.second_duo_image.topbottom.margeTop_3, .page-block.gallery.mosaic .page-block-module .image-item.duo_image.bottomtop.margeTop_3{ margin-top: calc(3 * 32px); } .page-block.gallery.mosaic .page-block-module .image-item.second_duo_image.topbottom.margeTop_4, .page-block.gallery.mosaic .page-block-module .image-item.duo_image.bottomtop.margeTop_4{ margin-top: calc(4 * 32px); } .page-block.gallery.mosaic .page-block-module .image-item.second_duo_image.topbottom.margeTop_5, .page-block.gallery.mosaic .page-block-module .image-item.duo_image.bottomtop.margeTop_5{ margin-top: calc(5 * 32px); } .page-block.gallery.mosaic .page-block-module .image-item.second_duo_image.topbottom.margeTop_6, .page-block.gallery.mosaic .page-block-module .image-item.duo_image.bottomtop.margeTop_6{ margin-top: calc(6 * 32px); } .block-listing.mosaic .block.second_duo_image.topbottom.margeTop_2, .block-listing.mosaic .block.duo_image.bottomtop.margeTop_2{ margin-top: calc(2 * 32px); } .block-listing.mosaic .block.second_duo_image.topbottom.margeTop_3, .block-listing.mosaic .block.duo_image.bottomtop.margeTop_3{ margin-top: calc(3 * 32px); } .block-listing.mosaic .block.second_duo_image.topbottom.margeTop_4, .block-listing.mosaic .block.duo_image.bottomtop.margeTop_4{ margin-top: calc(4 * 32px); } .block-listing.mosaic .block.second_duo_image.topbottom.margeTop_5, .block-listing.mosaic .block.duo_image.bottomtop.margeTop_5{ margin-top: calc(5 * 32px); } .block-listing.mosaic .block.second_duo_image.topbottom.margeTop_6, .block-listing.mosaic .block.duo_image.bottomtop.margeTop_6{ margin-top: calc(6 * 32px); } } @media (min-width: 1440px){ .block-listing.mosaic, #theBody.menu-side .block-listing.mosaic, .page-block.gallery.mosaic .page-block-module{ grid-gap: 96px; grid-row-gap: calc(3 * 48px); } .page-block.gallery.mosaic .page-block-module .image-item{ grid-gap: 96px; } .block-listing.mosaic .block{ grid-gap: 96px; grid-row-gap: 0px; } .page-block.gallery.mosaic .page-block-module .image-item.second_duo_image.topbottom.margeTop_2, .page-block.gallery.mosaic .page-block-module .image-item.duo_image.bottomtop.margeTop_2{ margin-top: calc(2 * 48px); } .page-block.gallery.mosaic .page-block-module .image-item.second_duo_image.topbottom.margeTop_3, .page-block.gallery.mosaic .page-block-module .image-item.duo_image.bottomtop.margeTop_3{ margin-top: calc(3 * 48px); } .page-block.gallery.mosaic .page-block-module .image-item.second_duo_image.topbottom.margeTop_4, .page-block.gallery.mosaic .page-block-module .image-item.duo_image.bottomtop.margeTop_4{ margin-top: calc(4 * 48px); } .page-block.gallery.mosaic .page-block-module .image-item.second_duo_image.topbottom.margeTop_5, .page-block.gallery.mosaic .page-block-module .image-item.duo_image.bottomtop.margeTop_5{ margin-top: calc(5 * 48px); } .page-block.gallery.mosaic .page-block-module .image-item.second_duo_image.topbottom.margeTop_6, .page-block.gallery.mosaic .page-block-module .image-item.duo_image.bottomtop.margeTop_6{ margin-top: calc(6 * 48px); } .block-listing.mosaic .block.second_duo_image.topbottom.margeTop_2, .block-listing.mosaic .block.duo_image.bottomtop.margeTop_2{ margin-top: calc(2 * 48px); } .block-listing.mosaic .block.second_duo_image.topbottom.margeTop_3, .block-listing.mosaic .block.duo_image.bottomtop.margeTop_3{ margin-top: calc(3 * 48px); } .block-listing.mosaic .block.second_duo_image.topbottom.margeTop_4, .block-listing.mosaic .block.duo_image.bottomtop.margeTop_4{ margin-top: calc(4 * 48px); } .block-listing.mosaic .block.second_duo_image.topbottom.margeTop_5, .block-listing.mosaic .block.duo_image.bottomtop.margeTop_5{ margin-top: calc(5 * 48px); } .block-listing.mosaic .block.second_duo_image.topbottom.margeTop_6, .block-listing.mosaic .block.duo_image.bottomtop.margeTop_6{ margin-top: calc(6 * 48px); } } @media (min-width: 2170px){ .block-listing.mosaic, #theBody.menu-side .block-listing.mosaic, .page-block.gallery.mosaic .page-block-module{ max-width: 1920px; margin-left: calc(50% - 960px); } } .modal-backdrop{ display: none!important; opacity: 0!important; height: 0px!important; width: 0px!important; } .lightbox-modal .close{ left: 16px; top: 16px; right: auto; background: rgba(0,0,0,0); position: absolute; color: #999999;line-height: 1em; font-size: 1em;text-transform: uppercase; text-decoration: none; } .lightbox-modal .close span{ opacity: 0; } .lightbox-modal .close::before{ content: 'close'; display: block; color: #999999; text-transform: uppercase; left: 0px; top: 0px; line-height: 1em; font-size: 1em; display: none; } .lightbox-modal .carousel-control-prev, .lightbox-modal .carousel-control-next, .deckDetail.slideshow .carousel-control-prev, .deckDetail.slideshow .carousel-control-next{ opacity: 0!important; } .deckDetail.slideshow .carousel-indicators, .deckDetail.slideshow .carouselState{ opacity: 0!important; } #lightbox-modal{ top: 100vh; } .modeldetail #lightbox-modal{ z-index: 1000001; } /* temp HACK */ #haute-couture .block .block-image{ overflow: hidden; } @media (min-width: 650px){ #haute-couture .block .block-image{ } } @media (min-width: 768px){ #haute-couture .grapWrapper .grapListing{ grid-template-columns: repeat(auto-fill,calc(((100vw - 200px) / 12) - 96px)); grid-auto-columns: calc(((100vw - 200px) / 12) - 96px); grid-gap: 96px; } #haute-couture .grapListing .block{ grid-column: span 4; } #haute-couture .block .block-image{ } } @media (min-width: 900px){ #haute-couture .grapWrapper .grapListing{ grid-template-columns: repeat(auto-fill,calc(((100vw - 200px) / 5) - 96px)); grid-auto-columns: calc(((100vw - 200px) / 5) - 96px); } #haute-couture .grapListing .block{ grid-column: span 2; } #haute-couture .block .block-image{ max-height: none; } } @media (min-width: 1280px){ #haute-couture .grapWrapper .grapListing{ grid-template-columns: repeat(auto-fill,calc(((100vw - 250px) / 7) - 96px)); grid-auto-columns: calc(((100vw - 250px) / 7) - 96px); } #haute-couture .grapListing .block{ grid-column: span 2; } /*#haute-couture .block .block-image{ max-height: 400px; }*/ } @media (min-width: 1440px){ /*#haute-couture .grapListing .block{ grid-column: span 3; } #haute-couture .block .block-image{ max-height: calc((100vw - 300px) / 4); }*/ } @media (min-width: 1600px){ /*#haute-couture .block .block-image{ max-height: calc((100vw - 300px) / 3.8); }*/ #haute-couture .grapWrapper .grapListing{ grid-template-columns: repeat(auto-fill,calc(((100vw - 250px) / 9) - 96px)); grid-auto-columns: calc(((100vw - 250px) / 9) - 96px); } #haute-couture .grapListing .block{ grid-column: span 2; } } @media (min-width: 1800px){ /*#haute-couture .block .block-image{ max-height: calc((100vw - 300px) / 3.6); }*/ } @media (min-width: 1920px){ /*#haute-couture .block .block-image{ max-height: calc((100vw - 300px) / 3.5); }*/ #haute-couture .grapWrapper .grapListing{ grid-template-columns: repeat(auto-fill,calc(((100vw - 250px) / 11) - 96px)); grid-auto-columns: calc(((100vw - 250px) / 11) - 96px); } #haute-couture .grapListing .block{ grid-column: span 2; } } .home #men, .home #women{ padding: 0px; } #women #models_container.letters-on_side, #men #models_container.letters-on_side{ padding-top: 0px!important; } .home #le-journal.page-block .page-block-link{ display: none; } @media (min-width: 768px){ .home #men .page-block-ttl h2, .home #women .page-block-ttl h2{ padding-left: 0px; } .home #le-journal.page-block { margin-top: 84px!important; } } @media (min-width: 900px){ .home #men .block.models:nth-of-type(4), .home #women .block.models:nth-of-type(4){ display: none; } } @media (min-width: 1200px){ .home #men .block.models:nth-of-type(4), .home #women .block.models:nth-of-type(4){ display: block; } } @media (min-width: 1800px){ .home #men .block.models, .home #women .block.models{ } } @media (min-width: 768px){ .home #le-journal.page-block .page-block-ttl, .home #men.page-block .page-block-ttl, .home #women.page-block .page-block-ttl{ width: calc(50% - 24px); padding: 0px!important; } .home #le-journal.page-block .page-block-ttl h2, .home #men.page-block .page-block-ttl h2, .home #women.page-block .page-block-ttl h2{ text-align: right; } .home #le-journal.page-block .page-block-ttl h3, .home #men.page-block .page-block-ttl h3, .home #women.page-block .page-block-ttl h3{ text-align: left; padding-left: 16px; } } #spotlight.page-block.list-click-detail.slideshow{ padding: 0px; overflow: hidden!important; } #spotlight.page-block.list-click-detail.slideshow .carousel .carousel-item .block{ max-width: none; border: 0px; padding: 0px; } #spotlight.page-block.list-click-detail.slideshow .carousel .carousel-item .block .block-caption .block-txt{ max-width: none; } #spotlight.page-block.list-click-detail.slideshow .carousel .carousel-item .block .block-caption .block-ttl h2{ font-size: 18px; text-align: center; font-family: regularfont; margin: 0px 0px 32px 0px; padding: 0px; } #spotlight.page-block.list-click-detail.slideshow .carousel .carousel-item .block .block-caption .block-txt h2{ font-size: 14px; text-align: center; font-weight: 600; font-family: regularfont; margin: 0px; padding: 0px; text-transform: uppercase; } #spotlight.page-block.list-click-detail.slideshow .carousel .carousel-item .block .block-caption .block-txt h3{ font-size: 14px; text-align: center; font-family: regularfont; margin: 0px; padding: 0px; text-transform: uppercase; } #spotlight.page-block.list-click-detail.slideshow .carousel .carousel-item .block .block-caption .block-txt h3 span{ color: #999999; padding-right: 5px; } #spotlight.page-block.list-click-detail.slideshow .carousel-control-prev, #spotlight.page-block.list-click-detail.slideshow .carousel-control-next, #spotlight.page-block.list-click-detail.slideshow .carouselState, #spotlight.page-block.list-click-detail.slideshow .carousel .carousel-item .block .block-btns{ display: none!important; } #spotlight.page-block.list-click-detail.slideshow .carousel .carousel-inner{ padding-bottom: 0px; } #spotlight.page-block.slideshow .page-block-module .carousel-indicators li{ height: 20px; width: auto; background: none!important; color: #999999; font-size: 18px; font-family: regularfont; margin: 0px 0px 0px 0px; padding: 0px 8px; text-indent: 0px; white-space: nowrap; } #spotlight.page-block.slideshow .page-block-module .carousel-indicators li.active{ color: #000000; } #spotlight.page-block.slideshow .page-block-module .carousel-indicators{ width: 50%; left: 50%; justify-content: flex-start; margin: 0px; bottom: auto; top: 70vw; margin-top: 16px; } #spotlight.page-block.list-click-detail.slideshow .carousel .carousel-item .block .block-caption{ padding-top: 96px; } #spotlight.page-block.list-click-detail.slideshow .carousel .carousel-item .block .block-caption .block-ttl{ display: none; } /*#spotlight.page-block.list-click-detail.slideshow .carousel .carousel-item{ opacity: 1!important; display: block!important; }*/ /*#spotlight.page-block.list-click-detail.slideshow .carousel .carousel-item .block-image img{ margin-left: 100%; -webkit-transition: all 1.0s ease; -moz-transition: all 1.0s ease; -o-transition: all 1.0s ease; transition: all 1.0s ease; }*/ /*#spotlight.page-block.list-click-detail.slideshow .carousel .carousel-item .block .block-caption .block-txt{ opacity: 0; -webkit-transition: all 1.0s ease; -moz-transition: all 1.0s ease; -o-transition: all 1.0s ease; transition: all 1.0s ease; }*/ /*#spotlight.page-block.list-click-detail.slideshow .carousel .carousel-item.active .block-image img{ margin-left: 0%; }*/ /*#spotlight.page-block.list-click-detail.slideshow .carousel .carousel-item.active .block .block-caption .block-txt{ opacity: 1; }*/ #spotlight.page-block.list-click-detail.slideshow .carousel .carousel-item .block .block-caption{ opacity: 0; } #spotlight .grapWrapper .grapListing{ grid-template-columns: repeat(auto-fill,minmax(100vw,100vw)); grid-auto-columns: minmax(100vw,100vw); } @media (min-width: 768px){ #spotlight.page-block.list-click-detail.slideshow .page-block-module{ padding: 0px 64px 0px 32px; } #spotlight.page-block.slideshow .page-block-module .carousel-indicators{ top: calc(0.7 * ((100vw - 300px))); } } @media (min-width: 991px){ #spotlight.page-block.slideshow .page-block-module .carousel-indicators{ top: calc(0.7 * ((100vw - 200px) * 3 / 4)); margin: 0px!important; width: 100%; justify-content: center; left: 0px; } #spotlight.page-block.list-click-detail.slideshow .page-block-module{ display: grid; grid-template-columns: repeat(12, 1fr); grid-gap: 48px; padding: 0px 64px 0px 32px; } #spotlight.page-block.list-click-detail.slideshow .page-block-module .carousel{ grid-column: 2 / span 10; } #spotlight.page-block.list-click-detail.slideshow .carousel .carousel-item .block .block-caption .block-txt{ display: flex; flex-wrap: nowrap; justify-content: center; } #spotlight.page-block.list-click-detail.slideshow .carousel .carousel-item .block .block-caption .block-txt h2, #spotlight.page-block.list-click-detail.slideshow .carousel .carousel-item .block .block-caption .block-txt h3 { padding: 0px 8px; } } @media (min-width: 1280px){ #spotlight.page-block.slideshow .page-block-module .carousel-indicators{ top: calc(0.7 * ((100vw - 250px) * 3 / 4)); } } @media (min-width: 1440px){ #spotlight.page-block.slideshow .page-block-module .carousel-indicators{ top: calc(calc(0.7 * ((100vw - 350px) * 8 / 12))); margin-top: 0px; } #spotlight.page-block.list-click-detail.slideshow .page-block-module{ grid-gap: 96px; } #spotlight.page-block.list-click-detail.slideshow .page-block-module .carousel{ grid-column: 3 / span 8; } } #theBody.le-journal .page-block-ttl{ display: none; } @media (max-width: 767px){ #theBody.le-journal .page-block-name h1{ text-align: left; } } /* */ .contact #pageBlock1 .page-block-name{ display: none; } .contact .footer-actionblock.actionblock{ display: none; } .contact #pageBlock1 .page-block-txt p{ font-size: 13px; } @media (max-width: 767px){ #le-journal .block-listing, #le-journal---full .block-listing{ padding: 0px 16px; grid-gap: 32px; } #le-journal .block-listing .block, #le-journal---full .block-listing .block{ margin-bottom: 48px; } #le-journal .block-listing .block.col_width_4, #le-journal---full .block-listing .block.col_width_4{ padding-left: 16.66% } #le-journal .block-listing .block.col_width_5, #le-journal---full .block-listing .block.col_width_5{ padding-right: 16.66% } #le-journal .block-listing .block.col_width_6, #le-journal---full .block-listing .block.col_width_6{ width: calc(100% + 32px); margin-left: -16px; width: calc(100%); margin-left: 0px; } #le-journal .block-listing .block.col_width_6 .block-caption, #le-journal---full .block-listing .block.col_width_6 .block-caption{ /*padding-left: 16px;*/ } } @media (max-width: 767px) and (min-width: 650px){ #theBody.menu-side #le-journal .block-listing.mosaic, #theBody.menu-side #le-journal---full .block-listing.mosaic{ grid-template-columns: repeat(2, 1fr); grid-gap: 32px; } } .deckDetail .carousel-item img{ max-height: calc(100% - 90px); } .deckDetail.bookerNews .videoContainer{ height: auto; display: flex; justify-content: center; align-content: center; align-items: center; width: auto; } .deckDetail.bookerNews .videoContainer .player__video{ position: relative; right: 0; bottom: 0; max-width: 100vw; max-height: calc(100vh - 90px); width: auto; height: auto; z-index: -100; background-size: cover; overflow: hidden; } .deckDetail.bookerNews.videoNews .carousel-control-prev, .deckDetail.bookerNews.videoNews .carousel-control-next { pointer-events: none; } @media (min-width: 768px){ .deckDetail.bookerNews .videoContainer, .deckDetail.bookerNews .carousel-item img{ max-width: calc(100% - 400px); } } @media (min-width: 1280px){ deckDetail.bookerNews .videoContainer, .deckDetail.bookerNews .carousel-item img{ max-width: calc(100% - 500px); } } /*#theBody.noscroll #wrapper{ overflow: hidden!important; height: 100vh!important; } .deckDetail.changemakers{ height: auto; overflow: auto; } */ #change-makers .block.decks .block-caption .block-ttl h2{ font-weight: 600; text-transform: uppercase; font-size: 13px; margin: 0px; padding: 0px; } #change-makers .grapWrapper .grapListing{ grid-gap: 64px; } #change-makers .grapListing .block.decks{ grid-column: span 2; display: flex; flex-wrap: nowrap; align-content: flex-start; align-items: flex-start; } #change-makers .grapListing .block.decks .block-image{ } #change-makers .grapListing .block.decks .block-caption{ padding: 0px 0px 0px 32px; } #change-makers .grapListing .block.decks .block-caption .detailmodellink{ display: none; } #change-makers .block.decks .block-caption .block-txt{ display: block; font-size: 16px; line-height: 18px; } #change-makers .block.decks .block-btns{ display: none; } .deckDetail.changemakers .deckpage{ display: none; order: 3; } .deckDetail.changemakers .deckpage:first-of-type{ /*height: auto!important; display: block; order: 1; aspect-ratio:0!important;*/ } .deckDetail.changemakers .text-block{ height: auto!important; display: block; order: 2; } .deckDetail.changemakers .deckpage:first-of-type .zone-text{ /*display: none!important;*/ } .deckDetail.changemakers .deckpage:first-of-type .zone-image{ /* width: 100%!important; left: 0px!important; top: 0px!important; height: auto!important; margin-left: 0%!important; position: relative!important;*/ /* first page of the deck.. we hide the image..because we only use this as thumbnail! */ display: none!important; } .deckDetail.changemakers .deckpage:first-of-type .zone-image img{ /*width: 100%; height: auto;*/ } .deckDetail.changemakers .deckInformation .deckTTL h2 a{ width: 100%; float: left; text-decoration: none; font-family: regularfont; } .deckDetail.changemakers .deckInformation .deckTTL h2 a, .deckInformation .deckDESC .element_value a{ -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .deckDetail.changemakers .deckInformation{ width: 200px; top: 100px; position: absolute; } .deckDetail.changemakers .deck-listing { width: calc(100% - 200px); margin-left: 200px; } .firstElement{ display: grid; grid-template-columns: repeat(12, 1fr); grid-gap: 24px; grid-row-gap: 16px!important; margin-bottom: 48px; } .firstElement .videoContainer{ padding: 0px; grid-column: 2 / span 10; margin: 0px; } .firstElement .videoContainer video{ width: 100%; } .firstElement img{ grid-column: 4 / span 6; width: 100%; } .firstElement.landscape img{ grid-column: 2 / span 10; } @media (max-width: 767px){ .deckDetail.changemakers{ display: flex; flex-wrap: wrap; } .deckDetail.changemakers .deckInformation{ order: 2; position: relative!important; top: 0px; left: 0px; width: 100%; padding: 32px 16px 96px 72px; z-index: 3; } .deckDetail.changemakers .deck-listing { order: 1; position: relative!important; top: 0px; left: 0px; width: 100%; margin: 0px; display: flex; flex-wrap: wrap; padding: 0px 0px 0px 0px !important; } .deckDetail.changemakers .closeDeck{ top: auto; bottom: 16px; z-index: 4; } .deckDetail.changemakers .deck-listing div.deckpage{ padding-left: 72px; background: #ffffff; margin: 0px!important; z-index: 2; } .deckDetail.changemakers .deck-listing div.page-block.gallery.mosaic{ padding: 0px; background: #ffffff; margin: 0px!important; z-index: 2; } .deckDetail.changemakers .deck-listing div.page-block.gallery.mosaic .image-item{ width: 100%; margin-bottom: 72px; } .deckDetail.changemakers .deck-listing .deckpage:first-of-type{ position: absolute; top: 0px; left: 0px; width: 100%; z-index: 1; padding-left: 0px; background: #ffffff; } .deckDetail.changemakers .text-block{ padding: 24px 0px 48px 72px !important; } .deckDetail.changemakers .text-block .zone-element{ text-align: left!important; padding: 0px 32px 0px 0px; font-size: 14px; line-height: 20px; } .deckDetail.changemakers.loaded .deck-listing .deckpage:first-of-type, .deckDetail.changemakers.loaded .closeDeck{ position: fixed; } .deckDetail.changemakers .deckInformation .deckTTL h2 span{ position: fixed; top: auto; bottom: -40px; width: calc(100%); background: #ffffff; left: 0px; z-index: 3; padding: 16px 0px 17px 72px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .deckDetail.changemakers.loaded .deckInformation .deckTTL h2 span{ bottom: 0px; } } @media (min-width: 768px){ .deckDetail.changemakers.loaded .deckInformation, .deckDetail.changemakers.loaded .closeDeck{ position: fixed; } /*.deckDetail.changemakers .deckpage:first-of-type .zone-image,*/ .deckDetail.changemakers .deckpage.text-block{ display: grid; grid-template-columns: repeat(12, 1fr); grid-gap: 24px; grid-row-gap: 16px!important; } /*.deckDetail.changemakers .deckpage:first-of-type .zone-image a,*/ .deckpage.auto-height.text-block .zone-element{ grid-column: 4 / span 6; } /*.deckDetail.changemakers .deckpage:first-of-type .zone-image, */.deckDetail.changemakers .deckpage.text-block{ margin-bottom: 48px; } .deckDetail.changemakers .text-block .zone-element{ font-size: 14px; line-height: 20px; padding: 0px; } .deckDetail.changemakers .text-block .zone-element.font-normal{ text-align: left!important; } .firstElement{ margin-bottom: 48px; } } @media (min-width: 1200px){ /*.deckDetail.changemakers .deckpage:first-of-type .zone-image,*/ .deckDetail.changemakers .deckpage.text-block{ grid-gap: 48px; } .firstElement{ margin-bottom: 48px; } } @media (min-width: 1280px){ .deckDetail.changemakers .deckInformation{ width: 250px; } .deckDetail.changemakers .deck-listing { width: calc(100% - 250px); margin-left: 250px } } @media (min-width: 1440px){ /*.deckDetail.changemakers .deckpage:first-of-type .zone-image,*/ .deckDetail.changemakers .deckpage.text-block{ grid-gap: 96px; margin-bottom: calc(2 * 48px); } /*.deckDetail.changemakers .deckpage:first-of-type .zone-image{ max-height: 80vh!important; overflow: hidden; } .deckDetail.changemakers .deckpage:first-of-type .zone-image img{ } .deckDetail.changemakers .deckpage:first-of-type .zone-image a,*/ .deckpage.auto-height.text-block .zone-element{ grid-column: 4 / span 6; } .firstElement{ margin-bottom: 96px; } } @media (min-width: 1640px){ .deckpage.auto-height.text-block .zone-element{ padding-left: calc(50% - 324px); padding-right: calc(50% - 324px); } } @media (min-width: 768px){ #change-makers .grapWrapper .grapListing{ grid-template-columns: repeat(auto-fill,calc(((100vw - 200px) / 12) - 96px)); grid-auto-columns: calc(((100vw - 200px) / 12) - 96px); grid-gap: 96px; } #change-makers .grapListing .block.decks{ grid-column: span 8; } } @media (min-width: 900px){ #change-makers .grapListing .block.decks{ grid-column: span 6; flex-wrap: wrap; align-content: flex-start; align-items: flex-start; } #change-makers .grapListing .block.decks .block-caption{ padding: 16px 0px 0px 0px; } #change-makers .grapWrapper .grapListing{ grid-template-columns: repeat(auto-fill,calc(((100vw - 200px) / 6) - 96px)); grid-auto-columns: calc(((100vw - 200px) / 6) - 96px); } #change-makers .grapListing .block.decks{ grid-column: span 4; } } @media (min-width: 1280px){ #change-makers .grapWrapper .grapListing{ grid-template-columns: repeat(auto-fill,calc(((100vw - 250px) / 10) - 96px)); grid-auto-columns: calc(((100vw - 250px) / 12) - 96px); } #change-makers .grapListing .block.decks{ grid-column: span 4; } } @media (min-width: 1440px){ #change-makers .grapWrapper .grapListing{ grid-template-columns: repeat(auto-fill,calc(((100vw - 250px) / 10) - 96px)); grid-auto-columns: calc(((100vw - 250px) / 10) - 96px); } #change-makers .grapListing .block.decks{ grid-column: span 4; } } @media (min-width: 1920px){ #change-makers .grapWrapper .grapListing{ grid-template-columns: repeat(auto-fill,calc(((100vw - 250px) / 14) - 96px)); grid-auto-columns: calc(((100vw - 250px) / 14) - 96px); } #change-makers .grapListing .block.decks{ grid-column: span 4; } } @media (max-width: 767px){ .home .page-block{ margin-bottom: 48px; } } @media (max-width: 767px){ .deckDetail.slider.shows .deckpage { height: calc(100vh - 66px); margin-top: 66px; width: auto!important; width: calc(100vh/265 * 170)!important; } .deckDetail.slider.shows .deckpage .zone-image{ position: relative!important; float: left!important; top: 0px!important; left: 0px!important; width: 50%!important; padding-top: 48px; } .deckDetail.slider.shows .deckpage .zone-text{ position: absolute; background: #ffffff; width: 50%!important; top: -36px!important; left: 0px!important; height: 84px!important; } .deckDetail.slider.shows .deckpage .zone-text:nth-of-type(4){ left: 50%!important; } .deckDetail.bookerNews .deckInformation{ display: none; display: block; position: fixed; top: auto; bottom: 0px; width: 100vw; padding: 16px; } .deckDetail.bookerNews .deckInformation .deckDESC{ max-height: 0px; white-space: normal; overflow: hidden; width: 250px; margin: 0px 0px 0px 0px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .deckDetail.bookerNews .deckInformation.showMe .deckDESC{ max-height: 150px; margin: 16px 0px 0px 0px; } .deckDetail.bookerNews .deckInformation{ display: block; position: fixed; top: auto; bottom: 0px; width: 100vw; padding: 16px; } .deckDetail.bookerNews .deckInformation:before{ content: ''; position: fixed; top: auto; bottom: 16px; right: 16px; height: 20px; width: 30px; text-align: center; line-height: 21px; color:#000000; font-size: 30px; cursor: pointer; background-image: url("../img/btns/arrow-down-black.svg"); background-repeat: no-repeat; background-size: 15px; background-position: center center; background-color: #ffffff; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .deckDetail.bookerNews .deckInformation.showMe:before{ opacity: 1; } /*.deckDetail.bookerNews .carousel-item .deckInformation{ position: absolute; top: 0; bottom: 0px; left: 0px; right: 0px; padding: 16px; display: flex; flex-wrap: wrap; align-content: flex-end; align-items: flex-end; }*/ } @media (min-width: 768px){ .deckDetail.slider.shows .deckpage { height: 100vh; margin: 0px; width: calc(100vh/170 * 265)!important; } .deckDetail.bookerNews .deckInformation{ max-width: 200px; } } @media (min-width: 1280px){ .deckDetail.bookerNews .deckInformation{ max-width: 250px; } } #folio-update .block.decks.block-detail-element .deckpage{ width: 100%!important; height: 46.59vw!important; } @media (min-width: 768px){ #folio-update .block.decks.block-detail-element .deckpage{ height: calc( 0.4659 * (100vw - 200px - 96px))!important; } } @media (min-width: 991px){ #folio-update .block.decks.block-detail-element .deckpage{ height: calc( 10/12 * 0.4659 * (100vw - 200px - 96px))!important; } } @media (min-width: 1280px){ #folio-update .block.decks.block-detail-element .deckpage{ height: calc( 10/12 * 0.4659 * (100vw - 250px - 96px))!important; } } @media (min-width: 1440px){ #folio-update .block.decks.block-detail-element .deckpage{ height: calc( 8/12 * 0.4659 * (100vw - 250px - 96px))!important; } } .roundRadioBtn.fancyFormOption label.circle_text, .form-group.row label.fancyformLabel, .form-group.row label{ font-size: 13px!important; } #form_become-a-model input.form-control, #form_become-a-model select.form-control, #form_become-a-model textarea.form-control{ font-size: 13px!important; text-transform: uppercase; } .form-group.row{ border-bottom: 1px solid #000000; } .form-group.row .fancyUploadLabelAndBtn label.fancyformLabel{ display: none; } .fancyUploadLabelAndBtn{ padding: 0px; } .fancyFormField .btn-upload{ height: 40px; line-height: 1em; padding: 0px 15px; } .fancyFormField .btn-upload::before{ display: none; } .fancy-uploadfile1, .fancy-uploadfile2, .fancy-uploadfile3, .fancy-vimeovideo{ border: 0px; width: 300px; height: 450px; margin: 30px 0px 0px!important; margin-left: calc(50% - 150px)!important; } .msgBox-upload{ border: 0px; padding: 0px; height: 390px; } .uploadTxtMsg, .currentFileText{ background: #ffffff; height: 40px; padding: 10px 15px; line-height: 20px; } .uploadTxtMsg a, .currentFileText a{ color: #000000; text-transform: uppercase; text-decoration: none; padding: 0px 30px 0px 0px; background:url("../img/btns/uploaded.svg") no-repeat 100% 50%; } .currentFileDelete{ background: #ffffff; height: 40px; padding: 10px 15px; line-height: 20px; border-top: 1px solid #000000; } .currentFileDelete a{ color: #000000; text-transform: uppercase; text-decoration: none; padding: 0px 0px 0px 0px; } .uploadpreviewContainer, .uploadpreviewContainerBackup{ background-size: cover; border: 0px; background-position: top center; } .become #pageBlock1.cleanPageBlock1 .page-block-txt p a{ font-family: headfont; text-decoration: none; } @media (max-width: 340px){ .fancy-uploadfile1, .fancy-uploadfile2, .fancy-uploadfile3, .fancy-vimeovideo{ width: 100%; margin: 30px 0px 0px!important; } } @media (min-width: 600px){ .fancy-uploadfile1, .fancy-uploadfile2, .fancy-uploadfile3, .fancy-vimeovideo{ width: 165px; margin: 30px 10px 0px!important; height: 320px; } .fancy-uploadfile1{ margin-left: calc(50% - 267.5px)!important; } .msgBox-upload{ height: 240px; } } @media (min-width: 768px){ .fancy-uploadfile1, .fancy-uploadfile2, .fancy-uploadfile3, .fancy-vimeovideo{ width: 150px; margin: 30px 0px 0px!important; height: 320px; } .fancy-uploadfile2{ margin: 30px 10px 0px!important; } .fancy-uploadfile1{ margin-left: calc(50% - 235px)!important; } .msgBox-upload{ height: 240px; max-height: none; } .page-block-module.page-block-fancyform{ max-width: none; } } @media (min-width: 900px){ .fancy-uploadfile1, .fancy-uploadfile2, .fancy-uploadfile3, .fancy-vimeovideo{ width: 190px; margin: 30px 0px 0px!important; height: 320px; } .fancy-uploadfile2{ margin: 30px 15px 0px!important; } .fancy-uploadfile1{ margin-left: calc(50% - 300px)!important; } .msgBox-upload{ height: 240px; } } @media (min-width: 1200px){ .become #pageBlock1{ width: calc(50% - 32px); } .become #pageBlock1.cleanPageBlock1 .page-block-caption{ align-items: flex-start; align-content: flex-start; } .become #pageBlock1.cleanPageBlock1 .page-block-txt{ width: 84%; } .page-block.fancyform{ width: 50%; margin-top: 82px; padding: 0px 64px 0px 48px; } .fancy-uploadfile1, .fancy-uploadfile2, .fancy-uploadfile3, .fancy-vimeovideo{ width: 280px; height: 430px; margin: 30px 0px 0px!important; margin-left: calc(50% - 140px)!important; } .msgBox-upload{ border: 0px; padding: 0px; height: 370px; } #form_become-a-model_container{ max-width: 650px; } } @media (min-width: 1280px){ .fancy-uploadfile1, .fancy-uploadfile2, .fancy-uploadfile3, .fancy-vimeovideo{ width: 125px; margin: 30px 0px 0px!important; height: 320px; } .fancy-uploadfile2{ margin: 30px 10px 0px!important; } .fancy-uploadfile1{ margin-left: calc(50% - 197.5px)!important; } .msgBox-upload{ height: 240px; } .fancyFormField .btn-upload{ font-size: 10px!important; } } @media (min-width: 1440px){ .fancy-uploadfile1, .fancy-uploadfile2, .fancy-uploadfile3, .fancy-vimeovideo{ width: calc(33.33% - 30px); margin: 30px 15px!important; border: 0px; } .msgBox-upload{ height: 280px; } .form-group.row .fancyUploadLabelAndBtn label.fancyformLabel{ width: 100%!important; text-align: center; } } @media (min-width: 1600px){ .fancyFormField .btn-upload{ font-size: 13px!important; } } #dataLinkuploadfile1, #dataLinkuploadfile2, #dataLinkuploadfile3{ opacity: 0; pointer-events: none; } .scrolltop{ display: none; } .footer{ background: #ffffff; } .footer-address, .address-block{ width: 100%; padding: 16px 0px; text-transform: uppercase; } .address-image img{ width: 100%; max-width: 400px; } .address-block h3{ font-size: 1em; font-family: headfont; } .footer-actionblock .footer-address a{ padding: 0px; margin: 0px; } .address-block a{ text-decoration: none; font-family: headfont!important; } .footer-address-label, .footer-actionblock .footer-address a.agency-link{ font-family: headfont; padding-bottom: 16px; background: none!important; color: #000!important; width: 100%; float: left; } .footer .container .footer-menu .navbar-nav li a{ font-size: 1em; text-transform: uppercase; } .footer-actionblock .footer-address a.legallink-agency{ display: none; } .footer-actionblock a:hover, .footer-actionblock a.active:hover{ background: #ffffff; } @media (max-width: 767px){ .footer-address-label{ display: none; } } @media (min-width: 768px){ .footer .container{ padding: 48px 64px 0px 32px; } .page-block-module-agencies, .footer .container .footer-menu .navbar-nav, .footer-actionblock{ display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 96px; grid-row-gap: 16px; } .footer .container .footer-menu .navbar-nav{ padding: 16px 0px 26px; } .footer .container .footer-menu .navbar-nav li, .footer-address, .address-block{ grid-column: span 4; } .footer .container .footer-menu .navbar-nav li{ padding: 0px; margin: 0px; } .footer .container .footer-menu .navbar-nav li a{ padding: 0px; margin: 0px; } } @media (min-width: 1200px){ .contact #pageBlockPage{ display: grid; grid-template-columns: repeat(8, 1fr); grid-gap: 96px; grid-row-gap: 48px; padding: 0px 64px 0px 32px; } .contact #pageBlock1{ grid-column: span 2; padding-right: 0px; padding: 0px; } .contact #pageBlock1.cleanPageBlock1 .page-block-txt{ width: 100%; } .contact #agencies{ grid-column: span 6; margin-top: 86px; padding: 0px; } .footer .container .footer-menu .navbar-nav, .footer-actionblock{ grid-template-columns: repeat(8, 1fr); grid-row-gap: 48px; } #agencies .page-block-module-agencies{ grid-template-columns: repeat(6, 1fr); padding: 0px; grid-row-gap: 48px; } .footer .container .footer-menu .navbar-nav li, .footer-address, .address-block{ grid-column: span 2; } } @media (min-width: 991px){ .footer .container .footer-menu .navbar-nav{ flex-direction: row; flex-wrap: nowrap; justify-content: space-between; padding: 16px 0px 26px; } } @media (min-width: 1200px){ .footer .container .footer-menu .navbar-nav li{ display: flex; align-items: flex-end; } } .footer-menu-2, .menu-copy{ display: none!important; } #creditsfooter{ background: #ffffff; padding: 16px!important; color: #2C2C2C; display: none; } .model_active #footer_address_1, .model_active #footer_address_3, .model_active #footer_address_5{ opacity: 0; pointer-events: none; } #theBody.talent #footer_address_1, #theBody.talent #footer_address_3, #theBody.talent #footer_address_5{ opacity: 1; pointer-events: all; } .model_active.agency_1 #footer_address_1{ opacity: 1; pointer-events: all; } .model_active.agency_3 #footer_address_3{ opacity: 1; pointer-events: all; } .model_active.agency_5 #footer_address_5{ opacity: 1; pointer-events: all; } @media (max-width: 1199px){ .model_active #footer_address_1, .model_active #footer_address_3, .model_active #footer_address_5{ display: none; } .model_active.agency_1 #footer_address_1, .model_active.agency_3 #footer_address_3, .model_active.agency_5 #footer_address_5{ display: block; } } .player { overflow: hidden; padding: 0px!important; margin: 0px; } /* This css is only applied when fullscreen is active. */ .player:fullscreen { max-width: none; width: 100%; } .player:-webkit-full-screen { max-width: none; width: 100%; } .player__video { width: 100%; display: block; } .player__button { background:none; border:0; text-align: center; outline:0!important; padding: 0!important; cursor:pointer; width:30px; height:30px; border: 0px!important; position: relative; } .player__button img{ width:30px!important; max-width:none!important; max-height:none!important; height:30px!important; position: absolute!important; top: 0px; left: 0px; -webkit-transition: all 0.1s ease!important; -moz-transition: all 0.1s ease!important; -o-transition: all 0.1s ease!important; transition: all 0.1s ease!important; } .player__fullscreen img.minimize-icon, .player__sound img.mute-icon, .player__toggle img.pause-icon{ opacity: 0!important; margin: 0px 0px 0px 0px; transform: translateY(0)!important; } .player__fullscreen img.fullscreen-icon, .player__sound img.sound-icon, .player__toggle img.play-icon{ opacity: 1!important; margin: 0px 0px 0px 0px; transform: translateY(0)!important; } .player__fullscreen.fullscreen img.fullscreen-icon, .player__sound.muted img.sound-icon, .player__toggle.playing img.play-icon{ opacity: 0!important; margin: 0px 0px 0px 0px; } .player__fullscreen.fullscreen img.minimize-icon, .player__sound.muted img.mute-icon, .player__toggle.playing img.pause-icon{ opacity: 1!important; margin: 0px 0px 0px 0px; } .player__toggle{ margin-left: -5px; } .player__fullscreen{ float: right; } .player__button:focus { /*border-color: #ffc600;*/ border: 0px!important; } .player__slider { width:10px; height:30px; } .player__controls { display:block; position: absolute; bottom:0px; width: 100%; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; flex-wrap:wrap; background:rgba(0,0,0,0.2); background: -moz-linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%); background: -webkit-linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%); background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1); height: 55px; padding: 5px 15px 0px 15px; opacity: 0; mix-blend-mode: difference; } .player:hover .player__controls { opacity: 1; } .player__controls > * { flex:1; } .player .progress { flex:10; position: absolute; display:block; width:calc(100% - 30px); top: 40px; left: 15px; height:1px; transition:height 0.3s; background:rgba(255,255,255,0.5); cursor:ew-resize; cursor:pointer; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } .progress__filled { width:50%; background:#ffffff; height: 100%; top: 0px; left: 0px; position: absolute; width:50%; } .player .player__controls:hover .progress { height:5px; top: 38px; } .pagination__next{ display: none!important; } .block .block-image img.video-image{ position: absolute; top: 0px; width: 100; height: 100%; object-fit: cover; transform: translateY(0)!important; opacity: 1!important; } .menu-credits{ display: flex; flex-wrap: nowrap; } .menu-side .navbar-nav li.menu-credits span{ font-size: 1em; text-transform: uppercase; margin: 0px 5px 5px 0px; padding: 5px 0px; line-height: 1.4em; opacity: 0.4; } .menu-side .navbar-nav li.menu-credits a{ width: auto!important; margin: 0px 5px 5px 0px!important; } @media (min-width: 768px){ .menu-side .navbar-nav li.menu-credits span{ padding: 0px; line-height: 1em;margin: 0px 5px 0px 0px!important; } .menu-side .navbar-nav li.menu-credits a{ margin: 0px 5px 0px 0px!important; } } @media (min-width: 1200px){ .menu-credits{ display: flex; flex-wrap: wrap; } .menu-side .navbar-nav li.menu-credits span{ } .menu-side .navbar-nav li.menu-credits a{ } } .lightbox-modal .carousel-inner{ z-index: 3; pointer-events: none; } .lightbox-modal .carousel-inner .carousel-item .deckInformation .deckDESC .element_value a{ pointer-events: all; } #change-makers .block{ order: 1; } #change-makers #block45.block{ order: 2; } #change-makers #block44.block{ order: 3; } #change-makers #block7.block{ order: 4; } #change-makers #block14.block{ order: 5; } #change-makers #block56.block{ order: 6; } #theBody.women #model3046{ /*display: none;*/ } #women #model2770{ display: none; }