@import url(https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&display=swap);
@font-face {
  font-family: "bootstrap-icons";
  src: url("../fonts/bootstrap-icons.woff2") format("woff2"),
url("../fonts/bootstrap-icons.woff") format("woff");
}
.bi::before,
[class^="bi-"]::before,
[class*=" bi-"]::before {
  display: inline-block;
  font-display: block;
  font-family: "bootstrap-icons" !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: -.125em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.bi-geo-fill::before { content: "\F3E9"; }
.bi-house::before { content: "\F425"; }
.bi-x-lg::before { content: "\F659"; }
.bi-list::before { content: "\F479"; }
.bi-envelope::before { content: "\F32F"; }
.bi-whatsapp::before { content: "\F618"; }
.bi-chevron-double-left::before { content: "\F27F"; }
.bi-arrow-left:before { content: "\F12F"; }
.bi-telephone-forward::before { content: "\F5B6"; }
.bi-star-fill::before { content: "\F586"; }
.bi-arrow-right::before { content: "\F138"; }
.bi-x-lg::before { content: "\F659"; }
.bi-bookmark-star::before { content: "\F19F"; }
.bi-check::before { content: "\F26E"; }
.bi-cart::before { content: "\f242"; }
.bi-person::before { content: "\F4E1"; }
.bi-person-plus::before { content: "\F4E1"; }
.bi-chevron-compact-left::before { content: "\F27A"; }
.bi-chevron-compact-right::before { content: "\F27B"; }
.bi-check2-square::before { content: "\F271"; }
.bi-arrow-left-right::before {content:"\F12B";}
* {
    padding: 0;
    margin: 0
}
.white-bg {background:#fff;}
ul li {
    list-style-type: none
}

button,
button:hover,
a,
a:hover {
    text-decoration: none !important;
    transition: .5s all !important
}

ul li .active {
    color: #00b973 !important
}

body {
    font-family: "Ubuntu", sans-serif
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg)
    }
    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg)
    }
    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        -ms-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        -ms-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg)
    }
    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        -ms-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg)
    }
    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        -ms-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}

.header {
    width: 100%;
    border-top: 3px solid #00b973;
    position: absolute;
    top:0px;
    z-index: 9999;
}
:root {
    --swiper-theme-color: #00b973 !important
}

.nav-lr {
    padding-top: 15px
}

.nav-lr ul {
    text-align: right
}

.nav-lr ul li {
    display: inline-block;
    margin-left: 20px;
    border: 1px solid #fff;
    height: 40px;
    width: 120px;
    text-align: center
}

.nav-lr ul li a {
    color: #fff;
    line-height: 40px;
    width: 100%;
    display: inline-block
}

.header-basic {
}

.header-basic .header-number a {
    color: #fff;
    font-weight: 300;
    font-size: 16px;
    letter-spacing: .2px;
    line-height: 35px
}

.header-basic .header-number a:hover {
    color: #aaa
}

.header-basic .header-number a img {
    height: 16px
}

.header-basic .social {
    text-align: left
}

.header-basic .social li {
    display: inline-block;
    margin-right: 5px
}

.header-basic .social li img {
    width: 20px;
    margin-right: 5px;
    top: -1px;
    position: relative
}

.header-basic ul {

}

.header-basic ul li {
    display: inline-block;
    color: #fff;
    font-size: 16px;
    line-height: 35px
}

.header-basic ul li a {
    font-size: 16px;
    letter-spacing: .5px;
    font-weight: 300;
    text-transform: uppercase;
    color: #fff
}

.header-basic ul li a:hover {
    color: #aaa
}

.header-basic ul li span {
    margin: 0 2.5px
}

.header-basic .basic-book {
    width: 150px;
    float: right;
    background: #00b973;
    text-transform: uppercase
}

.header-basic .basic-book a {
    display: inline-block;
    width: 100%;
    height: 100%;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    line-height: 35px
}
.header .header-basic {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  backdrop-filter: blur(4px);
  background-color: rgba(0,0,0,.3);
}
.header .header-basic .row {display: flex; align-items: center; height:100px;}
.header .email {}
.header .phone {margin-top:15px;}
.header .email a {
  color:#333;
  font-size:16px;
  letter-spacing:0.5px;
  margin-right:15px;
}
.header .phone a {
  color:#333;
  font-size:16px;
  letter-spacing:0.5px;
  margin-right:15px;
}
.header .book {width:150px; float:right; line-height:100px}
.header a:hover {color:#00b973;}
.header .book a {
  display: block;
  background: #00b973;
  height: 40px;
  line-height:40px;
  width: 100%;
  border: none;
  font-weight: 600;
  font-size: 14px;
  color: #fff;
  text-transform: uppercase;
  position: relative;
  text-align: center;
}
.bdy-bg .header-top {
    padding: 0
}

.bdy-bg .header {
    position: relative;
    background: #fff
}

.bdy-bg .navbar-limo ul li.active span,
.bdy-bg .navbar-limo ul li a {
    color: #fff;
    text-transform: uppercase
}

.header-top .header-phone {
    margin-top: 30px;
    cursor: pointer;
    display: block
}

.header-top .header-phone a {
    color: #fff;
    font-size: 15px;
    font-weight: 200
}

.header-top .header-phone a img {
    width: 20px;
    margin-right: 5px
}

.navbar-limo {
}
.navbar-limo ul {
    text-align: right
}

.navbar-limo ul.text-right {
    text-align: right
}

.navbar-limo ul li {
    display: inline-block;
    margin:0px 15px;
}
.navbar-limo ul li a {
  position: relative;
}
.navbar-limo ul li a:before {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    left:-12.5px;
    top: 26px;
    background: #00b973;
    border-radius:100%;
}
.navbar-limo ul li a {
    font-size: 15px;
    color: #fff;
    font-weight: 400;
    line-height: 58px;
    display: inline-block;
    position: relative;
    text-transform: uppercase;
    letter-spacing: .5px;
}
.navbar-limo ul li a:hover {
  color:#00b973;
}
.header .logo a img {
  height:66px;
  margin-top:4px;
}

.navbar-limo ul li ul {
    display: none
}

.header .black {
    display: none
}

.bdy-bg .header .white {
    display: none
}

.bdy-bg .header .black {
    display: block
}

.navbar-limo ul li ul li {
    border-bottom: 1px solid #1984a8
}

.navbar-limo ul li ul li {
    width: 100%
}

.navbar-limo ul li ul a {
    height: 30px;
    line-height: 30px
}

.navbar-limo ul li ul a:before {
    display: none
}

.navbar-limo ul li:hover ul {
    display: block;
    background: #00b973;
    width: 300px;
    text-align: left;
    position: absolute
}

.navbar-limo ul li:hover ul li a:hover {
    color: #000;
    transition: .5s all
}

.navbar-limo ul li:hover ul li a {
    color: #fff
}

.navbar-limo ul li:hover+body {
    background: red
}

.navbar-limo ul li.active:first-child {
    margin-left: 0
}

.navbar-limo ul li.active a {
    padding: 0;
    height: 40px;
    line-height: 40px;
    margin: 0
}

.navbar-limo ul li.active a svg {
    width: 12px;
    position: relative;
    top: 1px;
    fill: #8e651d
}

.navbar-limo ul li.active:hover a svg {
    fill: #fff
}

.navbar-limo .nav-sub {
    position: relative
}

.navbar-limo .nav-sub a {
    width: 100%;
    height: 100%;
    display: block
}

.navbar-limo .nav-sub .nav-sub:after {
    content: "+";
    position: absolute;
    width: 15px;
    height: 15px;
    right: 15px;
    top: 13px;
    color: #fff
}

.navbar-limo .nav-sub .nav-sub {
    position: relative
}

.navbar-limo .nav-sub .nav-sub ul {
    display: none
}

.navbar-limo .nav-sub strong {
    font-size: 15px;
    color: #fff;
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    display: inline-block;
    position: relative;
    font-weight: 400;
    cursor: pointer;
    text-transform: uppercase;
    width: 100%;
    height: 100%;
    display: block
}

.navbar-limo .nav-sub ul li a {
    height: 40px;
    line-height: 40px
}

.navbar-limo .nav-sub .nav-sub:hover ul {
    display: block;
    position: absolute;
    left: 300px;
    top: 0;
    width: 300px
}

.NavHover {
    position: relative
}

.NavHover:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100vh;
    background: #00000090;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 2
}

.nav-user:hover {
    background: #fff !important
}

.nav-user:hover a {
    color: #333333 !important
}

.nav-user a:before {
    display: none !important
}

.nav-user a label {
    font-weight: 700;
    cursor: pointer
}

.slide img {
    width: 100%
}

.slide.page-slide::before {
    height: 250px
}

.slide.page-slide {
    height: 250px;
    width:100%;
    display: flex;
    align-items: center;
    text-align: center;
    flex-wrap:wrap;
}
.slide.page-slide .text {padding:0px; width:100%;}
.slide.page-slide .text h1 {padding:0px; margin:0px;}
.slide.page-slide ul {
    text-align: center;
    margin-top: 15px
}

.slide.page-slide ul li {
    display: inline-block;
    color: #fff;
    font-size: 20px;
    font-weight: 300
}

.slide.page-slide ul li span {
    margin: 0 15px
}

.slide.page-slide ul li a {
    color: #fff
}
.reservation {
  width: 100%;
  background: #fff;
  padding: 30px;
  z-index: 1;
  margin-top: 220px;
  box-shadow: 0px 1px 5px -3px #969696;
}
.reservation .form-booking {text-align: left;}
.reservation .item {width:25%; display: inline-block;
}
.reservation-type .reservation {
  margin:0px;
}
.reservation-type {
  padding-top:50px;
}
.page-slide .text {
    position: relative;
    z-index: 9999
}

.page-slide::before {
    filter: blur(2px);
    -webkit-filter: blur(2px)
}

.page-slide h1 {
    margin-bottom: 0;
    color: #fff;
    font-size: 56px;
    font-weight: 500;
    text-align: center;
    letter-spacing: .2px;
    text-transform: uppercase
}

.home-title {
    margin-top:200px;
}

.home-title h1 {
    margin: 0;
    font-size: 30px;
    color: #13191b;
    line-height: 46px;
    font-weight: 300;
    text-transform: uppercase
}

.home-title p {
    font-size: 16px;
    line-height: 26px;
    color: #666;
    font-weight: 300;
    margin: 0 auto;
    margin-top: 15px
}
.home-title .img {margin-bottom:15px;}
.home-title .img img {height:30px;}
.features-car {
    margin-top: 100px;
    position: relative
}

.features-car .title:before {
    content: "";
    position: absolute;
    height: 1px;
    width: 100%;
    top: 17px;
    left: 0;
    background: #e1e1e1
}

.features-car .title h2 {
    font-size: 24px;
    color: #1f2426;
    font-weight: 700;
    background: #fff;
    width: 180px;
    text-align: center
}

.features-car .title h2 b {
    font-weight: 300
}

.title .all-cars {
    width: 100px;
    background: #fff;
    text-align: center;
    color: #626262;
    height: 27px;
    border: 1px solid #e1e1e1;
    float: right;
    top: 4px;
    position: relative;
    font-size: 14px
}

.title .all-cars a {
    color: #626262;
    line-height: 27px
}

.title .navigation {
    width: 36px;
    position: relative;
    top: 10px;
    float: right
}

.title .navigation .next {
    width: 18px;
    height: 16px;
    float: left;
    background: url(../img/next.png);
    cursor: pointer;
    margin: 0 0 0 0;
    position: absolute;
    right: 5px;
    top: 0;
    text-indent: -9999px
}

.title .navigation .next:hover {
    background-position: bottom
}

.title .navigation .prev {
    width: 18px;
    height: 16px;
    float: left;
    background: url(../img/prev.png);
    cursor: pointer;
    margin: 0 10px 0 0;
    position: absolute;
    right: 13px;
    top: 0;
    text-indent: -9999px
}

.title .navigation .prev:hover {
    background-position: bottom
}

.features-car .content {
    margin-top: 50px;
    margin-bottom: 50px
}

.features-car .content .item {
    text-align: center;
    position: relative;
    padding: 30px 0;
}

