@font-face {
    font-family: Raleway-Bold;
    src: url(../fonts/Raleway-Bold.ttf);
}
@font-face {
    font-family: Raleway-Light;
    src: url(../fonts/Raleway-Light.ttf);
}
@font-face {
    font-family: Raleway-Regular;
    src: url(../fonts/Raleway-Regular.ttf);
}
body{
    font-family: Raleway-Regular;
}
h4{
    margin: auto;
    margin-bottom: 5px;
    text-transform: capitalize;
    color: #a79a90;
}
h1{
    font-family: 'Raleway-Bold';
    margin: auto;
    margin-bottom: 20px;
    text-transform: capitalize;
    line-height: normal;
}
p{
    font-size: 16px;
    line-height: 1.6;
}
.topnav{
    background-color: #000;
    color: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
}
.topnav ul li{

}
.topnav ul li i{

}
.topnav ul li a{
    background-color: #fff;
    padding: 5px 7px;
    border-radius: 50%;
}
.topnav ul li:nth-child(1) a{
    padding: 5px 9px;
}
.topnav .right{
    float: right;
}
.mainnav{
    padding-top: 10px;
    padding-bottom: 10px;
}
.mainnav .logo img{
    width: 150px;
    filter: brightness(0);
}
.mainnav ul{
    float: right;
    margin-top: 37px;
}
.mainnav ul li a{
    text-transform: uppercase;
    font-weight: bold;
    font-size: 16px;
    padding-left: 10px;
    padding-right: 10px;
    letter-spacing: 1px;
}
.mainnav button {
    position: relative;
    overflow: hidden;
    float: right;
    background: #a79a90;
    border: 0;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1px;
    padding: 13px 20px;
    margin-top: 20px;
    cursor: pointer;
    transition: color 0.3s ease;
}

/* Create animated background overlay */
.mainnav button::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0%;
    height: 100%;
    background: #000;
    z-index: 0;
    transition: width 0.4s ease;
}

/* Animate fill from left to right */
.mainnav button:hover::before {
    width: 100%;
}

/* Keep text above the animation */
.mainnav button span {
    position: relative;
    z-index: 1;
}

/* Change text color on hover */
.mainnav button:hover {
    color: #fff;
}
.affix{
	position: fixed;
    top: 0;
    width: 100%;
    left: 0;
    right: 0;
    background-color: #fff;
    z-index: 99;
    border-bottom: 2px solid #33333329;
}
.affix .logo img{
	width: 100px;
}
.affix ul{
	margin-top:22px;
}
.affix ul li a{
	font-size:13px;
}
.affix button{
	margin-top:8px;
	font-size:13px;
}
.banner{

}
.banner .wrapup{
    position: relative;
}
.banner .wrapup:before{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #0000009c;
    content: "";
}
.banner img{
    height: 500px;
    width: 100%;
    object-fit: cover;
}
.banner .content{
    position: absolute;
    margin: auto;
    top: 25%;
    left: 0;
    right: 0;
    text-align: center;
    color: #fff;
    width: 700px;
}
.banner h1{
    font-size: 55px;
    line-height: 1.3;
}
.banner button{
    background-color: transparent;
    border: 2px solid #a79a90;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 1px;
    padding: 14px 35px;
    margin-top: 15px;
    border-radius: 50px;
    margin-left: 20px;
}
.banner button {
    position: relative;
    overflow: hidden;
    background-color: transparent;
    border: 2px solid #a79a90;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 1px;
    padding: 14px 35px;
    margin-top: 15px;
    border-radius: 50px;
    margin-left: 20px;
    text-transform: uppercase;
    cursor: pointer;
    transition: color 0.3s ease, border-color 0.3s ease;
}

/* Create fill overlay */
.banner button::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0%;
    height: 100%;
    background: #a79a90;
    border-radius: 50px;
    z-index: 0;
    transition: width 0.4s ease;
}

/* Animate fill on hover */
.banner button:hover::before {
    width: 100%;
}

/* Keep text visible above animation */
.banner button span {
    position: relative;
    z-index: 1;
}

