@media (max-width: 1500px) {
html {
font-size: 58%; }
.inner {
max-width: 115rem; }
.inner.wide {
max-width: 160rem; }
.inner.medium {
max-width: 130rem; }
.inner.narrow {
max-width: 113rem; }
.inner.tight {
max-width: 48rem; }
.inner.full {
max-width: none; }
.models-item {
width: 47%;
max-width: 47.415rem; } }
@media (max-width: 1230px) {
html {
font-size: 56%; }
.inner {
max-width: 110rem; }
.inner.wide {
max-width: 150rem; }
.inner.medium {
max-width: 120rem; }
.inner.narrow {
max-width: 95rem; }
.inner.tight {
max-width: 48rem; }
.inner.full {
max-width: none; }
h2,
.h2, .h2-alt {
font-size: 4.4rem; }
h3,
.h3, .h3-alt {
font-size: 2.2rem; }
h4,
.h4, .h4-alt {
font-size: 1.8rem; }
h5,
.h5, .h5-alt {
font-size: 1.5rem; }
h6,
.h6, .h6-alt {
font-size: 1.2rem; }
.btn {
min-width: 18rem;
padding: 1.3rem 2.5rem 1.1rem;
border-radius: 2.3rem;
line-height: 2.2rem;
font-size: 1.8rem; }
.btn::before {
border-radius: 2.3rem; }
.intro-subtitle .subtitle {
max-width: 45rem; }
.models-item {
width: 45%;
max-width: 44rem; }
.model-gallery {
width: 55%; }
.model-gallery > div.model-gallery-ar .model-gallery-ar-bottom,
.model-gallery > a.model-gallery-ar .model-gallery-ar-bottom {
padding: 0; }
.model-gallery > div.model-gallery-ar .model-gallery-ar-bottom .btn,
.model-gallery > a.model-gallery-ar .model-gallery-ar-bottom .btn {
width: 22rem; }
.model-gallery > div.model-gallery-ar .model-gallery-ar-bottom .btn::after,
.model-gallery > a.model-gallery-ar .model-gallery-ar-bottom .btn::after {
width: 4rem;
height: 4rem;
font-size: 1.8rem;
line-height: 4.1rem; }
.model-gallery > div.model-gallery-ar.hover-immediate .model-gallery-ar-bottom .btn::after,
.model-gallery > a.model-gallery-ar.hover-immediate .model-gallery-ar-bottom .btn::after {
left: calc(100% - (4.6rem - (2 * 0.3rem)) - 0.3rem); }
.model-info {
width: 45%; }
.footer-top {
display: block; }
.footer-menu {
width: 100%;
max-width: 80rem; }
.footer-desc {
width: 100%;
margin-top: 6rem; } }
@media (max-width: 1100px) {
.team-items {
height: 72rem; }
.team-item {
width: 28rem; }
.team-item .team-image {
max-width: 22rem; }
.team-item .team-text p.team-quote {
font-size: 2.0rem; }
.team-item.team-item-1 {
right: 48%; }
.team-item.team-item-2 {
left: 48%; }
.team-video {
width: 28rem;
max-width: 60%; } }
@media (max-width: 1000px) {
html {
font-size: 56%; }
.inner {
max-width: 100rem; }
.inner.wide {
max-width: 135rem; }
.inner.medium {
max-width: 110rem; }
.inner.narrow {
max-width: 85rem; }
.inner.tight {
max-width: 45rem; }
.inner.full {
max-width: none; }
.model-gallery {
width: 40%; }
.model-gallery > div.model-gallery-ar .model-gallery-ar-bottom,
.model-gallery > a.model-gallery-ar .model-gallery-ar-bottom {
padding: 0 1.5rem; }
.model-gallery > div.model-gallery-ar .model-gallery-ar-bottom .btn,
.model-gallery > a.model-gallery-ar .model-gallery-ar-bottom .btn {
width: 100%;
max-width: 18rem; }
.model-gallery > div.model-gallery-ar .model-gallery-ar-bottom .btn span,
.model-gallery > a.model-gallery-ar .model-gallery-ar-bottom .btn span {
width: 0;
overflow: hidden; }
.model-info {
width: 60%; }
.app-popup-item, .app-popup-item:nth-child(3n+1) {
width: 47%;
margin-left: 6%; }
.app-popup-item:nth-child(2n+1) {
margin-left: 0; } }
@media (max-width: 900px) {
#tablet-indicator {
display: block; }
.intro-subtitle {
top: 80vh;
padding-top: calc(2vw + 2rem); }
.intro-subtitle .subtitle {
max-width: 32rem; }
.team-items {
height: 46rem;
margin-bottom: 20rem; }
.team-item {
width: 32rem; }
.team-item .team-image {
max-width: 14rem; }
.team-item .team-text {
position: absolute;
top: 100%;
left: 0;
right: 0; }
.team-item.team-item-1 {
right: 50%; }
.team-item.team-item-1 .team-text {
margin: 2rem 0 0;
-webkit-transform: translateX(-10%);
-ms-transform: translateX(-10%);
-o-transform: translateX(-10%);
transform: translateX(-10%); }
.team-item.team-item-2 {
left: 50%; }
.team-item.team-item-2 .team-text {
margin: 2rem 0 0;
-webkit-transform: translateX(10%);
-ms-transform: translateX(10%);
-o-transform: translateX(10%);
transform: translateX(10%); }
.team-video {
width: 20rem;
max-width: none; }
.footer-placeholder {
display: none; }
.footer-wrap {
position: relative;
bottom: auto;
left: auto;
right: auto;
padding-top: 0;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
z-index: 40; } }
@media (max-width: 767px) {
#indicator-767 {
display: block; }
html {
font-size: 52%; }
h2,
.h2, .h2-alt {
font-size: 3.8rem; }
h3,
.h3, .h3-alt {
font-size: 2.0rem; }
h4,
.h4, .h4-alt {
font-size: 1.7rem; }
h5,
.h5, .h5-alt {
font-size: 1.5rem; }
h6,
.h6, .h6-alt {
font-size: 1.2rem; }
.section {
padding-top: 10rem;
padding-bottom: 10rem; }
.inner {
padding-left: 3.5rem;
padding-right: 3.5rem; }
.menu::before {
right: 5.6rem; }
.article-image {
margin: -2rem -3.5rem 4rem; }
.footer-social {
margin: 0 -3.5rem; }
.accordion-item {
margin: 0 -0.8rem;
padding: 0 0.8rem; }
.intro-video.intro-video-desktop {
display: none; }
.intro-video.intro-video-mobile {
display: block; }
.models-item {
width: 47%;
margin-bottom: 8rem; }
.models-item .models-image-wrap .models-title {
padding: 2rem 3rem; }
.about {
padding-top: 35vw; }
.about-sections {
margin-top: 20rem; }
.about-item .accordion-title {
padding: 3rem 0 2.2rem;
padding-right: 8rem; }
.about-item .accordion-content {
padding: 4rem 0;
padding-top: 0; }
.about-item .accordion-content .about-content {
display: block; }
.about-item .accordion-content .about-content .about-content-col {
width: 100%;
margin-top: 4rem; }
.about-item .accordion-content .about-content .about-content-col:first-child {
margin-top: 0; }
.model {
padding-top: 10rem; }
.model-inner {
display: block; }
.model-gallery {
width: 100%; }
.model-gallery > div.model-gallery-ar .model-gallery-ar-bottom,
.model-gallery > a.model-gallery-ar .model-gallery-ar-bottom {
padding: 0 0.5rem; }
.model-gallery > div.model-gallery-ar .model-gallery-ar-bottom .btn span,
.model-gallery > a.model-gallery-ar .model-gallery-ar-bottom .btn span {
width: auto;
font-size: 1.4rem;
overflow: visible; }
.model-info {
width: 100%;
margin-bottom: 6rem; }
.model-info-sticky {
position: relative;
top: auto;
padding: 0; }
.contact-form .row-4-wrap {
flex-wrap: wrap; }
.contact-form .row-4-wrap .row-full:nth-child(1) {
width: 100%; }
.contact-form .row-4-wrap .row-full:nth-child(2) {
width: 28%; }
.contact-form .row-4-wrap .row-full:nth-child(3) {
width: 38%; }
.contact-form .row-4-wrap .row-full:nth-child(4) {
width: 28%; } }
@media (max-width: 600px) {
.models-item {
margin-bottom: 6rem; }
.logos {
margin-top: 6rem; }
.logos-item {
width: 25%;
padding: 2rem 1rem; }
.team-items {
margin-bottom: 0; }
.team-item {
width: 16rem; }
.team-item .team-image {
max-width: 12rem; }
.team-item .team-text {
display: none !important; }
.team-item.team-item-1 {
right: 62%; }
.team-item.team-item-2 {
left: 62%; }
.bar-inner {
-webkit-animation: bar-animation 15s linear infinite;
-moz-animation: bar-animation 15s linear infinite;
-ms-animation: bar-animation 15s linear infinite;
-o-animation: bar-animation 15s linear infinite;
animation: bar-animation 15s linear infinite; }
.app-popup-items {
display: block;
margin-top: 4rem; }
.app-popup-item, .app-popup-item:nth-child(3n+1), .app-popup-item:nth-child(2n+1) {
width: 100%;
margin-left: 0; }
.app-popup-images {
display: block; }
.app-popup-images .app-popup-image {
width: 100%;
max-width: none; }
.app-popup-images .app-popup-image:nth-child(2) {
max-width: 18rem;
margin-top: 2.5rem; }
.history-masonry {
columns: 4 15rem;
column-gap: 3rem; } }
@media (max-width: 500px) {
#indicator-500 {
display: block; }
html {
font-size: 50%; }
h2,
.h2, .h2-alt {
font-size: 3.4rem; }
h3,
.h3, .h3-alt {
font-size: 2.0rem; }
h4,
.h4, .h4-alt {
font-size: 1.7rem; }
h5,
.h5, .h5-alt {
font-size: 1.5rem; }
h6,
.h6, .h6-alt {
font-size: 1.2rem; }
.section {
padding-top: 8rem;
padding-bottom: 8rem; }
.inner {
padding-left: 2rem;
padding-right: 2rem; }
.menu::before {
right: 4.1rem; }
.article-image {
margin: -2rem -2rem 4rem; }
.footer-social {
margin: 0 -2rem; }
.models-item {
width: 49%; }
.models-item .models-image-wrap .models-title {
padding: 1rem 2rem; }
.header {
min-height: 7.6rem; }
.logo {
top: 3.05rem; }
.menu-button {
top: 1.8rem; }
.menu::before {
top: 3.8rem; }
.accordion-item .anchor {
top: -5.6rem; }
.popup-header {
min-height: 7.6rem; }
.popup-close {
top: 1.8rem; }
.about {
padding-top: 35vw; }
.about-sections {
margin-top: 16rem; } }
@media (max-width: 450px) {
h2,
.h2, .h2-alt {
font-size: 2.8rem; }
h3,
.h3, .h3-alt {
font-size: 2.0rem; }
h4,
.h4, .h4-alt {
font-size: 1.7rem; }
h5,
.h5, .h5-alt {
font-size: 1.5rem; }
h6,
.h6, .h6-alt {
font-size: 1.2rem; }
.contact-form .row-4-wrap {
display: block; }
.contact-form .row-4-wrap .row-full, .contact-form .row-4-wrap .row-full:nth-child(1), .contact-form .row-4-wrap .row-full:nth-child(2), .contact-form .row-4-wrap .row-full:nth-child(3), .contact-form .row-4-wrap .row-full:nth-child(4) {
width: 100%; } }