﻿@font-face {font-family:'Proximanova';font-weight:400;src:url('/root/fonts/Proximanova/ProximaNova-Regular.woff') format('woff');font-display:fallback;}@font-face {font-family:'Proximanova';font-weight:800;src:url('/root/fonts/Proximanova/ProximaNova-Extrabold.woff') format('woff');font-display:fallback;}@font-face {font-family:'Lato';src:url('/root/fonts/Lato/Lato-Regular.eot'); src:url('/root/fonts/Lato/Lato-Regular.eot?#iefix') format('embedded-opentype'),url('/root/fonts/Lato/Lato-Regular.woff2') format('woff2'),url('/root/fonts/Lato/Lato-Regular.woff') format('woff'),url('/root/fonts/Lato/Lato-Regular.ttf') format('truetype');font-style:normal;font-weight:400;text-rendering:optimizeLegibility;}@font-face {font-family:'Lato';src:url('/root/fonts/Lato/Lato-Semibold.eot'); src:url('/root/fonts/Lato/Lato-Semibold.eot?#iefix') format('embedded-opentype'),url('/root/fonts/Lato/Lato-Semibold.woff2') format('woff2'),url('/root/fonts/Lato/Lato-Semibold.woff') format('woff'),url('/root/fonts/Lato/Lato-Semibold.ttf') format('truetype');font-style:normal;font-weight:600;text-rendering:optimizeLegibility;}@font-face {font-family:'Lato';src:url('/root/fonts/Lato/Lato-Bold.eot'); src:url('/root/fonts/Lato/Lato-Bold.eot?#iefix') format('embedded-opentype'),url('/root/fonts/Lato/Lato-Bold.woff2') format('woff2'),url('/root/fonts/Lato/Lato-Bold.woff') format('woff'),url('/root/fonts/Lato/Lato-Bold.ttf') format('truetype');font-style:normal;font-weight:700;text-rendering:optimizeLegibility;} html { height:100%; } html *{max-height:1000000px;box-sizing:border-box;} body{position:relative;min-height:100%;margin:0;padding:0;padding-top:106px;background-color:#ffffff;overflow-x:auto;overflow-y:scroll;font-family:Proximanova, Arial, Tahoma;font-size:16px;color:#2C313F;} body.locked{overflow-y:hidden;padding-right:18px;} a{color:#61b6da;text-decoration:none;} img{border:none;width:auto;height:auto;} #root{width:100%;min-width:320px;} .outer{width:100%;padding:0 32px;} .wrapper{position:relative;margin:0px auto;width:100%;max-width:900px;height:100%;box-sizing:border-box;z-index:1;} section.start .wrapper{opacity:0;transform:translate(0, 60px);transition:opacity 1s 0.2s ease, transform 0.6s 0.2s ease;} section.start.loaded .wrapper{opacity:1;transform:translate(0, 0px);} header{display:block;position:fixed;top:0;left:0;right:0;background-color:#ffffff;z-index:100;border-bottom:1px solid #eee;transition:all 0.5s ease;} header .wrapper{max-width:100%;display:flex;justify-content:space-between;align-items:center;padding:31px 0;} header .logo{font-size:28.8px;font-weight:700;color:#3e69dc;transition:color 0.5s ease;} header .logo:hover{color:#2c313f;} header .menu a{display:inline-block;margin:0 20px;padding:8px 0;font-family:Lato;font-size:17px;font-weight:700;color:inherit;transition:color 0.3s ease;} header .menu a:hover{color:#3e69dc;} header .menu a.active{color:#3e69dc;border-bottom:2px solid #3e69dc;} header .mobile-menu{display:none;width:36px;height:36px;cursor:pointer;} header .mobile-menu span{display:block;margin:7px 0;width:100%;height:3px;background-color:#3e69dc;transition:background-color 0.2s ease;} header .mobile-menu span:nth-child(2){width:28px;} header .mobile-menu span:nth-child(3){width:32px;} header .languages{display:inline-block;position:relative;min-width:295px;font-family:Lato;font-size:17px;font-weight:700;text-align:right;} header .languages .active-lang{position:relative;display:inline-flex;align-items:center;padding-right:32px;cursor:pointer;z-index:110;} header .languages .active-lang img{display:block;margin-right:14px;width:30px;} header .languages .beak{position:absolute;top:-2px;right:0px;width:24px;transition:opacity 0.2s ease;} header .languages .beak svg{width:24px;stroke:#3e69dc;} header .languages .lang-list-wrap{position:absolute;top:-500px;right:-30px;padding-top:36px;width:200px;z-index:100;opacity:0;transition:opacity 0.2s ease;} header .languages:hover .lang-list-wrap, header .languages.hover .lang-list-wrap{top:0;opacity:1;} header .languages .lang-list{position:relative;padding:10px 0px;width:100%;background:#FFFFFF;box-shadow:0px 4px 50px RGBA(0,0,0, 0.2);border-radius:10px;z-index:100;} header .languages .lang-list a{display:flex;align-items:center;margin:0;padding:14px 26px;font-size:16px;color:inherit;border-top:1px solid #EEEEEE;text-decoration:none;} header .languages .lang-list a:first-child{border:none;} header .languages .lang-list a:hover{background-color:#F4F5F5;} header .languages .lang-list:not(:hover) a.active{background-color:#F4F5F5;} header .languages img{display:block;margin-right:14px;width:30px;border:1px solid #d6d6d6;border-radius:3px;} h1, h2{margin:50px 0 30px 0;font-family:Proximanova;font-size:54px;font-weight:800;line-height:1.2;text-align:left;} h3{margin:40px 0 20px 0;font-family:Proximanova;font-size:40px;font-weight:800;line-height:1.2;text-align:left;} hr{margin:50px 0 0 0;border:none;border-top:1px solid #ddd;} main .discount{color:#3e69dc;} main .btn{display:inline-block;padding:16px 30px;font-family:Lato;font-size:17px;font-weight:700;line-height:1;color:#ffffff;background:#3e69dc;border-radius:36px;text-transform:uppercase;transition:background 0.3s ease, color 0.3s ease;cursor:pointer;user-select:none;} main .btn:hover{background:#2C313F;} main .btn:active{transform:translate(1px, 1px);} footer .wrapper{padding:80px 0 50px 0;text-align:center;} footer .text{margin-top:8px;font-size:18px;color:#74767e;} footer a{color:#3E69DC;} footer a:hover{text-decoration:underline;} footer .fb{margin-top:20px;} footer .fb svg{fill:#3e69dc;} footer .fb a:hover svg{transform:scale(1.1);} #cookie-alert{position:fixed;bottom:0; left:0; right:0;padding:30px 50px;min-height:110px;background-color:#49359e;z-index:1000;transition:transform 0.5s ease;transform:translate(0, 100%);} #cookie-alert.show{transform:translate(0, 0);} #cookie-alert .text{width:60%;max-width:900px;font-size:16px;line-height:1.4;color:#ffffff;font-weight:600;} #cookie-alert .text a{display:inline-block;margin-top:20px;color:#f4f4ff;font-weight:400;} #cookie-alert .text a:hover{color:#ffffff;text-decoration:underline;} #cookie-alert .buttons{position:absolute;top:10px;right:30px;width:200px;} #cookie-alert .btn{display:inline-block;margin:10px 0;padding:14px 15px;width:100%;box-sizing:border-box;text-align:center;text-decoration:none;background-color:#ffffff;font-size:13px;font-weight:600;color:#49359e;text-transform:uppercase;letter-spacing:2px;border-radius:1px;cursor:pointer;} #cookie-alert .btn.agree{background-color:#40a4ff;color:#ffffff;} #cookie-alert .btn:hover{background-color:#30dd90;color:#ffffff;} #cookie-alert .btn:active{transform:translate(1px,1px);}@media (max-width:1200px){ h1, h2{margin:40px 0 24px 0;font-size:40px;} h3{margin:32px 0 18px 0;font-size:30px;line-height:1.3;} hr{margin-top:40px 0;} }@media (max-width:980px){ .outer{padding:0 20px;} h1, h2{margin:32px 0 18px 0;font-size:30px;line-height:1.3;} h3{margin:28px 0 16px 0;font-size:20px;line-height:1.4;} hr{margin-top:32px;} }@media (max-width:480px){ .outer{padding:0 10px;} h1, h2{margin:28px 0 16px 0;font-size:20px;line-height:1.4;} h3{margin:20px 0 14px 0;} hr{margin-top:28px;} main .btn{font-size:15px;} }@media (max-width:1200px){ header .languages{min-width:0;} header .menu{margin-left:auto;margin-right:30px;} header .menu a{margin:0 12px;} }@media (max-width:980px){ header .menu, header .languages{display:none;} header .mobile-menu{display:inline-block;} }@media (max-width:480px){ body{padding-top:72px;} header .wrapper{padding:18px 0;} header .logo{font-size:20px;} footer .wrapper{padding:40px 0 20px 0;} } #mobile-menu{display:none;position:fixed;top:0px;left:0px;right:0px;bottom:0px;background-color:#2C313F;z-index:900;opacity:0;will-change:opacity;transition:opacity 0.3s 0.2s ease;} #mobile-menu.open{transition:opacity 0.3s ease;opacity:1;} #mobile-menu .wrap{position:fixed;top:0px;left:0px;right:0px;bottom:0px;padding:80px 50px;will-change:transform;transform:translate(100%, 0);transition:transform 0.3s ease;} #mobile-menu.open .wrap{transition:transform 0.3s 0.2s ease;transform:translate(0,0);} #mobile-menu .close-btn{position:absolute;top:0px;right:0px;width:100px;height:80px;background:url('/root/header/images/close.svg') center center no-repeat;background-size:44px auto;cursor:pointer;opacity:0;transition:opacity 0.4s 0.5s ease;} #mobile-menu.open .close-btn{opacity:1;} #mobile-menu .languages{text-align:center;} #mobile-menu .languages a{display:inline-block;margin:0 30px;width:40px;} #mobile-menu .languages img{display:block;width:100%;border-radius:3px;} #mobile-menu .menu{margin:0 auto;margin-top:70px;max-width:600px;text-align:center;} #mobile-menu .menu a{display:block;padding:20px 0;border-top:1px solid RGBA(255,255,255, 0.3);font-size:28px;color:#ffffff;}@media (max-width:480px), (max-height:650px){ #mobile-menu .wrap{padding:60px 40px;} #mobile-menu .close-btn{width:60px;height:60px;background-size:38px auto;} #mobile-menu .languages a{margin:0 16px;width:36px;} #mobile-menu .menu{margin-top:30px;} #mobile-menu .menu a{padding:15px 0;font-size:20px;} }@media (max-height:450px){ #mobile-menu .wrap{padding:20px 40px;} #mobile-menu .languages img{width:30px;} #mobile-menu .menu{margin-top:10px;} #mobile-menu .menu a{padding:8px 0;font-size:18px;} }@media (max-width:800px){ #cookie-alert{padding:20px 30px;} #cookie-alert .text{width:100%;font-size:14px;} #cookie-alert .text a{margin-top:5px;} #cookie-alert .buttons{position:static;margin-top:20px;width:100%;} #cookie-alert .btn{margin:0 16px 0 0;padding:14px 30px;width:auto;font-size:12px;} }@media (max-width:550px){ #cookie-alert .text{font-weight:400;} #cookie-alert .btn.more{display:none;} } .heading{margin:50px 0 30px 0;padding-top:60px;padding-bottom:60px;background:#3E69DC;} .heading h2{margin:0 !important;text-align:center;color:#fff;} .content{font-family:Lato;font-size:20px;line-height:1.6;color:#74767e;} .center{margin-top:30px;text-align:center;} #top{background:#3E69DC;} #top .wrapper{display:flex;align-items:center;padding:20px 0;max-width:1600px;} #top .col.image{flex:0 0 45%;} #top img{display:block;width:100%;} #top p{margin:20px 0;font-size:26px;color:#fff;} #top .contact{font-size:25px;color:#fff;text-decoration:underline;} #top .contact:hover{text-decoration:none;} #top .contact + span{margin:0 8px;} #top .btn{margin-top:6px;background:#2C313F;} #top .btn:hover{background:#fff;color:#3E69DC;} #services .wrapper{max-width:100%;} #services h2, #services h3{text-align:center;} #services .services{margin-top:50px;display:flex;justify-content:space-between;align-items:center;} #services .service{flex:0 0 31%;text-align:center;} #services .service img{max-width:100%;vertical-align:top;} #cars .images{display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:10px;} #cars .images > span{display:block;position:relative;} #cars .images > span:last-child{grid-column:span 3;} #cars .images img{display:block;width:100%;} #cars .images label{position:absolute;left:0;right:0;bottom:0px;padding:10px;font-family:Lato;font-size:14px;color:#fff;text-align:center;background:linear-gradient(to top, RGBA(0,0,0, 0.5), RGBA(0,0,0, 0));} #pricelist .heading{margin-bottom:0;} #pricelist .wrapper{display:flex;justify-content:space-between;max-width:1200px;} #pricelist .col{flex:0 0 48%;} #pricelist h4{margin:24px 0;font-size:34px;text-align:center;} #partners .image{position:relative;display:block;width:100%;padding-top:100%;} #partners .image img{position:absolute;top:0; left:0; right:0; bottom:0;margin:auto;max-width:100%;max-height:100%;} #partners .title{display:block;margin-top:6px;font-size:18px;font-weight:600;line-height:1.4;color:#111;text-align:center;} #kontakt{scroll-margin-top:100px;} #feedback{margin-top:40px;background:#3E69DC;color:#fff;scroll-margin-top:100px;} #feedback .wrapper{padding:20px 0 60px 0;} #feedback .error{display:none;margin:20px 0;font-size:16px;line-height:1.4;color:#ff6040;} #feedback .cols{display:flex;} #feedback .cols > div{flex:0 0 50%;} #feedback .R-col{margin-left:80px;} #feedback p{margin:18px 0;} #feedback label{display:block;margin-bottom:8px;} #feedback label span{margin-left:5px;font-family:Tahoma;font-size:14px;color:red;} #feedback label[for]{display:inline-block;margin:0;cursor:pointer;} #feedback .field{width:100%;padding:8px 15px;background:#fff;border:2px solid #fff;border-radius:5px;font:inherit;} #feedback .field.not-valid{border-color:#ff4040;} #feedback textarea{min-height:80px;resize:vertical;} #feedback label a{color:#fff;text-decoration:underline;} #feedback label a:hover{opacity:0.8;text-decoration:none;} #feedback .btn{margin-top:6px;background:#2C313F;} #feedback .btn:hover{background:#fff;color:#3E69DC;} input.ch{display:none; } input.ch + label{position:relative;display:inline-block;vertical-align:top;padding-left:25px;line-height:1.2;user-select:none;cursor:pointer;} input.ch + label:before{content:'';display:inline-block;position:absolute;margin-top:-8px;top:50%;left:0px;width:12px;height:12px;border:2px solid #eee;transition:border-color 0.2s ease;cursor:pointer;} input.ch:hover + label:before{ } input.ch:checked + label:before{ background-color:#fff;border-color:#fff;} input.ch:checked + label:after{content:'';position:absolute;margin-top:-7px;top:50%;left:5px;display:block;height:9px;width:5px;border:1px solid #3E69DC;border-width:0 1px 1px 0;transform:rotate(45deg);} input.ch.not-valid + label:before{border-color:#aa0000;}@media (max-width:980px){ .heading{padding-top:40px;padding-bottom:40px;} .content{font-size:18px;} #top p{margin:15px 0;font-size:20px;} #top .contact{font-size:18px;} #partners .title{font-size:16px;} }@media (max-width:768px){ .content{font-size:17px;} #top .wrapper{display:block;text-align:center;} #top img{margin:0 auto;max-width:500px;} #top .contact + span{display:none;} #services .wrapper{max-width:500px;} #services .services{margin-top:0;display:block;text-align:center;} #services .service{margin:50px 0;} #services .service img{width:100%;max-width:240px;} #cars .images{grid-template-columns:repeat(2, 1fr);grid-gap:6px;} #cars .images > span:last-child{grid-column:auto;} #cars .images > span:nth-child(3) img{object-fit:cover;width:100%;height:100%;} #pricelist .wrapper{display:block;} #pricelist h4{margin:20px 0;font-size:24px;} #feedback .cols .L-col{flex-basis:60%;} #feedback .cols .R-col{margin-left:20px;flex-basis:auto;} }@media (max-width:480px){ .heading{margin:30px 0 20px 0;padding-top:20px;padding-bottom:20px;} #partners .title{font-size:14px;} #kontakt{scroll-margin-top:65px;} #feedback{padding:0 30px;} #feedback .wrapper{padding:10px 0 30px 0;} #feedback .cols{display:block;} #feedback .cols .R-col{margin-left:0;} #feedback .cols .R-col p{margin:5px 0;} #feedback label{font-size:14px;} #feedback .error{margin:10px 0;font-size:14px;} } .carousel{position:relative;user-select:none;} .carousel-scroll-wrap{margin:0 -10px;overflow:hidden;} .carousel-scroll{display:flex;touch-action:pan-y;transition:transform 0.3s ease;} .carousel-scroll.move{pointer-events:none;} .carousel .buttons{margin-bottom:10px;text-align:right;} .carousel .bt{display:inline-flex;width:30px;height:30px;justify-content:center;align-items:center;background-color:#222B30;background-position:center center;background-repeat:no-repeat;border-radius:5px;transition:all 0.3s ease;cursor:pointer;z-index:50;} .carousel .bt svg{width:24px;fill:#fff;} .carousel .bt:hover{background-color:#3E69DC;} .carousel-item-wrap{padding:0 10px;flex:0 0 20%;} .carousel-item{width:100%;height:100%;} .carousel .dots{margin-top:30px;display:flex;justify-content:center;align-items:center;} .carousel .dots span{display:inline-block;margin:0 6px;width:8px;height:8px;background:#869791;border-radius:50%;cursor:pointer;transition:background 0.2s ease;} .carousel .dots span.active{background:#222B30;} .carousel .dots span:hover{background:#222B30;} .carousel.disabled .bt, .carousel.disabled .dots{display:none;} .carousel.disabled .carousel-scroll{}@media (max-width:980px){ .carousel-item-wrap{flex-basis:25%;} .carousel .buttons{top:25px;} .carousel .bt{width:36px;height:36px;} .carousel .bt.back{left:16px;} .carousel .bt.next{right:16px;} .carousel .dots{margin-top:15px;} }@media (max-width:600px){ .carousel-item-wrap{flex-basis:33.33%;} }@media (max-width:400px){ .carousel-scroll-wrap{margin:0 -6px;} .carousel-item-wrap{padding:0 6px;flex-basis:50%;} .carousel .buttons{display:flex;justify-content:space-between;} }