.features-car .content .item:hover {
    background: url(../img/item-hover.png) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.features-car .content .item h3 {
    font-size: 14px;
    color: #1f2526
}

.features-car .content .item .img img {
    height: 126px
}

.features-car .content .item label {
    font-size: 14px;
    color: #333;
    font-weight: 300;
    text-transform: uppercase
}

.features-car .content .item ul {
    padding: 0 10px;
    margin-top: 15px
}

.features-car .content .item ul li {
    text-align: left;
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: 5px;
    padding-bottom: 5px
}

.features-car .content .item ul li label {
    font-weight: 400;
    text-transform: capitalize;
    font-size: 14px
}

.features-car .content .item ul li span {
    float: right;
    font-weight: 700
}

.features-car .content .item .button {
    opacity: 1;
    -webkit-transition: opacity 0.5s 0s ease-in-out;
    -moz-transition: opacity 0.5s 0s ease-in-out;
    -o-transition: opacity 0.5s 0s ease-in-out;
    -ms-transition: opacity 0.5s 0s ease-in-out;
    transition: opacity 0.5s 0s ease-in-out;
    margin-top: 30px
}

.features-car .content .item .button a {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    font-weight: 700;
    padding: 0 15px;
    color: #fff;
    background-color: #000;
}

.features-car .content .item .button a:hover {
    color: #00b973;
    background-color: #000
}

.features-car .content .item:hover .button {
    opacity: 1
}

.features-car .content .item:hover .button a {
    background: #fff;
    color: #000
}

.features-car .content .item:hover .button a:hover {
    background: #000;
    color: #00b973
}

.features-home {
    margin: 150px 0
}

.features-home .item {
    text-align: center
}

.features-home .item .icon {
    text-align: center;
    height: 70px;
    margin-bottom: 10px
}

.features-home .item .icon img {
    height: 100%
}

.features-home .item .title {
    font-size: 20px;
    font-weight: 500;
    letter-spacing: .5px;
    margin-bottom: 5px;
    text-transform: uppercase;
    text-align: center
}

.features-home .item .text {
    font-size: 18px;
    font-weight: 300;
    letter-spacing: .5px;
    text-align: center
}

.home-services {
    background: #121212;
    padding: 100px 0
}

.home-services .title h2 {
    position: relative;
    color: #fff;
    font-weight: 500;
    font-size: 25px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 35px
}

.home-services .title h2:before {
    content: "";
    position: absolute;
    width: 50px;
    height: 1.5px;
    background: #fff;
    bottom: -20px;
    left: calc(50% - 25px)
}

.home-services .title h2:after {
    content: "";
    position: absolute;
    width: 50px;
    height: 1.5px;
    background: #fff;
    bottom: -15px;
    left: calc(50% - 50px)
}

.home-services .title p {
    color: #fff;
    font-weight: 300;
    font-size: 13px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 10px
}

.home-services .item {
    margin-top: 30px;
    background: #242424;
    padding-bottom: 15px;
    min-height: 283px
}

.home-services .item img {
    width: 100%;
    height: 200px;
    object-fit: cover
}

.home-services .item .title {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    margin: 15px;
    margin-bottom: 10px
}

.home-services .item .text {
    color: #fff;
    margin: 0 15px;
    color: #fff;
    font-weight: 300
}

.luxury-slide {
    background: url(../img/luxury-car-rental-slide-2.png)no-repeat top center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 650px;
    padding-top: 200px
}

.luxury-slide h1 {
    color: #e4bf80;
    font-size: 45px;
    font-weight: 500;
    text-transform: uppercase;
    margin: 0
}

.luxury-slide p {
    color: #fff;
    font-size: 18px;
    font-weight: 200;
    line-height: 30px;
    margin-top: 20px
}

.luxury-slide .button {
    width: 150px;
    height: 50px;
    border: 1px solid #e4bf80;
    text-align: center;
    margin-top: 30px;
    cursor: pointer
}

.luxury-slide .button a {
    color: #e4bf80;
    line-height: 50px;
    width: 100%;
    display: inline-block;
    cursor: pointer
}

.luxury-text {
    background: #fff;
    padding-top: 100px;
    padding-bottom: 50px
}

.luxury-text h2 {
    color: #000;
    font-size: 35px;
    margin-bottom: 30px;
    font-weight: 400;
    text-align: center
}

.luxury-text .img {
    text-align: center
}

.luxury-text p {
    font-size: 16px;
    margin-bottom: 15px;
    color: #666;
    font-weight: 300
}

.luxury-cars .title {
    margin-top: 50px
}

.luxury-cars {
    padding-bottom: 50px
}

.luxury-cars .item {
    position: relative;
    margin-bottom: 30px;
}

.luxury-cars .item .text {
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;
    padding-left: 15px;
    z-index: 2
}

.luxury-cars .item .text h3 {
    color: #fff;
    font-weight: 200;
    font-size: 20px;
    margin-bottom: 0
}

.luxury-cars .item .text p {
    color: #fff;
    font-weight: 200;
    font-size: 14px
}

.luxury-cars .item:before {
    content: "";
    width: 100%;
    height: 50px;
    position: absolute;
    bottom: 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    z-index: 1;
    background: #00000090;
}

.luxury-cars .item img {
    width: 100%;
    height: 370px;
    object-fit: cover;
}

.luxury-cars.type-car .item img {
    height: 320px
}

.luxury-cars {
    position: relative
}

.luxury-cars.type-car .text {
    position: relative;
    bottom: 0;
    padding: 0;
    color: #333;
    padding: 15px;
    border: 1px solid rgba(0, 0, 0, .1);
    border-top: 0;
    border-bottom: 0
}

.luxury-cars.type-car .item::before {
    display: none
}

.luxury-cars.type-car .item h3 {
    font-weight: 500;
    font-size: 20px;
    color: #333
}

.luxury-cars.type-car .item p {
    font-weight: 200;
    font-size: 16px;
    color: #333;
    margin-top: 10px
}

.luxury-cars.type-car .item .item-reservation {
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    border: 1px solid rgba(0, 0, 0, .1);
    border-top: 0;
    padding: 15px;
    padding-top: 0
}

.luxury-cars.type-car .item .item-reservation a {
    display: block;
    width: 150px;
    line-height: 45px;
    color: #333;
    border: 1px solid #333;
    text-align: center;
    font-size: 16px;
    margin-right: 15px;
    cursor: pointer
}

.luxury-cars.type-car .item .item-reservation a:first-child {
    background: #FBFBFB;
    border-color: #FBFBFB
}

.luxury-cars.type-car .item .item-reservation a:last-child {
    background: #00b973;
    border-color: #00b973;
    color: #fff
}

.luxury-text {
    position: relative
}

.luxury-text .title {
    margin-bottom: 50px;
    text-align: center
}

.luxury-text .title:before {
    content: "";
    position: absolute;
    height: 1px;
    width: 100%;
    top: 68px;
    left: 0;
    z-index: 1;
    background: #e1e1e1
}

.luxury-text .title h2 {
    font-size: 25px;
    color: #1f2426;
    font-weight: 700;
    background: #fff;
    z-index: 2;
    position: relative;
    margin: 0 auto;
    text-align: center
}

.luxury-text .title h2 b {
    font-weight: 300
}

.luxury-text h4 {
    margin-bottom: 15px
}

.partner-of {
    background: #fff;
    margin: 0
}

.partner-of h2 {
    margin: 0 auto
}

.sector-front {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%
}

.video-background {
    position: relative;
    z-index: -99;
    height: 250px;
    overflow: hidden;
    width: 100%
}

.dots {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.video-foreground,
.video-background iframe {
    position: absolute;
    top: -13%;
    left: 0%;
    height: 130%;
    pointer-events: none;
    width: 100%;
    overflow: hidden
}

.info {
    position: relative;
    color: #fff;
    font-size: 2em;
    font-weight: 700;
    text-align: center
}

.info p {
    font-size: .5em
}

.info a {
    color: #fff
}

.sector-front.mobile {
    display: none
}

.sector-front.desktop .video-background {
    top: 0;
    */z-index: -99;
    height: 680px;
    overflow: hidden;
    width: 100%
}

.sector-front.desktop .video-foreground,
.sector-front.desktop .video-background iframe {
    position: absolute;
    top: -3%;
    left: 0%;
    height: 118%;
    pointer-events: none;
    width: 100%;
    overflow: hidden
}

.luxury-slide.mobile {
    display: none
}

.partner-of {
    position: relative;
    margin-bottom: 150px
}

.partner-of .title:before {
    content: "";
    position: absolute;
    height: 1px;
    width: 100%;
    top: 17px;
    left: 0;
    background: #e1e1e1
}

.partner-of .title h2 {
    font-size: 24px;
    color: #1f2426;
    font-weight: 700;
    background: #fff;
    width: 180px;
    text-align: center
}

.partner-of .content {
    margin-top: 50px
}

.partner-of .content .item {
    text-align: center
}

.partner-of .content .item img {
    height: 128px;
    width: auto;
    max-width: 100%;
    opacity: .4;
    -webkit-filter: grayscale(100%);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.partner-of .content .item:hover img {
    opacity: 1;
    -webkit-filter: grayscale(0%);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.home-logo {
    text-align: center;
    position: relative;
    margin-top: 90px
}

.home-logo:before {
    content: "";
    position: absolute;
    height: 1px;
    width: 100%;
    top: 17px;
    left: 0;
    background: #e1e1e1
}

.home-logo img {
    position: relative;
    top: -15px;
    background: #fff;
    padding: 0 15px
}

.for-mobile {
    display: none;
    position: fixed;
    bottom: 50px;
    right: 40px;
    width: 50px;
    height: 50px;
    color: #fff;
    font-size: 25px;
    cursor: pointer;
    transform-origin: center;
    z-index: 999
}

.for-mobile>.fa-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    height: 60px;
    background: rgba(79, 206, 93, .5);
    transition: all 0.2s ease-in-out;
    transition: all 0.5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: heart;
    animation-name: heart;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

.for-mobile>.fab {
    position: relative;
    top: 5px;
    left: 5px;
    width: 50px;
    height: 50px;
    padding-top: 4.5px;
    text-align: center;
    display: block;
    line-height: 40px;
    background: #4fce5d;
    text-align: center;
    transition: all 0.2s ease-in-out;
    transform-origin: 50% 50%
}

@-webkit-keyframes heart {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
    28% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
    70% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes heart {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
    28% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
    70% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}


.scrollToTop {
    background: #FFF;
    border: 1px solid #d5d5d5;
    font-size: 12px;
    color: #727272;
    font-weight: 600;
    height: 35px;
    line-height: 35px;
    position: fixed;
    bottom: 35px;
    right: 50px;
    padding: 0 20px;
    z-index: 9999999
}

.breadcrumb {
    text-align: left;
    margin-top: 30px;
    margin-bottom: 30px
}

.breadcrumb li {
    display: inline-block
}

.breadcrumb li span {
    margin-left: 5px;
    margin-right: 5px
}

.breadcrumb li,
.breadcrumb li a {
    color: #5b6268;
    font-size: 16px
}

.bdy-bg {
    background-color: #efefef
}

.modules-title {
    position: relative;
    margin-bottom:50px;
}

.modules-title h1,
.modules-title h2,
.modules-title h3,
.modules-title div,
.modules-title h4 {
    margin: 0;
    padding: 0;
    font-size: 25px;
    text-transform: uppercase;
    font-weight: 500;
    text-align: left;
}

.modules-title:before {
    content: "";
    position: absolute;
    width: 75px;
    height:4px;
    background: #00b973;
    bottom:-10px;
    left:0px;
}

.modules-title p {
    font-weight: 100;
    font-size: 17px;
    margin-top: 15px
}
.home-car-list {
  padding:50px 0px;
}

.home-car-list .swiper-nav {
    position: relative
}

.home-car-list .swiper-button-next {
    position: absolute;
    right:0px !important;
    top: -35px
}

.home-car-list .swiper-button-prev {
    position: absolute;
    left:auto ;
    right:40px !important;
    top: -35px
}

.home-car-list .swiper-button-next:after,
.home-car-list .swiper-button-prev:after {
    font-size: 35px
}

.home-car-list .swiper-slide {
  margin:15px 0px;
}
.home-car-list .item {
    padding-bottom: 10px;
    text-align: left;
    border-radius:6px;
    box-shadow: -1px 1px 10px rgb(164 164 186 / 20%);
    margin-bottom: 15px;
}

.home-car-list .item .img {
    width: 100%;
    height: 170px;
    text-align: center
}

.home-car-list .item .img img {
    width: auto;
    max-width: 100%;
    height: 100%;
    margin: 0 auto;
    object-fit: cover
}

.home-car-list .item .classification {
    font-weight: 200;
    font-size: 15px;
    padding: 0 15px
}

.home-car-list .item .car-name {
    font-size: 19px;
    color: #33334f;
    margin-bottom: 0;
    padding-left:15px;
    font-weight: 500;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    word-wrap: break-word;
    margin-bottom:15px;
}

.home-car-list .item .price {
    font-weight: 400;
    font-size: 15px;
    padding: 0 15px;
    width:calc(100% - 125px);
    float:left;
}

.home-car-list .item .price label {
    font-weight: 500;
    font-size: 16px;
    color:#00b973;
}

.home-car-list .item .detail {
  float: right;
  font-size:15px;
  padding-right:15px;
}

.home-car-list .item a {
    color: #333;
}
.home-car-list .item .detail a i {
}
.home-car-list .item ul {
    margin: 0;
    margin-top: 20px;
    padding: 0 15px;
}

.home-car-list .item ul li {
    margin: 10px 0;
    border-bottom: 1px dashed #f1f1f1;
    font-size: 15px;
    font-weight: 200;
    padding-bottom: 5px;
}

.home-car-list .item ul li img {
    width: 25px
}

.home-car-list .item ul li span {
    width: 100%;
    display: block;
    font-weight: 100;
    font-size: 14px;
    margin-top: 5px;
    color: #b3b3b3;
    text-transform: uppercase
}
.special-rental {
    background: #FBFBFB;
    padding: 15px;
    padding-top: 30px;
    position: relative;
    margin-top:50px;
}
.special-rental h3 {
    font-size: 25px;
    font-weight: 500;
    text-transform: uppercase;
    margin-top: 5px;
    margin-bottom: 10px
}
.special-rental h5 {
    font-size: 20px;
    font-weight: 300;
    text-transform: uppercase;
    margin-top: 5px;
    margin-bottom: 10px
}
.special-rental .img {
    width: 100%;
    height: 75px;
    margin-bottom: 35px;
    margin-top: 50px
}
.special-rental .img img {
    width: 100%
}
.special-rental a {
  margin:15px 0px;
  width:100%;
  display: block;
}
.special-rental a.whatsapp i {margin-right:5px;}
.special-rental a.whatsapp {
  background: #47B837;
  color:#fff;
  width:200px;
  line-height:45px;
  font-size:18px;
  text-transform: uppercase;
  font-weight:200;
  padding:0px 15px;
  text-align: center;
  margin-bottom:15px;
}
.special-rental a.phone i {margin-right:5px;}
.special-rental a.phone {
  background: #47B837;
  color:#fff;
  width:200px;
  margin:0px auto;
  line-height:45px;
  font-size:18px;
  text-transform: uppercase;
  font-weight:200;
  padding:0px 15px;
  text-align: center;
  margin-top:15px;
}
.sub-page {
    background: #fff;
    padding: 75px 0
}

.sub-page .modules-title {
    padding-top: 0;
    margin-top: 0
}
.standart-page p {
  font-size:15px;
  margin-bottom:15px;
  font-weight:400;
}
.standart-page ul li {
  font-size:15px;
  margin-bottom:10px;
  font-weight:500;
}
.vehicles-content {
  width:100%;
  display: flex;
  flex-wrap: wrap;
}
.vehicles-content .item {
    border: 1px solid #efefef;
    margin-bottom: 30px
}

.vehicles-content .item .img {
    width: 100%;
    height: 220px;
    text-align: center
}

.vehicles-content .item .img img {
    height: 100%;
    width: auto
}

.vehicles-content .item .text .title {
    width: 100%;
    padding: 10px
}

.vehicles-content .item .text .title h2 {
    font-size: 25px;
    font-weight: 700
}

.vehicles-content .item .text .title label {
    font-size: 17px;
    font-weight: 200
}

.vehicles-content .item .text .properties {
    display: flex;
    padding: 10px
}

.vehicles-content .item .text .properties ul {
    padding-left: 17.5px
}

.vehicles-content .item .text .properties ul li {
    list-style-type: circle;
    font-size: 17px;
    margin: 5px 0;
    font-weight: 200
}

.vehicles-content .item .text .properties .left {
    flex-grow: 1
}

.vehicles-content .item .text .properties .right {
    flex-grow: 1;
    font-weight: 200;
    padding-right: 10px
}

.vehicles-content .item .text .properties .right .price {
    font-size: 17px;
    text-align: right;
    margin-top: 10px
}

.vehicles-content .item .text .properties .right .price span {
    font-weight: 500;
    font-size: 20px;
    position: relative;
    top: 2px
}

.vehicles-content .item .text .properties .right .detail {
    text-align: right
}

.vehicles-content .item .text .properties .right .detail a {
  float: right;
  display: block;
  margin-top: 15px;
  background-color: #00b973;
  font-size: 17px;
  color: #fff;
  height: 40px;
  line-height: 40px;
  width: 200px;
  transition: .5s all;
  text-align: left;
  border-radius:6px;
  padding:0px 15px;
}
.vehicles-content .item .text .properties .right .detail a i {
  float:right;
}
.new-page-slide-vehicles .item {
    width: 100%
}

.new-page-slide-vehicles .item .text {
    text-align: left
}

.new-page-slide-vehicles .vehicles-content {
    padding: 75px 0
}

.new-page-slide-vehicles .vehicles-content .item .img img {
    margin: 0 auto
}

.new-page-slide-vehicles .vehicles-content h4 {
    margin: 0 auto;
    font-size: 25px;
    font-weight: 500;
    text-transform: uppercase;
    width: 100%;
    text-align: center
}

.new-page-slide-vehicles .vehicles-content h5 {
    margin: 0 auto;
    position: relative;
    font-size: 22px;
    font-weight: 400;
    text-transform: uppercase;
    width: 100%;
    text-align: center;
    color: #9a9a9a;
    margin-top: 7.5px;
    margin-bottom: 50px
}

.new-page-slide-vehicles .vehicles-content h5:before {
    content: "";
    position: absolute;
    width: 60px;
    height: 2px;
    background: #00b973;
    left: calc(50% - 30px);
    bottom: -25px
}

.new-page-slide-vehicles .vehicles-content .swiper-nav {
    float: right;
    padding-bottom: 15px;
    width: 100%
}

.new-page-slide-vehicles .vehicles-content .swiper-button-prev {
    position: relative;
    float: left;
    left: -50px;
    top: 250px
}

.new-page-slide-vehicles .vehicles-content .swiper-button-next {
    position: relative;
    float: right;
    right: -50px;
    top: 250px
}

.new-page-slide-vehicles .vehicles-content .swiper-button-next,
.new-page-slide-vehicles .vehicles-content .swiper-button-prev,
.new-page-slide-vehicles .vehicles-content .swiper-container-rtl .swiper-button-prev,
.new-page-slide-vehicles .vehicles-content .swiper-container-rtl .swiper-button-next {
    color: #00b973
}

.new-page-slide-vehicles .vehicles-content .swiper-button-next:after,
.new-page-slide-vehicles .vehicles-content .swiper-button-prev:after {
    font-size: 50px
}

.new-page-slide-vehicles .vehicles-content .swiper-nav {
    float: right
}

.new-page-content-type-1 {
    padding: 50px 0;
}
.new-page-content-type-1 .row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.new-page-content-type-1 .img {
    width: 100%;
    height: 500px;
    margin: 30px 0
}

.new-page-content-type-1 .img img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.new-page-content-type-1 .elementor {
    display: flex;
    flex-flow: column wrap;
    max-height: 700px;
    width: 100%
}

.new-page-content-type-1 .elementor .item {
    width: calc(50% - 15px);
    min-height: 200px;
    height: 200px;
    margin-bottom: 15px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.new-page-content-type-1 .elementor .item.special {
    width: 100%;
    height: 450px
}

.new-page-content-type-1 .elementor.type-1 .item {
    width: 100%;
    height: 1000px !important
}

.new-page-content-type-1 .elementor .item:nth-child(1) {
    margin-right: 15px;
    height: 325px
}

.new-page-content-type-1 .elementor .item:nth-child(2) {
    margin-right: 15px;
    height: 180px
}

.new-page-content-type-1 .elementor .item:nth-child(3) {
    margin-top: 25px;
    height: 180px
}

.new-page-content-type-1 .elementor .item:nth-child(4) {
    height: 325px
}

.new-page-content-type-1 h2 {
    margin: 0 auto;
    font-size: 25px;
    font-weight: 500;
    text-transform: uppercase;
    text-align: left;
}

.new-page-content-type-1 h5 {
  margin: 0 auto;
  position: relative;
  font-size: 18px;
  font-weight: 400;
  text-transform: uppercase;
  text-align: left;
  color: #9a9a9a;
  margin-top: 7.5px;
  margin-bottom: 40px;
}

.new-page-content-type-1 h5:before {
    content: "";
    position: absolute;
    width: 60px;
    height: 2px;
    background: #00b973;
    left: 0px;
    bottom: -20px
}

.new-page-content-type-1 p {
    font-size: 16px;
    font-weight: 200;
    line-height: 25px;
    margin: 15px 0;
}

.new-page-content-type-1 p b {
    font-weight: 400
}

.new-page-content-type-2 {
    padding: 75px 0
}

.new-page-content-type-2 .item .icon {
    width: 36px;
    float: left
}

.new-page-content-type-2 .item .icon img {
    width: 100%
}

.new-page-content-type-2 .item .text {
    width: calc(100% - 36px);
    float: right;
    padding-left: 15px
}

.new-page-content-type-2 .item .text h4 {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px
}

.new-page-content-type-2 .item .text p {
    font-size: 15px;
    color: #666;
    font-weight: 200
}

.page-contact {
    padding: 100px 0;
    background: #FBFBFB
}

.page-contact h4 {
    margin: 0 auto;
    margin-top: 50px;
    font-size: 25px;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center
}

.page-contact h5 {
    margin: 0 auto;
    position: relative;
    font-size: 22px;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    color: #9a9a9a;
    margin-top: 7.5px;
    margin-bottom: 50px
}

.page-contact h5:before {
    content: "";
    position: absolute;
    width: 60px;
    height: 2px;
    background: #00b973;
    left: calc(50% - 30px);
    bottom: -25px
}

.page-contact .item {
    background: #fff;
    margin-bottom: 15px
}

.page-contact .item label {
    padding-top: 10px;
    padding-left: 10px;
    margin: 0;
    display: block;
    width: 100%;
    cursor: pointer;
    font-size: 14px
}

.page-contact .item input {
    border: none;
    box-shadow: none;
    outline: none;
    width: 100%;
    height: 35px;
    padding-left: 10px
}

.page-contact .item textarea {
    border: none;
    box-shadow: none;
    outline: none;
    width: 100%;
    height: 135px;
    padding-left: 10px
}

.page-contact .button {
    text-align: center
}

.page-contact .button button {
    background-color: #00b973;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    height: 40px;
    line-height: 40px;
    width: 200px;
    text-align: center;
    transition: .5s all;
    margin: 0 auto;
    margin-top: 15px;
    border: none;
    box-shadow: none;
    outline: none;
    text-transform: uppercase
}

.page-contact .contact-footer {
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    padding-top: 15px
}

.page-contact .contact-footer .wp {
    width: 200px;
    background: #47B837;
    height: 45px;
    margin: 0 auto;
    margin-top: 15px;
}

.page-contact .contact-footer .wp a {
    color: #fff;
    line-height: 45px;
    text-align: center;
    width: 100%;
    display: inline-block;
    font-weight: 200
}

.services-bar {
    margin: 100px 0
}

.services-bar .item {
    padding: 50px 0;
    text-align: center
}

.services-bar .item h2 {
    font-size: 23px;
    color: #333;
    font-weight: 500;
    margin-bottom: 7.5px
}

.services-bar .item h3 {
    font-size: 20px;
    color: #333;
    font-weight: 500;
    margin-top: 10px
}

.services-bar .item p {
    font-size: 17px;
    color: #333
}

.services-bar .item .img {
    width: 70px;
    height: 70px;
    line-height: 70px;
    margin: 0 auto;
    margin-bottom: 10px;
    text-align: center;
    background: #00b973
}

.services-bar .item .img img {
    height: 55px
}

.reserve-text {
    margin-top: 100px;
    margin-bottom: 100px;
    text-align: center;
    font-size: 18px;
    font-weight: 300
}
.service-new-page-slide {
    height: 700px
}
.service-new-page-slide .reservation {
    position: relative;
    top: 0;
    width: 100%;
    margin-top: 215px
}

.service-new-page-slide h1 {
    text-shadow: 0 3px 6px rgb(0 44 56 / 70%);
    font-size: 50px;
    color: #fff;
    font-weight: 200;
    text-transform: uppercase;
    margin: 0;
    margin-top: 300px
}
.service-new-page-slide.guided h1 {margin-top:250px; }
.service-new-page-slide h4 {
    font-size: 28px;
    color: #fff;
    font-weight: 200;
    text-transform: uppercase;
    margin: 0;
    position: relative;
    text-shadow: 0 3px 6px rgb(0 44 56 / 70%)
}

.service-new-page-slide .breadcrumb {
    margin-top: 15px
}

.service-new-page-slide .breadcrumb li {
    color: #fff;
    font-size: 16px
}

.service-new-page-slide .breadcrumb li a {
    color: #fff;
    font-size: 16px
}
.service-new-page-slide.guided {
  height:375px;
}
.galataport-page {
    position: relative;
    text-align: right
}

.galataport-page .breadcrumb {
    text-align: right
}

.galataport-page::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #2f617d6e
}

.new-page-slide-bottom {
    padding: 100px 0;
    background: #FBFBFB;
    display: flex;
    align-items: center
}

.new-page-slide-bottom p {
    font-size: 18px;
    font-weight: 200;
    line-height: 25px;
    margin: 5px 0;
    text-align: center
}

.new-page-slide-bottom p b {
    font-weight: 500;
    color:#00b973;
}
.new-page-slide-bottom p a {
  color:#00b973;
  font-weight:500;
}
.vehicles-slide {
    background: url(../images/vehicle-slide.jpg) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 400px;
    display: flex;
    align-items: center;
}

.swiper {
    width: 100%;
    object-fit: cover
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.swiper-button-next,
.swiper-button-prev,
.swiper-container-rtl .swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    color: #00b973
}

.vehicles-slide h1 {
    font-size: 45px;
    color: #fff;
    text-transform: uppercase;
    margin: 0;
    font-weight: 400;
    text-shadow: 1px 1px 1px #424242;
}

.vehicles-slide h4 {
    font-size: 25px;
    color: #fff;
    font-weight: 300;
    text-transform: uppercase;
    margin: 0;
    text-shadow: 1px 1px 1px #424242;
    position: relative
}

.vehicles-slide h4::before {
    content: "";
    position: absolute;
    width: 60px;
    height: 2px;
    background: #00b973;
    left: 0;
    bottom: -20px
}

.vehicles-slide .breadcrumb {
    margin-top: 35px
}

.vehicles-slide .breadcrumb li {
    color: #fff;
    font-size: 16px
}

.vehicles-slide .breadcrumb li a {
    color: #fff;
    font-size: 16px
}

.sub-page .page-left {
    width: calc(100% - 240px);
    margin-right: 10px;
    float: left;
    background-color: #FFF;
    border: 1px solid #e1e1e1;
    padding: 20px
}

.sub-page .page-left .title {
    color: #13191b;
    font-size: 18px;
    margin: 0 0 15px 0;
    font-weight: 700;
    border-bottom: 1px solid #e1e1e1;
    height: 40px;
    line-height: 40px
}

.sub-page .page-left h5 {
    font-size: 16px;
    font-weight: 300;
    margin-top: 15px
}

.sub-page .page-left img {
    width: 100%
}

.sub-page .page-left ul {
    margin: 15px 0;
    font-size: 12px;
    color: #666;
    line-height: 18px;
    font-weight: 300
}

.sub-page .page-left ul li {
    padding-left: 5px
}

.sub-page .page-left p {
    margin: 15px 0;
    font-size: 12px;
    color: #666;
    line-height: 18px;
    font-weight: 300
}

.sub-page .page-right {
    width: 230px;
    float: right
}

.sub-page .page-right .title {
    background-color: #00b973;
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    font-weight: 700;
    font-size: 14px;
    color: #FFF;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.sub-page .page-right ul {
    background-color: #fff;
    padding: 10px 20px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px
}

.sub-page .page-right ul li a {
    color: #5b6268;
    font-size: 14px;
    line-height: 35px
}

.sub-page .page-right ul li.active a {
    color: #00b973
}

.page-mtop {
    margin-top: 30px
}

.sub-page .page-left.full-width {
    width: 100%;
    margin: 0
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

.nav-tabs {
    border-bottom: 1px solid #ddd
}

.nav-tabs>li {
    float: left;
    margin-bottom: -1px
}

.nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
}

.nav-tabs>li>a:hover {
    border-color: #eee #eee #ddd
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
    color: #555;
    cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent
}

.nav-tabs.nav-justified {
    width: 100%;
    border-bottom: 0
}

.nav-tabs.nav-justified>li {
    float: none
}

.nav-tabs.nav-justified>li>a {
    margin-bottom: 5px;
    text-align: center
}

.nav-tabs.nav-justified>.dropdown .dropdown-menu {
    top: auto;
    left: auto
}

@media (min-width:768px) {
    .nav-tabs.nav-justified>li {
        display: table-cell;
        width: 1%
    }
    .nav-tabs.nav-justified>li>a {
        margin-bottom: 0
    }
}

.nav-tabs.nav-justified>li>a {
    margin-right: 0;
}

.nav-tabs.nav-justified>.active>a,
.nav-tabs.nav-justified>.active>a:hover,
.nav-tabs.nav-justified>.active>a:focus {
    border: 1px solid #ddd
}

@media (min-width:768px) {
    .nav-tabs.nav-justified>li>a {
        border-bottom: 1px solid #ddd;
    }
    .nav-tabs.nav-justified>.active>a,
    .nav-tabs.nav-justified>.active>a:hover,
    .nav-tabs.nav-justified>.active>a:focus {
        border-bottom-color: #fff
    }
}

.summary-bar-area {
    background: #1f2526
}

.summary-bar-area label {
    color: #00b973;
    font-size: 13px;
    font-weight: 300;
    margin-top: 30px;
    margin-bottom: 5px;
    display: block
}

.summary-bar-area p {
    color: #FFF;
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 30px
}

.summary-bar-area .item {
    position: relative
}

.summary-bar-area .item:after {
    position: absolute;
    content: "";
    right: 0;
    top: 30px;
    width: 1px;
    height: 50px;
    background: #525252
}

.summary-bar-area .item:last-child:after {
    display: none
}

.booking-step {
    background: #fff
}

.booking-step .item {
    width: 20%;
    float: left;
    padding: 20px 0;
    opacity: .4;
    cursor: pointer
}

.booking-step .item.active {
    opacity: 1
}

.booking-step .item .icon {
    float: left;
    height: 70px;
    width: 70px;
    line-height: 70px;
    text-align: center;
    border: 1px solid #f3f3f3;
    margin-right: 20px
}

.booking-step .item.active .icon {
    background: #efefef
}

.booking-step .item h4 {
    line-height: 70px;
    margin: 0;
    color: #1e1e1e;
    font-weight: 400;
    font-size: 16px
}

.capacity {
    margin-top: 15px;
    color: #968d8d
}

.capacity svg {
    width: 20px;
    height: auto;
    fill: #e4bf80a3;
    position: relative;
    top: 3px;
    margin-right: 2.5px
}

.features-aggrement svg {
    width: 20px;
    height: auto;
    fill: #e4bf80a3;
    position: relative;
    top: 4px;
    margin-right: 2.5px;
    transform: rotate(-5deg)
}

.capacity .armchair {
    float: left;
    margin-right: 15px
}

.features-aggrement {
    margin-top: 40px;
    padding-top: 10px;
    margin-bottom: 30px;
    border-top: 1px solid #efecec
}

.features-aggrement p {
    margin: 0;
    padding: 0
}

.car-features .price {
    font-size: 30px;
    font-weight: 700
}

.car-features .price span {
    font-weight: 200;
    font-size: 15px;
    position: relative;
    top: -3px;
    color: #00b973
}

.car-features button.select {
    background: #00b973;
    color: #fff;
    height: 45px;
    width: 250px;
    border: none;
    font-weight: 600;
    text-transform: uppercase;
    float: right
}

.checkbox-model input[type="checkbox"]:not(:checked),
.checkbox-model input[type="checkbox"]:checked {
    position: absolute;
    left: 0;
    opacity: .01
}

.checkbox-model input[type="checkbox"]:not(:checked)+label,
.checkbox-model input[type="checkbox"]:checked+label {
    position: relative;
    padding-left: 30px;
    font-size: 1.05em;
    line-height: 32px;
    cursor: pointer;
    margin-bottom: 0;
    font-weight: 400
}

.checkbox-model .return_back {
    display: block;
    width: 100%;
    line-height: 15px
}

.checkbox-model input[type="checkbox"]:not(:checked)+label:before,
.checkbox-model input[type="checkbox"]:checked+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 6px;
    width: 1.4em;
    height: 1.4em;
    border: 1px solid #aaa;
    background: #FFF;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1), 0 0 0 rgba(203, 34, 237, .2);
    -webkit-transition: all .275s;
    transition: all .275s
}

.checkbox-model input[type="checkbox"]:not(:checked)+label:after,
.checkbox-model input[type="checkbox"]:checked+label:after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    left: 2.3px;
    top: 7.5px;
    background: url(../img/draw-check-mark.png) no-repeat;
    font-size: 1.375em;
    color: #CB22ED;
    line-height: 0;
    -webkit-transition: all .2s;
    transition: all .2s
}

.checkbox-model input[type="checkbox"]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0) rotate(45deg);
    transform: scale(0) rotate(45deg)
}

.checkbox-model input[type="checkbox"]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0)
}