/* Change border & text color on hover */
.banner button:hover {
    color: #fff;
    border-color: #000;
}
.banner a {
    position: relative;
    overflow: hidden;
    background-color: #a79a90;
    border: 0;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 2px;
    padding: 18px 35px;
    margin-top: 15px;
    border-radius: 50px;
    text-decoration: none;
    text-transform: uppercase;
    transition: color 0.3s ease;
    cursor: pointer;
}

/* Animated fill overlay */
.banner a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0%;
    height: 100%;
    background: #000;
    border-radius: 50px;
    z-index: 0;
    transition: width 0.4s ease;
}

/* On hover: fill expands left to right */
.banner a:hover::before {
    width: 100%;
}

/* Keep text above the animation */
.banner a span {
    position: relative;
    z-index: 1;
}

/* Ensure text stays white on hover */
.banner a:hover {
    color: #fff;
}
.abt{
    margin-top: 70px;
}   

.abt p{
    font-size: 17px;
}
.abt img{
    margin-top: 40px;
    margin-bottom: 20px;
}
.abt a {
    position: relative;
    overflow: hidden;
    border: 1px solid #000;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1px;
    padding: 12px 20px;
    display: inline-block;
    color: #000;
    text-decoration: none;
    transition: color 0.3s ease;
}
.mob-abt-btn{
	display:none !important;
}
/* Pseudo-element for the fill animation */
.abt a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0%;
    height: 100%;
    background: #000;
    z-index: 0;
    transition: width 0.4s ease;
}

/* Animate fill from left to right on hover */
.abt a:hover::before {
    width: 100%;
}

/* Keep text above the animated layer */
.abt a span {
    position: relative;
    z-index: 1;
}

/* Change text color to white on hover */
.abt a:hover {
    color: #fff;
}
.serv{
    margin-top: 70px;
    background-color: #f2f2f2;
    text-align: center;
    padding-top: 50px;
    padding-bottom: 50px;
}
.serv ul{
    margin-top: 40px;
}
.serv ul li{
    width: 32%;
    margin-right: 11px;
    position: relative;
	overflow:hidden;
}
.serv ul li:hover img, 
.serv ul li:hover .overlay{
	transform: scale(1.1);
}
.serv .slick-slide{
	padding:10px;
}
.serv ul li img{
	transition: 0.3s;
	width:100%;
	height:447px;
	object-fit:cover;
}
.serv ul li .overlay{
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(rgba(26, 26, 26, 0) 0%, rgb(26, 26, 26) 100%);
    color: #fff;
    content: "";
}
.serv ul li .content{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: left;
    padding: 20px;
}
.serv ul li h3{
    font-family: 'Raleway-Bold';
}
.serv ul li p{

}
.serv .slick-dots{
	
}
.serv .slick-dots li{
	width: auto;
    margin: auto;
}
.serv .slick-dots li button:before{
	font-size:35px;
}
.process {
    position: relative;
    background-image: url('../images/process.avif');
    background-size: cover;
    background-position: center;
    padding-top: 50px;
    padding-bottom: 50px;
    margin-top: 70px;
}

.process:before {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #545250d9;
    content: "";
    top: 0
}

.process h1 {
    text-align: center;
    color: #fff;
    text-transform: capitalize;
    font-family: 'Syne-Bold';
    margin-bottom: 50px
}

.process .content {
    border: 1px solid #fff;
    text-align: center;
    color: #fff;
    padding: 20px 25px;
}

.process .content h2 {
    font-size: 80px;
    font-family: fantasy;
    letter-spacing: 6px
}

.process .content h4 {
    font-size: 22px;
    font-weight: 700;
    text-transform: capitalize;
    letter-spacing: 1px;
    margin-top: 25px;
    color: #fff;
}

