.breadcrumb, #header.menu-side .social-icons .social-label, #header.menu-side .social-icons .social-icon .fa-brands, #languages, #wrapper .modeldetail #modelhashnav, .menu-link-arrow, #extraMenu, .menu-agency-switch, .page-menu-list, .social-label, .social-icon .social-name, .social-icon .fa-brands___, .footer-menu-2{ display: none; } li.menu-since-1978 a, li.menu-since-1978 a .baseChar{ text-transform: none; pointer-events: none; font-family: specialfont; } #theBody{ font-family: 'Raleway'; font-weight: 300; font-size: 15px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased !important; -moz-font-smoothing: antialiased !important; text-rendering: optimizelegibility !important; -webkit-transition: all 0.5s ease!important; -moz-transition: all 0.5s ease!important; -o-transition: all 0.5s ease!important; transition: all 0.5s ease!important; } @media (min-width: 768px){ #theBody{ font-size: 20px; } } @media (min-width: 1280px){ #theBody{ } } #header{ height: 60px; padding: 0px 0px; } .logo{ height: 60px; } .logo{ align-content: flex-end; align-items: center; } .logo svg, .logo img{ max-height: none; width: 125px; max-width: none; } .navbar-toggle{ top: 23px; right: auto; left: 15px; width: auto; height: auto; margin: 0px; padding: 0px; position: fixed; border-radius: 0px; transform: scale(0.8); } .icon-bar{ width: 25px!important; height: 2px!important; border-radius: 1px!important; } .navbar-toggle .icon-bar+.icon-bar, .navbar-toggle .icon-bar-2{ margin-top: 5px; } .navbar-toggle .icon-bar.icon-bar-1{ } .navbar-toggle .icon-bar.icon-bar-3{ } /*.navbar-to ggle::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; font-family: mediumfont; -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{ content: "close"; text-transform: uppercase; display: block; width: 40px; left: 50%; margin-left:-20px; position: absolute; top: 50%; height: 10px; margin-top: -5px; line-height: 10px; font-family: mediumfont; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }*/ .mainmenu{ margin-top: 60px; position: fixed; max-height: calc(100vh - 60px); pointer-events: none; background:rgba(255,255,255,1); } .menuactive .mainmenu{ pointer-events: all; } .mainmenu .navbar{ max-height: calc(100% - 60px); display: flex; justify-content: center; align-items: center; align-content: center; flex-wrap: wrap; } .mainmenu .navbar-nav{ padding: 0px; max-height: none; margin: 0px; height: auto; display: flex; justify-content: center; align-content: center; align-items: center; overflow: hidden; } .footer-menu .navbar-nav{ padding: 0px 0px; } .mainmenu ul.navbar-nav li, .footer-menu .navbar-nav li.menu-link{ padding: 0px; margin: 0px; text-align: center; height: auto; margin-top: 30px; } .mainmenu ul.after-menu li.childmenu{ margin-top: 7px; } .footer-menu .navbar-nav li.menu-link{ } .footer-menu .navbar-nav li.menu-link.menu-copy{ order: 5; margin: 15px 0px; } .mainmenu ul.navbar-nav li a, .footer-menu .navbar-nav li.menu-link a.menu-link{ padding: 0px; margin: 0px; width: 100%; float: left; text-transform: uppercase; font-family: DidotBold; font-size: 18px; opacity: 0; } .mainmenu .navbar-nav .afterMenu{ float: left; } .mainmenu .navbar-nav ul.after-menu li.childmenu a{ font-family: Didot; font-size: 18px; } .mainmenu .navbar-nav .active ul.after-menu li.childmenu.active a{ color: #000; } .mainmenu .social-icons{ position: absolute; top: auto; bottom: 0px; left: auto; right: 0px; justify-content: flex-end; margin: 15px 0px; padding: 0px 15px; font-size: 25px; column-gap: 15px; } .footer-menu .navbar-nav li.menu-link a.menu-link{ margin: 0px 0px 2px 0px; opacity: 1; font-family: Raleway; font-weight: 500; font-size: 12px; padding: 0px 0px 0px 0px; text-align: left; line-height: 1.5em; } .mainmenu ul.navbar-nav li.active a, .footer-menu .navbar-nav li.menu-link.active a.menu-link{ font-family: DidotBold; text-decoration: none; } #theBody #extraMenu .menu-socials{ display: none; } #theBody .mainmenu #extraMenu .navbar{ height: 100%; } #theBody .mainmenu #extraMenu .navbar-nav{ height: 100%; align-content: flex-start; align-items: flex-start; } .footer{ background: #A6C8A7; } .footerAddress{ position: relative; padding: 0px; margin: 0px; width: 100%; float: left; } .footer h2, .footer-socials .social-label{ font-family: Raleway; font-weight: 600; font-size: 12px; margin: 0px 0px 5px 0px; padding: 0px; text-transform: uppercase; line-height: 1.5em; } .footer p{ font-family: Raleway; font-weight: 500; font-size: 12px; } .footer{ background: #A6C8A7; } .call2action.actionblock{ padding: 30px 15px; } .call2action.actionblock p{ width: 100%; font-family: Didot; font-size: 30px; line-height: 30px; } .call2action.actionblock p i{ font-family: DidotItalic; font-style: normal; } .call2action.actionblock .btn-primary{ font-family: DidotItalic; font-size: 17px; height: auto; padding: 0px 0px 2px 0px; margin: 0px; border-bottom: 1px solid #000; background: none; text-transform: none; color: #000000!important; } .call2action.actionblock .btn-primary span{ font-family: DidotItalic; font-size: 17px; text-transform: none; color: #000000!important; } #creditsfooter{ background: #A6C8A7; border-top: 0px solid #e0e0e0; padding: 15px 30px!important; } .footer .container{ padding: 0px 30px; } .footer-socials { width: 100%; position: relative; float: left; display: flex; justify-content: flex-start; margin: 15px 0px; flex-wrap: wrap; padding: 0px 30px 0px 0px; } .footer-socials .social-label{ display: block; width: 100%; text-align: left; } .footer-socials .social-icon{ display: block; width: 100%; margin-bottom: 2px; } .footer-socials .social-icon a span.social-name{ display: block; font-family: Raleway; font-size: 12px; font-weight: 500; line-height: 1.5em; } .footer-socials .social-icon a .fa-brands{ display: none; } .social-name{ font-family: headfont; } .footer-menu.footer-menu-1{ padding: 15px 45px 0px 15px; } .footer-menu .navbar-nav li.menu-link{ height: auto; margin: 0px; } .footer-logo{ position: relative; float: left; top: 0px; left: 0px; display: flex; justify-content: center; padding: 30px 0px; width:100%; } .footer-logo svg{ width: 200px; } @-webkit-keyframes fadeInFromNone { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes fadeInFromNone { 0% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes fadeInFromNone { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeInFromNone { 0% { opacity: 0; } 100% { opacity: 1; } } @media (min-width: 600px){ .footer-socials{ width: 50%; } .footer-menu.footer-menu-1{ width: 50%; } } @media (min-width: 768px){ .footerAddress{ width: calc(100% - 400px); margin: 15px 0px; } .footer-socials{ width: 180px; } .footer-menu.footer-menu-1{ width: 220px; } .footer-menu .navbar-nav{ } .footer-menu .navbar-nav li.menu-link.menu-copy{ text-align: left; position: absolute; top: auto; bottom: -48px; width: auto; left: 0px; } .footer h2, .footer-socials .social-label, .footer-socials .social-icon a span.social-name, .footer-menu .navbar-nav li.menu-link a.menu-link, .footer p{ font-size: 17px; } } @media (min-width: 960px){ .footerAddress{ width: calc(100% - 500px); } .footer-socials{ width: 230px; } .footer-menu.footer-menu-1{ width: 270px; } } @media (min-width: 1280px){ #footer_links{ padding: 60px 15px; } .call2action.actionblock{ width: calc(100% - 800px); float: left; padding: 15px; } .call2action.actionblock p{ font-size: 40px; line-height: 1em; } .footerAddress{ width: 350px; } .footer-socials{ width: 200px; } .footer-menu.footer-menu-1{ width: 250px; } } @media (min-width: 1600px){ #footer_links{ padding: 60px 15px; } .call2action.actionblock{ width: 50%; } .call2action.actionblock p{ font-size: 40px; line-height: 1em; } .footerAddress{ width: calc(50% - 450px); } .footer-socials{ width: 200px; } .footer-menu.footer-menu-1{ width: 250px; } } #mainsection{ margin: 60px 0px 0px 0px; } .page-block{ padding: 15px 30px; } #pageBlock1, #pageBlock1 .page-block-caption{ margin-bottom: 0px; padding-bottom: 0px; } h1, h2, h3, h4, h5, h6{ font-family: Didot; text-transform: none; line-height: 1.1em; } h1 span.prt2, h2 span.prt2, h3 span.prt2, h4 span.prt2, h5 span.prt2, h6 span.prt2{ font-family: specialfont; text-transform: lowercase; font-size: 1.5em; } .page-block-caption{ margin: 30px 0px 45px 0px; } .page-block-intro{ margin: 45px 0px 0px 0px; } .page-block-txt{ margin: 45px 0px 0px 0px; } .page-block-name{ } .page-block-name h1, .page-block-ttl h2{ font-size: 2.4em; text-decoration: none; margin: 15px 0px; text-transform: capitalize; } .page-block-name h1::before, .page-block-ttl h2::before{ width: 140px; height: 30px; background: #D7CBED; display: block; position: absolute; left: 50%; top: 50%; margin-left: -70px; margin-top: -15px; content: ''; z-index: -1; border-radius: 50%; /*transform: skew(-15deg, -15deg);*/ transform: rotate(-10deg); } .page-block-subname h3, .page-block-ttl.page-block-ttl-intro h3{ font-family: DidotItalic; font-size: 1.4em; } .page-block-txt h2, .page-block-txt h3, .page-block-txt h4, .page-block-txt h5{ font-size: 1.4em; margin-bottom: 1em; } .page-block-intro h2, .page-block-txt h2{ font-size: 1.4em; text-transform: uppercase; margin: 0px 0px 25px 0px; font-family: DidotBold; } .page-block-txt h3{ margin-top: 1.4em; margin-bottom: 0.4em; } .page-block-intro p, .page-block-intro ul{ font-size: 1em; } .page-block-intro p, .page-block-txt p{ margin-bottom: 25px; line-height: 1.2em; } .page-block-txt p a{ text-decoration: none; } .page-block-txt p a:hover{ text-decoration: underline; } .page-block.center .page-block-caption .page-block-intro, .page-block.center .page-block-caption .page-block-txt{ padding: 0px 30px 0px 30px; } .menu-default #mainsection, .menu-centered #mainsection{ display: flex; justify-content: center; } .page-block-name h1, .page-block-ttl h2{ } .btn-primary, .btn-secondary{ background: none; border:0px solid #000000; border-radius: 0px; color: #000000; font-family: Raleway; font-weight: 500; font-size: 12px; text-transform: uppercase; position: relative; padding: 0px; } .btn-primary:hover, .btn-primary:active, .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:focus, .btn-secondary:hover, .btn-secondary:active, .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:focus{ background: none; color: #000000; border:0px solid #000000; } .btn-primary span{ font-family: Raleway; font-weight: 500; color: #000000; font-size: 12px; } .btn-primary:hover span, .btn-primary:active span, .btn-primary:not(:disabled):not(.disabled):active span, .btn-primary:focus span{ color: #000000; } .btn-primary::before{ width: 100%; height: 100%; background: #ffffff; border: 2px solid #A6C8A7; display: block; position: absolute; left: 0%; top: 0%; content: ''; z-index: -1; border-radius: 50%; transform: rotate(-10deg); -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .btn-primary:hover::before{ transform: rotate(10deg); } .btn-list{ font-family: Raleway; font-weight: 500; font-size: 1em; text-transform: uppercase; background: none; padding: 0px 30px 0px 0px; color: #4F4F4F; position: relative; border: 0px; font-size: 1em; } .btn-list span{ padding: 0px; color: #4F4F4F; font-size: 1em; } .btn-list::after{ font-family: 'FontAwesome'; content: "\f105"; font: var(--fa-font-regular); position: absolute; top: 3px; height: 100%; left: auto; right: 0px; width: 30px; display: block; font-size: 1em; line-height: 1em; } .btn-list:hover, .btn-list:active, .btn-list:not(:disabled):not(.disabled):active, .btn-list:focus{ background: #ffffff; color: #4F4F4F; } .btn-list:hover span, .btn-list:active span, .btn-list:not(:disabled):not(.disabled):active span, .btn-list:focus span{ color: #4F4F4F; } @media (min-width: 960px){ .btn-primary, .btn-secondary{ font-size: 20px; } .btn-primary span{ font-size: 20px; font-weight: 700; } } @media (min-width: 768px){ #header{ height: 120px!important; padding: 0px 15px; } .logo{ height: 120px; } .logo svg, .logo img{ width: 220px; } .navbar-toggle{ left: 45px; top: 55px; transform: scale(1); } .mainmenu{ margin-top: 120px; max-height: calc(100vh - 120px); } .mainmenu ul.navbar-nav li{ } .mainmenu ul.navbar-nav li a, .mainmenu .navbar-nav ul.after-menu li.childmenu a{ font-size: 22px; } #theBody .mainmenu #extraMenu ul.navbar-nav li{ } #theBody .mainmenu #extraMenu ul.navbar-nav li a{ font-size: 18px; } #mainsection{ margin: 100px 0px 0px 0px; min-height: 0px; display: flex; justify-content: center; } #wrapper #pageBlockPage{ } .page-block{ padding: 15px 15px; max-width: 1920px; } .page-block-caption{ margin: 70px 0px 75px 0px; } .page-block-intro{ margin: 75px 0px 0px 0px; } .page-block-txt{ margin: 75px 0px 0px 0px; } .page-block-name h1{ } .page-block-name h1, .page-block-ttl h2{ font-size: 3em; } .page-block.center .page-block-txt{ margin-top: 75px } .page-block-name h1::before, .page-block-ttl h2::before{ width: 224px; height: 64px; margin-left: -112px; margin-top: -32px; } .page-block-subname h3, .page-block-ttl.page-block-ttl-intro h3{ font-size: 2.2em; } } @media (min-width: 960px){ #extraMenu{ display: block; position: fixed; top: 0px; left: auto; right: 0px; background: none; height: 120px; width: calc(50% - 150px); pointer-events: all; padding: 0px; margin: 0px; z-index: 10000000; } #theBody .mainmenu #extraMenu .navbar{ min-height: 0px; padding: 0px; } #theBody .mainmenu #extraMenu ul.navbar-nav{ flex-wrap: nowrap; justify-content: flex-end; overflow: visible; } #theBody .mainmenu #extraMenu ul.navbar-nav li{ margin: 0px; position: relative; width: auto; } #theBody .mainmenu #extraMenu ul.navbar-nav li.menu-story, #theBody .mainmenu #extraMenu ul.navbar-nav li.menu-contact, #theBody .mainmenu #extraMenu ul.navbar-nav li.menu-socials{ display: none!important; } #theBody .mainmenu #extraMenu ul.navbar-nav li a{ padding: 54px 30px 0px 0px; position: relative; opacity: 1!important; width: auto; line-height: 30px; } #theBody .mainmenu #extraMenu ul.navbar-nav a.menu-link-arrow{ position: absolute; top: 0px; left: 0px; width: 100%; height: 90px; background: rgba(0,0,0,0); display: block; opacity: 0!important; pointer-events: all; } #theBody .mainmenu #extraMenu ul.navbar-nav li a:hover{ } #theBody .mainmenu #extraMenu ul.navbar-nav li:hover a::after{ position: absolute; top: 82px; left: 0px; width: calc(100% - 30px); background: #000000; height: 1px; content: ''; display: block; } .active .after-menu{ margin: 0px; } #theBody .mainmenu #extraMenu .navbar-nav .afterMenu{ position: absolute; top: 90px; background: #ffffff; padding: 0px 5px 10px 5px; margin-left: -5px; opacity: 0; pointer-events: none; margin-top: -5px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; pointer-events: none; } #theBody .mainmenu #extraMenu .navbar-nav .afterMenu.active{ opacity: 1; pointer-events: all; margin-top: 0px; pointer-events: all; } #theBody .mainmenu #extraMenu ul.navbar-nav li.childmenu{ width: 100px; } #theBody .mainmenu #extraMenu ul.navbar-nav li.childmenu a{ height: auto; line-height: 1em; padding: 8px 0px 0px 0px; text-align: left; font-size: 18px; width: auto; pointer-events: none; } #theBody .mainmenu #extraMenu ul.navbar-nav li.childmenu a:hover{ color: #D7CBED!important; } #theBody .mainmenu #extraMenu ul.navbar-nav .afterMenu.active li.childmenu a{ pointer-events: all; } #theBody .mainmenu #extraMenu ul.navbar-nav li.childmenu a::after{ display: none!important; } } @media (min-width: 1280px){ #wrapper #pageBlockPage{ } .page-block.center .page-block-txt{ } #theBody .mainmenu #extraMenu ul.navbar-nav li a{ padding: 54px 20px 0px 0px; } #theBody .mainmenu #extraMenu ul.navbar-nav li:hover a::after{ width: calc(100% - 20px); } #theBody .mainmenu #extraMenu ul.navbar-nav li.menu-story, #theBody .mainmenu #extraMenu ul.navbar-nav li.menu-contact{ display: block!important; } #theBody .mainmenu #extraMenu ul.navbar-nav li.menu-story{ } } @media (min-width: 1440px){ #theBody .mainmenu #extraMenu ul.navbar-nav li.menu-story{ margin-left: 45px; } } @media (min-width: 1600px){ #theBody .mainmenu #extraMenu ul.navbar-nav li a{ font-size: 22px; padding: 52px 30px 0px 0px; } #theBody .mainmenu #extraMenu ul.navbar-nav li:hover a::after{ width: calc(100% - 30px); } } #wrapper #pageBlockPage, #wrapper .modeldetail .page-block img, #wrapper .modeldetail #modelhashnav{ 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{ } #wrapper.ajaxloading .modeldetail .page-block img, #wrapper.ajaxloading .modeldetail #modelhashnav, #wrapper.ajaxloading #blog---full img{ } #theBody.home{ } #theBody.home #header{ /* -webkit-animation: fadeToWHITE 0.5s ease-out; -moz-animation: fadeToWHITE 0.5s ease-out; -o-animation: fadeToWHITE 0.5s ease-out; animation: fadeToWHITE 0.5s ease-out; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; -webkit-animation-delay: 33s; -moz-animation-delay: 33s; -o-animation-delay: 33s; animation-delay: 33s; */ background: rgba(255,255,255,0); -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; } #theBody.home.shrink #header, #theBody.home.menuactive #header, #theBody.home #header:hover{ background: rgba(255,255,255,1)!important; } #theBody.home #header .social-icon, #theBody.home #header .logo, #theBody.home .mainmenu #extraMenu ul.navbar-nav li{ -webkit-animation: fadeToShow 0.5s ease-out; -moz-animation: fadeToShow 0.5s ease-out; -o-animation: fadeToShow 0.5s ease-out; animation: fadeToShow 0.5s ease-out; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; -webkit-animation-delay: 1s; -moz-animation-delay: 1s; -o-animation-delay: 1s; animation-delay: 1s; opacity: 0; margin-top: 45px } #theBody.home #header .social-icon:nth-of-type(3){ -webkit-animation-delay: 1.4s; -moz-animation-delay: 1.4s; -o-animation-delay: 1.4s; animation-delay: 1.4s; } #theBody.home .mainmenu #extraMenu ul.navbar-nav li:nth-of-type(2){ -webkit-animation-delay: 1.2s; -moz-animation-delay: 1.2s; -o-animation-delay: 1.2s; animation-delay: 1.2s; } #theBody.home .mainmenu #extraMenu ul.navbar-nav li:nth-of-type(3){ -webkit-animation-delay: 1.4s; -moz-animation-delay: 1.4s; -o-animation-delay: 1.4s; animation-delay: 1.4s; } #theBody.home .mainmenu #extraMenu ul.navbar-nav li:nth-of-type(4){ -webkit-animation-delay: 1.6s; -moz-animation-delay: 1.6s; -o-animation-delay: 1.6s; animation-delay: 1.6s; } #theBody.home .mainmenu #extraMenu ul.navbar-nav li:nth-of-type(5){ -webkit-animation-delay: 1.8s; -moz-animation-delay: 1.8s; -o-animation-delay: 1.8s; animation-delay: 1.8s; } #theBody.home .mainmenu #extraMenu ul.navbar-nav li:nth-of-type(6){ -webkit-animation-delay: 2s; -moz-animation-delay: 2s; -o-animation-delay: 2s; animation-delay: 2s; } /*#theBody.home #header .navbar-toggle .icon-bar{ -webkit-animation: fadeToWidth 0.5s ease-out; -moz-animation: fadeToWidth 0.5s ease-out; -o-animation: fadeToWidth 0.5s ease-out; animation: fadeToWidth 0.5s ease-out; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; -webkit-animation-delay: 2s; -moz-animation-delay: 2s; -o-animation-delay: 2s; animation-delay: 2s; margin-left: -45px; opacity: 0; } #theBody.home #header .navbar-toggle .icon-bar-2{ -webkit-animation-delay: 2.4s; -moz-animation-delay: 2.4s; -o-animation-delay: 2.4s; animation-delay: 2.4s; } #theBody.home #header .navbar-toggle .icon-bar-3{ -webkit-animation-delay: 2.8s; -moz-animation-delay: 2.8s; -o-animation-delay: 2.8s; animation-delay: 2.8s; }*/ @-webkit-keyframes fadeToShow { 0% { opacity: 0; margin-top: 45px } 100% { opacity: 1; margin-top: 0px; } } @-webkit-keyframes fadeToWHITE { 0% { background: rgba(255,255,255,0); } 100% { background: rgba(255,255,255,1); } } @-webkit-keyframes fadeToWidth { 0% { margin-left: -45px; opacity: 0; } 100% { margin-left: 0px; opacity: 1; } } #theBody.home #extraMenu{ } #theBody.home .mainmenu .social-icons{ position: fixed; top: 65px; bottom: auto; width: 40px; right: 10px; opacity: 1; pointer-events: all; } #theBody.home.shrink .mainmenu .social-icons{ opacity: 0; pointer-events: none; } #theBody.home #pageBlock1{ display: none; } #theBody.home #mainsection{ margin: 0px; } #theBody.home .mainmenu #extraMenu ul.navbar-nav li a{ } #theBody.home #toggleNavTxt{ } #theBody.home .st0, #theBody.home .st3{ } #theBody.home .logo{ } #theBody.home .logo a{ } #theBody.home #wrapper #pageBlockPage{ max-width: none; } #homevideo{ position: relative; width: 100vw; height: 100vh; background: #ffffff; top: 0px; left: 0px; z-index: 1; padding: 0px; cursor: pointer; overflow: hidden; max-width: none; } #homevideo .page-block-caption{ padding: 0px; margin: 0px; } #homevideo .videoContainer{ padding: 0px; margin: 0px; width: 100vw; height: 100vh; } #homevideo .videoContainer iframe { width: 100vw; height: 56.25vw; min-height: 100vh; min-width: 177.77vh; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } #homevideo .page-block-ttl{ display: none; } #homevideo .page-block-captionr{ padding: 0px; margin: 0px; pointer-events: none!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-uploadfile4, .fancy-vimeovideo{ border: 0px; height: 450px;/* margin: 0px 0px 0px!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: contain; border: 0px; background-position: bottom center; } .become #pageBlock1.cleanPageBlock1 .page-block-txt p a{ font-family: regularfont; text-decoration: none; } .selectlist select, input.form-control, select.form-control, textarea.form-control{ font-size: 14px; } @media (max-width: 340px){ .fancy-uploadfile1, .fancy-uploadfile2, .fancy-uploadfile3, .fancy-uploadfile4, .fancy-vimeovideo{ margin: 0px 0px 0px!important; } } @media (min-width: 600px){ .fancy-uploadfile1, .fancy-uploadfile2, .fancy-uploadfile3, .fancy-uploadfile4, .fancy-vimeovideo{ height: 320px; grid-column: span 2; } /* with video it will be : */ .fancy-uploadfile1, .fancy-uploadfile2, .fancy-uploadfile3, .fancy-uploadfile4, .fancy-vimeovideo{ } .fancy-uploadfile1{ /*margin-left: calc(50% - 267.5px)!important;*/ } .fancy-uploadfile1, .fancy-uploadfile3{ /*margin-left: calc(50% - 210px)!important;*/ } /* end with video */ .msgBox-upload{ height: 240px; } } @media (min-width: 768px){ .fancy-uploadfile1, .fancy-uploadfile2, .fancy-uploadfile3, .fancy-uploadfile4, .fancy-vimeovideo{ height: 320px; } /* with video it will be : */ .fancy-uploadfile1, .fancy-uploadfile2, .fancy-uploadfile3, .fancy-uploadfile4, .fancy-vimeovideo{ } .fancy-uploadfile2{ } .fancy-uploadfile1{ /* margin-left: calc(50% - 235px)!important;*/ } /*.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 */ .msgBox-upload{ height: 240px; max-height: none; } .page-block-module.page-block-fancyform{ max-width: none; display: flex; justify-content: center; } #form_become_container{ width: 600px; } } @media (min-width: 900px){ .fancy-uploadfile1, .fancy-uploadfile2, .fancy-uploadfile3, .fancy-uploadfile4, .fancy-vimeovideo{ height: 320px; } /*.fancy-uploadfile2{ margin: 30px 15px 0px!important; } .fancy-uploadfile1{ margin-left: calc(50% - 300px)!important; }*/ /* with video it will be : */ .fancy-uploadfile1, .fancy-uploadfile2, .fancy-uploadfile3, .fancy-uploadfile4, .fancy-vimeovideo{ } /*.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: 240px; } } @media (min-width: 960px){ .fancy-uploadfile1, .fancy-uploadfile2, .fancy-uploadfile3, .fancy-uploadfile4, .fancy-vimeovideo{ height: 320px; grid-column: span 2; } .page-block.fancyform{ margin-bottom: 90px; } .selectlist select, input.form-control, select.form-control, textarea.form-control{ font-size: 16px; } } .page-block.fancyform .page-block-caption .page-block-ttl h2{ text-align: center; } @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-uploadfile4, .fancy-vimeovideo{ } /* with video it will be : */ .fancy-uploadfile1, .fancy-uploadfile2, .fancy-uploadfile3, .fancy-uploadfile4, .fancy-vimeovideo{ } .fancy-uploadfile1{ } .fancy-uploadfile2{ } .fancy-uploadfile3{ } /* end with video */ .msgBox-upload{ border: 0px; padding: 0px; } #form_become-a-model_container{ max-width: 650px; } .roundRadioBtn.fancyFormOption label.circle_text, .form-group.row label.fancyformLabel, .form-group.row label{ font-size: 0.8em!important; font-size: 14px!important; } .roundCheckbox.fancyFormOption label.circle_text{ font-size: 12px!important; } } @media (min-width: 1280px){ .fancy-uploadfile1, .fancy-uploadfile2, .fancy-uploadfile3, .fancy-uploadfile4, .fancy-vimeovideo{ height: 320px; } /*.fancy-uploadfile2{ margin: 30px 10px 0px!important; }*/ /*.fancy-uploadfile1{ margin-left: calc(50% - 197.5px)!important; }*/ /* with video it will be : */ .fancy-uploadfile1, .fancy-uploadfile2, .fancy-uploadfile3, .fancy-uploadfile4, .fancy-vimeovideo{ } .fancy-uploadfile1{ } .fancy-uploadfile2{ } .fancy-uploadfile3{ } /* end with video */ .msgBox-upload{ height: 240px; } .fancyFormField .btn-upload{ font-size: 10px!important; } input.form-control, select.form-control, textarea.form-control{ font-size: 16px; } } @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, #dataLinkuploadfile4{ opacity: 0; pointer-events: none; } .scrolltop{ background: #ffffff; float: right; margin-top: 45px; margin-bottom: 45px; margin-right: 30px; } .scrolltop:focus, .scrolltop:active{ background: #ffffff!important; } .scrolltop::before{ display: none; } .modal-backdrop{ display: none!important; opacity: 0!important; height: 0px!important; width: 0px!important; } #pageBlockCarouselvideo .close, .lightbox-modal .close{ left: auto; right: 25px; top: 25px; background: rgba(0,0,0,0); position: absolute; color: #000000;line-height: 1em; text-decoration: none; font-weight: normal; font-family: Didot; font-size: 14px; text-transform: none; width: auto; z-index: 100002; } #pageBlockCarouselvideo .close .fa-xmark, .lightbox-modal .close .fa-xmark{ display: 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; } .print_modal_body .page-block-ttl h2{ text-align: center; text-transform: none; font-size: 34px; position: relative; width: 100%; } .print_modal_body .page-block-ttl h2::before{ width: 230px; height: 90px; background: none!important; border: 2px solid #A6C8A7; display: block; position: absolute; left: 50%; top: 15px; margin-left: -115px; content: ''; z-index: 0; border-radius: 50%; transform: rotate(10deg); -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; } .page-block-txt.print-options{ margin: 0px; } .print-option h4{ font-size: 14px; } .print-option .btn-primary::before{ background: #A6C8A7; } .printIcon{ display: none; } .page-block-txt.print-options p{ font-size: 13px; text-align: center; width: 100%; } .page-block-txt.print-options p b{ font-weight: normal; font-family: DidotBold; } #theBody.modeldetail .modal-backdrop{ display: block!important; opacity: 0.5!important; width: 100vw!important; height: 100vh!important; } #theBody.models #pageBlock1{ display: none; } #models.page-block.models{ padding: 0px; } .quick-list-navigation { padding: 0px 30px; margin: 0px; flex-wrap: wrap; display: flex; column-gap: 15px; } .quick-list-navigation li{ padding: 0px; margin: 0px; list-style: none; line-height: 1em; width: auto; } .quick-list-navigation li a{ font-family: Didot; text-decoration: none; font-size: 1em; color: #9B9B9B; } .quick-list-navigation li.active a{ color: #000000; /*text-transform: uppercase; font-family: headfont; text-decoration: underline;*/ } .quick-list-navigation li a .hoverChar{ } .quick-list-navigation li.active a .hoverChar{ } .quick-list-navigation li a:hover{ text-decoration: none; } .quick-list-navigation li.active a:hover{ text-decoration: none; } #quick-list-navigation{ position: fixed; top: 22px; left: 55px; z-index: 10001; display: none; } #setModelListView{ position: relative; top: 0px; left: 0px; margin: 120px 0px 0px 0px; } .search-init .opensearch, .search-init .closesearch, .search_categories span.label{ font-size: 0.8em; color: #000000; text-transform: uppercase; font-family: headfont; text-decoration: underline; } #theBody.models #menu-search{ position: fixed; top: 80px; pointer-events: all; height: 50px; } #theBody.models #menu-search #SearchModal{ height: 50px; } #theBody.models.modeldetail #menu-search{ display: none; } #menu-search, #theBody.menuactive.models #menu-search{ position: relative; top: 0px; left: 0px; width: 100%; margin: 15px 0px; padding: 0px 15px; } #menu-search .search-init{ display: none; } #SearchModal{ background: #ffffff; position: relative; top: 0px; width: 100%; left: 0px; max-height: 60px; overflow: visible; } #SearchModal .form-group.row{ margin: 0px!important; padding: 0px!important; justify-content: center; border:0px; } #SearchModal.in { } #SearchModal #search_inside{ display: none; } #SearchModal #searchinput{ font-size: 20px; line-height: 1em; padding: 8px 0px; border: 0px solid #ffffff; height: auto; border-bottom: 1px solid #000000; font-family: DidotBold; text-align: left; color: #000000; width: 250px; position: relative; } #SearchModal .form-group.row::after{ width: 20px; height: 20px; position: absolute; top: 50%; margin-top: -10px; left: 50%; margin-left: 100px; display: block; content: ''; background: url("../img/btns/arrowDown.svg"); background-repeat: no-repeat; background-position: center right; background-repeat: no-repeat; } #SearchModal #searchinput::placeholder { color: #000000; opacity: 1; /* Firefox */ } #SearchModal #searchinput::-ms-input-placeholder { /* Edge 12 -18 */ color: #000000; } #livesearch{ background: #ffffff; position: absolute; top: 100%; left: calc(50% - 125px); width: 250px; height: auto; } #livesearch .model-name{ width: 100%; margin: 6px 0px 0px 0px; padding: 4px 5px 0px 0px; } #livesearch .model-name h2{ font-family: Didot; font-size: 18px; } #livesearch .model-name.model-view-all h2{ font-family: DidotBold; } #livesearch .model-name h2 a{ text-decoration: none; } #livesearch .model-name h2 a .firstname{ text-transform: uppercase; margin-right: 4px; } #livesearch .model-name h2 a .lastname{ text-transform: capitalize!important; } #livesearch .model-name{ } #theBody.models .logo{ } #theBody.models .closesearch{ } #theBody.models .opensearch .hoverChar, #theBody.models .closesearch .hoverChar{ } .search-init .opensearch:hover, .search-init .closesearch:hover{ } #theBody.models #menu-search, #theBody.models .logo a{ } .fixed-top-letters{ top: 200px; border: 0px; background: #ffffff; -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; } .shrink .fixed-top-letters{ top: 60px; height: 35px; } .fixed-letters-container{ width: 100%; max-width: 500px; justify-content: space-between; padding: 0px 30px; } .letters-container .act-ltr, .letters-container .dis-ltr{ font-family: Didot; text-transform: lowercase!important; color: #CECECE; width: auto; font-size: 15px; } .letters-container .act-ltr a{ font-family: Didot; text-transform: lowercase!important; color: #CECECE; font-size: 15px; } .letters-container .act-ltr.active a{ color: #000000; } @media (min-width: 600px){ #quick-list-navigation, #setModelListView{ } #theBody.models #menu-search{ } } @media (min-width: 768px) and (max-height: 820px){ .mainmenu{ overflow-y: scroll; } } @media (min-width: 768px){ #theBody.models #mainsection{ flex-wrap: wrap; } #menu-search, #theBody.menuactive.models #menu-search{ width: 360px; position: fixed; top: 140px!important; opacity: 0; pointer-events: none; left: 0px; right: auto; } #theBody.menuactive.models #menu-search{ pointer-events: all; } .mainmenu .navbar{ max-height: calc(100vh - 120px); padding: 100px 0px 30px 0px; height: 100%; min-height: 700px; } .mainmenu .social-icons{ position: fixed; top: 150px; bottom: auto; width: 40px; right: 30px; opacity: 0; pointer-events: none; } #theBody.home .mainmenu .social-icons{ opacity: 1; top: 150px; right: 30px; } #theBody.menuactive #menu-search{ opacity: 1; pointer-events: all; } #theBody.menuactive .social-icons{ opacity: 1; pointer-events: all; } #setModelListView{ width: 100%; margin: 45px 0px 0px 0px; } #quick-list-navigation{ } #theBody.models #menu-search{ opacity: 1; top: 120px!important; left: auto; right: 0px; width: 290px; -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 #menu-search.afterOpen{ top: 170px!important; } #theBody.models.menuactive #menu-search.afterOpen{ top: 140px!important; } #SearchModal, #SearchModal.in { max-width: none; padding-left: 15px; padding-right: 32px; } } @media (min-width: 960px){ .quick-list-navigation li{ } .quick-list-navigation li a{ } .search-init .opensearch, .search-init .closesearch, .search_categories span.label{ } #setModelListView{ } #quick-list-navigation{ } #theBody.models #menu-search{ } #SearchModal, #SearchModal.in { } } @media (min-width: 1280px){ .quick-list-navigation li{ } .quick-list-navigation li a{ } .search-init .opensearch, .search-init .closesearch, .search_categories span.label{ } #setModelListView{ margin: 25px 0px 0px 0px; padding-left: 45px; } #quick-list-navigation{ } .fixed-letters-container{ padding-left: 45px; } #theBody.models #menu-search{ right: 15px; } #SearchModal.in { } } @media (min-width: 1920px){ #setModelListView{ padding-left: calc(50% - 915px); } .fixed-letters-container{ padding-left: calc(50% - 915px); max-width: calc(500px + (50% - 915px)); } #theBody.models #menu-search{ right: calc(50% - 945px); } } .letters-container{ } #models_container{ grid-template-columns: repeat(1, 1fr); grid-gap: 30px; padding: 0px 30px!important; margin-top: 60px; margin-bottom: 60px; } #models_container .block.models{ padding:20px 0px 0px 0px; border: 0px; margin-bottom: 10px; } /*#models_container .block.models:nth-of-type(7n + 1)::before, #models_container .block.models:nth-of-type(11n + 4)::before{ width: 280px; height: 120px; background: #ffffff; border: 1px solid #D7CBED; display: block; position: absolute; left: auto; right: -15px; top: auto; bottom: -65px; content: ''; z-index: -1; border-radius: 50%; transform: rotate(10deg); -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; } #models_container .block.models:nth-of-type(7n + 1):hover::before, #models_container .block.models:nth-of-type(11n + 4):hover::before{ right: -0px; bottom: -75px; transform: rotate(15deg); } #models_container .block.models:nth-of-type(12n + 3)::before, #models_container .block.models:nth-of-type(12n + 6)::before{ width: 230px; height: 90px; background: #ffffff; border: 1px solid #A6C8A7; display: block; position: absolute; left: auto; right: 15px; top: auto; bottom: -45px; content: ''; z-index: -1; border-radius: 50%; transform: rotate(10deg); -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; } #models_container .block.models:nth-of-type(12n + 3):hover::before, #models_container .block.models:nth-of-type(12n + 6):hover::before{ right: 30px; bottom: -25px; transform: rotate(6deg); } #models_container .block.models:nth-of-type(12n + 7)::before, #models_container .block.models:nth-of-type(12n + 10)::before{ width: 230px; height: 90px; background: #ffffff; border: 1px solid #A6C8A7; display: block; position: absolute; left: 0px; top: auto; bottom: -30px; content: ''; z-index: -1; border-radius: 50%; transform: rotate(-10deg); -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; } #models_container .block.models:nth-of-type(12n + 7):hover::before, #models_container .block.models:nth-of-type(12n + 10):hover::before{ left: 0px; bottom: -30px; transform: rotate(-5deg); }*/ #models_container .block.models .block-caption{ top: 0px; position: absolute; padding: 0px 0px 0px 0px; } #models_container .block.models .block-btns{ position: absolute; top: auto; bottom: 0px; left: 0px; width: 100%; text-align: center; padding: 15px 0px; margin: 0px; z-index: 10; opacity: 0; -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; pointer-events: none; } #models_container .block.models:hover .block-btns{ opacity: 1; padding: 10px 0px; } #models_container .block.models .block-btns a{ font-family: Raleway; font-weight: 300; font-size: 13px; color: #ffffff; text-decoration: none; text-transform: uppercase; position: relative; } #models_container .block.models .block-btns a::before{ font-family: 'FontAwesome'; content: "\f055"; font: var(--fa-font-thin); display: block; width: 15px; height: 15px; border: 0px solid #000000; border-radius: 50%; position: absolute; top:-20px; left: 50%; font-size: 14px; margin-left: -7.5px; } .block.models .block-caption .block-ttl h2{ font-size: 1.0em; } .block.models .block-caption .block-ttl h2 a{ justify-content: flex-start; color: #000000; font-size: 18px; line-height: 18px; } .block.models .block-caption .block-ttl h2 a .firstname{ font-family: Didot; text-transform: uppercase; width: auto; padding-right: 5px; } .block.models .block-caption .block-ttl h2 a .lastname{ font-family: DidotItalic; text-transform: none; width:auto; } .letters-container .act-ltr a:hover{ text-decoration: none; } #theBody #models_container.names-only{ display: flex; justify-content: center; grid-gap:5px; } #models_container.names-only .block.models{ width: auto; } #models_container.names-only .block.models .block-image{ display: none; } #models_container.names-only .block.models .block-caption{ top: 0px; bottom: auto; position: relative; padding: 0px 0px 0px; width: auto; white-space: normal; } #models_container.names-only .block.models .block-caption .block-ttl h2{ font-size: 2em; } #models_container.names-only .block.models .block-caption .block-ttl h2 a{ color: #000000; } #models_container.names-only .block.models .block-caption .block-ttl h2 a .lastname{ display: none; } #models_container.names-only .block.models .block-caption .block-ttl h2 a .firstname{ line-height: 30px; display: flex; justify-content: center; } /*#models_container.names-only .block.models .block-caption .block-ttl h2 a .firstname::after{ content: ','; display:inline-block; width: 4px; height: 100%; }*/ #models_container.names-only .block.models:nth-of-type(2n + 2) .block-caption .block-ttl h2 a .firstname{ font-family: specialfont; text-transform: none; font-size: 1.0em; } #models_container.names-only .block.models .block-caption .block-ttl h2 a .firstname .hoverChar{ text-transform: none; } #models_container.names-only .block.models:nth-of-type(2n + 2) .block-caption .block-ttl h2 a .firstname .hoverChar{ text-transform: uppercase; font-family: headfont!important; } .block.models .block-caption-specs.yes_hover{ background: rgba(224,173,237,0.7); left: 0px; pointer-events: none; opacity: 0; color: #ffffff; } .block.models.colorhover-1 .block-caption-specs.yes_hover{ background: rgba(224,173,237,0.7); } .block.models.colorhover-2 .block-caption-specs.yes_hover{ background: rgba(199,190,43,0.6); } .block.models.colorhover-3 .block-caption-specs.yes_hover{ background: rgba(166,200,167,0.7); } .block .block-caption-specs .block-spec{ flex-wrap: wrap; color: #fff; margin-bottom: 7px; /*mix-blend-mode:exclusion;*/ } #theBody.talents .block .block-caption-specs .block-spec{ display: none; } #theBody.talents .block .block-caption-specs .block-spec.block-spec-social{ display: block; } .block.models .block-caption-specs .block-spec .list-label{ width: 100%; position: relative; padding: 0px; margin: 0px; font-family: Raleway; text-transform: none; font-size: 13px; line-height: 1em; font-weight: 600; text-align: center; text-transform: uppercase; } .block.models .block-caption-specs .block-spec .list-value{ width: 100%; margin: 0px; padding: 0px; font-family: Raleway; text-transform: none; font-size: 12px; line-height: 1em; font-weight: 400; text-align: center; } .block.models.yes_hover:hover .block-caption-specs.yes_hover{ color: #000000; } .block.models.yes_hover:hover .block-caption .block-ttl h2 a{ color: #000000; } @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: 460px){ #theBody #models_container{ grid-template-columns: repeat(8, 1fr); } #models_container .block.models{ grid-column: 2 / span 6; } } @media (min-width: 660px){ #theBody #models_container{ padding: 0px 30px!important; grid-template-columns: repeat(2, 1fr); grid-gap: 30px; grid-row-gap: 30px; margin-top: 95px; } #models_container .block.models{ grid-column: span 1; } } @media (min-width: 768px){ .fixed-top-letters{ top: 195px; } .shrink .fixed-top-letters{ top: 120px; } #theBody.models.shrink #menu-search{ opacity: 0; height: 0px!important; overflow: hidden; } #theBody .letters-container.fixed-side-letters{ 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: 00px 0px 0px 0px; } #theBody #models_container{ padding: 0px 30px!important; grid-template-columns: repeat(4, 1fr); grid-template-columns: repeat(4, 1fr); grid-gap: 30px; grid-row-gap: 30px; margin-top: 95px; } #theBody #models_container.names-only{ grid-gap:0px; grid-row-gap: 15px; } #models_container.names-only .block.models .block-caption .block-ttl h2 a .firstname{ padding: 0px 0.75em; } #theBody #models_container.letters-on_side{ /*padding: 48px 64px 48px 32px;*/ } #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 #models_container{ grid-template-columns: repeat(6, 1fr); } } @media (min-width: 960px){ #theBody #models_container.names-only{ grid-gap:0px; grid-row-gap: 20px; } #models_container.names-only .block.models .block-caption .block-ttl h2 a .firstname{ line-height: 48px; } #models_container.names-only .block.models .block-caption .block-ttl h2{ font-size: 2.6em; } #models_container .block.models{ grid-column: span 2; } } @media (min-width: 1200px){ #theBody #models_container.block-listing{ grid-template-columns: repeat(8, 1fr); } } @media (min-width: 1280px){ #theBody #models_container.block-listing{ padding: 0px 45px!important } } @media (min-width: 1440px){ #theBody #models_container.block-listing{ grid-template-columns: repeat(8, 1fr); } #models_container .block.models{ grid-column: span 2; } #theBody #models_container.names-only{ } #models_container.names-only .block.models .block-caption .block-ttl h2 a .firstname{ } #models_container.names-only .block.models .block-caption .block-ttl h2{ } .block.models .block-caption-specs .block-spec .list-label{ font-size: 14px; } .block.models .block-caption-specs .block-spec .list-value{ font-size: 13px; } } @media (min-width: 1600px){ #theBody #models_container.block-listing{ grid-template-columns: repeat(10, 1fr); } } @media (min-width: 1920px){ #theBody #models_container.block-listing{ grid-template-columns: repeat(12, 1fr); max-width: 1920px; } } /* #detail-model.specs-fixed-top, #detail-model.specs-fixed-bottom{ background: rgba(240,240,240,1); } #detail-model.specs-fixed-bottom{ background: rgba(0,0,0,1); } .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, #detail-model.specs-fixed-bottom .detail-specs{ justify-content: center; } #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: 200px; text-align: right; padding: 0px 3px; } #detail-model.specs-fixed-top .detail-specs .detail-value, #detail-model.specs-fixed-bottom .detail-specs .detail-value{ width: 200px; text-align: left; } #detail-model.specs-fixed-top #modelcontrollers, #detail-model.specs-fixed-bottom #modelcontrollers { width: 100%; justify-content: center; display: flex; } .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{ color: #ffffff; } #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; } @media (min-width: 768px){ #mainsection.modeldetail .page-block.gallery.slideshow .carousel .carousel-inner, #mainsection.modeldetail .page-block.gallery.slideshow .carousel{ height: 100vh; max-height: calc(100vh - 300px); } }*/ .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; float: left; } .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: 0!important; } #theBody.home #news { margin: 70px 0px 0px 0px; } #theBody.home #news .page-block-caption{ } #news.page-block .page-block-ttl h2::before{ background: #ffffff; border: 2px solid #D7CBED; -webkit-transition: all 0.5s ease!important; -moz-transition: all 0.5s ease!important; -o-transition: all 0.5s ease!important; transition: all 0.5s ease!important; } #news.page-block .page-block-ttl h2:hover::before{ transform: rotate(10deg); } #theBody.home #news .page-block-module{ padding: 0px; margin: 75px 0px 0px 0px; display: flex; justify-content: center; } #theBody.home #news .block-listing{ display: grid; grid-template-columns:repeat(12, 1fr); grid-gap: 0px; max-width: 1200px; } #theBody.home #news .block{ grid-column: 1 / span 8; border: 0px; padding: 0px; width: 100%; margin: 0px 0px 75px 0px; } #theBody.home #news .block:nth-of-type(2n + 2){ grid-column: 5 / span 8; } #theBody.home #news .block .block-btns{ display: none; } #theBody.home #news .block .block-caption{ padding: 15px 0px 0px 30px; } #theBody.home #news .block .block-caption .block-ttl{ } #theBody.home #news .block .block-caption .block-ttl h2{ font-family: DidotBold; font-size: 15px; } #theBody.home #news .block .block-caption .block-ttl h3{ font-family: DidotItalic; font-size: 12px; } #theBody.home #news .block .block-caption .block-txt{ display: none; } #theBody.home #news .page-block-link{ text-align: right; padding: 0px 45px; } #theBody.home #news .page-block-link .btn-primary span{ font-family: Didot; font-size: 15px; font-weight: normal; } #theBody.home #news .page-block-link .btn-primary::before{ border: 2px solid #D7CBED; width: 120%; margin-left: -10%; } #theBody.home #news .page-block-link .btn-primary::after{ font-family: 'FontAwesome'; content: "\f055"; font: var(--fa-font-thin); display: block; width: 15px; height: 15px; border: 0px solid #000000; border-radius: 50%; position: absolute; top:2.5px; left: auto; right: -25px; font-size: 14px; } @media (min-width: 768px){ #theBody.home #news .block{ grid-column: 1 / span 7; border: 0px; padding: 0px; width: 100%; margin: 0px 0px 75px 0px; } #theBody.home #news .block:nth-of-type(2n + 2){ grid-column: 6 / span 7; } } @media (min-width: 960px){ #theBody.home #news .block-listing{ grid-template-columns:repeat(12, 1fr); grid-gap: 80px; } #theBody.home #news .block{ grid-column: span 6!important; border: 0px; padding: 0px; width: 100%; margin: 0px 0px 0px 0px!important; display: flex; align-content: center; align-items: center; } #theBody.home #news .block:nth-of-type(2){ } #theBody.home #news .block:nth-of-type(3){ } #theBody.home #news .page-block-link{ position: absolute; width: 50%; height: 50%; left: 50%; top: 50%; display: flex; justify-content: center; align-content: center; align-items: center; max-width: 660px; } #theBody.home #news .page-block-link .btn-primary{ font-size: 40px; line-height: 40px; } #theBody.home #news .page-block-link .btn-primary span{ font-size: 40px; } #theBody.home #news .page-block-link .btn-primary::after{ width: 40px; height: 40px; right: -60px; font-size: 40px; top: 0px; } #theBody.home #news .block .block-caption .block-ttl h2{ font-size: 18px; } #theBody.home #news .block .block-caption .block-ttl h3{ font-size: 14px; } } @media (min-width: 1600px){ #theBody.home #news .block .block-caption .block-ttl h2{ font-size: 21px; } #theBody.home #news .block .block-caption .block-ttl h3{ font-size: 14px; } } #theBody.news #blog-full .page-block-caption .page-block-ttl { display: none; } #blog-full .page-block-module{ display: flex;justify-content: center; } #blog-full .block-listing{ display: grid; grid-template-columns:repeat(12, 1fr); grid-gap: 0px; max-width: 1200px; padding: 0px 30px; } #blog-full .block{ grid-column: 1 / span 12; border: 0px; padding: 0px; width: 100%; margin: 0px 0px 45px 0px; } #blog-full .block:nth-of-type(2n + 2){ } #blog-full .block .block-btns{ display: none; } #blog-full .block .block-image{ aspect-ratio: 3 / 4; overflow: hidden; } #blog-full .block .block-image img{ width: 100%; height: 100%; object-fit: cover; } #blog-full .block .block-image .player{ width: 100%; height: 100%; } /**/ /*#blog-full .block .block-image .videoContainer{ width: 100%; height: 100%; } #blog-full .block .block-image video{ width: 100%; height: 56.25%; min-height: 100%; min-width: 177.77%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }*/ #blog-full .block .block-caption{ padding: 15px 0px 0px 0px; } #blog-full .block .block-caption .block-ttl{ } #blog-full .block .block-caption .block-ttl h2{ font-family: DidotBold; font-size: 15px; } #blog-full .block .block-caption .block-ttl h3{ font-family: DidotItalic; font-size: 12px; } #blog-full .block .block-caption .block-txt{ display: none; } @media (min-width: 600px){ #blog-full .block-listing{ grid-template-columns:repeat(12, 1fr); grid-gap: 30px; padding: 0px 30px; } #blog-full .block{ grid-column: 1 / span 6; } #blog-full .block:nth-of-type(2n + 2){ grid-column: 7 / span 6; margin-top: 60px; } } @media (min-width: 960px){ #blog-full .block{ grid-column: 1 / span 4!important; margin-top: 0px!important; } #blog-full .block:nth-of-type(3n + 2){ grid-column: 5 / span 4!important; margin-top: 90px!important; } #blog-full .block:nth-of-type(3n + 3){ grid-column: 9 / span 4!important; margin-top: 0px!important; } } @media (max-width: 767px) and (min-width: 650px){ } .deckDetail.bookerNews .deckInformation{ display: none; } .deckDetail.bookerNews .deck-listing{ display: flex; justify-content: center; } .page-block.news-intro { max-width: 600px; padding: 0px; margin: 45px 0px; } .page-block.news-intro .page-block-caption{ position: relative; top: 0px; left: 0px; width: 100%; height: auto; padding: 0px; } #theBody.news .page-block.news-intro .page-block-caption .page-block-ttl{ display: block; } #theBody.news .page-block.news-intro .page-block-caption .page-block-ttl h2{ position: relative; float: left; width: 100%; font-size: 1em; } #theBody.news .page-block.news-intro .page-block-caption .page-block-ttl h2::before{ display: none; } #theBody.news .page-block.news-intro .page-block-caption .page-block-ttl h2 .part1, #theBody.news .page-block.news-intro .page-block-caption .page-block-ttl h2 .part2{ width: 100%; text-align: center; float: left; position: relative; text-transform: uppercase; } #theBody.news .page-block.news-intro .page-block-caption .page-block-ttl h2 .part1{ font-family: DidotItalic; font-size: 18px; line-height: 1.3em; } #theBody.news .page-block.news-intro .page-block-caption .page-block-ttl h2 .part2{ font-family: Didot; font-size: 30px; line-height: 1.3em; } #theBody.news .page-block.news-intro .page-block-caption .page-block-ttl h3{ position: relative; float: left; width: 100%; font-family: Raleway; font-weight: 300; font-size: 14px; margin-top: 0px; } .page-block.news-intro .page-block-image{ padding: 0px 30px 15px 30px; } .page-block.news-intro .page-block-image img{ } #theBody.blog .page-block.news-intro .page-block-caption .page-block-ttl h2{ margin: 0px; padding: 0px; font-size: 1.2em; line-height: 45px; } @media (min-width: 960px){ #theBody.news .page-block.news-intro .page-block-caption .page-block-ttl h2 .part1{ font-family: Didot; font-size: 28px; } #theBody.news .page-block.news-intro .page-block-caption .page-block-ttl h2 .part2{ font-family: DidotBold; font-size: 50px; } #theBody.news .page-block.news-intro .page-block-caption .page-block-ttl h3{ font-size: 14px; } } @media (min-width: 1280px){ .page-block.news-intro { max-width: 800px; padding: 0px; margin: 45px 0px; } .page-block.news-intro .page-block-image{ padding: 75px; } #theBody.blog .page-block.news-intro .page-block-caption .page-block-ttl h2{ font-size: 2.0em; line-height: 75px; } } .deckDetail.bookerNews .page-block.gallery.mosaic .page-block-module{ padding: 0px 30px; margin: 0px!important; } @media (max-width: 767px){ .deckDetail.bookerNews .page-block.gallery.mosaic .page-block-module{ display: grid; grid-template-columns:repeat(8, 1fr); grid-gap: 30px; padding: 0px 30px; } .deckDetail.bookerNews .page-block.gallery.mosaic .page-block-module .image-item.duo_image{ grid-column: 1 / span 6; } .deckDetail.bookerNews .page-block.gallery.mosaic .page-block-module .image-item.second_duo_image{ grid-column: 3 / span 6; } } @media (min-width: 768px){ .deckDetail.bookerNews .page-block.gallery.mosaic .page-block-module .image-item{ padding: 45px; } } #theBody.noscroll{ padding-right: 17px; } @media (min-width: 1440px){ .page-block.gallery.mosaic{ justify-content: center; } .deckDetail.bookerNews .page-block.gallery.mosaic .page-block-module, #theBody.blog #wrapper #pageBlockPage { max-width: 1400px; } } @media (min-width: 1600px){ .deckDetail.bookerNews .page-block.gallery.mosaic .page-block-module, #theBody.blog #wrapper #pageBlockPage { max-width: 1550px; } } @media (min-width: 1920px){ .deckDetail.bookerNews .page-block.gallery.mosaic .page-block-module, #theBody.blog #wrapper #pageBlockPage { max-width: 1800px; } } #modelheader.page-block .page-block-caption{ display: none; } #theBody.modeldetail #mainsection{ } #detail-model.specs-block-horizontal .detail-label-letter, #detail-model.specs-block-horizontal .btn-contact, #modelsummary .page-block-ttl{ display: none!important; } #detail-model{ padding: 15px 30px; } .grapWrapper { margin-bottom: 0px; } #theBody.modeldetail #mainsection{ margin: 60px 0px 0px 0px; } #modelheader-simple { position: relative; top: 0px; left: 0px; width: 100%; background: #fff; height: auto; padding: 0px; margin: 60px 0px 0px 0px; opacity: 1; order: 1; } #modelheader-simple.scrolling { } #modelheader-simple .content-link { text-align: left; position: absolute; top: 30px; left: 0px; width:auto; display: none; } #modelheader-simple.page-block .page-block-caption .page-block-txt { display: none; } #modelheader-simple.page-block .page-block-caption{ justify-content: center; padding: 0px; margin: 0px; } #modelheader-simple.page-block .page-block-caption .page-block-name{ width: 100%; margin-bottom: -7px; } #modelheader-simple.page-block .page-block-caption .page-block-name h1{ text-align: right; font-size: 30px; color: #D7CBED; padding-left: 30px; padding-right: 15%; width: 100%; line-height: 1em; } #modelheader-simple.page-block .page-block-name h1::before{ display: none; } #modelheader.page-block{ order: 2; padding-right:15%; margin-top: 45px; opacity: 0; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; -o-transition: all 0.6s ease-out; transition: all 0.6s ease-out; } #modelheader.page-block.showMe{ margin-top: 0px; opacity: 1; } #modelnavigation .backtooverview .fa-sharp, #modelheader-simple .backtooverview .fa-sharp{ display: none; } #detail-model{ align-content: flex-start; } #modelsummary .page-block-name h1{ font-size: 1.8em; margin-bottom: 30px; } .page-block-name h1 .firstname{ font-family: headfont; padding: 0px 5px 0px 0px; } .page-block-name h1 .lastname{ font-family: specialfont; padding: 0px; text-transform: none; } #detail-model.specs-block-horizontal.center .detail-specs-container .page-block-txt{ align-content: flex-start; align-items: flex-start; height: auto; } #detail-model.specs-block-horizontal .detail-specs{ border: 0px; margin: 0px 0px; height: 1.5em;; } #detail-model.specs-block-horizontal .detail-label, #detail-model.specs-block-horizontal .detail-value{ font-family: headfont; font-size: 0.9em; } #detail-model.specs-block-horizontal .detail-label{ padding-right: 5px; } #detail-model.specs-block-horizontal .detail-label.detail-label-en{ display: block!important; } #detail-model.specs-block-horizontal .detail-label.detail-label-fr{ display: none!important; } #detail-model.specs-block-horizontal .detail-value{ color: rgba(0, 0, 0, 1); font-family: specialfont; } .sizeNotationNav{ border: 0px; width: 100%; display: flex; justify-content: center; margin: 15px 0px 5px 0px; order: 2; display: none; } #detail-model.specs-block .detail-specs{ margin-bottom: 20px; opacity: 0.4; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } #theBody.talents #detail-model.specs-block .detail-specs{ display: none; } #theBody.talents.modeldetail #mainsection #detail-model.page-block{ align-content: flex-end; } #theBody.talents #detail-model.specs-block .detail-specs.detail-specs-social{ display: block; } #theBody.talents.modeldetail #mainsection #video.page-block{ order: 4; } #theBody.talents #video .page-block-caption{ margin: 0px 0px 60px 0px } #theBody.talents #video .page-block-caption-gallery-holder{ display: flex!important; opacity: 1!important; position: relative; top: 0px; left: 0px; width: 100%; height: auto; margin: 0px!important; } #detail-model.specs-block .detail-specs.showMe{ margin-bottom: 10px; opacity: 1; } #detail-model.specs-block .detail-label{ width: 100%!important; text-transform: uppercase; font-family: Didot; font-size: 15px; text-align: left; } #detail-model.specs-block .detail-value{ font-family: Raleway; font-weight: 600; font-size: 15px; width: auto; float: left; } /*.language-setting-1 .notation-link-fr{ font-weight: bold; } .language-setting-2 .notation-link-en{ font-weight: bold; } */ #detail-model .metrics-setting-2 .detail-value-1, #detail-model .metrics-setting-2 .detail-value-2{ display: block; } #detail-model .metrics-setting-2 .detail-value-2::before{ position: relative; margin: 0px 3px; content: '/'; display: block;; float: left; } #detail-model.specs-block-horizontal.center #modelcontrollers{ padding-top: 15px; justify-content: space-between; display: none; } .btn-primary-w-icon{ border: 0px solid #000!important; background: #ffffff!important; margin: 5px!important; padding: 0px 0px!important; } .btn-primary-w-icon:hover{ border: 0px solid #000!important; } .btn-primary-w-icon span.part1, .btn-primary-w-icon span.part2, .btn-primary-w-icon span.splitPart{ display: inline-block; margin: 0px; padding: 0px; font-size: 1.4em; } .btn-primary-w-icon span.part1{ font-family: specialfont; text-transform: none; } .btn-primary-w-icon span.part2{ font-family: headfontItalic; } .btn-primary-w-icon span.splitPart{ width: 5px } #mainsection.modeldetail .page-block.gallery.scrollable{ margin: 45px 0px 60px 0px; } .page-block.gallery .page-block-ttl{ padding: 0px 0px 15px 0px; } .page-block.gallery .page-block-ttl h2{ position: relative; padding-bottom: 5px; text-transform: uppercase; } .page-block.gallery.scrollable .page-block-module{ display: grid; grid-template-columns: repeat(1, 1fr); grid-gap : 30px; padding: 0px 30px!important; } .page-block.gallery.scrollable .page-block-module .image-item, .page-block.gallery.scrollable .page-block-module .link-image{ margin: 0px 0px 0px 0px; } .grapWrapper .grapCarousel{ grid-gap: 30px; } /* #detail-model.scrolling{ position: fixed; top: 60px; left: 0px; width: 100%; z-index: 99; background: #ffffff; 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){ .center #modelsummary #modelnavigation{ top: 20px; } .page-block.gallery.scrollable .page-block-module{ grid-template-columns: repeat(4, 1fr); } .page-block.gallery.scrollable .page-block-module .image-item, .page-block.gallery.scrollable .page-block-module .link-image { grid-column: span 2; } } .block.models.no_specs .block-image::after{ position: absolute; top: 0px; left:0px; width: 100%; height: 100%; background: rgba(26, 26, 26, 0.85); content: 'view'; text-transform: uppercase; display: flex; justify-content: center; align-items: center; color: #ffffff; 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: #ffffff; 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{ display: none!important; } .btn-instagram{ } .btn-instagram i{ display: none; } .btn-sedcard{ } .btn-sedcard i{ display: none; } #modelheader-simple .backtooverview::after{ position: absolute; top: 22px; width: 20px; height:2px; background: #000000; content: ''; display: block; left: 50%; margin-left: -10px; } #theBody.modeldetail #mainsection #detail-model.page-block{ order: 3; margin-bottom: 30px; } #wrapper .modeldetail #modelhashnav{ display: flex!important; order: 3; height:auto; margin:0px; padding: 0px 15px 10px 0px; } #wrapper .modeldetail #modelhashnav #to-list{ display: none!important; } #modelhashnav_ulcontainer{ display: flex; justify-content: flex-start; width: 100%; order: 1; background: none; } #modelhashnav_ul{ position: relative; max-width: 800px; height: auto; width: 100%; display: grid; grid-template-columns:repeat(1, 1fr); grid-gap: 0px; grid-row-gap: 0px; padding-left: 60px; } #modelhashnav_ul li{ pointer-events: all; position: relative; grid-column: span 1; text-align: left; padding: 0px 0px 10px 0px; } .hash-video, .hash-modelspecs{ display: none; order: 10; } #modelhashnav_ul li a{ position: relative; font-family: Didot; font-size: 15px; text-transform: uppercase; cursor: pointer; } #theBody.modeldetail #mainsection .page-block.gallery.thumbs, #theBody.modeldetail #mainsection .page-block.slideshow{ padding: 0px 15px; margin: 120px 0px 60px 0px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; order: 4; opacity: 1; } #mainsection.modeldetail .page-block.gallery .page-block-ttl h2{ margin: 0px; padding: 0px; font-family: Didot; font-size: 50px; } #mainsection.modeldetail .page-block.gallery .page-block-ttl h2::before{ width: 360px; height: 70px; margin-left: -180px; margin-top: 0px; opacity: 0; border: 2px solid #D7CBED; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; transform: rotate(0deg); } #mainsection.modeldetail #video.page-block.gallery .page-block-ttl h2::before{ transform: rotate(0deg); } #mainsection.modeldetail .page-block.gallery .page-block-ttl:hover h2::before{ transform: scale(0.9) rotate(-10deg)!important; } #mainsection.modeldetail #video.page-block.gallery .page-block-ttl:hover h2::before{ transform: scale(0.9) rotate(10deg)!important; } #theBody.modeldetail #mainsection .page-block.gallery.showMe{ opacity: 1!important; margin: 90px 0px!important; } #theBody.modeldetail #mainsection .page-block.gallery.showMe .page-block-ttl h2::before{ margin-top: -35px; opacity: 1; transform: rotate(-10deg); } #theBody.modeldetail #mainsection #video.page-block.gallery.showMe .page-block-ttl h2::before{ transform: rotate(10deg); } #mainsection.modeldetail .page-block.gallery.thumbs .page-block-caption, #mainsection.modeldetail .page-block.slideshow .page-block-caption{ top: 0px; left: 0px; padding: 0px; margin: 0px; } #mainsection.modeldetail .page-block.gallery.thumbs .page-block-caption .page-block-module{ position: absolute; display: none; } #mainsection.modeldetail .page-block.gallery.slideshow .carousel, #mainsection.modeldetail #video.page-block.slideshow .page-block-caption .page-block-module #pageBlockCarouselvideo{ position: fixed; width: 100vw; height: 100vh; left: 0px; top: 0px; background: rgba(255,255,255,1); opacity: 0; z-index: 100001; pointer-events: none; -webkit-transition: opacity 0.6s ease; -moz-transition: opacity 0.6s ease; -o-transition: opacity 0.6s ease; transition: all 0.6s ease; } #mainsection.modeldetail #video.page-block.slideshow .page-block-caption .page-block-module #pageBlockCarouselvideo.showSlider{ display: flex; pointer-events: all; opacity: 1!important; transform: scale(1)!important; } #mainsection.modeldetail #video.page-block.slideshow .page-block-caption .page-block-module #pageBlockCarouselvideo .carousel-inner{ height: 100vh; } #mainsection.modeldetail #video.page-block.slideshow .page-block-caption .page-block-module #pageBlockCarouselvideo .carousel-inner .link-image{ height: 100vh; width: 100%; display: flex; justify-content: center; align-content: center; align-items: center; } #mainsection.modeldetail #video.page-block.slideshow .page-block-caption .page-block-module #pageBlockCarouselvideo .carousel-inner .carousel-caption{ display: none; } /*.lightbox-modal .carousel-control-prev, .lightbox-modal .carousel-control-next, #mainsection.modeldetail .page-block.gallery.slideshow .page-block-module .carousel-control-prev, #mainsection.modeldetail .page-block.gallery.slideshow .page-block-module .carousel-control-next{ width: 50%; height: 100%; left: 0px; margin: 0px; top: 0px; background: rgba(255,255,255,0); color: #000000; justify-content: flex-start; font-size: 20px; padding: 0px 8px; } .lightbox-modal .carousel-control-next, #mainsection.modeldetail .page-block.gallery.slideshow .page-block-module .carousel-control-next{ left: 50%; justify-content: flex-end; } */ .lightbox-modal .carousel-control-prev, .lightbox-modal .carousel-control-next, #mainsection.modeldetail .page-block.gallery.slideshow .page-block-module .carousel-control-prev, #mainsection.modeldetail .page-block.gallery.slideshow .page-block-module .carousel-control-next{ width: 50px; height: 50px; left: 0px; margin: 0px; margin-top: -25px; top: 50%; background: rgba(255,255,255,0.1); color: #000000; justify-content: center; font-size: 20px; padding: 0px 8px; opacity: 1!important; } .lightbox-modal .carousel-control-next, #mainsection.modeldetail .page-block.gallery.slideshow .page-block-module .carousel-control-next{ left: 100%; margin-left: -50px; } .lightbox-modal .carousel-control-prev i, .lightbox-modal .carousel-control-next i, #mainsection.modeldetail .page-block.gallery.slideshow .page-block-module .carousel-control-prev i, #mainsection.modeldetail .page-block.gallery.slideshow .page-block-module .carousel-control-next i{ opacity: 0!important; } .lightbox-modal .carousel-control-prev::after, .lightbox-modal .carousel-control-next::after, #mainsection.modeldetail .page-block.gallery.slideshow .page-block-module .carousel-control-prev::after, #mainsection.modeldetail .page-block.gallery.slideshow .page-block-module .carousel-control-next::after{ display: block; position: absolute; top: 50%; left: 50%; width: 20px; height: 20px; margin-left: -10px; margin-top: -10px; background: #000; content: ''; opacity: 1; background:url("../img/btns/arr_right.svg") no-repeat 50% 50%; } .lightbox-modal .carousel-control-prev::after, #mainsection.modeldetail .page-block.gallery.slideshow .page-block-module .carousel-control-prev::after{ background:url("../img/btns/arr_left.svg") no-repeat 50% 50%; } .lightbox-modal .modal-content{ background: rgba(255,255,255,1); } #mainsection.modeldetail .page-block.gallery.thumbs .image-item.block-image-container-wide{ grid-column: span 2; } #mainsection.modeldetail .page-block.gallery.thumbs .page-block-module .image-item{ border: 0px; padding: 0px; grid-column: span 1; display: none; } #mainsection.modeldetail .page-block.gallery.thumbs .page-block-module .image-item .link-image{ border: 0px; padding: 0px; } #mainsection.modeldetail .page-block.gallery.thumbs .page-block-module .image-item .credits-caption{ display: none; } #wrapper .modeldetail #modelhashnav.scrolling{ position: fixed; top: 110px; background: #ffffff; z-index: 10002; } #mainsection.scrolling{ padding-top: 55px; } #modelheader.page-block .page-block-page_image{ max-height: calc(100vh - 175px); } #modelheader.page-block .page-block-page_image img{ width: 100%; height: 100%; object-fit: contain; object-position: center right; } @media (min-width: 768px){ #theBody.modeldetail #mainsection{ margin: 180px 0px 0px 0px; } #modelheader-simple{ position: absolute; top: 120px; background: none; z-index: 1; } #modelheader-simple.page-block .page-block-caption .page-block-name{ padding-left: 40%; } #modelheader-simple.page-block .page-block-caption .page-block-name h1{ padding: 0px; text-align: left; } #modelheader.page-block{ width: 45%; padding: 0px 0px 0px 45px; } #modelheader.page-block .page-block-page_image{ max-height: none; max-height: calc(100vh - 200px); } #modelheader.page-block .page-block-page_image img{ width: 100%; height: 100%; object-fit: contain; object-position: top right; } #theBody.modeldetail #mainsection #detail-model.page-block{ width: 55%; padding: 0px; margin-bottom: 60px; } #theBody.modeldetail #mainsection #detail-model.page-block.center .page-block-txt{ padding: 0px 30px 0px 45px; margin: 95px 0px 0px 0px; } #wrapper .modeldetail #modelhashnav{ margin-top: -23px; padding: 0px; background: none; } #modelhashnav_ulcontainer{ justify-content: flex-end; } #modelhashnav_ul{ display: flex; justify-content: flex-end; padding-right: 45px; column-gap: 30px; } } @media (min-width: 1440px) and (min-height: 1050px){ #modelheader.page-block .page-block-page_image{ max-height: 850px; } } @media (min-width: 960px){ #detail-model.specs-block-horizontal .detail-specs { flex-direction: column; align-items: stretch; } .grapWrapper .grapCarousel{ grid-template-columns: repeat(auto-fill,minmax(22vw,1fr)); grid-auto-columns: minmax(22vw,1fr); } #theBody.modeldetail #mainsection{ margin-bottom: 120px; } #wrapper .modeldetail #modelhashnav{ margin-bottom: 90px; } #theBody.modeldetail #mainsection .page-block.gallery{ margin: 0px 0px 60px 0px!important; } #theBody.modeldetail #mainsection .page-block.gallery.showMe{ margin: 30px 0px!important; } #mainsection.modeldetail .page-block.gallery .page-block-ttl h2::before{ background: #ffffff; } #mainsection.modeldetail .page-block.gallery .page-block-ttl:hover h2::before{ background: #D7CBED; } .page-block-caption-gallery-holder{ position: absolute; top: 50%; left: 0px; width: 100%; height: 500px; pointer-events: none; z-index: -2; margin-top: -250px!important; opacity: 0; } #mainsection.modeldetail .page-block.gallery:hover .page-block-caption-gallery-holder{ opacity: 1; } #mainsection.modeldetail .page-block.gallery.thumbs .page-block-caption.page-block-caption-gallery-holder .page-block-module{ display: block; width: 80%; height: 100%; left: 10%; } #mainsection.modeldetail .page-block.gallery.thumbs .page-block-caption.page-block-caption-gallery-holder .page-block-module .image-item{ position: absolute; left: 0px; top: 0px; width: 225px; height: 300px; transform: scale(0.5); transform-origin: center center; opacity: 0; } #mainsection.modeldetail .page-block.gallery.thumbs .page-block-caption.page-block-caption-gallery-holder .page-block-module .image-item:nth-of-type(1){ left: 0px; top: 50%; margin-top: -150px; display: block; } #mainsection.modeldetail .page-block.gallery.thumbs .page-block-caption.page-block-caption-gallery-holder .page-block-module .image-item:nth-of-type(2){ left: auto; right: -130px; top: 75px; display: block; } #mainsection.modeldetail .page-block.gallery.thumbs .page-block-caption.page-block-caption-gallery-holder .page-block-module .image-item:nth-of-type(3){ left: auto; right: 0%; top: auto; bottom: -30px; display: block; } #mainsection.modeldetail .page-block.gallery.thumbs .page-block-caption.page-block-caption-gallery-holder .page-block-module .image-item img{ width: 100%; height: 100%; object-fit: contain; } #pola .page-block-caption-gallery-holder{ } #video .page-block-caption-gallery-holder{ z-index: 100001; } #mainsection.modeldetail #video.page-block.slideshow .page-block-caption .page-block-module #pageBlockCarouselvideo.showSlider{ padding: 0px 90px; } #mainsection.modeldetail .page-block.gallery.videoOpen .page-block-caption-gallery-holder, #mainsection.modeldetail .page-block.gallery:hover .page-block-caption-gallery-holder{ opacity: 1; } #mainsection.modeldetail .page-block.gallery.thumbs:hover .page-block-caption.page-block-caption-gallery-holder .page-block-module .image-item{ -webkit-animation: fadeToShow 0.5s ease-out; -moz-animation: fadeToShow 0.5s ease-out; -o-animation: fadeToShow 0.5s ease-out; animation: fadeToShow 0.5s ease-out; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; } #mainsection.modeldetail .page-block.gallery.thumbs:hover .page-block-caption.page-block-caption-gallery-holder .page-block-module .image-item:nth-of-type(2){ -webkit-animation-delay: 0.2s; -moz-animation-delay: 0.2s; -o-animation-delay: 0.2s; animation-delay: 0.2s; } #mainsection.modeldetail .page-block.gallery.thumbs:hover .page-block-caption.page-block-caption-gallery-holder .page-block-module .image-item:nth-of-type(3){ -webkit-animation-delay: 0.4s; -moz-animation-delay: 0.4s; -o-animation-delay: 0.4s; animation-delay: 0.4s; } } #mainsection.modeldetail.color-2 #modelheader-simple.page-block .page-block-caption .page-block-name h1{ color: /*#FAF6B7*/#E5DF7E; } #mainsection.modeldetail.color-3 #modelheader-simple.page-block .page-block-caption .page-block-name h1{ color: #A6C8A7; } #mainsection.modeldetail.color-2 .page-block.gallery .page-block-ttl h2::before{ border: 2px solid /*#FAF6B7*/#E5DF7E; background: /*#FAF6B7*/#E5DF7E; } #mainsection.modeldetail.color-3 .page-block.gallery .page-block-ttl h2::before{ border: 2px solid #A6C8A7; background: #A6C8A7; } @media (min-width: 960px){ #mainsection.modeldetail.color-2 .page-block.gallery .page-block-ttl h2::before, #mainsection.modeldetail.color-3 .page-block.gallery .page-block-ttl h2::before{ background: #ffffff; } #mainsection.modeldetail.color-2 .page-block.gallery .page-block-ttl:hover h2::before{ background: /*#FAF6B7*/#E5DF7E; } #mainsection.modeldetail.color-3 .page-block.gallery .page-block-ttl:hover h2::before{ background: #A6C8A7; } } @media (min-width: 1200px){ .page-block.gallery.scrollable .page-block-module{ grid-template-columns: repeat(4, 1fr); } .page-block.gallery.scrollable .page-block-module .image-item, .page-block.gallery.scrollable .page-block-module .link-image { grid-column: span 1; } .page-block.gallery.scrollable .page-block-module .image-item.block-image-container-wide{ grid-column: span 2; } #modelheader-simple{ top: 125px; } #modelheader-simple.page-block .page-block-caption .page-block-name{ } #modelheader-simple.page-block .page-block-caption .page-block-name h1{ } #theBody.modeldetail #mainsection{ } .center .detail-specs-container .page-block-txt{ max-width: none; } #detail-model.specs-block-horizontal .detail-specs { flex-direction: row; align-items: flex-start; } #theBody.modeldetail #mainsection #detail-model.page-block.center .page-block-txt{ padding: 0px 30px 0px 75px; margin: 125px 0px 0px 0px; } #detail-model.specs-block .detail-specs{ margin-bottom: 30px; } #detail-model.specs-block .detail-specs.showMe{ margin-bottom: 20px; } #modelhashnav_ul li a, #detail-model.specs-block .detail-label, #detail-model.specs-block .detail-value{ font-size: 20px; } #mainsection.modeldetail .page-block.gallery.thumbs .page-block-caption.page-block-caption-gallery-holder .page-block-module .image-item{ transform: scale(0.6); } #mainsection.modeldetail .page-block.gallery.thumbs .page-block-caption.page-block-caption-gallery-holder .page-block-module .image-item:nth-of-type(1){ left: 10%; } #mainsection.modeldetail .page-block.gallery.thumbs .page-block-caption.page-block-caption-gallery-holder .page-block-module .image-item:nth-of-type(2){ right: -60px; top: 90px; } #mainsection.modeldetail .page-block.gallery.thumbs .page-block-caption.page-block-caption-gallery-holder .page-block-module .image-item:nth-of-type(3){ right: 10%; } } @media (min-width: 1440px){ #modelheader.page-block{ padding-left: 90px; } #wrapper .modeldetail #modelhashnav{ margin-bottom: 120px; } /*.page-block.gallery.thumbs .page-block-module{ display: flex; flex-wrap: wrap; justify-content: center; } #mainsection.modeldetail .page-block.gallery.thumbs .page-block-module .image-item { flex: 0 0 calc(25% - 24px); } #mainsection.modeldetail .page-block.gallery.thumbs .page-block-module .image-item.block-image-container-wide { flex: 0 0 calc(50% - 24px); }*/ #modelhashnav_ul li a, #detail-model.specs-block .detail-label, #detail-model.specs-block .detail-value{ font-size: 24px; } #modelhashnav_ul{ padding-right: 90px; } #theBody.modeldetail #mainsection .page-block.gallery{ margin: 0px 0px 120px 0px!important; } #theBody.modeldetail #mainsection .page-block.gallery.showMe{ margin: 60px 0px!important; } #mainsection.modeldetail .page-block.gallery .page-block-ttl h2{ font-size: 60px; } .page-block-caption-gallery-holder{ height: 600px; margin-top: -300px!important; } #mainsection.modeldetail .page-block.gallery.thumbs .page-block-caption.page-block-caption-gallery-holder .page-block-module .image-item{ transform: scale(0.7); } #mainsection.modeldetail .page-block.gallery.thumbs .page-block-caption.page-block-caption-gallery-holder .page-block-module .image-item:nth-of-type(2){ right: -90px; top: 90px; } #mainsection.modeldetail .page-block.gallery.thumbs .page-block-caption.page-block-caption-gallery-holder .page-block-module .image-item:nth-of-type(3){ right: 15%; } } @media (min-width: 1920px){ #theBody.modeldetail #mainsection{ padding-left: calc(50% - 960px); padding-right: calc(50% - 960px); } #theBody.modeldetail #modelheader-simple{ margin-left: calc(50% - 960px); } #mainsection.modeldetail .page-block.gallery.thumbs .page-block-caption.page-block-caption-gallery-holder .page-block-module .image-item{ transform: scale(0.9); } #mainsection.modeldetail .page-block.gallery.thumbs .page-block-caption.page-block-caption-gallery-holder .page-block-module .image-item:nth-of-type(2){ right: 0px; top: 120px; } #mainsection.modeldetail .page-block.gallery.thumbs .page-block-caption.page-block-caption-gallery-holder .page-block-module .image-item:nth-of-type(3){ right: 20%; } } @keyframes sneakeIn { 0% { opacity: 0; } 70% { opacity: 0; } 100% { opacity: 1; } } .page-block.gallery.thumbs.pola .page-block-module{ grid-template-columns: repeat(2, 1fr); } #mainsection.modeldetail .page-block.gallery.thumbs.pola .page-block-module .image-item{ grid-column: span 2; } .page-block.gallery.thumbs.portfolio .page-block-module, .page-block.gallery.thumbs.pola .page-block-module{ grid-gap: 24px; } .page-block.gallery.thumbs .page-block-module .link-image img{ width: calc(100% + 12px); } .page-block.gallery.thumbs .page-block-module .block-image-container-wide .link-image img{ width: 100%; } .page-block.gallery.thumbs .page-block-module .image-item.second-of-a-pair .link-image img{ margin-left: -12px; } @media (min-width: 600px){ #mainsection.modeldetail .page-block.gallery.thumbs.pola .page-block-module .image-item{ grid-column: span 1; } } @media (min-width: 600px){ .page-block.gallery.thumbs.portfolio .page-block-module{ grid-template-columns: repeat(4, 1fr); grid-gap: 15px; } .page-block.gallery.thumbs.pola .page-block-module{ grid-template-columns: repeat(4, 1fr); } } @media (min-width: 960px){ .page-block.gallery.thumbs.portfolio .page-block-module{ grid-template-columns: repeat(6, 1fr); grid-gap: 24px; } .page-block.gallery.thumbs.pola .page-block-module{ grid-template-columns: repeat(6, 1fr); grid-gap: 24px; } #mainsection.modeldetail .page-block.gallery.thumbs.pola .page-block-module .image-item{ grid-column: span 1; } } @media (min-width: 1280px){ .page-block.gallery.thumbs.portfolio .page-block-module{ grid-template-columns: repeat(8, 1fr); } .page-block.gallery.thumbs.pola .page-block-module{ grid-template-columns: repeat(8, 1fr); } #mainsection.modeldetail .page-block.gallery.thumbs.pola .page-block-module .image-item{ grid-column: span 1; } } #theBody.modeldetail .lightbox-modal img{ max-width: 45%; max-height: 90vh; } @media (max-width: 767px){ #theBody.modeldetail .lightbox-modal img{ max-width: 100%; } } #theBody.modeldetail .lightbox-modal .carousel-item.landscape img.landscape{ max-width: 100%; } /*#theBody.modeldetail .lightbox-modal .carousel-item.portrait.landscape img.landscape{ max-width: 66.66%; } #theBody.modeldetail .lightbox-modal .carousel-item.portrait.landscape img.portrait{ max-width: 33.33%; }*/ .inner-module-hash{ position: relative; width: 100%; display: flex; justify-content: center; padding: 0px; margin: 0px 0px 30px 0px; } .inner-module-hash li{ list-style: none; padding: 0px 10px; margin: 0px; } .inner-module-hash li a{ font-size: 0.8em; font-family: specialfont; padding: 5px 0px; text-decoration: none; text-transform: uppercase; text-transform: none; position: relative; } .inner-module-hash li a::after{ position: absolute; top: auto; bottom: 2px; left: 0px; width: 0px; background: #000000; height: 2px; content: ""; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .inner-module-hash li a:hover::after{ width: 100%; } .inner-module-hash li a .hoverChar{ text-transform: none;font-family: specialfont!important; } .grapCarousel .link-image img{ filter: grayscale(100); height: auto; } .grapCarousel .image-item .credits-caption{ display: none; } #mainsection.modeldetail .page-block.gallery.thumbs.video .page-block-module{ } @media (min-width: 600px){ } @media (min-width: 1280px){ } @media (min-width: 1440px){ } /* @media (min-width: 900px){ #modelsummary .page-block-name h1{ } #detail-model.specs-block-horizontal .detail-specs{ } #detail-model.specs-block-horizontal .detail-label, #detail-model.specs-block-horizontal .detail-value{ font-size: 1.6em; } .page-block-name h1 .firstname{ padding: 0px 15px 0px 0px; } #mainsection.modeldetail .page-block.gallery .page-block-ttl h2{ font-size: 1.4em; } #modelheader-simple.scrolling{ top: 90px; height: 55px; } #wrapper .modeldetail #modelhashnav.scrolling{ top: 140px; } #modelhashnav_ul{ max-width: 1200px; } } @media (min-width: 1280px){ #detail-model.specs-block-horizontal .detail-specs{ height: 2.0em; } #detail-model.specs-block-horizontal .detail-label, #detail-model.specs-block-horizontal .detail-value{ font-size: 1.3em; } } @media (min-width: 1600px){ #modelheader-simple{ } #theBody.modeldetail #mainsection .page-block{ max-width: 1600px; } #theBody.modeldetail #mainsection .page-block.slider{ max-width: none; } #theBody.modeldetail #mainsection #modelheader-simple{ max-width: none!important; } } @media (min-width: 1111768px){ #theBody.modeldetail .mainmenu .menu-link{ opacity: 0; } #theBody.modeldetail .mainmenu .menu-link.active{ opacity: 0; } #modelheader-simple { background: none; top: -60px; } #modelheader-simple.scrolling { top: 3px; opacity: 1; pointer-events: none; z-index: 100000; } #modelheader-simple .content-link{ top: 26px; } #modelheader-simple .backtooverview::after, #modelnavigation .backtooverview::after{ position: absolute; top: 22px; width: 20px; height:2px; background: #000000; content: ''; display: block; left: 50%; margin-left: -10px; } #modelheader-simple.scrolling .backtooverview{ pointer-events: all; } } */ #toggleNavTxt{ display: none; } #theBody.modeldetail #mainsection #detail-model.page-block .content-link, #theBody.modeldetail #mainsection #detail-model.page-block .page-block-ttl, #theBody.modeldetail #mainsection #detail-model.page-block .page-block-name, #theBody.modeldetail #mainsection #detail-model.page-block #modelcontrollers, #theBody.modeldetail #mainsection #detail-model.page-block #modelsummary{ display: none; } .center #modelsummary #modelnavigation{ position: fixed; top: 20.5px; left: 15px; width: auto; text-align: left; z-index: 100001; height: auto; display: none; } #modelnavigation .backtooverview, #modelheader-simple .backtooverview{ font-family: mediumfont; background: none; position: relative; width: auto; font-size: 1em; margin: 0px!important; padding: 0px; height: 1em;/* background: rgba(0,0,0,0.6);*/ border-radius: 0px; line-height: 1em; width: auto; text-align: left; } #modelsummary #modelnavigation a.backtooverview span{ color: #000000; font-size: 1em; line-height: 1em; padding: 0px; margin: 0px; } #modelheader-simple .backtooverview{ display: none; } #modelnavigation .backtooverview:hover, #modelheader-simple .backtooverview:hover{ color: #000000; } @media (min-width: 600px){ #toggleNavTxt{ } .center #modelsummary #modelnavigation{ top: 14.5px; } } @media (min-width: 960px){ .navbar-toggle{ } #toggleNavTxt{ } .center #modelsummary #modelnavigation{ top: 22px; left: 30px; } } @media (min-width: 1280px){ #toggleNavTxt { } .center #modelsummary #modelnavigation{ top: 20px; } } #portfolio .image-item.video-block{ position: relative; } #portfolio .image-item.video-block .link-image{ position: absolute; width: 100%; height: 100%; background: #f90; } #portfolio .image-item.video-block .videoContainer{ position: absolute; width: 100%; height: 100%; background: #f90; } #portfolio .image-item.video-block .videoContainer video{ width: 100%; height: 100%; object-fit: cover; object-position: center center; } @media (min-width: 960px){ #theBody.contact #wrapper #pageBlockPage{ max-width: 1440px; } #be, #nl, #de{ width: 33.33%; align-content: flex-start; align-items: flex-start; } } .lightbox-modal .carousel-item{ background: none; } /*story*/ #theBody.story #pageBlock1{ display: none; } /*team*/ #team.page-block{ padding-top: 75px; } #team .page-block-module{ display: flex; justify-content: center; margin-top: 75px; } #team .block-listing{ display: grid; grid-template-columns:repeat(12, 1fr); grid-gap: 0px; max-width: 1200px; } .block.team{ grid-column: 1 / span 8; border: 0px; padding: 0px; width: 100%; margin: 0px 0px 75px 0px; } .block.team:nth-of-type(2n + 2){ grid-column: 5 / span 8; } .block.team .block-caption{ padding: 30px 0px 0px 0px; } .block.team .block-caption .block-ttl h2{ text-align: center; font-family: Raleway; font-weight: 400; font-size: 17px; } .block.team .block-caption .block-ttl h3{ text-align: center; font-family: Raleway; font-weight: 300; font-size: 15px; } .block.team .block-caption::before{ width: 140px; height: 40px; background: #ffffff; border: 2px solid #D7CBED; display: block; position: absolute; left: 50%; top: 50%; margin-left: -70px; margin-top: -20px; content: ''; z-index: -1; border-radius: 50%; transform: rotate(10deg); } .block.team:nth-of-type(3n + 2) .block-caption::before{ border: 2px solid #ffffff; } .block.team:nth-of-type(3n + 3) .block-caption::before{ border: 2px solid #A6C8A7; } @media (min-width: 600px){ #team .page-block-txt{ width: 560px; margin-left: calc(50% - 280px); } .block.team{ grid-column: 2 / span 6; } .block.team:nth-of-type(2n + 2){ grid-column: 6 / span 6; } } @media (min-width: 768px){ .block.team{ grid-column: 2 / span 4; margin-top: 0px; } .block.team:nth-of-type(4n + 2){ grid-column: 8 / span 4; margin-top: 300px; } .block.team:nth-of-type(4n + 3){ grid-column: 3 / span 4; margin-top: -200px; } .block.team:nth-of-type(4n + 4){ grid-column: 9 / span 4; margin-top: 0px; } } @media (min-width: 960px){ .block.team{ grid-column: 2 / span 3; margin-top: 0px; } .block.team:nth-of-type(8n + 2){ grid-column: 8 / span 3; margin-top: 300px; } .block.team:nth-of-type(8n + 3){ grid-column: 3 / span 3; margin-top: -200px; } .block.team:nth-of-type(8n + 4){ grid-column: 10 / span 3; margin-top: 0px; } .block.team:nth-of-type(8n + 5){ grid-column: 1 / span 3; margin-top: 100px; } .block.team:nth-of-type(8n + 6){ grid-column: 6 / span 3; margin-top: -100px; } .block.team:nth-of-type(8n + 7){ grid-column: 5 / span 3; margin-top: 0px; } .block.team:nth-of-type(8n + 8){ grid-column: 9 / span 3; margin-top: -100px; } .block.team:nth-of-type(10){ margin-top:100px; } .block.team:nth-of-type(11){ margin-top:50px; } } .block.team .block-caption .block-ttl h4{ font-size: 13px; text-align: center; } .block.team .block-caption .block-ttl h4 a{ text-decoration: none; } .block.team .block-caption .block-ttl h4 a:hover{ color: #D7CBED; } @media (min-width: 1280px){ .block.team .block-caption .block-ttl h2{ font-size: 22px; } .block.team .block-caption .block-ttl h3{ font-size: 16px; } } /*end team*/ /*history*/ #history.page-block .page-block-ttl h3, #history.page-block .page-block-ttl h2{ text-align: center; } #history.page-block .page-block-image{ margin-left: -30px; } #history-part-2.page-block .page-block-caption-head{ display: none; } #history-part-2.page-block .page-block-image{ margin-left: 30px; margin-right: -30px; } @media (min-width: 768px){ .page-block.default.with_block_image{ padding: 0px 45px; } .page-block.default.with_block_image .page-block-image{ width: 50%; margin: 0px!important; } .page-block.default.with_block_image .page-block-caption-content{ width: 50%; margin: 0px; padding: 0px 30px } } @media (min-width: 960px){ .page-block.default.with_block_image{ padding: 0px 60px; } .page-block.default.with_block_image .page-block-image{ } .page-block.default.with_block_image .page-block-caption-content{ padding: 0px 45px } } @media (min-width: 1280px){ .page-block.default.with_block_image{ padding: 0px 75px; } .page-block.default.with_block_image .page-block-image{ } .page-block.default.with_block_image .page-block-caption-content{ padding: 0px 45px } } @media (min-width: 1600px){ .page-block.default.with_block_image{ padding: 0px 105px; max-width: 1550px; } .page-block.default.with_block_image .page-block-image{ } .page-block.default.with_block_image .page-block-caption-content{ padding: 0px 60px } } @media (min-width: 768px){ #history-part-2.page-block{ align-content: center; align-items: center; margin: 45px 0px; } #history-part-2.page-block .page-block-image{ order: 2; display: flex; justify-content: center; align-items: center; align-content: center; } #history-part-2.page-block .page-block-image img{ max-width: 500px; } } .page-block.quote{ padding: 0px 15px; } #magnifique{ background: #FAF6B7/*#E5DF7E;*/ } .page-block.quote .page-block-module{ display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: grid; grid-template-columns:repeat(24, 1fr); grid-gap: 5px; } .page-block.quote .page-block-module .link-image{ grid-column: span 8; border: 0px; padding: 0px; min-height: 50%; display: flex; align-content: center; align-items: center; position: relative; } .page-block.quote .page-block-module .link-image img{ width: 100%; height: auto; max-width: 120px; } #plus.page-block.quote .page-block-module .link-image{ grid-column: span 12; } #plus.page-block.quote .page-block-module .link-image:nth-of-type(1){ grid-column: 2 / span 4; align-items: flex-start; } #plus.page-block.quote .page-block-module .link-image:nth-of-type(2) img{ width: 90%; max-width: 110px; } #plus.page-block.quote .page-block-module .link-image:nth-of-type(2){ grid-column: 19 / span 4; justify-content: flex-end; align-items: flex-start; } #plus.page-block.quote .page-block-module .link-image:nth-of-type(2) img{ width: 80%; max-width: 100px; } #plus.page-block.quote .page-block-module .link-image:nth-of-type(3){ grid-column: 18 / span 5; align-items: flex-end; justify-content: flex-end; } #magnifique.page-block.quote .page-block-module .link-image{ align-items: flex-start; align-content: flex-start; } #magnifique.page-block.quote .page-block-module .link-image img{ max-width: 80px; } #magnifique.page-block.quote .page-block-module .link-image:nth-of-type(1){ } #magnifique.page-block.quote .page-block-module .link-image:nth-of-type(2){ grid-column: 13 / span 4; align-items: flex-start; padding-bottom: 30px; } #magnifique.page-block.quote .page-block-module .link-image:nth-of-type(3){ align-items: flex-start; justify-content: flex-end; } #magnifique.page-block.quote .page-block-module .link-image:nth-of-type(4){ justify-content: center } #magnifique.page-block.quote .page-block-module .link-image:nth-of-type(5){ justify-content: flex-end; overflow: hidden; } #magnifique.page-block.quote .page-block-module .link-image:nth-of-type(1) img{ max-width: 95px; margin-top: -5px; } #magnifique.page-block.quote .page-block-module .link-image:nth-of-type(2) img{ margin-top: 25px; } #magnifique.page-block.quote .page-block-module .link-image:nth-of-type(3) img{ margin-top: -60px; } #magnifique.page-block.quote .page-block-module .link-image:nth-of-type(4) img{ margin-bottom: -45px; } #magnifique.page-block.quote .page-block-module .link-image:nth-of-type(5) img{ margin-right: -30px; } #magnifique.page-block.quote .page-block-module .link-image:nth-of-type(4), #magnifique.page-block.quote .page-block-module .link-image:nth-of-type(5){ grid-column: span 12; align-content: flex-end; align-items: flex-end; } #magnifique.page-block.quote .page-block-module .link-image:nth-child(n+6){ display: none; } /*.page-block.quote .page-block-module .link-image:nth-of-type(1) img{ width: 95px; } .page-block.quote .page-block-module .link-image:nth-of-type(3n + 2) img{ width: 60px; } .page-block.quote .page-block-module .link-image:nth-of-type(3n + 3) img{ width: 85px; }*/ .page-block.quote .page-block-caption{ padding: 90px 0px; margin: 30px 0px; background: none!important; height: auto; } .page-block.quote .page-block-caption .page-block-txt{ padding: 0px; } .page-block.quote .page-block-caption .page-block-txt p{ font-size: 15px; text-transform: uppercase; font-family:"Didot"; padding: 0px; position: relative; } #magnifique.page-block.quote .page-block-caption .page-block-txt p, #bienvenue.page-block.quote .page-block-caption .page-block-txt p{ text-transform: none; } .page-block.quote .page-block-caption .page-block-txt p i{ font-style: normal; font-family:"DidotItalic"; } .page-block.quote .page-block-caption .page-block-txt p u{ text-decoration: none; position: relative; } .page-block.quote .page-block-caption .page-block-txt p{ font-size: 15px; text-transform: uppercase; } .page-block.quote .page-block-caption .page-block-txt p::after, .page-block.quote .page-block-caption .page-block-txt p::before{ display: none; } .page-block.quote .page-block-caption .page-block-link{ position: absolute; top: 0px; left: 0px; } @media (min-width: 360px){ .page-block.quote .page-block-caption .page-block-txt p u::before{ width: 100%; height: 100%; background: #ffffff; border: 2px solid #A6C8A7; display: block; position: absolute; left: 0%; top: 0%; content: ''; z-index: -1; border-radius: 50%; transform: rotate(5deg); } } @media (min-width: 600px){ .page-block.quote .page-block-caption{ position: relative; padding: 120px 0px; } .page-block.quote .page-block-caption .page-block-txt{ max-width: none; margin: 0px; } .page-block.quote .page-block-caption .page-block-txt p{ font-size: 20px; } } @media (min-width: 768px){ .page-block.quote{ margin-top: 60px; } #magnifique{ margin-top: 90px; max-width: none; } .page-block.quote .page-block-caption .page-block-txt{ padding: 0px 45px; } #magnifique.page-block.quote .page-block-module .link-image{ grid-column: span 6!important; } #magnifique.page-block.quote .page-block-module .link-image img{ max-width: 110px; } #magnifique.page-block.quote .page-block-module .link-image:nth-child(n+6){ display: flex; } #magnifique.page-block.quote .page-block-module .link-image:nth-of-type(1){ grid-column: 4 / span 4!important; justify-content: flex-end; } #magnifique.page-block.quote .page-block-module .link-image:nth-of-type(1) img{ max-width: 140px; } #magnifique.page-block.quote .page-block-module .link-image:nth-of-type(2){ grid-column: 11 / span 1!important; } #magnifique.page-block.quote .page-block-module .link-image:nth-of-type(2) img{ margin-top: 30px; } #magnifique.page-block.quote .page-block-module .link-image:nth-of-type(4){ grid-column: span 7!important; justify-content: flex-end; overflow: hidden; } #magnifique.page-block.quote .page-block-module .link-image:nth-of-type(4) img{ margin: 0px; margin-right: -15px; max-width: 120px; } #magnifique.page-block.quote .page-block-module .link-image:nth-of-type(5){ align-items: flex-start; } #magnifique.page-block.quote .page-block-module .link-image:nth-of-type(5) img{ margin: 0px; } #magnifique.page-block.quote .page-block-module .link-image:nth-of-type(6){ justify-content: center; align-items: flex-end; } #magnifique.page-block.quote .page-block-module .link-image:nth-of-type(6) img{ margin: 0px; margin-bottom: -45px; } #magnifique.page-block.quote .page-block-module .link-image:nth-of-type(7){ justify-content: center; grid-column: 16 / span 8!important; } #magnifique.page-block.quote .page-block-module .link-image:nth-of-type(7) img{ max-width: 140px; margin-top: 30px; } } @media (min-width: 960px){ .page-block.quote .page-block-caption .page-block-txt p{ font-size: 30px; } #bienvenue.page-block.quote .page-block-caption .page-block-txt p{ font-size: 25px; } } @media (min-width: 1280px){ .page-block.quote .page-block-caption{ position: relative; padding: 180px 0px; } .page-block.quote .page-block-caption .page-block-txt p{ font-size: 40px; } #magnifique.page-block.quote .page-block-caption .page-block-txt p{ font-size: 30px; } #bienvenue.page-block.quote .page-block-caption .page-block-txt p{ font-size: 30px; } } @media (min-width: 1600px){ .page-block.quote .page-block-caption .page-block-txt p{ font-size: 65px; } #magnifique.page-block.quote .page-block-caption .page-block-txt p{ font-size: 45px; } #bienvenue.page-block.quote .page-block-caption .page-block-txt p{ font-size: 40px; } } /*philosophy*/ #philosophy.page-block .page-block-ttl h3, #philosophy.page-block .page-block-ttl h2{ text-align: center; } #philosophy.page-block .page-block-ttl h2::before{ background: #ffffff; border: 2px solid #D7CBED; -webkit-transition: all 0.5s ease!important; -moz-transition: all 0.5s ease!important; -o-transition: all 0.5s ease!important; transition: all 0.5s ease!important; } #philosophy.page-block .page-block-ttl h2:hover::before{ transform: rotate(10deg); } #philosophy.page-block .page-block-image{ width: 60%; } #philosophy.page-block .page-block-caption-content{ padding-top: 0px; margin-top: 0px; } #philosophy.page-block .page-block-caption .page-block-txt { width: 60%; } #philosophy.page-block .page-block-link{ position: absolute; top: -30px; left: 55%; width: auto; } #philosophy.page-block .page-block-link .btn-primary{ height: auto; padding: 0px; } #philosophy.page-block .page-block-link .btn-primary span{ font-family: Didot; font-size: 20px; font-weight: normal; } #philosophy.page-block .page-block-link .btn-primary::before{ display: none; } #philosophy.page-block .page-block-link .btn-primary::after{ content: 'CEO'; font-size: 1em; font-family: Raleway; position: absolute; top: 15px; left: 0px; display: block; font-weight: 300; } @media (min-width: 768px){ #philosophy.page-block{ margin-bottom: 90px; } #philosophy.page-block .page-block-caption-content{ width: 50%; order: 2; padding: 0px 45px 0px 0px; } #philosophy.page-block .page-block-caption .page-block-txt{ width: 100%; padding: 0px; margin: 0px; } #philosophy.page-block .page-block-image{ width: 50%; order: 3; } #philosophy.page-block .page-block-link{ top: 100%; left: 95%; width: 100%; text-align: right; z-index: 1; } #philosophy.page-block .page-block-link .btn-primary span{ font-size: 40px; white-space: nowrap; } #philosophy.page-block .page-block-link .btn-primary::after{ font-size: 20px; top: 30px; left: 3px; } } @media (min-width: 960px){ #philosophy.page-block .page-block-caption-content{ width: 33%; } #philosophy.page-block .page-block-caption .page-block-txt{ } #philosophy.page-block .page-block-image{ width: 33%; } #philosophy.page-block .page-block-link{ top: 100%; left: 200%; width: auto; text-align: left; margin-top: -45px; margin-left: -45px; } } @media (min-width: 1280px){ #philosophy.page-block .page-block-caption-content{ width: 33%; margin-left: 5%; } #philosophy.page-block .page-block-image{ width: 24%; } #philosophy.page-block .page-block-link{ left: 170%; } /*#philosophy.page-block .page-block-link .btn-primary span{ font-size: 60px; } #philosophy.page-block .page-block-link .btn-primary::after{ left: 6px; top: 40px; }*/ } /*end*/ /*insta^*/ #follow-us.page-block .page-block-ttl h2::before{ background: #ffffff; border: 2px solid #D7CBED; -webkit-transition: all 0.5s ease!important; -moz-transition: all 0.5s ease!important; -o-transition: all 0.5s ease!important; transition: all 0.5s ease!important; } #follow-us.page-block .page-block-ttl h2:hover::before{ transform: rotate(10deg); } #follow-us .page-block-module{ display: flex; justify-content: center; flex-wrap: nowrap; margin: 60px 0px 0px 0px; } #follow-us .page-block-module .insta-div{ } #follow-us .page-block-module .insta-div img{ width: 100%; } #follow-us .page-block-module .insta-div:nth-of-type(2) img{ width: 140%; margin-left: -20%; margin-top: -20%; } #follow-us .page-block-module .insta-div:nth-of-type(4) img{ width: 80%; margin-left: 10%; margin-top: 10%; } /* end */