.fast-loader {
    border: 8px solid #f3f3f3;
    border-top: 8px solid #00b973;
    width: 100px;
    height: 100px;
    margin: 0 auto;
    animation: spin 2s linear infinite
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(360deg)
    }
}

.sub-page-foot {
    margin-top: 30px
}

.sub-page-foot .col-md-4 {
    text-align: center
}

.sub-page-foot a label {
    text-align: center;
    width: 100%;
    cursor: pointer;
    overflow: hidden;
    line-height: 18px;
    font-size: 15px;
    color: #666;
    font-weight: 300
}

.sub-page-foot a img {
    margin-bottom: 10px;
}

.sub-page-foot a:hover img {
    opacity: .8;
    -webkit-filter: grayscale(100%);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.transfer-service .item {
    margin-bottom: 15px
}

.mobile-nav {
    display: none
}

.mobile-close-menu {
    display: none
}

.hamburger-toggle {
    display: none
}

.mobile-bottom {
    display: none
}

.label-danger {
    color: #fff !important
}

.forMobile {
    position: fixed;
    bottom: 70px;
    left: 20px;
    z-index: 9999;
    width: 50px;
    height: 50px;
    display: none;
    cursor: pointer;
    transform-origin: center
}

.forMobile img {
    width: 100%;
    height: 100%;
    object-fit: none
}

.car-detail .button {
    margin-top: 15px
}

.car-details {
    margin-top: 75px
}

.car-details .features-list {
    border-bottom: 1px solid #FBFBFB;
    padding-bottom: 10px;
    text-align: center
}

.car-details .features-list h3 {
    font-size: 25px;
    font-weight: 500;
    text-transform: uppercase
}

.car-details .features-list ul {
    text-align: center;
    padding-left: 20px;
    display: block;
    margin-top: 15px
}

.car-details .features-list ul li {
    display: inline-block;
    list-style-type: circle;
    margin: 0 auto;
    padding: 0 15px;
    font-size: 16px;
    font-weight: 200;
    position: relative
}

.car-details .features-list ul li:before {
    content: "";
    position: absolute;
    width: 7.5px;
    height: 7.5px;
    background: #00b973;
    left: -3.75px;
    bottom: 7.5px
}

.car-detail-reserve input {
    width: 100%;
    height: 45px;
    padding: 0 10px;
    border: 1px solid #efefef
}

.car-detail-reserve button {
    width: 100%;
    height: 45px;
    padding: 0 10px;
    background: #00b973;
    color: #000;
    border: none;
    margin-top: 15px
}

.car-detail-reserve .item.button p {
    margin: 0;
    padding: 0;
    margin-top: 10px;
    text-align: center;
    font-size: 14px;
    font-weight: 200
}

.detail-car-list {
    margin: 0;
    padding: 0;
    padding-bottom: 50px;
    background: #fff;
    padding-top: 100px
}

.detail-car-list .modules-title {
    margin-top: 0;
    padding: 0
}

.detail-car-list .swiper-nav {
    float: right;
    padding-bottom: 15px;
    width: 100%
}

.detail-car-list .swiper-button-prev {
    position: relative;
    float: left;
    left: -50px;
    top: 250px
}

.detail-car-list .swiper-button-next {
    position: relative;
    float: right;
    right: -50px;
    top: 250px
}

.detail-car-list .swiper-button-next,
.detail-car-list .swiper-button-prev,
.detail-car-list .swiper-container-rtl .swiper-button-prev,
.detail-car-list .swiper-container-rtl .swiper-button-next {
    color: #00b973
}

.detail-car-list .swiper-button-next:after,
.detail-car-list .swiper-button-prev:after {
    font-size: 50px
}

.detail-car-list .swiper-nav {
    float: right
}

.hide {
    display: none
}

.modal.secure {
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, .3);
    z-index: 6666
}

