@charset "UTF-8";
@font-face {
  font-family: "VWHead-Bold";
  src: url("../fonts/vwhead/VWHead-Bold.eot");
  src: url("../fonts/vwhead/VWHead-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/vwhead/VWHead-Bold.woff") format("woff"), url("../fonts/vwhead/VWHead-Bold.ttf") format("truetype"), url("../fonts/vwhead/VWHead-Bold.svg#VWHead-Bold") format("svg"); }

@font-face {
  font-family: "VWHead-BoldItalic";
  src: url("../fonts/vwhead/VWHead-BoldItalic.eot");
  src: url("../fonts/vwhead/VWHead-BoldItalic?#iefix") format("embedded-opentype"), url("../fonts/vwhead/VWHead-BoldItalic.woff") format("woff"), url("../fonts/vwhead/VWHead-BoldItalic.ttf") format("truetype"), url("../fonts/vwhead/VWHead-BoldItalic.svg#VWHead-BoldItalic") format("svg"); }

@font-face {
  font-family: "VWHead-Regular";
  src: url("../fonts/vwhead/VWHead-Regular.eot");
  src: url("../fonts/vwhead/VWHead-Regular?#iefix") format("embedded-opentype");
  src: url("../fonts/vwhead/VWHead-Regular.woff") format("woff"), url("../fonts/vwhead/VWHead-Regular.ttf") format("truetype"), url("../fonts/vwhead/VWHead-Regular.svg#VWHead-Regular") format("svg"); }

@font-face {
  font-family: "VWHead-RegularItalic";
  src: url("../fonts/vwhead/VWHead-RegularItalic.eot");
  src: url("../fonts/vwhead/VWHead-RegularItalic?#iefix") format("embedded-opentype"), url("../fonts/vwhead/VWHead-RegularItalic.woff") format("woff"), url("../fonts/vwhead/VWHead-RegularItalic.ttf") format("truetype"), url("../fonts/vwhead/VWHead-RegularItalic.svg#VWHead-RegularItalic") format("svg"); }

@font-face {
  font-family: "VWHeadWeb-Light";
  src: url("../fonts/vwhead/VWHeadWeb-Light.woff") format("woff");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: "VWText-Bold";
  src: url("../fonts/vwtext/VWText-Bold.eot");
  src: url("../fonts/vwtext/VWText-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/vwtext/VWText-Bold.woff") format("woff"), url("../fonts/vwtext/VWText-Bold.ttf") format("truetype"), url("../fonts/vwtext/VWText-Bold.svg#VWText-Bold") format("svg"); }

@font-face {
  font-family: "VWText-BoldItalic";
  src: url("../fonts/vwtext/VWText-BoldItalic.eot");
  src: url("../fonts/vwtext/VWText-BoldItalic?#iefix") format("embedded-opentype"), url("../fonts/vwtext/VWText-BoldItalic.woff") format("woff"), url("../fonts/vwtext/VWText-BoldItalic.ttf") format("truetype"), url("../fonts/vwtext/VWText-BoldItalic.svg#VWText-BoldItalic") format("svg"); }

@font-face {
  font-family: "VWText-Regular";
  src: url("../fonts/vwtext/VWText-Regular.eot");
  src: url("../fonts/vwtext/VWText-Regular?#iefix") format("embedded-opentype");
  src: url("../fonts/vwtext/VWText-Regular.woff") format("woff"), url("../fonts/vwtext/VWText-Regular.ttf") format("truetype"), url("../fonts/vwtext/VWText-Regular.svg#VWText-Regular") format("svg"); }

.transition, .overlay.visible, .btn, .submenu .close-btn, .submenu .data .block, .submenu .data .block span, .submenu .data .block span svg path, .submenu.campaigns .data .image img, .submenu.campaigns .data .paging li, .submenu .models .col .hover, .submenu .models .col .hover button, .submenu .models .col .hover a, .campaigns .grid-item h6, .campaigns h6, .slide-navi, .vw-menu__content .wrapper .vw-menu__close button, .vw-menu__content .vw-menu__items, .vw-menu__content .vw-menu__items .sections ul li a, .vw-menu__content .vw-menu__footer .links div a, .vw-menu__sub .vw-menu__back button, .vw-menu__sub .vw-menu__subs ul li a, .vw-menu .vw-menu__top, .vw-menu .vw-menu__top ul li a, .footer .wrapper .col ul li a, .footer .wrapper .links div a, .template-overlay .scrollable, .template-overlay .classifications ul li a, .grid-item .image img, .modal-form .request__form .request__form__input.with--checkbox a, .modal-form .request__form .request__form__input p a, .main-blocks a, .main-blocks a div svg path, .main-campaigns .image img, .main-campaigns h6, .cars-page .classifications ul li a, .fixed-filter .close-fixed-filter, .filter .filter-body .container form .bootstrap-select .btn, .filter .filter-body .container form .bootstrap-select.open .btn, .filter .filter-body .container form .dropdown-menu li a, .filter .filter-body .container form .dropdown-menu li a:hover, .filter .filter-body .container form .dropdown-menu li a:focus, .reset a, .mobile-filter a, .mobile-filter a:hover, .service .button, .contacts-service, .textdoc a, table tbody tr td a, .team .section .member .contact .email a, .news .news__item .news__item__image img, .news .news__item .news__item__data a, .landing .landing__wysiwyg a, .landing .tabs li a:after, .landing .landing__video .landing__video__preview button, .video-popup .close-btn, .filter-button, .filter-button a span svg path, .modal_popup_background.opened, .modal_popup.opened {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }

@-webkit-keyframes fadeInFromNone {
  0% {
    display: none;
    opacity: 0; }
  1% {
    display: block;
    opacity: 0; }
  100% {
    display: block;
    opacity: 1; } }

@-moz-keyframes fadeInFromNone {
  0% {
    display: none;
    opacity: 0; }
  1% {
    display: block;
    opacity: 0; }
  100% {
    display: block;
    opacity: 1; } }

@-o-keyframes fadeInFromNone {
  0% {
    display: none;
    opacity: 0; }
  1% {
    display: block;
    opacity: 0; }
  100% {
    display: block;
    opacity: 1; } }

@keyframes fadeInFromNone {
  0% {
    display: none;
    opacity: 0; }
  1% {
    display: block;
    opacity: 0; }
  100% {
    display: block;
    opacity: 1; } }