.process .content p {
    font-size: 16px;
    letter-spacing: 1px;
    margin-top: 30px;
    line-height: 1.6
}
.fleet{
    margin-top: 70px;
    margin-bottom: 70px;
    text-align: center;
}
.fleet .slick-slide{
	padding:10px;
}
.fleet p{
    width: 700px;
    margin: auto;
}
.fleet ul{
    margin-top: 40px;
}   
.fleet ul li{
    text-align: left;
    width: 32%;
    border: 2px dashed #33333330;
    padding: 30px;
    margin-right: 13px;
    margin-bottom: 15px;
}
.fleet ul li:hover img{
	transform: scale(1.1);
}
.fleet ul li img{
    margin: auto;
	transition: 0.3s;
}
.fleet ul li h3{
    font-family: 'Raleway-Bold';
	text-transform: capitalize;
}
.fleet ul li p{
    width: auto;
}
.fleet ul li ul{
    margin: auto;
    text-align: center;
    margin-top: 20px;
}
.fleet ul li ul li{
    padding: 10px;
    margin-right: 1px;
}
.fleet ul li ul li img{
    width: 30px;
}
.fleet ul li h4{
    color: #000;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 1px;
    margin-top: 5px;
    text-align: center;
}
.fleet button{
    float: right;
}
.fleet button a{
    float: left;
}
.home-fleet a{
	display: block !important;
    width: 100% !important;
}
.fleet button, .fleet a {
    position: relative;
    display: inline-block;
    overflow: hidden;
    background-color: #a79a90;
    border: 0;
    width: 49%;
    padding: 15px;
    text-transform: capitalize;
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1px;
    margin-top: 20px;
    cursor: pointer;
    transition: color 0.3s ease;
}

/* Pseudo-element for hover background animation */
.fleet button::before, .fleet a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0%;
    height: 100%;
    background: #000;
    z-index: 0;
    transition: width 0.4s ease;
}

/* Animate fill from left to right on hover */
.fleet button:hover::before, .fleet a:hover::before {
    width: 100%;
}

/* Keep text visible above the animated background */
.fleet button span, .fleet a span {
    position: relative;
    z-index: 1;
}

/* Text color on hover */
.fleet button:hover, .fleet a:hover {
    color: #fff;
}
.home-fleet .slick-dots li{
	width: auto;
    margin: auto;
    border: 0;
    padding: unset;
    text-align: unset;
}
.home-fleet .slick-dots li button:before{
	font-size:35px;
	background-color:transparent;
}
.yus{
    background-color: #2a2a2a;
    padding-top: 50px;
    height: 650px;
}
.yus h1{
    color: #fff;
    margin-top: 40px;
}
.yus p{
    color: #fff;
}
.yus img{

}
.ticker{
    background-color: #333333;
}
.ticker ul{
    margin-top: 70px;
}
.ticker ul li{
    width: 23.8%;
    margin-bottom: 70px;
}
.ticker ul li img{
    width: 50px;
    height: 50px;
    object-fit: contain;
    margin: auto;
    filter: brightness(100);
}
.ticker ul li p{
    text-align: center;
    color: #fff;
    font-weight: bold;
    letter-spacing: 1px;
    margin-top: 10px;
}
.testi{
    background-color: #f2f2f2;
    padding-top: 50px;
    padding-bottom: 100px;
    text-align: center;
}
.testi ul{
    margin-top: 40px;
}
.testi ul li{
    text-align: left;
    background-color: #fff;
    padding: 20px 30px;
    width: 32%;
    margin-right: 13px;
    margin-bottom: 15px;
	min-height:335px;
	vertical-align:top;
}
.testi ul li img{
    width: 70px;
    float: right;
}
.testi ul li h3{
    margin: auto;
    font-family: 'Raleway-Bold';
    font-size: 20px;
}