.modal.secure .panel-default {
    width: 500px;
    height: 500px
}

.label-danger {
    display: inline-block;
    line-height: 16px;
    padding: 2px 4px;
    background: #fb5b2e;
    font-size: 12px;
    color: #FFF
}

.fastpay {
    display: none;
    padding: 20px 0
}

.fastpay .modules-title {
    margin-top: 30px;
    text-align: center
}

.options-area {
    background: #fff;
    padding: 30px;
}

.options-area .item {
    margin-bottom: 30px
}

.options-area .item label {
    color: #968d8d;
    font-weight: 300;
    margin-bottom: 10px;
    display: block
}

.options-area .item textarea,
.options-area .item select,
.options-area .item input {
    width: 100%;
    height: 45px;
    border: none;
    outline: none;
    box-shadow: none;
    border: 1px solid #968d8d;
    padding: 0 7.5px
}

.options-area .item textarea {
    min-height: 150px;
    padding: 15px
}

.options-area .item textarea::placeholder {
    color: #968d8d
}

.options-area .item .check {
    float: left;
    width: auto;
    margin-right: 15px;
    padding: 0;
    height: auto
}

.options-area .item label span {
    color: #00b973;
    font-weight: 700
}

.options-area .price {
    background: #333;
    color: #fff;
    font-size: 16px;
    height: 50px;
    line-height: 50px;
    padding-left: 15px;
}

.options-area .price span {
    font-weight: 500
}

.options-area button {
    background: #00b973;
    color: #fff;
    height: 50px;
    width: 100%;
    border: none;
    font-weight: 600;
    text-transform: uppercase
}

.card-area button {
    background: #00b973;
    height: 50px;
    width: 100%;
    border: none;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    margin-top: 10px
}

.card-area .col-md-8 {
    background: #fff;
    margin-top: 15px;
    padding: 30px
}

.card-area .item {
    margin-bottom: 20px
}

.card-area .col-md-4 .item {
    margin-bottom: 0
}

.card-area .item label {
    color: #968d8d;
    font-weight: 300;
    margin: 0;
    margin-bottom: 10px;
    display: block
}

.card-area .item select,
.card-area .item input {
    width: 100%;
    height: 45px;
    border: none;
    outline: none;
    box-shadow: none;
    border: 1px solid #968d8d;
    padding: 0 7.5px
}

.fastpay.row-fluid .options-area {
    padding: 0
}

.fastpay.row-fluid .col-md-8 {
    width: 100%;
    padding: 0;
    margin: 0
}

.fastpay.row-fluid .col-md-6 {
    width: 100%
}

.fastpay.row-fluid .options-area.area .row:last-child .col-md-6 {
    width: 50%
}

.fastpay.row-fluid .card-area.area .col-md-6 .row .col-md-6 {
    width: 50%
}

.fastpay.row-fluid .card-area.area .col-md-6:nth-child(6) {
    width: 50%
}

.fastpay.row-fluid .card-area.area .col-md-6:nth-child(5) {
    width: 50%
}

.car-page-slide .container {
    height:350px;
    display: flex;
    flex-wrap: wrap;
    align-items: end;
}
.car-page-slide .title {
  width:100%;
  height:100px;
}
.car-page-slide .title h1 {
    font-size: 35px;
    font-weight: 700;
    letter-spacing: 2.4px;
    line-height: 55px;
    text-transform: uppercase;
    color: #fff;
    margin: 0
}

.car-page-slide .title h4 {
    font-size: 30px;
    font-weight: 200;
    letter-spacing: 2.4px;
    line-height: 45px;
    text-transform: uppercase;
    color: #fff;
    margin: 0
}

.reservation-content {
    background: rgb(30 30 30 / 52%);
    padding: 15px;
}

.reservation-content h2 {
    color: #fff;
    font-size: 24px;
    letter-spacing: .64px;
    line-height: 22px;
    text-align: center;
    font-weight: 500;
    margin-bottom: 15px
}
.reservation-content .reservation {margin:0px;}
.reservation-content .reservation .item {width:100%;}
.reservation-content .reservation .res-tab ul li {width:50%; margin:0px;}
.car-detail-properties {
    margin-top: 30px
}
.reservation .tab-pane .list .item {width:100% !important;}
.reservation-content .reservation .tab-pane .item:nth-child(3) {width:49.5%; margin:0px;}
.reservation-content .reservation .tab-pane .item:nth-child(4) {width:49.5%; margin:0px;}
.reservation-content .reservation .tab-pane button {margin-top:15px;}
.car-detail-properties .img {
    height: 297px;
    display: flex;
    align-items: center
}

.car-detail-properties .img img {
    width: 100%
}

.car-detail-properties h4 {
    font-size: 20px;
    margin-top: 15px;
    font-weight: 500
}

.car-detail-properties h5 {
    font-size: 17px;
    margin-top: 7.5px;
    font-weight: 400
}

.car-detail-properties p {
    font-size: 15px;
    margin-top: 5px;
    font-weight: 200
}

.car-detail-properties .car-properties-price {
    background: #FBFBFB;
    padding: 15px;
}

.car-detail-properties .car-properties-price ul li {
    margin-bottom: 10px;
    padding-bottom: 2.5px;
    font-size: 16px;
    border-bottom: 1px solid #e5e5e5
}

.car-detail-properties .car-properties-price ul li span {
    float: right;
    font-weight: 700
}