body {
  font-family: "VWText-Regular";
  overflow-y: scroll;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.noScroll, .overlay-noScroll {
  overflow: hidden !important; }

.body-content {
  --texttypes-copy100-fontsize: 12px;
  --texttypes-copy100-reducedfontsize: 12px;
  --texttypes-copy100-lineheight: 20px;
  --texttypes-copy100-letterspacing: 0.09px;
  --texttypes-copy150-fontsize: 14px;
  --texttypes-copy150-reducedfontsize: 12px;
  --texttypes-copy150-lineheight: 20px;
  --texttypes-copy150-letterspacing: 0.04px;
  --texttypes-copy200-fontsize: 16px;
  --texttypes-copy200-reducedfontsize: 12px;
  --texttypes-copy200-lineheight: 24px;
  --texttypes-copy200-letterspacing: 0.00px;
  --texttypes-copy250-fontsize: 20px;
  --texttypes-copy250-reducedfontsize: 12px;
  --texttypes-copy250-lineheight: 32px;
  --texttypes-copy250-letterspacing: -0.09px;
  --texttypes-copy300-fontsize: 24px;
  --texttypes-copy300-reducedfontsize: 12px;
  --texttypes-copy300-lineheight: 36px;
  --texttypes-copy300-letterspacing: -0.17px;
  --texttypes-headline200-fontsize: 16px;
  --texttypes-headline200-reducedfontsize: 12px;
  --texttypes-headline200-lineheight: 20px;
  --texttypes-headline200-letterspacing: 0.00px;
  --texttypes-headline250-fontsize: 20px;
  --texttypes-headline250-reducedfontsize: 12px;
  --texttypes-headline250-lineheight: 24px;
  --texttypes-headline250-letterspacing: -0.09px;
  --texttypes-headline300-fontsize: 24px;
  --texttypes-headline300-reducedfontsize: 12px;
  --texttypes-headline300-lineheight: 28px;
  --texttypes-headline300-letterspacing: -0.17px;
  --texttypes-headline350-fontsize: 28px;
  --texttypes-headline350-reducedfontsize: 16px;
  --texttypes-headline350-lineheight: 32px;
  --texttypes-headline350-letterspacing: -0.26px;
  --texttypes-headline400-fontsize: 32px;
  --texttypes-headline400-reducedfontsize: 16px;
  --texttypes-headline400-lineheight: 36px;
  --texttypes-headline400-letterspacing: -0.35px;
  --texttypes-headline450-fontsize: 44px;
  --texttypes-headline450-reducedfontsize: 24px;
  --texttypes-headline450-lineheight: 52px;
  --texttypes-headline450-letterspacing: -0.61px;
  --texttypes-headline500-fontsize: 56px;
  --texttypes-headline500-reducedfontsize: 28px;
  --texttypes-headline500-lineheight: 64px;
  --texttypes-headline500-letterspacing: -0.88px;
  --texttypes-headline550-fontsize: 84px;
  --texttypes-headline550-reducedfontsize: 44px;
  --texttypes-headline550-lineheight: 96px;
  --texttypes-headline550-letterspacing: -1.49px;
  --texttypes-headline600-fontsize: 100px;
  --texttypes-headline600-reducedfontsize: 52px;
  --texttypes-headline600-lineheight: 112px;
  --texttypes-headline600-letterspacing: -1.84px;
  --texttypes-label100-fontsize: 12px;
  --texttypes-label100-reducedfontsize: 12px;
  --texttypes-label100-lineheight: 16px;
  --texttypes-label100-letterspacing: 0.09px;
  --texttypes-label150-fontsize: 14px;
  --texttypes-label150-reducedfontsize: 12px;
  --texttypes-label150-lineheight: 16px;
  --texttypes-label150-letterspacing: 0.04px;
  --texttypes-label200-fontsize: 16px;
  --texttypes-label200-reducedfontsize: 12px;
  --texttypes-label200-lineheight: 20px;
  --texttypes-label200-letterspacing: 0.00px;
  --texttypes-label250-fontsize: 20px;
  --texttypes-label250-reducedfontsize: 12px;
  --texttypes-label250-lineheight: 24px;
  --texttypes-label250-letterspacing: -0.09px;
  --texttypes-label300-fontsize: 24px;
  --texttypes-label300-reducedfontsize: 12px;
  --texttypes-label300-lineheight: 28px;
  --texttypes-label300-letterspacing: -0.17px;
  --textappearances-copy0100-fontsize: 12px;
  --textappearances-copy0100-reducedfontsize: 12px;
  --textappearances-copy0100-lineheight: 20px;
  --textappearances-copy0100-letterspacing: 0.09px;
  --textappearances-copy0150-fontsize: 14px;
  --textappearances-copy0150-reducedfontsize: 12px;
  --textappearances-copy0150-lineheight: 24px;
  --textappearances-copy0150-letterspacing: 0.04px;
  --textappearances-copy0200-fontsize: 16px;
  --textappearances-copy0200-reducedfontsize: 12px;
  --textappearances-copy0200-lineheight: 24px;
  --textappearances-copy0200-letterspacing: 0.00px;
  --textappearances-copy0250-fontsize: 20px;
  --textappearances-copy0250-reducedfontsize: 12px;
  --textappearances-copy0250-lineheight: 32px;
  --textappearances-copy0250-letterspacing: -0.09px;
  --textappearances-copy0300-fontsize: 24px;
  --textappearances-copy0300-reducedfontsize: 12px;
  --textappearances-copy0300-lineheight: 36px;
  --textappearances-copy0300-letterspacing: -0.17px;
  --textappearances-headline0200-fontsize: 16px;
  --textappearances-headline0200-reducedfontsize: 12px;
  --textappearances-headline0200-lineheight: 20px;
  --textappearances-headline0200-letterspacing: 0.00px;
  --textappearances-headline0250-fontsize: 20px;
  --textappearances-headline0250-reducedfontsize: 12px;
  --textappearances-headline0250-lineheight: 24px;
  --textappearances-headline0250-letterspacing: -0.09px;
  --textappearances-headline0300-fontsize: 24px;
  --textappearances-headline0300-reducedfontsize: 12px;
  --textappearances-headline0300-lineheight: 28px;
  --textappearances-headline0300-letterspacing: -0.17px;
  --textappearances-headline0350-fontsize: 28px;
  --textappearances-headline0350-reducedfontsize: 16px;
  --textappearances-headline0350-lineheight: 32px;
  --textappearances-headline0350-letterspacing: -0.26px;
  --textappearances-headline0400-fontsize: 32px;
  --textappearances-headline0400-reducedfontsize: 16px;
  --textappearances-headline0400-lineheight: 36px;
  --textappearances-headline0400-letterspacing: -0.35px;
  --textappearances-headline0450-fontsize: 44px;
  --textappearances-headline0450-reducedfontsize: 24px;
  --textappearances-headline0450-lineheight: 52px;
  --textappearances-headline0450-letterspacing: -0.61px;
  --textappearances-headline0500-fontsize: 56px;
  --textappearances-headline0500-reducedfontsize: 28px;
  --textappearances-headline0500-lineheight: 64px;
  --textappearances-headline0500-letterspacing: -0.88px;
  --textappearances-headline0550-fontsize: 84px;
  --textappearances-headline0550-reducedfontsize: 44px;
  --textappearances-headline0550-lineheight: 96px;
  --textappearances-headline0550-letterspacing: -1.49px;
  --textappearances-headline0600-fontsize: 100px;
  --textappearances-headline0600-reducedfontsize: 52px;
  --textappearances-headline0600-lineheight: 112px;
  --textappearances-headline0600-letterspacing: -1.84px;
  --textappearances-label0100-fontsize: 12px;
  --textappearances-label0100-reducedfontsize: 12px;
  --textappearances-label0100-lineheight: 16px;
  --textappearances-label0100-letterspacing: 0.09px;
  --textappearances-label0150-fontsize: 14px;
  --textappearances-label0150-reducedfontsize: 12px;
  --textappearances-label0150-lineheight: 16px;
  --textappearances-label0150-letterspacing: 0.04px;
  --textappearances-label0200-fontsize: 16px;
  --textappearances-label0200-reducedfontsize: 12px;
  --textappearances-label0200-lineheight: 20px;
  --textappearances-label0200-letterspacing: 0.00px;
  --textappearances-label0250-fontsize: 20px;
  --textappearances-label0250-reducedfontsize: 12px;
  --textappearances-label0250-lineheight: 24px;
  --textappearances-label0250-letterspacing: -0.09px;
  --textappearances-label0300-fontsize: 24px;
  --textappearances-label0300-reducedfontsize: 12px;
  --textappearances-label0300-lineheight: 28px;
  --textappearances-label0300-letterspacing: -0.17px;
  --size-grid1: 4.16vw;
  --size-grid2: 8.33vw;
  --size-grid3: 12.5vw;
  --size-grid4: 16.66vw;
  --size-grid5: 20.83vw;
  --size-grid6: 25vw;
  --size-grid7: 29.16vw;
  --size-grid8: 33.33vw;
  --size-grid11: 45.83vw;
  --size-grid15: 62.5vw;
  --size-grid001: 4.16vw;
  --size-grid002: 8.33vw;
  --size-grid003: 12.5vw;
  --size-grid004: 16.66vw;
  --size-grid005: 20.83vw;
  --size-grid006: 25vw;
  --size-grid007: 29.16vw;
  --size-grid008: 33.33vw;
  --size-grid009: 37.5vw;
  --size-grid010: 41.66vw;
  --size-grid011: 45.83vw;
  --size-grid012: 50vw;
  --size-grid013: 54.16vw;
  --size-grid014: 58.33vw;
  --size-grid015: 62.5vw;
  --size-grid016: 66.66vw;
  --size-grid017: 70.83vw;
  --size-grid018: 75vw;
  --size-grid019: 79.16vw;
  --size-grid020: 83.33vw;
  --size-grid021: 87.5vw;
  --size-grid022: 91.66vw;
  --size-grid023: 95.83vw;
  --size-grid024: 100vw;
  --size-dynamic020: 4px;
  --size-dynamic040: 12px;
  --size-dynamic050: 12px;
  --size-dynamic100: 20px;
  --size-dynamic120: 24px;
  --size-dynamic130: 24px;
  --size-dynamic140: 28px;
  --size-dynamic150: 28px;
  --size-dynamic200: 32px;
  --size-dynamic250: 44px;
  --size-dynamic270: 56px;
  --size-dynamic300: 72px;
  --size-dynamic350: 100px;
  --size-dynamic450: 156px;
  --size-dynamic0020: 4px;
  --size-dynamic0040: 12px;
  --size-dynamic0050: 12px;
  --size-dynamic0100: 20px;
  --size-dynamic0120: 24px;
  --size-dynamic0130: 24px;
  --size-dynamic0140: 28px;
  --size-dynamic0150: 28px;
  --size-dynamic0200: 32px;
  --size-dynamic0250: 44px;
  --size-dynamic0270: 56px;
  --size-dynamic0300: 72px;
  --size-dynamic0350: 100px;
  --size-dynamic0450: 156px;
  --size-dynamic-0-1-1: 0;
  --size-dynamic-0-1-2: 0;
  --size-dynamic-0-2-2: 0;
  --size-dynamic-0-4-4: 0;
  --size-dynamic-1-2-2: 4.16vw;
  --size-dynamic-1-4-6: 4.16vw;
  --size-dynamic-2-0-0: 8.33vw;
  --size-dynamic-2-1-1: 8.33vw;
  --size-dynamic-2-1-2: 8.33vw;
  --size-dynamic-2-2-3: 8.33vw;
  --size-dynamic-2-3-3: 8.33vw;
  --size-dynamic-2-3-5: 8.33vw;
  --size-dynamic-2-4-4: 8.33vw;
  --size-dynamic-2-4-6: 8.33vw;
  --size-dynamic-2-5-5: 8.33vw;
  --size-dynamic-2-6-6: 8.33vw;
  --size-dynamic-2-6-7: 8.33vw;
  --size-dynamic-2-7-7: 8.33vw;
  --size-dynamic-2-7-8: 8.33vw;
  --size-dynamic-2-8-8: 8.33vw;
  --size-dynamic-2-10-12: 8.33vw;
  --size-dynamic-4-0-0: 16.66vw;
  --size-dynamic-4-2-2: 16.66vw;
  --size-dynamic-4-3-3: 16.66vw;
  --size-dynamic-22-9-9: 91.66vw;
  --size-dynamic-20-14-8-6: 83.33vw;
  --size-dynamic-20-20-18-14: 83.33vw;
  --size-dynamic-22-12-8-6: 91.66vw;
  --size-dynamic-22-22-20-16: 91.66vw; }

@media (min-width: 560px) {
  .body-content {
    --textappearances-headline0350-fontsize: 32px;
    --textappearances-headline0350-reducedfontsize: 16px;
    --textappearances-headline0350-lineheight: 36px;
    --textappearances-headline0350-letterspacing: -0.35px;
    --textappearances-headline0400-fontsize: 48px;
    --textappearances-headline0400-reducedfontsize: 24px;
    --textappearances-headline0400-lineheight: 56px;
    --textappearances-headline0400-letterspacing: -0.70px;
    --textappearances-headline0450-fontsize: 60px;
    --textappearances-headline0450-reducedfontsize: 32px;
    --textappearances-headline0450-lineheight: 68px;
    --textappearances-headline0450-letterspacing: -0.96px;
    --textappearances-headline0500-fontsize: 72px;
    --textappearances-headline0500-reducedfontsize: 36px;
    --textappearances-headline0500-lineheight: 80px;
    --textappearances-headline0500-letterspacing: -1.22px;
    --textappearances-headline0550-fontsize: 96px;
    --textappearances-headline0550-reducedfontsize: 48px;
    --textappearances-headline0550-lineheight: 108px;
    --textappearances-headline0550-letterspacing: -1.75px;
    --textappearances-headline0600-fontsize: 116px;
    --textappearances-headline0600-reducedfontsize: 60px;
    --textappearances-headline0600-lineheight: 128px;
    --textappearances-headline0600-letterspacing: -2.19px;
    --size-dynamic0020: 4px;
    --size-dynamic0040: 20px;
    --size-dynamic0050: 20px;
    --size-dynamic0100: 24px;
    --size-dynamic0120: 20px;
    --size-dynamic0130: 40px;
    --size-dynamic0140: 32px;
    --size-dynamic0150: 52px;
    --size-dynamic0200: 56px;
    --size-dynamic0250: 68px;
    --size-dynamic0270: 80px;
    --size-dynamic0300: 96px;
    --size-dynamic0350: 132px;
    --size-dynamic0450: 172px; } }

@media (min-width: 768px) {
  .body-content {
    --texttypes-headline350-fontsize: 32px;
    --texttypes-headline350-reducedfontsize: 16px;
    --texttypes-headline350-lineheight: 36px;
    --texttypes-headline350-letterspacing: -0.35px;
    --texttypes-headline400-fontsize: 48px;
    --texttypes-headline400-reducedfontsize: 24px;
    --texttypes-headline400-lineheight: 56px;
    --texttypes-headline400-letterspacing: -0.70px;
    --texttypes-headline450-fontsize: 60px;
    --texttypes-headline450-reducedfontsize: 32px;
    --texttypes-headline450-lineheight: 68px;
    --texttypes-headline450-letterspacing: -0.96px;
    --texttypes-headline500-fontsize: 72px;
    --texttypes-headline500-reducedfontsize: 36px;
    --texttypes-headline500-lineheight: 80px;
    --texttypes-headline500-letterspacing: -1.22px;
    --texttypes-headline550-fontsize: 96px;
    --texttypes-headline550-reducedfontsize: 48px;
    --texttypes-headline550-lineheight: 108px;
    --texttypes-headline550-letterspacing: -1.75px;
    --texttypes-headline600-fontsize: 116px;
    --texttypes-headline600-reducedfontsize: 60px;
    --texttypes-headline600-lineheight: 128px;
    --texttypes-headline600-letterspacing: -2.19px;
    --size-dynamic020: 4px;
    --size-dynamic040: 20px;
    --size-dynamic050: 20px;
    --size-dynamic100: 24px;
    --size-dynamic120: 20px;
    --size-dynamic130: 40px;
    --size-dynamic140: 32px;
    --size-dynamic150: 52px;
    --size-dynamic200: 56px;
    --size-dynamic250: 68px;
    --size-dynamic270: 80px;
    --size-dynamic300: 96px;
    --size-dynamic350: 132px;
    --size-dynamic450: 172px;
    --size-dynamic-0-1-1: 4.16vw;
    --size-dynamic-0-1-2: 4.16vw;
    --size-dynamic-0-2-2: 8.33vw;
    --size-dynamic-0-4-4: 16.66vw;
    --size-dynamic-1-2-2: 8.33vw;
    --size-dynamic-1-4-6: 16.66vw;
    --size-dynamic-2-0-0: 0;
    --size-dynamic-2-1-1: 4.16vw;
    --size-dynamic-2-1-2: 4.16vw;
    --size-dynamic-2-2-3: 8.33vw;
    --size-dynamic-2-3-3: 12.5vw;
    --size-dynamic-2-3-5: 12.5vw;
    --size-dynamic-2-4-4: 16.66vw;
    --size-dynamic-2-4-6: 16.66vw;
    --size-dynamic-2-5-5: 20.83vw;
    --size-dynamic-2-6-6: 25vw;
    --size-dynamic-2-6-7: 25vw;
    --size-dynamic-2-7-7: 29.16vw;
    --size-dynamic-2-7-8: 29.16vw;
    --size-dynamic-2-8-8: 33.33vw;
    --size-dynamic-2-10-12: 41.66vw;
    --size-dynamic-4-0-0: 0vw;
    --size-dynamic-4-2-2: 8.33vw;
    --size-dynamic-4-3-3: 12.5vw;
    --size-dynamic-22-9-9: 37.5vw;
    --size-dynamic-20-14-8-6: 58.33vw;
    --size-dynamic-20-20-18-14: 83.33vw;
    --size-dynamic-22-12-8-6: 50vw;
    --size-dynamic-22-22-20-16: 91.66vw; } }

@media (min-width: 1440px) {
  .body-content {
    --texttypes-copy100-fontsize: 14px;
    --texttypes-copy100-reducedfontsize: 12px;
    --texttypes-copy100-lineheight: 24px;
    --texttypes-copy100-letterspacing: 0.04px;
    --texttypes-copy150-fontsize: 16px;
    --texttypes-copy150-reducedfontsize: 12px;
    --texttypes-copy150-lineheight: 24px;
    --texttypes-copy150-letterspacing: 0.00px;
    --texttypes-copy200-fontsize: 20px;
    --texttypes-copy200-reducedfontsize: 12px;
    --texttypes-copy200-lineheight: 32px;
    --texttypes-copy200-letterspacing: -0.09px;
    --texttypes-copy250-fontsize: 24px;
    --texttypes-copy250-reducedfontsize: 12px;
    --texttypes-copy250-lineheight: 36px;
    --texttypes-copy250-letterspacing: -0.17px;
    --texttypes-copy300-fontsize: 32px;
    --texttypes-copy300-reducedfontsize: 16px;
    --texttypes-copy300-lineheight: 48px;
    --texttypes-copy300-letterspacing: -0.35px;
    --texttypes-headline200-fontsize: 20px;
    --texttypes-headline200-reducedfontsize: 12px;
    --texttypes-headline200-lineheight: 24px;
    --texttypes-headline200-letterspacing: -0.09px;
    --texttypes-headline250-fontsize: 24px;
    --texttypes-headline250-reducedfontsize: 12px;
    --texttypes-headline250-lineheight: 28px;
    --texttypes-headline250-letterspacing: -0.17px;
    --texttypes-headline300-fontsize: 32px;
    --texttypes-headline300-reducedfontsize: 16px;
    --texttypes-headline300-lineheight: 36px;
    --texttypes-headline300-letterspacing: -0.35px;
    --texttypes-headline350-fontsize: 48px;
    --texttypes-headline350-reducedfontsize: 24px;
    --texttypes-headline350-lineheight: 56px;
    --texttypes-headline350-letterspacing: -0.70px;
    --texttypes-headline400-fontsize: 60px;
    --texttypes-headline400-reducedfontsize: 32px;
    --texttypes-headline400-lineheight: 68px;
    --texttypes-headline400-letterspacing: -0.96px;
    --texttypes-headline450-fontsize: 76px;
    --texttypes-headline450-reducedfontsize: 40px;
    --texttypes-headline450-lineheight: 84px;
    --texttypes-headline450-letterspacing: -1.31px;
    --texttypes-headline500-fontsize: 96px;
    --texttypes-headline500-reducedfontsize: 48px;
    --texttypes-headline500-lineheight: 108px;
    --texttypes-headline500-letterspacing: -1.75px;
    --texttypes-headline550-fontsize: 120px;
    --texttypes-headline550-reducedfontsize: 60px;
    --texttypes-headline550-lineheight: 132px;
    --texttypes-headline550-letterspacing: -2.27px;
    --texttypes-headline600-fontsize: 148px;
    --texttypes-headline600-reducedfontsize: 76px;
    --texttypes-headline600-lineheight: 164px;
    --texttypes-headline600-letterspacing: -2.89px;
    --texttypes-label100-fontsize: 14px;
    --texttypes-label100-reducedfontsize: 12px;
    --texttypes-label100-lineheight: 16px;
    --texttypes-label100-letterspacing: 0.04px;
    --texttypes-label150-fontsize: 16px;
    --texttypes-label150-reducedfontsize: 12px;
    --texttypes-label150-lineheight: 20px;
    --texttypes-label150-letterspacing: 0.00px;
    --texttypes-label200-fontsize: 20px;
    --texttypes-label200-reducedfontsize: 12px;
    --texttypes-label200-lineheight: 24px;
    --texttypes-label200-letterspacing: -0.09px;
    --texttypes-label250-fontsize: 24px;
    --texttypes-label250-reducedfontsize: 12px;
    --texttypes-label250-lineheight: 28px;
    --texttypes-label250-letterspacing: -0.17px;
    --texttypes-label300-fontsize: 32px;
    --texttypes-label300-reducedfontsize: 16px;
    --texttypes-label300-lineheight: 36px;
    --texttypes-label300-letterspacing: -0.35px;
    --size-dynamic020: 8px;
    --size-dynamic040: 32px;
    --size-dynamic050: 24px;
    --size-dynamic100: 28px;
    --size-dynamic120: 20px;
    --size-dynamic130: 52px;
    --size-dynamic140: 48px;
    --size-dynamic150: 64px;
    --size-dynamic200: 72px;
    --size-dynamic250: 84px;
    --size-dynamic270: 100px;
    --size-dynamic300: 120px;
    --size-dynamic350: 196px;
    --size-dynamic450: 184px;
    --size-dynamic-0-1-1: 4.16vw;
    --size-dynamic-0-1-2: 8.33vw;
    --size-dynamic-0-2-2: 8.33vw;
    --size-dynamic-0-4-4: 16.66vw;
    --size-dynamic-1-4-6: 25vw;
    --size-dynamic-2-0-0: 0;
    --size-dynamic-2-1-1: 4.16vw;
    --size-dynamic-2-1-2: 8.33vw;
    --size-dynamic-2-2-3: 12.5vw;
    --size-dynamic-2-3-3: 12.5vw;
    --size-dynamic-2-3-5: 20.83vw;
    --size-dynamic-2-4-4: 16.66vw;
    --size-dynamic-2-4-6: 25vw;
    --size-dynamic-2-5-5: 20.83vw;
    --size-dynamic-2-6-6: 25vw;
    --size-dynamic-2-6-7: 29.16vw;
    --size-dynamic-2-7-7: 29.16vw;
    --size-dynamic-2-7-8: 33.33vw;
    --size-dynamic-2-8-8: 33.33vw;
    --size-dynamic-2-10-12: 50vw;
    --size-dynamic-4-0-0: 0vw;
    --size-dynamic-4-2-2: 8.33vw;
    --size-dynamic-4-3-3: 12.5vw;
    --size-dynamic-22-9-9: 37.5vw;
    --size-dynamic-20-14-8-6: 33.33vw;
    --size-dynamic-20-20-18-14: 75vw;
    --size-dynamic-22-12-8-6: 33.33vw;
    --size-dynamic-22-22-20-16: 83.33vw; } }

@media (min-width: 1600px) {
  .body-content {
    --textappearances-copy0100-fontsize: 14px;
    --textappearances-copy0100-reducedfontsize: 12px;
    --textappearances-copy0100-lineheight: 24px;
    --textappearances-copy0100-letterspacing: 0.04px;
    --textappearances-copy0150-fontsize: 16px;
    --textappearances-copy0150-reducedfontsize: 12px;
    --textappearances-copy0150-lineheight: 24px;
    --textappearances-copy0150-letterspacing: 0.00px;
    --textappearances-copy0200-fontsize: 20px;
    --textappearances-copy0200-reducedfontsize: 12px;
    --textappearances-copy0200-lineheight: 32px;
    --textappearances-copy0200-letterspacing: -0.09px;
    --textappearances-copy0250-fontsize: 24px;
    --textappearances-copy0250-reducedfontsize: 12px;
    --textappearances-copy0250-lineheight: 36px;
    --textappearances-copy0250-letterspacing: -0.17px;
    --textappearances-copy0300-fontsize: 32px;
    --textappearances-copy0300-reducedfontsize: 16px;
    --textappearances-copy0300-lineheight: 48px;
    --textappearances-copy0300-letterspacing: -0.35px;
    --textappearances-headline0200-fontsize: 20px;
    --textappearances-headline0200-reducedfontsize: 12px;
    --textappearances-headline0200-lineheight: 24px;
    --textappearances-headline0200-letterspacing: -0.09px;
    --textappearances-headline0250-fontsize: 24px;
    --textappearances-headline0250-reducedfontsize: 12px;
    --textappearances-headline0250-lineheight: 28px;
    --textappearances-headline0250-letterspacing: -0.17px;
    --textappearances-headline0300-fontsize: 32px;
    --textappearances-headline0300-reducedfontsize: 16px;
    --textappearances-headline0300-lineheight: 36px;
    --textappearances-headline0300-letterspacing: -0.35px;
    --textappearances-headline0350-fontsize: 48px;
    --textappearances-headline0350-reducedfontsize: 24px;
    --textappearances-headline0350-lineheight: 56px;
    --textappearances-headline0350-letterspacing: -0.70px;
    --textappearances-headline0400-fontsize: 60px;
    --textappearances-headline0400-reducedfontsize: 32px;
    --textappearances-headline0400-lineheight: 68px;
    --textappearances-headline0400-letterspacing: -0.96px;
    --textappearances-headline0450-fontsize: 76px;
    --textappearances-headline0450-reducedfontsize: 40px;
    --textappearances-headline0450-lineheight: 84px;
    --textappearances-headline0450-letterspacing: -1.31px;
    --textappearances-headline0500-fontsize: 96px;
    --textappearances-headline0500-reducedfontsize: 48px;
    --textappearances-headline0500-lineheight: 108px;
    --textappearances-headline0500-letterspacing: -1.75px;
    --textappearances-headline0550-fontsize: 120px;
    --textappearances-headline0550-reducedfontsize: 60px;
    --textappearances-headline0550-lineheight: 132px;
    --textappearances-headline0550-letterspacing: -2.27px;
    --textappearances-headline0600-fontsize: 148px;
    --textappearances-headline0600-reducedfontsize: 76px;
    --textappearances-headline0600-lineheight: 164px;
    --textappearances-headline0600-letterspacing: -2.89px;
    --textappearances-label0100-fontsize: 14px;
    --textappearances-label0100-reducedfontsize: 12px;
    --textappearances-label0100-lineheight: 16px;
    --textappearances-label0100-letterspacing: 0.04px;
    --textappearances-label0150-fontsize: 16px;
    --textappearances-label0150-reducedfontsize: 12px;
    --textappearances-label0150-lineheight: 20px;
    --textappearances-label0150-letterspacing: 0.00px;
    --textappearances-label0200-fontsize: 20px;
    --textappearances-label0200-reducedfontsize: 12px;
    --textappearances-label0200-lineheight: 24px;
    --textappearances-label0200-letterspacing: -0.09px;
    --textappearances-label0250-fontsize: 24px;
    --textappearances-label0250-reducedfontsize: 12px;
    --textappearances-label0250-lineheight: 28px;
    --textappearances-label0250-letterspacing: -0.17px;
    --textappearances-label0300-fontsize: 32px;
    --textappearances-label0300-reducedfontsize: 16px;
    --textappearances-label0300-lineheight: 36px;
    --textappearances-label0300-letterspacing: -0.35px;
    --size-dynamic0020: 8px;
    --size-dynamic0040: 32px;
    --size-dynamic0050: 24px;
    --size-dynamic0100: 28px;
    --size-dynamic0120: 20px;
    --size-dynamic0130: 52px;
    --size-dynamic0140: 48px;
    --size-dynamic0150: 64px;
    --size-dynamic0200: 72px;
    --size-dynamic0250: 84px;
    --size-dynamic0270: 100px;
    --size-dynamic0300: 120px;
    --size-dynamic0350: 196px;
    --size-dynamic0450: 184px; } }

@media (min-width: 1920px) {
  .body-content {
    --size-grid1: 80px;
    --size-grid2: 160px;
    --size-grid3: 240px;
    --size-grid4: 320px;
    --size-grid5: 400px;
    --size-grid6: 480px;
    --size-grid7: 560px;
    --size-grid8: 640px;
    --size-grid11: 880px;
    --size-grid15: 1200px;
    --size-grid001: 80px;
    --size-grid002: 160px;
    --size-grid003: 240px;
    --size-grid004: 320px;
    --size-grid005: 400px;
    --size-grid006: 480px;
    --size-grid007: 560px;
    --size-grid008: 640px;
    --size-grid009: 720px;
    --size-grid010: 800px;
    --size-grid011: 880px;
    --size-grid012: 960px;
    --size-grid013: 1040px;
    --size-grid014: 1120px;
    --size-grid015: 1200px;
    --size-grid016: 1280px;
    --size-grid017: 1360px;
    --size-grid018: 1440px;
    --size-grid019: 1520px;
    --size-grid020: 1600px;
    --size-grid021: 1680px;
    --size-grid022: 1760px;
    --size-grid023: 1840px;
    --size-grid024: 1920px;
    --size-dynamic040: 48px;
    --size-dynamic-0-1-1: 80px;
    --size-dynamic-0-1-2: 160px;
    --size-dynamic-0-2-2: 160px;
    --size-dynamic-0-4-4: 320px;
    --size-dynamic-1-2-2: 160px;
    --size-dynamic-1-4-6: 480px;
    --size-dynamic-2-0-0: 0;
    --size-dynamic-2-1-1: 80px;
    --size-dynamic-2-1-2: 160px;
    --size-dynamic-2-2-3: 240px;
    --size-dynamic-2-3-3: 240px;
    --size-dynamic-2-3-5: 400px;
    --size-dynamic-2-4-4: 320px;
    --size-dynamic-2-4-6: 480px;
    --size-dynamic-2-5-5: 400px;
    --size-dynamic-2-6-6: 480px;
    --size-dynamic-2-6-7: 560px;
    --size-dynamic-2-7-7: 560px;
    --size-dynamic-2-7-8: 640px;
    --size-dynamic-2-8-8: 640px;
    --size-dynamic-2-10-12: 960px;
    --size-dynamic-4-0-0: 0px;
    --size-dynamic-4-2-2: 160px;
    --size-dynamic-4-3-3: 240px;
    --size-dynamic-22-9-9: 720px;
    --size-dynamic-20-14-8-6: 480px;
    --size-dynamic-20-20-18-14: 1120px;
    --size-dynamic-22-12-8-6: 480px;
    --size-dynamic-22-22-20-16: 1280px; } }

@media (min-width: 2560px) {
  .body-content {
    --size-dynamic0040: 48px; } }

a {
  color: #00287e; }
  a:hover {
    color: #0040C5;
    text-decoration: none; }
  a:focus {
    outline: none;
    text-decoration: none !important; }

@media (min-width: 1400px) {
  .container {
    width: 1370px; } }

@media (min-width: 1600px) {
  .container {
    width: 1570px;
    max-width: 1390px; } }

.transition, .overlay.visible, .btn, .submenu .close-btn, .submenu .data .block, .submenu .data .block span, .submenu .data .block span svg path, .submenu.campaigns .data .image img, .submenu.campaigns .data .paging li, .submenu .models .col .hover, .submenu .models .col .hover button, .submenu .models .col .hover a, .campaigns .grid-item h6, .campaigns h6, .slide-navi, .vw-menu__content .wrapper .vw-menu__close button, .vw-menu__content .vw-menu__items, .vw-menu__content .vw-menu__items .sections ul li a, .vw-menu__content .vw-menu__footer .links div a, .vw-menu__sub .vw-menu__back button, .vw-menu__sub .vw-menu__subs ul li a, .vw-menu .vw-menu__top, .vw-menu .vw-menu__top ul li a, .footer .wrapper .col ul li a, .footer .wrapper .links div a, .template-overlay .scrollable, .template-overlay .classifications ul li a, .grid-item .image img, .modal-form .request__form .request__form__input.with--checkbox a, .modal-form .request__form .request__form__input p a, .main-blocks a, .main-blocks a div svg path, .main-campaigns .image img, .main-campaigns h6, .cars-page .classifications ul li a, .fixed-filter .close-fixed-filter, .filter .filter-body .container form .bootstrap-select .btn, .filter .filter-body .container form .bootstrap-select.open .btn, .filter .filter-body .container form .dropdown-menu li a, .filter .filter-body .container form .dropdown-menu li a:hover, .filter .filter-body .container form .dropdown-menu li a:focus, .reset a, .mobile-filter a, .mobile-filter a:hover, .service .button, .contacts-service, .textdoc a, table tbody tr td a, .team .section .member .contact .email a, .news .news__item .news__item__image img, .news .news__item .news__item__data a, .landing .landing__wysiwyg a, .landing .tabs li a:after, .landing .landing__video .landing__video__preview button, .video-popup .close-btn, .filter-button, .filter-button a span svg path, .modal_popup_background.opened, .modal_popup.opened {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }

.overlay {
  visibility: hidden;
  opacity: 0;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%; }
  .overlay.visible {
    opacity: 1;
    visibility: visible; }

.btn {
  padding: 0 43px;
  line-height: 44px;
  color: #fff;
  font-size: 16px;
  border: 2px solid #ffffff;
  border-radius: 24px;
  background: none; }
  .btn:focus, .btn:active {
    color: #fff;
    outline: none !important;
    border: 2px solid #ffffff;
    box-shadow: none; }
  .btn:hover {
    color: #6EC5F0;
    border: 2px solid #6EC5F0; }
  .btn.btn--light {
    color: #00287e;
    border: 2px solid #00287e; }
    .btn.btn--light:hover {
      color: #0040C5;
      background: transparent;
      border: 2px solid #0040C5; }
  .btn.btn--more {
    color: #00287e;
    border: 2px solid #00287e; }
    .btn.btn--more:hover {
      color: #0040C5;
      background: transparent;
      border: 2px solid #0040C5; }
  .btn.btn--dark {
    color: #fff !important;
    border: 2px solid #00287e;
    background-color: #00287e; }
    .btn.btn--dark:hover {
      color: #fff !important;
      border: 2px solid #0040C5;
      background-color: #0040C5; }
  .btn.btn--white {
    color: #001e50 !important;
    border: 2px solid #fff;
    background-color: #fff; }
    .btn.btn--white p {
      display: inline;
      margin: 0; }
    .btn.btn--white:hover {
      color: #fff !important;
      border: 2px solid #0040C5;
      background-color: #0040C5; }
    .btn.btn--white:disabled:hover {
      color: #001e50 !important;
      border: 2px solid #fff;
      background-color: #fff; }

@media (min-width: 992px) {
  .modal-open .head, .modal-open .footer {
    right: 9px; } }

.modal-backdrop.in {
  display: none; }

.bg-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 2;
  display: none; }

.modal.fade .modal-dialog {
  transform: none !important; }

.modal {
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 3 !important;
  background: #fff;
  visibility: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: -webkit-transform 0.5s, visibility 0s 0.5s;
  transition: transform 0.5s, visibility 0s 0.5s; }
  .modal .modal-dialog {
    width: 100%;
    margin: 0; }
  .modal .modal-body {
    padding: 0; }
    @media (max-width: 992px) {
      .modal .modal-body {
        padding: 30px 15px 0; }
        .modal .modal-body.second-block {
          padding: 0 15px; } }
    @media (min-width: 992px) and (max-width: 1200px) {
      .modal .modal-body .col-md-2 {
        width: 25%; } }
    @media (min-width: 992px) and (max-width: 1200px) {
      .modal .modal-body .col-md-10 {
        width: 100%; } }
  .modal.fade.in {
    visibility: visible;
    z-index: 1002;
    transform: translateX(3%);
    transition: transform 0.5s;
    overflow-y: scroll;
    overflow-x: hidden; }
    @media (max-width: 992px) {
      .modal.fade.in {
        transform: translateX(0%); } }

.modal.in .modal-dialog {
  transform: none !important; }

.submenu .close-btn {
  cursor: pointer;
  display: block;
  position: absolute;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  top: 15px;
  left: 29px;
  z-index: 1; }
  @media (max-width: 992px) {
    .submenu .close-btn {
      left: 9px; } }
  .submenu .close-btn svg {
    width: 18px;
    height: 18px;
    margin: 6px 0 0 2px; }
  .submenu .close-btn:hover {
    opacity: 0.7; }

.submenu .data {
  margin: 49px 0; }
  .submenu .data.service-offers {
    margin: 49px auto;
    width: 1488px; }
    @media (max-width: 1600px) {
      .submenu .data.service-offers {
        width: 1290px; } }
    @media (max-width: 1400px) {
      .submenu .data.service-offers {
        width: 1088px; } }
    @media (max-width: 1200px) {
      .submenu .data.service-offers {
        width: 890px; } }
    @media (max-width: 992px) {
      .submenu .data.service-offers {
        width: 100%; } }
  .submenu .data .block {
    background: #fff;
    margin: 0 0 30px;
    text-align: center;
    border: 1px solid #e5e5e5;
    width: 100%; }
    .submenu .data .block a {
      display: block;
      padding: 30px 10px;
      width: 100%; }
    .submenu .data .block .image {
      height: 117px;
      display: flex;
      align-items: center;
      justify-content: center; }
      .submenu .data .block .image img {
        max-height: 117px;
        align-self: flex-end; }
        @media (max-width: 992px) {
          .submenu .data .block .image img {
            max-width: 100%; } }
        @media (min-width: 992px) {
          .submenu .data .block .image img {
            max-width: 160px; } }
    .submenu .data .block h6 {
      color: #1c1c1c;
      font-family: "VWHead-Bold";
      font-size: 18px;
      line-height: 22px;
      margin: 15px 0 5px; }
      @media (max-width: 1400px) {
        .submenu .data .block h6 {
          font-size: 16px;
          line-height: 22px; } }
      @media (max-width: 1200px) {
        .submenu .data .block h6 {
          font-size: 13px;
          line-height: 20px; } }
    .submenu .data .block span {
      color: #0099da;
      font-size: 14px; }
    .submenu .data .block:hover {
      border: 1px solid #bcbcbc; }
      .submenu .data .block:hover span {
        color: #0068aa; }
        .submenu .data .block:hover span svg path {
          fill: #0068aa; }

.submenu.campaigns {
  padding-top: var(--size-dynamic0450);
  padding-bottom: var(--size-dynamic0300); }
  @media (max-width: 992px) {
    .submenu.campaigns {
      padding-top: var(--size-dynamic0350); } }
  .submenu.campaigns.with-border .modal-body {
    border-bottom: 1px solid #d7d7d7; }
  .submenu.campaigns .data {
    text-align: center; }
    .submenu.campaigns .data.dealer-discounts {
      margin: 0 auto 49px auto; }
      .submenu.campaigns .data.dealer-discounts .prev-slide {
        left: -35px; }
      .submenu.campaigns .data.dealer-discounts .next-slide {
        right: -35px; }
    .submenu.campaigns .data .image {
      position: relative;
      overflow: hidden; }
    .submenu.campaigns .data .image img {
      width: 100%; }
    @media (min-width: 992px) {
      .submenu.campaigns .data a:hover .image img {
        transform: scale(1.1, 1.1);
        -webkit-transform: scale(1.1, 1.1); } }
    .submenu.campaigns .data .paging {
      list-style: none;
      margin: 15px 0 0 0;
      padding: 0;
      position: relative;
      float: left;
      display: block;
      left: 50%;
      bottom: 0;
      width: auto;
      z-index: 1; }
      .submenu.campaigns .data .paging li {
        position: relative;
        float: left;
        display: block;
        right: 50%;
        width: 8px;
        height: 8px;
        border-radius: 15px;
        margin: 2px 4px 0;
        background: #001e50;
        cursor: pointer; }
        .submenu.campaigns .data .paging li.active {
          width: 12px;
          height: 12px;
          margin: 0 2px; }

.submenu .models h2 {
  margin: 49px 0; }

.submenu .models .col {
  float: left;
  width: 12.5%;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  text-align: center;
  height: 165px;
  padding-top: 20px; }
  .submenu .models .col .hover {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 2%;
    width: 96%;
    height: 165px;
    border: 1px solid #bcbcbc;
    background-color: rgba(243, 245, 246, 0.9); }
    .submenu .models .col .hover button {
      width: 90%;
      max-width: 171px;
      height: 45px;
      border-radius: 3px;
      background: #808890;
      display: block;
      font-family: "VWHead-Bold";
      font-size: 14px;
      color: #fff;
      border: none;
      margin: 20px auto 10px auto; }
      .submenu .models .col .hover button:hover {
        background: #666c73; }
    .submenu .models .col .hover a {
      width: 90%;
      max-width: 171px;
      line-height: 45px;
      border-radius: 3px;
      background: #0099da;
      display: block;
      margin: 0 auto;
      font-family: "VWHead-Bold";
      font-size: 14px;
      color: #fff; }
      .submenu .models .col .hover a:hover {
        background: #0068aa; }
  .submenu .models .col:hover .hover {
    visibility: visible;
    opacity: 1; }
  @media (max-width: 1600px) {
    .submenu .models .col {
      width: 14.285%; } }
  @media (max-width: 1400px) {
    .submenu .models .col {
      width: 20%; } }
  @media (max-width: 768px) {
    .submenu .models .col {
      width: 25%; } }
  @media (max-width: 600px) {
    .submenu .models .col {
      width: 50%; } }
  .submenu .models .col .image {
    height: 70px;
    margin-bottom: 10px; }
    .submenu .models .col .image img {
      max-width: 100%;
      max-height: 70px; }
  .submenu .models .col h6 {
    color: #1c1c1c;
    font-size: 16px;
    line-height: 20px;
    font-family: "VWHead-Bold";
    margin: 0; }
  .submenu .models .col span {
    color: #0099da;
    font-family: "VWHead-Bold";
    font-size: 16px; }

.campaigns .grid-item h6, .campaigns h6 {
  color: #000;
  font-family: "VWHeadWeb-Light";
  font-size: var(--textappearances-headline0250-fontsize);
  line-height: var(--textappearances-headline0250-lineheight); }
  .campaigns .grid-item h6 strong, .campaigns h6 strong {
    font-family: "VWHead-Regular"; }

.container.campaigns {
  padding-bottom: var(--size-dynamic0300); }

.slide-navi {
  position: absolute;
  top: 50%;
  width: 33px;
  height: 66px;
  text-align: center;
  line-height: 66px;
  margin-top: -50px; }
  @media (max-width: 992px) {
    .slide-navi {
      margin-top: -54px; } }
  .slide-navi:hover {
    opacity: 0.7; }
  .slide-navi.prev-slide {
    left: -70px;
    display: none; }
  .slide-navi.next-slide {
    right: -70px; }

@media (max-width: 992px) {
  .carousel-inner .item {
    display: block !important; } }

.row-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -15px; }

@media (max-width: 768px) {
  .full-xs .row-flex {
    margin: 0; } }

.flex-col {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  @media (max-width: 768px) {
    .flex-col {
      /*align-items: flex-start;*/ } }

@media (max-width: 992px) {
  .videoEmbed {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    padding-top: 25px;
    height: 0; }
    .videoEmbed iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; } }

.symbol {
  display: inline-block;
  border-radius: 50%;
  border: 5px double white;
  width: 30px;
  height: 30px; }

.symbol-empty {
  background-color: #ccc; }

.symbol-filled {
  background-color: black; }

.modal-rating-copy .modal {
  top: 0;
  background: none; }
  .modal-rating-copy .modal .modal-dialog {
    margin: 30px auto; }
  .modal-rating-copy .modal .close:active, .modal-rating-copy .modal .close:focus {
    outline: none; }

.ratingWidget {
  width: 180px;
  height: 180px;
  margin: 14px auto; }
  .ratingWidget.ratingWidget--absolute {
    position: absolute; }
  .ratingWidget .cem-bps-banner-border {
    cursor: pointer !important; }

.vw-header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%; }
  .vw-header__wrapper {
    width: 100%;
    padding-bottom: 12px;
    padding-top: 10px;
    --s2-one-hub-navigation-top-bar-height: calc(16px + var(--texttypes-copy150-lineheight) + 12px + 48px);
    height: var(--s2-one-hub-navigation-top-bar-height);
    transform: translateZ(0px);
    color: white;
    background-color: transparent;
    transition: height 0.3s ease-in 0s; }
    @media (min-width: 560px) {
      .vw-header__wrapper {
        padding-top: 22px;
        --s2-one-hub-navigation-top-bar-height: calc(16px + var(--texttypes-copy150-lineheight) + 12px + 32px); } }
    @media (min-width: 960px) {
      .vw-header__wrapper {
        --s2-one-hub-navigation-top-bar-height: calc(16px + var(--texttypes-copy150-lineheight) + 12px + 64px); } }
    .vw-header__wrapper .trigger {
      display: flex;
      padding-left: var(--size-grid001);
      overflow: hidden; }
      .vw-header__wrapper .trigger button {
        cursor: pointer;
        width: 24px;
        height: 24px;
        font-size: 0px;
        color: white;
        padding: 0px;
        margin: 0px;
        background: none;
        border: none; }
        .vw-header__wrapper .trigger button:focus, .vw-header__wrapper .trigger button:active {
          outline: none; }
      .vw-header__wrapper .trigger .breadcrumbs {
        margin-left: 20px;
        margin-top: 1px;
        color: #fff;
        font-size: var(--texttypes-label150-fontsize); }
        @media (max-width: 768px) {
          .vw-header__wrapper .trigger .breadcrumbs {
            display: none; } }
    .vw-header__wrapper .local-logo,
    .vw-header__wrapper .local-logo-white {
      display: none;
      float: right;
      margin-right: var(--size-grid001);
      margin-top: -36px;
      transition: transform 0.3s ease-in 0s; }
      @media (max-width: 560px) {
        .vw-header__wrapper .local-logo,
        .vw-header__wrapper .local-logo-white {
          margin-top: -26px; } }
      @media (min-width: 560) and (max-width: 960px) {
        .vw-header__wrapper .local-logo,
        .vw-header__wrapper .local-logo-white {
          margin-top: -32px; } }
      @media (min-width: 1430px) {
        .vw-header__wrapper .local-logo,
        .vw-header__wrapper .local-logo-white {
          margin-top: -32px; } }
      .vw-header__wrapper .local-logo img,
      .vw-header__wrapper .local-logo-white img {
        height: 45px; }
        @media (max-width: 560px) {
          .vw-header__wrapper .local-logo img,
          .vw-header__wrapper .local-logo-white img {
            height: 29px; } }
    .vw-header__wrapper .logo {
      width: 100%;
      display: flex;
      -webkit-box-align: center;
      align-items: center;
      pointer-events: none;
      position: absolute;
      top: 0px;
      transform: translateY(calc(16px + var(--texttypes-copy150-lineheight) + 12px + 0px - 16px + 17px));
      transition: transform 0.3s ease-in 0s; }
      @media (max-width: 560px) {
        .vw-header__wrapper .logo {
          transform: translateY(calc(16px + var(--texttypes-copy150-lineheight) + 12px + 0px - 20px + 1px)); } }
      @media (min-width: 960px) {
        .vw-header__wrapper .logo {
          transform: translateY(calc(16px + var(--texttypes-copy150-lineheight) + 12px + 0px - 24px + 17px)); } }
      .vw-header__wrapper .logo__left {
        height: 2px;
        background-color: white;
        width: 100%;
        -webkit-box-flex: 1;
        flex-grow: 1; }
        @media (min-width: 960px) {
          .vw-header__wrapper .logo__left {
            flex-basis: 166.66%; } }
      .vw-header__wrapper .logo__center {
        flex-shrink: 0;
        pointer-events: auto;
        height: 32px;
        width: 32px;
        overflow: hidden;
        margin: 0px 8px; }
        @media (min-width: 560px) {
          .vw-header__wrapper .logo__center {
            height: 40px;
            width: 40px;
            margin: 0px 10px; } }
        @media (min-width: 960px) {
          .vw-header__wrapper .logo__center {
            height: 48px;
            width: 48px;
            margin: 0px 12px; } }
        .vw-header__wrapper .logo__center a svg path {
          fill: #fff; }
      .vw-header__wrapper .logo__right {
        height: 2px;
        background-color: white;
        width: 100%;
        -webkit-box-flex: 1;
        flex-grow: 1; }
    .vw-header__wrapper.scrolled {
      --s2-one-hub-navigation-top-bar-height: calc(16px + var(--texttypes-copy150-lineheight) + 12px + 0px); }
      .vw-header__wrapper.scrolled .logo {
        transform: translateY(-32px); }
      .vw-header__wrapper.scrolled .local-logo,
      .vw-header__wrapper.scrolled .local-logo-white {
        transform: translateY(-60px); }
      @media (min-width: 560px) {
        .vw-header__wrapper.scrolled {
          --s2-one-hub-navigation-top-bar-height: calc(16px + var(--texttypes-copy150-lineheight) + 12px + 0px); }
          .vw-header__wrapper.scrolled .logo {
            transform: translateY(-40px); }
          .vw-header__wrapper.scrolled .local-logo,
          .vw-header__wrapper.scrolled .local-logo-white {
            transform: translateY(-68px); } }
      @media (min-width: 960px) {
        .vw-header__wrapper.scrolled {
          --s2-one-hub-navigation-top-bar-height: calc(16px + var(--texttypes-copy150-lineheight) + 12px + 0px); }
          .vw-header__wrapper.scrolled .logo {
            transform: translateY(-48px); }
          .vw-header__wrapper.scrolled .local-logo,
          .vw-header__wrapper.scrolled .local-logo-white {
            transform: translateY(-76px); } }
  .vw-header .local-logo-white {
    display: block; }
  .vw-header.white-bg .breadcrumbs {
    color: #001e50; }
  .vw-header.white-bg .local-logo {
    display: block; }
  .vw-header.white-bg .local-logo-white {
    display: none; }
  .vw-header.white-bg .vw-header__wrapper {
    color: #001e50;
    background-color: rgba(255, 255, 255, 0.98); }
    .vw-header.white-bg .vw-header__wrapper .trigger button {
      color: #001e50; }
    .vw-header.white-bg .vw-header__wrapper .logo .logo__left {
      background-color: #001e50; }
    .vw-header.white-bg .vw-header__wrapper .logo .logo__center a svg path {
      fill: #001e50; }
    .vw-header.white-bg .vw-header__wrapper .logo .logo__right {
      background-color: #001e50; }

.vw-menu {
  position: fixed;
  z-index: 2;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  max-width: 100%;
  overflow: hidden;
  transform: translateX(-100%);
  transition: transform 0.5s ease-in-out; }
  .vw-menu.open {
    transform: translateX(0%); }
    .vw-menu.open .vw-menu__items {
      opacity: 1;
      margin-top: 0; }
    .vw-menu.open .vw-menu__top {
      opacity: 1;
      top: 124px; }
  .vw-menu__content {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    min-height: 100vh;
    width: 100vw;
    transform: translate3d(0px, 0px, 0px);
    background: radial-gradient(circle at 0% 0%, #00437a 0%, #001e50 100%); }
    .vw-menu__content .wrapper {
      padding: 24px var(--size-grid1); }
      .vw-menu__content .wrapper .vw-menu__close {
        margin-bottom: calc( 2 * var(--size-dynamic0100)); }
        .vw-menu__content .wrapper .vw-menu__close button {
          display: flex;
          flex-direction: row;
          cursor: pointer;
          color: #fff;
          -webkit-box-align: center;
          align-items: center;
          border-width: initial;
          border-style: none;
          border-color: initial;
          border-image: initial;
          background: transparent;
          outline: none; }
          .vw-menu__content .wrapper .vw-menu__close button:hover {
            color: #4cc7f4; }
          .vw-menu__content .wrapper .vw-menu__close button span.close-icon {
            width: 24px;
            height: 24px;
            color: inherit;
            margin-right: 8px; }
            .vw-menu__content .wrapper .vw-menu__close button span.close-icon svg {
              display: block;
              width: 24px;
              height: 24px;
              margin: auto; }
          .vw-menu__content .wrapper .vw-menu__close button span.close-label {
            color: inherit;
            word-break: inherit;
            font-weight: normal;
            font-family: "VWText-Regular";
            font-size: var(--texttypes-label100-fontsize);
            line-height: var(--texttypes-label100-lineheight);
            letter-spacing: var(--texttypes-label100-letterspacing);
            margin: -0.11em 0px 0.11em; }
            .vw-menu__content .wrapper .vw-menu__close button span.close-label span {
              position: relative;
              top: 0.11em; }
    .vw-menu__content .vw-menu__items {
      transition-delay: 0.5s;
      margin-top: 30px;
      opacity: 0;
      float: left;
      padding-left: var(--size-grid3); }
      @media (min-width: 960px) {
        .vw-menu__content .vw-menu__items {
          padding-left: var(--size-grid2);
          padding-right: var(--size-grid2); } }
      .vw-menu__content .vw-menu__items .sections {
        color: #fff;
        word-break: inherit;
        font-weight: 200;
        font-family: "VWHeadWeb-Light";
        font-size: var(--texttypes-headline300-fontsize);
        line-height: var(--texttypes-headline300-lineheight);
        letter-spacing: var(--texttypes-headline300-letterspacing);
        margin: -0.11em 0px 0.11em; }
        .vw-menu__content .vw-menu__items .sections ul {
          margin: 0px;
          padding: 0px;
          list-style: none; }
          .vw-menu__content .vw-menu__items .sections ul li {
            display: list-item;
            text-align: -webkit-match-parent;
            box-sizing: border-box; }
            .vw-menu__content .vw-menu__items .sections ul li a {
              display: block;
              color: #fff;
              padding: 12px 100px 12px 0px;
              transition: color 0.25s ease-in-out 0s;
              text-decoration: none;
              position: relative; }
              @media (max-width: 360px) {
                .vw-menu__content .vw-menu__items .sections ul li a {
                  padding-right: 50px; } }
              .vw-menu__content .vw-menu__items .sections ul li a.active, .vw-menu__content .vw-menu__items .sections ul li a:hover {
                color: #4cc7f4; }
              .vw-menu__content .vw-menu__items .sections ul li a svg {
                position: absolute;
                right: 0;
                top: 50%;
                transform: translateY(-50%); }
        @media (min-width: 960px) {
          .vw-menu__content .vw-menu__items .sections {
            max-width: 400px; } }
    .vw-menu__content .vw-menu__footer {
      min-height: 75px;
      position: fixed;
      left: 0px;
      bottom: 0px;
      width: 100%;
      padding-top: 12px;
      padding-bottom: 12px;
      left: var(--size-grid3); }
      @media (min-width: 960px) {
        .vw-menu__content .vw-menu__footer {
          left: var(--size-grid2); } }
      .vw-menu__content .vw-menu__footer .links {
        display: flex;
        flex-wrap: wrap; }
        .vw-menu__content .vw-menu__footer .links div {
          display: flex; }
          .vw-menu__content .vw-menu__footer .links div:not(:last-child)::after {
            content: "|";
            margin: 0px 12px;
            color: #fff; }
          .vw-menu__content .vw-menu__footer .links div a {
            color: #fff;
            text-decoration: none;
            word-break: inherit;
            font-weight: normal;
            font-size: var(--texttypes-copy150-fontsize);
            line-height: var(--texttypes-copy150-lineheight);
            letter-spacing: var(--texttypes-copy150-letterspacing); }
            .vw-menu__content .vw-menu__footer .links div a:hover {
              color: #4cc7f4; }
  .vw-menu__sub {
    position: absolute;
    width: 50%;
    top: 0;
    right: 0;
    z-index: 2;
    height: 100vh;
    background: #fff;
    transform: translateX(100%);
    transition: transform 0.5s ease-in-out; }
    .vw-menu__sub.open {
      transform: translateX(0%); }
    .vw-menu__sub .vw-menu__back {
      padding: 24px 0 24px 5vw;
      margin-bottom: calc( 2 * var(--size-dynamic0100)); }
      .vw-menu__sub .vw-menu__back button {
        display: flex;
        flex-direction: row;
        cursor: pointer;
        color: #001e50;
        -webkit-box-align: center;
        align-items: center;
        border-width: initial;
        border-style: none;
        border-color: initial;
        border-image: initial;
        background: transparent;
        outline: none; }
        .vw-menu__sub .vw-menu__back button:hover {
          color: #0040c5; }
        .vw-menu__sub .vw-menu__back button span.back-icon {
          width: 24px;
          height: 24px;
          color: inherit;
          margin-right: 8px; }
          .vw-menu__sub .vw-menu__back button span.back-icon svg {
            display: block;
            width: 24px;
            height: 24px;
            margin: auto; }
        .vw-menu__sub .vw-menu__back button span.back-label {
          color: inherit;
          word-break: inherit;
          font-weight: normal;
          font-family: "VWText-Regular";
          font-size: var(--texttypes-label100-fontsize);
          line-height: var(--texttypes-label100-lineheight);
          letter-spacing: var(--texttypes-label100-letterspacing);
          margin: -0.11em 0px 0.11em; }
          .vw-menu__sub .vw-menu__back button span.back-label span {
            position: relative;
            top: 0.11em; }
    .vw-menu__sub .vw-menu__subs {
      padding-left: 5vw;
      max-width: 30vw; }
      .vw-menu__sub .vw-menu__subs div {
        display: none; }
      .vw-menu__sub .vw-menu__subs ul {
        list-style: none;
        margin: 0;
        padding: 0;
        padding-top: 10px; }
        .vw-menu__sub .vw-menu__subs ul li a {
          display: block;
          color: #001e50;
          font-weight: 200;
          font-family: "VWHeadWeb-Light";
          font-size: var(--texttypes-headline200-fontsize);
          line-height: var(--texttypes-headline250-lineheight); }
          .vw-menu__sub .vw-menu__subs ul li a:hover {
            color: #0040c5; }
          @media (max-width: 992px) {
            .vw-menu__sub .vw-menu__subs ul li a {
              padding: 0 0 12px 0px;
              font-size: var(--texttypes-headline300-fontsize);
              line-height: var(--texttypes-headline300-lineheight); } }
        .vw-menu__sub .vw-menu__subs ul li:not(:first-child) {
          margin-top: 12px; }
  .vw-menu .vw-menu__top {
    position: fixed;
    z-index: 3;
    top: 154px;
    left: 70%;
    border-left: 1px solid #c2cacf;
    padding-left: 30px;
    opacity: 0;
    transition-delay: 0.5s; }
    @media (max-width: 960px) {
      .vw-menu .vw-menu__top {
        display: none; } }
    .vw-menu .vw-menu__top h6 {
      color: #fff;
      font-size: var(--texttypes-headline300-fontsize);
      line-height: 1;
      margin: 0; }
    .vw-menu .vw-menu__top ul {
      list-style: none;
      margin: 1px 0 0;
      padding: 0; }
      .vw-menu .vw-menu__top ul li {
        color: #fff; }
        .vw-menu .vw-menu__top ul li a {
          display: block;
          padding: 16px 0 0;
          line-height: 21px;
          color: inherit;
          font-size: var(--texttypes-headline200-fontsize);
          line-height: 1; }
          .vw-menu .vw-menu__top ul li a:hover {
            color: #4cc7f4; }
          .vw-menu .vw-menu__top ul li a svg {
            width: 21px;
            margin: 0 12px -12px 0; }
          .vw-menu .vw-menu__top ul li a p {
            display: inline; }
    .vw-menu .vw-menu__top.theme--light {
      border-left: 1px solid #c2cacf; }
      .vw-menu .vw-menu__top.theme--light h6,
      .vw-menu .vw-menu__top.theme--light li {
        color: #000; }
        .vw-menu .vw-menu__top.theme--light h6 a:hover,
        .vw-menu .vw-menu__top.theme--light li a:hover {
          color: #0040c5; }

.footer {
  border-top: 2px solid #001e50;
  border-bottom: 1px solid #d8d8d8;
  padding: 44px 0px;
  margin-bottom: 44px; }
  @media (min-width: 768px) {
    .footer {
      padding-top: 72px;
      margin-bottom: 72px;
      padding-left: var(--size-grid1);
      padding-right: var(--size-grid1); } }
  .footer .wrapper {
    box-sizing: border-box; }
    @media (min-width: 768px) {
      .footer .wrapper {
        display: flex;
        -webkit-box-pack: justify;
        justify-content: space-between; } }
    .footer .wrapper .col {
      box-sizing: border-box; }
      @media (min-width: 768px) {
        .footer .wrapper .col {
          width: var(--size-grid4); } }
      .footer .wrapper .col h6 {
        margin: 0 0 24px;
        color: #000000;
        word-break: inherit;
        font-weight: bold;
        font-family: "VWHead-Regular";
        font-size: var(--texttypes-headline200-fontsize);
        line-height: var(--texttypes-headline200-lineheight);
        letter-spacing: var(--texttypes-headline200-letterspacing); }
      .footer .wrapper .col ul {
        box-sizing: border-box;
        margin: 0px 0px 44px;
        padding: 0px;
        list-style: none; }
        .footer .wrapper .col ul li {
          box-sizing: border-box;
          display: list-item;
          text-align: -webkit-match-parent;
          list-style: none; }
          .footer .wrapper .col ul li a {
            display: block;
            padding: 4px 0px;
            position: relative;
            color: #00287e;
            text-decoration: none;
            word-break: inherit;
            font-weight: normal;
            font-size: var(--texttypes-copy150-fontsize);
            line-height: var(--texttypes-copy150-lineheight);
            letter-spacing: var(--texttypes-copy150-letterspacing); }
            .footer .wrapper .col ul li a:hover {
              color: #0040C5; }
    .footer .wrapper .links {
      box-sizing: border-box;
      display: flex;
      flex-wrap: wrap; }
      .footer .wrapper .links div {
        box-sizing: border-box;
        display: flex; }
        .footer .wrapper .links div:not(:last-child)::after {
          content: "|";
          margin: 0px 12px; }
        .footer .wrapper .links div a {
          color: #00287e;
          text-decoration: none;
          word-break: inherit;
          font-weight: normal;
          font-size: var(--texttypes-copy150-fontsize);
          line-height: var(--texttypes-copy150-lineheight);
          letter-spacing: var(--texttypes-copy150-letterspacing); }
          .footer .wrapper .links div a:hover {
            color: #0040C5; }
    .footer .wrapper .copyright {
      order: 1;
      padding-left: 44px;
      white-space: nowrap;
      margin: 0px;
      box-sizing: border-box; }
      @media (max-width: 768px) {
        .footer .wrapper .copyright {
          padding-top: 20px;
          padding-left: 0; } }

.text-block {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  padding: var(--size-dynamic300) 30px; }
  @media (min-width: 576px) {
    .text-block {
      max-width: 540px; } }
  @media (min-width: 768px) {
    .text-block {
      max-width: 720px; } }
  @media (min-width: 900px) {
    .text-block {
      max-width: 900px; } }
  @media (min-width: 992px) {
    .text-block {
      max-width: 960px; } }
  .text-block h3 {
    color: #000;
    font-family: "VWHeadWeb-Light";
    font-size: var(--texttypes-headline400-fontsize);
    line-height: var(--texttypes-headline400-lineheight);
    margin: 0; }
    .text-block h3 strong {
      font-family: "VWHead-Regular"; }
  .text-block p {
    color: #000;
    margin: 28px 0 0 0;
    font-size: var(--texttypes-copy200-fontsize);
    line-height: var(--texttypes-copy200-lineheight); }
    @media (max-width: 991px) {
      .text-block p {
        margin: 20px 0 0 0; } }
    @media (min-width: 992px) {
      .text-block p {
        padding-left: 56px; } }
  .text-block .accordion, .text-block .btn {
    margin: 28px 0 0 0; }
    @media (min-width: 992px) {
      .text-block .accordion, .text-block .btn {
        margin-left: 56px; } }
  .text-block .btn--blue {
    margin-top: 32px; }
  .text-block strong {
    font-family: "VWHead-Regular"; }
  .text-block ul, .text-block ol {
    margin: 28px 0 0 0;
    padding-left: 38px; }
    @media (min-width: 992px) {
      .text-block ul, .text-block ol {
        padding-left: 96px; } }
    .text-block ul li, .text-block ol li {
      font-size: var(--texttypes-copy200-fontsize);
      line-height: var(--texttypes-copy200-lineheight);
      list-style: none;
      position: relative; }
      .text-block ul li:before, .text-block ol li:before {
        content: "—";
        position: absolute;
        top: 0;
        left: -39px;
        font-size: 20px; }

.template-overlay {
  display: none;
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 99999999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  overflow-y: scroll;
  overflow-x: hidden; }
  .template-overlay .scrollable {
    background: #fff;
    margin: 20px; }
    @media (min-width: 992px) {
      .template-overlay .scrollable {
        margin: 300px 60px 60px; } }
    @media (min-width: 768px) {
      .template-overlay .scrollable {
        margin-left: 158px; } }
    @media (max-width: 768px) {
      .template-overlay .scrollable {
        margin: 0; } }
  @media (min-width: 992px) {
    .template-overlay.opened .scrollable {
      margin-top: 60px; } }
  @media (max-width: 768px) {
    .template-overlay.opened .scrollable {
      margin-top: 0; } }
  .template-overlay .header {
    padding: 42px 0 44px; }
    @media (max-width: 768px) {
      .template-overlay .header {
        padding-top: 24px; } }
  .template-overlay .container-fluid {
    left: 0;
    margin-right: 0;
    padding-left: 30px;
    padding-right: 30px; }
    @media (min-width: 992px) {
      .template-overlay .container-fluid {
        padding-left: 60px;
        padding-right: 60px; } }
    @media (max-width: 768px) {
      .template-overlay .container-fluid {
        padding-left: 15px;
        padding-right: 15px; } }
  @media (max-width: 768px) {
    .template-overlay .classifications {
      padding-bottom: 30px; } }
  .template-overlay .classifications h2 {
    font-size: 42px;
    font-weight: 300;
    line-height: 56px;
    font-family: "VWText-Regular";
    padding: 0;
    margin: 0 0 40px; }
    @media (max-width: 1400px) {
      .template-overlay .classifications h2 {
        font-size: 32px;
        line-height: 56px; } }
    .template-overlay .classifications h2 span {
      font-family: "VWHeadWeb-Light"; }
  .template-overlay .classifications h6 {
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    font-family: "VWHead-Regular"; }
  .template-overlay .classifications ul {
    list-style: none;
    margin: 0;
    padding: 0; }
    .template-overlay .classifications ul li {
      padding: 0 0 0 36px;
      margin: 20px 0;
      color: #001e50;
      font-size: 16px;
      line-height: 24px;
      position: relative;
      cursor: pointer; }
      .template-overlay .classifications ul li a:hover, .template-overlay .classifications ul li a:active, .template-overlay .classifications ul li a:focus {
        color: #23527c;
        text-decoration: none; }
      .template-overlay .classifications ul li span {
        position: absolute;
        width: 24px;
        height: 24px;
        border: 2px solid #001e50;
        top: 0;
        left: 0; }
      .template-overlay .classifications ul li.active span {
        background: url(../img/checkbox-checked.svg) no-repeat center; }
  .template-overlay .classifications .form-group {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: var(--size-dynamic0150);
    text-align: left; }
    @media (max-width: 992px) {
      .template-overlay .classifications .form-group {
        padding-left: 15px;
        padding-right: 15px; } }
    @media (min-width: 992px) {
      .template-overlay .classifications .form-group {
        width: 90% !important;
        max-width: 478px !important; } }
  .template-overlay .classifications .form-control {
    height: 55px;
    border: none;
    border-bottom: 1px solid #dfe4e8;
    box-shadow: none;
    color: #000;
    font-family: "VWHeadWeb-Light";
    font-size: 16px;
    padding: 6px 0;
    background-image: url(../images/lng-arrow--dark.svg);
    background-size: 11px 6px;
    background-repeat: no-repeat;
    background-position: center right 0px;
    background-color: transparent;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: ''; }
    @media (min-width: 960px) {
      .template-overlay .classifications .form-control {
        display: none; } }
    @media (min-width: 960px) {
      .template-overlay .classifications .form-control {
        font-size: 24px; } }
    @media (min-width: 960px) {
      .template-overlay .classifications .form-control {
        background-position: center right 20px; } }
  .template-overlay .classifications select::-ms-expand {
    display: none; }
  @media (min-width: 992px) {
    .template-overlay .cars {
      padding-top: 100px;
      min-height: 650px; } }
  @media (min-width: 1400px) {
    .template-overlay .cars .row {
      margin-left: -30px;
      margin-right: -30px; } }
  .template-overlay .cars ul {
    list-style: none; }
    @media (min-width: 1400px) {
      .template-overlay .cars ul li {
        padding-left: 30px;
        padding-right: 30px; } }
    .template-overlay .cars ul .car-border {
      position: relative;
      padding: 16px 16px 44px;
      cursor: pointer; }
      .template-overlay .cars ul .car-border a {
        display: block;
        position: absolute;
        z-index: 1; }
        .template-overlay .cars ul .car-border a:hover {
          text-decoration: none; }
      .template-overlay .cars ul .car-border .bg-color {
        display: block;
        position: absolute;
        width: 100%;
        height: 120px;
        top: 0;
        left: 0;
        z-index: 0; }
      .template-overlay .cars ul .car-border .title {
        color: #000;
        font-family: "VWHead-Regular";
        font-size: 24px;
        font-weight: 700;
        line-height: 28px;
        margin-top: 0; }
        @media (min-width: 768px) {
          .template-overlay .cars ul .car-border .title {
            position: absolute; } }
        .template-overlay .cars ul .car-border .title.title--white {
          color: #fff; }
        @media (min-width: 992px) and (max-width: 1200px) {
          .template-overlay .cars ul .car-border .title {
            font-size: 20px; } }
        @media (min-width: 768px) and (max-width: 992px) {
          .template-overlay .cars ul .car-border .title {
            font-size: 15px; } }
      .template-overlay .cars ul .car-border .pic {
        position: relative;
        margin: 20px 0 8px; }
        @media (min-width: 768px) {
          .template-overlay .cars ul .car-border .pic {
            margin: 55px 0 8px; } }
      .template-overlay .cars ul .car-border .about .price {
        color: #000;
        font-size: 14px;
        font-weight: 700;
        line-height: 20px; }
  .template-overlay .close-overlay {
    display: block;
    background: url("../images/overlay-close.svg") center center no-repeat;
    z-index: 99;
    background-color: #d7d7d7;
    width: 48px;
    height: 48px;
    border-radius: 48px;
    position: absolute;
    top: 89px;
    right: 45px; }
    .template-overlay .close-overlay:hover {
      background-color: #acacac; }

select.bs-select-hidden,
select.selectpicker {
  display: none !important; }

.bootstrap-select {
  width: 220px \0;
  /*IE9 and below*/ }
  .bootstrap-select > .dropdown-toggle {
    width: 100%;
    padding-right: 25px;
    z-index: 1; }
    .bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:active {
      color: #999; }
  .bootstrap-select > select {
    position: absolute !important;
    bottom: 0;
    left: 50%;
    display: block !important;
    width: 0.5px !important;
    height: 100% !important;
    padding: 0 !important;
    opacity: 0 !important;
    border: none; }
    .bootstrap-select > select.mobile-device {
      top: 0;
      left: 0;
      display: block !important;
      width: 100% !important;
      z-index: 2; }
  .has-error .bootstrap-select .dropdown-toggle,
  .error .bootstrap-select .dropdown-toggle {
    border-color: #b94a48; }
  .bootstrap-select.fit-width {
    width: auto !important; }
  .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 100%; }
  .bootstrap-select .dropdown-toggle:focus {
    outline: thin dotted #333333 !important;
    outline: 5px auto -webkit-focus-ring-color !important;
    outline-offset: -2px; }

.bootstrap-select.form-control {
  margin-bottom: 0;
  padding: 0;
  border: none; }
  .bootstrap-select.form-control:not([class*="col-"]) {
    width: 100%; }
  .bootstrap-select.form-control.input-group-btn {
    z-index: auto; }
    .bootstrap-select.form-control.input-group-btn:not(:first-child):not(:last-child) > .btn {
      border-radius: 0; }

.bootstrap-select.btn-group:not(.input-group-btn), .bootstrap-select.btn-group[class*="col-"] {
  float: none;
  display: inline-block;
  margin-left: 0; }

.bootstrap-select.btn-group.dropdown-menu-right, .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right,
.row .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right {
  float: right; }

.form-inline .bootstrap-select.btn-group,
.form-horizontal .bootstrap-select.btn-group,
.form-group .bootstrap-select.btn-group {
  margin-bottom: 0; }

.form-group-lg .bootstrap-select.btn-group.form-control,
.form-group-sm .bootstrap-select.btn-group.form-control {
  padding: 0; }

.form-inline .bootstrap-select.btn-group .form-control {
  width: 100%; }

.bootstrap-select.btn-group.disabled,
.bootstrap-select.btn-group > .disabled {
  cursor: not-allowed; }
  .bootstrap-select.btn-group.disabled:focus,
  .bootstrap-select.btn-group > .disabled:focus {
    outline: none !important; }

.bootstrap-select.btn-group.bs-container {
  position: absolute;
  height: 0 !important;
  padding: 0 !important; }
  .bootstrap-select.btn-group.bs-container .dropdown-menu {
    z-index: 1060; }

.bootstrap-select.btn-group .dropdown-toggle .filter-option {
  display: inline-block;
  overflow: hidden;
  width: calc(100% - 22px);
  text-align: left; }

.bootstrap-select.btn-group .dropdown-toggle .caret {
  position: absolute;
  top: 50%;
  right: 12px;
  margin-top: -2px;
  vertical-align: middle; }

.bootstrap-select.btn-group[class*="col-"] .dropdown-toggle {
  width: 100%; }

.bootstrap-select.btn-group .dropdown-menu {
  min-width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .bootstrap-select.btn-group .dropdown-menu.inner {
    position: static;
    float: none;
    border: 0;
    padding: 0;
    margin: 0;
    border-radius: 0;
    box-shadow: none; }
  .bootstrap-select.btn-group .dropdown-menu li {
    position: relative; }
    .bootstrap-select.btn-group .dropdown-menu li.active small {
      color: #fff; }
    .bootstrap-select.btn-group .dropdown-menu li.disabled a {
      cursor: not-allowed; }
    .bootstrap-select.btn-group .dropdown-menu li a {
      cursor: pointer;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
      .bootstrap-select.btn-group .dropdown-menu li a.opt {
        position: relative;
        padding-left: 2.25em; }
      .bootstrap-select.btn-group .dropdown-menu li a span.check-mark {
        display: none; }
      .bootstrap-select.btn-group .dropdown-menu li a span.text {
        display: inline-block; }
    .bootstrap-select.btn-group .dropdown-menu li small {
      padding-left: 0.5em; }
  .bootstrap-select.btn-group .dropdown-menu .notify {
    position: absolute;
    bottom: 5px;
    width: 96%;
    margin: 0 2%;
    min-height: 26px;
    padding: 3px 5px;
    background: whitesmoke;
    border: 1px solid #e3e3e3;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    pointer-events: none;
    opacity: 0.9;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

.bootstrap-select.btn-group .no-results {
  padding: 3px;
  background: #f5f5f5;
  margin: 0 5px;
  white-space: nowrap; }

.bootstrap-select.btn-group.fit-width .dropdown-toggle .filter-option {
  position: static; }

.bootstrap-select.btn-group.fit-width .dropdown-toggle .caret {
  position: static;
  top: auto;
  margin-top: -1px; }

.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
  position: absolute;
  display: inline-block;
  right: 15px;
  margin-top: 5px; }

.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
  margin-right: 34px; }

.bootstrap-select.show-menu-arrow.open > .dropdown-toggle {
  z-index: 1061; }

.bootstrap-select.show-menu-arrow .dropdown-toggle:before {
  content: '';
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid rgba(204, 204, 204, 0.2);
  position: absolute;
  bottom: -4px;
  left: 9px;
  display: none; }

.bootstrap-select.show-menu-arrow .dropdown-toggle:after {
  content: '';
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  position: absolute;
  bottom: -4px;
  left: 10px;
  display: none; }

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before {
  bottom: auto;
  top: -3px;
  border-top: 7px solid rgba(204, 204, 204, 0.2);
  border-bottom: 0; }

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after {
  bottom: auto;
  top: -3px;
  border-top: 6px solid white;
  border-bottom: 0; }

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before {
  right: 12px;
  left: auto; }

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after {
  right: 13px;
  left: auto; }

.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:before, .bootstrap-select.show-menu-arrow.open > .dropdown-toggle:after {
  display: block; }

.bs-searchbox,
.bs-actionsbox,
.bs-donebutton {
  padding: 4px 8px; }

.bs-actionsbox {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .bs-actionsbox .btn-group button {
    width: 50%; }

.bs-donebutton {
  float: left;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .bs-donebutton .btn-group button {
    width: 100%; }

.bs-searchbox + .bs-actionsbox {
  padding: 0 8px 4px; }

.bs-searchbox .form-control {
  margin-bottom: 0;
  width: 100%;
  float: none; }

.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.noUi-target {
  position: relative;
  direction: ltr; }

#keypress {
  width: calc(100% - 16px);
  margin-left: 8px; }
  @media (max-width: 767px) {
    #keypress {
      width: 92% !important;
      margin-left: 4%; } }

.noUi-base {
  width: 100%;
  height: 100%;
  position: relative;
  background-color: #e4eaec;
  z-index: 1;
  /* Fix 401 */
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px; }

.noUi-connect {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0; }

.noUi-origin {
  position: absolute;
  height: 0;
  width: 0; }

.noUi-handle {
  position: relative;
  z-index: 1; }

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
  -webkit-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
  transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s; }

.noUi-state-drag * {
  cursor: inherit !important; }

/* Painting and performance;
 * Browsers can paint handles in their own layer.
 */
.noUi-base,
.noUi-handle {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

/* Slider size and handle placement;
 */
.noUi-horizontal {
  height: 1px; }

.noUi-horizontal .noUi-handle {
  cursor: pointer;
  width: 12px;
  height: 12px;
  left: -6px;
  top: -5px;
  -webkit-box-shadow: 0 1px 3px rgba(2, 2, 34, 0.3);
  -moz-box-shadow: 0 1px 3px rgba(2, 2, 34, 0.3);
  box-shadow: 0 1px 3px rgba(2, 2, 34, 0.3);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  border-radius: 20px; }

.noUi-vertical {
  width: 18px; }

.noUi-vertical .noUi-handle {
  width: 16px;
  height: 16px;
  left: -6px;
  top: -17px; }

/* Styling;
 */
.noUi-target {
  background-color: #e4eaec;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB; }

.noUi-connect {
  background: #0099da;
  box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45);
  -webkit-transition: background 450ms;
  transition: background 450ms; }

.noUi-tooltip {
  position: absolute;
  top: 30px;
  color: #fff;
  width: 46px;
  top: 20px;
  margin-left: -18px;
  text-align: center;
  font-family: "VWText-Regular";
  font-size: 16px; }

/* Handles and cursors;
 */
.noUi-draggable {
  cursor: w-resize; }

.noUi-vertical .noUi-draggable {
  cursor: n-resize; }

.noUi-handle {
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #FFF;
  cursor: default; }

.noUi-active {
  width: 16px !important;
  height: 16px !important;
  top: -7px !important;
  left: -8px !important; }
  .noUi-active .noUi-tooltip {
    top: 22px; }

/* Handle stripes;
 */
.noUi-handle:after {
  left: 17px; }

.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px; }

.noUi-vertical .noUi-handle:after {
  top: 17px; }

/* Disabled state;
 */
[disabled] .noUi-connect {
  background: #B8B8B8; }

[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
  cursor: not-allowed; }

.grid {
  margin-left: -30px;
  margin-right: -30px; }
  @media (max-width: 1200px) {
    .grid {
      margin-left: -15px;
      margin-right: -15px; } }

.grid-sizer,
.grid-item {
  width: 33.33333%; }
  .grid-sizer a,
  .grid-item a {
    display: block;
    padding: 0 30px; }
    @media (max-width: 1200px) {
      .grid-sizer a,
      .grid-item a {
        padding: 0 15px; } }
  @media (max-width: 960px) {
    .grid-sizer,
    .grid-item {
      width: 50%; } }
  @media (max-width: 560px) {
    .grid-sizer,
    .grid-item {
      width: 100%; } }

.grid-item {
  cursor: pointer;
  padding-bottom: var(--size-dynamic0040); }
  .grid-item .image {
    overflow: hidden;
    position: relative; }
    .grid-item .image img {
      width: 100%; }
  .grid-item h6 {
    color: #000;
    font-weight: 200;
    font-family: "VWHeadWeb-Light";
    font-size: var(--texttypes-headline300-fontsize);
    line-height: var(--texttypes-headline300-lineheight);
    margin: var(--size-dynamic0040) 0 var(--size-dynamic0100); }
    .grid-item h6 strong {
      font-family: "VWHead-Regular"; }
  .grid-item:hover .image img {
    transform: scale(1.1); }

.campaigns h2 {
  color: #000;
  font-weight: 200;
  font-family: "VWHeadWeb-Light";
  font-size: var(--texttypes-headline350-fontsize);
  line-height: var(--texttypes-headline350-lineheight);
  text-align: center;
  margin: 0 0 var(--size-dynamic0250); }
  .campaigns h2 strong {
    font-family: "VWHead-Regular"; }

.campaigns p {
  color: #000;
  font-size: var(--texttypes-copy200-fontsize);
  line-height: var(--texttypes-copy200-lineheight);
  margin: 0 auto var(--size-dynamic0100); }

.campaigns .grid {
  margin-top: var(--size-dynamic0250); }

.modal-form {
  height: 100%;
  padding-right: 0px !important;
  background-color: #001e50; }
  .modal-form .close-btn svg path {
    fill: #fff; }
  @media (min-width: 768px) {
    .modal-form .modal-dialog, .modal-form .submenu,
    .modal-form .modal-body, .modal-form .row,
    .modal-form .hidden-xs {
      height: 100%; } }
  .modal-form .request__form .full-height {
    height: 100%;
    position: relative; }
  .modal-form .request__form .request__form__input {
    position: relative;
    margin: 44px auto 0; }
    .modal-form .request__form .request__form__input.first--input {
      margin-top: 0;
      padding-top: 44px; }
    .modal-form .request__form .request__form__input.with--checkbox {
      padding-left: 38px;
      padding-top: 6px;
      color: #00b0f0;
      font-size: 16px;
      line-height: 24px;
      font-family: "VWText-Regular";
      margin-top: 24px; }
      .modal-form .request__form .request__form__input.with--checkbox a {
        color: #00b0f0;
        text-decoration: underline; }
        .modal-form .request__form .request__form__input.with--checkbox a:hover {
          color: #00b0f0; }
    .modal-form .request__form .request__form__input input,
    .modal-form .request__form .request__form__input textarea {
      background: none;
      color: #fff;
      font-size: 16px;
      padding: 10px 0;
      display: block;
      width: 100%;
      border: none;
      border-radius: 0;
      border-bottom: 1px solid #96a3a8; }
      .modal-form .request__form .request__form__input input:focus,
      .modal-form .request__form .request__form__input textarea:focus {
        outline: none; }
      .modal-form .request__form .request__form__input input:focus ~ label,
      .modal-form .request__form .request__form__input input.has-value ~ label,
      .modal-form .request__form .request__form__input input:disabled ~ label,
      .modal-form .request__form .request__form__input textarea:focus ~ label,
      .modal-form .request__form .request__form__input textarea:valid ~ label,
      .modal-form .request__form .request__form__input textarea:disabled ~ label {
        top: -14px;
        font-size: 14px; }
    .modal-form .request__form .request__form__input input {
      padding-right: 32px; }
    .modal-form .request__form .request__form__input textarea {
      resize: none;
      overflow: auto; }
    .modal-form .request__form .request__form__input label {
      color: #fff;
      font-size: 16px;
      font-weight: normal;
      position: absolute;
      pointer-events: none;
      left: 0;
      top: 4px;
      margin: 0;
      transition: 0.2s ease all; }
      .modal-form .request__form .request__form__input label.fixed {
        position: relative;
        top: 0; }
      .modal-form .request__form .request__form__input label img {
        margin-left: 5px;
        pointer-events: all;
        cursor: pointer; }
      .modal-form .request__form .request__form__input label span {
        background: #00287e;
        border-radius: 32px;
        color: #fff;
        padding: 8px 12px;
        width: 156px;
        text-align: center;
        top: -70px;
        right: -65px;
        font-size: 14px;
        line-height: 20px;
        display: none; }
        .modal-form .request__form .request__form__input label span:after {
          top: 100%;
          left: 50%;
          border: solid transparent;
          content: " ";
          height: 0;
          width: 0;
          position: absolute;
          pointer-events: none;
          border-color: rgba(255, 255, 255, 0);
          border-top-color: #00287e;
          border-width: 8px;
          margin-left: -8px; }
    .modal-form .request__form .request__form__input .checkbx {
      position: absolute;
      left: 0;
      top: 10px;
      width: 24px;
      height: 24px;
      border: 1px solid #fff;
      cursor: pointer; }
      .modal-form .request__form .request__form__input .checkbx.checkbx--checked:after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        width: 15px;
        height: 15px;
        transform: translate(-50%, -50%);
        background: url(../images/svg/ico-checked.svg) no-repeat;
        background-size: cover; }
    .modal-form .request__form .request__form__input p {
      color: #fff;
      font-size: 16px;
      line-height: 24px;
      font-family: "VWText-Regular"; }
      .modal-form .request__form .request__form__input p a:hover {
        color: #00b0f0; }
    .modal-form .request__form .request__form__input.valid:after {
      content: "";
      position: absolute;
      top: 11px;
      right: 0;
      width: 21px;
      height: 20px;
      background: url(../images/svg/ico-form-valid.svg) no-repeat;
      background-size: cover; }
    .modal-form .request__form .request__form__input.trigger_select {
      background-image: url(../images/lng-arrow.svg);
      background-size: 22px 12px;
      background-repeat: no-repeat;
      background-position: center right 0px; }
      .modal-form .request__form .request__form__input.trigger_select .gzNlpO {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        box-shadow: none;
        width: 100%;
        padding: 10px 32px 6px 0;
        border: 0;
        border-bottom: 1px solid;
        border-radius: 0;
        border-color: #96a3a8;
        color: #fff;
        background: transparent;
        font-size: 16px;
        font-family: inherit;
        line-height: 22px;
        outline: none;
        cursor: pointer; }
        .modal-form .request__form .request__form__input.trigger_select .gzNlpO option {
          color: #00287e; }
      .modal-form .request__form .request__form__input.trigger_select.selected label {
        top: -14px !important;
        font-size: 14px !important; }
      .modal-form .request__form .request__form__input.trigger_select input[type=text] {
        cursor: pointer; }
  .modal-form .thanks {
    display: none; }
  .modal-form .form,
  .modal-form .thanks {
    color: #fff;
    padding: 0; }
    @media (max-width: 768px) {
      .modal-form .form,
      .modal-form .thanks {
        padding: 40px 30px 20px; } }
    .modal-form .form h1,
    .modal-form .thanks h1 {
      margin: 0 0 20px;
      font-weight: 300;
      font-family: "VWHeadWeb-Light";
      font-size: var(--texttypes-headline350-fontsize);
      line-height: var(--texttypes-headline350-lineheight); }
      .modal-form .form h1 strong,
      .modal-form .thanks h1 strong {
        font-family: "VWHead-Regular";
        font-weight: 700; }
    .modal-form .form h2,
    .modal-form .thanks h2 {
      margin: 0 0 20px;
      font-weight: 300;
      font-family: "VWHeadWeb-Light";
      font-size: var(--texttypes-headline350-fontsize);
      line-height: var(--texttypes-headline350-lineheight); }
      .modal-form .form h2 strong,
      .modal-form .thanks h2 strong {
        font-family: "VWHead-Regular";
        font-weight: 700; }
    .modal-form .form p,
    .modal-form .thanks p {
      font-size: var(--texttypes-copy200-fontsize);
      line-height: var(--texttypes-copy200-lineheight);
      margin: 0;
      padding: 0; }
      .modal-form .form p.error,
      .modal-form .thanks p.error {
        display: none;
        color: #ff0000;
        margin: 0; }
        .modal-form .form p.error.visible,
        .modal-form .thanks p.error.visible {
          display: block; }
  .modal-form .form {
    width: calc(100% - 120px); }
    @media (max-width: 992px) {
      .modal-form .form {
        padding-top: 30px; } }
    @media (min-width: 992px) {
      .modal-form .form {
        position: absolute;
        top: 50%;
        left: 50%;
        padding: 0;
        transform: translate(-50%, -50%); } }
    @media (max-width: 768px) {
      .modal-form .form {
        width: 100%;
        padding-bottom: 30px;
        padding-left: 0;
        padding-right: 0; } }
    @media (min-width: 992px) {
      .modal-form .form.small-space {
        top: var(--size-dynamic0150);
        transform: translate(-50%, 0); } }
  .modal-form .thanks {
    position: absolute;
    top: 40%;
    left: 50%;
    padding: 0;
    width: calc(100% - 120px);
    transform: translate(-50%, -50%);
    max-width: 480px; }
    .modal-form .thanks a {
      margin-top: 32px; }

.main {
  position: relative; }
  .main__image {
    width: 100%;
    height: 70vh;
    background-position: center; }
    .main__image img {
      object-fit: cover;
      object-position: 50% 50%;
      height: 100%;
      max-width: 100%;
      display: block;
      width: 100%; }

.main-welcome {
  overflow: hidden; }
  .main-welcome .text {
    float: left;
    width: calc(50% - 15px);
    padding: 60px 90px 36px 8%;
    background: radial-gradient(circle at 0% 0%, #00437a 0%, #001e50 100%); }
    .main-welcome .text.text--right {
      float: right;
      margin-top: 120px;
      background: radial-gradient(circle at 0% 0%, #001e50 100%, #00437a 0%); }
    .main-welcome .text h1,
    .main-welcome .text h2,
    .main-welcome .text h3,
    .main-welcome .text h4 {
      color: #fff;
      font-family: "VWHeadWeb-Light";
      font-weight: 300;
      font-size: var(--texttypes-headline400-fontsize);
      line-height: var(--texttypes-headline400-lineheight);
      margin: 0 0 24px; }
      .main-welcome .text h1 b,
      .main-welcome .text h1 strong,
      .main-welcome .text h2 b,
      .main-welcome .text h2 strong,
      .main-welcome .text h3 b,
      .main-welcome .text h3 strong,
      .main-welcome .text h4 b,
      .main-welcome .text h4 strong {
        font-family: "VWHead-Regular";
        font-weight: 700; }
    .main-welcome .text p {
      color: #fff;
      font-size: var(--texttypes-copy250-fontsize);
      line-height: var(--texttypes-copy250-lineheight);
      margin-bottom: 24px; }
      .main-welcome .text p a {
        color: #fff;
        text-decoration: underline; }
        .main-welcome .text p a:hover {
          opacity: 0.8; }
        .main-welcome .text p a.btn {
          text-decoration: none; }
          .main-welcome .text p a.btn:hover {
            opacity: 1; }
  @media (max-width: 768px) {
    .main-welcome .text {
      float: none;
      width: 100%;
      margin-top: 0 !important;
      margin-bottom: 30px;
      padding: 40px 15px 36px 15px; } }

.main-dealers {
  padding-top: var(--size-dynamic0250);
  padding-bottom: var(--size-dynamic0250); }
  .main-dealers h1,
  .main-dealers h2,
  .main-dealers h3,
  .main-dealers h4 {
    color: #000;
    font-family: "VWHeadWeb-Light";
    font-weight: 300;
    font-size: var(--texttypes-headline400-fontsize);
    line-height: var(--texttypes-headline400-lineheight);
    margin-top: 60px;
    margin-bottom: 24px;
    padding-right: 60px; }
    .main-dealers h1 b,
    .main-dealers h1 strong,
    .main-dealers h2 b,
    .main-dealers h2 strong,
    .main-dealers h3 b,
    .main-dealers h3 strong,
    .main-dealers h4 b,
    .main-dealers h4 strong {
      font-family: 'VWHead-Regular'; }
  .main-dealers p {
    font-size: var(--texttypes-copy250-fontsize);
    line-height: var(--texttypes-copy250-lineheight);
    margin-bottom: 24px;
    padding-right: 60px; }
    .main-dealers p a {
      text-decoration: underline; }
  .main-dealers img {
    max-width: 100%; }

.main-blocks {
  padding-top: var(--size-dynamic0250);
  padding-bottom: var(--size-dynamic0250); }
  .main-blocks .row {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap; }
    .main-blocks .row .col-xs-6 {
      height: 208px; }
      @media (min-width: 441px) and (max-width: 1200px) {
        .main-blocks .row .col-xs-6:nth-child(1), .main-blocks .row .col-xs-6:nth-child(3) {
          border-right: 1px solid #dfe4e8; }
        .main-blocks .row .col-xs-6:nth-child(1), .main-blocks .row .col-xs-6:nth-child(2) {
          margin-bottom: 20px; } }
      @media (max-width: 440px) {
        .main-blocks .row .col-xs-6 {
          width: 90%;
          height: 155px;
          border: none;
          margin: 0 auto;
          border-bottom: 1px solid #dfe4e8; } }
    @media (min-width: 1200px) {
      .main-blocks .row .col-lg-4:not(:last-child) {
        border-right: 1px solid #dfe4e8; } }
    .main-blocks .row .col-xs-12 {
      display: none; }
      @media (max-width: 440px) {
        .main-blocks .row .col-xs-12 {
          display: block;
          padding-top: 20px; } }
  .main-blocks a {
    display: block;
    text-align: center;
    color: #001e50;
    font-size: var(--texttypes-copy200-fontsize);
    line-height: var(--texttypes-copy200-lineheight);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50px); }
    .main-blocks a div {
      width: 48px;
      height: 48px;
      position: relative;
      margin: 0 auto 16px; }
      .main-blocks a div svg {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
    .main-blocks a:hover {
      color: #0040C5; }
      .main-blocks a:hover svg path {
        fill: #0040C5; }

.main-campaigns {
  padding-bottom: var(--size-dynamic0300); }
  .main-campaigns h1 {
    margin: 0 0 var(--size-dynamic0250);
    padding: 0;
    text-align: center;
    color: #000;
    font-family: "VWHeadWeb-Light";
    font-size: var(--texttypes-headline350-fontsize);
    font-weight: 300;
    line-height: var(--texttypes-headline350-lineheight);
    border-top: 1px solid #dfe4e8;
    padding-top: var(--size-dynamic0300); }
    @media (max-width: 440px) {
      .main-campaigns h1 {
        border-top: none;
        padding-top: var(--size-dynamic0200); } }
  .main-campaigns .image {
    position: relative;
    overflow: hidden; }
  .main-campaigns h6 {
    color: #000;
    font-family: "VWHeadWeb-Light";
    font-size: var(--texttypes-headline250-fontsize);
    line-height: var(--texttypes-headline250-lineheight);
    margin: var(--size-dynamic100) 0 var(--size-dynamic0100); }
    .main-campaigns h6 strong {
      font-family: "VWHead-Regular"; }
  .main-campaigns a:hover h6 {
    color: #6a767d; }
  .main-campaigns a:hover img {
    transform: scale(1.1); }
  .main-campaigns .btn {
    margin-top: var(--size-dynamic0100); }

.cars-page {
  padding-top: var(--size-dynamic0450);
  padding-bottom: var(--size-dynamic0300); }
  @media (max-width: 992px) {
    .cars-page {
      padding-top: var(--size-dynamic0350); } }
  .cars-page h1 {
    color: #000;
    text-align: center;
    font-family: "VWHeadWeb-Light";
    font-weight: 300;
    font-size: var(--texttypes-headline350-fontsize);
    line-height: var(--texttypes-headline350-lineheight);
    margin: 0 0 var(--size-dynamic0250); }
    .cars-page h1 strong {
      font-family: "VWHead-Regular";
      font-weight: 700; }
  @media (max-width: 768px) {
    .cars-page .classifications {
      padding-bottom: 30px;
      margin-left: 15px;
      margin-right: 15px; } }
  .cars-page .classifications h2 {
    font-size: 42px;
    font-weight: 300;
    line-height: 56px;
    font-family: "VWText-Regular";
    padding: 0;
    margin: 0 0 40px; }
    @media (max-width: 1400px) {
      .cars-page .classifications h2 {
        font-size: 32px;
        line-height: 56px; } }
    .cars-page .classifications h2 span {
      font-family: "VWHeadWeb-Light"; }
  .cars-page .classifications h6 {
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    font-family: "VWHead-Regular"; }
  .cars-page .classifications ul {
    list-style: none;
    margin: 0;
    padding: 0; }
    .cars-page .classifications ul li {
      padding: 0 0 0 36px;
      margin: 20px 0;
      color: #001e50;
      font-size: 16px;
      line-height: 24px;
      position: relative;
      cursor: pointer; }
      .cars-page .classifications ul li a:hover, .cars-page .classifications ul li a:active, .cars-page .classifications ul li a:focus {
        color: #23527c;
        text-decoration: none; }
      .cars-page .classifications ul li span {
        position: absolute;
        width: 24px;
        height: 24px;
        border: 2px solid #001e50;
        top: 0;
        left: 0; }
      .cars-page .classifications ul li.active span {
        background: url(../images/svg/checkbox-checked.svg) no-repeat center; }
  @media (min-width: 992px) {
    .cars-page .cars {
      min-height: 650px; } }
  @media (min-width: 1400px) {
    .cars-page .cars .row {
      margin-left: -30px;
      margin-right: -30px; } }
  .cars-page .cars ul {
    list-style: none; }
    @media (min-width: 1400px) {
      .cars-page .cars ul li {
        padding-left: 30px;
        padding-right: 30px; } }
    .cars-page .cars ul .car-border {
      position: relative;
      padding: 0 0 44px; }
      .cars-page .cars ul .car-border a {
        display: block;
        position: relative;
        padding: 16px 16px 0; }
        .cars-page .cars ul .car-border a:hover {
          text-decoration: none; }
      .cars-page .cars ul .car-border .bg-color {
        display: block;
        position: absolute;
        width: 100%;
        height: 120px;
        top: 0;
        left: 0;
        z-index: 0; }
      .cars-page .cars ul .car-border .title {
        color: #000;
        font-family: "VWHead-Regular";
        font-size: 24px;
        font-weight: 700;
        line-height: 28px;
        margin-top: 0; }
        @media (min-width: 768px) {
          .cars-page .cars ul .car-border .title {
            position: absolute; } }
        .cars-page .cars ul .car-border .title.title--white {
          color: #fff; }
        @media (min-width: 992px) and (max-width: 1200px) {
          .cars-page .cars ul .car-border .title {
            font-size: 20px; } }
        @media (min-width: 768px) and (max-width: 992px) {
          .cars-page .cars ul .car-border .title {
            font-size: 15px; } }
      .cars-page .cars ul .car-border .pic {
        position: relative;
        margin: 20px 0 8px; }
        @media (min-width: 768px) {
          .cars-page .cars ul .car-border .pic {
            margin: 55px 0 8px; } }
      .cars-page .cars ul .car-border .about .price {
        color: #000;
        font-size: 14px;
        font-weight: 700;
        line-height: 20px; }
      .cars-page .cars ul .car-border .btn {
        padding: 0;
        width: calc(100% - 32px);
        line-height: 32px;
        font-size: 14px;
        margin: 15px 16px 0; }
        @media (min-width: 768px) and (max-width: 992px) {
          .cars-page .cars ul .car-border .btn {
            font-size: 11px; } }

.filter-loader {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: 5; }

.filter-toggle {
  display: none; }
  @media (max-width: 959px) {
    .filter-toggle {
      display: block; } }

.fixed-filter {
  padding: 72px 0;
  transition: none;
  opacity: 0;
  visibility: hidden; }
  @media (min-width: 960px) {
    .fixed-filter {
      position: fixed;
      top: 32px;
      left: 50%;
      transform: translate(-50%, 50%);
      width: 90%;
      max-width: 1200px;
      background-image: radial-gradient(circle 997px at 131.99% 128.71%, #00437a 0%, #001e50 100%);
      z-index: 1003; } }
  @media (max-width: 960px) {
    .fixed-filter {
      width: 100%;
      padding: 30px 0; } }
  .fixed-filter .container {
    width: 100%; }
  .fixed-filter.animated {
    transition: transform 0.3s; }
  .fixed-filter.open {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, 0%); }
  .fixed-filter .filter-header p {
    padding-top: 0; }
  .fixed-filter .close-fixed-filter {
    display: block !important;
    position: absolute;
    top: 32px;
    right: 32px;
    width: 44px;
    height: 44px;
    border: none;
    cursor: pointer;
    background: url(../images/svg/ico-close-request.svg) no-repeat; }
    .fixed-filter .close-fixed-filter:hover {
      transform: rotate(90deg); }
    .fixed-filter .close-fixed-filter:focus, .fixed-filter .close-fixed-filter:active {
      outline: none; }
    @media (max-width: 768px) {
      .fixed-filter .close-fixed-filter {
        top: 15px;
        right: 15px; } }
  @media (min-width: 960px) {
    .fixed-filter .container {
      padding-left: 90px;
      padding-right: 90px; } }

.filter {
  padding-top: var(--size-dynamic0270);
  padding-bottom: var(--size-dynamic0270);
  background-image: radial-gradient(circle 997px at 131.99% 128.71%, #00437a 0%, #001e50 100%);
  margin-bottom: var(--size-dynamic0270); }
  .filter .close-fixed-filter {
    display: none; }
  .filter .container {
    width: calc(100% - 180px); }
    @media (max-width: 959px) {
      .filter .container {
        width: calc(100% - 30px); } }
    .filter .container .row {
      margin-left: -30px;
      margin-right: -30px; }
      .filter .container .row .col-xs-12 {
        padding-left: 30px;
        padding-right: 30px; }
  .filter .filter-header {
    text-align: center; }
    .filter .filter-header h4 {
      color: #fff;
      font-size: var(--textappearances-headline0350-fontsize);
      line-height: var(--textappearances-headline0350-lineheight);
      font-family: "VWHeadWeb-Light";
      font-weight: 300;
      margin: 0 0 44px; }
      .filter .filter-header h4 strong {
        font-family: "VWHead-Regular";
        font-weight: 700; }
      @media (max-width: 959px) {
        .filter .filter-header h4 {
          text-align: left; } }
    .filter .filter-header p {
      color: #fff;
      font-family: "VWHead-Regular";
      font-size: 20px;
      font-weight: 700;
      line-height: 1;
      padding: 0 0 11px;
      text-align: center; }
      @media (max-width: 959px) {
        .filter .filter-header p {
          font-size: 16px;
          line-height: 24px;
          text-align: left; } }
    .filter .filter-header .hamburger {
      position: absolute;
      right: 25px;
      top: 50%;
      margin-top: -11px; }
      @media (max-width: 959px) {
        .filter .filter-header .hamburger {
          right: 0;
          margin-top: -13px; } }
      .filter .filter-header .hamburger .hamburger-inner, .filter .filter-header .hamburger .hamburger-inner::before, .filter .filter-header .hamburger .hamburger-inner::after {
        background-color: #0099da !important; }
      .filter .filter-header .hamburger:focus {
        outline: 0; }
  .filter .filter-body .js-advanced-filters {
    display: none; }
    @media (min-width: 960px) {
      .filter .filter-body .js-advanced-filters {
        padding: 30px 0; } }
  .filter .filter-body .container form label {
    color: #fff;
    margin-bottom: 0; }
  @media (max-width: 959px) {
    .filter .filter-body .container form .form-group {
      margin-bottom: 25px; } }
  .filter .filter-body .container form .form-control {
    height: 55px;
    border: none;
    border-bottom: 1px solid #dfe4e8;
    box-shadow: none;
    color: #fff;
    font-family: "VWText-Regular";
    font-size: 16px;
    padding: 6px 0;
    background-image: url(../images/svg/lng-arrow.svg);
    background-size: 11px 6px;
    background-repeat: no-repeat;
    background-position: center right 20px;
    background-color: transparent;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: ''; }
    @media (min-width: 960px) {
      .filter .filter-body .container form .form-control {
        display: none; } }
  .filter .filter-body .container form select::-ms-expand {
    display: none; }
  .filter .filter-body .container form .bootstrap-select .btn {
    height: 55px;
    border: none;
    border-bottom: 1px solid #dfe4e8;
    padding: 6px 0;
    color: #fff;
    font-family: "VWText-Regular";
    font-size: 16px;
    box-shadow: none;
    background-image: url(../images/svg/lng-arrow.svg);
    background-size: 22px 12px;
    background-repeat: no-repeat;
    background-position: center right 0px;
    background-color: transparent;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px; }
    .filter .filter-body .container form .bootstrap-select .btn:hover, .filter .filter-body .container form .bootstrap-select .btn:focus, .filter .filter-body .container form .bootstrap-select .btn:active {
      outline: none !important; }
    .filter .filter-body .container form .bootstrap-select .btn .bs-caret {
      display: none; }
  .filter .filter-body .container form .bootstrap-select.open .btn {
    background-image: url(../images/svg/lng-arrow-h.svg);
    background-size: 22px 12px;
    background-position: center right 0px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0; }
  .filter .filter-body .container form .bootstrap-select .btn-group.open .dropdown-toggle {
    box-shadow: none; }
  .filter .filter-body .container form .btn-default:active, .filter .filter-body .container form .btn-default.active, .filter .filter-body .container form .open > .btn-default.dropdown-toggle {
    background-color: transparent; }
  .filter .filter-body .container form .dropup .dropdown-menu,
  .filter .filter-body .container form .navbar-fixed-bottom .dropdown .dropdown-menu {
    margin-bottom: 0; }
  .filter .filter-body .container form .dropdown-menu {
    min-height: 90px;
    z-index: 2;
    box-shadow: none;
    border: 1px solid #d7e0e9;
    color: #808890;
    font-family: "VWText-Regular";
    font-size: 16px;
    margin: -1px 0 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px; }
    .filter .filter-body .container form .dropdown-menu li a {
      color: #808890;
      font-family: "VWText-Regular";
      font-size: 16px; }
      .filter .filter-body .container form .dropdown-menu li a:hover, .filter .filter-body .container form .dropdown-menu li a:focus {
        background-color: transparent;
        color: #2f3538;
        outline: none; }
  .filter .filter-body .container form .dropdown-backdrop {
    z-index: 2; }
  .filter .filter-body .container form .dropdown-menu .inner {
    border: none; }
  .filter .filter-body .container #price_min_input, .filter .filter-body .container #price_max_input {
    display: none;
    width: 60px;
    text-align: center;
    color: #808890;
    padding: 5px 0;
    font-family: "VWText-Regular";
    font-size: 16px;
    border: 1px solid #d7e0e9;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }
    .filter .filter-body .container #price_min_input:focus, .filter .filter-body .container #price_max_input:focus {
      outline: 0; }
  .filter .filter-body .container #price_min_input {
    float: left; }
  .filter .filter-body .container #price_max_input {
    float: right; }
  .filter .filter-body .container .values {
    height: 35px;
    width: 100%;
    margin-bottom: 18px; }
    @media (max-width: 959px) {
      .filter .filter-body .container .values {
        margin-bottom: 0; } }
  .filter .filter-body .container .filter-buttons {
    text-align: center; }
  .filter .filter-body .container .js-toggle-filters {
    display: inline-block;
    background: none;
    margin: 41px 8px 0 0; }
    @media (max-width: 560px) {
      .filter .filter-body .container .js-toggle-filters {
        display: block;
        width: 100%;
        margin: 41px 0 22px; } }
  .filter .filter-body .container .js-do-filter {
    display: inline-block;
    background: none;
    margin: 41px 0 0 8px;
    color: #00287e;
    background-color: #fff; }
    @media (max-width: 560px) {
      .filter .filter-body .container .js-do-filter {
        display: block;
        width: 100%;
        margin: 0 0 22px; } }
    .filter .filter-body .container .js-do-filter:hover {
      color: #001E50;
      background: #4CC7F4;
      border: 2px solid #4CC7F4; }

.reset {
  display: none; }
  @media (min-width: 960px) {
    .reset {
      position: absolute;
      right: 30px;
      top: 55px; } }
  @media (max-width: 960px) {
    .reset {
      margin-top: 20px;
      text-align: center; } }
  .reset a {
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    padding-bottom: 3px;
    border-bottom: 1px solid #fff; }
    .reset a:hover, .reset a:focus, .reset a:active {
      text-decoration: none; }
    .reset a:hover {
      color: #6EC5F0;
      border-bottom: 1px solid #6EC5F0; }

.mobile-filter {
  position: fixed;
  bottom: 40px;
  z-index: 100;
  left: 0;
  right: 0;
  display: none; }
  @media (min-width: 768px) {
    .mobile-filter {
      display: none !important; } }
  .mobile-filter a {
    background-color: rgba(255, 255, 255, 0.9);
    border: 1px solid #e2e2e2;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    margin-left: 20px;
    margin-right: 20px;
    text-align: center;
    display: block;
    color: #808890;
    font-family: "VWText-Regular";
    font-size: 16px;
    padding: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px; }
    .mobile-filter a:hover {
      border: 1px solid #b4bec6;
      color: #5e656b;
      text-decoration: none; }

.service-items {
  padding-top: var(--size-dynamic0450);
  padding-bottom: var(--size-dynamic0300); }
  @media (max-width: 992px) {
    .service-items {
      padding-top: var(--size-dynamic0350); } }

.service {
  padding: var(--size-dynamic0250) 0; }
  @media (max-width: 992px) {
    .service {
      padding-top: var(--size-dynamic0150); } }
  @media (min-width: 992px) {
    .service .col-xs-12 {
      padding-right: 30px;
      padding-left: 30px; } }
  @media (max-width: 992px) {
    .service.odd img {
      margin: 20px 0 0 0; }
    .service.even img {
      margin: 0 0 20px 0; } }
  .service h3 {
    color: #1c1c1c;
    font-size: var(--texttypes-headline350-fontsize);
    line-height: var(--texttypes-headline350-lineheight);
    font-family: "VWHeadWeb-Light";
    font-weight: 300;
    margin: 0 0 28px 0; }
    .service h3 strong {
      font-family: "VWHead-Regular";
      font-weight: 700; }
  .service h4 {
    font-size: var(--texttypes-headline250-fontsize);
    line-height: var(--texttypes-headline240-lineheight);
    font-family: "VWHeadWeb-Light";
    font-weight: 300;
    margin: 0 0 28px 0; }
    .service h4 strong {
      font-family: "VWHead-Regular";
      font-weight: 700; }
  .service ul {
    list-style: none;
    padding: 0 0 0 60px;
    margin: 0 0 var(--size-dynamic0100) 0; }
    @media (max-width: 560px) {
      .service ul {
        padding-left: 40px; } }
    .service ul li {
      font-size: var(--texttypes-copy200-fontsize);
      line-height: var(--texttypes-copy200-lineheight);
      margin-bottom: 5px;
      position: relative; }
      .service ul li:before {
        content: " ";
        display: block;
        height: 2px;
        width: 15px;
        background-color: black;
        position: absolute;
        top: 12px;
        left: -38px; }
        @media (max-width: 560px) {
          .service ul li:before {
            left: -28px; } }
  .service p {
    font-size: var(--texttypes-copy200-fontsize);
    line-height: var(--texttypes-copy200-lineheight);
    margin: 0 0 var(--size-dynamic0100) 0; }
    .service p a {
      text-decoration: underline; }
  .service .button {
    display: inline-block;
    width: 175px;
    height: 45px;
    border-radius: 3px;
    background-color: #0099da;
    line-height: 45px;
    font-family: "VWHead-Bold";
    font-size: 14px;
    color: #fff;
    text-align: center;
    margin-top: 30px; }
    .service .button:hover {
      background-color: #0068aa; }

.contacts-service {
  position: fixed;
  bottom: -500px;
  left: 10%;
  z-index: 1;
  width: 80% !important;
  box-shadow: 0 -10px 30px rgba(32, 34, 39, 0.1);
  border-radius: 3px 3px 0 0;
  border: 1px solid #e5e5e5;
  background: rgba(255, 255, 255, 0.9); }
  .contacts-service h2 {
    margin-top: 12px;
    font-size: 20px !important;
    text-align: left !important;
    border-bottom: 1px solid #fff; }
    .contacts-service h2:after {
      position: absolute;
      content: " ";
      right: 20px;
      top: 20px;
      width: 11px;
      height: 8px;
      background: url(../images/arrow-menu-down.svg); }
  .contacts-service.opened {
    bottom: 0;
    background: white; }
    .contacts-service.opened h2 {
      border-bottom: 1px solid #c0c0c0; }
      .contacts-service.opened h2:after {
        -webkit-transform: rotate(-180deg);
        -moz-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        -o-transform: rotate(-180deg);
        transform: rotate(-180deg); }

/*!
 * Datetimepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
.datetimepicker {
  padding: 4px;
  margin-top: 1px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  direction: ltr; }

.datetimepicker-inline {
  width: 220px; }

.datetimepicker.datetimepicker-rtl {
  direction: rtl; }

.datetimepicker.datetimepicker-rtl table tr td span {
  float: right; }

.datetimepicker-dropdown, .datetimepicker-dropdown-left {
  top: 0;
  left: 0; }

[class*=" datetimepicker-dropdown"]:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #cccccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute; }

[class*=" datetimepicker-dropdown"]:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  position: absolute; }

[class*=" datetimepicker-dropdown-top"]:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #cccccc;
  border-top-color: rgba(0, 0, 0, 0.2);
  border-bottom: 0; }

[class*=" datetimepicker-dropdown-top"]:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #ffffff;
  border-bottom: 0; }

.datetimepicker-dropdown-bottom-left:before {
  top: -7px;
  right: 6px; }

.datetimepicker-dropdown-bottom-left:after {
  top: -6px;
  right: 7px; }

.datetimepicker-dropdown-bottom-right:before {
  top: -7px;
  left: 6px; }

.datetimepicker-dropdown-bottom-right:after {
  top: -6px;
  left: 7px; }

.datetimepicker-dropdown-top-left:before {
  bottom: -7px;
  right: 6px; }

.datetimepicker-dropdown-top-left:after {
  bottom: -6px;
  right: 7px; }

.datetimepicker-dropdown-top-right:before {
  bottom: -7px;
  left: 6px; }

.datetimepicker-dropdown-top-right:after {
  bottom: -6px;
  left: 7px; }

.datetimepicker > div {
  display: none; }

.datetimepicker.minutes div.datetimepicker-minutes {
  display: block; }

.datetimepicker.hours div.datetimepicker-hours {
  display: block; }

.datetimepicker.days div.datetimepicker-days {
  display: block; }

.datetimepicker.months div.datetimepicker-months {
  display: block; }

.datetimepicker.years div.datetimepicker-years {
  display: block; }

.datetimepicker table {
  margin: 0; }

.datetimepicker td,
.datetimepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: none; }

.table-striped .datetimepicker table tr td,
.table-striped .datetimepicker table tr th {
  background-color: transparent; }

.datetimepicker table tr td.minute:hover {
  background: #eeeeee;
  cursor: pointer; }

.datetimepicker table tr td.hour:hover {
  background: #eeeeee;
  cursor: pointer; }

.datetimepicker table tr td.day:hover {
  background: #eeeeee;
  cursor: pointer; }

.datetimepicker table tr td.old,
.datetimepicker table tr td.new {
  color: #999999; }

.datetimepicker table tr td.disabled,
.datetimepicker table tr td.disabled:hover {
  background: none;
  color: #999999;
  cursor: default; }

.datetimepicker table tr td.today,
.datetimepicker table tr td.today:hover,
.datetimepicker table tr td.today.disabled,
.datetimepicker table tr td.today.disabled:hover {
  background-color: #fde19a;
  background-image: -moz-linear-gradient(top, #fdd49a, #fdf59a);
  background-image: -ms-linear-gradient(top, #fdd49a, #fdf59a);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
  background-image: -webkit-linear-gradient(top, #fdd49a, #fdf59a);
  background-image: -o-linear-gradient(top, #fdd49a, #fdf59a);
  background-image: linear-gradient(to bottom, #fdd49a, #fdf59a);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
  border-color: #fdf59a #fdf59a #fbed50;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); }

.datetimepicker table tr td.today:hover,
.datetimepicker table tr td.today:hover:hover,
.datetimepicker table tr td.today.disabled:hover,
.datetimepicker table tr td.today.disabled:hover:hover,
.datetimepicker table tr td.today:active,
.datetimepicker table tr td.today:hover:active,
.datetimepicker table tr td.today.disabled:active,
.datetimepicker table tr td.today.disabled:hover:active,
.datetimepicker table tr td.today.active,
.datetimepicker table tr td.today:hover.active,
.datetimepicker table tr td.today.disabled.active,
.datetimepicker table tr td.today.disabled:hover.active,
.datetimepicker table tr td.today.disabled,
.datetimepicker table tr td.today:hover.disabled,
.datetimepicker table tr td.today.disabled.disabled,
.datetimepicker table tr td.today.disabled:hover.disabled,
.datetimepicker table tr td.today[disabled],
.datetimepicker table tr td.today:hover[disabled],
.datetimepicker table tr td.today.disabled[disabled],
.datetimepicker table tr td.today.disabled:hover[disabled] {
  background-color: #fdf59a; }

.datetimepicker table tr td.today:active,
.datetimepicker table tr td.today:hover:active,
.datetimepicker table tr td.today.disabled:active,
.datetimepicker table tr td.today.disabled:hover:active,
.datetimepicker table tr td.today.active,
.datetimepicker table tr td.today:hover.active,
.datetimepicker table tr td.today.disabled.active,
.datetimepicker table tr td.today.disabled:hover.active {
  background-color: #fbf069; }

.datetimepicker table tr td.active,
.datetimepicker table tr td.active:hover,
.datetimepicker table tr td.active.disabled,
.datetimepicker table tr td.active.disabled:hover {
  background-color: #006dcc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }

.datetimepicker table tr td.active:hover,
.datetimepicker table tr td.active:hover:hover,
.datetimepicker table tr td.active.disabled:hover,
.datetimepicker table tr td.active.disabled:hover:hover,
.datetimepicker table tr td.active:active,
.datetimepicker table tr td.active:hover:active,
.datetimepicker table tr td.active.disabled:active,
.datetimepicker table tr td.active.disabled:hover:active,
.datetimepicker table tr td.active.active,
.datetimepicker table tr td.active:hover.active,
.datetimepicker table tr td.active.disabled.active,
.datetimepicker table tr td.active.disabled:hover.active,
.datetimepicker table tr td.active.disabled,
.datetimepicker table tr td.active:hover.disabled,
.datetimepicker table tr td.active.disabled.disabled,
.datetimepicker table tr td.active.disabled:hover.disabled,
.datetimepicker table tr td.active[disabled],
.datetimepicker table tr td.active:hover[disabled],
.datetimepicker table tr td.active.disabled[disabled],
.datetimepicker table tr td.active.disabled:hover[disabled] {
  background-color: #0044cc; }

.datetimepicker table tr td.active:active,
.datetimepicker table tr td.active:hover:active,
.datetimepicker table tr td.active.disabled:active,
.datetimepicker table tr td.active.disabled:hover:active,
.datetimepicker table tr td.active.active,
.datetimepicker table tr td.active:hover.active,
.datetimepicker table tr td.active.disabled.active,
.datetimepicker table tr td.active.disabled:hover.active {
  background-color: #003399; }

.datetimepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }

.datetimepicker .datetimepicker-hours span {
  height: 26px;
  line-height: 26px; }

.datetimepicker .datetimepicker-hours table tr td span.hour_am,
.datetimepicker .datetimepicker-hours table tr td span.hour_pm {
  width: 14.6%; }

.datetimepicker .datetimepicker-hours fieldset legend,
.datetimepicker .datetimepicker-minutes fieldset legend {
  margin-bottom: inherit;
  line-height: 30px; }

.datetimepicker .datetimepicker-minutes span {
  height: 26px;
  line-height: 26px; }

.datetimepicker table tr td span:hover {
  background: #eeeeee; }

.datetimepicker table tr td span.disabled,
.datetimepicker table tr td span.disabled:hover {
  background: none;
  color: #999999;
  cursor: default; }

.datetimepicker table tr td span.active,
.datetimepicker table tr td span.active:hover,
.datetimepicker table tr td span.active.disabled,
.datetimepicker table tr td span.active.disabled:hover {
  background-color: #006dcc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }

.datetimepicker table tr td span.active:hover,
.datetimepicker table tr td span.active:hover:hover,
.datetimepicker table tr td span.active.disabled:hover,
.datetimepicker table tr td span.active.disabled:hover:hover,
.datetimepicker table tr td span.active:active,
.datetimepicker table tr td span.active:hover:active,
.datetimepicker table tr td span.active.disabled:active,
.datetimepicker table tr td span.active.disabled:hover:active,
.datetimepicker table tr td span.active.active,
.datetimepicker table tr td span.active:hover.active,
.datetimepicker table tr td span.active.disabled.active,
.datetimepicker table tr td span.active.disabled:hover.active,
.datetimepicker table tr td span.active.disabled,
.datetimepicker table tr td span.active:hover.disabled,
.datetimepicker table tr td span.active.disabled.disabled,
.datetimepicker table tr td span.active.disabled:hover.disabled,
.datetimepicker table tr td span.active[disabled],
.datetimepicker table tr td span.active:hover[disabled],
.datetimepicker table tr td span.active.disabled[disabled],
.datetimepicker table tr td span.active.disabled:hover[disabled] {
  background-color: #0044cc; }

.datetimepicker table tr td span.active:active,
.datetimepicker table tr td span.active:hover:active,
.datetimepicker table tr td span.active.disabled:active,
.datetimepicker table tr td span.active.disabled:hover:active,
.datetimepicker table tr td span.active.active,
.datetimepicker table tr td span.active:hover.active,
.datetimepicker table tr td span.active.disabled.active,
.datetimepicker table tr td span.active.disabled:hover.active {
  background-color: #003399; }

.datetimepicker table tr td span.old {
  color: #999999; }

.datetimepicker th.switch {
  width: 145px; }

.datetimepicker th span.glyphicon {
  pointer-events: none; }

.datetimepicker thead tr:first-child th,
.datetimepicker tfoot th {
  cursor: pointer; }

.datetimepicker thead tr:first-child th:hover,
.datetimepicker tfoot th:hover {
  background: #eeeeee; }

.input-append.date .add-on i,
.input-prepend.date .add-on i,
.input-group.date .input-group-addon span {
  cursor: pointer;
  width: 14px;
  height: 14px; }

.textdoc {
  color: #000;
  max-width: 842px;
  margin: var(--size-dynamic0350) auto var(--size-dynamic0300); }
  @media (max-width: 992px) {
    .textdoc {
      margin-top: var(--size-dynamic0350); } }
  .textdoc h1,
  .textdoc h2,
  .textdoc h3 {
    color: #000;
    font-family: "VWHead-Regular";
    font-weight: 700;
    padding: 0; }
  .textdoc h1 {
    font-size: var(--texttypes-headline350-fontsize);
    line-height: var(--texttypes-headline350-lineheight);
    margin: 0 0 var(--size-dynamic0250) 0; }
  .textdoc h2 {
    font-size: var(--texttypes-headline250-fontsize);
    line-height: var(--texttypes-headline250-lineheight);
    margin: var(--size-dynamic0250) 0 var(--size-dynamic0100) 0; }
  .textdoc h3 {
    font-size: var(--texttypes-headline200-fontsize);
    line-height: var(--texttypes-headline200-lineheight);
    margin: var(--size-dynamic0250) 0 var(--size-dynamic0100) 0; }
  .textdoc p {
    font-size: var(--texttypes-copy200-fontsize);
    line-height: var(--texttypes-copy200-lineheight);
    margin: 0 0 var(--size-dynamic0100) 0;
    padding: 0; }
  .textdoc ul,
  .textdoc ol {
    font-size: var(--texttypes-copy200-fontsize);
    line-height: var(--texttypes-copy200-lineheight);
    margin: 0 0 var(--size-dynamic0100) 20px;
    padding: 0; }
    .textdoc ul li,
    .textdoc ol li {
      margin-bottom: 5px; }
  .textdoc ul {
    list-style: none;
    margin-left: 54px; }
    .textdoc ul li {
      position: relative; }
      .textdoc ul li:before {
        content: "—";
        position: absolute;
        left: -35px;
        top: -1px;
        font-size: 16px; }
  .textdoc a {
    color: #001e50; }
    .textdoc a:hover {
      color: #0040C5; }
  .textdoc .btgrid .content {
    padding: 0; }
  .textdoc img {
    max-width: 100% !important;
    width: 100% !important;
    height: auto !important; }

table {
  width: 100% !important;
  border: none !important;
  border-radius: 8px; }
  table thead {
    background: #f2f5f7;
    color: #404041;
    font-size: 16px;
    line-height: 21px; }
    @media (max-width: 1200px) {
      table thead {
        font-size: 14px; } }
    table thead tr th {
      vertical-align: top;
      border: none;
      padding: 18px 10px; }
      table thead tr th:first-child {
        border-radius: 8px 0 0 0; }
      table thead tr th:last-child {
        border-radius: 0 8px 0 0; }
      @media (max-width: 768px) {
        table thead tr th {
          border-left: 1px solid #e9e9e9;
          border-top: 1px solid #e9e9e9; } }
  table tbody {
    border: 1px solid #e5e5e5;
    border-top: none;
    border-radius: 0 0 8px 8px;
    color: #404041;
    font-size: 16px; }
    @media (max-width: 1200px) {
      table tbody {
        font-size: 14px; } }
    table tbody tr td {
      vertical-align: top;
      padding: 18px 10px;
      border-top: 1px solid #e5e5e5; }
      table tbody tr td a {
        color: #0099da; }
        table tbody tr td a:hover {
          color: #0068aa;
          text-decoration: none; }
      table tbody tr td h1,
      table tbody tr td h2,
      table tbody tr td h3,
      table tbody tr td h4 {
        margin-top: 0 !important; }

.contacts-section {
  position: relative;
  margin: var(--size-dynamic0450) auto var(--size-dynamic0300); }
  @media (max-width: 992px) {
    .contacts-section {
      margin-top: var(--size-dynamic0350); } }
  .contacts-section h1 {
    color: #000;
    font-family: "VWHeadWeb-Light";
    font-weight: 300;
    font-size: var(--texttypes-headline350-fontsize);
    line-height: var(--texttypes-headline350-lineheight);
    margin: 0 0 var(--size-dynamic0250);
    padding: 0;
    text-align: center; }
  .contacts-section .back {
    position: absolute;
    top: 10px;
    left: 0; }
    .contacts-section .back svg {
      margin-right: 5px; }
    .contacts-section .back:hover svg path {
      fill: #0040C5; }
  .contacts-section .row {
    margin-left: -30px;
    margin-right: -30px; }
    .contacts-section .row .col-xs-12 {
      padding-left: 30px;
      padding-right: 30px; }
  .contacts-section .contacts-section__item {
    border-bottom: 1px solid #dfe4e7; }
    .contacts-section .contacts-section__item h2.js-collapse {
      color: #000;
      font-family: "VWHead-Regular";
      font-weight: 700;
      font-size: var(--texttypes-headline250-fontsize);
      line-height: var(--texttypes-headline250-lineheight);
      padding: var(--size-dynamic0050) 70px var(--size-dynamic0050) 0;
      margin: 0;
      position: relative;
      cursor: pointer; }
      .contacts-section .contacts-section__item h2.js-collapse:after {
        content: "";
        position: absolute;
        right: 0;
        top: 40%;
        transform: translateX(-50%) rotate(0deg);
        width: 22px;
        height: 12px;
        background: url(../images/ico-collapse.svg) no-repeat; }
      .contacts-section .contacts-section__item h2.js-collapse span {
        display: block;
        font-weight: normal;
        font-size: var(--texttypes-copy200-fontsize);
        line-height: var(--texttypes-copy200-lineheight);
        margin-top: 8px; }
    .contacts-section .contacts-section__item div {
      display: none; }
    .contacts-section .contacts-section__item h3 {
      margin: 0 0 12px;
      padding: 0;
      font-family: "VWHead-Regular";
      font-weight: 700;
      font-size: var(--texttypes-headline200-fontsize);
      line-height: var(--texttypes-headline200-lineheight);
      margin-bottom: 3px; }
    .contacts-section .contacts-section__item p, .contacts-section .contacts-section__item ul, .contacts-section .contacts-section__item ol {
      margin-bottom: 20px; }
    .contacts-section .contacts-section__item p,
    .contacts-section .contacts-section__item ul li,
    .contacts-section .contacts-section__item ol li {
      font-size: var(--texttypes-copy200-fontsize);
      line-height: var(--texttypes-copy200-lineheight); }
    .contacts-section .contacts-section__item ul,
    .contacts-section .contacts-section__item ol {
      font-size: var(--texttypes-copy200-fontsize);
      line-height: var(--texttypes-copy200-lineheight);
      margin: 0 0 var(--size-dynamic0100) 20px;
      padding: 0; }
      .contacts-section .contacts-section__item ul li,
      .contacts-section .contacts-section__item ol li {
        margin-bottom: 5px; }
    .contacts-section .contacts-section__item ul {
      list-style: none;
      margin-left: 34px; }
      .contacts-section .contacts-section__item ul li {
        position: relative; }
        .contacts-section .contacts-section__item ul li:before {
          content: "—";
          position: absolute;
          left: -35px;
          top: -1px;
          font-size: 16px; }
    .contacts-section .contacts-section__item a {
      position: relative;
      color: #001e50;
      display: inline-flex;
      flex-wrap: nowrap;
      -webkit-box-align: center;
      align-items: center;
      line-height: normal;
      padding-bottom: 2px;
      text-decoration: none;
      border-bottom: 1px solid currentcolor; }
      .contacts-section .contacts-section__item a:hover, .contacts-section .contacts-section__item a:focus {
        border-bottom-color: #0040c5;
        color: #0040c5;
        outline: 0px; }
    .contacts-section .contacts-section__item a[href^="tel:"] {
      color: #333;
      border-bottom: none;
      border-bottom: 1px solid #fff; }
      .contacts-section .contacts-section__item a[href^="tel:"]:hover, .contacts-section .contacts-section__item a[href^="tel:"]:focus {
        border-bottom: 1px solid #333;
        color: #333;
        outline: 0px; }
    .contacts-section .contacts-section__item.section--opened h2.js-collapse:after {
      transform: translateX(-50%) rotate(180deg); }
    .contacts-section .contacts-section__item .btn {
      line-height: 44px !important;
      margin-bottom: 20px; }
    .contacts-section .contacts-section__item .btn--light {
      color: #00287e !important;
      border: 2px solid #00287e !important; }
      .contacts-section .contacts-section__item .btn--light:hover, .contacts-section .contacts-section__item .btn--light:focus {
        border-bottom-color: #0040c5 !important;
        color: #0040c5 !important; }
    .contacts-section .contacts-section__item .btn--dark {
      border: 2px solid #00287e !important; }

.bottom-contacts {
  margin-top: 0;
  border-top: 1px solid #dfe4e7;
  border-bottom: 1px solid #dfe4e7;
  padding-bottom: var(--size-dynamic0050); }
  .bottom-contacts h1 {
    font-size: var(--texttypes-headline350-fontsize);
    line-height: var(--texttypes-headline350-lineheight);
    padding: var(--size-dynamic0050) 0;
    margin: 0; }
  .bottom-contacts h2 {
    font-size: var(--texttypes-headline250-fontsize);
    line-height: var(--texttypes-headline250-lineheight);
    padding: var(--size-dynamic0050) 0;
    margin: 0; }
  .bottom-contacts h3 {
    font-size: var(--texttypes-headline200-fontsize);
    line-height: var(--texttypes-headline200-lineheight);
    padding: var(--size-dynamic0050) 0;
    margin: 0; }
  .bottom-contacts p {
    margin-bottom: 8px; }
    .bottom-contacts p:last-child {
      margin-bottom: 0; }
    .bottom-contacts p.test-drive a {
      margin-top: 20px; }
  .bottom-contacts img {
    max-width: 18px; }
  .bottom-contacts a:not([class^='btn btn--dark']) {
    position: relative;
    color: #001e50;
    display: inline-flex;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    align-items: center;
    line-height: normal;
    padding-bottom: 2px;
    text-decoration: none;
    border-bottom: 1px solid currentcolor; }
    .bottom-contacts a:not([class^='btn btn--dark']):hover, .bottom-contacts a:not([class^='btn btn--dark']):focus {
      border-bottom-color: #0040c5;
      color: #0040c5;
      outline: 0px; }
  .bottom-contacts a[href^="tel:"] {
    color: #333;
    border-bottom: none;
    border-bottom: 1px solid #fff; }
    .bottom-contacts a[href^="tel:"]:hover, .bottom-contacts a[href^="tel:"]:focus {
      border-bottom: 1px solid #333;
      color: #333;
      outline: 0px; }
  .bottom-contacts button {
    margin-top: 30px; }
  .bottom-contacts button:not([class^='btn btn--dark']) {
    margin: 30px 0 0 0;
    padding: 0;
    border: none;
    background: none; }

#map {
  width: 100%;
  height: 500px; }
  @media (max-width: 768px) {
    #map {
      height: 320px; } }

.team {
  position: relative;
  max-width: 958px;
  margin: 0 auto var(--size-dynamic0300); }
  .team h1 {
    color: #000;
    font-family: "VWHead-Regular";
    font-weight: 700;
    padding: 0;
    font-size: var(--texttypes-headline350-fontsize);
    line-height: var(--texttypes-headline350-lineheight);
    margin: 0 0 var(--size-dynamic0140) 0; }
  .team .js-expand-team {
    position: absolute;
    top: -2px;
    right: 0; }
    @media (max-width: 768px) {
      .team .js-expand-team {
        display: none; } }
  .team .section {
    border-bottom: 1px solid #dfe4e7; }
    .team .section h2 {
      color: #000;
      font-family: "VWHead-Regular";
      font-weight: 700;
      font-size: var(--texttypes-headline250-fontsize);
      line-height: var(--texttypes-headline250-lineheight);
      padding: var(--size-dynamic0050) 70px var(--size-dynamic0050) 0;
      margin: 0;
      position: relative;
      cursor: pointer; }
      .team .section h2:after {
        content: "";
        position: absolute;
        right: 0;
        top: 40%;
        transform: translateX(-50%) rotate(0deg);
        width: 22px;
        height: 12px;
        background: url(../images/ico-collapse.svg) no-repeat; }
    .team .section .items {
      display: none; }
    .team .section .member {
      margin: var(--size-dynamic0100) 0; }
      .team .section .member span {
        display: block; }
      .team .section .member .image {
        width: 100px;
        height: 100px;
        float: left;
        border-radius: 100%; }
        .team .section .member .image img {
          width: 100px;
          height: 100px;
          max-width: 100%;
          border-radius: 100%; }
      .team .section .member .info {
        color: #000;
        float: left;
        margin: 18px 0 0 20px;
        width: calc(100% - 120px); }
        @media (max-width: 768px) {
          .team .section .member .info {
            margin-top: 8px; } }
        .team .section .member .info .name {
          font-family: "VWHead-Regular";
          font-weight: 700;
          font-size: var(--texttypes-copy200-fontsize);
          line-height: var(--texttypes-copy200-lineheight);
          margin-bottom: 4px; }
        .team .section .member .info .position {
          font-size: var(--texttypes-copy150-fontsize);
          line-height: 20px; }
      .team .section .member .contact {
        color: #000;
        margin: 14px 0 0 0; }
        @media (max-width: 768px) {
          .team .section .member .contact {
            margin-left: 120px;
            margin-top: -25px; } }
        .team .section .member .contact .phone {
          font-size: var(--texttypes-copy200-fontsize);
          line-height: var(--texttypes-copy200-lineheight); }
          @media (max-width: 768px) {
            .team .section .member .contact .phone {
              font-size: var(--texttypes-copy1500-fontsize);
              line-height: var(--texttypes-copy150-lineheight); } }
        .team .section .member .contact .email a {
          float: left;
          display: block;
          color: #001e50;
          font-size: var(--texttypes-copy200-fontsize);
          line-height: var(--texttypes-copy150-lineheight);
          font-weight: 700;
          border-bottom: 1px solid #001e50; }
          @media (max-width: 768px) {
            .team .section .member .contact .email a {
              font-size: var(--texttypes-copy1500-fontsize); } }
          .team .section .member .contact .email a:hover {
            color: #0040c5;
            border-bottom: 1px solid #0040c5; }
          .team .section .member .contact .email a svg {
            margin-left: 8px;
            margin-bottom: 1px; }
    .team .section.section--opened h2:after {
      transform: translateX(-50%) rotate(180deg); }

.news {
  padding-top: var(--size-dynamic0450);
  padding-bottom: var(--size-dynamic0300); }
  @media (max-width: 992px) {
    .news {
      padding-top: var(--size-dynamic0350); } }
  .news h1 {
    color: #000;
    text-align: center;
    font-family: "VWHeadWeb-Light";
    font-weight: 300;
    font-size: var(--texttypes-headline350-fontsize);
    line-height: var(--texttypes-headline350-lineheight);
    margin: 0 0 var(--size-dynamic0250); }
    .news h1 strong {
      font-family: "VWHead-Regular";
      font-weight: 700; }
  .news .news__item {
    margin-bottom: var(--size-dynamic0130); }
    @media (min-width: 992px) {
      .news .news__item .row {
        margin-left: -30px;
        margin-right: -30px; }
        .news .news__item .row .col-xs-12 {
          padding-left: 30px;
          padding-right: 30px; } }
    @media (min-width: 768px) {
      .news .news__item:hover img {
        transform: scale(1.1, 1.1);
        -webkit-transform: scale(1.1, 1.1); } }
    .news .news__item .news__item__image {
      overflow: hidden; }
      @media (max-width: 768px) {
        .news .news__item .news__item__image {
          margin-bottom: var(--size-dynamic0120); } }
    .news .news__item .news__item__data span {
      color: #000;
      font-size: 12px;
      line-height: 20px; }
    .news .news__item .news__item__data h6 {
      color: #000;
      font-family: "VWHead-Regular";
      font-weight: 700;
      font-size: var(--texttypes-headline250-fontsize);
      line-height: var(--texttypes-headline250-lineheight); }
    .news .news__item .news__item__data p {
      margin: var(--size-dynamic0100) 0;
      font-size: var(--texttypes-copy150-fontsize);
      line-height: var(--texttypes-copy150-lineheight); }
    .news .news__item .news__item__data a {
      float: left;
      display: block;
      color: #001e50;
      font-size: var(--texttypes-copy200-fontsize);
      line-height: var(--texttypes-copy150-lineheight);
      font-weight: 700;
      border-bottom: 1px solid #001e50; }
      .news .news__item .news__item__data a:hover {
        color: #0040c5;
        border-bottom: 1px solid #0040c5; }
      .news .news__item .news__item__data a svg {
        margin-left: 8px;
        margin-bottom: 1px; }
  .news .js-load-more {
    text-align: center;
    margin-top: var(--size-dynamic0250); }

.news-content {
  padding-top: var(--size-dynamic0250);
  padding-bottom: var(--size-dynamic0300);
  max-width: 960px;
  margin: 0 auto; }
  .news-content .date {
    color: #000;
    font-size: 12px;
    line-height: 20px; }
  .news-content .image {
    padding: 28px 0 0; }
  .news-content .text-block {
    max-width: 842px;
    padding: 0; }
    .news-content .text-block h1 {
      color: #000;
      font-family: "VWHead-Regular";
      font-size: var(--texttypes-headline350-fontsize);
      line-height: var(--texttypes-headline350-lineheight);
      font-weight: 700;
      margin: 0; }
    .news-content .text-block p {
      padding-left: 0; }

.news-gallery {
  padding-bottom: var(--size-dynamic0300); }
  .news-gallery h6 {
    color: #000;
    font-size: var(--texttypes-headline250-fontsize);
    line-height: var(--texttypes-headline250-lineheight);
    font-weight: 700;
    font-family: "VWHead-Regular";
    margin: 0 0 27px 0;
    padding: 0; }
  .news-gallery .gallery-content {
    width: 842px;
    margin: 0 auto;
    position: relative; }
    @media (max-width: 768px) {
      .news-gallery .gallery-content {
        width: 100%; } }
    .news-gallery .gallery-content ul {
      list-style: none outside none;
      padding-left: 0;
      margin: 0; }
      .news-gallery .gallery-content ul li img {
        height: auto;
        max-width: 100%;
        display: block; }
        @media (min-width: 992px) {
          .news-gallery .gallery-content ul li img {
            cursor: -webkit-zoom-in;
            cursor: zoom-in; } }
    .news-gallery .gallery-content .slide-navi {
      top: 50%;
      margin-top: -33px; }
      .news-gallery .gallery-content .slide-navi.prev-slide {
        display: block; }
    .news-gallery .gallery-content .lSPager {
      margin-top: 47px; }
      .news-gallery .gallery-content .lSPager li a {
        width: 4px;
        height: 4px; }
      .news-gallery .gallery-content .lSPager li.active a {
        width: 8px;
        height: 8px; }

.landing {
  padding-top: var(--size-dynamic0450);
  padding-bottom: var(--size-dynamic0300); }
  @media (max-width: 992px) {
    .landing {
      padding-top: var(--size-dynamic0350); } }
  .landing.is-head-image {
    padding-top: var(--size-dynamic0300); }
  .landing h1, .landing h2, .landing h3, .landing h4, .landing h5, .landing h6 {
    font-weight: 700;
    font-family: "VWHead-Regular"; }
  .landing .landing-block, .landing .landing__head-image, .landing .landing__text-button, .landing .landing__wysiwyg, .landing .landing__columns, .landing .landing__car, .landing .landing__gallery, .landing .landing__image-button, .landing .landing__video {
    margin-bottom: var(--size-dynamic0250); }
  .landing .landing__overlay, .landing .landing__head-image div, .landing .landing__video .landing__video__preview div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); }
  .landing .landing__head-image {
    position: relative; }
    .landing .landing__head-image img {
      width: 100%; }
    .landing .landing__head-image div h1 {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      color: #ffffff;
      font-size: 64px;
      margin: 0; }
      @media (max-width: 768px) {
        .landing .landing__head-image div h1 {
          width: 90%;
          text-align: center;
          font-size: 32px; } }
  .landing .landing__textimage {
    padding: 0 27px; }
    @media (min-width: 1400px) {
      .landing .landing__textimage {
        padding: 0 54px; }
        .landing .landing__textimage .col-sm-6 {
          padding-left: 30px;
          padding-right: 30px; } }
    @media (max-width: 768px) {
      .landing .landing__textimage {
        padding: 0; }
        .landing .landing__textimage .col-xs-12:first-child {
          margin-bottom: 20px; } }
    @media (max-width: 768px) {
      .landing .landing__textimage .btn-wrapper {
        text-align: center; } }
    .landing .landing__textimage h1, .landing .landing__textimage h2, .landing .landing__textimage h3, .landing .landing__textimage h4, .landing .landing__textimage h5, .landing .landing__textimage h6,
    .landing .landing__columns h1, .landing .landing__columns h2, .landing .landing__columns h3, .landing .landing__columns h4, .landing .landing__columns h5, .landing .landing__columns h6 {
      margin-top: 0 !important; }
  .landing .landing__textimage--bg-grey {
    padding: 40px 27px;
    background: #f3f5f6; }
    @media (min-width: 1400px) {
      .landing .landing__textimage--bg-grey {
        padding: 80px 54px; } }
    @media (max-width: 768px) {
      .landing .landing__textimage--bg-grey {
        padding: 15px 15px 0; } }
  .landing .landing__text-button {
    background-color: #f3f5f6;
    text-align: center;
    padding-top: 45px;
    padding-bottom: 45px; }
    @media (min-width: 1400px) {
      .landing .landing__text-button {
        padding-top: 75px;
        padding-bottom: 75px; } }
    .landing .landing__text-button h4 {
      font-size: 30px;
      margin: 0 auto 35px;
      max-width: 528px; }
      @media (max-width: 768px) {
        .landing .landing__text-button h4 {
          max-width: 90%;
          font-size: 24px; } }
    .landing .landing__text-button .btn {
      margin: 0 15px; }
  .landing .landing__wysiwyg {
    color: #1c1c1c; }
    .landing .landing__wysiwyg .landing__wysiwyg__content {
      overflow: hidden; }
      @media (min-width: 768px) {
        .landing .landing__wysiwyg .landing__wysiwyg__content {
          padding: 0 30px;
          max-width: 1080px;
          margin-left: auto;
          margin-right: auto; } }
    .landing .landing__wysiwyg.landing__wysiwyg--table {
      margin-bottom: 30px; }
    .landing .landing__wysiwyg h1, .landing .landing__wysiwyg h2, .landing .landing__wysiwyg h3, .landing .landing__wysiwyg h4 {
      font-family: "VWHeadWeb-Light";
      font-weight: 300; }
      .landing .landing__wysiwyg h1 strong, .landing .landing__wysiwyg h2 strong, .landing .landing__wysiwyg h3 strong, .landing .landing__wysiwyg h4 strong {
        font-family: "VWHead-Regular";
        font-weight: 700; }
    .landing .landing__wysiwyg h1 {
      font-size: var(--texttypes-headline350-fontsize);
      line-height: var(--texttypes-headline350-lineheight);
      margin: 0 0 var(--size-dynamic0250) 0; }
    .landing .landing__wysiwyg h2 {
      font-size: var(--texttypes-headline250-fontsize);
      line-height: var(--texttypes-headline250-lineheight);
      margin: var(--size-dynamic0250) 0 var(--size-dynamic0100) 0; }
    .landing .landing__wysiwyg h3 {
      font-size: var(--texttypes-headline200-fontsize);
      line-height: var(--texttypes-headline200-lineheight);
      margin: var(--size-dynamic0250) 0 var(--size-dynamic0100) 0; }
    .landing .landing__wysiwyg p {
      font-size: var(--texttypes-copy200-fontsize);
      line-height: var(--texttypes-copy200-lineheight);
      margin: 0 0 var(--size-dynamic0100) 0;
      padding: 0; }
    .landing .landing__wysiwyg ul,
    .landing .landing__wysiwyg ol {
      font-size: var(--texttypes-copy200-fontsize);
      line-height: var(--texttypes-copy200-lineheight);
      margin: 0 0 var(--size-dynamic0100) 20px;
      padding: 0; }
      .landing .landing__wysiwyg ul li,
      .landing .landing__wysiwyg ol li {
        margin-bottom: 5px; }
    .landing .landing__wysiwyg ul {
      list-style: none;
      margin-left: 54px; }
      .landing .landing__wysiwyg ul li {
        position: relative; }
        .landing .landing__wysiwyg ul li:before {
          content: "—";
          position: absolute;
          left: -35px;
          top: -1px;
          font-size: 16px; }
    .landing .landing__wysiwyg a {
      color: #00287e; }
      .landing .landing__wysiwyg a:hover {
        color: #0040C5; }
    .landing .landing__wysiwyg img {
      max-width: 100%;
      width: 100% !important;
      height: auto !important; }
  @media (min-width: 1400px) {
    .landing .landing__columns .row {
      margin-left: -30px;
      margin-right: -30px; } }
  @media (min-width: 1400px) {
    .landing .landing__columns .row .col-xs-12 {
      padding: 0 30px; } }
  .landing .landing__columns .row .col-xs-12 .landing__columns__block {
    border: 1px solid #e5e5e5;
    padding: 0 30px; }
    @media (max-width: 768px) {
      .landing .landing__columns .row .col-xs-12 .landing__columns__block {
        margin-bottom: 15px; } }
    .landing .landing__columns .row .col-xs-12 .landing__columns__block h3 {
      color: #000;
      font-size: 18px;
      border-bottom: 1px solid #e5e5e5;
      margin: 20px 0 0 0;
      padding: 0 0 19px;
      line-height: 31px; }
      .landing .landing__columns .row .col-xs-12 .landing__columns__block h3 img {
        margin: -2px 18px 0 0;
        height: 31px !important;
        width: auto !important; }
    .landing .landing__columns .row .col-xs-12 .landing__columns__block div.content {
      padding-top: 27px;
      padding-bottom: 20px; }
  .landing .landing__columns.landing__columns--table {
    padding: 0 30px;
    border: 1px solid #e5e5e5; }
    .landing .landing__columns.landing__columns--table .row {
      margin-left: 0;
      margin-right: 0; }
      .landing .landing__columns.landing__columns--table .row .col-xs-12 {
        padding: 0; }
        .landing .landing__columns.landing__columns--table .row .col-xs-12 .landing__columns__block {
          border: none;
          padding: 0; }
          .landing .landing__columns.landing__columns--table .row .col-xs-12 .landing__columns__block h3 {
            padding: 0 30px 25px; }
            @media (max-width: 768px) {
              .landing .landing__columns.landing__columns--table .row .col-xs-12 .landing__columns__block h3 {
                padding: 0 0 25px; } }
          .landing .landing__columns.landing__columns--table .row .col-xs-12 .landing__columns__block div.content {
            padding: 27px 30px 20px;
            border-right: 1px solid #e5e5e5; }
            @media (max-width: 768px) {
              .landing .landing__columns.landing__columns--table .row .col-xs-12 .landing__columns__block div.content {
                padding: 27px 0 0;
                border-right: none; } }
        .landing .landing__columns.landing__columns--table .row .col-xs-12:first-child .landing__columns__block h3 {
          padding-left: 0; }
        .landing .landing__columns.landing__columns--table .row .col-xs-12:first-child .landing__columns__block div.content {
          padding-left: 0; }
        .landing .landing__columns.landing__columns--table .row .col-xs-12:last-child .landing__columns__block h3 {
          padding-right: 0; }
        .landing .landing__columns.landing__columns--table .row .col-xs-12:last-child .landing__columns__block div.content {
          padding-right: 0;
          border-right: none; }
  .landing .landing__car {
    margin-bottom: 0; }
    .landing .landing__car:last-of-type {
      border-bottom: 1px solid #d8d8d8; }
    .landing .landing__car .content {
      padding: 0; }
      .landing .landing__car .content .header {
        position: relative;
        padding: 22px 15px 22px;
        border-top: 1px solid #d8d8d8;
        border-bottom: 1px solid #fff; }
        @media (max-width: 1200px) {
          .landing .landing__car .content .header {
            padding: 22px 30px; } }
        .landing .landing__car .content .header:after {
          content: "";
          cursor: pointer;
          position: absolute;
          right: 15px;
          top: 41px;
          transform: rotate(0deg);
          width: 22px;
          height: 12px;
          background: url(../images/ico-collapse.svg) no-repeat; }
        .landing .landing__car .content .header .color {
          float: left;
          width: 47px; }
          .landing .landing__car .content .header .color span {
            display: block;
            width: 32px;
            height: 32px;
            border-radius: 50%;
            border: 1px solid #c2cacf; }
        .landing .landing__car .content .header .landing__car__title.is--color {
          float: left;
          width: calc(100% - 47px); }
        .landing .landing__car .content .header .landing__car__title h5 {
          color: #000;
          font-family: "VWHead-Regular";
          font-weight: 700;
          font-size: var(--texttypes-headline300-fontsize);
          line-height: var(--texttypes-headline300-lineheight);
          margin: 0 0 8px; }
        .landing .landing__car .content .header .landing__car__title span {
          color: #000;
          font-size: var(--texttypes-copy150-fontsize);
          line-height: var(--texttypes-copy150-lineheight); }
        @media (max-width: 768px) {
          .landing .landing__car .content .header .landing__car__price {
            padding-top: 20px;
            overflow: hidden; } }
        .landing .landing__car .content .header .landing__car__price .button {
          float: right;
          margin: 4px 41px 0 0; }
          .landing .landing__car .content .header .landing__car__price .button .btn {
            padding-left: 30px;
            padding-right: 30px; }
          @media (max-width: 1200px) {
            .landing .landing__car .content .header .landing__car__price .button {
              float: left;
              margin: 15px 0 0 0; } }
        .landing .landing__car .content .header .landing__car__price .price {
          color: #000;
          float: left;
          width: 65%;
          margin-top: 8px; }
          @media (max-width: 1400px) {
            .landing .landing__car .content .header .landing__car__price .price {
              width: 54%; } }
          @media (max-width: 1200px) {
            .landing .landing__car .content .header .landing__car__price .price {
              width: calc(100% - 47px); } }
          .landing .landing__car .content .header .landing__car__price .price.price--discount {
            margin-top: 0; }
          .landing .landing__car .content .header .landing__car__price .price .new-price {
            font-weight: 700;
            font-size: var(--texttypes-headline250-fontsize);
            line-height: var(--texttypes-copy250-lineheight); }
          .landing .landing__car .content .header .landing__car__price .price .old-price {
            float: left;
            width: 50%;
            margin: 4px 0 0 0;
            font-size: var(--texttypes-copy150-fontsize);
            line-height: 20px; }
          .landing .landing__car .content .header .landing__car__price .price .price-savings {
            float: left;
            width: 50%;
            margin: 4px 0 0 0;
            color: #5b08a4;
            font-size: var(--texttypes-copy150-fontsize);
            line-height: 20px; }
      .landing .landing__car .content .description {
        display: none; }
        .landing .landing__car .content .description .landing__car__image {
          padding: 10px 0; }
        .landing .landing__car .content .description .landing__car__content {
          font-size: 16px;
          line-height: 22px;
          padding: 27px 0 17px 30px; }
          .landing .landing__car .content .description .landing__car__content b, .landing .landing__car .content .description .landing__car__content strong {
            font-weight: 700;
            font-family: "VWHead-Regular"; }
          .landing .landing__car .content .description .landing__car__content p {
            margin-bottom: 15px; }
          .landing .landing__car .content .description .landing__car__content ul, .landing .landing__car .content .description .landing__car__content ol {
            margin-bottom: 20px; }
            .landing .landing__car .content .description .landing__car__content ul li, .landing .landing__car .content .description .landing__car__content ol li {
              margin-bottom: 7px; }
          .landing .landing__car .content .description .landing__car__content .color p {
            padding-left: 25px;
            margin-top: 5px; }
          .landing .landing__car .content .description .landing__car__content .color span {
            display: inline-block;
            width: 18px;
            height: 18px;
            border-radius: 18px;
            position: absolute;
            margin-top: 3px;
            margin-left: -25px; }
      .landing .landing__car .content .note {
        color: #6a767d;
        padding: 0;
        font-size: var(--texttypes-copy150-fontsize);
        line-height: var(--texttypes-copy150-lineheight);
        padding-top: 20px; }
        .landing .landing__car .content .note p {
          margin-bottom: 16px; }
          .landing .landing__car .content .note p:last-of-type {
            margin: 0; }
        .landing .landing__car .content .note a {
          color: #001e50; }
        .landing .landing__car .content .note strong {
          font-weight: 300;
          font-family: "VWText-Regular"; }
    .landing .landing__car.expanded .content .header {
      border-bottom: 1px solid #fff; }
      .landing .landing__car.expanded .content .header:after {
        transform: rotate(180deg); }
  .landing .landing__gallery .grid {
    margin-left: -15px;
    margin-right: -15px; }
    .landing .landing__gallery .grid .grid-item a {
      padding: 0 15px; }
  .landing .tabs {
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0 !important;
    margin: 0 !important;
    position: relative;
    max-width: 500px; }
    .landing .tabs:after {
      content: "";
      height: 1px;
      background: #dfe4e8;
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%; }
    .landing .tabs li {
      float: left;
      width: 33.3333%;
      margin-bottom: 0 !important; }
      .landing .tabs li a {
        display: inline-block;
        color: #001e50;
        font-size: 14px;
        line-height: 16px;
        padding: 16px 0;
        margin: 0;
        position: relative; }
        .landing .tabs li a:hover {
          color: #0040c5;
          text-decoration: none; }
        .landing .tabs li a.active {
          color: #0040c5;
          text-decoration: none; }
          .landing .tabs li a.active:after {
            width: 100%; }
        .landing .tabs li a:after {
          content: "";
          position: absolute;
          left: 0;
          bottom: 0;
          height: 2px;
          background: #0040c5;
          width: 0px; }
  .landing .tab-car-content {
    padding-top: 32px;
    max-width: 500px; }
    .landing .tab-car-content h6 {
      color: #000;
      font-size: 16px;
      line-height: 20px;
      margin: 0 0 16px;
      font-weight: 700; }
    .landing .tab-car-content ul {
      list-style: none;
      margin: 16px 0 32px 54px;
      padding: 0; }
      .landing .tab-car-content ul li {
        list-style: none;
        position: relative;
        color: #000;
        font-size: 16px;
        line-height: 24px; }
        .landing .tab-car-content ul li:before {
          content: "—";
          position: absolute;
          left: -35px;
          top: -1px;
          font-size: 16px; }
    .landing .tab-car-content p {
      color: #000;
      font-size: 16px;
      line-height: 24px; }
    .landing .tab-car-content .color-title {
      margin: 0 0 32px;
      font-family: "VWHeadWeb-Light";
      font-size: 32px;
      line-height: 36px; }
      .landing .tab-car-content .color-title .car-text {
        display: block;
        margin-bottom: 16px;
        line-height: 20px;
        font-family: "VWHead-Regular";
        font-size: 16px;
        font-weight: 700; }
      .landing .tab-car-content .color-title .car-color {
        padding-top: 15px;
        float: left;
        margin-top: 3px;
        margin-right: 14px;
        width: 32px;
        height: 32px;
        border: 1px solid;
        border-radius: 16px; }
      @media (max-width: 960px) {
        .landing .tab-car-content .color-title {
          font-size: 24px;
          line-height: 28px; }
          .landing .tab-car-content .color-title .car-color {
            width: 24px;
            height: 24px;
            border-radius: 12px; } }
  .landing .landing__image-button {
    position: relative; }
    @media (min-width: 768px) {
      .landing .landing__image-button div {
        position: absolute;
        top: 50%;
        left: 35px;
        transform: translateY(-50%);
        max-width: 480px; } }
    @media (min-width: 1400px) {
      .landing .landing__image-button div {
        left: 69px; } }
    @media (max-width: 768px) {
      .landing .landing__image-button div {
        text-align: center;
        padding-top: 20px; }
        .landing .landing__image-button div h4 {
          color: #1c1c1c !important; } }
    .landing .landing__image-button div h4 {
      color: #fff;
      font-size: 30px;
      margin: 0 0 35px 0; }
      @media (max-width: 768px) {
        .landing .landing__image-button div h4 {
          max-width: 90%;
          font-size: 24px;
          margin: 0 auto 20px; } }
    .landing .landing__image-button.landing__image-button-dark div h4 {
      color: #1c1c1c; }
  .landing .landing__video {
    background-color: #f3f5f6;
    text-align: center;
    margin: 0 auto; }
    .landing .landing__video .landing__video__text {
      padding-top: 45px; }
      @media (min-width: 1400px) {
        .landing .landing__video .landing__video__text {
          padding-top: 75px; } }
      @media (max-width: 768px) {
        .landing .landing__video .landing__video__text {
          padding-top: 30px; } }
    .landing .landing__video h2 {
      color: #1c1c1c;
      font-size: 30px;
      max-width: 500px;
      margin: 0 auto 38px; }
      @media (max-width: 768px) {
        .landing .landing__video h2 {
          font-size: 24px;
          max-width: 90%;
          margin: 0 auto 20px; } }
    .landing .landing__video p {
      font-size: 16px;
      line-height: 22px;
      max-width: 500px;
      margin: 0 auto 38px; }
      @media (max-width: 768px) {
        .landing .landing__video p {
          max-width: 90%;
          margin: 0 auto 20px; } }
    .landing .landing__video .landing__video__preview {
      position: relative; }
      .landing .landing__video .landing__video__preview button {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 86px;
        height: 86px;
        background: #00287e;
        opacity: 0.75;
        border: none;
        border-radius: 100%; }
        @media (max-width: 768px) {
          .landing .landing__video .landing__video__preview button {
            width: 43px;
            height: 43px; } }
        .landing .landing__video .landing__video__preview button:hover {
          opacity: 1; }
        .landing .landing__video .landing__video__preview button:focus {
          outline: none; }
        .landing .landing__video .landing__video__preview button:before {
          content: " ";
          position: absolute;
          width: 24px;
          height: 33px;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          margin-left: 4px;
          background: url("../images/ico-landing-play.svg") no-repeat; }
          @media (max-width: 768px) {
            .landing .landing__video .landing__video__preview button:before {
              width: 12px;
              height: 17px;
              margin-left: 1px;
              background-size: contain; } }

.video-popup {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 110;
  width: 0;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  opacity: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity .3s;
  overflow: hidden; }
  .video-popup .video-wrapper {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    width: 80%;
    left: 10%;
    display: none; }
    @media (max-width: 992px) {
      .video-popup .video-wrapper {
        width: 100%;
        left: 0; } }
  .video-popup.open {
    width: 100%;
    opacity: 1; }
    .video-popup.open .video-wrapper {
      display: block; }
  .video-popup .close-btn {
    border: none;
    background: url(../images/svg/ico-close-request.svg) no-repeat;
    width: 44px;
    height: 44px;
    float: right;
    cursor: pointer;
    opacity: 1;
    position: absolute;
    z-index: 10;
    top: 32px;
    right: 32px; }
    .video-popup .close-btn:hover {
      transform: rotate(90deg); }

.stock__head {
  position: relative;
  background-size: cover;
  background-position: center;
  width: calc(100% + 30px);
  height: 100vh;
  max-height: 860px; }
  .stock__head__overlay {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.45);
    position: absolute;
    top: 0;
    left: 0; }
  .stock__head__container {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 100%; }
    .stock__head__container h1 {
      font-family: "VWHeadWeb-Light";
      color: #fff;
      margin: 0 0 var(--size-dynamic0150);
      font-size: var(--texttypes-headline500-fontsize);
      line-height: var(--texttypes-headline500-lineheight);
      font-weight: 300;
      max-width: 700px; }
      .stock__head__container h1 span {
        font-family: "VWHead-Regular";
        font-weight: 700; }
    .stock__head__container h2, .stock__head__container p {
      color: #fff;
      font-family: "VWHead-Regular";
      font-size: var(--texttypes-headline200-fontsize);
      line-height: var(--texttypes-headline200-lineheight);
      font-weight: 700;
      margin-bottom: 8px; }

@keyframes hcsRZJ {
  0% {
    transform: translateY(-200%); }
  50% {
    transform: translateY(-100%); }
  100% {
    transform: translateY(100%); } }
  .stock__head__arrow {
    width: 2px;
    height: 68px;
    position: absolute;
    left: 50%;
    bottom: 15px;
    margin-left: -1px;
    border-radius: 3px;
    overflow: hidden;
    box-sizing: border-box; }
    @media (max-width: 960px) {
      .stock__head__arrow {
        height: 32px; } }
    .stock__head__arrow div {
      width: 100%;
      height: 100%;
      background: #fff;
      border-radius: 3px;
      box-sizing: border-box;
      animation: hcsRZJ 3s cubic-bezier(0.14, 1.12, 0.67, 0.99) 0s infinite; }

.stock .stock__items {
  padding-top: var(--size-dynamic0450);
  padding-bottom: var(--size-dynamic0300); }
  @media (max-width: 992px) {
    .stock .stock__items {
      padding-top: var(--size-dynamic0350); } }
  .stock .stock__items h1 {
    color: #000;
    text-align: center;
    font-family: "VWHeadWeb-Light";
    font-weight: 300;
    font-size: var(--texttypes-headline350-fontsize);
    line-height: var(--texttypes-headline350-lineheight);
    margin: 0 0 var(--size-dynamic0250); }
    .stock .stock__items h1 strong {
      font-family: "VWHead-Regular";
      font-weight: 700; }

.stock .stock__item {
  margin-bottom: var(--size-dynamic0130); }
  .stock .stock__item__footer {
    padding-left: 62px;
    padding-right: 62px; }
    @media (max-width: 1200px) {
      .stock .stock__item__footer {
        padding-left: 15px;
        padding-right: 15px; } }
    .stock .stock__item__footer p {
      color: #6a767d;
      font-size: var(--texttypes-copy150-fontsize);
      line-height: var(--texttypes-copy150-lineheight);
      margin-bottom: 16px; }
      .stock .stock__item__footer p a {
        color: #001e50; }
  .stock .stock__item .stock__item__image {
    position: relative;
    margin: 0 15px 0 0; }
    @media (max-width: 992px) {
      .stock .stock__item .stock__item__image {
        margin-right: 0; } }
    .stock .stock__item .stock__item__image .placeholder-overlay {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background: rgba(208, 208, 208, 0.8);
      z-index: 1; }
      .stock .stock__item .stock__item__image .placeholder-overlay p {
        width: 100%;
        padding: 0 20px;
        margin-bottom: 0;
        text-align: center;
        color: #808890;
        font-family: "VWHead-Bold";
        font-size: 18px;
        position: absolute;
        top: 50%;
        transform: translate(0, -50%); }
  .stock .stock__item .stock__item__content {
    padding: 0 0 0 15px; }
    @media (max-width: 1200px) {
      .stock .stock__item .stock__item__content {
        padding-top: 20px; } }
    @media (max-width: 992px) {
      .stock .stock__item .stock__item__content {
        padding: 20px 15px 0 15px; } }
    .stock .stock__item .stock__item__content .head {
      color: #000;
      overflow: hidden;
      border-bottom: 1px solid #d8d8d8;
      padding: 0 60px var(--size-dynamic0100) 0; }
      @media (max-width: 992px) {
        .stock .stock__item .stock__item__content .head {
          padding-right: 0; } }
      .stock .stock__item .stock__item__content .head .color {
        float: left;
        width: 60px; }
        .stock .stock__item .stock__item__content .head .color span {
          display: block;
          width: 32px;
          height: 32px;
          border-radius: 50%;
          border: 1px solid #c2cacf; }
      .stock .stock__item .stock__item__content .head .name {
        float: left; }
        .stock .stock__item .stock__item__content .head .name h3 {
          margin: 0 0 4px;
          padding: 0;
          font-family: "VWHead-Regular";
          font-weight: 700;
          font-size: var(--texttypes-headline250-fontsize);
          line-height: var(--texttypes-headline250-lineheight); }
        .stock .stock__item .stock__item__content .head .name span {
          display: block;
          font-size: var(--texttypes-copy150-fontsize);
          line-height: var(--texttypes-copy150-lineheight); }
      .stock .stock__item .stock__item__content .head .button {
        float: right; }
        @media (max-width: 992px) {
          .stock .stock__item .stock__item__content .head .button {
            display: none; } }
        .stock .stock__item .stock__item__content .head .button .btn {
          line-height: 40px; }
    .stock .stock__item .stock__item__content .content {
      overflow: hidden;
      padding: var(--size-dynamic0100) 0 0 60px; }
      @media (max-width: 500px) {
        .stock .stock__item .stock__item__content .content {
          padding-left: 0; } }
      .stock .stock__item .stock__item__content .content .price-wrapper {
        float: left;
        width: 35%; }
        @media (max-width: 1200px) {
          .stock .stock__item .stock__item__content .content .price-wrapper {
            width: 50%; } }
        @media (max-width: 400px) {
          .stock .stock__item .stock__item__content .content .price-wrapper {
            width: 60%; } }
        .stock .stock__item .stock__item__content .content .price-wrapper .new-price {
          color: #000;
          font-size: var(--texttypes-headline200-fontsize);
          line-height: var(--texttypes-headline200-lineheight);
          font-weight: 700; }
        .stock .stock__item .stock__item__content .content .price-wrapper .old-price {
          margin-top: 4px;
          font-size: var(--texttypes-copy100-fontsize);
          line-height: 20px; }
      .stock .stock__item .stock__item__content .content .price-savings {
        float: left;
        color: #5b08a4;
        font-size: var(--texttypes-copy100-fontsize);
        line-height: var(--texttypes-copy100-lineheight); }
    .stock .stock__item .stock__item__content .button-small {
      margin-left: 60px;
      margin-top: 20px; }
      @media (max-width: 400px) {
        .stock .stock__item .stock__item__content .button-small {
          margin-left: 0; } }
      @media (min-width: 992px) {
        .stock .stock__item .stock__item__content .button-small {
          display: none; } }
      .stock .stock__item .stock__item__content .button-small .btn {
        line-height: 40px; }
    .stock .stock__item .stock__item__content .tab-car-content {
      padding-top: 32px;
      max-width: 500px; }
      .stock .stock__item .stock__item__content .tab-car-content h6 {
        color: #000;
        font-size: 16px;
        line-height: 20px;
        margin: 0 0 16px;
        font-weight: 700; }
      .stock .stock__item .stock__item__content .tab-car-content ul {
        list-style: none;
        margin: 16px 0 32px 54px;
        padding: 0; }
        .stock .stock__item .stock__item__content .tab-car-content ul li {
          list-style: none;
          position: relative;
          color: #000;
          font-size: 16px;
          line-height: 24px; }
          .stock .stock__item .stock__item__content .tab-car-content ul li:before {
            content: "—";
            position: absolute;
            left: -35px;
            top: -1px;
            font-size: 16px; }
      .stock .stock__item .stock__item__content .tab-car-content p {
        color: #000;
        font-size: 16px;
        line-height: 24px; }
      .stock .stock__item .stock__item__content .tab-car-content .color-title {
        margin: 0 0 32px;
        font-family: "VWHeadWeb-Light";
        font-size: 32px;
        line-height: 36px; }
        .stock .stock__item .stock__item__content .tab-car-content .color-title .car-text {
          display: block;
          margin-bottom: 16px;
          line-height: 20px;
          font-family: "VWHead-Regular";
          font-size: 16px;
          font-weight: 700; }
        .stock .stock__item .stock__item__content .tab-car-content .color-title .car-color {
          padding-top: 15px;
          float: left;
          margin-top: 3px;
          margin-right: 14px;
          width: 32px;
          height: 32px;
          border: 1px solid;
          border-radius: 16px; }
        @media (max-width: 960px) {
          .stock .stock__item .stock__item__content .tab-car-content .color-title {
            font-size: 24px;
            line-height: 28px; }
            .stock .stock__item .stock__item__content .tab-car-content .color-title .car-color {
              width: 24px;
              height: 24px;
              border-radius: 12px; } }

.filter-button {
  position: fixed;
  right: 40px;
  bottom: 40px;
  text-align: center;
  width: 48px;
  height: 48px;
  line-height: 48px;
  border-radius: 24px;
  background: #00b0f0;
  z-index: 2;
  cursor: pointer;
  display: none; }
  .filter-button svg {
    width: 14px; }
  @media (max-width: 960px) {
    .filter-button {
      right: 30px;
      bottom: 30px; } }
  .filter-button a {
    display: block;
    padding-top: 6px; }
  .filter-button:hover {
    background: #0040C5; }
    .filter-button:hover a span svg path {
      fill: #fff; }

.modal_popup_background {
  visibility: hidden;
  opacity: 0;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 3;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%; }
  .modal_popup_background.opened {
    opacity: 1;
    visibility: visible; }

.modal_popup {
  visibility: hidden;
  opacity: 0;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 4;
  transform: translate(-50%, -50%);
  width: 90%;
  max-width: 900px; }
  .modal_popup.opened {
    opacity: 1;
    visibility: visible; }
  .modal_popup img {
    display: block;
    max-width: 100%; }
  .modal_popup button {
    display: block;
    margin: 15px auto 0; }
    .modal_popup button svg {
      width: 12px;
      margin-bottom: -1px;
      margin-right: 8px; }