.testi ul li .stars{
    margin-top: 20px;
    color: #ffbc00;
}
.testi ul li .stars i{

}
.testi ul li p{
    margin-top: 10px;
    font-size: 15px;
}
.testi button{
    position: absolute;
    z-index: 1;
    bottom: -65px;
    right: 0;
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff;
    font-size: 25px;
    padding: 7px 20px;
    line-height: normal;
    font-weight: bold;
}
.testi button.slick-prevs{
    right: 60px;
}
.testi .slick-slide{
    padding: 5px;
}
.testi-page{
    background-color: #a79a90;
}
footer{
background-color: #2a2a2a;
padding-top: 50px;
}
footer .logo img{
filter: brightness(100);
width: 200px;
}
footer .logo p{
color: #fff;
font-size: 14px;
margin-top: 15px;
width: 300px;
}
footer ul.right{
    float: none;
}
footer ul.list-inline a{
    background-color: #fff;
    padding: 5px 7px;
    border-radius: 50%;
}
footer ul.list-inline li:nth-child(1) a {
    padding: 5px 9px;
}
footer ul.list-inline a i{
    color: #333;
}
footer h3{
color: #fff;
font-family: 'Raleway-Bold';
text-transform: capitalize;
/* color: #d7b65d; */
margin-bottom: 20px;
}
footer ul li a{
color: #fff;
text-transform: capitalize;
line-height: 2.5;
}
footer ul li i{
color: #fff;
}
footer ul li p{
    color: #fff;
    font-size: 14px;
    display: inline-block;
    width: 90%;
    vertical-align: top;
    margin-left: 9px;
}
footer .inline{
width: 49%;
display: inline-block;
}
footer .right{
float: right;
}
footer label{
	display:none;
}
footer input{
width: 100%;
padding: 7px;
margin-bottom: 7px;
border: 0;
}
footer textarea{
width: 100%;
height: 70px;
border: 0;
padding: 5px;
}
footer button{
background-color: #a79a90;
border: 0;
padding: 7px 15px;
font-size: 15px;
font-weight: bold;
color: #fff;
letter-spacing: 1px;   
margin-top: 5px;
}
footer .ender{
    background-color: #a79a90;
    margin-top: 50px;
    padding-top: 10px;
    padding-bottom: 10px;
}
footer .ender p{
    margin: auto;
    text-align: center;
    color: #000;
    text-transform: capitalize;
    font-size: 14px;
    letter-spacing: 1px;
}
.hero-img{
    position: relative;
    background-image: url('../images/process.avif');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding-top: 130px;
    padding-bottom: 130px;
}
.hero-img:before{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000000c2;
    content: "";
}
.hero-img h1{
    color: #fff;
}
.abt-page{
    padding-top: 70px;
    padding-bottom: 70px;
    background-color: #a79a90;
}
.abt-page img{
    float: right;
    width: 50%;
    height: 400px;
    object-fit: cover;
    object-position: bottom;
    padding-left: 30px;
}
.abt-testi{
    background-color: #1c1c1c;
}
.abt-testi h4, .abt-testi h1{
    color: #fff;
}

.faq {
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: #a79a90;
}

.faq h1 {
    text-align: center;
    color: #fff;
}

.faq h4 {
    background-color: transparent;
    width: auto
}

.faq p {
    font-size: 16px
}

.faq .panel-group {
    margin: auto;
    margin-top: 30px;
    width: 800px
}

.faq .panel-group i {
    float: right
}

.faq .panel-title {
    font-weight: 700;
    font-size: 20px;
    padding: unset;
    font-family: 'Raleway-Bold';
}

.faq .panel-default>.panel-heading {
    background-color: #f2f2f2;
    padding: 20px
}