.car-detail-properties .car-properties-price .contact-button {
    width: 100%;
    background: #47B837;
    height: 45px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.car-detail-properties .car-properties-price .contact-button a {
    color: #fff;
    line-height: 45px;
    text-align: center;
    width: 100%;
    display: inline-block;
    font-weight: 300;
    text-transform: uppercase
}

.car-detail-properties .car-properties-price .reservation-button {
    width: 100%;
    background: #00b973;
    height: 45px;
}

.car-detail-properties .car-properties-price .reservation-button a {
    color: #fff;
    line-height: 45px;
    text-align: center;
    width: 100%;
    display: inline-block;
    font-weight: 600
}

.car-properties-list {
    margin-top: 20px;
    padding-left: 20px
}

.car-properties-list li {
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 300;
    letter-spacing: .5px;
    list-style-type: circle
}

.mySwiper {
    height: 365px
}

.swiper {
    width: 100%;
    object-fit: cover
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.car-content-text {
    margin: 75px 0;
    padding: 100px 0;
    background: #FBFBFB;
    display: flex;
    align-items: center
}

.car-content-text h3 {
    font-size: 25px;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center
}

.car-content-text.home-car-content h2 {
    font-size: 25px;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center
}

.car-detail-text .title h1 {
    font-size: 25px;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center
}

.car-detail-text .title h4 {
    position: relative;
    font-size: 22px;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    color: #9a9a9a;
    margin-top: 7.5px;
    margin-bottom: 50px
}

.car-detail-text .title h4:before {
    content: "";
    position: absolute;
    width: 60px;
    height: 2px;
    background: #00b973;
    left: calc(50% - 30px);
    bottom: -25px
}

.car-content-text h4 {
    position: relative;
    font-size: 22px;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    color: #9a9a9a;
    margin-top: 7.5px;
    margin-bottom: 50px
}

.car-content-text h4:before {
    content: "";
    position: absolute;
    width: 60px;
    height: 2px;
    background: #00b973;
    left: calc(50% - 30px);
    bottom: -25px
}

.car-content-text p {
    font-size: 15px;
    font-weight: 200;
    line-height: 22px;
    margin-top: 10px;
    text-align: center
}

.car-content-text img {
    width: 100%;
    margin: 50px 0
}

.car-detail-text {
    padding: 100px 0;
    background: #FBFBFB;
    display: flex;
    align-items: center
}

.car-detail-text p {
    font-size: 17px;
    font-weight: 200;
    line-height: 27px;
    margin-top: 10px;
    text-align: center
}

.slide img {
    display: none
}

.slide .container {
    position: relative
}

.reservation {
    width: 100%;
    background: #fff;
    padding: 30px;
    z-index: 1;
}

.reservation .res-tab ul {
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    width: 100%
}

.reservation .res-tab ul li {
    width:20%;
    text-align: center;
    background: #00b973;
    border-radius:4px;
}

.reservation .res-tab ul li.active {
    background: #00b973;
    position: relative
}

.reservation .res-tab ul li.active a {
    color: #fff
}

.reservation .res-tab ul li a {
    color: #00b973;
    font-weight: 600;
    font-size: 13px;
    line-height: 40px;
    width: 100%;
    border: none;
    box-shadow: none;
    outline: none;
    display: inline-block;
    text-decoration: none
}


.reservation .tab-pane select,
.reservation .tab-pane input {
    height: 35px;
    background: transparent;
    width: 100%;
    box-shadow: none;
    outline: none;
    border: none;
    border-bottom: 1px solid #3f3f3f;
    color: #fff
}

.reservation .tab-pane select::placeholder,
.reservation .tab-pane input::placeholder {
    color: #E1E1E1
}

.reservation .tab-pane .item {
  float:left;
}

.reservation .tab-pane .item:last-child {
    margin: 0
}

.reservation .tab-pane button {
    background: #00b973;
    color: #fff;
    height: 45px;
    width: 100%;
    border: none;
    font-weight: 600;
    text-transform: uppercase
}

.reservation .res-tab ul {
    text-align: center;
    display: flex
}

.reservation .res-tab ul li {
    margin: 0 2.5px;
    background: #fff;
    border: 1px solid #00b973
}

.reservation .res-tab ul li.active {
    position: relative
}

.reservation .res-tab ul li.active:before {
    content: "";
    width: 12px;
    height: 12px;
    background: #00b973;
    position: absolute;
    left: 50%;
    bottom: -6px;
    transform: translateX(-50%) rotate(45deg);
    -webkit-transform: translateX(-50%) rotate(45deg)
}

.reservation .tab-pane {
    padding-top: 15px
}

.reservation .tab-pane h3 {
    width: 100%;
    color: #333;
    font-size: 15px;
    font-weight: 200
}

.reservation .tab-pane select,
.reservation .tab-pane input {
    height: 35px;
    background: transparent;
    width: 100%;
    box-shadow: none;
    outline: none;
    border: none;
    border-bottom: 1px solid #3f3f3f;
    color: #000
}

.reservation .tab-pane select::placeholder,
.reservation .tab-pane input::placeholder {
    color: #000
}

.reservation .tab-pane .item {
    padding:0px 10px;
    padding-top:5px;
    background: #FBFBFB
}

.reservation .tab-pane .item:nth-child(3) {
    width:16.669%;
}

.reservation .tab-pane .item:nth-child(4) {
    width:16.669%;
}

.reservation .tab-pane .item:last-child {
    margin: 0
}

.reservation .tab-pane .item.button {
    width:15.46%;
    background: transparent;
    padding:0px;
    padding-left:5px;
}

.reservation .tab-pane .item {
  margin-top:10px !important;
}
.reservation .tab-pane .item.button {
  height:57px;
  vertical-align: top;
}
.reservation .tab-pane .item button {
    background: #00b973;
    height: 100%;
    width: 100%;
    border: none;
    font-weight: 600;
    font-size: 14px;
    color: #fff;
    border-radius:6px;
    text-transform: uppercase;
    position: relative;
}

.list {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    display: none;
    background: #FFF;
    font-size: 1rem;
    color: #292b2c;
    border: 1px solid rgba(0, 0, 0, .15);
    z-index: 1000
}

.list .item {
    display: block !important;
    padding: 5px 10px !important;
    background: none !important;
    color: #222222 !important;
    line-height: 17px !important;
    font-weight: 400 !important;
    font-size: 13px !important;
    text-transform: capitalize !important;
    border-bottom: 1px solid #F5F5F5 !important;
    cursor: pointer
}

.list .item small {
    display: block !important;
    color: #999999 !important;
    font-size: 13px !important
}

.list .item a:hover {
    background: #EEEEEE !important
}

.slide {
  width: 100%;
  height: 800px;
  min-height: 600px;
  display: flex;
  flex-wrap: wrap;
  background: #26282b;
  overflow: hidden;
  position: relative;

}

.slide .slider-container {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
  transition-duration: 700ms;
  -webkit-transition-duration: 700ms;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}
.slide .slider-container .swiper-slide {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: left;
  text-align: left;
  align-content: end;
  background-size: cover;
  padding-bottom:100px;
}
.slide .slider-container .swiper-slide:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;

}
.slide .slider-container .swiper-slide .container {
  position: relative;
  z-index: 9;
}
.slide .slider-container .swiper-slide .title {
  font-size: 30px;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 0px;
  font-weight:600;
}
.slide .slider-container .swiper-slide .title span {
  display: inline-block;
  position: relative;
}
.slide .slider-container .swiper-slide .title span:before {
  content: "";
  width: 247px;
  height: 70px;
  position: absolute;
  left: 0;
  top: 40px;
  background: url(../images/title-mark.png) center no-repeat;
  background-size: contain;
  z-index: -1;
}
.slide .slider-container .swiper-slide .sub-title {
  font-weight:200;
  font-size:25px;
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 10px;
}
.slide .slider-container .swiper-slide a {
  height: 50px;
  line-height: 50px;
  float: left;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  padding-bottom: 10px;
  border-radius:6px;
  position: relative;
  border: 1px solid #9f8054;
  background: #00b973;
  padding: 0 20px;
  box-shadow: 0 0 20px rgba(235, 207, 167, 0.4);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.slide .slider-container .swiper-slide a i {
  margin-left: 10px;
}
.slide .slider-container .swiper-slide a:hover {
  text-decoration: none;
  background: #9f8054;
  border-color: #9f8054;
}
.slide .inner-elements {
  width:100%;
  position: absolute;
  right:75px;
  bottom:75px;
}
.slide .inner-elements {
  height: 100vh;
}
.slide .inner-elements .pagination {
  width: auto;
  position: absolute;
  left: auto;
  right: 15px;
  bottom: 20px;
  z-index: 4;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  line-height: 50px;
}
.slide .inner-elements .pagination .swiper-pagination-current {
  font-size: 40px;
  font-weight: 800;
  margin-right: 5px;
}
.slide .inner-elements .pagination .swiper-pagination-total {
  font-size: 20px;
  margin-left: 5px;
}
.slide .inner-elements .button-prev {
  width: 40px;
  position: absolute;
  right: 10px;
  top: calc(50% + 60px);
  z-index: 4;
  transform: rotate(90deg);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
  transform-origin: bottom;
  margin-top: -60px;
  font-weight: 600;
  color: #fff;
  font-size: 14px;
  line-height: 1;
  cursor: pointer;
}
.slide .inner-elements .button-prev:hover {
  color: #ebcfa7;
}
.slide .inner-elements .button-prev:after {
  content: "";
  width: 42px;
  height: 1px;
  background: #fff;
  position: absolute;
  right: calc(-100% - 20px);
  top: 5px;
}
.slide .inner-elements .button-next {
  width: 40px;
  position: absolute;
  right: 10px;
  top: calc(50% + 60px);
  z-index: 4;
  transform: rotate(90deg);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
  transform-origin: bottom;
  margin-top: 60px;
  font-weight: 600;
  color: #fff;
  font-size: 14px;
  line-height: 1;
  cursor: pointer;
}
.slide .inner-elements .button-next:hover {
  color: #ebcfa7;
}
.partner-of .references .item img {
    width: 100%
}

.partner-of .references .item img {
    height: 128px;
    width: auto;
    max-width: 100%;
    opacity: 1;
    -webkit-filter: grayscale(0%)
}

.partner-of .references .item {
    background: #fbfbfb;
    height: 150px;
    display: flex;
    text-align: center;
    align-items: center;
}

.partner-of .references .item img {
    margin: 0 auto
}

.swiper.layover-slide {
    width: 100%;
    height: 100%
}

.layover-slide .swiper-button-next,
.layover-slide .swiper-button-prev {
    z-index: 9999
}

.layover-slide .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #000
}

.layover-slide .swiper-slide img {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    left: 50%;
    top: 50%;
    object-fit: cover
}

.layover-page-slide {
    position: relative;
    height: 734px;
    z-index: 1
}

.layover-page-top {
    padding-top: 225px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    color: #fff
}

.layover-page-top .breadcrumb {
    margin: 0;
    padding: 0
}

.layover-page-top .breadcrumb li,
.layover-page-top .breadcrumb li a {
    color: #fff
}

.layover-page-top h1 {
    margin: 0;
    padding: 0;
    font-size: 45px;
    font-weight: 700;
    text-shadow: 1px 1px 1px #424242;
    text-transform: uppercase;
}

.layover-page-top h4 {
    background: #00b973;
    padding: 5px 15px;
    text-transform: uppercase;
    width: 215px;
    text-align: center;
    margin: 15px 0
}

.new-page-content-type-4 {
    padding: 50px 0
}

.new-page-content-type-4 h2 {
    margin-bottom: 30px;
    position: relative
}

.new-page-content-type-4 h2::before {
    content: '';
    position: absolute;
    width: 50px;
    height: 3px;
    left: 0;
    background: #00b973;
    bottom: -15px
}

.new-page-content-type-4 .item .img img {
    width: 100%;
}

.new-page-content-type-4 .item ul {
    margin-top: 20px
}

.new-page-content-type-4 .item ul li {
    font-size: 17px;
    color: #666;
    font-weight: 200;
    margin: 7.5px 0;
    position: relative;
    padding-left: 25px
}

.new-page-content-type-4 .item ul li::before {
    content: "";
    position: absolute;
    left: 0;
    width: 20px;
    height: 15px;
    background: url(../images/tick.png);
    top: 5px
}

.new-page-content-type-4 .col-md-12 {
    text-align: center;
    padding-top: 50px;
    font-size: 22px;
    color: #666
}

.new-page-content-type-4 .col-md-12 label {
    font-size: 25px;
    margin-bottom: 15px;
    display: block;
    font-weight: 200;
    color: #666
}

.new-page-content-type-4 .col-md-12 a:first-child {
    width: 150px;
    background: #00b973;
    text-transform: uppercase;
    line-height: 45px;
    color: #fff;
    font-size: 17px;
    padding: 10px 35px;
    margin-right: 15px
}

.new-page-content-type-4 .col-md-12 a:last-child {
    width: 150px;
    background: #47B837;
    text-transform: uppercase;
    line-height: 45px;
    color: #fff;
    font-size: 17px;
    padding: 10px 35px;
    margin-left: 15px
}

.new-page-content-type-5 {
    position: relative;
    height: 450px;
    margin: 50px 0
}
.new-page-content-type-5 .button {
  font-size: 18px;
  background: #00b973;
  color: #fff;
  width: 160px;
  display: inline-block;
  line-height: 40px;
  letter-spacing: .5px;
  font-weight: 300;
  padding: 0px 15px;
  margin-top:15px;
}
.new-page-content-type-5 .button i {
  float:right;
}

.new-page-content-type-5 .type-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    z-index: 11;
    height: 100%;
    align-items: center
}

.new-page-content-type-5 .type-container .img {
    width: 45%;
    position: relative;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.new-page-content-type-5 .type-container .img {
    background-size: cover !important;
    height: 100%
}

.new-page-content-type-5 .type-container .text {
    width: 55%;
    padding: 0 30px;
    color: #666;
    font-size: 18px
}

.new-page-content-type-5 .type-container .text p {
    margin: 10px 0;
    font-size: 16px;
    font-weight: 200
}
.new-page-content-type-5 .type-container .text p a {
  color:#00b973;
}
.new-page-content-type-5 .type-container .text h2,
.new-page-content-type-5 .type-container .text h3 {
    margin: 0 auto;
    font-size: 25px;
    font-weight: 500;
    text-transform: uppercase;
    text-align: left
}

.new-page-content-type-5 .type-container .text h4,
.new-page-content-type-5 .type-container .text h5 {
    margin: 0 auto;
    position: relative;
    font-size:18px;
    font-weight: 400;
    text-transform: uppercase;
    text-align: left;
    color: #9a9a9a;
    margin-top: 7.5px;
    margin-bottom: 40px
}

.new-page-content-type-5 .type-container .text h4::before,
.new-page-content-type-5 .type-container .text h5::before {
    content: "";
    position: absolute;
    width: 60px;
    height: 2px;
    background: #00b973;
    left:0;
    bottom: -15px
}

.home-car-list .item {
    width: 100%
}

.aboutus-page {
    padding: 30px 0
}

.aboutus-page h6 {
    font-size: 25px;
    letter-spacing: .4px;
    line-height: 32px;
    margin-bottom: 15px
}

.aboutus-page .item {
    margin-bottom: 15px
}

.aboutus-page P {
    font-size: 16px;
    margin-bottom: 15px
}

.sub-page.contact h2 {
    margin-bottom: 20px;
    text-transform: uppercase
}

.sub-page.contact .item {
    clear: both
}

.sub-page.contact .item label {
    width: 100px;
    float: left;
    display: block;
    margin-bottom: 15px;
    font-size: 15px;
    font-weight: 400
}

.sub-page.contact .item p {
    width: calc(100% - 100px);
    float: right;
    display: block;
    font-size: 15px;
    font-weight: 300
}

.sub-page.contact .item p a {
    color: #333
}

.sub-page.contact .maps {
    margin-top: 30px
}

.contact-form h3 {
    margin-top: 30px;
    margin-bottom: 15px;
    font-size: 25px;
    font-weight: 500;
    text-transform: uppercase
}

.contact-form .form-contact input,
.contact-form .form-contact textarea {
    width: 100%;
    height: 50px;
    border: 1px solid #ccc;
    padding: 0 15px;
    margin-bottom: 15px;
    box-shadow: none;
    outline: none
}

.contact-form .form-contact textarea {
    height: 200px;
    padding-top: 15px
}

.contact-form .form-contact .item button {
    width: 200px;
    background-color: #00b973;
    border: 1px solid #00b973;
    color: #fff;
    height: 50px;
    text-align: center;
    transition: .5s all;
    font-weight: 500;
    letter-spacing: 1px;
    border: none;
    outline: none;
    margin-top: 15px
}

.contact-form .form-contact .item button:hover {
    background-color: #fff;
    color: #00b973;
    transition: .5s all;
    border: 1px solid #00b973
}
.contact-form .intl-tel-input .flag-dropdown .selected-flag { padding:16px 15px 15px 10px;}
.breadcrumb.h-p {
    margin-top: 200px
}

.reservation-content {
    margin-top: 100px
}

.luxury-car-page {
    padding: 50px 0;
    padding-top: 75px
}

.luxury-car-page .luxury-text {
    background: #fff;
    padding: 50px 0;
    padding-bottom: 100px
}

.luxury-car-page .luxury-text h2 {
    color: #000;
    font-size: 35px;
    margin-bottom: 30px;
    font-weight: 400;
    text-align: center
}

.luxury-car-page .luxury-text .img {
    text-align: center
}

.luxury-car-page .luxury-text p {
    font-size: 16px;
    margin-bottom: 15px;
    color: #666;
    font-weight: 300
}

.luxury-car-page .luxury-text {
    position: relative
}

.luxury-car-page .luxury-text h4 {
    margin-bottom: 15px
}

.luxury-car-page.car-list .car-gallery {
    display: flex;
    flex-wrap: wrap
}

.luxury-car-page.car-list .car-gallery .item {
    display: flex;
    width: 33.33%;
    padding: 3px
}

.luxury-car-page.car-list .car-gallery .item a {
    display: block;
    width: 100%
}

.luxury-car-page.car-list .car-gallery .item img {
    width: 100%;
    height: 280px;
    object-fit: cover;
}

.luxury-car-page .car-properties .item {
    width: 16.66%;
    height: 128px;
    text-align: center;
    float: left;
    background: #fbfbfb;
    border: 5px solid #fff;
    padding: 10px;
    display: flex;
    align-items: center;
}

.luxury-car-page .car-properties {
    padding: 50px 0
}

.luxury-car-page .car-properties .modules-title {
    margin-top: 0
}

.luxury-car-page .car-properties .item img {
    width: 32px;
    height: 32px
}

.luxury-car-page .car-properties .item span {
    font-size: 11px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.45;
    letter-spacing: 2px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    display: block
}

.luxury-car-page .new-page-content-type-1 {
    padding: 50px 0;
    margin: 50px 0;
    text-align: center
}

.luxury-car-page .new-page-content-type-1 .modules-title {
    margin-top: 0
}

.modal-dialog-centered {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - (0.5rem * 2));
    width: 100%
}

