.d-flex {
    display: flex !important;
}

.float-none {
    float: none !important;
}

.header-upper {
    height: 60px;
    line-height: 60px;
    background: #fff;
}

.header-upper i.fa {
    color: #00979f;
    display: inline-block;
    margin-right: 7px;
    font-size: 20px;
    vertical-align: -3px;
}

.header-upper a {
    text-decoration: none;
    color: #000;
    font-family: Roboto, sans-serif;
    font-size: 16px;
}

.header-upper .phone {
    padding-right: 30px;
}

.header-upper .opening {
    margin-left: auto;
}

.header-upper .opening p {
    color: #000;
    font-family: Roboto, sans-serif;
    font-size: 16px;
}

.header-bottom {
    background: #333;
    height: 95px;
    line-height: 95px;
}

.header-bottom .cars {
    width: 33%;
    padding-left: 80px;
}

.header-bottom .logo {
    width: 33%;
    text-align: center;
}

.green-btn {
    height: 40px;
    line-height: 40px;
    background: #008996;
    font-family: Poppins, sans-serif;
    font-weight: 500;
    font-size: 18px;
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 4px;
    color: #fff;
    text-transform: uppercase;
    display: inline-block;
    letter-spacing: 0.95px;
    border: none;
}

.green-btn:hover, .green-btn:focus {
    color: #fff;
    background: #119aa7;
}

.yellow-btn {
    height: 40px;
    line-height: 40px;
    background: #d1e322;
    font-family: Poppins, sans-serif;
    font-weight: 500;
    font-size: 18px;
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 4px;
    color: #333;
    text-transform: uppercase;
    display: inline-block;
    letter-spacing: 0.95px;
}

.yellow-btn:hover, .yellow-btn:focus {
    color: #333;
    background: #e2f433;
}

.header-bottom .import {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 33%;
    margin-left: auto;
}

.header-bottom .eurotax {
    margin-left: auto;
}

.header-bottom .import-btn {
    margin-left: -30px;
}

.hero {
    background-color: #058390;
}

.hero-inner {
    background-image: url(/images/hero-image.png);
    background-position: right bottom;
    background-repeat: no-repeat;
    height: 380px;
    position: relative;
    padding-top: 15px;
}

.hero-inner img.car {
    position: absolute;
    right: -10px;
    bottom: -140px;
}

.workers {
    background: #535353;
    min-height: 440px;
    padding-bottom: 80px;
    padding-top: 60px;
}

.hero-inner h2 {
    font-family: Poppins, sans-serif;
    font-weight: 600;
    font-size: 36px;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 28px;
    border-bottom: 5px solid #fff;
    display: inline-block;
}

.workers h2 {
    font-family: Poppins, sans-serif;
    font-weight: 600;
    font-size: 36px;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
    margin: 20px auto 28px auto;
    border-bottom: 5px solid #007f8c;
    display: inline-block;
}

.hero-inner .subtitle p {
    font-family: Poppins, sans-serif;
    font-weight: 400;
    font-size: 24px;
    color: #fff;
    margin-bottom: 25px;
}

.hero-inner .text {
    width: 50%;
}

.hero-inner .text p {
    font-family: Poppins, sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #fff;
}

.infobar {
    height: 65px;
    line-height: 65px;
    background: #d1e322;
}

.infobar p {
    font-family: Poppins, sans-serif;
    font-weight: 600;
    color: #000;
    font-size: 20px;
    text-align: center;
    margin: 0;
}

.infobar img.info-arrows-right {
    position: absolute;
    left: 0;
    top: 10px;
}

.infobar img.info-arrows-left {
    position: absolute;
    right: 0;
    top: 10px;
}

.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: rgba(0, 0, 0, 0);
}

.position-relative {
    position: relative;
}

.infobar .stretched-link {
    display: block;
    height: 65px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
}

.workers .swiper-button-prev, .workers .swiper-button-next {
    width: 30px;
    height: 30px;
	right: -40px;
}

.workers .swiper-button-prev {
    background: url(/images/colleague-arrow-left.png);
    background-repeat: no-repeat;
    left: -40px;
}

.workers .swiper-button-next {
    background: url(/images/colleague-arrow-right.png);
    background-repeat: no-repeat;
}

.workers .swiper-button-prev::after {
    display: none;
}

.workers .swiper-button-next::after {
    display: none;
}

.workers .worker .hover-layer, .cars-holder .car .hover-layer {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0.5;
    background-color: #000;
}

.cars-holder .car .hover-layer {
    left: 10px;
    right: 10px;
}

.workers .worker:hover .hover-layer, .workers .worker:hover .text,
.cars-holder .car:hover .hover-layer, .cars-holder .car:hover .text {
    display: block;
}

.workers .worker img {
    width: 100%;
}

.cars-holder .car .car-img {
    width: 100%;
}

.workers .worker .text {
    position: absolute;
    bottom: 0;
    display: none;
    padding-left: 10px;
}