.faq .panel-default {
    border-color: transparent
}
.cont-page{
    background-color: #1a1a1a;
    padding-top: 70px;
    padding-bottom: 70px;
}
.cont-page ul{
    margin-bottom: 70px;
}
.cont-page ul li{
    background-color: #fff;
    width: 23%;
    vertical-align: top;
    margin-right: 20px;
    padding: 20px 30px;
    border-radius: 10px;
    min-height: 189px;
}   
.cont-page ul li i{
    font-size: 30px;
}
.cont-page ul li h3{
    font-family: 'Raleway-Bold';
    text-transform: capitalize;
}
.cont-page ul li p{

}
.cont-page h1{
    text-align: center;
    color: #fff;
}
.cont-page form{
    margin: auto;
    width: 700px;
}
.cont-page .inline{
    width: 49%;
    display: inline-block;
}
.cont-page .right{
    float: right;
}
.cont-page label{
	display:none;
}
.cont-page input{
    width: 100%;
    padding: 15px;
    background-color: #000000a6;
    border: 1px;
    margin-bottom: 15px;
    border-radius: 50px;
}
.cont-page textarea{
    width: 100%;
    height: 120px;
    padding: 15px;
    background-color: #000000a6;
    border: 1px;
    margin-bottom: 15px;
    border-radius: 25px;
}
.cont-page button{
    background: #a79a90;
    border: 0;
    color: #fff;
    text-transform: capitalize;
    font-size: 14px;
    letter-spacing: 1px;
    padding: 15px 25px;
    margin-top: 5px;
    line-height: normal;
    border-radius: 50px;
}
.mid-banner{
    position: relative;
    background-image: url('../images/mid-banner.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    text-align: center;
    padding-top: 70px;
    padding-bottom: 70px;
    color: #fff;
}
.mid-banner:before{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: #000000b0;
    content: "";
}
.mid-banner h4{

}
.mid-banner h1{
    margin-top: 10px;
}
.mid-banner button{
    position: relative;
    overflow: hidden;
    background-color: transparent;
    border: 2px solid #a79a90;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 1px;
    padding: 14px 35px;
    margin-top: 15px;
    border-radius: 50px;
    margin-left: 20px;
    text-transform: uppercase;
    cursor: pointer;
    transition: color 0.3s ease, border-color 0.3s ease;
}
.mid-banner button::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0%;
    height: 100%;
    background: #a79a90;
    border-radius: 50px;
    z-index: 0;
    transition: width 0.4s ease;
}
.mid-banner button span {
    position: relative;
    z-index: 1;
}
.mid-banner button:hover {
    color: #fff;
    border-color: #000;
}
.mid-banner button:hover::before {
    width: 100%;
}
.mid-banner a{
    position: relative;
    overflow: hidden;
    background-color: #a79a90;
    border: 0;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 2px;
    padding: 18px 35px;
    margin-top: 15px;
    margin-left: 20px;
    border-radius: 50px;
    text-decoration: none;
    text-transform: uppercase;
    transition: color 0.3s ease;
    cursor: pointer;
}
.mid-banner a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0%;
    height: 100%;
    background: #000;
    border-radius: 50px;
    z-index: 0;
    transition: width 0.4s ease;
}
.mid-banner a:hover::before {
    width: 100%;
}
.mid-banner a span {
    position: relative;
    z-index: 1;
}
.serv-page{
    background-color: #a79a90;
    padding-top: 70px;
    padding-bottom: 70px;
}
.serv-page ul li{
    width: 30.8%;
    margin-right: 27px;
    margin-bottom: 40px;
    background-color: #fff;
    padding: unset;
    border-radius: 10px;
}
.serv-page ul li img{
    width: 100%;
    height: 185px;
    object-fit: cover;
}
.serv-page ul li .content{
    padding: 15px;
}
.serv-page ul li h3{
    margin: auto;
    margin-bottom: 10px;
    text-transform: capitalize;
    font-family: 'Raleway-Bold';
}
.serv-page ul li p{
    font-size: 14px;
}
.serv-page ul li a{
    margin: auto;
    background-color: #a79a90;
    text-align: center;
    display: inline-block;
    width: 49%;
    text-transform: capitalize;
    font-weight: bold;
    padding: 10px;
    border-radius: 5px;
    color: #fff;
    letter-spacing: 1px;
    font-size: 13px;
    margin-top: 5px;
}

