.breadcrumb, #header.menu-side .social-icons .social-label, #header.menu-side .social-icons .social-icon .fa-brands, #languages, .menu-link-arrow, #extraMenu, #aftertalents, /*#theBody.men #quick-list-navigation,*/ #theBody.talents #quick-list-navigation, .menu-agency-switch, .extra-menu ul li.social-icons, .page-menu-list{ display: none; } #theBody{ font-size: 14px; padding: 0px!important; overflow-y:visible!important; background: #F5F5F5; font-family: 'Regular'!important; } .btn-primary, .btn-primary-grey, .btn-default, .btn-secondary, .btn-info, .btn-list, .btn-primary{ font-family: 'Regular'!important; color: #000000; background: none; } #loader{ width: 100px; } #euXy2EQ97k41{ width: 120px; } #header{ height: 55px; background: rgba(255,255,255,0); z-index: 3; padding: 0px; margin: 0px; z-index: 50; } #mainmenu{ position: fixed; max-height: 100%; display: flex; align-content: flex-start; align-items: flex-start; flex-wrap: wrap; z-index: 51; left: auto; max-width: 600px; overflow-y: scroll; } .mainmenu .navbar{ height: auto; margin-top: 75px; } .mainmenu .navbar-nav{ overflow: hidden; margin: 0px; padding: 0px 0px 0px 15px; max-height: none; } .mainmenu ul.navbar-nav li{ text-align: left; } .mainmenu .social-icons{ position: relative; top: auto; bottom: 0px; justify-content: flex-start; margin: 15px 0px; padding: 0px 15px 0px 15px; gap:10px; font-size: 1em; } .mainmenu .social-icons .social-icon a{ font-size: 16px; } #menuvideo::after{ background: rgba(0,0,0,0.2); } #menuvideo{ /* filter: blur(5px);*/ } #mainsection{ margin: 25vh 0px 0px 0px; } .logo{ height: 35px; justify-content: flex-start; padding-left: 15px; top: 15px; align-content: flex-start; align-items: flex-start; position: absolute; z-index: 10; max-width: 50%; } .logo svg, .logo img{ max-height: none; width: 155px; max-width: none; overflow: visible; } .navbar-toggle{ padding: 0px; top: 16px; right: 15px; width: 35px; z-index: 52; } /*.navbar-header::before{ position: absolute; display: block; font-size: 1em; font-family: Regular; content: "Menu"; text-transform: uppercase; width: 50px; height: 1em; left: 0px; top: 0px; }*/ #toggleNavTxt{ position: absolute; top:0px; left: auto; right: 0px; text-align: right; font-size: 1em; display: block; height: 1em; width: auto; text-transform: uppercase; float: right; } .home .navbar-toggle{ } .home #pageBlock1{ } .navbar-toggle .icon-bar{ display: none; } .navbar-toggle .icon-bar.icon-bar-1, .navbar-toggle .icon-bar.icon-bar-3{ height: 1px; width: 35px; } .navbar-toggle:hover .icon-bar.icon-bar-3{ width: 25px; margin-left: 10px; } .menuactive .navbar-toggle:hover .icon-bar.icon-bar-3{ width: 35px; margin-left: 0px; } .icon-bar.icon-bar-2{ display: none; } .navbar-toggle .icon-bar.icon-bar-1{ -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; margin-top: 0px; } .navbar-toggle .icon-bar.icon-bar-3{ -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; margin-top: 9px; } .navbar-toggle::before{ content: "menu"; text-transform: uppercase; display: block; width: 40px; left: 50%; margin-left:-20px; position: absolute; top: 50%; height: 10px; margin-top: -5px; line-height: 10px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; color: #1a1a1a; display: none; } .menuactive .navbar-toggle::before{ margin-left: -50px; } .mainmenu{ margin-top: 0px; } .menuactive .mainmenu{ pointer-events: all; } #pageBlock1, #pageBlock1 .page-block-caption{ margin-bottom: 0px; padding-bottom: 0px; } #pageBlock1 .page-block-page_image, #pageBlock1 .page-block-image{ margin-bottom: 15px; } #pageBlock1 .page-block-intro,#pageBlock1 .page-block-txt{ margin-top: 30px; } #pageBlock1.cleanPageBlock1 { } h1, h2, h3, h4, h5, h6{ font-family: "Henderson", sans-serif; font-weight: normal!important; text-transform: uppercase; letter-spacing: normal; line-height: 1em; } h1{ } .mainmenu ul.navbar-nav li, .mainmenu ul.after-menu li.childmenu{ margin: 25px 0px 0px 0px; text-align: left; } .mainmenu ul.after-menu li.childmenu{ width: 100%; margin: 0px; padding: 0px; } .mainmenu ul.navbar-nav li a, .mainmenu .navbar-nav ul.after-menu li.childmenu a{ text-transform: uppercase; width: 100%; font-size: 16px; line-height: 1.1em; height: auto; text-decoration: none; text-align: left; margin: 0px; padding: 0px; -webkit-transition: all 0.05s ease; -moz-transition: all 0.05s ease; -o-transition: all 0.05s ease; transition: all 0.05s ease; } .mainmenu .navbar-nav ul.after-menu{ justify-content: center; flex-wrap: wrap; margin-top: 10px; } .mainmenu .navbar-nav ul.after-menu li.childmenu a{ width: auto; font-size: 16px; line-height: 1.1em; margin: 0px; } .page-block .page-block-name{ } .page-block-name h1{ font-size: 4em; text-transform: none; } .page-block-txt h2, .page-block-txt h3, .page-block-txt h4, .page-block-txt h5{ font-size: 1.1em; text-decoration: none; margin-bottom: 15px; } .page-block-txt h2{ font-size: 1.8em; margin: 30px 0px 10px 0px; } .page-block-txt h3{ font-size: 1.4em; text-transform: none; margin: 30px 0px 0px 0px; } .page-block-txt h4{ font-size: 0.7em; line-height: 1.2em; } .page-block-intro p, .page-block-intro ul{ font-size: 1em; } .page-block-txt p, .page-block-txt ul, .page-block-intro ul{ margin-bottom: 15px; color: #000000; } .page-block-txt p b, .page-block-txt ul b, .page-block-intro ul b{ margin-bottom: 15px; font-family: 'Henderson'; } .page-block-txt p a{ text-decoration: none; } .page-block-txt p a:hover{ text-decoration: underline; } .menu-default #mainsection, .menu-centered #mainsection{ display: flex; justify-content: center; margin-top: 70px; } .page-block-ttl h2{ text-transform: uppercase; } #wrapper #pageBlockPage{ max-width: 1920px; } #wrapper .modeldetail .page-block img, #wrapper .modeldetail #modelhashnav{ } #theBody.models #wrapper #pageBlockPage.agrid{ filter: none; display: none; } #wrapper.ajaxloading #pageBlockPage{ filter: grayscale(100); } .home #wrapper.ajaxloading .page-block img{ transform: scale(0.99); } #wrapper.ajaxloading .modeldetail .page-block img, #wrapper.ajaxloading .modeldetail #modelhashnav, #wrapper.ajaxloading #blog---full img{ } .roundRadioBtn.fancyFormOption label.circle_text, .form-group.row label.fancyformLabel, .form-group.row label{ font-size: 12px!important; color: #222222; font-family: "Henderson", sans-serif; } #form_become-a-model input.form-control, #form_become-a-model select.form-control, #form_become-a-model textarea.form-control{ font-size: 2em!important; text-transform: none; } .form-group.row{ border-bottom: 0px solid #1a1a1a; flex-wrap: wrap; } .form-group.row .fancyUploadLabelAndBtn label.fancyformLabel{ display: none; } .fancyUploadLabelAndBtn{ padding: 0px; } .fancyFormField .btn-upload{ height: 30px; line-height: 1em; padding: 0px 15px; } .fancyFormField .btn-upload::before{ display: none; } .fancy-tiktok{ } .fancy-q5, .fancy-btn{ background: #F5F5F5; } #fancy_column_container3{ background: #F5F5F5; max-width: none!important; width: 100%; float: left; padding: 30px 15px; display: flex; justify-content: space-between; flex-wrap: wrap; } .fancy-uploadfile1, .fancy-uploadfile2, .fancy-uploadfile3, .fancy-vimeovideo{ background: #F5F5F5; padding: 15px; border: 0px; width: 100%; height: 440px; margin: 0px 0px 15px 0px!important; margin:0px; border: 1px solid #BFBFBF; max-width: 300px; } .fancy-uploadfile3 .fancyFormField, .fancy-uploadfile2 .fancyFormField, .fancy-uploadfile1 .fancyFormField{ display: flex; justify-content: center; flex-wrap: wrap; } .msgBox-upload{ border: 0px; padding: 0px; height: 390px; max-width: 300px; } .fancyUploadLabelAndBtn{ max-width: 300px; } .uploadTxtMsg, .currentFileText{ background: #F5F5F5; height: 40px; padding: 10px 15px; line-height: 20px; } .uploadTxtMsg a, .currentFileText a{ color: #1a1a1a; text-transform: uppercase; text-decoration: none; padding: 0px 0px 0px 0px; background:url("../img/btns/uploaded.svg") no-repeat 100% 50%; } .currentFileDelete{ background: #F5F5F5; height: 40px; padding: 10px 15px; line-height: 20px; border-top: 1px solid #1a1a1a; } .currentFileDelete a{ color: #1a1a1a; text-transform: uppercase; text-decoration: none; padding: 0px 0px 0px 0px; } .uploadpreviewContainer, .uploadpreviewContainerBackup{ background-size: cover; border: 0px; background-position: top center; /*background: #222222!important;*/ } #become.page-block-caption{ display: none; } .become #pageBlock1.cleanPageBlock1 .page-block-txt p a{ font-family: "Henderson", sans-serif; font-weight: normal!important; 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_column_container3{ padding: 0px 5px 30px 5px; margin-bottom: 60px; } .fancy-uploadfile1, .fancy-uploadfile2, .fancy-uploadfile3, .fancy-vimeovideo{ width: 165px; margin: 30px 10px 0px!important; height: 320px; } .fancy-uploadfile1, .fancy-uploadfile2, .fancy-uploadfile3, .fancy-vimeovideo{ width: calc(33.33% - 20px); /*margin: 30px 0px 0px 15px!important;*/ height: calc(40vw + 50px); } .fancy-uploadfile1{ /* margin-left: calc(50% - 267.5px)!important;*/ } /* with video it will be : .fancy-uploadfile1, .fancy-uploadfile2, .fancy-uploadfile3, .fancy-vimeovideo{ width: 200px; height: 320px; } .fancy-uploadfile1, .fancy-uploadfile3{ } */ /* end with video */ .msgBox-upload{ height: 40vw; } } @media (min-width: 600px) and (max-width: 900px){ .page-block.fancyform .btn-primary{ text-align: center; } .fancyFormField .btn-upload::after{ text-align: center; width: 100%; top: 22px; right: 0px; } .fancy-uploadfile1, .fancy-uploadfile2, .fancy-uploadfile3, .fancy-vimeovideo{ width: calc(33.33% - 20px); /*margin: 30px 0px 0px 15px!important;*/ height: calc(40vw + 65px); } } #pageBlock0 .scrolldown{ display: none; } .page-block-intro h2, .page-block-txt h2{ margin: 25px 0px 5px 0px; font-size: 1em; } #theBody.contact #pageBlock1 .page-block-name { display: block; } #theBody.contact #pageBlock1 .page-block-name h1{ opacity: 1!important; } #theBody.contact .page-block-ttl h2{ text-transform: none; font-size: 4em; } #theBody.contact p a { text-decoration: none!important; } #theBody.contact p a:hover { text-decoration: underline!important; } @media (min-width: 768px){ #pageBlock0{ margin-bottom: 50px; } #pageBlock1.cleanPageBlock1, #pageBlock1.with_page_image{ } #pageBlock1.cleanPageBlock1 .page-block-name, #pageBlock1.with_page_image .page-block-name{ } #pageBlock1.cleanPageBlock1 .page-block-intro, #pageBlock1.with_page_image .page-block-intro{ } #pageBlock1.cleanPageBlock1 .page-block-txt, #pageBlock1.with_page_image .page-block-txt{ } #theBody.contact .page-block-txt h2{ } #theBody.contact .page-block-txt h2:nth-of-type(1){ } /*.fancy-uploadfile1, .fancy-uploadfile2, .fancy-uploadfile3, .fancy-vimeovideo{ width: 190px; margin: 30px 0px 0px!important; height: 320px; } .fancy-uploadfile2{ margin: 30px 10px 0px!important; } .fancy-uploadfile1{ margin-left: calc(50% - 295px)!important; } with video it will be : .fancy-uploadfile1, .fancy-uploadfile2, .fancy-uploadfile3, .fancy-vimeovideo{ width: 150px; height: 320px; } .fancy-uploadfile1{ margin-left: calc(50% - 320px)!important; } .fancy-uploadfile2{ margin: 30px 5px 0px 10px!important; } .fancy-uploadfile3{ margin: 30px 10px 0px 5px!important; } *//* end with video .page-block-module.page-block-fancyform{ max-width: none; } */ .msgBox-upload{ max-height: none!important; } .fancy-q5{ max-width: 100%; padding-right: 50%; margin-top: 45px; } .fancy-submit{ max-width: 100%; padding-right: 50%; } .page-block.fancyform .fancy-submit .btn-primary{ } } @media (min-width: 960px){ .fancy-uploadfile1, .fancy-uploadfile2, .fancy-uploadfile3, .fancy-vimeovideo{ /* width: calc(33.33% - 80px); margin: 30px 0px 0px 60px!important;height: 460px; max-width: 320px; */ height: 440px; } .fancy-uploadfile1{ } /* with video it will be : .fancy-uploadfile1, .fancy-uploadfile2, .fancy-uploadfile3, .fancy-vimeovideo{ width: 190px; height: 320px; } .fancy-uploadfile1{ margin-left: calc(50% - 400px)!important; } .fancy-uploadfile2{ margin: 30px 5px 0px 10px!important; } .fancy-uploadfile3{ margin: 30px 10px 0px 5px!important; } *//* end with video */ .msgBox-upload{ height: 390px; } .fancyUploadLabelAndBtn{ /* max-width: 400px;*/ } .fancy-q5{ } .fancy-submit{ } #fancy_column_container3{ } } @media (min-width: 1200px){ #theBody{ } .become #pageBlock1{ } .become #pageBlock1.cleanPageBlock1 .page-block-caption{ } .become #pageBlock1.cleanPageBlock1 .page-block-txt{ } .page-block.fancyform{ } .fancy-uploadfile1, .fancy-uploadfile2, .fancy-uploadfile3, .fancy-vimeovideo{ } /* with video it will be : */ .fancy-uploadfile1, .fancy-uploadfile2, .fancy-uploadfile3, .fancy-vimeovideo{ } .fancy-uploadfile1{ } .fancy-uploadfile2{ } .fancy-uploadfile3{ } /* end with video */ .msgBox-upload{ } .fancy-q5{ } .fancy-submit{ } } @media (min-width: 1280px){ .fancy-uploadfile1, .fancy-uploadfile2, .fancy-uploadfile3, .fancy-vimeovideo{ } .fancy-uploadfile2{ } .fancy-uploadfile1{ } /* with video it will be : */ .fancy-uploadfile1, .fancy-uploadfile2, .fancy-uploadfile3, .fancy-vimeovideo{ } .fancy-uploadfile1{ } .fancy-uploadfile2{ } .fancy-uploadfile3{ } /* end with video */ .msgBox-upload{ } .fancyFormField .btn-upload{ } #theBody.become-a-model .page-block-ttl h2{ font-size: 1.4em; } } @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; }*/ .fancy-uploadfile3{ } .form-group.row .fancyUploadLabelAndBtn label.fancyformLabel{ } } @media (min-width: 1600px){ .fancyFormField .btn-upload{ } } #dataLinkuploadfile1, #dataLinkuploadfile2, #dataLinkuploadfile3{ opacity: 0; pointer-events: none; } .scrolltop{ display: none; } .modal-backdrop{ display: none!important; opacity: 0!important; height: 0px!important; width: 0px!important; } .lightbox-modal .modal-content{ width: 100%; } .lightbox-modal .close{ left: auto; top: 18px; right: 18px; background: rgba(0,0,0,0); position: absolute; height: 40px; text-align: right; color: #000000; font-weight: normal; font-size: 14px; text-transform: uppercase; text-decoration: none; } .lightbox-modal .close span{ opacity: 0; } .lightbox-modal .close::before{ content: 'close'; display: block; color: #1a1a1a; 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{ background: none; } .lightbox-modal .carousel-control-prev .fa-light, .lightbox-modal .carousel-control-next .fa-light{ color: #1a1a1a; font-size: 25px; } /*.lightbox-modal .carousel-control-prev .fa-light::after, .lightbox-modal .carousel-control-next .fa-light::after{ position: absolute; top: 100%; width: 20px; height:2px; background: #1a1a1a; content: ''; display: block; left: 50%; margin-left: -10px; }*/ /*.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;*/ top: 0px; opacity: 0; transform: scale(0.9); padding: 0!important; } .carouselState{ position: absolute; top:14px; left: 15px; z-index: 101; } .lightbox-modal .carousel-control-prev, .lightbox-modal .carousel-control-next{ text-transform: uppercase; color: #000000; position: absolute; top:24.5px; left: auto; right: 80px; } .carouselState, .lightbox-modal .close, .lightbox-modal .carousel-control-prev, .lightbox-modal .carousel-control-next{ mix-blend-mode: exclusion; color: #ffffff; } .lightbox-modal .carousel-control-prev{ right: 170px; } #theBody.models #pageBlock1{ } #theBody.models #pageBlock1 .page-block-subname{ display: none; } #models.page-block.models{ padding: 0px; } #togglable_letters, .letters-container{ background: #F5F5F5; border: 0px solid #000; height: 40px; } #models_container{ grid-template-columns: repeat(4, 1fr); grid-gap: 0px; min-width: 100%; margin-top: 0px; padding: 0px 0px; min-height: 0; grid-column-gap: 30px; grid-row-gap: 45px; align-content: flex-start; align-items: flex-start; } #models_container .block.models{ padding: 0px; border: 0px; grid-column: span 2; align-content: flex-end; align-items: flex-end; } #models_container .block.models .block-btns{ display: none; } #models_container .block.models .block-caption{ padding: 15px 15px; min-height: 40px; } .block.models .block-caption .block-ttl h2{ text-align: left; font-size: 1.8em; padding: 0px 0px 0px 0px; margin: 0px; text-transform: none; } .block.models .block-caption .block-ttl h2 a{ justify-content: flex-start; display: flex; flex-wrap: wrap; } .block.models .block-caption .block-ttl h2 a .firstname, .block.models .block-caption .block-ttl h2 a .lastname{ font-family: "Special"; font-weight: normal!important; text-transform: none; width: auto; text-align: left; } .block.models .block-caption .block-ttl h2 a .firstname{ padding-right: 0.4em; } .fixed-letters-container{ width: 700px; top: 10px; } .letters-container .act-ltr, .letters-container .dis-ltr{ font-size: 1em; font-family: Light; color: #000000; font-weight: normal; width: 45px; } .letters-container .dis-ltr{ opacity: 0.35 } .letters-container .act-ltr{} .letters-container .act-ltr a:hover{ text-decoration: none; } .letters-container .act-ltr a{ font-weight: normal; font-size: 1em; font-family: Light; color: #000000; font-weight: normal; opacity: 1; } .letters-container .act-ltr a:hover{ opacity: 1; color: #000000; } .letters-container .act-ltr.active a{ opacity: 1!important; color: #000000; text-decoration: none; font-family: Regular; } .block.models .block-caption-specs.yes_hover{ left: 0px; align-content: flex-end; align-items: flex-end; background: #222222; } .block.models .block-caption-specs .block-spec .list-label{ width: auto; color: #BFBFBF; font-size: 18px; position: relative; font-family: "Cormorant Garamond", serif; font-weight: 600; font-style: italic; line-height: 22px; } .block.models .block-caption-specs .block-spec .list-value{ color: #F5F5F5; font-size: 12px; width: auto; margin: 0px; line-height: 26px; text-transform: uppercase; } #setModelListView{ display: none; } #quick-list-navigation{ position: relative; top: 0px; left: 0px; width: 100%; display: flex; flex-wrap: nowrap; justify-content: space-between; list-style: none; display: flex; flex-direction: row; justify-content:flex-start; padding: 8px 15px 15px 15px; margin: 0px; flex-wrap: wrap; gap: 20px; } #quick-list-navigation li a.menu-link{ text-transform: uppercase; font-size: 1em; text-decoration: none; font-family: Light; } #quick-list-navigation li.active a.menu-link{ font-family: 'Regular'!important; } #quick-list-navigation li.active a.menu-link::after{ display: block; position: relative; width: 100%; height: 1px; background: #000000; content: ''; } @media (max-width: 767px){ .logo{ } .fixed-side-letters{ height: 45px; width: calc(100% - 0px); left: 0px; bottom: 0px; top: auto; z-index: 100000; border: 0px; } #models_container.letters-on_side{ padding: 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: #F5F5F5; 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{ font-size: 14px; } #header{ height: 53px; background: #F5F5F5; max-height: 53px; } .logo{ height: 60px; /*padding-left: 50px; top: 25px;*/ } .logo svg, .logo img{ width: 240px; } .letters-container .act-ltr, .letters-container .dis-ltr{ } .navbar-toggle{ /*top: 20px; right: 50px; width: 45px;*/ } .navbar-toggle .icon-bar.icon-bar-1, .navbar-toggle .icon-bar.icon-bar-3{ } .navbar-toggle:hover .icon-bar.icon-bar-3{ } .menuactive .navbar-toggle:hover .icon-bar.icon-bar-3{ } .navbar-toggle .icon-bar.icon-bar-3{ } .mainmenu ul.navbar-nav li a{ } .mainmenu .navbar-nav ul.after-menu li.childmenu a{ } .mainmenu .navbar-nav ul.after-menu{ } .mainmenu .navbar-nav ul.after-menu li.childmenu{ } .mainmenu .navbar-nav ul.after-menu li.childmenu a{ } #mainmenu{ padding: 0px 30px; border-left: 1px solid #000000!important; } #extraMenu{ display: block; left: auto; right: 60px; width: auto; padding: 0px; top:16px; bottom: auto; background: #F5F5F5; } #theBody.models #extraMenu{ right: 170px; } .extra-menu{ width: auto; } .extra-menu ul li a, .extra-menu ul li, .extra-menu .navbar-nav, .extra-menu .navbar{ padding: 0px; margin: 0px; font-size: 1em; line-height: 1em; } .extra-menu ul li a{ text-transform: uppercase; } #mainsection{ margin: 150px 0px 0px 0px; } .page-block .page-block-name{ } .page-block-name h1{ font-size: 3.8em; } #header.menu-centered .logo{margin-bottom: 0px;} #theBody .letters-container.fixed-side-letters{ border: 0px; right: 0px; width: 50px; left: auto; top: 150px; height: calc(100vh - 150px); } .fixed-side-letters #togglable_letters .fixed-letters-container{ transform:translate3d(0px, 0px, 0px)!important; align-content: flex-start; align-items: flex-start; padding-top:0px; width: 50px; } .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: 30px; width: 50px; } .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: 15px 15px 15px 15px; } #theBody #models_container{ padding: 15px 15px 15px 15px; grid-template-columns: repeat(4, 1fr); grid-column-gap: 60px; grid-row-gap: 60px; margin-top: 0px; } #theBody #models_container.search-results{ padding-top: 135px; } #quick-list-navigation{ } #theBody #models_container.letters-on_side{ padding: 0px 50px 15px 50px; } #models_container .block.models{ grid-column: span 2; } .block.models .block-caption .block-ttl h2{ font-size: 2em; } .block.models .block-caption .block-ttl h2 a .firstname, .block.models .block-caption .block-ttl h2 a .lastname{ } .block.models .block-caption .block-ttl h2 a .firstname{ padding-right: 5px; } #pageBlock1 .page-block-caption, #theBody.contact .page-block.contact .page-block-caption, #theBody.become-a-model .page-block .page-block-caption{ display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap : 30px; grid-row-gap: 15px; } #theBody.contact .page-block.contact .page-block-caption-head{ grid-template-columns: repeat(1, 1fr); grid-row-gap: 0px; } #pageBlock1 .page-block-name, #pageBlock1 .page-block-name{ grid-column: span 2; } #theBody.contact .page-block-ttl h2, #pageBlock1 .page-block-name h1{ font-size: 6.8em; } #pageBlock1 .page-block-image{ grid-column: span 1; } #pageBlock1 .page-block-txt{ grid-column: span 1; } } @media (min-width: 900px){ #theBody #models_container{ grid-template-columns: repeat(6, 1fr); } #models_container .block.models{ grid-column: span 2; } .mainmenu .social-icons{ } .mainmenu .navbar{ margin-bottom: 10px; } } @media (min-width: 1200px){ .mainmenu .social-icons .social-icon a, .mainmenu ul.navbar-nav li a, .mainmenu .navbar-nav ul.after-menu li.childmenu a{ font-size: 18px; line-height: 1.4em; } .mainmenu ul.navbar-nav li{ margin: 35px 0px 0px 0px; } #theBody #models_container.letters-on_side{ } #theBody #models_container.block-listing{ grid-template-columns: repeat(8, 1fr); } #models_container .block.models{ grid-column: span 2; } #header.menu-centered .logo{margin-bottom: 0px;} #theBody .letters-container.fixed-side-letters{ } .fixed-side-letters #togglable_letters .fixed-letters-container{ } #quick-list-navigation{ } .page-block .page-block-name{ } .page-block .page-block-name h1{ } #theBody.contact .page-block-ttl h2, #pageBlock1 .page-block-name h1{ font-size: 12em; } .page-block-intro h2, .page-block-txt h2, .page-block-intro p, .page-block-intro ul, .page-block-intro ul, .page-block-txt p, .page-block-txt ul, .page-block-intro ul{ font-size: 18px; } #pageBlock1 .page-block-caption{ grid-column-gap : 45px; } .fixed-bottom-letters{ top:5.5px; bottom: auto; z-index: 101; width: calc(100vw - 540px); left: 270px; -webkit-transition: all 1s; -moz-transition: all 1; -o-transition: all 1s; transition: all 1s; } .menuactive .fixed-bottom-letters{ opacity: 0; } .fixed-letters-container{ width: 100%; max-width: 800px; position: relative; } } @media (min-width: 1280px){ .menu-hamburger #header { } .menu-hamburger #mainsection { } .menu-hamburger .mainmenu .navbar-nav li a, .mainmenu ul.navbar-nav li a, .mainmenu .navbar-nav ul.after-menu li.childmenu a{ } } @media (min-width: 1600px){ #theBody #models_container.block-listing{ grid-template-columns: repeat(8, 1fr); grid-column-gap: 150px; } #quick-list-navigation{ max-width: 1920px; } #theBody.contact #pageBlock1, #theBody.contact .page-block.contact{ width: 50%; align-content: flex-start; align-items: flex-start; padding-top: 0px; } #theBody.contact .page-block.contact .page-block-caption-head{ padding-top: 0px; padding-bottom: 0px; } #theBody.contact .page-block.contact .page-block-caption{ padding-top: 0px; padding-bottom: 0px; } } @media (min-width: 1920px){ .menu-hamburger #header{ display: flex; justify-content: center; } .menu-hamburger #header #topbar{ max-width: 1920px; } #theBody #models_container.block-listing{ grid-template-columns: repeat(8, 1fr); max-width: 1920px; min-width: 1920px; width: 1920px; } .fixed-bottom-letters{ width: 1380px; left: calc(50% - 690px); } } #detail-model.specs-fixed-top, #detail-model.specs-fixed-bottom{ background: rgba(240,240,240,1); } #detail-model.specs-fixed-bottom{ background: #F5F5F5; max-height: none; -webkit-transition: all 1s; -moz-transition: all 1; -o-transition: all 1s; transition: all 1s; transition-timing-function: cubic-bezier(0.17, 0.67, 0.38, 1); height: 270px; bottom:-270px; z-index: 30; } .specs-fixed-top #modelsummary .page-block-ttl h3, .specs-fixed-bottom #modelsummary .page-block-ttl h3{ font-size: 14px; } .specs-fixed-top #modelsummary .page-block-name h1, .specs-fixed-bottom #modelsummary .page-block-ttl h2{ font-size: 30px; } #detail-model.specs-fixed-top #modelsummary, #detail-model.specs-fixed-bottom #modelsummary{ padding-left: 0px; } #detail-model.specs-fixed-top .detail-specs-container .page-block-txt, #detail-model.specs-fixed-bottom .detail-specs-container .page-block-txt{ align-content: flex-start; align-items: flex-start; padding: 15px 0px; } #detail-model.specs-fixed-top .detail-specs, #detail-model.specs-fixed-bottom .detail-specs, .sizeNotationNav{ justify-content: flex-start; width: 100%; align-content: flex-start; align-items: flex-start; padding: 0px 0px 10px 0px; } #detail-model.specs-fixed-top .detail-specs:nth-of-type(2n + 2), #detail-model.specs-fixed-bottom .detail-specs:nth-of-type(2n + 2){ /*justify-content: flex-end;*/ } #detail-model.specs-fixed-top .detail-specs .detail-label, #detail-model.specs-fixed-top .detail-specs .detail-value, #detail-model.specs-fixed-bottom .detail-specs .detail-label, #detail-model.specs-fixed-bottom .detail-specs .detail-value{ width: auto; text-align: right; padding: 0px 5px 0px 0px; } #detail-model.specs-fixed-top .detail-specs .detail-value, #detail-model.specs-fixed-bottom .detail-specs .detail-value{ width: auto; text-align: left; } #detail-model.specs-fixed-top #modelcontrollers, #detail-model.specs-fixed-bottom #modelcontrollers { width: 100%; justify-content: center; display: none; } .specs-fixed-bottom #modelsummary .page-block-ttl h3, .specs-fixed-bottom #modelsummary .page-block-ttl h2, #detail-model.specs-fixed-bottom .detail-specs .detail-label, #detail-model.specs-fixed-bottom .detail-specs .detail-value, #detail-model.specs-fixed-bottom .detail-specs .detail-label, #detail-model.specs-fixed-bottom .languageNotation a, #detail-model.specs-fixed-bottom .metricsNotations a{ color: #000000; font-family: Light; font-weight: normal!important; font-size: 1em; line-height: 1em; text-transform: uppercase; letter-spacing: 2px; } #detail-model.specs-fixed-bottom .detail-specs .detail-label, #detail-model.specs-fixed-bottom .languageNotation a, #detail-model.specs-fixed-bottom .metricsNotations a{ color: #8C8C8C; font-size: 1em; } #detail-model.specs-fixed-bottom .detail-specs .detail-value{ } #theBody.modeldetail #mainsection .page-block.fixed_slide.portfolio{ margin: 0px; } .page-block.gallery{ margin-bottom: 60px!important; } .page-block.gallery.slideshow.duo_slide .carousel .carousel-item .carousel-caption, .page-block.gallery.slideshow.duo_slide .carousel .carousel-item .credits-caption{ display: none; } .page-block.gallery .page-block-ttl h2{ font-size: 20px; } .page-block.gallery.portfolio .page-block-ttl h2{ } .page-block.gallery.slideshow.duo_slide .carousel .carousel-item img{ object-position: right; } .page-block.gallery.slideshow.duo_slide .carousel .carousel-item .link-image:nth-of-type(2) img{ object-position: left; } .page-block.gallery.slideshow.duo_slide .carousel .carousel-item:nth-of-type(1) img, .page-block.gallery.slideshow.duo_slide .carousel .carousel-item.block-image-container-wide img{ object-position: center; } @media (max-width: 767px){ #theBody.shrink #header.menu-centered{ height: 70px; background: rgba(255,255,255,1); } #theBody.shrink #header.menu-centered .logo{ /*margin-top: -45px; width: 130px;*/ } #theBody #header .container{ max-width: none; } #theBody #header.menu-centered .logo svg{ -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease } #theBody.shrink #header.menu-centered .logo svg{ /*width:70px;*/ } .mainmenu{ margin-top: 0px; max-height: calc(100vh); -webkit-transition: margin 0.4s ease; -moz-transition: margin 0.4s ease; -o-transition: margin 0.4s ease; transition: margin 0.4s ease } #theBody.shrink .mainmenu{ } .mainmenu .navbar-nav{ overflow: hidden; } } .search-init .opensearch, .search-init .closesearch{ font-size: 1em; text-transform: uppercase; font-family: Light; } @media (min-width: 768px){ .menu-centered .mainmenu .navbar-nav{ margin: 15px 0px 0px 0px; background: none; pointer-events: none; } .menu-default .navbar-nav li a, .menu-centered .navbar-nav li a{ padding: 10px 20px; pointer-events: all; } #theBody.shrink #header.menu-centered{ height: 70px; background: rgba(255,255,255,1); } #theBody.shrink #header.menu-centered .logo{ } #theBody #header.menu-centered .logo svg{ -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease } #theBody.shrink #header.menu-centered .logo svg{ /*width:70px;*/ } #theBody #header.menu-centered .mainmenu ul.navbar-nav li{ -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } #theBody.shrink #header.menu-centered .mainmenu ul.navbar-nav li:nth-of-type(3){ margin-right: 60px; } #theBody.shrink #header.menu-centered .mainmenu ul.navbar-nav li:nth-of-type(4){ margin-left: 60px; } .menu-default #mainsection, .menu-centered #mainsection{ margin: 70px 0px 0px 0px; } #mainsection{ display: flex; justify-content: center; flex-wrap: wrap; /*max-width: 800px;*/ } #wrapper #pageBlockPage{ /*max-width: 800px;*/ } } .page-block{ padding: 15px 15px 15px 15px; } .page-block-caption{ padding: 15px 0px 15px 0px; } p a{ text-decoration: underline!important; } #modelnavigation .backtooverview, #modelheader-simple .backtooverview{ font-family: "Henderson", sans-serif; font-weight: normal!important; } .btn-primary-w-icon:hover::after, .page-block.gallery .page-block-ttl h2::after/*, #modelnavigation .backtooverview::after*/{ } #theBody.modeldetail #mainsection{ margin: 0px 0px 120px 0px; } #modelheader{ } #modelheader.page-block{ height: auto; max-height: none; } #modelheader.page-block .page-block-page_image{ max-height: none; display: flex; flex-wrap: wrap; align-content: flex-start; align-items: flex-start; } #modelheader.page-block img{ /* height: 100%; width: 100%; object-fit: cover; object-position: center center;*/ } #modelheader.page-block .modelheaderImage{ order: 2; } #modelheader.page-block .page-block-caption{ order: 1; position: relative; height: auto; display: block; padding: 0px 15px 30px 15px; text-shadow:none; } #modelheader.page-block .page-block-caption .content-link { display: none; } #theBody.modeldetail .page-block .page-block-name{ } #theBody.modeldetail .page-block .page-block-name h1, #theBody.modeldetail .page-block .page-block-name h1 a{ } .page-block-name h1 .lastname, .page-block-ttl h2 .lastname, .page-block-txt h2 .lastname, .page-block-name h1 .firstname, .page-block-ttl h2 .firstname, .page-block-txt h2 .firstname{ font-family: "Henderson", sans-serif; font-weight: normal!important; text-transform: uppercase; width: 100%; display: block; } #modelheader-simple{ position: relative; top: 0px; background: #F5F5F5; display: flex; flex-wrap: nowrap; z-index: 32; overflow: visible; padding: 0px; left: 0px; margin-bottom: 45px;/* margin-top: 25vh;*/ -webkit-transition: bottom 0.4s ease; -moz-transition: bottom 0.4s ease; -o-transition: bottom 0.4s ease; transition: bottom 0.4s ease } .measurements_visible #modelheader-simple{ /*bottom: 200px;*/ } #modelheader-simple.page-block .page-block-caption{ padding: 0px 15px 0px 15px; margin: 0px; display: flex; justify-content: flex-start; align-content: flex-start; align-items: flex-start; } #modelheader-simple .content-link { display: none!important;/**/ } #modelheader-simple .content-link .fa-regular{ display: none!important;/**/ } #modelheader-simple.page-block .page-block-caption .page-block-name{ display: flex; justify-content: flex-start; width: 100%; } #modelheader-simple.page-block .page-block-caption .page-block-name h1{ font-size: 1em; text-align: left; line-height: 1em; text-transform:capitalize; } #modelheader-simple.page-block .page-block-caption .page-block-txt{ width: auto; padding: 0px; margin: 0px; } .modeldetail .page-block .detail-caption-social{ width: auto; padding: 0px 0px 0px 15px; margin: 0px; font-size: 12px; line-height: 40px; text-transform: uppercase; } .modeldetail .page-block .detail-caption-social a{ font-family: 'Henderson'!important; } .modeldetail .detail-caption-social a .fa-brands{ margin: 0px; width: auto; background: none!important; } #modelhashnav{ position: fixed; top: auto; bottom: 0px;; height: 40px; background: #F5F5F5; display: flex; flex-wrap: nowrap; z-index:31; overflow: visible; -webkit-transition: bottom 0.4s ease; -moz-transition: bottom 0.4s ease; -o-transition: bottom 0.4s ease; transition: bottom 0.4s ease } .measurements_visible #modelhashnav{ /*bottom: 170px;*/ } #modelhashnav #to-list{ width: 100%; background: none; padding: 0px 10px 0px 0px; position: absolute; top: -30px; display: flex; flex-wrap: nowrap; font-size: 1em; line-height: 40px; height: 40px; background: #f5f5f5; } #modelhashnav #to-list::before{ position: relative; top: 0px; left: 0px; width: auto; height: 40px; padding: 0px 10px 0px 15px; display: block; line-height: 40px!important; text-transform: uppercase; /* text-align: center; -webkit-font-smoothing: antialiased; font: var(--fa-font-regular); content: "\f053"; */ content: "back"; font-size: 1.0em; } #modelhashnav #modelhashnav_ulcontainer{ width: 100%; background: none; height: 30px; } #modelhashnav_ul{ height: 30px; padding-right: 5px; min-width: 100%; justify-content: flex-start; } #modelhashnav #modelhashnav_ulcontainer .hash-modelspecs{ order: 0; } #modelhashnav #modelhashnav_ulcontainer .hash-portfolio, #modelhashnav #modelhashnav_ulcontainer .hash-pola, #modelhashnav #modelhashnav_ulcontainer .hash-show, #modelhashnav #modelhashnav_ulcontainer .hash-video{ order: 2; } #modelhashnav #modelhashnav_ulcontainer .hash-portfolio{ display: none; } #modelhashnav #modelhashnav_ulcontainer .hash-instagram{ order: 5; } #modelhashnav #modelhashnav_ulcontainer .hash-pdf{ order: 4; } #modelhashnav_ul li{ padding: 0px 0px 0px 15px; } #modelhashnav_ul li a{ padding: 0px 0px 0px 0px; font-size: 1em; line-height: 40px; height: 40px; display: block; } #modelhashnav_ul li #measLink{ } .measurements_visible #modelhashnav_ul li #measLink{ text-decoration:line-through; } #modelhashnav_ul li #measLink::after{ position: absolute; display: block; left: auto; top: 8px; right: 0px; -webkit-font-smoothing: antialiased; text-align: center; font: var(--fa-font-regular); content: "\f078"; font-size: 10px!important; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; display: none; } .measurements_visible #modelhashnav_ul li #measLink::after{ transform: rotate(180deg) } #detail-model{ /* position: absolute; top: calc(100vh + 60px); background: #F5F5F5; height: 30px; padding: 0px; z-index: 9!important; opacity: 0; margin-top: -30px; -webkit-transition: margin 0.4s, opacity 0.4s ease; -moz-transition: margin 0.4s, opacity 0.4s ease; -o-transition: margin 0.4s, opacity 0.4s ease; transition: margin 0.4s, opacity 0.4s ease;*/ } .measurements_visible #detail-model{ margin-top: 0px; opacity: 1; height: 270px; bottom: 0px; } #detail-model.specs-block-horizontal .detail-label-letter, #detail-model #modelsummary, #detail-model #modelcontrollers{ display: none!important; } #theBody.modeldetail #header.fixMe{ } #modelhashnav.fixMe{ } #detail-model.fixMe{ } #modelhashnav{ } #theBody.menuactive #modelhashnav, #theBody.menuactive #modelhashnav.fixMe{ } #theBody.modal-open #mainsection #detail-model{ } #theBody.modal-open #modelheader-simple{ } #theBody.modal-open #modelhashnav, #theBody.modal-open #modelhashnav.fixMe{ /*position: fixed; top: -30px; z-index: 1000001!important; background: rgba(255,255,255,0); pointer-events: none; -webkit-animation: modelhashnavIn 0.5s linear ; -moz-animation: modelhashnavIn 0.5s linear ; -ms-animation: modelhashnavIn 0.5s linear ; -o-animation: modelhashnavIn 0.5s linear ; animation: modelhashnavIn 0.5s linear ; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -ms-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 1s; -moz-animation-delay: 1s; -ms-animation-delay: 1s; -o-animation-delay: 1s; animation-delay: 1s;*/ } @keyframes modelhashnavIn { 0% { top: -30px; } 100% { top: 0px; } } #theBody.modal-open #modelhashnav #to-list, #theBody.modal-open #modelhashnav.fixMe #to-list{ } #theBody.modal-open #modelhashnav #to-list::before, #theBody.modal-open #modelhashnav.fixMe #to-list::before{ } #theBody.modal-open #modelhashnav #modelhashnav_ulcontainer, #theBody.modal-open #modelhashnav.fixMe #modelhashnav_ulcontainer{ } #theBody.modal-open #modelhashnav #modelhashnav_ulcontainer li { opacity: 0; pointer-events: none; } /* /* #modelnavigation{ position: absolute; top: -30px; } #modelnavigation .backtooverview, #modelheader-simple .backtooverview{ background: none; position: relative; width: auto; font-size: 1em; margin: 0px!important; padding: 0px; } .grapWrapper { margin-bottom: 0px; } #modelnavigation .backtooverview:hover, #modelheader-simple .backtooverview:hover{ color: #1a1a1a; }#modelheader-simple { position: fixed; top: 0px; left: 0px; width: 100%; z-index: 99; background: #F5F5F5; height: 65px; overflow: hidden; padding-top: 0px; padding-bottom: 0px; margin: 0px; opacity: 0; pointer-events: none; z-index: 10001; } #modelheader-simple.scrolling { top: 70px; opacity: 1; pointer-events: all; } #modelheader-simple .content-link { text-align: left; position: absolute; top: 30px; left: 0px; width:auto; } #modelheader-simple.page-block .page-block-caption .page-block-name h1{ text-align: right; font-size: 2.2em; } #modelnavigation .backtooverview .fa-sharp, #modelheader-simple .backtooverview .fa-sharp{ display: none; } #modelsummary .page-block-name h1{ font-size: 3.2em; } .page-block-name h1 .firstname{ font-family: "Henderson", sans-serif; font-weight: normal!important; padding: 0px; padding-right: 0.4em; } */ #detail-model.specs-block-horizontal.center .detail-specs-container{ overflow: hidden; justify-content: flex-start; flex-wrap: nowrap; } #detail-model.specs-block-horizontal.center .detail-specs-container .page-block-txt{ justify-content: flex-start; flex-wrap: nowrap; padding-right: 5px; position: absolute; width: auto; left: 0px; top: 0px; min-width: 100%; } .sizeNotationNav{ position: absolute; border: 0px; width: 40%; margin: 0px 0px 0px 0px; order: 0; display: flex; flex-wrap: nowrap; justify-content: flex-start; white-space: nowrap; padding: 0px 0px; font-size: 1em; line-height: 1em; height: auto; order: 10000; top: 15px; left: 60%; font-family: Light; } #detail-model.specs-block-horizontal .detail-specs{ border: 0px; margin: 0px 10px 0px 0px; padding: 0px; flex-wrap: nowrap; } #detail-model.specs-block-horizontal .detail-label, #detail-model.specs-block-horizontal .detail-value{ font-family: "Henderson", sans-serif; font-weight: normal!important; padding: 8px 0px 8px 0px; font-size: 14px; line-height: 14px; height: 30px; text-transform: uppercase; } #detail-model.specs-block-horizontal .detail-label{ color: #000000; opacity: 0.4; white-space: nowrap; } #detail-model.specs-block-horizontal .detail-value{ color: #000000; white-space: nowrap; } #detail-model.specs-block-horizontal .detail-label{ padding-right: 5px; } .sizeNotationNav .languageNotation{ border-bottom: 0px solid #000000; display: none!important; } .sizeNotationNav .metricsNotations{ border-bottom: 0px solid #000000; display: flex!important; } .sizeNotationNav .metricsNotations label{ display: none; } .metrics-setting-1 .notation-link-fr{ opacity: 1; color: #000000!important; } .metrics-setting-2 .notation-link-en{ opacity: 1; color: #000000!important; } /*.language-setting-1 .notation-link-fr{ opacity: 1; color: #000000!important; } .language-setting-2 .notation-link-en{ opacity: 1; color: #000000!important; }*/ .btn-primary-w-icon{ border: 1px solid #000!important; background: #F5F5F5!important; margin: 5px!important; padding: 10px 15px!important; } .btn-primary-w-icon:hover{ border: 0px solid #000!important; } #mainsection.modeldetail .page-block.gallery .page-block-caption.gallery-ttl{ display: block!important; } #mainsection.modeldetail #portfolio.page-block.gallery .page-block-caption.gallery-ttl{ display: none!important; } #mainsection.modeldetail #modelheader{ } #mainsection.modeldetail.measurements_visible #modelheader{ } #mainsection.modeldetail .page-block.gallery .page-block-ttl{ } #mainsection.modeldetail.measurements_visible .page-block.gallery .gallery-ttl{ } #mainsection.modeldetail .page-block.gallery .page-block-caption.gallery-ttl.inScrollPos, #mainsection.modeldetail .page-block.gallery.viewMe .page-block-caption.gallery-ttl{ /* position: fixed; z-index: 10000;*/ } #mainsection.modeldetail.measurements_visible .page-block.gallery.viewMe .page-block-caption.gallery-ttl{ } #mainsection.modeldetail .page-block.gallery .page-block-caption-gallery-holder{ display: block!important; position: relative!important; padding-top: 0px; -webkit-transition: padding 0.4s ease; -moz-transition: padding 0.4s ease; -o-transition: padding 0.4s ease; transition: padding 0.4s ease; } #mainsection.modeldetail.measurements_visible .page-block.gallery .page-block-caption-gallery-holder{ } #mainsection.modeldetail .page-block.gallery, #mainsection.modeldetail .page-block.gallery.scrollable{ margin: 0px 0px 25vh 0px!important; max-width: 1920px; } #mainsection.modeldetail #video.page-block.gallery.scrollable{ min-height: 100vh; } .page-block.gallery .page-block-ttl{ padding: 0px 0px 0px 10px; } .page-block.gallery .page-block-ttl h2{ font-size: 4em; text-align: left; position: relative; padding: 0px; margin: 0px 0px 15px 0px; } .page-block.gallery.scrollable .page-block-module{ display: grid; grid-template-columns: repeat(1, 1fr); grid-gap : 0px; padding: 0px 0px!important; grid-row-gap: 25vh; } #pola.page-block.gallery.scrollable .page-block-module{ grid-row-gap: 0px; } .page-block.gallery.scrollable .page-block-module .block-image-container-wide{ grid-column: span 1; } /*.page-block.gallery.scrollable .page-block-module .smartHolder{ display: grid; width: 100%; grid-template-columns: repeat(1, 1fr); grid-gap : 10px; padding: 0px 10px 10px 10px!important; pointer-events: none!important; }*/ .page-block.gallery.scrollable .page-block-module .image-item, .page-block.gallery.scrollable .page-block-module .link-image{ margin: 0px 0px 0px 0px; } .page-block.gallery.scrollable .page-block-module .image-item .credits-caption{ display: none; } .page-block.gallery .grapWrapper{ padding: 0px; margin: 0px; } .grapWrapper .grapCarousel{ grid-gap: 0px; grid-template-columns: repeat(auto-fill,minmax(300px,1fr)); grid-auto-columns: minmax(300px,1fr); } /* #detail-model.scrolling{ position: fixed; top: 60px; left: 0px; width: 100%; z-index: 99; background: #F5F5F5; height: 80px; overflow: hidden; } #mainsection.modeldetail #portfolio.page-block.gallery.scrollable{ margin: 0px; } #detail-model.scrolling .detail-specs-container, #detail-model.scrolling .page-block-txt, #detail-model.scrolling #modelcontrollers{ height: 0px; overflow: hidden; display: none!important; } #detail-model.scrolling #modelnavigation{ text-align: left; position: absolute; top: 30px; } #detail-model.scrolling #modelsummary .page-block-name h1{ text-align: right; font-size: 2.2em; }*/ @media (min-width: 600px){ #modelheader{ } #modelheader.page-block{ height: auto; } #modelheader.page-block .page-block-page_image{ justify-content: flex-end;; } #modelheader.page-block .page-block-page_image img{ width: 50vw; min-width: 500px; height: calc(100vh - 120px); object-fit: contain; object-position: top right; /* height: 100%; width: 100%; object-fit: cover; object-position: center center;*/ } #modelheader.page-block .modelheaderImage{ order: 2; } #modelheader.page-block .page-block-caption{ position: absolute; top: 0px; left: 0px; width: 100%; mix-blend-mode: difference; } .page-block-name h1 .lastname, .page-block-ttl h2 .lastname, .page-block-txt h2 .lastname, .page-block-name h1 .firstname, .page-block-ttl h2 .firstname, .page-block-txt h2 .firstname { color: #F5F5F5; } .page-block.gallery.scrollable .page-block-module{ grid-template-columns: repeat(4, 1fr); display: grid; grid-row-gap: 80px; grid-gap : 40px; grid-column-gap: 40px; } .page-block.gallery.scrollable .page-block-module .image-item{ grid-column: span 2; } .page-block.gallery.scrollable .page-block-module .image-item.block-image-container-wide { grid-column: span 4; } .page-block.gallery.scrollable .page-block-module .link-image img{ width: 100%; height: auto; object-fit: cover; } #mainsection.modeldetail .page-block.gallery .page-block-caption .page-block-module{ display: flex; justify-content: space-between; grid-column-gap:15px; grid-row-gap: 120px; } #mainsection.modeldetail #pola.page-block.gallery .page-block-caption .page-block-module{ justify-content: flex-start; grid-row-gap: 0px; grid-column-gap: 0px; } .page-block.gallery.scrollable .page-block-module .image-item, .page-block.gallery.scrollable .page-block-module .link-image img{ height: 360px; width: auto; } .page-block.gallery.scrollable .page-block-module .image-item.video-block .videoContainer, .page-block.gallery.scrollable .page-block-module .image-item.video-block .videoContainer video{ height: 100%; width: auto; } #mainsection.modeldetail #pola.page-block.gallery .page-block-caption .page-block-module .image-item{ width: 50%; height: auto; } #mainsection.modeldetail #pola.page-block.gallery .page-block-caption .page-block-module .image-item img{ width: 100%; height: 100%; object-fit: cover; } } @media (min-width: 768px){ #modelheader.page-block .page-block-caption{ padding: 0px; } #modelheader.page-block .page-block-page_image{ justify-content: flex-end; padding-right: 50px; } #modelheader-simple{ z-index: 32; bottom: 0px; width: 100%; } #modelheader-simple.page-block .page-block-caption{ justify-content: flex-start; } #modelheader-simple.page-block .page-block-caption .page-block-name h1{ margin-top: 5px } .modeldetail .page-block .detail-caption-social{ margin-top: 5px } #modelnavigation .backtooverview, #modelheader-simple .backtooverview{ } #modelheader.page-block .page-block-page_image{ max-height: 100vh; } #detail-model.specs-block-horizontal .detail-specs{ } #theBody.modeldetail #header{ } #modelhashnav{ height: 45px; } #modelhashnav.fixMe{ } #detail-model{ height: 45px; } #detail-model.fixMe{ } #theBody.modeldetail #header .navbar-toggle{ } #modelhashnav_ul li{ padding: 0px 0px 0px 0px; } #detail-model.specs-fixed-top .detail-specs-container .page-block-txt, #detail-model.specs-fixed-bottom .detail-specs-container .page-block-txt{ justify-content: flex-end; flex-wrap: nowrap; width: auto; position: absolute; top: 0px; left: 0px; min-width: 100%; padding: 10px 0px; } #detail-model.specs-fixed-top .detail-specs, #detail-model.specs-fixed-bottom .detail-specs, .sizeNotationNav{ width: auto; justify-content: flex-start!important; padding: 0px 10px; flex-wrap: nowrap; } #detail-model.specs-fixed-bottom .detail-specs .detail-value{ white-space: nowrap; } .measurements_visible #detail-model{ margin-top: 0px; opacity: 1; height: 45px; bottom: 0px; } .measurements_visible #modelheader-simple{ bottom: 44px; } .measurements_visible #modelhashnav{ bottom: 44px; } #modelhashnav #to-list, #modelhashnav_ul li a{ font-size: 14px; line-height: 16px; height: 40px; display: block; padding: 12px 0px 12px 0px; width: auto; } #detail-model.specs-block-horizontal .detail-label, #detail-model.specs-block-horizontal .detail-value{ } #detail-model.specs-block-horizontal .detail-label{ } #theBody.modeldetail #header .logo{ } #theBody.modeldetail #header .logo svg{ } #modelhashnav #modelhashnav_ulcontainer{ margin-top: 1px; } #modelhashnav .hash-modelspecs{ position: absolute; left: auto; right: 15px; } .sizeNotationNav{ position: relative; top: 0px; left: 0px; } #modelhashnav_ul li #measLink::after{ top: 14px; } #modelhashnav #to-list{ } .sizeNotationNav{ order: 0; } #modelhashnav #to-list::before{ } #detail-model.specs-block-horizontal .detail-specs{ flex-direction: row; } #mainsection.modeldetail .page-block.gallery .page-block-caption.gallery-ttl{ } #mainsection.modeldetail .page-block.gallery .page-block-caption.gallery-ttl{ } #mainsection.modeldetail.measurements_visible .page-block.gallery .gallery-ttl{ } #mainsection.modeldetail .page-block.gallery .page-block-caption-gallery-holder{ } .page-block.gallery .page-block-ttl h2{ font-size: 6.8em; } #theBody.modeldetail #mainsection #detail-model.page-block{ padding: 0px 5px; } #modelsummary{ } #wrapper .modeldetail #modelhashnav{ } #wrapper .modeldetail #modelhashnav.scrolling{ } #wrapper .modeldetail #modelhashnav #to-list{ } #modelhashnav_ulcontainer{ } #modelhashnav_ul{ gap: 10px; } .hash-blog, .hash-instagram, .hash-modelspecs{ } #modelhashnav_ul li{ } #modelhashnav_ul li:hover::after, #modelhashnav_ul li.active::after{ } #modelhashnav_ul li.hash-sedcard{ } #theBody.modeldetail .page-block .page-block-name{ } #mainsection.modeldetail .page-block.gallery .page-block-caption .page-block-module{ padding: 0px 15px!important; } #theBody.modal-open #modelhashnav #modelhashnav_ulcontainer li.hash-modelspecs { opacity: 1; pointer-events: all; } } @media (min-width: 900px){ #modelheader-simple{ margin-bottom: 45px; } #mainsection.modeldetail .page-block.gallery .page-block-caption .page-block-module{ display: flex; justify-content: space-between; grid-column-gap:15px; grid-row-gap: 120px; } #mainsection.modeldetail #pola.page-block.gallery .page-block-caption .page-block-module{ justify-content: flex-start; grid-row-gap: 0px; grid-column-gap: 0px; } .page-block.gallery.scrollable .page-block-module .image-item{ width: auto; } .page-block.gallery.scrollable .page-block-module .image-item.block-image-container-wide { } .page-block.gallery.scrollable .page-block-module .link-image img{ width: auto; max-width: calc(50vw - 30px); object-fit: contain; object-position: bottom; } .page-block.gallery.scrollable .page-block-module .image-item, .page-block.gallery.scrollable .page-block-module .link-image img{ height: 360px; } #mainsection.modeldetail #pola.page-block.gallery .page-block-caption .page-block-module .image-item{ width: 33.33%; } #mainsection.modeldetail #pola.page-block.gallery .page-block-caption .page-block-module .image-item img{ } } @media (min-width: 1200px){ #modelhashnav_ul{ gap:30px; } .page-block.gallery .page-block-ttl h2{ font-size: 12em; } .page-block.gallery .page-block-ttl h2{ } #mainsection.modeldetail .page-block.gallery .page-block-caption.gallery-ttl{ } #mainsection.modeldetail .page-block.gallery .page-block-caption.gallery-ttl{ } #mainsection.modeldetail.measurements_visible .page-block.gallery .gallery-ttl{ } #mainsection.modeldetail .page-block.gallery .page-block-caption-gallery-holder{ } .page-block.gallery.scrollable .page-block-module{ } .page-block.gallery.scrollable .page-block-module .image-item, .page-block.gallery.scrollable .page-block-module .link-image { } .page-block.gallery.scrollable .page-block-module .image-item.block-image-container-wide{ } .page-block.gallery.scrollable .page-block-module .image-item, .page-block.gallery.scrollable .page-block-module .link-image, .page-block.gallery.scrollable .page-block-module .link-image img{ } } @media (min-width: 1200px){ .page-block.gallery.scrollable .page-block-module .image-item, .page-block.gallery.scrollable .page-block-module .link-image img{ height: 480px; } #mainsection.modeldetail #pola.page-block.gallery .page-block-caption .page-block-module .image-item{ width: 25%; } } @media (min-width: 1600px){ .page-block.gallery.scrollable .page-block-module .image-item, .page-block.gallery.scrollable .page-block-module .link-image img{ height: 560px; } #modelhashnav #modelhashnav_ulcontainer .hash-modelspecs{ display: none; } #detail-model.specs-fixed-bottom { left: 700px; width: calc(100% - 700px); margin-top: 0px; opacity: 1; height: 45px; bottom: -3px; background: none; z-index: 41; } } @media (min-width: 991px){ #detail-model.specs-block-horizontal .detail-specs { } .sizeNotationNav{ width: auto; margin: 0px 5px 0px 0px; } .grapWrapper .grapCarousel{ grid-template-columns: repeat(auto-fill,minmax(32vw,1fr)); grid-auto-columns: minmax(32vw,1fr); } } .lightbox-modal .carousel-item{ background: #F5F5F5 } .lightbox-modal img{ max-height: calc(100vh - 200px); } @media (min-width: 768px){ .carouselState{ } .lightbox-modal .close{ } .lightbox-modal .carousel-control-prev, .lightbox-modal .carousel-control-next{ } .lightbox-modal .carousel-control-next{ } .lightbox-modal .carousel-item { justify-content:center; align-items:center; align-content: center; padding: 0px 50px; gap: 50px; } .lightbox-modal img{ max-height: calc(100vh - 100px); max-height: calc(100vh - 0px); max-width: calc(100vw - 0px); } .lightbox-modal .carousel-item.landscape img{ max-width: calc(100vw - 0px); } } @media (min-width: 1200px){ .modeldetail .page-block .detail-caption-social, #modelheader-simple.page-block .page-block-caption .page-block-name h1, #modelhashnav #to-list, #modelhashnav_ul li a{ font-size: 14px; } #theBody.modeldetail #mainsection{ } #theBody.modeldetail #header{ } #theBody.modeldetail #header .navbar-toggle{ } #modelhashnav{ } #modelhashnav.fixMe{ } #modelhashnav #to-list{ } #modelhashnav.fixMe{ } #detail-model{ } #detail-model.fixMe{ } .center .detail-specs-container .page-block-txt{ max-width: none; } #detail-model.specs-block-horizontal .detail-specs { } #modelsummary .page-block-name h1{ } #detail-model.specs-block-horizontal .detail-label, #detail-model.specs-block-horizontal .detail-value{ } .languageNotation a{ } #mainsection.modeldetail .page-block.gallery.scrollable .page-block-caption-gallery-holder{ display: flex!important; justify-content: center; } .page-block.gallery.scrollable .page-block-module{ max-width: 1920px; } #modelheader-simple.scrollable .page-block-module{ max-width: 1920px; } .lightbox-modal .carousel-item { } .lightbox-modal img{ } .carouselState{ } } @media (min-width: 1600px){ #modelheader-simple{ max-width: 1920px; } .grapWrapper .grapCarousel{ grid-template-columns: repeat(auto-fill,minmax(24vw,1fr)); grid-auto-columns: minmax(24vw,1fr); } } .block.models.no_specs .block-image::after{ position: absolute; top: 0px; left:0px; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.25); content: ''; text-transform: uppercase; display: flex; justify-content: center; align-items: center; color: #F5F5F5; pointer-events: none; -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; } .block.models.no_specs:hover .block-image::after{ opacity: 1; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } /*.block.models.no_specs .block-image img { } .block.models.no_specs .block-image::after { background: rgba(26, 26, 26, 0.85); content: "VIEW"; display: flex; justify-content: center; align-items: center; color: #F5F5F5; pointer-events: none; inset: 0; position: absolute; transform: scaleX(0); transform-origin: right; transition: transform 0.5s ease-in-out } .block.models.no_specs:hover .block-image::after { transform: scaleX(1); transform-origin: left; }*/ .deckInformation{ font-family: Light; } .btn-instagram{ display: none; } .btn-sedcard{ display: none; } .btn-sedcard i{ display: none; } #modelheader-simple .backtooverview::after{ } @media (min-width: 768px){ .deckInformation{ font-family: Light; mix-blend-mode: exclusion; width: 100%; } .deckInformation .deckDESC .deckInfoElement{ width: auto; } .deckInformation .deckDESC .element_label{ color: #8C8C8C; margin-left: 15px; } .deckInformation .deckDESC .element_value{ color: #ffffff; } } #pageBlock1.cleanPageBlock1 .page-block-caption .page-block-txt{ } .become-a-model #pageBlock1.cleanPageBlock1 .page-block-caption .page-block-txt{ } @media (min-width: 960px){ #pageBlock1.cleanPageBlock1 .page-block-caption .page-block-txt{ } } .footer{ background: none; margin-top: 45px; margin-bottom: 60px; opacity: 0.5; } .footer-menu .navbar-nav{ justify-content: center; } .footer-menu .navbar-nav li.menu-link{ text-align: left;margin: 0px; } .footer-menu .navbar-nav li.menu-link a.menu-link{ font-size: 14px; text-transform: uppercase; } .footer-menu .navbar-nav li.active a.menu-link{ color: #000000; text-decoration: underline; } .footer-socials { position: absolute; top: auto; bottom: 15px; left: auto; right: 15px; display: flex; flex-wrap: wrap; justify-content: flex-end; width: 100px; padding: 0px; } .footer-socials .social-icon{ padding: 0px; text-align: right; } .footer-socials .social-icon a span.social-name, .footer-socials .social-icon a{ font-size: 14px; color: #000000; } .footer-menu-2, .social-label, .social-icon .fa-brands{ display: none; } #creditsfooter{ background: none; font-size: 0.8em; color: #555; } @media (min-width: 900px){ .footer-menu .navbar-nav{ flex-direction:row; justify-content: flex-start; } .footer-socials{ width: 250px; z-index: 1; } .footer-socials .social-icon{ padding-left: 15px; } } @media (min-width: 1440px){ .footer .container{ padding: 0px 30px; } } /*#examples{ margin: 0px!important; padding: 0px 30px!important; } #examples .page-block-caption .page-block-ttl{ display: none; } #examples.page-block.gallery.thumbs .page-block-module{ padding: 0px; margin: 0px; grid-template-columns:repeat(3, 1fr); } #examples.page-block.gallery.thumbs .page-block-module .link-image{ border: 0px; padding: 0px; margin-bottom: 30px; pointer-events: none; } #examples.page-block.gallery.thumbs .page-block-module .link-image h3{ opacity: 1; font-size: 0.7em; }*/ .menu-hamburger #menu-search{ display: block; pointer-events: none; top: 19px; padding: 0px; } .search-init{ float: right; pointer-events: all; padding: 0px; margin: 0px; margin-right: 100px; z-index: 1; text-decoration: none!important; } .search-init .opensearch{ position: relative; float: left; padding: 0px; margin: 0px; color: #000000; text-decoration: none!important; } .search-init .closesearch{ left: auto; right: -15px; text-decoration: none!important; } #SearchModal h2{ width: 40%; font-size: 20px; padding: 0px; margin: 0px; line-height: 21px; padding-right: 0.2em; text-align: right; display: none; } #SearchModal{ background: #F5F5F5; } #menu-search.in{ background: #F5F5F5; } #menu-search.in #SearchModal{ margin-top: 20px; padding: 15px 0px; } #SearchModal{ max-height: none; opacity: 0; pointer-events: none; } #SearchModal.in{ max-height: none; opacity: 1; pointer-events: all; } #searchinput{ background: #F5F5F5!important; padding-left: 0px; pointer-events: none; width: auto; font-size:30px; padding: 0px 0px 10px 0px; margin: 0px 0px; line-height: 21px; border: 0px solid #000!important; width: calc(100% - 0px); height: 41px; border-bottom: 1px solid #000000!important; margin-bottom: 10px; text-align: left; text-transform: none; color: #000000; } #SearchModal.in #searchinput{ pointer-events: all; } #SearchModal.in #livesearch{ pointer-events: all; } .menu-hamburger #menu-search .search_categories{ justify-content: flex-start; gap:8px; display: none; padding: 5px 15px 0px 0px } #theBody.models.menu-hamburger #menu-search .search_categories{ display: block; } #theBody.models.menu-hamburger.modeldetail #menu-search .search_categories{ margin-bottom: 10px; } #SearchModal.in .search_categories{ pointer-events: all; justify-content: flex-start; gap:8px; display: none; } #SearchModal #livesearch h2{ font-size: 12px; width: 100%; display: block; padding: 0px 0px 0px 15px; margin: 0px 0px 3px 0px; line-height: 16px; text-align: center; } #SearchModal #livesearch h2 a{ text-decoration: none; color: #222222; } #SearchModal #livesearch h2 a:hover{ text-decoration: underline; } #SearchModal #livesearch h2 a .firstname{ padding-right: 3px; } @media (max-width: 767px){ #SearchModal #search{ padding: 0px 15px 0px 15px; } } @media (min-width: 768px){ .navbar-toggle{ z-index: 1000000001; } /*#examples.page-block.gallery.thumbs .page-block-module{ padding: 0px; margin: 0px; grid-template-columns:repeat(5, 1fr); }*/ .menu-hamburger #menu-search{ } .search-init{ } .search-init .opensearch{ position: relative; float: left; padding: 0px; margin: 0px; color: #000000; } .search-init .closesearch{ left: auto; right: -15px; } #SearchModal{ width: calc(100%); margin-left: 0px; background: #F5F5F5; margin-top: -51px; } #SearchModal.in{ height: auto; max-height: none; } #theBody.models #SearchModal.in{ } #SearchModal #search{ display: flex; justify-content: flex-start; padding: 0px 15px 0px 15px; flex-wrap: wrap; } #SearchModal #livesearchform{ display: flex; justify-content: flex-start; width: 100%; flex-wrap: wrap; } #searchinput{ font-size: 6.0em; height: 1em; margin-top: 100px; } #livesearch{ width: 100%; } } @media (min-width: 1200px){ .search-init{ } #SearchModal { } #theBody.models #SearchModal.in{ } #menu-search.in #SearchModal{ } #SearchModal #search{ } #searchinput{ font-size: 9.0em; height: 1em; margin-top: 100px; } #searchinput{ } } @media (min-width: 1200px){ #header .container{ } #SearchModal{ } #SearchModal #search{ } #SearchModal h2, #searchinput{ } #searchinput{ } #theBody .page-block .page-block-name{ } #theBody.search-open .page-block .page-block-name{ } #theBody.menuactive .page-block .page-block-name h1{ } } @media (min-width: 1500px){ .search-init{ } #SearchModal { } #searchinput{ } #searchinput{ font-size: 12.0em; } } @media (min-width: 1920px){ #SearchModal{ width: 1920px; margin-left: calc(50% - 960px); } .search-init{ margin-right: calc(50vw - 960px + 100px); } #theBody .letters-container.fixed-side-letters{ right: auto; left: calc(50% + 960px - 50px); } #modelnavigation .backtooverview, #modelheader-simple .backtooverview{ right: calc(50vw - 960px + 30px); } #mainmenu{ max-width: calc(50vw - 960px + 600px); } } #theBody.news #pageBlock1{ } #news-full.page-block .page-block-caption{ padding: 0px; } #news-full.page-block .page-block-ttl{ display: none; } #news-full .page-block-module{ padding: 0px; } #infiniteNews .block{ padding: 0px 15px; border: 0px solid #000; margin-bottom: 30px; } #infiniteNews .block .block-caption{ min-height: 130px; } #infiniteNews .block .block-caption .block-ttl h2{ font-size: 1.8em; margin: 0px 0px 10px 0px; font-family: Special; text-transform: none; } #infiniteNews .block .block-caption .block-ttl h3{ font-size: 1em; font-family: Regular; } #infiniteNews .block .block-caption .block-ttl h3:nth-of-type(2){ opacity: 0.35; } #infiniteNews .block .block-btns{ display: none; } #infiniteNews .block .block-caption .block-txt{ display: none; } #infiniteNews .block .block-caption .block-tags{ display: flex; gap: 15px; width: 100%; } #infiniteNews .block .block-caption .block-tags a{ font-family: "Cormorant Garamond", serif; font-weight: 600; font-style: italic; font-size: 14px; border-bottom: 1px solid #222222; text-decoration: none; } #infiniteNews .block .videoContainer{ pointer-events: none; } #infiniteNews .block .videoContainer .player__controls{ pointer-events: all; } /*#infiniteNews .block:nth-of-type(1){ padding: 0px 0px; } #infiniteNews .block:nth-of-type(1) .block-caption{ padding: 15px 15px 45px 15px; } #infiniteNews .block:nth-of-type(1) .block-caption .block-ttl h2{ font-size: 30px; } #infiniteNews .block:nth-of-type(1) .block-caption .block-txt{ display: block; padding: 15px 0px; font-family: "Cormorant Garamond", serif; font-weight: 600; font-style: italic; font-size: 20px; line-height: 1.3em; }*/ @media (min-width: 600px){ #infiniteNews .block:nth-of-type(1){ } #news-full .page-block-module { padding: 0px 20px; } #infiniteNews.block-listing { display: block; padding: 0px 0px; margin: 0px; } .grid-spacer{ width: 50px; } .grid-sizer{ width: calc(50% - 25px); } #infiniteNews .block:nth-of-type(1), #infiniteNews .block{ /*grid-column: span 1;*/ border: 0px; padding: 5px; -webkit-transition: opacity 0.4s ease; -moz-transition: opacity 0.4s ease; -o-transition: opacity 0.4s ease; transition: opacity 0.4s ease; width: calc(50% - 25px); } } .deckDetail.bookerNews .deckInformation .deckTTL, .deckDetail.bookerNews .deckInformation .deckTTL h2, .deckDetail.bookerNews .deckInformation .deckTTL h2 a{ -webkit-transition: all 0s ease; -moz-transition: all 0s ease; -o-transition: all 0s ease; transition: all 0s ease; } @media (min-width: 768px){ #infiniteNews .block:nth-of-type(1){ grid-column: span 1; }/**/ #infiniteNews{ padding: 20px 40px 100px 40px; } #infiniteNews .block{ margin-bottom: 60px; align-content: flex-end; align-items: flex-end; } /*#infiniteNews .block:nth-of-type(1) .block-image{ width: 65%; margin-left: 35%; margin-bottom: 45px; } #infiniteNews .block:nth-of-type(1) .block-image img{ width: 100%; height: auto; max-height: calc(100vh - 300px); object-fit: contain; object-position: right top; } #infiniteNews .block:nth-of-type(1) .block-caption{ position: absolute; top: auto; bottom: 0px; width: 50%; padding: 0px; } #infiniteNews .block:nth-of-type(1) .block-caption .block-txt{ width: 60%; } #infiniteNews .block:nth-of-type(1) .block-caption .block-ttl h2 a{ color: #F5F5F5;mix-blend-mode: difference; } #infiniteNews .block:nth-of-type(1) .block-caption .block-ttl h2{ font-size: 40px; } #infiniteNews .block:nth-of-type(1) .block-caption .block-txt{ font-size: 24px; line-height: 1.3em; }*/ #infiniteNews .block .block-caption .block-tags a{ font-size: 16px; } } @media (min-width: 900px){ #infiniteNews.block-listing { } .grid-spacer{ width: 100px; } .grid-sizer{ width: calc(50% - 50px); } #infiniteNews .block:nth-of-type(1), #infiniteNews .block{ /*grid-column: span 1;*/ width: calc(50% - 50px); } /* #infiniteNews .block:nth-of-type(1), #infiniteNews .block{ grid-column: span 4; } #infiniteNews .block:nth-of-type(1){ grid-column: span 12; } #infiniteNews .block:nth-of-type(5n + 2){ grid-column: 2 / span 5; } #infiniteNews .block:nth-of-type(5n + 3){ grid-column: span 5; }*/ } @media (min-width: 1200px){ /*#infiniteNews.block-listing { grid-template-columns: repeat(3, 1fr); }*/ #infiniteNews.block-listing { } .grid-spacer{ width: 75px; } .grid-sizer{ width: calc(33.33% - 50px); } #infiniteNews .block:nth-of-type(1), #infiniteNews .block{ width: calc(33.33% - 50px); } /*#infiniteNews .block:nth-of-type(1) .block-caption .block-ttl h2{ font-size: 60px; } #infiniteNews .block:nth-of-type(1) .block-caption .block-txt{ font-size: 24px; }*/ } @media (min-width: 1600px){ /*#infiniteNews.block-listing{ max-width: 1600px; margin: 0 auto; } #infiniteNews .block:nth-of-type(1){ grid-column: 2 / span 10; grid-column: 1 / span 12; margin-bottom: 120px; }*/ } #theBody.news .nav-container{ -webkit-transition: opacity 0.4s ease; -moz-transition: opacity 0.4s ease; -o-transition: opacity 0.4s ease; transition: opacity 0.4s ease; } #theBody.noscroll.news{ /* overflow: hidden!important;*/ } #theBody.noscroll.news .nav-container{ opacity: 0; pointer-events: none; } .deckDetail.bookerNews{ position: fixed; height: 100vh; padding-top: 70px; background: #F5F5F5; } .deckDetail.bookerNews .closeDeck{ color: #000000; width: 50px; position: fixed; top: 16px; left: auto; right: 15px; -webkit-transition: opacity 0.4s ease; -moz-transition: opacity 0.4s ease; -o-transition: opacity 0.4s ease; transition: opacity 0.4s ease; font-size: 1em; } .deckDetail.bookerNews .closeDeck.closing{ opacity: 0; } .deckDetail.bookerNews .closeDeck::after, .deckDetail.bookerNews .closeDeck::before{ display: none; content: ''; position: absolute; left: 0px; top: 0px; width: 50px; height: 1px; background: #222222; transform: rotate(45deg); } .deckDetail.bookerNews .closeDeck::before{ transform: rotate(-45deg); } .deckDetail.bookerNews .deckInformation{ position: relative; display: block!important; top: 0px; left: 0px; max-width: 100%; width: 100%; right: auto; bottom: auto; margin: 30px 0px 30px 0px; } .deckDetail.bookerNews .deckInformation .deckTTL h2{ font-size: 3em; text-transform: none; margin-bottom: 15px; } .deckDetail.bookerNews .deckInformation .deckDESC{ display: block; padding: 0px 0px 5px 0px; text-transform: uppercase; font-family: Regular; font-size: 14px; line-height: 1em; } .deckDetail.bookerNews .deckInformation .deckDATE{ opacity: 0.35 } .deckDetail.bookerNews .deckInformation .deckTAGS{ display: flex; gap: 15px; width: 100%; } .deckDetail.bookerNews .deckInformation .deckTAGS a{ font-family: "Cormorant Garamond", serif; font-weight: 600; font-style: italic; font-size: 14px; border-bottom: 1px solid #222222; text-decoration: none; } #theBody.noscroll{ overflow: hidden!important; } .deck-listing{ width: 100%; margin: 0px 0px 0px 0px; position: relative; } .deck-listing img{ width: 100%; height: auto; margin-bottom: 45px; } @media (max-width: 767px){ .deckDetail.bookerNews{ overflow-y: scroll; padding-top: 0px; } .deckDetail.slider .grapWrapper{ position: relative; width: 100%; height: auto; } .deckDetail.slider .grapWrapper .grapListing{ position: relative; width: 100%; height: auto; white-space: wrap; flex-wrap: wrap; padding: 0px!important; grid-gap: 45px; } .deckDetail.slider .grapWrapper .grapListing img{ width: 100%; height: auto; } } @media (min-width: 768px){ .deckDetail.bookerNews .deckInformation{ margin-top: 0px; position: fixed; top: 0vh; width: 50%; padding: 15px 60px 30px 15px; mix-blend-mode: exclusion; height: 100vh; display: flex!important; flex-wrap: wrap; align-items: flex-end; align-content: flex-end; pointer-events: none; } .deck-listing{ width: 50%; margin-left: 50%; margin-top: 30px; padding-right: 75px; } .deckDetail.bookerNews .deckInformation .deckTTL{ mix-blend-mode: difference; } .deckDetail.bookerNews .deckInformation .deckTTL h2{ font-size: 4em; color: #F5F5F5; word-break:normal; margin-bottom: 35px; } .deckDetail.bookerNews .deckInformation .deckDESC{ font-size: 1em; line-height: 1em; color: #F5F5F5; width: 100%; } .deckDetail.bookerNews .deckInformation .deckTAGS a{ font-size: 1em; color: #F5F5F5; } .deckDetail.slider .grapWrapper{ height: calc(100% - 50px); top: 50px; } .deckDetail.slider .grapWrapper .grapListing{ padding-left: 50vw; /*min-width: 100vw; justify-content: flex-end;*/ } } @media (min-width: 960px){ .deckDetail.bookerNews .closeDeck{ right: 15px; } .deck-listing{ padding-right: 150px; } .deckDetail.bookerNews .deckInformation .deckDESC{ font-size: 18px; } } @media (min-width: 768px){ .deckDetail.bookerNews .deckInformation .deckTTL h2{ font-size: 8em; } } .hash-pdf{ pointer-events: none!important; } #theBody.talents .block.models .block-caption-specs.yes_hover, #theBody.artists .block.models .block-caption-specs.yes_hover, #theBody.talents .hash-modelspecs, #theBody.artists .hash-modelspecs, #theBody.artists .hash-pdf{ display: none!important; } .ml-embedded{ width: 100%; margin-top: 10px; } #mainmenu #mlb2-18265664.ml-form-embedContainer .ml-form-embedWrapper.embedForm{ max-width: 90%!important; } @media (min-width: 1200px){ #mainmenu #mlb2-18265664.ml-form-embedContainer .ml-form-embedWrapper.embedForm{ max-width: 100%!important; } } #mainmenu #mlb2-18265664.ml-form-embedContainer .ml-form-align-center{ text-align: left; } #mlb2-18265664.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent h4, #mlb2-18265664.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent h4{ font-family: Regular!important; text-transform: uppercase!important; font-size: 16px!important; line-height: 1.1em!important; letter-spacing: 2px!important; } #mlb2-18265664.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent, #mlb2-18265664.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent{ margin: 0px!important; } #mlb2-18265664.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody, #mlb2-18265664.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody{ padding: 0px 15px 0px 15px!important; } #mainmenu #mlb2-18265664.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow input{ background: #f5f5f5!important; border: 0px solid #000000!important; border-bottom: 1px solid #000000!important; border-radius: 0px!important; padding: 5px 0px 5px 0px!important; font-family: Light!important; text-transform: uppercase!important; font-size: 16px!important; line-height: 1.1em!important; letter-spacing: 2px!important; height: 40px!important; } #mainmenu #mlb2-18265664.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow button{ background: #f5f5f5!important; width: 40px!important; border: 0px solid #000000!important; border-bottom: 1px solid #000000!important; border-radius: 0px!important; padding: 5px 0px 5px 0px!important; font-family: Light!important; text-transform: uppercase!important; font-size: 16px!important; line-height: 1.1em!important; letter-spacing: 2px!important; height: 40px!important; color: #000000!important; } @media (max-width: 600px){ #mainmenu #mlb2-18265664.ml-form-embedContainer .ml-form-embedWrapper.embedForm{ max-width: 100%!important; } #mainmenu .ml-form-formContent.horozintalForm .ml-form-horizontalRow .ml-input-horizontal { width: 100%!important; } } @media (max-width: 380px){ #mainmenu #mlb2-18265664.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow input { font-size: 12px!important; } } .carouselState, .lightbox-modal .carousel-control-prev, .lightbox-modal .carousel-control-next, .lightbox-modal .close, .page-block-subname h3, .page-block-ttl.page-block-ttl-intro h3, .page-block-intro h2, .page-block-txt h2, .deckDetail.bookerNews .closeDeck, .sizeNotationNav, .mainmenu .navbar-nav ul.after-menu li.childmenu a, #toggleNavTxt, .search-init .opensearch, #modelhashnav #to-list::before, #modelhashnav_ul li a, .search-init .closesearch{ font-family: Light; } .carouselState, .lightbox-modal .carousel-control-prev, .lightbox-modal .carousel-control-next, .lightbox-modal .close, .page-block-subname h3, .page-block-ttl.page-block-ttl-intro h3, .page-block-intro h2, .page-block-txt h2, #quick-list-navigation li a.menu-link, .deckDetail.bookerNews .deckInformation .deckDESC, .deckDetail.bookerNews .closeDeck, #infiniteNews .block .block-caption .block-ttl h3, .sizeNotationNav, #modelhashnav #to-list, #modelhashnav_ul li a, .mainmenu .social-icons .social-icon a, .mainmenu ul.navbar-nav li a, .mainmenu .navbar-nav ul.after-menu li.childmenu a, #toggleNavTxt, .search-init .opensearch, .search-init .closesearch{ letter-spacing: 2px; } #pageBlock1 .page-block-name h1, #theBody.contact .page-block-ttl h2, h1.board_ttl, .page-block.gallery .page-block-ttl h2, #modelheader-simple.page-block .page-block-caption .page-block-name h1, #searchinput{ font-family: Headfont; } .deckDetail.bookerNews .deckInformation .deckTTL h2, .block.models .block-caption .block-ttl h2, .block.models .block-caption .block-ttl h2 a{ font-family: Special; } h1.board_ttl{ font-size: 4em; line-height: 1em; padding-left: 15px; text-transform: capitalize; width: 100%; max-width: 1920px; padding-top: 0px; padding-bottom: 0px; margin-top: 0px; margin-bottom: 0px; } h2.modelBoard{ font-size: 1em; line-height: 1em; width: 100%; font-family: Light; letter-spacing: 2px; } .hash-modelname{ display: none; } @media (min-width: 768px){ #wrapper .modeldetail #modelhashnav #to-list{ display: none; } .hash-modelname{ display: block; } #modelhashnav_ul li.hash-modelname a{ font-family: Regular; padding-left: 15px; } .hash-modelname-2{ margin-left: -15px; } h1.board_ttl{ font-size: 6.8em; } } @media (min-width: 1200px){ h1.board_ttl{ font-size: 12em; } .hash-modelname-2{ margin-left: -25px; } } @media (min-width: 1200px){ .ml-embedded{ margin-top: 25px; } #mlb2-18265664.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent h4, #mlb2-18265664.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent h4, #mainmenu #mlb2-18265664.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow input, #mainmenu #mlb2-18265664.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow button{ font-size: 18px!important; } } .carousel-item{ display: none!important; transition: -webkit-transform .5s cubic-bezier(.03,.26,.15,.99); transition: transform .5s cubic-bezier(.03,.26,.15,.99); transition: transform .5s cubic-bezier(.03,.26,.15,.99), -webkit-transform .5s cubic-bezier(.03,.26,.15,.99); } .carousel-item-next, .carousel-item-prev, .carousel-item.active { display: flex!important; } #become.page-block.fancyform .page-block-caption .page-block-ttl{ display: none; } @media (min-width: 1000px){ #theBody.become-a-model #pageBlock1 .page-block-name h1{ width: 50%; } .fancy-gender, #fancy_column_container1, #fancy_column_container2, #english .page-block-caption, #theBody.become-a-model #pageBlock1 .page-block-caption .page-block-txt{ padding-left: 90px; } #fancy_column_container3{ padding-left: 95px; padding-right: 95px; } .fancy-gender{ padding-left: 105px; } } #theBody.noscroll.news #infiniteNews{ /*display: none!important;*/ } #theBody.noscroll.news #header{ background: none; position: fixed; z-index: 600001; pointer-events: none; opacity: 0; } #theBody.noscroll.news #header .logo{ pointer-events: all; } .deckDetail.bookerNews{ padding: 0px; /*position: absolute; */ overflow: scroll; overflow-x: hidden; } .deckDetail.bookerNews .deckInformation{ mix-blend-mode: normal; z-index: 1; } .deckDetail.bookerNews .deckInformation .deckTTL h2, .block.models .block-caption .block-ttl h2, .block.models .block-caption .block-ttl h2 a, .deckDetail.bookerNews .deckInformation .deckDESC{ color: #000000; } .deckDetail.bookerNews .deckInformation .deckTTL h2 a{ pointer-events: all; } .deckDetail.bookerNews .deckInformation .deckTTL h2 a:hover{ text-decoration: none; opacity: 0.9; } .imagewrapper{ display: flex; flex-wrap: nowrap; width: 50%; position: absolute; left: 50%; z-index: 2; pointer-events: none!important; } .newsimage{ height: 100vh; width: auto; } .deckDetail.bookerNews .closeDeck{ /*mix-blend-mode: exclusion; color: #ffffff;*/ } .videoContainer.newsimage{ overflow: visible; } .videoContainer.newsimage .player__video{ height: 100%; width: auto; } @media (max-width: 767px){ .deckDetail.bookerNews{ overflow-x: hidden; } .imagewrapper{ width: 100%; left: 0%; } .deckDetail.bookerNews .closeDeck{ mix-blend-mode: normal; color: #000000; } } /*.menu-hamburger #menu-search #livesearch{ display: flex; flex-wrap: wrap; gap:10px; padding: 15px; justify-content: space-between; } .menu-hamburger #menu-search #livesearch .model-name{ width: auto; display: flex; flex-wrap: wrap; padding-top: 140px; position: relative; left: 0px; top: 0px; min-width: 95px; } .menu-hamburger #menu-search #livesearch .model-name .block-image{ width: auto; order: 1; position: absolute; top: 0px; left: 0px;r } .menu-hamburger #menu-search #livesearch .model-name .block-image img{ height: 140px!important; width: auto!important; } #SearchModal #livesearch h2{ letter-spacing: 2px; order: 2; width: auto; font-family: Light; padding: 0px; margin: 0px; text-align: left; }*/ .menu-hamburger #menu-search #livesearch{ display: flex; flex-wrap: wrap; gap:0px; padding: 0px 0px; justify-content: space-between; flex-direction: row; max-height: calc(100vh - 225px); height: auto; position: relative; top: 0px; left: 0px; overflow-y: scroll; } .menu-hamburger #menu-search #livesearch .model-name{ width: auto; display: flex; flex-wrap: nowrap; position: relative; left: 0px; top: 0px; align-content: flex-start; align-items: flex-start; gap:20px; width: 300px; margin: 5px 0px 5px 0px; } .menu-hamburger #menu-search #livesearch .model-name .block-image{ width: auto; order: 1; } .menu-hamburger #menu-search #livesearch .model-name .block-image img{ height: 90px!important; width: 65px!important; object-fit: cover; object-position: center center; } #SearchModal #livesearch h2{ letter-spacing: 2px; order: 2; width: auto; font-family: Light; padding: 0px; margin: 0px; text-align: left; margin-top: 45px; padding-right: 20px; } .menu-hamburger #menu-search #livesearch::after { content: ""; flex: auto; } #mainsection{ margin: 100px 0px 0px 0px!important; } #pageBlock1{ padding-top: 0px; margin-top: 0px; } #pageBlock1 .page-block-caption{ padding-top: 0px; margin-top: 0px; } #modelheader-simple.page-block .page-block-caption .page-block-name, #pageBlock1 .page-block-caption .page-block-name{ display: flex; padding-top: 0px; margin-top: 0px; height: 160px; align-content: flex-end; align-items: flex-end; } #pageBlock1 .page-block-name h1{ margin: 0px; padding: 0px; } h1.board_ttl{ display: flex; height: 160px; align-content: flex-end; align-items: flex-end; } #SearchModal{ max-height: none!important; } #SearchModal.in{ padding: 155px 0px 10px 0px!important; } #theBody.models #SearchModal #livesearch{ display: none; } #theBody.models.modeldetail #SearchModal #livesearch{ display: flex; } #SearchModal.in{ min-height: 100vh; } #theBody.models #SearchModal.in{ min-height: 0; } #theBody.models.modeldetail #SearchModal.in{ min-height: 100vh; } @media (min-width: 768px) { #SearchModal.in{ padding: 25px 0px 5px 0px!important } .menu-hamburger #menu-search #livesearch{ max-height: calc(100vh - 295px); } } @media (min-width: 768px) and (min-height: 600px) { #mainsection{ margin: 200px 0px 0px 0px!important; } #SearchModal.in{ padding: 125px 0px 5px 0px!important; } .menu-hamburger #menu-search #livesearch{ max-height: calc(100vh - 395px); } } @media (min-width: 1200px){ #SearchModal.in{ padding: 0px 0px 15px 0px!important; margin-top: 0px!important; } } @media (min-width: 1200px) and (min-height: 600px) { #SearchModal.in{ padding: 80px 0px 5px 0px!important; margin-top: 20px!important; } .menu-hamburger #menu-search #livesearch{ max-height: calc(100vh - 405px); } } @media (min-width: 1200px) and (min-height: 800px) { #mainsection{ margin: 300px 0px 0px 0px!important; } #SearchModal.in{ padding: 180px 0px 5px 0px!important; } .menu-hamburger #menu-search #livesearch{ max-height: calc(100vh - 505px); } } @media (min-width: 1500px){ #searchinput { margin-top: 64px; } }