.cars-holder .car .text {
    position: absolute;
    top: 0;
    display: none;
    padding-left: 10px;
}

.workers .worker .text .name {
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 2px;
    color: #fff;
    font-family: Poppins, sans-serif;
    font-weight: 600;
}

.workers .worker .text .title {
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.mt-50 {
    margin-top: 50px;
}

.cars-holder {
    padding-top: 25px;
    padding-bottom: 60px;
}

.cars-holder h2, .import h2 {
    font-family: Poppins, sans-serif;
    font-weight: 600;
    font-size: 36px;
    text-decoration: none;
    text-transform: uppercase;
    color: #000;
    margin: 20px auto 28px auto;
    border-bottom: 5px solid #008996;
    display: inline-block;
}

.cars-holder img.arrow {
    position: absolute;
    bottom: 15px;
    display: block;
}

.flex-wrap {
    flex-wrap: wrap !important;
}

.cars-holder img.arrow-right {
    left: 30px;
}

.cars-holder img.arrow-left {
    display: none;
    left: auto;
    right: 30px;
}

.cars-holder .car:hover img.arrow-right {
    display: none;
}

.cars-holder .car:hover img.arrow-left {
    display: block;
}

.cars-holder .car .text {
    padding-top: 25px;
    padding-left: 30px;
    padding-right: 30px;
    width: 100%;
}

.cars-holder .car .text p.name {
    font-family: Poppins, sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: #fff;
    max-width: 80%;
    padding-right: 10px;
}

.cars-holder .car .text p.info {
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #fff;
    max-width: 80%;
    padding-right: 10px;
    text-transform: uppercase;
}

.cars-holder .car .green-btn {
    height: 30px;
    line-height: 30px;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 4px;
    font-size: 16px;
    margin-left: auto;
}

.cars-holder .car .price {
    font-family: Roboto, sans-serif;
    font-weight: 700;
    font-size: 16px;
    color: #fff;
    position: absolute;
    bottom: 10px;
    left: 30px;
    display: none;
}

.cars-holder .car {
    margin-bottom: 30px;
}

.cars-holder .car:hover .price {
    display: block;
}

.import {
    display: flex;
}

.import .left {
    background: #dbdbdb;
    width: 60%;
    padding: 60px 5% 60px 18%;
}

.import .right {
    width: 50%;
}

.import .right img {
    width: 100%;
}

.import .left p {
    font-family: Poppins, sans-serif;
    font-weight: 400;
    font-size: 24px;
    color: #000;
    line-height: 32px;
    padding-top: 20px;
    margin-bottom: 30px;
}

.w-100 {
    width: 100% !important;
}

.import .green-btn {
    margin-left: auto;
}

footer {
    background: #363636;
    padding-top: 70px;
}

.footer-top {
    padding-bottom: 50px;
}

.footer-top h3 {
    font-family: Poppins, sans-serif;
    font-size: 22px;
    display: inline-block;
    border-bottom: 5px solid #008996;
    color: #fff;
    text-transform: uppercase;
    padding-bottom: 5px;
    font-weight: 600;
    letter-spacing: 0.75px;
    margin-top: 0;
    margin-bottom: 20px;
}

.footer-top ul {
    list-style-type: none;
    padding: 0;
}

.footer-top p, .footer-top li, .footer-top a {
    font-family: Roboto, sans-serif;
    font-size: 16px;
    color: #fff;
    text-decoration: none;
    line-height: 30px;
    margin-bottom: 0;
}

.footer-top iframe {
    max-width: 100%;
    margin-left: -40px;
}

.footer-top img.footer-logo {
    margin-top: 15px;
}

.footer-top a:hover {
    text-decoration: underline;
}

.footer-bottom {
    border-top: 1px solid #8c8c8c;
    padding-top: 40px;
    padding-bottom: 29px;
}

.footer-bottom p {
    font-family: Roboto, sans-serif;
    font-size: 16px;
    color: #fff;
    text-align: center;
}

.content {
    padding-top: 75px;
    padding-bottom: 85px;
}

.content h1 {
    font-family: Poppins, sans-serif;
    font-weight: 600;
    font-size: 36px;
    text-decoration: none;
    text-transform: uppercase;
    color: #000;
    margin: 20px auto 28px auto;
    border-bottom: 5px solid #008996;
    display: inline-block;
}

.content p, .content ul li {
    font-family: Poppins, sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #000;
}

.content p a, .content ul li a {
    font-family: Poppins, sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #008996;
}

.content p a:hover, .content ul li a:hover {
    text-decoration: underline;
}

.content h2 {
    color: #008996;
    font-size: 30px;
    font-weight: 600;
    font-family: Poppins, sans-serif;
    letter-spacing: 0.75px;
}

.car-data {
    padding-top: 75px;
}

.hahu .hahu-left {
    width: 100%;
}

.hahu .show-cars {
    display: none;
}

.hahu .hahu-right {
    background: #03828f;
    color: #fff;
    min-height: 200px;
    padding: 40px;
    width: 100%;
}

.hahu .hahu-left h2 {
    font-family: Poppins, sans-serif;
    font-weight: 600;
    font-size: 36px;
    text-decoration: none;
    text-transform: uppercase;
    color: #000;
    border-bottom: 5px solid #008996;
    display: inline-block;
}

.hahu .hahu-left .hahu-block {
    padding-bottom: 80px;
}


.hahu-right h3 {
    font-family: Poppins, sans-serif;
    font-weight: 600;
    font-size: 30px;
    letter-spacing: 0.75px;
    margin-bottom: 50px;
    text-transform: uppercase;
}

.hahu-right ul {
    padding-left: 0;
    list-style-type: none;
}

.hahu-right ul li, .hahu-right p {
    font-weight: 600;
    font-family: Poppins, sans-serif;
    font-size: 18px;
    color: #fff;
}

.hahu-right ul {
    margin-bottom: 25px;
}
.hahu-right ul li {
    margin-bottom: 10px;
}

.hahu-right ul li span {
    display: block;
    margin-bottom: 2px;
}

.hahu-right ul li span.title {
    text-transform: uppercase;
}

.hahu-right .col-xs-12 {
    float: none;
}

.wrapper-page {
    width: 100%;
    overflow-x: hidden;
}

.hahu-left .images {
    padding-left: 0;
    padding-right: 0;
    width: 890px;
    max-width: calc(100% - 60px);
    overflow: hidden;
    margin-left: 0;
}

.hahu-left .images img.car-image, .hahu-left .images video {
    height: 181px;
}

.car-data {
    padding-bottom: 80px;
}

.hahu .hahu-left .images .image.swiper-slide-next img.car-image, .hahu .hahu-left .images .image.swiper-slide-next video {
    width: 100%;
    height: auto;
}

.hahu .hahu-left .images .image.swiper-slide-next video {
    height: 378px;
}

.hahu .hahu-left .images .image.swiper-slide-next  img.play {
    position: absolute;
    width: 35px;
    top: calc(50% - 20px);
    left: calc(50% - 17px);
    cursor: pointer;
}

.hahu .hahu-left .car-name.hahu-block {
    padding-bottom: 40px;
}

.hahu-left .container {
    width: 100%;
}


img.play {
    position: absolute;
    width: 35px;
    top: calc(50% - 20px);
    left: calc(50% - 17px);
    cursor: pointer;
}
.car-media {
    height: 495px;
    padding-left: 0;
}

.car-media .swiper-button-next::after, .car-media .swiper-button-prev::after {
    content: '';
}
.car-media .swiper-button-prev, .car-media .swiper-button-next {
    width: 50px;
    height: 50px;
    background-color: #fff;
    border-radius: 50%;
    background-position: center;
    top: 38%;
}

.car-media .swiper-button-prev {
    background-image: url(/images/green-arrow-left.png);
    background-repeat: no-repeat;
    left: 135px;
    right: auto;
}

.car-media .swiper-button-next {
    background-image: url(/images/green-arrow-right.png);
    background-repeat: no-repeat;
    left: 710px;
    right: auto;
}

.car-name .model {
    font-family: Poppins, sans-serif;
    font-weight: 600;
    font-size: 32px;
    color: #000;
    margin-top: 50px;
    margin-bottom: 0;
}
.car-name .model-long {
    font-family: Poppins, sans-serif;
    font-weight: 400;
    font-size: 30px;
    color: #000;
}

.car-media .car-media-title {
    font-family: Poppins, sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: #000;
    padding-left: 155px;
}

.car-media .car-media-title img {
    margin-left: 20px;
}

.hahu-block h4 {
    color: #008996;
    font-weight: 600;
    font-size: 30px;
    letter-spacing: 0.75px;
    text-transform: uppercase;
    font-family: Poppins, sans-serif;
    margin-bottom: 25px;
}

.hahu-block p {
    font-family: Poppins, sans-serif;
    font-size: 18px;
    color: #000;
    font-weight: 500;
}

.hahu .hahu-left .hahu-block p.price {
    font-family: Poppins, sans-serif;
    font-size: 32px;
    font-weight: 700;
    text-transform: none;
    color: #000 !important;
    line-height: 20px;
}

.hahu .hahu-left .hahu-block p.price a {
    color: #000 !important;
}

.hahu .hahu-left .hahu-block p.price span {
    font-family: Poppins, sans-serif;
    display: block;
    font-size: 18px;
    font-weight: 400;
    margin-left: 0;
    margin-top: 15px;
    vertical-align: 2px;
}

.contact-row {
    padding-bottom: 50px;
    padding-top: 50px;
}
.contact-row img {
    display: block;
    margin: 50px auto 20px auto;
}

.contact-row i {
    font-size: 60px;
    color: #008895;
    display: block;
    margin: 50px auto 20px auto;
}

.contact-row button {
    padding-left: 20px;
    padding-right: 20px;
}

.car a, .car p.price {
    color: #fff !important;
}