.modal-reservation {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    height: 100%
}

.modal-reservation .modal-content {
    width: 100%
}

.modal-reservation .modal-body {
    padding: 30px
}

.modal-reservation .title {
    width: 100%;
    font-size: 25px;
    text-transform: uppercase;
    position: relative;
    margin-bottom: 50px;
    font-weight: 400
}

.modal-reservation .title::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -10px;
    background: #00b973;
    width: 40px;
    height: 5px
}

.modal-reservation .modal-body form {
    width: 100%
}

.modal-reservation .modal-body .item {
    padding: 0 15px;
    margin-bottom: 15px
}

.modal-reservation .modal-body .row .item {
    margin: 7.5px 0
}

.modal-reservation .modal-body .item label {
    font-size: 17px;
    font-weight: 100;
    width: 100%;
    display: block;
    text-transform: uppercase;
    margin-bottom: 5px
}

.modal-reservation .modal-body .item textarea,
.modal-reservation .modal-body .item input {
    font-size: 15px;
    font-weight: 100;
    width: 100%;
    height: 55px;
    display: block;
    border: 1px solid #e2e2e2;
    box-shadow: none;
    outline: none;
    padding: 15px
}

.modal-reservation .modal-body .item input::placeholder {
    font-size: 15px
}

.modal-reservation .modal-body .item textarea {
    min-height: 150px
}

.modal-reservation .selected-flag {
    width: 55px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center
}

.modal-reservation .iti.iti--allow-dropdown {
    width: 100%
}

#phone {
    padding-left: 57px
}

.modal-reservation .iti__flag {
    background-image: url(images/flags.png)
}

.modal-reservation .intl-tel-input .flag-dropdown .country-list {
    top: 55px !important
}

.modal-reservation .intl-tel-input .flag-dropdown .country-list .country {
    padding: 10px !important
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
    .modal-reservation .iti__flag {
        background-image: url(images/flags@2x.png)
    }
}

.modal-reservation .modal-footer {
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    border: none;
    margin-bottom: 30px
}

.modal-reservation .close {
    display: block;
    width: 200px;
    line-height: 45px;
    color: #333;
    text-align: center;
    font-size: 16px;
    cursor: pointer;
    background: #FBFBFB;
    color: #333;
    box-shadow: none;
    outline: none;
    border: none;
    text-transform: uppercase
}

.modal-reservation .sub {
    display: block;
    width: 200px;
    line-height: 45px;
    color: #333;
    text-align: center;
    font-size: 16px;
    margin-left: 15px;
    cursor: pointer;
    background: #00b973;
    color: #fff;
    box-shadow: none;
    outline: none;
    border: none;
    text-transform: uppercase
}

.modal-open .modal {
    overflow: hidden
}

.fancybox-container {
    z-index: 99999999 !important
}

.luxury-car-content .header {
}

.car-reservation {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 50px 0;
    margin-top: 100px;
    margin-bottom: -50px;
    background: #00b973
}

.car-reservation .container {
    display: flex
}

.car-reservation .text {
    width: 75%;
    height: 140px
}

.car-reservation .text h2 {
    font-size: 25px;
    font-weight: 500;
    margin-bottom: 15px;
    color: #fff
}

.car-reservation .text p {
    font-size: 18px;
    font-weight: 200;
    color: #fff;
    padding-right: 15px
}

.car-reservation .reservation {
    width: 25%;
    padding: 0;
    background: transparent;
    margin-top: 42.5px
}

.car-reservation .reservation a {
    width: 250px;
    height: 55px;
    display: inline-block;
    text-align: center;
    font-size: 18px;
    line-height: 55px;
    cursor: pointer;
    background: #fff;
    color:#00b973;
}
.transfer-table {padding-top:50px;}
.transfer-table .item {display:flex; flex-wrap:wrap; position: relative; margin-bottom:30px; width:100%; overflow: hidden; border-radius:6px;}
.transfer-table .item .img {width:100%; height:250px; }
.transfer-table .item .img img {width:100%; height:100%; object-fit: cover; }
.transfer-table .item a {width:100%; height:100%; display: block; color:#fff;}
.transfer-table .item .destination {
  position: absolute;
  width:100%;
  height:50px;
  background: #0000008a;
  bottom:0px;
  left:0px;
  line-height:50px;
  font-size:15px;
  padding:0px 15px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  text-align: left;
}
.transfer-table .item .destination .price {
  font-size:14px;
  float: right;
  text-transform: capitalize;
}
.transfer-table .item .destination .price span {
  font-size:18px;
}
.transfer-table .item .destination i {
  margin:0px 5px;
}
.transfer-table .destination-modul {position: relative; overflow: hidden;}
.transfer-table .destination-modul::before {
  content:"";
  position: absolute;
  left: -50px;
  top:0;
  width:100px;
  height:100%;
  z-index: 2;
  background: linear-gradient(to right, rgba(237,241,247,0.85) 0%, rgba(237,241,247,0) 100%);
}
.transfer-table .destination-modul::after {
  content:"";
  position: absolute;
  right: -50px;
  top:0;
  width:100px;
  height:100%;
  z-index: 2;
  background:linear-gradient(to right, rgba(237,241,247,0) 0%, rgba(237,241,247,0.85) 100%);
}
.transfer-table .swiper .item {margin:0px;}
.transfer-table .swiper {margin-bottom:50px;}
.transfer-table .container {display: flex; flex-wrap: wrap;}
.arrow-title .container {display: flex; flex-wrap:wrap;}
.arrow-title .modules-title {width:85%;}
.arrow-default {
  width:15%;
  text-align: right;
  display: flex; flex-wrap: wrap;
  justify-content: flex-end;
}
.arrow-default .left {
  width:45px; height:45px; margin-right:10px;
  background: #FBFBFB;
  border-radius:100%;
  text-align: center;
  line-height:45px;
}
.arrow-default .swiper-button-disabled {opacity: 0.5;}
.arrow-default .right {
  width:45px; height:45px;
  background: #FBFBFB;
  border-radius:100%;
  text-align: center;
  line-height:45px;
}
.car-with-driver-content {padding-top:50px;}
.car-with-driver-content p {
  font-size: 16px;
  font-weight: 200;
  line-height: 25px;
  margin-bottom:15px;
}
.reservation-button {width:200px; margin-top:15px;}
.reservation-button a {
    font-size: 16px;
    background: #00b973;
    color: #fff;
    width: 100%;
    display: block;
    line-height: 50px;
    font-weight: 200;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 0px 15px;
}
.reservation-button a i {
    float: right;
    font-size: 20px;
}
.services-list .item {height:400px; margin:15px 0px; border-radius:10px; position: relative; overflow: hidden; width:100%; display: block;}
.services-list .item::before {
  content:"";
  position: absolute;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
  background: #00000030;
}
.services-list .col-md-6 {
  overflow: hidden;
}
.services-list .item:hover {
    transform: scale(1.02);
}
.services-list .item .content {
  position: absolute;
  bottom:0px;
  width:100%;
  display: block;
  padding:15px;
}
.services-list .item .content .title {
  color:#fff;
  font-size:25px;
  text-transform: uppercase;
  font-weight:500;
}
.services-list .item .content .text {
  color:#fff;
  font-size:17px;
  margin-bottom:10px;
  font-weight:200;
}
.services-list .item .content .readmore {
  color:#fff;
  font-size:17px;
  font-weight:200;
}
.services-list .item:hover .title {
  color:#00b973;
}
.content-text {margin-top:50px;}
.content-text .item .img {
  width:100%;
  height:100%;
  border-radius:10px;
  overflow: hidden;
}
.content-text .item {
  display: flex;
  flex-wrap: wrap;
  height: 500px;
  align-items: center;
  width: 100%;
  margin-bottom:100px;
}


.content-text .elementor {
  display: flex;
  flex-flow: column wrap;
  max-height: 700px;
  width: 100%;
}

.content-text .elementor .img:nth-child(1) {
    margin-right: 15px;
    height: 325px;
    overflow: hidden;
    border-radius:10px;
    margin-bottom: 15px;

}

.content-text .elementor .img:nth-child(2) {
    margin-right: 15px;
    height: 180px;
    overflow: hidden;
    border-radius:10px;

}

.content-text .elementor .img:nth-child(3) {
    height: 180px;
    overflow: hidden;
    border-radius:10px;
    margin-bottom: 15px;

}

.content-text .elementor .img:nth-child(4) {
    height: 325px;
    overflow: hidden;
    border-radius:10px;
}


.content-text .elementor .img {
    width: calc(50% - 15px);
    min-height: 200px;
    height: 200px;
    overflow: hidden;
}

.content-text .item:nth-child(2) .left {
  height:auto;
}
.content-text .item .left {
  width:45%;
  padding-right:15px;
  height:100%;
}
.content-text .item .right {
  width:55%;
  padding-left:15px;

}
.content-text .item .title {
  text-transform: uppercase;
  font-weight:500;
  font-size:25px;
  margin-bottom:20px;
  position: relative;
}
.content-text .item .title:before {
    content: "";
    position: absolute;
    width: 37.5px;
    height: 2px;
    background: #00b973;
    bottom: -10px;
    left: 0px;
}
.content-text .item p {
  font-size:16px;
  font-weight:200;
  margin-bottom:15px;
}
.content-text .item  ul li {
  font-size:15px;
  font-weight: 200;
  margin-bottom:10px;
}

.footer {
  padding-top:50px;
  background: #FBFBFB;
}
.footer .logo {
  margin-bottom:30px;
}
.footer .logo img {
  height:66px;
}
.footer .footer-contact {
  margin-top:15px;
}
.footer .footer-contact li a {
  display: block
}
.footer li  {
  margin-top: 10px;
}
.footer .col-md-5 ul {
  text-align: left;
  display: flex;
  flex-wrap: wrap;
}
.footer .col-md-5 ul li {
  display: inline-block;
  width:50%;
}
.footer ul li a {
  margin-top:10px;
  font-size:16px;
  color:#333;
  font-weight:200;
}
.footer .title {
  font-weight: 500;
  margin-bottom: 20px;
  position: relative;
  font-size:17px;
}
.footer .title:before {
    content: "";
    position: absolute;
    width: 37.5px;
    height: 2px;
    background: #00b973;
    bottom: -10px;
    left: 0px;
}
.copyright {
  background: #fff;
  margin-top:30px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding:30px;
  font-size:15px;
  font-weight:200;
  letter-spacing:1.5px;
  box-shadow: 0px 0px 8px 2px #f6f6f6;
}
.copyright ul {text-align: right;}
.copyright ul li {display: inline-block; padding-left:15px;}
.tours {
  margin-top:50px;
}
.tours .item {
  display: block;
  width:100%;
  height: 305px;
  position: relative;
  display: flex;
  align-items: center;
  text-align: center;
  color:#fff;
  font-size:25px;
  font-weight:500;
  margin-bottom:30px;
}
.tours .item label {
  display: block;
  width:100%;
  cursor: pointer;
  z-index: 2;
  text-transform: uppercase;
}
.tours .item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0.3;
  z-index: 1;
  transition: .5s;
}
.guided-map {text-align: center; padding:50px 0px;}
.footer-bottom-lk .col-md-12 {text-align:center;}
.footer-bottom-lk .col-md-12 img {height:30px; margin:0px auto; margin-bottom:15px;}
.footer-bottom-lk  {margin-top:50px;}
.footer-bottom-lk ul {text-align:center;}
.footer-bottom-lk ul li {display:inline-block; margin-left:15px;}



