@charset "UTF-8";
html {
scroll-behavior: smooth;
scroll-snap-type: x mandatory;
}
.container {
width: 100%;
padding-right: 20px;
padding-left: 20px;
margin-right: auto;
margin-left: auto;
}
.container {
max-width: 1920px;
}
.row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -20px;
margin-left: -20px;
}
.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9 {
position: relative;
width: 100%;
padding-right: 20px;
padding-left: 20px;
}
.col {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333333%;
flex: 0 0 8.33333333%;
max-width: 8.33333333%;
}
.col-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66666667%;
flex: 0 0 16.66666667%;
max-width: 16.66666667%;
}
.col-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333333%;
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
}
.col-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66666667%;
flex: 0 0 41.66666667%;
max-width: 41.66666667%;
}
.col-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333333%;
flex: 0 0 58.33333333%;
max-width: 58.33333333%;
}
.col-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66666667%;
flex: 0 0 66.66666667%;
max-width: 66.66666667%;
}
.col-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333333%;
flex: 0 0 83.33333333%;
max-width: 83.33333333%;
}
.col-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66666667%;
flex: 0 0 91.66666667%;
max-width: 91.66666667%;
}
.col-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.flex-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.align-content-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
*,
:after,
:before {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
margin: 0;
}
html {
height: 100%;
}
body {
--perxis-auto-select-color: #ffffff;
--perxis-auto-select-placeholder-color: #ffffff;
--perxis-auto-select-selection-font-size: 16px;
--perxis-auto-select-arrow-color: #abbbbe;
--perxis-auto-select-hover-arrow-color: #3da2b8;
--perxis-auto-select-selection-font-family: "Helvetica";
--perxis-auto-select-selection-font-size: 16px;
--perxis-auto-select-selection-line-height: 1;
--perxis-auto-select-selection-font-weight: 400;
--perxis-auto-select-selection-text-transform: none;
--perxis-auto-select-selection-letter-spacing: 0em;
--perxis-auto-select-icon-font-size: 24px;
--perxis-auto-select-dropdown-font-family: "Helvetica";
--perxis-auto-select-dropdown-font-size: 16px;
--perxis-auto-select-dropdown-line-height: 1.6;
--perxis-auto-select-dropdown-font-weight: 400;
--perxis-auto-select-dropdown-text-transform: none;
--perxis-auto-select-dropdown-letter-spacing: 0em;
--perxis-auto-select-dropdown-border-radius: 0;
--perxis-auto-select-dropdown-background-color: #ffffff;
--perxis-auto-select-dropdown-scrollbar-background-color: #6c7c80;
--perxis-auto-select-dropdown-scrollbar-thumb-background-color: #30363a;
--perxis-auto-select-dropdown-color: #0d171a;
--perxis-auto-select-dropdown-hover-background-color: #f6f7f7;
--perxis-auto-select-dropdown-hover-color: #00657b;
--perxis-auto-select-dropdown-selected-color: #3b9db2;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
font: 16px/1.6 Arial, Helvetica, sans-serif;
font-weight: 400;
color: #0d171a;
background-color: #fff;
}
section {
display: block;
}
img {
max-width: 100%;
border: 0;
}
:focus {
outline: 0;
}
button::-moz-focus-inner {
border: none;
}
button {
font-family: inherit;
color: inherit;
border: none;
border-radius: 0;
background: 0 0;
}
.container {
width: 100%;
padding-right: 16px;
padding-left: 16px;
margin-right: auto;
margin-left: auto;
}
.row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -16px;
margin-left: -16px;
}
.row > .col,
.row > [class*="col-"] {
position: relative;
width: 100%;
padding-right: 16px;
padding-left: 16px;
}
.small-text {
font-size: 14px;
}
img[data-object-fit="contain"] {
-o-object-fit: contain;
object-fit: contain;
}
img[data-object-fit="cover"] {
-o-object-fit: cover;
object-fit: cover;
}
.mt-red {
margin-top: 32px;
}
.mt-green {
margin-top: 24px;
}
.mt-orange {
margin-top: 16px;
}
.pt-red {
padding-top: 32px;
}
.pb-red {
padding-bottom: 32px;
}
.pt-green {
padding-top: 24px;
}
.pb-green {
padding-bottom: 24px;
}
.pt-orange {
padding-top: 16px;
}
.pb-orange {
padding-bottom: 16px;
}
@-webkit-keyframes fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-webkit-keyframes fadeout {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes fadeout {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(1turn);
transform: rotate(1turn);
}
}
@keyframes spin {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(1turn);
transform: rotate(1turn);
}
}
@-webkit-keyframes cookie-notify-anim {
0% {
-webkit-transform: translateY(120px);
transform: translateY(120px);
opacity: 0;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
@keyframes cookie-notify-anim {
0% {
-webkit-transform: translateY(120px);
transform: translateY(120px);
opacity: 0;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
@-webkit-keyframes cookie-notify-anim-hide {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
100% {
-webkit-transform: translateY(120px);
transform: translateY(120px);
opacity: 0;
}
}
@keyframes cookie-notify-anim-hide {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
100% {
-webkit-transform: translateY(120px);
transform: translateY(120px);
opacity: 0;
}
}
.menu {
overflow-x: hidden;
}
.menu__back {
position: relative;
width: 100%;
font-size: 18px;
line-height: 1.4;
color: #0d171a;
text-align: center;
font-weight: 700;
padding: 15px 50px 16px 50px;
background: #f6f7f7;
}
.menu__back:after {
content: "";
position: absolute;
top: calc(50% - 12px);
left: 20px;
width: 24px;
height: 24px;
background: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.47424 4.5L1 12.5L8.47424 20.5L10 19.0433L4.05152 12.5L10 5.95668L8.47424 4.5Z' fill='%2300657B'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M23 11.3889H3V13.6112H23V11.3889Z' fill='%2300657B'/%3E%3C/svg%3E")
center center no-repeat;
}
.menu__list {
list-style: none;
}
.menu__link {
display: block;
line-height: 1;
color: #0d171a;
text-decoration: none;
padding: 22px 50px 22px 16px;
-webkit-transition: color 0.2s, border-color 0.2s;
transition: color 0.2s, border-color 0.2s;
}
.menu__link:hover {
text-decoration: underline;
background-color: #f6f7f7;
}
.menu__link_submenu {
position: relative;
}
.menu__link_submenu:after {
content: "";
position: absolute;
top: calc(50% - 12px);
right: 15px;
width: 24px;
height: 24px;
background: url(/jaecoo/images/icons/menuopcion.svg) center center no-repeat;
}
.menu__link_submenu:hover:after {
background: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.5258 20L23 12L15.5258 4L14 5.45668L19.9485 12L14 18.5433L15.5258 20Z' fill='%233B9DB3'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1 13.1111L21 13.1111V10.8888L1 10.8888L1 13.1111Z' fill='%233B9DB3'/%3E%3C/svg%3E")
center center no-repeat;
}
.menu-dropdown {
z-index: 11;
background-color: #fff;
}
.menu-lev2__wrap {
padding-top: 0;
padding-bottom: 0;
}
.menu-lev2__title {
display: block;
font-size: 12px;
line-height: 1;
color: #6c7c80;
letter-spacing: 0.05em;
text-transform: uppercase;
text-decoration: none;
text-transform: uppercase;
padding: 18px 20px 19px 20px;
margin: 0 -20px;
border-bottom: 1px solid #dfe4e5;
}
.menu-lev2__title:hover {
text-decoration: underline;
background-color: #f6f7f7;
}
.menu-lev2__list {
list-style: none;
margin-left: -20px;
margin-right: -20px;
}
.menu-lev2__item {
font-size: 14px;
line-height: 1.4;
color: inherit;
border-bottom: 1px solid #dfe4e5;
}
.menu-lev2__link {
display: block;
color: #0d171a;
text-decoration: none;
padding: 15px 20px 15px 40px;
}
.menu-lev2__link.mt-orange {
margin-top: 0;
}
.menu-lev2__link:hover {
text-decoration: underline;
background-color: #f6f7f7;
}
.menu-models__list {
list-style: none;
}
.menu-models__item-link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
line-height: 1;
letter-spacing: 0.5px;
text-transform: uppercase;
text-decoration: none;
border-bottom: 1px solid #dfe4e5;
}
.menu-models__item-link:hover {
background-color: #f6f7f7;
}
.menu-models__item-title {
font-size: 18px;
line-height: 1.4;
font-weight: 700;
color: #0d171a;
}
.menu-models__item-price {
font-size: 14px;
line-height: 1.5;
font-weight: 400;
color: #abbbbe;
margin-top: 8px;
}
.menu-models__item-img {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 30px;
}
.menu-models__item-img img {
width: 142px;
}
.header {
position: fixed;
z-index: 1000;
top: 0;
left: 0;
width: 100%;
height: 56px;
color: #fff;
background: #0d171a;
-webkit-transition: top 0.3s linear, background 0.3s;
transition: top 0.3s linear, background 0.3s;
}
.header-wrap {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
max-width: 1920px;
height: 100%;
margin: 0 auto;
}
.header__logo {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.header__logo img {
display: block;
width: 140px;
height: 16px;
}
.header__burger {
position: absolute;
top: 0;
right: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
width: 56px;
height: 56px;
color: inherit;
cursor: pointer;
}
.header__burger i {
display: block;
width: 24px;
height: 24px;
background: url("data:image/svg+xml;charset=UTF-8,")
center center no-repeat;
}
.header__burger_open i {
background: url(/jaecoo/images/icons/menucerrar.svg) center center no-repeat;
}
@media (min-width: 768px) {
.col-md {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-md-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333333%;
flex: 0 0 8.33333333%;
max-width: 8.33333333%;
}
.col-md-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66666667%;
flex: 0 0 16.66666667%;
max-width: 16.66666667%;
}
.col-md-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-md-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333333%;
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
}
.col-md-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66666667%;
flex: 0 0 41.66666667%;
max-width: 41.66666667%;
}
.col-md-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-md-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333333%;
flex: 0 0 58.33333333%;
max-width: 58.33333333%;
}
.col-md-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66666667%;
flex: 0 0 66.66666667%;
max-width: 66.66666667%;
}
.col-md-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-md-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333333%;
flex: 0 0 83.33333333%;
max-width: 83.33333333%;
}
.col-md-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66666667%;
flex: 0 0 91.66666667%;
max-width: 91.66666667%;
}
.col-md-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.flex-md-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-md-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-md-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-md-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-md-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-md-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.align-content-md-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.container {
width: 100%;
padding-right: 20px;
padding-left: 20px;
margin-right: auto;
margin-left: auto;
}
.row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -20px;
margin-left: -20px;
}
.row > .col,
.row > [class*="col-"] {
position: relative;
width: 100%;
padding-right: 20px;
padding-left: 20px;
}
.menu__back {
padding-right: 40px;
padding-left: 40px;
}
.menu-lev2__wrap {
padding-top: 22px;
}
.menu-lev2__title {
padding: 0;
margin: 0;
border: 0;
}
.menu-lev2__title:not(:first-of-type) {
margin-top: 24px;
}
.menu-lev2__title:hover {
background: 0 0;
}
.menu-lev2__list {
margin: 0;
}
.menu-lev2__item {
line-height: 1;
border: none;
}
.menu-lev2__link {
display: inline-block;
padding: 0;
}
.menu-lev2__link.mt-orange {
margin-top: 24px;
}
.menu-lev2__link:hover {
background: 0 0;
}
.menu-models__item-link {
display: block;
text-align: center;
margin: 0;
border: none;
}
.menu-models__item-title {
font-size: 24px;
}
.menu-models__item-price {
margin: 0;
}
.menu-models__item-img {
margin: 0;
}
.menu-models__item-img img {
width: 85%;
max-width: 227px;
}
.header__logo img {
width: 158px;
height: 18px;
}
}
@media (min-width: 1024px) {
.col-lg {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-lg-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333333%;
flex: 0 0 8.33333333%;
max-width: 8.33333333%;
}
.col-lg-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66666667%;
flex: 0 0 16.66666667%;
max-width: 16.66666667%;
}
.col-lg-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-lg-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333333%;
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
}
.col-lg-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66666667%;
flex: 0 0 41.66666667%;
max-width: 41.66666667%;
}
.col-lg-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-lg-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333333%;
flex: 0 0 58.33333333%;
max-width: 58.33333333%;
}
.col-lg-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66666667%;
flex: 0 0 66.66666667%;
max-width: 66.66666667%;
}
.col-lg-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-lg-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333333%;
flex: 0 0 83.33333333%;
max-width: 83.33333333%;
}
.col-lg-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66666667%;
flex: 0 0 91.66666667%;
max-width: 91.66666667%;
}
.col-lg-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.flex-lg-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-lg-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-lg-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-lg-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-lg-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-lg-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.align-content-lg-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.menu {
overflow-x: initial;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
padding: 0;
border: 0;
}
.menu__back {
display: none;
}
.menu__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-left: 10px;
}
.menu__item {
margin-left: 30px;
}
.menu__link:hover {
text-decoration: none;
background: 0 0;
}
.menu__link {
padding: 22px 0 14px 0;
border-bottom: 8px solid transparent;
color: #fff;
}
.menu__link_active {
color: #ced7d9;
border-color: #00657b;
}
.menu__link_submenu:after {
display: none;
}
.menu-dropdown {
position: absolute;
top: 100%;
left: 0;
visibility: hidden;
opacity: 0;
width: 100%;
border-top: 1px solid #dfe4e5;
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
transition: opacity 0.3s, -webkit-transform 0.3s;
transition: opacity 0.3s, transform 0.3s;
transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
}
.menu-dropdown_open {
visibility: visible;
opacity: 1;
-webkit-transform: none;
transform: none;
}
.menu-lev2 {
border-bottom: 1px solid #dfe4e5;
}
.header {
height: auto;
min-height: 60px;
}
.header-wrap {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
padding: 0 40px;
}
.header__burger {
display: none;
}
}
@media (min-width: 1200px) {
.col-xl {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-xl-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333333%;
flex: 0 0 8.33333333%;
max-width: 8.33333333%;
}
.col-xl-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66666667%;
flex: 0 0 16.66666667%;
max-width: 16.66666667%;
}
.col-xl-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-xl-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333333%;
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
}
.col-xl-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66666667%;
flex: 0 0 41.66666667%;
max-width: 41.66666667%;
}
.col-xl-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-xl-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333333%;
flex: 0 0 58.33333333%;
max-width: 58.33333333%;
}
.col-xl-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66666667%;
flex: 0 0 66.66666667%;
max-width: 66.66666667%;
}
.col-xl-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-xl-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333333%;
flex: 0 0 83.33333333%;
max-width: 83.33333333%;
}
.col-xl-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66666667%;
flex: 0 0 91.66666667%;
max-width: 91.66666667%;
}
.col-xl-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.flex-xl-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-xl-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-xl-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-xl-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-xl-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-xl-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.align-content-xl-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.container {
padding-left: 80px;
padding-right: 80px;
}
.mt-red {
margin-top: 48px;
}
.mt-green {
margin-top: 32px;
}
.mt-orange {
margin-top: 24px;
}
.pt-red {
padding-top: 48px;
}
.pb-red {
padding-bottom: 48px;
}
.pt-green {
padding-top: 32px;
}
.pb-green {
padding-bottom: 32px;
}
.pt-orange {
padding-top: 24px;
}
.pb-orange {
padding-bottom: 24px;
}
}
@media (min-width: 1700px) {
body {
font-size: 18px;
}
.container {
padding-left: 240px;
padding-right: 240px;
}
.small-text {
font-size: 16px;
}
.mt-red {
margin-top: 64px;
}
.mt-green {
margin-top: 46px;
}
.mt-orange {
margin-top: 32px;
}
.pt-red {
padding-top: 64px;
}
.pb-red {
padding-bottom: 64px;
}
.pt-green {
padding-top: 48px;
}
.pb-green {
padding-bottom: 48px;
}
.pt-orange {
padding-top: 32px;
}
.pb-orange {
padding-bottom: 32px;
}
.menu-lev2__link.mt-orange {
margin-top: 32px;
}
}
@media (max-width: 1023px) {
.menu {
position: fixed;
z-index: 10;
top: 56px;
bottom: 0;
left: 0;
width: 100%;
background-color: #fff;
overflow-y: auto;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
pointer-events: none;
}
.menu_close,
.menu_open {
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
.menu_open {
-webkit-transform: none;
transform: none;
pointer-events: auto;
}
.menu__item {
border-bottom: 1px solid #dfe4e5;
}
.menu-dropdown {
position: fixed;
top: 56px;
bottom: 0;
left: 0;
width: 100%;
overflow-y: auto;
-webkit-transform: translateX(100%);
transform: translateX(100%);
pointer-events: none;
}
.menu-dropdown_close,
.menu-dropdown_open {
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
.menu-dropdown_open {
-webkit-transform: none;
transform: none;
pointer-events: auto;
}
}
@font-face {
font-family: Dopis;
src: url(../fonts/Dopis-Regular.woff2) format("woff2"),
url(../fonts/Dopis-Regular.woff) format("woff");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Dopis;
src: url(../fonts/Dopis-Bold.woff2) format("woff2"),
url(../fonts/Dopis-Bold.woff) format("woff");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Dopis;
src: url(../fonts/Dopis-Black.woff2) format("woff2"),
url(../fonts/Dopis-Black.woff) format("woff");
font-weight: 900;
font-style: normal;
font-display: swap;
}
.container {
width: 100%;
padding-right: 20px;
padding-left: 20px;
margin-right: auto;
margin-left: auto;
}
.container {
max-width: 1920px;
}
.row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -20px;
margin-left: -20px;
}
.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9 {
position: relative;
width: 100%;
padding-right: 20px;
padding-left: 20px;
}
.col {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333333%;
flex: 0 0 8.33333333%;
max-width: 8.33333333%;
}
.col-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66666667%;
flex: 0 0 16.66666667%;
max-width: 16.66666667%;
}
.col-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333333%;
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
}
.col-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66666667%;
flex: 0 0 41.66666667%;
max-width: 41.66666667%;
}
.col-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333333%;
flex: 0 0 58.33333333%;
max-width: 58.33333333%;
}
.col-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66666667%;
flex: 0 0 66.66666667%;
max-width: 66.66666667%;
}
.col-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333333%;
flex: 0 0 83.33333333%;
max-width: 83.33333333%;
}
.col-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66666667%;
flex: 0 0 91.66666667%;
max-width: 91.66666667%;
}
.col-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.flex-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.align-content-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
*,
:after,
:before {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
margin: 0;
}
html {
height: 100%;
}
body {
--perxis-auto-select-color: #ffffff;
--perxis-auto-select-placeholder-color: #ffffff;
--perxis-auto-select-selection-font-size: 16px;
--perxis-auto-select-arrow-color: #abbbbe;
--perxis-auto-select-hover-arrow-color: #3da2b8;
--perxis-auto-select-selection-font-family: "Dopis";
--perxis-auto-select-selection-font-size: 16px;
--perxis-auto-select-selection-line-height: 1;
--perxis-auto-select-selection-font-weight: 400;
--perxis-auto-select-selection-text-transform: none;
--perxis-auto-select-selection-letter-spacing: 0em;
--perxis-auto-select-icon-font-size: 24px;
--perxis-auto-select-dropdown-font-family: "Dopis";
--perxis-auto-select-dropdown-font-size: 16px;
--perxis-auto-select-dropdown-line-height: 1.6;
--perxis-auto-select-dropdown-font-weight: 400;
--perxis-auto-select-dropdown-text-transform: none;
--perxis-auto-select-dropdown-letter-spacing: 0em;
--perxis-auto-select-dropdown-border-radius: 0;
--perxis-auto-select-dropdown-background-color: #ffffff;
--perxis-auto-select-dropdown-scrollbar-background-color: #6c7c80;
--perxis-auto-select-dropdown-scrollbar-thumb-background-color: #30363a;
--perxis-auto-select-dropdown-color: #0d171a;
--perxis-auto-select-dropdown-hover-background-color: #f6f7f7;
--perxis-auto-select-dropdown-hover-color: #00657b;
--perxis-auto-select-dropdown-selected-color: #3b9db2;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
font: 16px/1.6 Dopis, Arial, Helvetica, sans-serif;
font-weight: 400;
color: #0d171a;
background-color: #fff;
}
section {
display: block;
}
img {
max-width: 100%;
border: 0;
}
:focus {
outline: 0;
}
button::-moz-focus-inner {
border: none;
}
button {
font-family: inherit;
color: inherit;
border: none;
border-radius: 0;
background: 0 0;
}
.container {
width: 100%;
padding-right: 16px;
padding-left: 16px;
margin-right: auto;
margin-left: auto;
}
.row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -16px;
margin-left: -16px;
}
.row > .col,
.row > [class*="col-"] {
position: relative;
width: 100%;
padding-right: 16px;
padding-left: 16px;
}
.small-text {
font-size: 14px;
}
img[data-object-fit="contain"] {
-o-object-fit: contain;
object-fit: contain;
}
img[data-object-fit="cover"] {
-o-object-fit: cover;
object-fit: cover;
}
.mt-red {
margin-top: 32px;
}
.mt-green {
margin-top: 24px;
}
.mt-orange {
margin-top: 16px;
}
.pt-red {
padding-top: 32px;
}
.pb-red {
padding-bottom: 32px;
}
.pt-green {
padding-top: 24px;
}
.pb-green {
padding-bottom: 24px;
}
.pt-orange {
padding-top: 16px;
}
.pb-orange {
padding-bottom: 16px;
}
@-webkit-keyframes fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-webkit-keyframes fadeout {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes fadeout {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(1turn);
transform: rotate(1turn);
}
}
@keyframes spin {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(1turn);
transform: rotate(1turn);
}
}
@-webkit-keyframes cookie-notify-anim {
0% {
-webkit-transform: translateY(120px);
transform: translateY(120px);
opacity: 0;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
@keyframes cookie-notify-anim {
0% {
-webkit-transform: translateY(120px);
transform: translateY(120px);
opacity: 0;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
@-webkit-keyframes cookie-notify-anim-hide {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
100% {
-webkit-transform: translateY(156px);
transform: translateY(156px);
opacity: 0;
}
}
@keyframes cookie-notify-anim-hide {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
100% {
-webkit-transform: translateY(156px);
transform: translateY(156px);
opacity: 0;
}
}
.menu {
overflow-x: hidden;
-webkit-tap-highlight-color: transparent;
}
.menu__back {
position: relative;
width: 100%;
font-size: 18px;
line-height: 1.4;
color: #0d171a;
text-align: center;
font-weight: 700;
padding: 15px 50px 16px 50px;
background: #f6f7f7;
}
.menu__back:after {
content: "";
position: absolute;
top: calc(50% - 12px);
left: 20px;
width: 24px;
height: 24px;
background: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.47424 4.5L1 12.5L8.47424 20.5L10 19.0433L4.05152 12.5L10 5.95668L8.47424 4.5Z' fill='%2300657B'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M23 11.3889H3V13.6112H23V11.3889Z' fill='%2300657B'/%3E%3C/svg%3E")
center center no-repeat;
}
.menu__list {
list-style: none;
background-color: #fff;
}
.menu__link {
display: block;
line-height: 1;
color: #0d171a;
text-decoration: none;
padding: 22px 50px 22px 16px;
-webkit-transition: color 0.2s, border-color 0.2s;
transition: color 0.2s, border-color 0.2s;
}
.menu__link:hover {
background-color: #f6f7f7;
}
.menu__link_submenu {
position: relative;
}
.menu__link_submenu:after {
content: "";
position: absolute;
top: calc(50% - 12px);
right: 15px;
width: 24px;
height: 24px;
background: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.5258 20L23 12L15.5258 4L14 5.45668L19.9485 12L14 18.5433L15.5258 20Z' fill='%2300657B'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1 13.1111L21 13.1111V10.8888L1 10.8888L1 13.1111Z' fill='%2300657B'/%3E%3C/svg%3E")
center center no-repeat;
}
.menu__link_submenu:hover:after {
background: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.5258 20L23 12L15.5258 4L14 5.45668L19.9485 12L14 18.5433L15.5258 20Z' fill='%233B9DB3'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1 13.1111L21 13.1111V10.8888L1 10.8888L1 13.1111Z' fill='%233B9DB3'/%3E%3C/svg%3E")
center center no-repeat;
}
.menu-dropdown {
z-index: 11;
background-color: #fff;
}
.menu-lev2 {
-webkit-tap-highlight-color: transparent;
}
.menu-lev2__wrap {
padding-top: 0;
padding-bottom: 0;
}
.menu-lev2__title {
display: block;
color: #0d171a;
text-decoration: none;
padding: 18px 20px 10px 20px;
margin: 0 -20px;
}
.menu-lev2__title:hover {
color: #00657b;
}
.menu-lev2__list {
list-style: none;
margin-left: -20px;
margin-right: -20px;
}
.menu-lev2__item {
position: relative;
font-size: 14px;
line-height: 1.4;
color: inherit;
}
.menu-lev2__link {
position: relative;
display: block;
color: #0d171a;
text-decoration: none;
padding: 7px 20px;
}
.menu-lev2__link:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 1px;
background-color: transparent;
}
.menu-lev2__link.mt-orange {
margin-top: 0;
}
.menu-lev2__link:hover {
text-decoration: underline;
background-color: #f6f7f7;
}
.menu-models__list {
list-style: none;
}
.menu-models__item-link {
display: grid;
grid-template-columns: 1fr 1fr;
line-height: 1;
letter-spacing: 0.5px;
text-transform: uppercase;
text-decoration: none;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 12px 20px;
margin-left: -20px;
margin-right: -20px;
}
.menu-models__item-link:hover {
background-color: #f6f7f7;
}
.menu-models__item-title {
font-size: 20px;
line-height: 1.2;
font-weight: 700;
color: #0d171a;
}
.menu-models__item-price {
font-size: 12px;
line-height: 1;
font-weight: 400;
color: #abbbbe;
margin-top: 2px;
}
.menu-models__item-img {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
justify-self: flex-end;
}
.menu-models__item-img img {
width: 142px;
}
@-webkit-keyframes move-to-left {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
-webkit-transform: translateX(-100px);
transform: translateX(-100px);
}
}
@keyframes move-to-left {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
-webkit-transform: translateX(-100px);
transform: translateX(-100px);
}
}
.header {
position: fixed;
z-index: 1000;
top: 0;
left: 0;
width: 100%;
height: 56px;
color: #fff;
background: #0d171a;
-webkit-transition: top 0.3s linear, background 0.3s;
transition: top 0.3s linear, background 0.3s;
}
.header-wrap {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
max-width: 1920px;
height: 100%;
margin: 0 auto;
}
.header__logo {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.header__logo img {
display: block;
width: 140px;
height: 16px;
}
.header__burger {
position: absolute;
top: 0;
right: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
width: 56px;
height: 56px;
color: inherit;
cursor: pointer;
}
.header__burger i {
display: block;
width: 24px;
height: 24px;
background: url("data:image/svg+xml;charset=UTF-8,")
center center no-repeat;
}
.header__burger_open i {
background: url("data:image/svg+xml;charset=UTF-8,")
center center no-repeat;
}
@media (min-width: 768px) {
.col-md {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-md-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333333%;
flex: 0 0 8.33333333%;
max-width: 8.33333333%;
}
.col-md-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66666667%;
flex: 0 0 16.66666667%;
max-width: 16.66666667%;
}
.col-md-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-md-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333333%;
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
}
.col-md-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66666667%;
flex: 0 0 41.66666667%;
max-width: 41.66666667%;
}
.col-md-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-md-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333333%;
flex: 0 0 58.33333333%;
max-width: 58.33333333%;
}
.col-md-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66666667%;
flex: 0 0 66.66666667%;
max-width: 66.66666667%;
}
.col-md-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-md-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333333%;
flex: 0 0 83.33333333%;
max-width: 83.33333333%;
}
.col-md-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66666667%;
flex: 0 0 91.66666667%;
max-width: 91.66666667%;
}
.col-md-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.flex-md-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-md-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-md-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-md-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-md-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-md-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.align-content-md-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.container {
width: 100%;
padding-right: 20px;
padding-left: 20px;
margin-right: auto;
margin-left: auto;
}
.row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -20px;
margin-left: -20px;
}
.row > .col,
.row > [class*="col-"] {
position: relative;
width: 100%;
padding-right: 20px;
padding-left: 20px;
}
.menu__back {
padding-right: 40px;
padding-left: 40px;
}
.menu-lev2__wrap {
padding-top: 22px;
}
.menu-lev2__title {
padding: 0;
margin: 0;
}
.menu-lev2__title:not(:first-child) {
margin-top: 24px;
}
.menu-lev2__list {
margin: 0;
}
.menu-lev2__item {
line-height: 1;
}
.menu-lev2__link {
display: inline-block;
padding: 0;
}
.menu-lev2__link.mt-orange {
margin-top: 24px;
}
.menu-lev2__link:hover {
background: 0 0;
text-decoration: none;
}
.menu-lev2__link:hover:after {
background-color: #0d171a;
}
.menu-models__item-link {
display: block;
text-align: center;
padding-top: 24px;
padding-bottom: 36px;
margin: 0;
}
.menu-models__item-link {
display: block;
text-align: center;
-webkit-box-align: unset;
-ms-flex-align: unset;
align-items: unset;
margin: 0;
}
.menu-models__item-title {
font-size: 24px;
}
.menu-models__item-price {
margin: 0;
}
.menu-models__item-img {
margin: 0;
justify-self: unset;
}
.menu-models__item-img img {
width: 85%;
max-width: 227px;
}
.header__logo img {
width: 158px;
height: 18px;
}
}
@media (min-width: 1024px) {
.col-lg {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-lg-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333333%;
flex: 0 0 8.33333333%;
max-width: 8.33333333%;
}
.col-lg-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66666667%;
flex: 0 0 16.66666667%;
max-width: 16.66666667%;
}
.col-lg-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-lg-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333333%;
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
}
.col-lg-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66666667%;
flex: 0 0 41.66666667%;
max-width: 41.66666667%;
}
.col-lg-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-lg-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333333%;
flex: 0 0 58.33333333%;
max-width: 58.33333333%;
}
.col-lg-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66666667%;
flex: 0 0 66.66666667%;
max-width: 66.66666667%;
}
.col-lg-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-lg-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333333%;
flex: 0 0 83.33333333%;
max-width: 83.33333333%;
}
.col-lg-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66666667%;
flex: 0 0 91.66666667%;
max-width: 91.66666667%;
}
.col-lg-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.flex-lg-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-lg-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-lg-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-lg-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-lg-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-lg-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.align-content-lg-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.menu {
overflow-x: initial;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
padding: 0;
border: 0;
}
.menu__back {
display: none;
}
.menu__list {
background-color: transparent;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-left: 10px;
}
.menu__item {
margin-left: 30px;
}
.menu__link:hover {
background: 0 0;
}
.menu__link {
padding: 2px 0 2px 0;
border-bottom: 8px solid transparent;
color: #fff;
}
.menu__link_active {
color: #ced7d9;
border-color: #00657b;
}
.menu__link_submenu:after {
display: none;
}
.menu-dropdown {
position: absolute;
top: 100%;
left: 0;
visibility: hidden;
opacity: 0;
width: 100%;
border-top: 1px solid #dfe4e5;
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
transition: opacity 0.3s, -webkit-transform 0.3s;
transition: opacity 0.3s, transform 0.3s;
transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
}
.menu-dropdown_open {
visibility: visible;
opacity: 1;
-webkit-transform: none;
transform: none;
}
.menu-lev2 {
border-bottom: 1px solid #dfe4e5;
}
.menu-lev2__wrap {
padding-bottom: 32px;
}
.header {
height: auto;
min-height: 60px;
}
.header-wrap {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
padding: 0 40px;
}
.header__burger {
display: none;
}
}
@media (min-width: 1200px) {
.col-xl {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-xl-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333333%;
flex: 0 0 8.33333333%;
max-width: 8.33333333%;
}
.col-xl-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66666667%;
flex: 0 0 16.66666667%;
max-width: 16.66666667%;
}
.col-xl-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-xl-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333333%;
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
}
.col-xl-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66666667%;
flex: 0 0 41.66666667%;
max-width: 41.66666667%;
}
.col-xl-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-xl-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333333%;
flex: 0 0 58.33333333%;
max-width: 58.33333333%;
}
.col-xl-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66666667%;
flex: 0 0 66.66666667%;
max-width: 66.66666667%;
}
.col-xl-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-xl-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333333%;
flex: 0 0 83.33333333%;
max-width: 83.33333333%;
}
.col-xl-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66666667%;
flex: 0 0 91.66666667%;
max-width: 91.66666667%;
}
.col-xl-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.flex-xl-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-xl-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-xl-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-xl-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-xl-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-xl-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.align-content-xl-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.container {
padding-left: 80px;
padding-right: 80px;
}
.mt-red {
margin-top: 48px;
}
.mt-green {
margin-top: 32px;
}
.mt-orange {
margin-top: 24px;
}
.pt-red {
padding-top: 48px;
}
.pb-red {
padding-bottom: 48px;
}
.pt-green {
padding-top: 32px;
}
.pb-green {
padding-bottom: 32px;
}
.pt-orange {
padding-top: 24px;
}
.pb-orange {
padding-bottom: 24px;
}
}
@media (min-width: 1700px) {
body {
font-size: 18px;
}
.container {
padding-left: 240px;
padding-right: 240px;
}
.small-text {
font-size: 16px;
}
.mt-red {
margin-top: 64px;
}
.mt-green {
margin-top: 46px;
}
.mt-orange {
margin-top: 32px;
}
.pt-red {
padding-top: 64px;
}
.pb-red {
padding-bottom: 64px;
}
.pt-green {
padding-top: 48px;
}
.pb-green {
padding-bottom: 48px;
}
.pt-orange {
padding-top: 32px;
}
.pb-orange {
padding-bottom: 32px;
}
.menu-lev2__link.mt-orange {
margin-top: 32px;
}
}
@media (max-width: 1023.98px) {
.menu {
position: fixed;
z-index: 10;
top: 56px;
bottom: 0;
left: 0;
width: 100%;
background-color: #f6f7f7;
overflow-y: auto;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
pointer-events: none;
}
.menu_close,
.menu_open {
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
.menu_open {
-webkit-transform: none;
transform: none;
pointer-events: auto;
}
.menu__link.small-text {
font-size: 16px;
}
.menu-dropdown {
position: fixed;
top: 56px;
bottom: 0;
left: 0;
width: 100%;
overflow-y: auto;
-webkit-transform: translateX(100%);
transform: translateX(100%);
pointer-events: none;
}
.menu-dropdown_close,
.menu-dropdown_open {
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
.menu-dropdown_open {
-webkit-transform: none;
transform: none;
pointer-events: auto;
}
}
html {
scroll-behavior: smooth;
scroll-snap-type: x mandatory;
}
.container {
width: 100%;
padding-right: 20px;
padding-left: 20px;
margin-right: auto;
margin-left: auto;
}
.container {
max-width: 1920px;
}
.row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -20px;
margin-left: -20px;
}
.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9 {
position: relative;
width: 100%;
padding-right: 20px;
padding-left: 20px;
}
.col {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333333%;
flex: 0 0 8.33333333%;
max-width: 8.33333333%;
}
.col-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66666667%;
flex: 0 0 16.66666667%;
max-width: 16.66666667%;
}
.col-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333333%;
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
}
.col-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66666667%;
flex: 0 0 41.66666667%;
max-width: 41.66666667%;
}
.col-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333333%;
flex: 0 0 58.33333333%;
max-width: 58.33333333%;
}
.col-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66666667%;
flex: 0 0 66.66666667%;
max-width: 66.66666667%;
}
.col-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333333%;
flex: 0 0 83.33333333%;
max-width: 83.33333333%;
}
.col-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66666667%;
flex: 0 0 91.66666667%;
max-width: 91.66666667%;
}
.col-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.flex-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.align-content-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
*,
:after,
:before {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
margin: 0;
}
html {
height: 100%;
}
body {
--perxis-auto-select-color: #fff;
--perxis-auto-select-placeholder-color: #fff;
--perxis-auto-select-selection-font-size: 16px;
--perxis-auto-select-arrow-color: #abbbbe;
--perxis-auto-select-hover-arrow-color: #3da2b8;
--perxis-auto-select-selection-font-size: 16px;
--perxis-auto-select-selection-line-height: 1;
--perxis-auto-select-selection-font-weight: 400;
--perxis-auto-select-selection-text-transform: none;
--perxis-auto-select-selection-letter-spacing: 0;
--perxis-auto-select-icon-font-size: 24px;
--perxis-auto-select-dropdown-font-size: 16px;
--perxis-auto-select-dropdown-line-height: 1.6;
--perxis-auto-select-dropdown-font-weight: 400;
--perxis-auto-select-dropdown-text-transform: none;
--perxis-auto-select-dropdown-letter-spacing: 0;
--perxis-auto-select-dropdown-border-radius: 0;
--perxis-auto-select-dropdown-background-color: #fff;
--perxis-auto-select-dropdown-scrollbar-background-color: #6c7c80;
--perxis-auto-select-dropdown-scrollbar-thumb-background-color: #30363a;
--perxis-auto-select-dropdown-color: #0d171a;
--perxis-auto-select-dropdown-hover-background-color: #f6f7f7;
--perxis-auto-select-dropdown-hover-color: #00657b;
--perxis-auto-select-dropdown-selected-color: #3b9db2;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
font: 16px/1.6 Arial, Helvetica, sans-serif;
font-weight: 400;
color: #0d171a;
background-color: #fff;
}
section {
display: block;
}
img {
max-width: 100%;
border: 0;
}
:focus {
outline: 0;
}
button::-moz-focus-inner {
border: 0;
}
button {
font-family: inherit;
color: inherit;
border: 0;
border-radius: 0;
background: 0 0;
}
.container {
width: 100%;
padding-right: 16px;
padding-left: 16px;
margin-right: auto;
margin-left: auto;
}
.row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -16px;
margin-left: -16px;
}
.row > .col,
.row > [class*="col-"] {
position: relative;
width: 100%;
padding-right: 16px;
padding-left: 16px;
}
.small-text {
font-size: 14px;
}
img[data-object-fit="contain"] {
-o-object-fit: contain;
object-fit: contain;
}
img[data-object-fit="cover"] {
-o-object-fit: cover;
object-fit: cover;
object-position: center;
}
@media (1100px >= width) {
img[data-object-fit="cover"] {
-o-object-fit: cover;
object-fit: cover;
object-position: center;
}
}
img[data-object-fit="fill"] {
-o-object-fit: cover;
object-fit: cover;
object-position: top;
}
@media (1600px <= width <= 1880px) {
img[data-object-fit="fill"] {
-o-object-fit: fill;
object-fit: fill;
object-position: top;
}
}
.mt-red {
margin-top: 32px;
}
.mt-green {
margin-top: 24px;
}
.mt-orange {
margin-top: 16px;
}
.pt-red {
padding-top: 32px;
}
.pb-red {
padding-bottom: 32px;
}
.pt-green {
padding-top: 24px;
}
.pb-green {
padding-bottom: 24px;
}
.pt-orange {
padding-top: 16px;
}
.pb-orange {
padding-bottom: 16px;
}
@-webkit-keyframes fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-webkit-keyframes fadeout {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes fadeout {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(1turn);
transform: rotate(1turn);
}
}
@keyframes spin {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(1turn);
transform: rotate(1turn);
}
}
@-webkit-keyframes cookie-notify-anim {
0% {
-webkit-transform: translateY(120px);
transform: translateY(120px);
opacity: 0;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
@keyframes cookie-notify-anim {
0% {
-webkit-transform: translateY(120px);
transform: translateY(120px);
opacity: 0;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
@-webkit-keyframes cookie-notify-anim-hide {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
100% {
-webkit-transform: translateY(120px);
transform: translateY(120px);
opacity: 0;
}
}
@keyframes cookie-notify-anim-hide {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
100% {
-webkit-transform: translateY(120px);
transform: translateY(120px);
opacity: 0;
}
}
.menu {
overflow-x: hidden;
}
.menu__back {
position: relative;
width: 100%;
font-size: 18px;
line-height: 1.4;
color: #0d171a;
text-align: center;
font-weight: 700;
padding: 15px 50px 16px 50px;
background: #f6f7f7;
}
.menu__back:after {
content: "";
position: absolute;
top: calc(50% - 12px);
left: 20px;
width: 24px;
height: 24px;
background: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.47424 4.5L1 12.5L8.47424 2.5L10 19.0433L4.05152 12.5L10 5.95668L8.47424 4.5Z' fill='%2300657B'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M23 11.3889H3V13.6112H23V11.3889Z' fill='%2300657B'/%3E%3C/svg%3E")
center center no-repeat;
}
.menu__list {
list-style: none;
}
.menu__link {
display: block;
line-height: 1;
color: #0d171a;
text-decoration: none;
padding: 22px 50px 22px 16px;
-webkit-transition: color 0.2s, border-color 0.2s;
transition: color 0.2s, border-color 0.2s;
}
.menu__link:hover {
text-decoration: underline;
background-color: #f6f7f7;
}
.menu__link_submenu {
position: relative;
}
.menu__link_submenu:after {
content: "";
position: absolute;
top: calc(50% - 12px);
right: 15px;
width: 24px;
height: 24px;
background: url(../images/icons/menuopcion.svg) center center no-repeat;
}
.menu__link_submenu:hover:after {
background: url(../images/icons/menuopcion.svg) center center no-repeat;
}
.menu-dropdown {
z-index: 11;
background-color: #fff;
}
.menu-lev2__wrap {
padding-top: 0;
padding-bottom: 0;
}
.menu-lev2__title {
display: block;
font-size: 12px;
line-height: 1;
color: #6c7c80;
letter-spacing: 0.05em;
text-transform: uppercase;
text-decoration: none;
text-transform: uppercase;
padding: 18px 20px 19px 20px;
margin: 0 -20px;
border-bottom: 1px solid #dfe4e5;
}
.menu-lev2__title:hover {
text-decoration: underline;
background-color: #f6f7f7;
}
.menu-lev2__list {
list-style: none;
margin-left: -20px;
margin-right: -20px;
}
.menu-lev2__item {
font-size: 14px;
line-height: 1.4;
color: inherit;
border-bottom: 1px solid #dfe4e5;
}
.menu-lev2__link {
display: block;
color: #0d171a;
text-decoration: none;
padding: 15px 20px 15px 40px;
}
.menu-lev2__link.mt-orange {
margin-top: 0;
}
.menu-lev2__link:hover {
text-decoration: underline;
background-color: #f6f7f7;
}
.menu-models__list {
list-style: none;
}
.menu-models__item-link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
line-height: 1;
letter-spacing: 0.5px;
text-transform: uppercase;
text-decoration: none;
border-bottom: 1px solid #dfe4e5;
}
.menu-models__item-link:hover {
background-color: #f6f7f7;
}
.menu-models__item-title {
font-size: 18px;
line-height: 1.4;
font-weight: 700;
color: #0d171a;
}
.menu-models__item-price {
font-size: 14px;
line-height: 1.5;
font-weight: 400;
color: #abbbbe;
margin-top: 8px;
}
.menu-models__item-img {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 30px;
}
.menu-models__item-img img {
width: 142px;
}
.mt-green {
display: none;
}
.header {
position: fixed;
z-index: 1000;
top: 0;
left: 0;
width: 100%;
height: 56px;
color: #fff;
background: #0d171a;
-webkit-transition: top 0.3s linear, background 0.3s;
transition: top 0.3s linear, background 0.3s;
}
.header-wrap {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
max-width: 1920px;
height: 100%;
margin: 0 auto;
}
.header__logo {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.header__logo img {
display: block;
width: 140px;
height: 16px;
}
.header__burger {
position: absolute;
top: 0;
right: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
width: 56px;
height: 56px;
color: inherit;
cursor: pointer;
}
.header__burger i {
display: block;
width: 24px;
height: 24px;
background: url(../images/icons/menumovil.svg) center center no-repeat;
}
.header__burger_open i {
background: url(../images/icons/menucerrar.svg) center center no-repeat;
}
@media (min-width: 768px) {
.col-md {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-md-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333333%;
flex: 0 0 8.33333333%;
max-width: 8.33333333%;
}
.col-md-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66666667%;
flex: 0 0 16.66666667%;
max-width: 16.66666667%;
}
.col-md-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-md-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333333%;
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
}
.col-md-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66666667%;
flex: 0 0 41.66666667%;
max-width: 41.66666667%;
}
.col-md-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-md-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333333%;
flex: 0 0 58.33333333%;
max-width: 58.33333333%;
}
.col-md-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66666667%;
flex: 0 0 66.66666667%;
max-width: 66.66666667%;
}
.col-md-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-md-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333333%;
flex: 0 0 83.33333333%;
max-width: 83.33333333%;
}
.col-md-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66666667%;
flex: 0 0 91.66666667%;
max-width: 91.66666667%;
}
.col-md-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.flex-md-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-md-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-md-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-md-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-md-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-md-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.align-content-md-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.container {
width: 100%;
padding-right: 20px;
padding-left: 20px;
margin-right: auto;
margin-left: auto;
}
.row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -20px;
margin-left: -20px;
}
.row > .col,
.row > [class*="col-"] {
position: relative;
width: 100%;
padding-right: 20px;
padding-left: 20px;
}
.menu__back {
padding-right: 40px;
padding-left: 40px;
}
.menu-lev2__wrap {
padding-top: 22px;
}
.menu-lev2__title {
padding: 0;
margin: 0;
border: 0;
}
.menu-lev2__title:not(:first-of-type) {
margin-top: 24px;
}
.menu-lev2__title:hover {
background: 0 0;
}
.menu-lev2__list {
margin: 0;
}
.menu-lev2__item {
line-height: 1;
border: 0;
}
.menu-lev2__link {
display: inline-block;
padding: 0;
}
.menu-lev2__link.mt-orange {
margin-top: 24px;
}
.menu-lev2__link:hover {
background: 0 0;
}
.menu-models__item-link {
display: block;
text-align: center;
margin: 0;
border: 0;
}
.menu-models__item-title {
font-size: 24px;
}
.menu-models__item-price {
margin: 0;
}
.menu-models__item-img {
margin: 0;
}
.menu-models__item-img img {
width: 85%;
max-width: 227px;
}
.header__logo img {
width: 158px;
height: 18px;
}
}
.menu__item {
display: flex;
flex-wrap: wrap;
align-content: center;
}
@media (min-width: 1024px) {
.col-lg {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-lg-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333333%;
flex: 0 0 8.33333333%;
max-width: 8.33333333%;
}
.col-lg-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66666667%;
flex: 0 0 16.66666667%;
max-width: 16.66666667%;
}
.col-lg-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-lg-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333333%;
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
}
.col-lg-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66666667%;
flex: 0 0 41.66666667%;
max-width: 41.66666667%;
}
.col-lg-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-lg-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333333%;
flex: 0 0 58.33333333%;
max-width: 58.33333333%;
}
.col-lg-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66666667%;
flex: 0 0 66.66666667%;
max-width: 66.66666667%;
}
.col-lg-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-lg-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333333%;
flex: 0 0 83.33333333%;
max-width: 83.33333333%;
}
.col-lg-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66666667%;
flex: 0 0 91.66666667%;
max-width: 91.66666667%;
}
.col-lg-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.flex-lg-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-lg-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-lg-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-lg-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-lg-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-lg-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.align-content-lg-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.menu {
overflow-x: initial;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
padding: 0;
border: 0;
justify-content: space-between;
}
.menu__back {
display: none;
}
.menu__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-left: 10px;
}
.menu__item {
margin-left: 30px;
}
.menu__item1 {
margin-right: 40px;
}
.menu__link:hover {
text-decoration: none;
background: 0 0;
}
.menu__link {
padding: 5px 0 2px 0;
border-bottom: 8px solid transparent;
color: #fff;
}
.menu__link:hover {
border-color: #fff;
}
.menu__link_active {
color: #ced7d9;
border-color: #00657b;
}
.menu__link_active:hover {
color: #ced7d9;
border-color: #00657b;
}
.menu__link_submenu:after {
display: none;
}
.menu-dropdown {
position: absolute;
top: 100%;
left: 0;
visibility: hidden;
opacity: 0;
width: 100%;
border-top: 1px solid #dfe4e5;
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
transition: opacity 0.3s, -webkit-transform 0.3s;
transition: opacity 0.3s, transform 0.3s;
transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
}
.menu-dropdown_open {
visibility: visible;
opacity: 1;
-webkit-transform: none;
transform: none;
}
.menu-lev2 {
border-bottom: 1px solid #dfe4e5;
}
.header {
height: auto;
min-height: 60px;
}
.header-wrap {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
padding: 0 40px;
}
.header__burger {
display: none;
}
}
@media (min-width: 1200px) {
.col-xl {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-xl-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333333%;
flex: 0 0 8.33333333%;
max-width: 8.33333333%;
}
.col-xl-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66666667%;
flex: 0 0 16.66666667%;
max-width: 16.66666667%;
}
.col-xl-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-xl-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333333%;
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
}
.col-xl-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66666667%;
flex: 0 0 41.66666667%;
max-width: 41.66666667%;
}
.col-xl-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-xl-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333333%;
flex: 0 0 58.33333333%;
max-width: 58.33333333%;
}
.col-xl-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66666667%;
flex: 0 0 66.66666667%;
max-width: 66.66666667%;
}
.col-xl-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-xl-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333333%;
flex: 0 0 83.33333333%;
max-width: 83.33333333%;
}
.col-xl-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66666667%;
flex: 0 0 91.66666667%;
max-width: 91.66666667%;
}
.col-xl-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.flex-xl-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-xl-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-xl-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-xl-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-xl-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-xl-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.align-content-xl-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.container {
padding-left: 80px;
padding-right: 80px;
}
.mt-red {
margin-top: 48px;
}
.mt-green {
margin-top: 32px;
}
.mt-orange {
margin-top: 24px;
}
.pt-red {
padding-top: 48px;
}
.pb-red {
padding-bottom: 48px;
}
.pt-green {
padding-top: 32px;
}
.pb-green {
padding-bottom: 32px;
}
.pt-orange {
padding-top: 24px;
}
.pb-orange {
padding-bottom: 24px;
}
}
@media (min-width: 1700px) {
body {
font-size: 18px;
}
.container {
padding-left: 240px;
padding-right: 240px;
}
.small-text {
font-size: 16px;
}
.mt-red {
margin-top: 64px;
}
.mt-green {
margin-top: 46px;
}
.mt-orange {
margin-top: 32px;
}
.pt-red {
padding-top: 64px;
}
.pb- {
padding-bottom: 64px;
}
.pt-green {
padding-top: 48px;
}
.pb-green {
padding-bottom: 48px;
}
.pt-orange {
padding-top: 32px;
}
.pb-orange {
padding-bottom: 32px;
}
.menu-lev2__link.mt-orange {
margin-top: 32px;
}
}
@media (max-width: 1023px) {
.menu {
position: fixed;
z-index: 10;
top: 56px;
bottom: 0;
left: 0;
width: 100%;
background-color: #fff;
overflow-y: auto;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
pointer-events: none;
}
.menu_close,
.menu_open {
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
.menu_open {
-webkit-transform: none;
transform: none;
pointer-events: auto;
}
.menu__item {
border-bottom: 1px solid #dfe4e5;
}
.menu-dropdown {
position: fixed;
top: 56px;
bottom: 0;
left: 0;
width: 100%;
overflow-y: auto;
-webkit-transform: translateX(100%);
transform: translateX(100%);
pointer-events: none;
}
.menu-dropdown_close,
.menu-dropdown_open {
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
.menu-dropdown_open {
-webkit-transform: none;
transform: none;
pointer-events: auto;
}
}
#noticias {
min-height: 1100px;
overflow: hidden;
width: 100%;
}
@media (width > 1023px) {
.menu-lev2__wrap {
display: flex;
flex-direction: row;
}
.menu-lev2__list {
display: flex;
flex-direction: column;
margin-right: 30px;
margin-bottom: 30px;
}
}
.menu-lev2__list {
margin-bottom: 20px;
}
.logo {
display: inline;
}
@keyframes animate-fade {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes animate-pop {
0% {
opacity: 0;
transform: scale(0.5, 0.5);
}
100% {
opacity: 1;
transform: scale(1, 1);
}
}
@keyframes animate-blur {
0% {
opacity: 0;
filter: blur(15px);
}
100% {
opacity: 1;
filter: blur(0);
}
}
@keyframes animate-glow {
0% {
opacity: 0;
filter: brightness(3) saturate(3);
transform: scale(0.8, 0.8);
}
100% {
opacity: 1;
filter: brightness(1) saturate(1);
transform: scale(1, 1);
}
}
@keyframes animate-grow {
0% {
opacity: 0;
transform: scale(1, 0);
visibility: hidden;
}
100% {
opacity: 1;
transform: scale(1, 1);
}
}
@keyframes animate-splat {
0% {
opacity: 0;
transform: scale(0, 0) rotate(20deg) translate(0, -30px);
}
70% {
opacity: 1;
transform: scale(1.1, 1.1) rotate(15deg);
}
85% {
opacity: 1;
transform: scale(1.1, 1.1) rotate(15deg) translate(0, -10px);
}
100% {
opacity: 1;
transform: scale(1, 1) rotate(0) translate(0, 0);
}
}
@keyframes animate-roll {
0% {
opacity: 0;
transform: scale(0, 0) rotate(360deg);
}
100% {
opacity: 1;
transform: scale(1, 1) rotate(0);
}
}
@keyframes animate-flip {
0% {
opacity: 0;
transform: rotateX(-120deg) scale(0.9, 0.9);
}
100% {
opacity: 1;
transform: rotateX(0) scale(1, 1);
}
}
@keyframes animate-spin {
0% {
opacity: 0;
transform: rotateY(-120deg) scale(0.9, 0.9);
}
100% {
opacity: 1;
transform: rotateY(0) scale(1, 1);
}
}
@keyframes animate-slide {
0% {
opacity: 0;
transform: translate(0, 25px);
}
100% {
opacity: 1;
transform: translate(0, 0);
}
}
@keyframes animate-drop {
0% {
opacity: 0;
transform: translate(0, -300px) scale(0.9, 1.1);
}
95% {
opacity: 1;
transform: translate(0, 0) scale(0.9, 1.1);
}
96% {
opacity: 1;
transform: translate(10px, 0) scale(1.2, 0.9);
}
97% {
opacity: 1;
transform: translate(-10px, 0) scale(1.2, 0.9);
}
98% {
opacity: 1;
transform: translate(5px, 0) scale(1.1, 0.9);
}
99% {
opacity: 1;
transform: translate(-5px, 0) scale(1.1, 0.9);
}
100% {
opacity: 1;
transform: translate(0, 0) scale(1, 1);
}
}
.menu-models__item {
padding-right: 0 !important;
padding-left: 0 !important;
}
.menu-models__item-img img {
width: 100%;
max-width: 227px;
}
.menu-models__item-link {
display: flex;
flex-direction: row;
height: 100%;
width: 100%;
padding: 15px 10px 15px 0;
font-size: 14px;
}
.menu-models__item-link > div:nth-child(1) {
width: 60%;
}
.menu-models__item-link > div:nth-child(2) {
width: 40%;
}
.boton-wrap-header a {
height: 30px;
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
}
.boton-wrap-header a:hover {
opacity: 0.8;
}
.boton-wrap-header a:nth-child(1) {
background-color: #00657b;
color: #fff;
margin-bottom: 3px;
border: solid 1px #333;
}
.boton-wrap-header a:nth-child(2) {
background-color: #fff;
color: #1b1b1b;
margin-top: 3px;
border: solid 1px #535353;
}
@media (max-width: 640px) {
.container {
max-width: 640px;
}
}
@media (max-width: 768px) {
.container {
max-width: 768px;
}
}
@media (max-width: 1024px) {
.container {
max-width: 1024px;
}
}
@media (max-width: 1280px) {
.container {
max-width: 1280px;
}
}
@media (max-width: 1536px) {
.container {
max-width: 1920px;
}
}