.single{
    background-color: #a79a90;
    padding-top: 70px;
    padding-bottom: 70px;
}
.single h1{

}
.single p{
    color: #000;
}
.single img{
    border-radius: 10px;
    margin-top: 40px;
}
.single a{
    background-color: #000;
    color: #fff;
    font-weight: bold;
    padding: 13px 25px;
    display: inline-block;
    margin-top: 20px;
    letter-spacing: 1px;
}
.related{
    background-color: #000;
}
.related h1{
    color: #fff;
    text-align: center;
    margin-bottom: 40px;
}
.related .slick-slide{
    padding: 15px;
}
.related .slick-dots li{
    width: auto;
    margin: 0 5px;
    background-color: transparent;
}
.related .slick-dots li button:before{
    font-size: 45px;
    opacity: 1;
    color: #ffffffcf;
}
.related .slick-dots li.slick-active button:before {
    opacity: 1;
    color: #fff;
}
.booking{
    background-color: #1a1a1a;
    color: #fff;
    padding-top: 70px;
    padding-bottom: 70px;
    text-align: center;
}
.booking form{
    margin: auto;
    margin-top: 40px;
    width: 800px;
    background-color: #a79a90;
    padding: 20px;
    border-radius: 10px;
    color: #000;
    text-align: left;
}
.booking label{
    display: block;
    font-family: 'Raleway-Regular';
    font-weight: normal;
    letter-spacing: 1px;
    color: #fff;
}   
.booking .inline{
    width: 49%;
    display: inline-block;
}
.booking .right{
    float: right;
}
.booking h3{
    background-color: #1a1a1a;
    padding: 15px 10px;
    font-family: 'Raleway-Bold';
    letter-spacing: 1px;
    color: #fff;
    border-radius: 5px;
}
.booking input, .booking select{
    width: 100%;
    padding: 10px;
    border: 0;
    margin-bottom: 15px;
    border-radius: 5px;
    background-color: #ffffff;
}
.booking form ul{
    list-style: none;
    padding: unset;
}
.booking form ul label{
    display: inline-block;
}
.booking form ul input{
    width: auto;
}
.booking textarea{
    width: 100%;
    height: 150px;
    padding: 10px;
    border: 0;
    margin-bottom: 15px;
    border-radius: 5px;
    background-color: #ffffff;
}
.booking button{
    background-color: #1a1a1a;
    border: 0;
    color: #fff;
    font-size: 15px;
    line-height: normal;
    padding: 15px 30px;
}
.fleet-hero{
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding-top: 70px;
    padding-bottom: 70px;
    color: #fff;
}
.fleet-hero:before{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000000c2;
    content: "";
}
.fleet-hero h1{
    color: #fff;
}
.fleet-banner{
    margin-top: 50px;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding-top: 70px;
    padding-bottom: 70px;
    color: #fff;
}
.fleet-banner:before{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000000c2;
    content: "";
}
.single-fleet{
    background-color: #a79a90;
    padding-top: 50px;
    text-align: center;
}
.single-fleet .options{
    margin-top: 50px;
}
.single-fleet .options li{
    width: 16%;
    vertical-align: top;
    margin-bottom: 30px;
    text-transform: capitalize;
    font-weight: bold;
    letter-spacing: 1px;
}
.single-fleet .options img{
    height: 46px;
    object-fit: contain;
    margin-bottom: 7px;
}
.gallery{
    margin-top: 70px;
    margin-bottom: 70px;
}
.gallery h1{
    text-align: center;
}
.gallery ul li{
    width: 32.7%;
    margin-bottom: 10px;
}
.gallery ul li img{
    width: 100%;
    height: 195px;
    object-fit: cover;
    object-position: center;
}
#wpforms-211 p{
	color:#fff;
}
.hamburger{
	display: none;
    font-size: 20px;
    vertical-align: middle;
}
.hamburger i{
	background-color: #a79a90;
    color: #fff;
    padding: 6px 10px;
    border-radius: 5px;
}
.backface{
	position: absolute;
    top: 0;
	left:-100%;
    width: 100%;
    height: 100%;
    background-color: #000000c7;
    z-index: 99;
}
.sidenav{
	position:absolute;
	left:-100%;
	width: 80%;
    height: 100%;
    background-color: #fff;
	transition:ease-in-out 0.2s;
}
.sidenav ul li{
	font-size: 15px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
    border-bottom: 1px solid #33333347;
    line-height: 2.7;
}
.sidenav ul li a{
	padding-left: 10px;
    display: block;
}
.sidenav .close{
	position: absolute;
    top: 0;
    right: -36px;
    background-color: #a79a90;
    opacity: 1;
    color: #fff;
    font-size: 12px;
    padding: 14px;
}
#top-btn {
  display: inline-block;
  background-color: #a79a90;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 4px;
  position: fixed;
  bottom: 30px;
  left: 30px;
  transition: background-color .3s, 
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
	border-radius:50%;	
}
#top-btn::after {
  content: "\f077";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 1em;
  line-height: 50px;
  color: #fff;
}
#top-btn:hover {
  cursor: pointer;
  background-color: #333;
}
#top-btn:active {
  background-color: #555;
}
#top-btn.show {
  opacity: 1;
  visibility: visible;
}
@media screen and (max-width:450px){
	.topnav{
		text-align:center;
	}
	.topnav .right{
		float:none;
		margin-top:15px;
	}
	.hamburger{
		display:inline-block;
	}
	.mainnav ul{
		display:none;
	}
	.mainnav button{
		font-size:11px;
		padding: 13px 11px;
		margin-top: 13px;
	}
	.mainnav .logo{
		display: inline-block;
    	vertical-align: middle;
    	margin-left: 20px;
	}
	.mainnav .logo img {
    	width: 120px;
	}
	.banner img{
		height:400px;
	}
	.banner .content{
		width:auto;
		top: 15%;
		padding: 10px;
	}
	.banner h1 {
    	font-size: 30px;
	}
	.fleet p{
		width:auto;
	}
	.banner a{
		padding: 18px 25px;
	}
	.banner button{
		padding: 15px 25px;
		margin-left: 10px;
	}
	.serv ul li{
		width:100%;
		margin-right:0;
		margin-bottom:10px;
	}
	.fleet ul li{
		width:100%;
		margin-right:0;
	}
	.fleet ul li ul li{
		width:32%;
	}
	.process .content{
		margin-bottom:15px;
	}
	.yus{
		height:auto;
	}
	.ticker ul li {
    	width: 49%;
    	margin-bottom: 10px;
    	vertical-align: top;
	}
	.hero-img{
		padding-top:70px;
		padding-bottom:70px;
	}
	.abt-page img {
		float: none;
		width: 100%;
		height: 250px;
		padding-left: 0px;
		margin-bottom:20px;
	}
	.serv-page ul li {
		width: 100%;
		margin-right: 0;
	}
	.testi ul li{
		width:100%;
		margin-right: 0;
		min-height: auto;
	}
	.faq .panel-group{
		width:auto;
	}
	.faq .panel-default>.panel-heading{
		position:relative;
	}
	.faq .panel-title{
		margin:unset;
		width: 90%;
		font-size:16px;
	}
	.faq .panel-group i{
		position: absolute;
		right: 10px;
		top: 35%;
	}
	.cont-page ul li{
		width:100%;
		margin-bottom: 10px;
		margin-right: 0px;
		padding: 20px 15px;
		min-height:auto;
	}
	.cont-page ul li h3{
		font-size:18px;
	}
	.cont-page ul li i {
    	font-size: 24px;
	}
	.cont-page form{
		width:auto;
		padding:15px;
	}
	.mid-banner button, .mid-banner a{
		padding: 14px 25px;
		margin-left: 5px;
	}
	.single-fleet .options li{
		width: 32%;
	}
	.single-fleet .options li p{
		font-size:13px;
	}
	.single-fleet .options img{
		height: 30px;
	}
	.gallery ul{
		margin:auto;
	}
	.gallery ul li {
    	margin: auto;
    	width: 32.6%;
    	margin-bottom: 0px;
    	padding: unset;
	}
	.gallery ul li img{
		height:100px;
	}
	.booking form{
		width:auto;
	}
	.booking h3{
		font-size: 18px;
	}
	.abt a{
		display:none;
	}
	.mob-abt-btn{
		display: inline-block !important;
        margin-top: 15px;
	}
	footer .logo p{
		width:auto;
	}
}