@media only screen and (max-width:768px) {
    .car-images a:nth-child(1) img {
        height: auto
    }
    .car-images a:nth-child(2) img {
        height: auto
    }
    .car-images a:nth-child(3) img {
        height: auto
    }
    .car-images a:nth-child(4) img {
        height: auto
    }
    .car-images a:nth-child(1) {
        width: 100%
    }
    .car-images a:nth-child(2) {
        width: 33.33%
    }
    .car-images a:nth-child(3) {
        width: 33.33%
    }
    .car-images a:nth-child(4) {
        width: 33.33%
    }
    .car-details .left {
        width: 100%
    }
    body:not(.index) .slide {
        display: block;
        background: none;
        padding: 0
    }
    body:not(.index) .slide-slogan {
        display: none
    }
    .slide-slogan h2 {
        color: #fff;
        margin-top: 115px !important;
        font-size: 25px !important;
        font-weight: 400;
        text-transform: uppercase
    }
    .slide-slogan label {
        color: #fff;
        margin-top: 20px !important;
        font-size: 15px !important;
        font-weight: 300
    }
    .slide {
        height: auto !important;
        padding-bottom: 30px
    }
    .slide::before {
        height: 255px
    }
    .header-top {
        padding-top: 0px !important;
        border: none
    }
    .car-list .car-gallery .item {
        width: 50% !important
    }
    .car-properties .item {
        width: 50% !important
    }
    .forMobile {
        display: inline-block
    }
    .navbar-limo {
        display: none
    }
    .header .logo a img {
    }
    .home-title {
        padding-top: 10px
    }
    .slide {
      min-height:300px;
    }
    .slide .slider-container .swiper-slide {
      padding-bottom:15px;
      min-height:300px;
    }
    .slide .slider-container .swiper-slide a {
      display: none;
    }
    .slide .slider-container .swiper-slide .title {
      font-size:18px;
    }
    .slide .slider-container .swiper-slide .sub-title {
      font-size:15px;
    }
    .slide .inner-elements {display: none;}
    .modules-title h1, .modules-title h2, .modules-title h3, .modules-title div, .modules-title h4 {
      font-size:18px;
    }
    .services-list .item .content .title {
      font-size:18px;
    }
    .services-list .item {
      height:250px;
    }
    .content-text .item .left {
      width: 100%;
    }
    .content-text .item .right {
      width: 100%;
    }
    .content-text .item {
      height:auto;
      margin:0px;
    }
    .content-text .item:last-child {
      display: grid;
    }
    .content-text .item .right {
      order:1;
      padding:0px;
    }
    .content-text .item .left {
      order:2;
    }
    .content-text .elementor {max-height:270px; margin-bottom:30px;}

    .content-text .elementor .img:nth-child(1) {
        margin-right: 7.5px;
        height: 162.5px;
        min-height: auto;
    }

    .content-text .elementor .img:nth-child(2) {
        margin-right: 7.5px;
        height: 90px;
        min-height: auto;
    }

    .content-text .elementor .img:nth-child(3) {
        height: 90px;
        min-height: auto;
    }

    .content-text .elementor .img:nth-child(4) {
        height: 162.5px;
        min-height: auto;
    }

    .reservation .res-tab ul li a {
      font-size:14px;
      font-weight:400;
    }
    .reservation-type {
      padding-top:0px;
    }
    .home-title h1 {
        font-size: 25px;
        font-weight:400;
        line-height: 35px
    }
    .home-title .img img {
        width: 20px
    }
    .home-title p {
        width: 100%;
        margin-top: 7.5px;
    }
    .home-car-list {padding:50px 0px;}
    .home-car-list .modules-title {margin-top:0px;}
    .home-car-list .swiper-button-next:after, .home-car-list .swiper-button-prev:after {font-size:20px;}
    .home-car-list .swiper-button-next, .home-car-list .swiper-button-prev {top:-25px;}
    .features-car {
        margin-top: 30px
    }
    .title .all-cars {
        top: -30px
    }
    .features-car .content {
        margin: 0
    }
    .features-car .content .item {
        padding: 15 0
    }
    .features-car .content .item .button {
        opacity: 1
    }
    .features-car .content .item .button a {
        border: 1px solid #e1e1e1
    }
    .features-home {
        margin-top: 30px;
        margin-bottom: 30px
    }
    .features-home .item {
        margin-bottom: 50px
    }
    .header-mobile .header-mobile-logo img {
        width: 150px;
        height: 25px
    }
    .hamburger-toggle {
        display: block;
        background: transparent;
        outline: none;
        box-shadow: none;
        border: none;
        position: absolute;
        right: 15px;
        font-size:35px;
        color:#fff;
    }
    .hamburger-toggle img {
        width: 30px
    }
    .sub-page .page-left {
        width: 100%
    }
    .sub-page .page-right {
        width: 100%;
        margin-top: 15px
    }
    .blog-list .item .img {
        width: 100% !important
    }
    .blog-list .item .text {
        width: 100% !important;
        margin-top: 15px;
        padding: 0px !important
    }
    .blog-list .item .button a {
        float: left !important;
        margin-top: 10px !important
    }
    .mobile-bottom {
        display: block;
        background: #00b973;
        position: fixed;
        bottom: 0;
        width: 100%;
        overflow: hidden;
        z-index: 99999999
    }
    .mobile-bottom ul {
        text-align: center;
        margin: 0;
        padding: 0
    }
    .mobile-bottom ul li {
        display: inline-block;
        margin: 0;
        padding: 0;
        width: 32.7%;
        text-align: center;
        padding: 5px 0;
        padding-top: 7.5px
    }
    .mobile-bottom ul li:hover {
        background: #dcb97c
    }
    .mobile-bottom ul li a {
        font-size: 12px;
        color: #033333;
        font-weight: 300;
        text-transform: uppercase
    }
    .mobile-bottom ul li a img {
        height: 20px;
        margin-bottom: 2.5px
    }
    .scrollToTop {
        bottom: 100px
    }
    .login-page .row {
        display: grid
    }
    .res-content .item:nth-child(3) {
        width: 50%;
        float: left
    }
    .res-content .item:nth-child(4) {
        width: 50%;
        float: left;
        padding-left: 5px
    }
    .login-page .col-md-5 {
        order: 1;
        margin-bottom: 15px
    }
    .login-page .col-md-6 {
        order: 2
    }
    .mobile-reservation-close {
        padding: 0 20px;
        margin-top: 15px
    }
    .mobile-reservation-close button {
        width: 100%;
        height: 50px;
        background: #fff;
        color: #000;
        border: none;
        outline: none;
        text-transform: uppercase;
        font-weight: 700;
    }
    .car-detail .img {
        width: 100% !important
    }
    .car-detail .car-features {
        width: 100% !important
    }
    .car-detail .car-features .features-list ul li {
        width: 50% !important
    }
    .cricons {
        width: 50% !important;
        float: left
    }
    .contact .contact-form .item label {
        width: 90px !important
    }
    .contact .contact-form .item textarea,
    .contact .contact-form .item input {
        width: calc(100% - 100px) !important
    }
    body.index .hamburger-toggle svg {
        fill: #fff
    }
    .hamburger-toggle svg {
        fill: #fff;
        height: 30px;
        width: 30px
    }

    .header.fixed-header {
        z-index: 99999999
    }
    .new-page-content-type-1 .img {
        height: auto
    }
    .new-page-content-type-1 .img img {
        height: auto
    }
    .summary-bar-area .item {
        width: 50%;
        float: left
    }
    .summary-bar-area label {
        margin-top: 15px
    }
    .summary-bar-area p {
        margin-bottom: 15px
    }
    .booking-step .item {
        display: block
    }
    .booking-step .item.active {
        display: block
    }
    .booking-step .item h4 {
        display: none
    }
    .booking-step .item.active h4 {
        display: block;
        margin-top: 10px;
        line-height: 30px;
        text-align: center
    }
    .car-detail .car-features {
        padding-left: 0px !important
    }
    .features-bottom .col-md-6 {
        width: 50%;
        float: left
    }
    .features-bottom .col-md-6 button {
        width: 100%
    }
    .booking-options .row.item {
        display: grid
    }
    .booking-options .item .item {
        margin: 0;
        margin-top: 15px
    }
    .booking-options .item .item:nth-child(1) {
        order: 2
    }
    .booking-options .item .item:nth-child(2) {
        order: 1
    }
    .without-membership,
    .login-booking-area .log-tab ul,
    .login-booking-area .tab-content {
        width: 100% !important
    }
    .login-booking-area .tab-content .row.item {
        display: grid
    }
    .login-booking-area .tab-content .row.item .col-md-6:nth-child(1) {
        order: 2
    }
    .login-booking-area .tab-content .row.item .col-md-6:nth-child(2) {
        order: 1;
        margin-bottom: 15px
    }
    .booking-step .item h4 {
        font-size: 12px
    }
    .references-list li {
        width: 50% !important;
        float: left
    }
    .page-left .references-list li img {
        width: 100% !important;
        height: auto !important
    }
    .thanks-letters-list li {
        width: 50% !important;
        float: left
    }
    .car-detail .button {
        width: 50% !important;
        float: left;
        margin-top: -2.5px
    }
    .car-features .price {
        font-size: 18px;
        padding-top: 19px
    }
    .luxury-cars .title h2 {
        width: 100% !important
    }
    .luxury-cars .item img {
        height: auto !important
    }
    .luxury-slide {
        height: auto !important
    }
    .luxury-slide {
        padding-top: 150px !important;
        padding-bottom: 25px !important
    }
    .luxury-slide h1 {
        font-size: 20px !important
    }
    .luxury-slide p {
        font-size: 13px !important;
        line-height: 20px !important;
        margin-top: 10px !important
    }
    .luxury-slide .button {
        display: none
    }
    .luxury-slide.mobile {
        background: none;
        position: relative;
        height: 200px !important;
        padding: 0px !important;
        display: block !important
    }
    .sector-front.mobile {
        display: block
    }
    .luxury-slide.mobile .container {
        background: #fff;
        color: 0
    }
    .luxury-slide.special {
        background: #fff;
        padding: 30px 0px !important;
        text-align: center
    }
    .luxury-slide.special p {
        color: #000
    }
    .reservation {
        width: 100%
    }
    .slide .reservation {
        background: #FBFBFB;
        padding: 10px;
        margin-top: 30px
    }
    .reservation .tab-pane .item {
    }
    .header .header-basic {
        display: none;
    }
    .reservation .item {width:100%; }
    .reservation .tab-pane .item:nth-child(3) {width:50%;}
    .reservation .tab-pane .item:nth-child(4) {width:50%; float: none;}
    .reservation .tab-pane .item.button {display: block; width:100%; padding:0px; height:50px; margin-top:15px;}
    .reservation .res-tab ul li {
      width:48%;
    }
    .reservation .res-tab ul li a {
        line-height: 40px;
        font-size: 15px;
    }

    .new-page-slide-vehicles .vehicles-content .swiper-button-next {
        position: relative;
        float: right;
        right: 0;
        top: 0
    }
    .new-page-slide-vehicles .vehicles-content .swiper-button-prev {
        position: relative;
        float: right;
        left: -10px;
        top: 0
    }
    .new-page-slide-vehicles .vehicles-content .swiper-button-next:after,
    .new-page-slide-vehicles .vehicles-content .swiper-button-prev:after {
        font-size: 25px
    }
    .vehicles-content .item {
      position: relative;
    }
    .vehicles-content .item .img {
        width: 80px;
        height: 80px;
        position: absolute;
        right:55px;
        top:25px;
        text-align: right;
    }
    .vehicles-content .item .text {
    }
    .vehicles-content .item .text .properties {
        display: block;
        padding:0px 10px;
    }
    .sub-page .vehicles-content {
      margin-top:50px;
    }
    .vehicles-content .item .text .properties .right .price {
        font-size: 14px;
        text-align: left;
        margin-top: 10px;
        width: 50%;
        float: left
    }
    .vehicles-content .item .text .properties .right .price span {
        font-size: 17px;
        display: block;
        width: 100%
    }
    .vehicles-content .item .text .properties .right .detail {
        text-align: right;
        width: 50%;
        float: left
    }
    .vehicles-content .item .text .properties .right .detail a {
        width: 100%
    }
    .new-page-slide-vehicles .item {
        padding-bottom: 15px
    }
    .vehicles-content .item .text .title h2 {
        font-size: 20px
    }
    .vehicles-content .item .text .title label {
        font-size: 15px
    }
    .new-page-slide-vehicles .vehicles-content h5 {
        margin-bottom: 75px
    }
    .service-new-page-slide {
        position: relative
    }
    .service-new-page-slide.galataport-page {
        background: url(../images/galataport-slide-mobile.jpg) center center no-repeat !important;
        height: 200px !important;
        text-align: left
    }
    .service-new-page-slide h1 {
        font-size: 23px;
        margin: 0;
        text-shadow: none;
        font-weight: 400
    }
    .service-new-page-slide h4 {
        font-size: 20px;
        margin-bottom: 10px
    }
    .service-new-page-slide .col-md-12 {
        position: absolute;
        bottom: 10px
    }
    .service-new-page-slide .col-md-8 {
        position: absolute;
        bottom: 10px
    }
    .galataport-page .breadcrumb {
        text-align: left;
        margin-top: 0;
        margin-bottom: 10px
    }
    .service-new-page-slide .breadcrumb li,
    .service-new-page-slide .breadcrumb li a {
        font-size: 13px
    }
    .new-page-slide-bottom {
        padding: 30px 0;
        display: block
    }
    .new-page-slide-bottom p {
        text-align: left;
        font-size: 16px
    }
    .new-page-slide-vehicles .vehicles-content h4 {
        font-size: 20px
    }
    .new-page-slide-vehicles .vehicles-content h5 {
        font-size: 17px
    }
    .new-page-content-type-1 {
        padding: 0px 0
    }
    .new-page-content-type-1 h2 {
        font-size: 20px
    }
    .new-page-content-type-1 h5 {
        font-size: 17px
    }
    .new-page-content-type-1 p {
        font-size: 16px
    }
    .new-page-content-type-5 {
      padding:0px;
    }
    .new-page-content-type-1 .elementor .item.special {
        width: 100%;
        height: auto
    }
    .new-page-content-type-2 {
        padding: 30px 0
    }
    .new-page-content-type-2 .item {
        height: 110px
    }
    .page-contact h5 {
        font-size: 15px
    }
    .page-contact {
        padding: 30px 0
    }
    .page-contact h4 {
        margin: 0;
        font-size: 20px
    }
    .service-new-page-slide.car-rental-with-driver {
        height: 300px !important;
        text-align: left
    }
    .car-page-slide {
        height: 300px !important;
        text-align: left;
        padding: 0;
        margin-bottom:50px;
    }
    .car-page-slide .container {
      height:300px;
    }
    .car-page-slide .title {
      height: auto;
    }

    .car-rental-with-driver .breadcrumb {
        text-align: left;
        margin-top: 0;
        margin-bottom: 10px
    }
    .vehicles-slide {
        background: url(../images/vehicle-mobile-slide.jpg) center center no-repeat !important;
        height: 200px !important;
        text-align: left;
        margin-bottom: 0px !important;
        position: relative;
        padding-bottom:30px;
    }
    .vehicles-slide {
        height: 200px !important;
        text-align: left;
        margin-bottom: 405px
    }
    .vehicles-slide .breadcrumb {
        text-align: left;
        margin-top: 0;
        margin-bottom: 10px
    }
    .vehicles-slide h1 {
        font-size: 25px;
        margin: 0;
        text-shadow: none;
        font-weight: 400
    }
    .vehicles-slide h4 {
        font-size: 16px
    }
    .vehicles-slide .container {
        position: absolute;
        bottom: 10px;
    }
    .vehicles-slide h4::before {
        display: none
    }
    .vehicles-slide .breadcrumb li,
    .vehicles-slide .breadcrumb li a {
        font-size: 13px
    }
    .vehicles-content .item {
        padding-bottom: 15px
    }
    .service-new-page-slide.airport-transfer {
        background: url(../images/airport-transfer-mobile-slide.jpg) center bottom no-repeat !important;
        height: 190px !important;
        text-align: left;
        margin-bottom: 365px
    }
    .airport-transfer .breadcrumb {
        text-align: left;
        margin-top: 0;
        margin-bottom: 10px
    }
    .new-page-content-type-1 .elementor.type-1 .item {
        height: 500px !important
    }
    .layover-page-slide {
        height: 300px !important
    }
    .layover-page-top {
        bottom: 10px;
        padding: 0;
        top: auto
    }
    .layover-page-top h4 {
        font-size: 13px;
        display: none
    }
    .layover-page-top h1 {
        font-size: 20px
    }
    .layover-slide .swiper-pagination {
        display: none
    }
    .layover-slide .swiper-button-next:after,
    .layover-slide .swiper-button-prev:after {
        font-size: 15px
    }
    .intercity-page .service-new-page-slide.car-rental-with-driver {
      background-position: left !important;
    }
    .new-page-content-type-4 {
        padding: 0;
        padding-top: 30px
    }
    .new-page-content-type-4 .item {
        margin-bottom: 30px
    }
    .new-page-content-type-4 .item ul {
        min-height: 120px
    }
    .new-page-content-type-4 .item ul li {
        width: 50%;
        float: left
    }
    .new-page-content-type-5 {
        height: auto;
        margin: 0
    }
    .new-page-content-type-5 .type-container {
        height: auto;
        display: grid
    }
    .new-page-content-type-5 .type-container .img {
        width: 100%;
        height: 250px;
        order: 1;
        margin-bottom: 30px
    }
    .new-page-content-type-5 .type-container .text {
        width: 100%;
        order: 2;
        padding: 0
    }
    .new-page-content-type-5 .type-container .text h2,
    .new-page-content-type-5 .type-container .text h3 {
        font-size: 20px
    }
    .new-page-content-type-5 .type-container .text h4,
    .new-page-content-type-5 .type-container .text h5 {
        font-size: 17px
    }
    .new-page-content-type-5 .type-container .text p {
        font-size: 16px;
        line-height: 25px
    }
    .layover-reservation span {
        width: 100%;
        display: block
    }
    .layover-reservation a {
        margin: 0px !important
    }
    .header {
        z-index: 99999
    }
    .car-page-slide .title h1 {
        line-height: 25px;
        margin: 0;
        margin-bottom: 15px;
        text-shadow: none;
        font-size:18px;
        font-weight:600;
    }
    .car-page-slide .title h4 {
        font-size: 13px;
        line-height: 25px
    }
    .car-page-slide {
        position: relative
    }
    .car-page-slide .col-md-7 {
        position: absolute;
        bottom: 0
    }
    .car-page-slide .reservation-content {
        margin-top: 215px
    }
    .reservation-content .item:nth-child(3) {
        width: 50%;
        float: left
    }
    .reservation-content .item:nth-child(4) {
        width: 50%;
        float: left;
        padding-left: 5px
    }
    .reservation-content {
        padding: 0;
        background: transparent
    }
    .reservation-content h2 {
        font-size: 18px;
        font-weight: 500;
        text-transform: uppercase;
        color: #333
    }
    .car-detail-text {
        padding: 30px 0
    }
    .car-detail-text p {
        text-align: left;
        font-size: 16px
    }
    .car-detail-text h4 {
        font-size: 20px
    }
    .car-details .features-list h3 {
        font-size: 20px
    }
    .car-details .features-list ul li {
        width: 100%;
        margin: 0;
        text-align: left;
        padding-left: 15px
    }
    .car-details {
        margin-top: 30px
    }
    .car-detail-properties .car-properties-price {
        margin-top: 15px;
        margin-bottom: 30px
    }
    .car-content-text {
        margin: 0;
        padding: 30px 0
    }
    .car-content-text h3 {
        font-size: 20px
    }
    .car-content-text h4 {
        font-size: 17px
    }
    .car-content-text p {
        font-size: 16px;
        line-height:30px;
        text-align: left;
        font-weight: 200
    }
    .detail-car-list .swiper-button-next {
        position: relative;
        float: right;
        right: 0;
        top: 0
    }
    .detail-car-list .swiper-button-prev {
        position: relative;
        float: right;
        left: -10px;
        top: 0
    }
    .detail-car-list .swiper-button-next:after,
    .detail-car-list .swiper-button-prev:after {
        font-size: 25px
    }
    .detail-car-list {
        padding: 30px 15px
    }
    .mySwiper {
        height: 142px
    }
    .car-detail-text .title h1 {
        font-size: 20px
    }
    .car-detail-text .title h4 {
        font-size: 17px
    }
    .slide .text {
        padding: 0
    }
    .slide .text h5 {
        font-size: 18px;
        margin-top: 130px
    }
    .slide .text h2 {
        font-size: 22px
    }
    .reservation {
    }
    .reservation .tab-pane .item {
        background: #fff;
        padding:10px;
    }
    .slide {
        margin-bottom: 30px
    }
    .options-area button {
        margin-top: 15px
    }
    .options-area .col-md-6 .row .col-md-6 {
        width: 50%;
        float: left
    }
    .page-slide {
        margin: 0
    }
    .page-slide h1 {
        margin: 0;
        font-size: 35px;
        line-height: 130px
    }
    .slide.page-slide::before {
        height: 130px
    }
    .slide.page-slide ul {
        position: relative;
        top: -55px
    }
    .slide.page-slide ul li {
        font-size: 16px
    }
    .slide.page-slide ul li a {
        font-size: 16px
    }
    .sub-page {
        padding-top: 0
    }
    .mobile-nav-menu ul li ul i {
        color: #fff
    }
    .mobile-nav-menu ul li ul li i {
        color: #fff !important;
        width: 100%;
        display: block
    }
    .mobile-nav-menu ul li ul li span {
        color: #fff !important;
        font-style: initial
    }
    .mobile-nav-menu ul li ul li span {
        float: right
    }
    .mobile-nav-menu ul li ul li span.nav-li {
        float: left
    }
    .reservation {
        padding: 10px !important
    }
    .for-mobile {
        display: block
    }
    .car-rental-with-driver .reservation {
        display: none
    }
    .car-rental-with-driver .container {
        position: absolute;
        width: 100%;
        bottom: 0
    }

    .luxury-car-content .header {
        background: #00b973
    }
    .luxury-car-page.car-list .car-gallery .item img {
        height: 150px
    }
    .luxury-car-page {
        padding: 0
    }
    .car-reservation {
        display: block;
        width: 100%;
        height: auto
    }
    .car-reservation .container {
        display: block
    }
    .car-reservation .text {
        display: block;
        width: 100%;
        height: auto
    }
    .car-reservation .reservation {
        display: block;
        width: 100%;
        height: auto;
        margin-top: 15px;
        padding: 0px !important
    }
    .modal-reservation .modal-body .item input[type="date"],
    .modal-reservation .modal-body .item input[type="time"] {
        -webkit-appearance: none;
        width: 100%;
        background: transparent
    }
    .modal-reservation button {
        width: 150px !important
    }
    .modal-reservation .modal-body form {
        width: auto
    }
    .modal-reservation .modal-content {
        width: 100%;
        height: 100%;
        overflow: scroll
    }
    .slide .text .button {display: none;}
    .home-title {margin-top:50px;}
    .transfer-table .item .destination .price { line-height: 7.5px; position: absolute; }
    .new-page-content-type-1 .row .col-md-5 {width:100%;}
    .luxury-car-page {padding-top:50px;}
    .fastpay .modules-title {text-align: center;}
    .fastpay .modules-title h2 {text-align: center;}
    .fastpay .modules-title:before {left:calc(50% - 37.5px);}
    .slide.page-slide {text-align: inherit;}
    .sub-page.contact {margin-top:50px;}
    .partner-of {padding-top:50px;}
    .footer .title {margin-top:30px;}
    .footer ul li  {margin:0px;}
    .footer ul li a {margin:0px;}
    .new-page-content-type-1 .elementor {
      height:490px;
    }
    .new-page-content-type-1 .elementor .item:nth-child(1) {
      height: 162.5px;
    }
    .new-page-content-type-1 .elementor .item:nth-child(2) {
      height: 90px;
    }
    .new-page-content-type-1 .elementor .item:nth-child(3) {
      height: 162.5px;
    }
    .new-page-content-type-1 .elementor .item:nth-child(4) {
      height: 90px;
    }
    .arrow-title .modules-title {width:calc(100% - 100px);}
    .arrow-default {
      width:100px;
      text-align: right;
      display: flex; flex-wrap: wrap;
      justify-content: flex-end;
    }
    .arrow-default .left {
      width:45px; height:45px; margin-right:10px;
      background: #FBFBFB;
      border-radius:100%;
      text-align: center;
      line-height:45px;
    }
    .arrow-default .swiper-button-disabled {opacity: 0.5;}
    .arrow-default .right {
      width:45px; height:45px;
      background: #FBFBFB;
      border-radius:100%;
      text-align: center;
      line-height:45px;
    }
    .new-page-slide-vehicles .vehicles-content {
      padding:0px;
      padding-top:50px;
    }





  }

@media only screen and (min-width:900px),
(height:1024px) and (width:1366px) and (-webkit-min-device-pixel-ratio:1.5) and (orientation:landscape),
(width:1024px) and (height:1366px) and (-webkit-min-device-pixel-ratio:1.5) and (orientation:portrait) {
    .header-mobile {
        display: none
    }
}

@media only screen and (max-width:900px),
(height:1024px) and (width:1366px) and (-webkit-min-device-pixel-ratio:1.5) and (orientation:landscape),
(width:1024px) and (height:1366px) and (-webkit-min-device-pixel-ratio:1.5) and (orientation:portrait) {
    .mobile-header-icons {
        display: flex
    }
    .mobile-header-icons .i {
        font-size: 22px
    }
    .mobile-header-icons a i {
        width: 36px;
        height: 36px;
        background-color: #222;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff
    }
    .mobile-header-icons a i.far.fa-map-marker-alt {
        margin-left: 15px;
        background-color: #4d4c4c
    }
    .mobile-header-icons a i.fas.fa-phone {
        background-color: #00aad0
    }
    .mobile-header-hamburger .hamburger-toggle {
        background: transparent;
        padding: 0;
        font-size: 30px;
        margin: 0 10px;
        border: none;
        color: #529bb9
    }
    .mobile-nav {
        display: none;
        position: fixed;
        left: 0;
        top: 0;
        height: 100%;
        backdrop-filter: blur(4px);
        background-color: rgba(0,0,0,.83);
        z-index: 99999999;
        width: 100%;
        -webkit-animation: fadeOutLeft 0.5s ease-in-out;
        animation: fadeOutLeft 0.5s ease-in-out
    }
    .mobile-nav-content {
        backdrop-filter: blur(4px);
        background-color: rgba(0,0,0,.83);
        width: 100%;
        height: 100%;
        cursor: copy;
        overflow-y: scroll
    }
    .mobile-nav-logo {
        padding-left: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        margin-bottom: 20px
    }
    .mobile-nav-logo-content {
        position: relative
    }
    .mobile-nav-logo-content i {
        display: block;
        margin: 0 auto 10px;
        max-width: 30px;
        line-height: 32px;
        font-size: 30px
    }
    .mobile-nav-logo-content a {
        color: #fff;
        font-size: 14px;
        font-weight: 600
    }
    .mobile-nav-logo>a {
        display: block;
        padding: 30px 60px
    }
    .mobile-nav-logo>a img {
        width: 100%
    }
    .mobile-nav-menu ul li {
        padding: 10px 15px;
        list-style: none;
        text-transform: uppercase
    }
    .mobile-nav-menu ul li ul li {
        padding: 10px 25px
    }
    .sub-menu ul {
        background-color: #00b973
    }
    .sub-menu ul li a {
        color: #fff !important
    }
    .mobile-nav-menu ul {
        overflow-x: hidden
    }
    .mobile-nav-menu ul li i {
        font-style: inherit
    }
    .mobile-nav-menu ul li .sub-menu-flex .ri-arrow-down-s-line {
        width: auto;
        float: right
    }
    .mobile-nav-menu ul li .sub-menu-flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    .mobile-nav-menu ul li a {
        width: 100%;
        display: block
    }
    .mobile-nav-menu ul li img {
        width: 14px
    }
    .mobile-nav-menu ul li span,
    .mobile-nav-menu ul li a {
        font-size: 14px;
        color: #fff
    }
    .mobile-nav-menu ul li ul {
        display: none;
        margin-top: 10px;
        margin-right: -25px;
        margin-left: -25px
    }
    .mobile-nav-login a {
        position: absolute;
        bottom: 0;
        left: 0;
        color: #b5bbc2;
        padding-left: 25px;
        padding-bottom: 20px;
        font-weight: 600;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    .mobile-nav-login a svg {
        font-size: 18px;
        margin-right: 5px
    }
    .mobile-nav.open {
        display: block;
        -webkit-animation: fadeInLeft 0.5s;
        animation: fadeInLeft 0.5s;
        overflow-x: scroll
    }
    .cta-link {
        line-height: 40px;
        -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, .2);
        box-shadow: 0 0 1px 1px rgba(0, 0, 0, .2);
        display: block;
        color: #fff;
        background: #00aad0;
        text-align: center;
        margin: 20px;
        margin-bottom: 10px
    }
    .mobile-close-menu {
      width:100%;
      padding:15px;
      display: flex;
      align-items: center;
      position: relative;
      border-top: 3px solid #00b973;
    }
    .mobile-close-menu a {
      display: block;
    }
    .mobile-close-menu a img {
      height:50px;
    }

    .mobile-close-menu .cancel {
      font-size: 35px;
      position: absolute;
      right:15px;
      color:#fff;
    }
    ul.mobile-menu-social {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
        list-style: none
    }
    ul.mobile-menu-social li+li {
        margin-left: 15px
    }
    ul.mobile-menu-social li a {
        border: 1px solid #00aad0;
        display: flex;
        width: 35px;
        height: 35px;
        align-items: center;
        justify-content: center;
        color: #fff;
    }
    .mobile-nav-menu ul {
        padding: 0
    }
    .header {padding:0px;}
    .header .header-mobile {
        backdrop-filter: blur(4px);
        background-color: rgba(0,0,0,.3);
        display: flex;
        align-items: center;
        position: relative;
        padding:15px;
    }
    .header .header-mobile .logo {height:50px; text-align: left;}
    .header .header-mobile .logo img {height:100%;}
    .header-mobile-wrapper {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-top: 10px;
        padding-bottom: 10px
    }
    .header-mobile .header-mobile-logo img {
        max-width: 120px
    }
    .fly-alert {
        top: 30px;
        left: 10px;
        right: 10px;
        font-size: 16px;
        text-align: center
    }
}