img {
     max-width: 100% 
}
 ul {
     margin: 0;
     padding: 0;
     list-style: none 
}
 * {
     text-decoration: none;
     transition: .5s linear 
}
 body {
     font-family: 'Open Sans', sans-serif 
}


/*Reservation Form Custom CSS Starts*/
.quote-tabs div {
  padding: 10px;
  border: 1px solid #ccc;
  cursor: pointer;
  text-align: center;
  background-color: #f0f2f7;
}

.ex_black .quote-tabs i {
  margin-right: 6px;
  color: #555;
}

.ex_black .quote-tabs .active {
  background-color: #222;
  color: #fff;
  font-weight: bold;
}
.ex_black .quote-tabs .active i {
  color: #fff;
}

.fromFields,
.dropFields,
.returnFields {
  background: #e0e0e0;
  padding: 10px;
  border-radius: 10px;
  color: #fff;
  border: 1px solid #eeeded;
  box-shadow: 1px 1px 7px 1px #00000042;
  margin: 20px auto;
}

.fromFields .form-group label {
  color: #111;
}

.input-group .form-control.select-inline {
  display: inline-block;
  width: auto;
  margin-right: 5px;
}

/*.month-field, */
/*.date-field,*/
/*.time-field{*/
/*    width: 70px !important;*/
/*}*/

.time-select-container {
  display: flex;
  background: #fff;
  justify-content: center;
  align-items: center;
  text-align: center;
  /*border-radius:5px;*/
}

.time-select-container .colon {
  color: #000;
}
.time-select-container select {
  margin-right: 5px;
}
.time-select-container select.hide-arrow {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  padding: 0;
  border: none;
  text-align: center;
}
.btn-toggle {
  padding: 10px 20px;
  border: 1px solid #ccc;
  background-color: #f8f9fa; /* Default background */
  color: #000;
  margin-right: 5px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.btn-toggle:hover {
  background-color: #ddd;
}

.btn-toggle.active {
  background-color: #000; /* Black background for selected button */
  color: #fff; /* White text for selected button */
}

/*Reservation Form CSS ends*/

/*Top Container CSS STARTS */
.topheader_container {
    float: left;
    width: 100%;
    background: linear-gradient(325.24deg,#eee 11.99%,#ccc 88.79%);
    padding: 15px 0;
    color: #fff;
    position: fixed;
    top: 0px;
    z-index: 9999;
    max-height: 35px;
    min-height: 50px;
}
.topheader_container_link {
    float: left;
    width: 100%;
    text-align: center;
    padding: 0 10px;
}
.topheader_container a {
    color: #fff;
    background: #158ace;
    padding: 8px 10px;
    border-radius: 5px;
    text-decoration: none;
    margin: 0px 10%;
    font-size: 13px;
    letter-spacing:1px;
}

.topheader_container_fixedheight {
    height: 35px;
    float: left;
    width: 100%;
}

/*Top Container CSS ENDS*/

.slicklogoslider img {
    width: 100px;
    height: 100px;
    
filter: grayscale(100%);
}
    
    .slicklogoslider img:hover {
    filter: grayscale(0%) !important;
  
    
    }

.infocol {
    font-weight: 200 !important;
    letter-spacing: .25px;
    line-height: 28px;
    color: #333;
}

.infocol img {
    max-height: 164px;
    margin-bottom: 20px !important;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0) linear-gradient(180deg, #dedede 0%, #f3f3f3 100%) repeat scroll 0 0;
    box-shadow: 0 1px 2px rgb(0 0 0 / 40%);

}
 .service_provider {
     margin: 10px 0 0;
     padding: 25px 0;
     float: left;
     width:100%;
}
 .service_provider ul {
     display: inline-block;
     width: 100%;
}
 .service_provider ul li {
     display: inline-block;
     padding: 0 10px;
}
 .service_provider ul li a {
     display: inline-block;
}
 .navigation {
     border: medium none;
     float: left;
     margin: 0;
     padding: 0;
     position: relative;
     width: 100% 
}
 .navigation .navbar-header {
     margin: 0;
     padding: 0;
     float: left;
     width: 33.3% 
}
 .navigation .container {
     padding: 10px 0 
}
 .navigation .navbar-header .navbar-brand {
    
     font-size: 30px;
     font-weight: 600;
     height: auto;
     letter-spacing: 2px;
     margin-top: 15px;
     padding: 0;
     text-transform: uppercase;
     line-height: 32px 
}
 .navbar-brand img {
   width: 300px;
    margin-top: -21px;
}

.footer .in_sec_ft .store_app {
    width: 100%;
    text-align: center;
    margin: 20px 0 0;
}

.footer .in_sec_ft .store_app li {
    display: inline-block;
    width: 44%;
    margin: 0 15px 0 0px;
}
 .navigation .center_custom {
     float: left;
     margin: 10px 0 0;
     padding: 5px 0 0;
     text-align: center;
     width: auto 
}
 .navigation .center_custom ul {
     display: inline-block;
     text-align: center;
     width: 100% 
}
 .navigation .center_custom ul li {
     display: inline-block;
     float: none;
     padding: 0 
}
 .navigation .center_custom ul li a {
     display: inline-block;
     font-size: 16px;
     font-weight: 600;
     letter-spacing: 1px;
     padding: 0 10px;
     text-transform: uppercase 
}
 .navigation .center_custom ul li a i {
     border-radius: 10%;
     float: left;
     font-size: 18px;
     height: 40px;
     margin-right: 5px;
     padding: 9px;
     text-align: center;
     width: 40px ;
}
 .navigation .center_custom ul li a .txt {
     float: left;
     padding: 10px 5px 
}
 .navigation .book_btn {
     float: right;
     text-align: right;
     padding: 4px 6px;
}
 .book_btn.navbar-right a {
     border-radius: 0px;
     display: inline-block;
     font-size: 15px;
     font-weight: 600;
   
     padding: 8px 25px;
     text-decoration: none;
     text-transform: uppercase 
}
 .navigation .container-fluid {
     padding: 0 
}
 .navigation .navbar-collapse.collapse {
     float: left;
     padding: 5px 0;
     width: 100% 
}
 .navigation .inner_sec {
     padding: 9px 0 1px 0;
     width: 100%;
     float: left 
}
 .navigation .navbar-collapse.collapse ul {
     display: inline-block;
     text-align: center;
     width: 100% 
}
 .navigation .navbar-collapse.collapse ul li {
     display: inline-block;
     float: none;
     font-weight: 600;
     text-transform: uppercase 
}
 .navigation .navbar-collapse.collapse ul li a {
     border-radius: 20px;
     padding: 10px 25px 
}
 .glyphicon-chevron-left::before {
     content: none 
}
 .glyphicon-chevron-right::before {
     content: none 
}
 .carousel-inner .item a img, .carousel-inner .item img {
     width: 100% 
}
 .banner .carousel-inner .item img, .carousel-inner .item a img {
     height: auto!important;
     width: 100% ;
    filter: grayscale(100%);
}
 .banner .carousel-inner .item img, .carousel-inner .item a img:hover {
     
         filter: grayscale(0%) !important;
}
 .modren {
     float: left;
     margin: 0;
     padding: 50px 0;
     text-align: center;
     width: 100% 
}
 .modren .trends {
     margin: 0 auto;
     max-width: 100% 
}
 .modren .trends h3 {
     float: left;
     margin: 15px 0;
     width: 100% ;
      font-family: 'Cinzel', serif !important;
}
 .modren .trends h2 {
     float: left;
     font-size: 30px;
     font-weight: 600;
     margin: 0 0 40px;
     padding: 0;
     width: 100%;
      font-family: 'Cinzel', serif !important;
}
 .modren .trends p {
     float: left;
     font-size: 16px;
     letter-spacing: 1px;
     line-height: 30px;
     margin: 0;
     padding: 0;
    text-align: justify;
     width: 100%;
     font-weight:200;
}
/*Airport module Css*/
 .airports h2 {
     float: left;
     font-size: 30px;
     font-weight: 600;

     padding: 0;
     text-align: center;
     width: 100% 
}
 .airports .thumb {
     cursor: pointer;
     float: left;
     margin: 15px 0;
     overflow: hidden;
     padding: 0;
     position: relative;
     width: 100%;
     text-align:center;
     border-radius:15px;
     box-shadow: 0 13px 27px 0 rgba(255, 82, 2, 0.11);
   
}
.airports_box {
    margin:30px 0;
}
 .airports .thumb .inner_thumb {
     left: 0;
     padding: 15px 0;
     position: absolute;
     text-align: center;
     top: 0;
     width: 100% 
}
 .airports .thumb h3 {
        font-size: 19px;
    text-align: center;
     -webkit-font-smoothing: antialiased;
}

.airports .thumb h4 {
    position: absolute;
    top: 43%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 66px;
    color: white;
    text-shadow: 1px 1px #000;
    font-weight: 600;
     font-family: 'Cinzel', serif !important;
}
.airports .thumb img {
    width: 100%;
    height: 165px;
    /*object-position: 0px -6px;*/
    object-fit: cover;
    filter: brightness(0.8);
    
}
.airports .btm_txt h3 {

        font-size: 19px;
    text-align: center;
     -webkit-font-smoothing: antialiased;

}
 .airports .thumb:hover img {
     transform: scale(1.1) 
}

/*Airport module css ends*/
 .service {
     float: left;
     margin: 0;
     padding: 50px 0;
     width: 100% 
}
 .service h2 {
     float: left;
     font-size: 33px;
     font-weight: 200;
     margin: 0 0 40px;
     padding: 0;
     text-align: center;
     width: 100%;
     font-family: 'Cinzel', serif !important;
}

 .top-side h2 {
     float: left;
     font-size: 33px;
     font-weight: 200;
     margin: 0 0 40px;
     padding: 0;
     text-align: center;
     width: 100%;
     font-family: 'Cinzel', serif !important;
}
 .service .thumb {
     cursor: pointer;
     float: left;
     margin: 15px 0;
     overflow: hidden;
     padding: 0;
     position: relative;
     width: 100% 
}
 .service .thumb .inner_thumb {
     left: 0;
     padding: 15px 0;
     position: absolute;
     text-align: center;
     top: 0;
     width: 100% 
}
 .service .thumb .inner_thumb h3 {
     font-size: 20px;
     font-weight:700;
     margin: 0;
     text-transform: uppercase;
     -webkit-font-smoothing: antialiased;
     font-family: 'Cinzel', serif !important;
}
 .service .thumb:hover img {
     transform: scale(1.1) 
}
 .black {
     float: left;
     width: 100% 
}
 .black .main_div {
     float: left;
     margin: 0;
     max-width: 100%;
     padding: 15px;
     width: 100% 
}
 .black .main_div h4 {
     float: left;
     font-size: 25px;
     font-weight: 600;
     margin: 10px 0 0;
     padding: 0;
     text-transform: uppercase 
}
 .black .main_div a {
     display: inline-block;
     font-size: 15px;
     float: right;
     font-weight: 600;
     padding: 10px 25px;
     text-decoration: none;
     text-transform: uppercase;
     border-radius: 30px 
}
 .slick-slide {
     margin: 0 
}
 .slick-slide img {
     width: 100% 
}
 .slick-slider {
     position: relative;
     display: block;
     box-sizing: border-box;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     -webkit-touch-callout: none;
     -khtml-user-select: none;
     -ms-touch-action: pan-y;
     touch-action: pan-y;
     -webkit-tap-highlight-color: transparent 
}
 .slick-list {
     position: relative;
     display: block;
     overflow: hidden;
     margin: 0;
     padding: 0 
}
 .slick-list:focus {
     outline: 0 
}
 .slick-list.dragging {
     cursor: pointer;
     cursor: hand 
}
 .slick-slider .slick-list, .slick-slider .slick-track {
     -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
     -ms-transform: translate3d(0, 0, 0);
     -o-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0) 
}
 .slick-track {
     position: relative;
     top: 0;
     left: 0;
     display: block 
}
 .slick-track:after, .slick-track:before {
     display: table;
     content: '' 
}
 .slick-track:after {
     clear: both 
}
 .slick-loading .slick-track {
     visibility: hidden 
}
 .slick-slide {
     display: none;
     float: left;
     height: 100%;
     min-height: 1px 
}
 [dir=rtl] .slick-slide {
     float: right 
}
 .slick-slide img {
     display: block 
}
 .slick-slide.slick-loading img {
     display: none 
}
 .slick-slide.dragging img {
     pointer-events: none 
}
 .slick-initialized .slick-slide {
     display: block 
}
 .slick-loading .slick-slide {
     visibility: hidden 
}
 .slick-vertical .slick-slide {
     display: block;
     height: auto 
}
 .slick-arrow.slick-hidden {
     display: none 
}
 .carousel-item>div {
     float: left 
}
 .carousel-by-item [class*=cloneditem-] {
     display: none 
}
 .carousel-inner .item a img, .carousel-testi .carousel-inner .item img {
     width: auto 
}
 .carousel-testi {
     background-attachment: fixed;
     background-size: cover;
     float: left;
     padding: 75px 0;
     width: 100%;
    position: relative;
}
 .carousel-testi::before {
     content: "";
     height: 100%;
     left: 0;
     position: absolute;
     top: 0;
     width: 100% 
}
 .carousel-testi h2 {
    float: left;
	font-size: 50px;
		font-family: 'Cinzel', serif !important;
	font-weight: 400;
	letter-spacing: 3px;
	margin: 0 0 30px;
	text-align: center;
	width: 100%; 
}
 .carousel-testi h2::before {
     bottom: 0;
     content: "";
     height: 1px;
     left: 46%;
     position: absolute;
     right: 46% 
}
 .carousel-testi .star_ff {
     text-align: center;
     width: 100% 
}
 .carousel-testi .star_ff h5 {
     font-size: 35px;
     font-family: 'Pinyon Script', cursive;
}
 .carousel-testi .item {
     border-radius: 10px;
     padding: 10px 20px 
}

.book_btn.navbar-banner {
    font-size: 18px;
    padding: 12px;
    text-align: center;
}


.book_btn.navbar-banner a {
    border-radius: 10px;
    display: inline-block;
    font-size: 22px;
    font-weight: 200;
    padding: 10px 25px;
    text-decoration: none;
    text-transform: uppercase;
        font-family: 'Cinzel', serif !important;
}


 #fade-quote-carousel.carousel {
     padding-bottom: 60px 
}
 #fade-quote-carousel.carousel .carousel-inner .item {
     opacity: 0;
     -webkit-transition-property: opacity;
     -ms-transition-property: opacity;
     transition-property: opacity 
}
 #fade-quote-carousel.carousel .carousel-inner .active {
     opacity: 1;
     -webkit-transition-property: opacity;
     -ms-transition-property: opacity;
     transition-property: opacity 
}
 #fade-quote-carousel.carousel .carousel-indicators {
     bottom: 10px 
}
 #fade-quote-carousel.carousel .carousel-indicators>li {
     border: none 
}
 #fade-quote-carousel blockquote {
     text-align: center;
     border: none;
     padding: 34px;
     position: relative;
     margin: 0 0 5px 
}
 .carousel-testi blockquote::before {
     content: "";
     font-family: fontawesome;
     font-size: 30px;
     left: 0;
     position: absolute;
     top: 0 
}
 .carousel-testi blockquote::after {
     content: "\f10e";
     font-family: fontawesome;
     font-size: 30px;
     right: 0;
     position: absolute;
     bottom: 0 
}
 #fade-quote-carousel .profile-circle {
     width: 100px;
     height: 100px;
     margin: 0 auto;
     border-radius: 100px;
     display: none 
}
 .highlight {
     float: left;
     margin: 0;
     padding: 20px 0;
     width: 100% 
}
 .highlight .patren .inner_thumb .left_sec {
     float: left;
     font-size: 30px;
     height: 100%;
     text-align: right;
     width: 15% 
}
 .highlight .patren .inner_thumb .right_sec {
     float: left;
     padding: 0 15px;
     width: 85% 
}
 .highlight .patren .inner_thumb {
     float: left;
     padding: 10px 0;
     width: 100% 
}
 .highlight .patren .inner_thumb .right_sec h3 {
     float: left;
     font-size: 25px;
     font-weight: 600;
     margin: 0;
     padding: 0;
     width: 100% 
}
 .highlight .patren .inner_thumb .right_sec p {
     float: left;
     font-size: 13px;
     margin: 10px 0 0;
     width: 100% 
}
 footer {
     float: left;
     padding: 80px 0 0;
     width: 100% 
}
 footer .in_sec_ft h3 {
     float: left;
     font-size: 20px;
     margin: 10px 0 25px;
     padding: 0 0 15px;
     position: relative;
     text-transform: uppercase;
     width: 100% 
}
 footer .in_sec_ft h3::before {
     bottom: 0;
     content: "";
     height: 1px;
     left: 0;
     position: absolute;
     width: 40px 
}
 footer p {
     font-size: 15px;
     letter-spacing: 1px 
}
 footer .in_sec_ft {
     float: left;
     margin: 0;
     width: 100% 
}
 footer .information .in_sec_ft ul {
     float: left;
     width: 50% 
}
 footer .information .in_sec_ft ul li {
     padding: 0 33px 
}
 .in_sec_ft ul li {
     float: left;
     font-size: 15px;
     line-height: 34px;
     padding: 0;
     width: 100% 
}
 .in_sec_ft ul li span {
     border-radius: 50px;
     float: left;
     font-size: 15px;
     height: 35px;
     line-height: 35px;
     margin-bottom: 10px;
     margin-right: 14px;
     text-align: center;
     width: 35px 
}
 .copyright_top {
     float: left;
     margin: 0;
     padding: 0;
     text-align: center;
     width: 100% 
}
 .copyright_top .d1 ul {
     display: inline-block;
     margin: 10px 0 0 
}
 .contact-text {
     float: left;
     margin: 0;
     padding: 30px 0 5px;
     width: 100%;
     text-align: center;
     font-size: 16px;
}
 .copyright_top .d1 ul li {
     display: inline-block 
}
 .copyright_top .d1 ul li a {
     display: inline-block;
     padding: 0 5px 
}
 .copyright {
     float: left;
     margin: 0;
     padding: 0;
     text-align: center;
     width: 100% 
}
 .copyright .d1 {
     height: 82px;
     margin: 20px 0 0;
     padding: 10px 0 
}
 .copyright .d1 h3 {
     float: left;
     font-family: roboto;
     font-size: 16px;
     letter-spacing: 2px;
     margin: 0;
     padding: 0;
     text-transform: uppercase;
     width: 100% 
}
 .copyright .d1 ul {
     display: inline-block;
     margin: 10px 0 0 
}
 .copyright .d1 ul li {
     display: inline-block 
}
 .copyright .d1 ul li a {
     display: inline-block;
     padding: 0 5px 
}

 .copyright .d1 ul li a img {
     filter: grayscale(100%);
}

.copyright .d1 ul li a img:hover {
     filter: grayscale(0%)!important;
}
 footer .copyright a {
     text-decoration: none 
}
 footer .copyright>p {
     float: left;
     margin: 0;
     padding: 20px 0;
     width: 100% 
}
 footer .in_sec_ft ul li span {
     margin-left: 5px 
}
 .bottom_slider .carousel-inner .item {
     backface-visibility: hidden;
     perspective: 1000px;
     transition: all .4s linear 0 
}
 .bottom_slider {
     float: left;
     padding: 50px 0;
     width: 100% 
}
 .bottom_slider .container-fluid {
     padding: 0 
}
 .bottom_slider .col-xs-12.col-sm-12.col-md-12 {
     padding: 0 
}
 .bottom_slider .col-xs-12.col-sm-3.col-md-3 {
     padding: 0 1px 
}
 .bottom_slider h2 {
     display: inline-block;
     font-size: 40px;
     font-weight: 600;
     margin: 0 0 50px;
     padding: 0;
     font-family: 'Cinzel', serif !important;
     text-align: center;
     text-transform: uppercase;
     width: 100% 
}
 .bottom_slider .item .inner_col h3 {
     float: left;
     font-size: 15px;
     font-weight: 700;
     margin-top: 12px;
     text-align: center;
     text-transform: uppercase;
     width: 100% 
}
 .bottom_slider .item .inner_col span {
     float: left;
     font-size: 12px;
     font-weight: 600;
     margin: 0;
     padding: 8px 0 0;
     text-transform: uppercase;
     width: 100% 
}
 .bottom_slider .item .inner_col {
     padding: 0 5px;
     text-align: center;
     width: 100% 
}
 .bottom_slider .item .inner_col a {
     border-radius: 0;
     display: inline-block;
     float: left;
     font-size: 14px;
     padding: 8px 0;
     text-decoration: none;
     width: 100% 
}
 .bottom_slider #slider-text {
     padding-top: 40px;
     display: block 
}
 .bottom_slider #slider-text .col-md-6 {
     overflow: hidden 
}
 .bottom_slider #slider-text h2 {
     font-family: 'Josefin Sans', sans-serif;
     font-weight: 400;
     font-size: 30px;
     letter-spacing: 3px;
     margin: 30px auto;
     padding-left: 40px 
}
 .bottom_slider #slider-text h2::after {
     content: "";
     position: absolute;
     bottom: 35px;
     width: 100% 
}
 .bottom_slider #slider-control img {
     padding-top: 60%;
     margin: 0 auto 
}
 @media screen and (max-width:992px) {
     .bottom_slider #slider-control img {
         padding-top: 70px;
         margin: 0 auto 
    }
}
 .bottom_slider .carousel-showmanymoveone .carousel-control {
     background-image: none;
     width: 1%;
     margin-top: 6% 
}
 .bottom_slider .carousel-showmanymoveone .carousel-control.left {
     margin-left: 5px 
}
 .bottom_slider .carousel-showmanymoveone .carousel-control.right {
     margin-right: 5px 
}
 .carousel-showmanymoveone .cloneditem-1, .carousel-showmanymoveone .cloneditem-2, .carousel-showmanymoveone .cloneditem-3, .carousel-showmanymoveone .cloneditem-4, .carousel-showmanymoveone .cloneditem-5 {
     display: none 
}
 @media all and (min-width:768px) {
     .carousel-showmanymoveone .carousel-inner>.active.left, .carousel-showmanymoveone .carousel-inner>.prev {
         left: -50% 
    }
     .carousel-showmanymoveone .carousel-inner>.active.right, .carousel-showmanymoveone .carousel-inner>.next {
         left: 50% 
    }
     .carousel-showmanymoveone .carousel-inner>.active, .carousel-showmanymoveone .carousel-inner>.left, .carousel-showmanymoveone .carousel-inner>.prev.right {
         left: 0 
    }
     .carousel-showmanymoveone .carousel-inner .cloneditem-1 {
         display: block 
    }
}
 @media all and (min-width:768px) and (transform-3d), all and (min-width:768px) and (-webkit-transform-3d) {
     .carousel-showmanymoveone .carousel-inner>.item.active.right, .carousel-showmanymoveone .carousel-inner>.item.next {
         -webkit-transform: translate3d(50%, 0, 0);
         transform: translate3d(50%, 0, 0);
         left: 0 
    }
     .carousel-showmanymoveone .carousel-inner>.item.active.left, .carousel-showmanymoveone .carousel-inner>.item.prev {
         -webkit-transform: translate3d(-50%, 0, 0);
         transform: translate3d(-50%, 0, 0);
         left: 0 
    }
     .carousel-showmanymoveone .carousel-inner>.item.active, .carousel-showmanymoveone .carousel-inner>.item.left, .carousel-showmanymoveone .carousel-inner>.item.prev.right {
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
         left: 0 
    }
}
 @media all and (min-width:992px) {
     .carousel-showmanymoveone .carousel-inner>.active.left, .carousel-showmanymoveone .carousel-inner>.prev {
         left: -16.666% 
    }
     .carousel-showmanymoveone .carousel-inner>.active.right, .carousel-showmanymoveone .carousel-inner>.next {
         left: 16.666% 
    }
     .carousel-showmanymoveone .carousel-inner>.active, .carousel-showmanymoveone .carousel-inner>.left, .carousel-showmanymoveone .carousel-inner>.prev.right {
         left: 0 
    }
     .carousel-showmanymoveone .carousel-inner .cloneditem-2, .carousel-showmanymoveone .carousel-inner .cloneditem-3, .carousel-showmanymoveone .carousel-inner .cloneditem-4, .carousel-showmanymoveone .carousel-inner .cloneditem-5, .carousel-showmanymoveone .carousel-inner .cloneditem-6 {
         display: block 
    }
}
 .service .btm_txt {
    float: left;
    padding: 15px;
    width: 100%;
    min-height: 241px;
}
 .service .btm_txt p {
     font-size: 15px;
     font-weight: 500;
     height: 115px;
     letter-spacing: 0;
     line-height: 28px;
     margin: 0;
     overflow: hidden;
     text-align: left 
}
 .in_service .col-sm-4 {
     margin-bottom: 30px 
}
 .service_bg {
     float: left;
     padding: 70px 0;
     position: relative;
     width: 100% 
}
 .service_bg::before {
     content: "";
     height: 100%;
     left: 0;
     position: absolute;
     top: 0;
     width: 100% 
}
 .service_bg h2 {
     float: left;
     font-size: 34px;
     font-weight: 400;
     margin: 0;
     padding: 0;
     text-align: center;
     width: 100%;
     text-transform: uppercase;
     position: relative 
}
 .fleet_slide {
     float: left;
     padding: 60px 0;
     width: 100% 
}
 .fleet_slide .thumbnail {
     margin-bottom: 0;
     padding: 0 
}
 .fleet_slide .thumbnails .col-sm-3 {
     padding: 2px 0 
}
 .fleet_slide #slide-content h2 {
     float: left;
     font-size: 23px;
     font-weight: 400;
     margin: 0;
     padding: 0;
     text-transform: uppercase;
     width: 100% 
}
 .fleet_slide #slide-content h3 {
     color: #444;
     float: left;
     font-size: 19px;
     font-weight: 400;
     margin: 0;
     padding: 30px 0;
     text-transform: uppercase;
     width: 100% 
}
 .fleet_slide #slide-content h3 span {
     display: inline-block 
}
 .fleet_slide .slide-content h3 span ul {
     display: inline-block;
     margin-left: 50px 
}
 .fleet_slide #slide-content h3 span ul li {
     display: inline-block;
     font-weight: 300;
     padding: 0 10px 
}
 .fleet_slide #slide-content h3 span ul li:last-child {
     border: none 
}
 .fleet_slide #slide-content p {
     float: left;
     font-size: 16px;
     font-weight: 400;
     line-height: 29px;
     margin: 0;
     padding: 0;
     width: 100% 
}
 .fleet_slide #slide-content a {
     float: left;
     font-size: 20px;
     margin: 30px 0 0;
     padding: 8px 30px;
     letter-spacing: 1px;
     text-transform: uppercase;
     text-decoration: none 
}
 .DvCont .thumb-box {
     padding: 1.4em 0 1em;
     margin-left: -1%;
     width: 102% 
}
 .DvCont .thumb-box .thumbs-ad li {
     float: left;
     width: 25%;
     text-align: center;
     padding: 0 1% 
}
 .DvCont .thumb-box .thumbs-ad li img {
     width: 100%;
     opacity: .8 
}
 .DvCont .thumb-box .thumbs-ad li img.active {
     opacity: 1 
}
 .DvCont .thumb-box .thumbs-ad li:hover img {
     opacity: 1 
}
 .make_reservation {
     float: left;
     margin: 0;
     padding: 0;
     text-align: center;
     width: 100% 
}
 .make_reservation .main_div {
     margin: 0 auto;
     max-width: 85% 
}
 .make_reservation .inner_sec {
     float: left;
     margin: -51px 0 -50px;
     padding: 30px 35px;
     position: relative;
     width: 100% 
}
 .make_reservation .inner_sec>h2 {
     float: left;
     font-size: 35px;
     font-weight: 500;
     margin: 0;
     padding: 0 
}
 .make_reservation .inner_sec>h2 strong {
     font-weight: 600 
}
 .make_reservation .inner_sec a {
     float: right;
     font-size: 16px;
     font-weight: 600;
     padding: 9px 20px 9px 40px;
     position: relative;
     text-decoration: none 
}
 .make_reservation .inner_sec a::before {
     content: "";
     font-family: fontawesome;
     font-size: 25px;
     left: 15px;
     position: absolute;
     top: 3px 
}
 .in_testil .carousel-inner {
     padding: 5px 0 
}
 .blog {
     background-image: url(../images/blog.jpg);
     background-size: cover;
     float: left;
     padding: 100px 0;
     width: 100% 
}
 .thumb_blog {
     float: left;
     width: 100%;
     padding: 50px 0 80px 
}
 .thumb_blog .inner {
     border-radius: 12px;
     float: left;
     margin: 30px 0;
     overflow-wrap: break-word;
     padding: 35px;
     position: relative;
     text-align: center;
     width: 100% 
}
 .thumb_blog .inner .txt {
     float: left;
     margin: 0;
     padding: 0;
     width: 100% 
}
 .thumb_blog .inner .txt h2 {
     float: left;
     font-size: 25px;
     font-weight: 400;
     margin: 0;
     padding: 0;
     width: 100% 
}
 .thumb_blog .inner .txt h6 {
     float: left;
     font-family: roboto;
     font-size: 13px;
     font-weight: 500;
     margin: 0;
     padding: 15px 0;
     width: 100% 
}
 .thumb_blog .inner .txt p {
     float: left;
     font-size: 16px;
     letter-spacing: 1px;
     line-height: 28px;
     margin: 0;
     padding: 0;
     text-align: left;
     width: 100% 
}
 .thumb_blog .inner a {
     display: inline-block;
     font-size: 16px;
     margin: 15px 0 0;
     padding: 8px 35px;
     text-decoration: none 
}
 .thumb_blog .main_div {
     margin: 0 auto;
     max-width: 80%;
     text-align: justify 
}
 .thumb_blog .main_div p {
     font-weight: 400;
     letter-spacing: 1px;
     line-height: 36px;
     font-size: 17px 
}
 .thumb_blog .main_div h2 {
     float: left;
     font-size: 25px;
     font-weight: 700;
     margin: 0 0 20px;
     padding: 0;
     width: 100% 
}
 .contact {
     background-image: url(../images/contact.jpg);
     background-size: cover;
     float: left;
     padding: 100px 0;
     width: 100% 
}
 .way {
     float: left;
     margin: 0;
     padding: 50px 0;
     width: 100% 
}
 .way .left_sec {
     text-align: center 
}
 .way .left_sec .inner_form {
     /*border-radius: 15px;*/
     float: left;
     margin: 0 0 20px;
     padding: 20px 10px;
     width: 100%;
     height: 310px 
}
 .way .right_sec {
     border-radius: 15px;
     float: left;
     margin: 0 0 20px;
     padding: 20px 25px 33px;
     height: 310px 
}
 .way h3 {
     font-size: 23px;
     font-weight: 700;
     margin: 0 0 30px;
     padding: 0;
     text-align: center;
     width: 100%;
     font-size: 23px;
     font-weight: 500;
     margin: 0 0 30px;
     padding: 0;
     text-align: center;
     width: 100% 
}
 .way .left_sec .inner_form .form-group input {
     background: 0 0;
     border-radius: 0;
     height: 37px 
}
 .way .left_sec .inner_form .form-group textarea {
     background: 0 0;
     border-radius: 0 
}
 .way .right_sec .inner {
     height: 198px;
     padding: 15px 30px 
}
 .way .right_sec .inner li {
     font-size: 16px;
     font-weight: 400;
     line-height: 24px 
}
 .way .right_sec .inner li a {
     text-decoration: none 
}
 .way .right_sec .inner li p {
     float: left 
}
 .way .left_sec a {
     border-radius: 30px;
     display: inline-block;
     font-size: 15px;
     font-weight: 600;
     padding: 10px 25px;
     text-decoration: none;
     text-transform: uppercase 
}
 .map {
     float: left;
     margin-bottom: -5px;
     width: 100% 
}
 .map iframe {
     width: 100% 
}
 .last_sec {
     float: left;
     margin-top: 80px;
     width: 100% 
}
 .way .left_sec .inner_form:input[placeholder] {
     opacity: 1 
}
 .detail_service {
     float: left;
     margin: 60px 0 0;
     padding: 0;
     text-align: center;
     width: 100% 
}
 .detail_service .inner {
     margin: 0 auto;
     max-width: 960px;
     position: relative 
}
 .detail_service .inner h2 {
     font-weight: 400;
     letter-spacing: 1px;
     margin: 0;
     padding: 18px 0;
     position: absolute;
     text-transform: uppercase;
     top: 0;
     width: 100%;
     font-size: 40px!important 
}
 .steps-form-2 {
     display: table;
     width: 100%;
     position: relative;
     margin-bottom: 70px 
}
 .steps-form-2 .steps-row-2 {
     display: table-row 
}
 .steps-form-2 .steps-row-2::before {
     bottom: 0;
     content: " ";
     height: 40px;
     position: absolute;
     top: 0;
     width: 100% 
}
 .steps-form-2 .steps-row-2 .steps-step-2 {
     display: table-cell;
     text-align: center;
     position: relative 
}
 .steps-form-2 .steps-row-2 .steps-step-2 p {
     margin-top: .5rem 
}
 .steps-form-2 .steps-row-2 .steps-step-2 button[disabled] {
     opacity: 1!important 
}
 .steps-form-2 .steps-row-2 .steps-step-2 .btn-circle-2 {
     border: none!important;
     height: 40px;
     margin-top: 0;
     padding: 0;
     width: 40px 
}
 .steps-form-2 .steps-row-2 .steps-step-2 .btn-circle-2 .fa {
     font-size: 1.7rem 
}
 .ride_trail {
   /*  background-image: url(../images/reserve.jpg); */
     background-size: cover;
     float: left;
     margin: 0;
     padding: 50px 0;
     width: 100% 
}
 .ride_trail .inner {
     float: left;
     margin: 0;
     padding: 70px 15px 30px;
     position: relative;
     width: 100% 
}
 .ride_trail .inner h3 {
     float: left;
     font-size: 22px;
     margin: 0 0 35px;
     padding: 0 0 20px;
     position: relative;
     text-align: center;
     width: 100% 
}
 .ride_trail .inner h3::before {
     bottom: 10px;
     content: "";
     height: 2px;
     left: 45%;
     position: absolute;
     right: 45% 
}
 .ride_trail .inner .form-group .input-group input {
     border-radius: 0;
     font-size: 14px;
     height: 40px 
}
 .ride_trail .input-group {
     width: 100% 
}
 .ride_trail .inner .form-group .input-group .input-group-addon {
     border-radius: 0;
     width: 40px 
}
 .ride_trail .inner .move_btn {
     margin-top: 15px;
     text-align: center 
}
 .btn.btn-mdb-color.btn-rounded.nextBtn-2.float-right {
     border: medium none;
     display: inline-block;
     font-family: roboto;
     font-size: 18px;
     letter-spacing: 2px;
     padding: 7px 50px 
}
 .btn.btn-mdb-color.btn-rounded.prevBtn-2.float-left {
     border: medium none;
     display: inline-block;
     font-family: roboto;
     font-size: 18px;
     letter-spacing: 2px;
     padding: 7px 50px 
}
 .btn.btn-mdb-color {
     text-transform: uppercase;
     width: 170px 
}
 .custom-select {
     position: relative;
     font-family: Arial 
}
 .custom-select select {
     display: none 
}
 .select-selected:after {
     position: absolute;
     content: "";
     top: 17px;
     right: 10px;
     width: 0;
     height: 0 
}
 .select-selected.select-arrow-active:after {
     top: 7px 
}
 .select-items div, .select-selected {
     cursor: pointer;
     height: 40px;
     padding: 8px 16px 
}
 .select-items {
     position: absolute;
     top: 100%;
     left: 0;
     right: 0;
     z-index: 99 
}
 .select-hide {
     display: none 
}
 .realtives {
     position: relative 
}
 #owl-demo .item {
     margin: 3px;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
     text-align: center 
}
 #owl-demo .item img {
     width: 100%;
     height: 100px 
}
 .customNavigation {
     text-align: right;
     visibility: hidden 
}
 .customNavigation a {
     -webkit-user-select: none;
     -khtml-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none 
}
 .ride_trail #demo .inner {
     padding: 5px 10px 
}
 .ride_trail #demo .item .inner h3 {
     font-size: 16px;
     font-weight: 700;
     height: 50px;
     letter-spacing: 1px;
     margin: 15px 0 10px;
     padding: 0 
}
 .ride_trail #demo .item .inner p {
     float: left;
     font-size: 13px;
     margin: 0;
     width: 100% 
}
 .ride_trail #demo .item .inner h2 {
     float: left;
     font-size: 17px;
     font-weight: 700;
     margin: 0;
     padding: 15px 0;
     width: 100% 
}
 .ride_trail #demo .item .inner a {
     border-radius: 4px;
     display: inline-block;
     font-weight: 600;
     margin: -10px 0 0;
     padding: 5px 25px;
     position: relative;
     text-decoration: none;
     top: -25px 
}
 .ride_trail #demo .item .inner a:hover {
     background: #bdcc29 
}
 .ride_trail .customlide {
     border: none;
     padding: 0;
     box-shadow: none 
}
 .ride_trail .inner .vechile_custom {
     margin: 0 
}
 .ride_trail #demo .inner ul {
     display: inline-block;
     list-style: outside none none;
     margin: 0;
     padding: 0;
     float: right 
}
 .ride_trail #demo .inner .left_sec {
     float: left 
}
 .ride_trail #demo .inner ul li {
     display: inline-block;
     padding: 3px 6px 
}
 .ride_trail #demo .inner .custom_outer_lugage {
     float: left;
     margin: 0;
     padding: 0;
     width: 100% 
}
 .ride_trail .item .inner .color_option {
     border: medium none;
     float: left;
     padding: 0 0 5px;
     width: 100% 
}
 .ride_trail .color_option p {
     float: left!important;
     font-size: 14px!important;
     margin: 0!important;
     width: auto!important 
}
 .ride_trail .color_option ul {
     border: none!important;
     float: right;
     text-align: right;
     width: 80% 
}
 .ride_trail .color_option ul li {
     border: medium none;
     float: right;
     padding: 0 2px!important;
     width: 22% 
}
 .ride_trail .color_option ul li img {
     height: 20px!important;
     cursor: pointer 
}
 .ride_trail .color_option ul li:last-child {
     border: none!important 
}
 .ride_trail .map_sec ul {
     list-style: outside none none;
     margin: 0;
     padding: 0 
}
 .ride_trail .map_sec ul li {
     float: left;
     margin-bottom: 12px;
     width: 100% 
}
 .customlide #demo {
     float: left;
     padding: 15px;
     width: 100% 
}
 .ride_trail .customlide .item {
     float: left;
     padding: 15px 10px;
     text-align: center 
}
 .main_vechile {
     margin: 0 auto;
     max-width: 70% 
}
 .vechile_custom_btn {
     margin-bottom: 35px 
}
 .detail_address select {
     padding: 4px;
     margin: 0;
     border: none;
     outline: 0;
     display: inline-block;
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     cursor: pointer;
     width: 150px;
     -webkit-border-radius: 0;
     -moz-border-radius: 0;
     border-radius: 0 
}
 @media screen and (-webkit-min-device-pixel-ratio:0) {
     .detail_address select {
         padding-right: 18px 
    }
}
 .detail_address label {
     position: relative;
     width: 100% 
}
 .detail_address label::after {
     content: "";
     font-family: FontAwesome;
     font-size: 18px;
     padding: 0 0 2px;
     pointer-events: none;
     position: absolute;
     right: 10px;
     top: 8px;
     font-weight: 400 
}
 .detail_address label:before {
     content: '';
     right: 4px;
     top: 0;
     width: 23px;
     height: 18px;
     position: absolute;
     pointer-events: none;
     display: block 
}
 .detail_address label select {
     border-radius: 0;
     font-size: 13px;
     height: 40px;
     width: 100%;
     font-family: open sans;
     font-weight: 400;
     padding: 0 10px 
}
 .detail_address label select option {
     font-size: 13px;
     padding: 10px 
}
 .ride_trail .main_div {
     margin: 0 auto;
     max-width: 65% 
}
 .ride_trail .ex_black h2 {
     font-size: 22px;
     left: 0;
     margin: 0;
     padding: 10px 0;
     position: absolute;
     text-align: center;
     text-transform: uppercase;
     top: 0;
     width: 100% 
}
 .btn.btn-success.btn-rounded.float-right {
     display: inline-block;
     font-family: roboto;
     font-size: 18px;
     letter-spacing: 2px;
     padding: 7px 50px 
}
 .ride_trail .loginr_btn {
     float: left;
     margin: 0 0 50px;
     padding: 0;
     width: 100% 
}
 .ride_trail .loginr_btn .btn.btn-mdb-color {
     margin: 0 
}
 .color_option>span {
     float: right 
}
 .bootstrap-touchspin .input-group-btn-vertical {
     position: relative;
     white-space: nowrap;
     width: 1%;
     vertical-align: middle;
     display: table-cell 
}
 .bootstrap-touchspin .input-group-btn-vertical>.btn {
     display: block;
     float: none;
     width: 100%;
     max-width: 100%;
     padding: 8px 10px;
     margin-left: -1px;
     position: relative 
}
 .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
     border-radius: 0;
     border-top-right-radius: 4px 
}
 .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
     margin-top: -2px;
     border-radius: 0;
     border-bottom-right-radius: 4px 
}
 .bootstrap-touchspin .input-group-btn-vertical i {
     position: absolute;
     top: 3px;
     left: 5px;
     font-size: 9px;
     font-weight: 400 
}
 .spin_move .bootstrap-touchspin .input-group-btn button {
     height: 40px;
     border-radius: 0 
}
 .spin_move .input-group-addon.bootstrap-touchspin-prefix {
     display: none 
}
 .spin_move label {
     
     font-size: 13px;
     font-weight: 500;
     letter-spacing: 1px 
}
 .detail_address .child_age {
     float: left;
     padding: 0 0 5px;
     width: 100%;
     font-family: roboto;
     font-size: 13px;
     font-weight: 500;
     letter-spacing: 1px 
}
 .detail_address label {
     margin-bottom: 0 
}
 .spin_move .children_count {
     visibility: hidden 
}
 .switch {
     opacity: 0;
     position: absolute;
     z-index: 1;
     width: 18px;
     height: 18px;
     cursor: pointer 
}
 .switch+.lable {
     position: relative;
     display: inline-block;
     margin: 0;
     line-height: 20px;
     min-height: 18px;
     min-width: 18px;
     font-weight: 400;
     cursor: pointer 
}
 .switch+.lable::before {
     cursor: pointer;
     font-family: fontAwesome;
     font-weight: 400;
     font-size: 12px;
     content: "\a0";
     border-radius: 0;
     display: inline-block;
     text-align: center;
     height: 16px;
     line-height: 14px;
     min-width: 16px;
     margin-right: 1px;
     position: relative;
     top: -1px 
}
 .switch:checked+.lable::before {
     display: inline-block;
     content: '\f00c' 
}
 .switch+.lable {
     margin: 0 4px;
     min-height: 24px 
}
 .switch+.lable::before {
     font-weight: 400;
     font-size: 11px;
     line-height: 17px;
     height: 20px;
     overflow: hidden;
     border-radius: 12px;
     text-align: left;
     float: left;
     padding: 0;
     width: 52px;
     text-indent: -21px;
     margin-right: 0;
     -webkit-transition: text-indent .3s ease;
     -o-transition: text-indent .3s ease;
     transition: text-indent .3s ease;
     top: auto 
}
 .switch.switch-bootstrap+.lable::before {
     font-family: FontAwesome;
     content: "\f00d";
     box-shadow: none;
     border-width: 0;
     font-size: 16px;
     width: 52px;
     height: 22px;
     line-height: 21px;
     text-indent: 32px;
     -webkit-transition: background .1s ease;
     -o-transition: background .1s ease;
     transition: background .1s ease 
}
 .switch.switch-bootstrap+.lable::after {
     content: '';
     position: absolute;
     top: 2px;
     left: 3px;
     border-radius: 12px;
     width: 18px;
     height: 18px;
     text-align: center;
     -webkit-transition: left .2s ease;
     -o-transition: left .2s ease;
     transition: left .2s ease 
}
 .switch.switch-bootstrap:checked+.lable::before {
     content: "\f00c";
     text-indent: 6px 
}
 .switch.switch-bootstrap:checked+.lable::after {
     left: 32px 
}
 .switch-square {
     opacity: 0;
     position: absolute;
     z-index: 1;
     width: 18px;
     height: 18px;
     cursor: pointer 
}
 .switch-square+.lable {
     position: relative;
     display: inline-block;
     margin: 0;
     line-height: 20px;
     min-height: 18px;
     min-width: 18px;
     font-weight: 400;
     cursor: pointer 
}
 .switch-square+.lable::before {
     cursor: pointer;
     font-family: fontAwesome;
     font-weight: 400;
     font-size: 12px;
     content: "\a0";
     border-radius: 0;
     display: inline-block;
     text-align: center;
     height: 16px;
     line-height: 14px;
     min-width: 16px;
     margin-right: 1px;
     position: relative;
     top: -1px 
}
 .switch-square:checked+.lable::before {
     display: inline-block;
     content: '\f00c' 
}
 .switch-square+.lable {
     margin: 0 4px;
     min-height: 24px 
}
 .switch-square+.lable::before {
     font-weight: 400;
     font-size: 11px;
     line-height: 17px;
     height: 20px;
     overflow: hidden;
     border-radius: 2px;
     text-align: left;
     float: left;
     padding: 0;
     width: 52px;
     text-indent: -21px;
     margin-right: 0;
     -webkit-transition: text-indent .3s ease;
     -o-transition: text-indent .3s ease;
     transition: text-indent .3s ease;
     top: auto 
}
 .switch-square.switch-bootstrap+.lable::before {
     font-family: FontAwesome;
     content: "\f00d";
     box-shadow: none;
     border-width: 0;
     font-size: 16px;
     height: 22px;
     line-height: 21px;
     text-indent: 32px;
     -webkit-transition: background .1s ease;
     -o-transition: background .1s ease;
     transition: background .1s ease 
}
 .switch-square.switch-bootstrap+.lable::after {
     content: '';
     position: absolute;
     top: 2px;
     left: 3px;
     border-radius: 12px;
     width: 18px;
     height: 18px;
     text-align: center;
     -webkit-transition: left .2s ease;
     -o-transition: left .2s ease;
     transition: left .2s ease 
}
 .switch-square.switch-bootstrap:checked+.lable::before {
     content: "\f00c";
     text-indent: 6px 
}
 .switch-square.switch-bootstrap:checked+.lable::after {
     left: 32px 
}
 .switch-square.switch-bootstrap+.lable::after {
     border-radius: 2px 
}
 .switch_puff {
     float: left;
     padding-top: 5px;
     width: 100% 
}
 .switch_puff .switch-primary h5 {
     float: left;
     font-size: 16px;
     margin: 0 20px 0 0;
     padding: 1px 0 
}
 .switch_puff .label-switch.switch-primary {
     margin-top: 30px;
     text-align: right;
     width: 100% 
}
 .container1 {
     margin-right: 10px;
     cursor: pointer;
     display: inline-block;
   
     font-size: 15px;
     font-weight: 500;
     margin-bottom: 12px;
     padding-left: 35px;
     position: relative;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none 
}
 .container1 input {
     position: absolute;
     opacity: 0;
     cursor: pointer 
}
 .checkmark {
     position: absolute;
     top: 0;
     left: 0;
     height: 25px;
     width: 25px;
     border-radius: 50% 
}
 .checkmark:after {
     content: "";
     position: absolute;
     display: none 
}
 .container1 input:checked~.checkmark:after {
     display: block 
}
 .container1 .checkmark:after {
     top: 9px;
     left: 9px;
     width: 8px;
     height: 8px 
}
 .round_radio {
     padding-top: 5px 
}
 .billing_addrs h4 {
     float: left;
     margin: 0 0 10px;
     padding: 0 0 25px;
     position: relative;
     text-align: center;
     width: 100% 
}
 .billing_addrs h4::before {
     bottom: 10px;
     content: "";
     height: 2px;
     left: 45%;
     position: absolute;
     right: 45% 
}
 .billing_addrs a {

     font-size: 16px;
     font-weight: 500;
     letter-spacing: 1px;
     margin: 0;
     text-decoration: underline;
     float: right 
}
 .loginr_btn .btn.btn-mdb-color.navbar-right {
     float: right 
}
 .ride_trail .inner .move_btn .skip_btn {
     border-radius: 5px;
     display: inline-block;
     font-size: 16px;
     margin: 0;
     padding: 8px 20px;
     position: relative;
     text-decoration: none;
     top: 2px 
}
 .outer_userform {
     float: left;
     width: 100% 
}
 .outer_userform .nt_pd {
     padding: 0 
}
 .outer_userform .nt_pd label {
     float: left;
     margin-bottom: 20px;
     text-align: center;
     width: 100%;
     font-size: 16px;
     font-weight: 500;
    
}
 .outer_userform .nt_pd .login_btnn {
     text-align: center 
}
 .outer_userform .nt_pd .login_btnn a {
     border-radius: 5px;
     display: inline-block;
     font-family: roboto;
     font-size: 14px;
     padding: 7px 35px;
     text-decoration: none 
}
 .outer_userform .left_custom .register_now {
     margin: 20px 0 0;
     text-align: center 
}
 .owl-nav {
     margin: 15px auto 0;
     width: 35px;
     position: absolute;
     top: -45px;
     right: 0 
}
 .owl-nav .owl-prev {
     float: left;
     margin-right: 10px 
}
 .owl-nav .owl-next i, .owl-nav .owl-prev i {
     font-size: 25px 
}
 .outer_userform ul {
     list-style: outside none none;
     margin: 0;
     padding: 0 
}
 .outer_userform ul li {
     margin: 0 0 10px;
     padding: 5px 10px 
}
 .outer_userform ul li span {
     font-weight: 700 
}
 .outer_userform .notes {
     float: left;
     font-size: 13px;
     padding: 10px;
     width: 100% 
}
 .outer_userform .notes p {
     float: left;
     margin: 0;
     padding: 0;
     width: 100% 
}
 .outer_userform .payment {
     float: left;
     margin: 20px 0 15px;
     width: 100% 
}
 .outer_userform .payment h5 {
     float: left;
     font-size: 18px;
     font-weight: 600;
     margin: 0 10px 0 0;
     padding: 5px 0 
}
 .outer_userform .payment span {
     display: inline-block;
     font-size: 15px;
     padding: 5px 20px 
}
 .outer_userform .add_card {
     text-align: center 
}
 .outer_userform .add_card a {
     font-size: 13px;
     text-decoration: underline 
}
 .outer_userform .quote_btn {
     float: left;
     margin: 20px 0 0;
     padding: 0;
     text-align: center;
     width: 100% 
}
 .outer_userform .quote_btn .btn.btn-warning {
     border: medium none;
     border-radius: 0;
     font-weight: 600;
     margin: 5px 0 0;
     padding: 10px 0;
     width: 100% 
}
 .currentactive {
     border: none!important;
     width: 25px!important 
}
 .currentactive a {
     padding: 0!important 
}
 .prevactive {
     pointer-events: none;
     border: none!important;
     height: 64px 
}
 .steps-step-2 a {
     pointer-events: none 
}
 .btndisable {
     pointer-events: none;
     display: none!important 
}
 .spnper {

     font-weight: 500 
}
 #BI .spnper {
     display: inline-block;
     padding: 10px 0 
}
 .inner.ex_black .form-group label {
   
     font-size: 18px;
     font-weight: 500;
     letter-spacing: 1px 
}
 .inner.ex_black .outer_userform .quote_btn .btn.btn-mdb-color.btn-rounded.prevBtn-2.float-left {
     border-radius: 0;
     font-family: "Open Sans", sans-serif;
     font-size: 15px;
     font-weight: 600;
     width: 100% 
}
 .owl-dots {
     clear: both;
     float: left;
     margin: 30px 0 15px;
     text-align: center;
     width: 100% 
}
 .owl-dots .owl-dot {
     border-radius: 50%;
     display: inline-block;
     height: 20px;
     margin: 0 3px;
     width: 20px 
}
 .outer_userform .nt_pd .form-group>label {
     margin: 0 0 5px;
     text-align: left 
}
 .skip_btn {
     margin: -15px 0 5px;
     text-align: center 
}
 .skip_btn>a {
     font-weight: 600;
     letter-spacing: 2px;
     text-decoration: underline 
}
 .inner .dropon {
     float: right;
     list-style: outside none none;
     margin: 0;
     padding: 0;
     position: absolute;
     right: 15px;
     top: 7px;
     display: none 
}
 .inner .dropon .dropdown-menu {
     border-radius: 0;
     left: auto;
     margin: 14px 0 0;
     right: 0 
}
 .inner .dropon .dropdown-menu li a {
     padding: 4px 20px 8px 
}
 .inner .dropon .dropdown-menu li:last-child a {
     border: medium none 
}
 .inner .dropon .dropdown-menu li a:hover {
     background: 0 0 
}
 .bootom_bar .steps-step-2 a {
     pointer-events: auto 
}
 .bootom_bar {
     float: left;
     margin: 0;
     width: 100% 
}
 .bootom_bar .steps-form-2 .steps-row-2::before {
     height: 64px;
     border-radius: 5px 
}
 .bootom_bar .steps-form-2 .steps-row-2 .steps-step-2 .btn-circle-2 .fa {
     border-radius: 50%;
     font-size: 35px;
     height: 55px;
     line-height: 50px;
     margin: 4px 0 0;
     padding: 0;
     transition: all .5s linear 0;
     width: 55px 
}
 .bootom_bar .steps-form-2 .steps-row-2 .steps-step-2 .btn-circle-2 .fa:hover {
     transition: .5s linear;
     transform: scale(1.2) 
}
 .bootom_bar .steps-form-2 .steps-row-2 .steps-step-2 .btn-circle-2:hover {
     border: medium none;
     border-radius: 0 
}
 .bootom_bar .steps-form-2 {
     float: left;
     width: 100% 
}
 .diff_ress {
     font-size: 23px;
     font-weight: 700;
     letter-spacing: 2px;
     margin: 0;
     opacity: .16;
     position: absolute;
     text-align: center;
     text-transform: uppercase;
     top: 3px;
     width: 100%;
     z-index: 9 
}
 .in_service {
     padding-bottom: 80px 
}
 .in_service .thumb {
     margin: 0 
}
 .banner {
     float: left;
     position: relative;
     width: 100%;
    /* box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%); */
}
 
 .banner .enquiry_custom .main_div {
     border-radius: 0;
     display: inline-block;
     margin: 0 auto;
     max-width: 100%;
     padding: 60px 15px 20px;
     position: relative 
}
 .enquiry_custom .main_div>h2 {
     float: left;
     font-size: 20px;
     font-weight: 200;
     left: 0;
     letter-spacing: 1px;
     margin: 0;
     padding: 10px 0;
     position: absolute;
     text-align: center;
     top: 0;
     width: 100% ;
  font-family: 'Cinzel', serif !important;
     
}
 .enquiry_custom .input-group-addon {
     border-radius: 0;
     min-width: 40px 
}
 .banner .enquiry_custom .main_div .form-control {
     border-radius: 0 
}
 .enquiry_custom .col-sm-12, .enquiry_custom .col-sm-6 {
     padding: 0 5px 
}
 .enquiry_custom .btn.btn-default {
     border: medium none;
     border-radius: 0;
     font-size: 18px;
     font-weight: 200;
     letter-spacing: 1px;
     text-transform: uppercase;
     width: 100% 
}
 .banner .enquiry_custom textarea {
     height: 50px 
}
 
 .faq_sec {
     float: left;
     margin: 0;
     padding: 50px 0;
     width: 100% 
}
 .faq_sec .main_div {
     margin: 0 auto;
     max-width: 85% 
}
 .faq_sec .main_div h3 {
     display: inline-block;
     font-size: 28px;
     font-weight: 700;
     margin: 0 0 30px;
     padding: 0;
     text-align: center;
     text-transform: uppercase;
     width: 100% 
}
 .faq_sec #accordion .panel-heading {
     padding: 0 
}
 .faq_sec #accordion .panel-title a {
     display: block;
     padding: .4em .6em;
     outline: 0;
     font-weight: 600;
     text-decoration: none;
     line-height: 25px 
}
 .faq_sec #accordion .panel-title a.accordion-toggle::before, .faq_sec #accordion a[data-toggle=collapse]::before {
     content: "";
     float: left;
     font-family: fontawesome;
     font-size: 24px;
     font-weight: 600;
     margin-right: 1em;
     margin-top: -5px 
}
 .faq_sec #accordion .panel-title a.accordion-toggle.collapsed::before, .faq_sec #accordion a.collapsed[data-toggle=collapse]::before {
     content: "" 
}
 .faq_sec h4 a {
     padding: 16px 20px!important 
}
 .faq_sec .panel-body {
     line-height: 30px;
     padding: 15px 25px 
}
 .faq_sec .panel-group .panel {
     border-radius: 4px;
     margin-bottom: 10px 
}
 .ride_trail form {
     margin-bottom: 20px 
}
 .in_service .shadow_service {
     float: left;
     margin: 5px;
     width: 100% ;
     max-height:445px;
}
 .modren .mod_pcustom .trends p {
     text-align: left; 
}
 .navigation .menu_btn {
     bottom: 0;
     display: none;
     float: left;
     font-size: 20px;
     font-weight: 600;
     margin: 15px 0 0;
     padding: 0 10px;
     position: relative;
     text-transform: uppercase;
     top: 0;
     width: 100% 
}
 .navigation .menu_btn>span {
     left: 25px;
     position: absolute;
     z-index: 0 
}
 .navigation .navbar-toggle {
     background-image: none;
     border-radius: 4px;
     float: right;
     margin-bottom: 8px;
     margin-right: 15px;
     margin-top: 8px;
     padding: 8px 10px;
     position: relative;
     text-align: right;
     width: 100%;
     z-index: 1 
}
 .navigation .navbar-toggle .icon-bar {
     border-radius: 1px;
     clear: both;
     display: block;
     float: right;
     height: 2px;
     text-align: right;
     width: 22px 
}
 .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
     background-color: transparent 
}
 .in_testil .top_icon_social {
     margin: 0 0 30px;
     padding: 0;
     float: left;
     width: 100%;
     text-align: center;
     position: relative;
     z-index: 1 
}
 .in_testil .top_icon_social ul {
     display: inline-block;
     width: 100%;
     text-align: center 
}
 .in_testil .top_icon_social ul li {
     display: inline-block;
     padding: 0 10px 
}
 .in_testil .top_icon_social ul li a {
     display: inline-block;
     font-size: 24px;
     text-shadow: 1px 0 10px #ccc 
}
 .in_testil .top_icon_social ul li a span {
     font-size: 16px;
     display: inline-block;
     margin-left: 10px 
}
 .in_testil .top_icon_social ul li a span:hover {
     text-decoration: underline 
}
 @media (min-width:320px) and (max-width:479px) {
     .custom_form {
         
         margin-left:-26px;
     }
     
     .ride_trail {
         padding: 20px 0 
    }
     .ride_trail .main_div {
         max-width: 100% 
    }
     .ride_trail .setup-content-2 .col-md-12 {
         padding: 0 
    }
     .btn.btn-mdb-color {
         font-size: 12px;
         width: 140px 
    }
     .ride_trail .ex_black h2 {
         font-size: 14px 
    }
     .ride_trail .inner {
         padding: 60px 0 30px;
         border: none 
    }
     .ride_trail .inner .form-group .input-group input {
         font-size: 13px 
    }
     .btn.btn-mdb-color.btn-rounded.nextBtn-2.float-right {
         font-size: 14px;
         width: 100% 
    }
     .btn.btn-mdb-color.btn-rounded.prevBtn-2.float-left {
         font-size: 14px;
         margin-bottom: 5px;
         padding: 7px 30px 
    }
     .billing_addrs h4 {
         font-size: 15px 
    }
     .billing_addrs a {
         font-size: 12px 
    }
     #owl-demo .item img {
         height: auto;
         width: auto 
    }
     .spin_move .children_count {
         display: none 
    }
     .switch_puff .label-switch.switch-primary {
         margin-top: 20px 
    }
     .ride_trail .inner .move_btn .skip_btn {
         font-size: 16px;
         margin: 0 0 7px;
         width: 100% 
    }
     .btn.btn-mdb-color.btn-rounded.prevBtn-2.float-left {
         width: 100% 
    }
     .btn.btn-success.btn-rounded.float-right {
         width: 100% 
    }
     .navigation .navbar-header {
         width: 100% 
    }
     .navigation .navbar-header .navbar-brand {
         margin: 0;
         text-align: center;
         width: 100% 
    }
     .navigation .center_custom {
         margin: 0;
         width: 100% 
    }
     .navigation .center_custom ul li {
         padding: 0;
         width: auto 
    }
     .navigation .center_custom ul li a {
         font-size: 13px;
         padding: 0 5px 
    }
     .navigation .center_custom ul li a i {
         font-size: 10px;
         height: 28px;
         margin-right: 5px;
         padding: 7px;
         width: 28px 
    }
     .navigation .center_custom ul li a .txt {
         padding: 4px 0 
    }
     .navigation .book_btn {
         padding: 0 5px 0 0;
         text-align: center;
         width: 100% 
    }
     .book_btn.navbar-right a {
         font-size: 10px;
         margin-top: 10px;
         padding: 5px 12px 
    }
     
     .banner .enquiry_custom .main_div {
         max-width: 100%;
         width: 100% 
    }
     .navigation .navbar-collapse.collapse ul {
         margin: 0;
         width: 100% 
    }
     .navigation .navbar-collapse.collapse ul li {
         text-align: left;
         width: 100% 
    }
     .navigation .navbar-collapse.collapse ul li a {
         border-radius: 0 
    }
     .enquiry_custom .main_div>h2 {
         font-size: 18px 
    }
     .enquiry_custom .btn.btn-default {
         font-size: 16px 
    }
     .modren {
         padding: 20px 0 
    }
     .modren .trends {
         max-width: 100% 
    }
     .modren .trends h2 {
         font-size: 18px;
         margin: 0 0 10px 
    }
     .modren .trends p {
         font-size: 12px;
         line-height: 25px 
    }
     .service {
         padding: 20px 0 
    }
     .service h2 {
         font-size: 28px;
         margin: 0 0 10px ;
         font-weight: 200;
    letter-spacing: 2px;
  
    }
     .service .thumb .inner_thumb h3 {
         font-size: 14px 
    }
     .bottom_slider h2 {
         font-size: 18px;
         margin: 0 0 20px ;
         font-weight: 200;
    letter-spacing: 2px;
    }
     .bottom_slider {
         padding: 20px 0 
    }
     .carousel-testi {
         padding: 25px 0 
    }
     .carousel-testi .star_ff h5 {
         font-size: 16px 
    }
     .carousel-testi blockquote p {
         font-size: 12px 
    }
     .carousel-testi blockquote::before {
         font-size: 14px 
    }
     .carousel-testi blockquote::after {
         font-size: 14px 
    }
     .carousel-testi h2 {
         font-size: 18px;
         margin: 0 0 20px ;
         font-weight: 200;
    letter-spacing: 2px;
    }
     .make_reservation .main_div {
         max-width: 100% 
    }
     .make_reservation .inner_sec {
         margin: 0;
         padding: 15px 
    }
     .make_reservation .inner_sec h2 {
         font-size: 18px;
         text-align: center;
         width: 100% 
    }
     .make_reservation .inner_sec a {
         display: inline-block;
         float: none;
         font-size: 14px;
         margin: 10px 0 0 
    }
     footer {
         padding: 20px 0 0 
    }
     footer .in_sec_ft h3 {
         margin: 10px 0 15px 
    }
     footer p {
         font-size: 12px 
    }
     footer .in_sec_ft ul li a {
         font-size: 12px 
    }
     footer .information {
         display: inline-block;
         margin-bottom: 10px 
    }
     .in_sec_ft ul li {
         font-size: 12px;
         line-height: 23px 
    }
     .in_sec_ft ul li span {
         margin-bottom: 12px 
    }
     .service_provider {
         margin: 10px 0 0;
         padding: 25px 0;
         float: left;
         width: 100%;
    }
     .service_provider ul {
         display: inline-block;
         width: 100%;
    }
     .service_provider ul li {
         display: inline-block;
         padding: 0 10px;
    }
     .service_provider ul li a {
         display: inline-block;
    }
     .copyright .d1 {
         height: auto 
    }
     .copyright .d1 h3 {
         font-size: 12px 
    }
     .navigation .navbar-header {
         position: relative 
    }
     .navigation .navbar-header .navbar-toggle {
         margin: 0;
         max-width: 30px;
         position: absolute;
         left: 15px;
         top: 5px 
    }
     .navigation .navbar-header .navbar-brand img {
         margin: 0 auto;
         max-width: 270px 
    }
     .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
         background-color: transparent 
    }
     .way .left_sec .inner_form {
         height: auto 
    }
     .way .right_sec {
         float: left;
         height: auto 
    }
     .way .right_sec .inner {
         display: inline-block;
         height: auto;
         padding: 15px 
    }
     .in_sec_ft ul li span {
         margin-right: 10px 
    }
     .way .right_sec .inner li p {
         width: 80% 
    }
     .service .col-sm-4 {
         margin: 0 auto;
         max-width: 100%;
    }
     .fleet_slide .inner #slide-content ul {
         display: inline-block;
         padding: 0 0 0 15px 
    }
     .fleet_slide.odd .slippry_box.thumbnails {
         margin-top: 100px 
    }
     .fleet_slide #slide-content h2 {
         margin-top: 30px 
    }
     .banner .item .carousel-caption p span {
         display: none 
    }
     .navigation .inner_sec {
         padding: 10px 0 0 
    }
     .navbar-inverse .navbar-toggle {
         border-color: transparent;
         margin: 0 
    }
     .navigation .container {
         padding: 10px 0 0 
    }
     .navigation .menu_btn {
         display: block 
    }
     .faq_sec #accordion .panel-title a {
         font-size: 14px 
    }
    
   
}
 @media (min-width:360px) and (max-width:479px) {
     
     .custom_form {
         
         margin-left:-26px;
     }
     
     .ride_trail #demo .item .inner p {
         font-size: 11px 
    }
     .ride_trail #demo .item .inner h2 {
         font-size: 12px 
    }
     .ride_trail #demo .item .inner h3 {
         font-size: 12px;
         height: 43px 
    }
}
 @media (min-width:480px) and (max-width:639px) {
     
     .custom_form {
         
         margin-left:-26px;
     }
     .ride_trail {
         padding: 20px 0 
    }
     .ride_trail .main_div {
         max-width: 100% 
    }
     .ride_trail .setup-content-2 .col-md-12 {
         padding: 0 
    }
     .btn.btn-mdb-color {
         font-size: 12px;
         width: 140px 
    }
     .ride_trail .ex_black h2 {
         font-size: 14px 
    }
     .ride_trail .inner {
         padding: 60px 0 30px;
         border: none 
    }
     .ride_trail .inner .form-group .input-group input {
         font-size: 13px 
    }
     .btn.btn-mdb-color.btn-rounded.nextBtn-2.float-right {
         font-size: 14px 
    }
     .btn.btn-mdb-color.btn-rounded.prevBtn-2.float-left {
         font-size: 14px;
         padding: 7px 30px 
    }
     .billing_addrs h4 {
         font-size: 15px 
    }
     .billing_addrs a {
         font-size: 12px 
    }
     #owl-demo .item img {
         height: auto;
         width: auto 
    }
     .ride_trail #demo .item .inner h3 {
         font-size: 15px 
    }
     .spin_move .children_count {
         display: none 
    }
     .switch_puff .label-switch.switch-primary {
         margin-top: 20px 
    }
     .ride_trail .inner .move_btn .skip_btn {
         padding: 5px 20px 
    }
     .btn.btn-success.btn-rounded.float-right {
         font-size: 16px;
         padding: 5px 50px 
    }
     .navigation .navbar-header {
         width: 100% 
    }
     .navigation .navbar-header .navbar-brand {
         width: 180px 
    }
     .navigation .center_custom {
         margin: 0;
         width: 70% 
    }
     .navigation .center_custom ul li {
         float: left;
         padding: 0;
         width: auto 
    }
     .navigation .center_custom ul li a {
         font-size: 11px;
         padding: 0 5px 
    }
     .navigation .center_custom ul li a i {
         font-size: 10px;
         height: 28px;
         margin-right: 5px;
         padding: 7px;
         width: 28px 
    }
     .navigation .center_custom ul li a .txt {
         padding: 4px 0 
    }
     .navigation .book_btn {
         padding: 0 5px 0 0;
         width: 30% 
    }
     .book_btn.navbar-right a {
         font-size: 10px;
         margin-top: 10px;
         padding: 5px 12px 
    }
    
     .banner .enquiry_custom .main_div {
         max-width: 100%;
         width: 100% 
    }
     .navigation .navbar-collapse.collapse ul {
         margin: 0;
         width: 100% 
    }
     .navigation .navbar-collapse.collapse ul li {
         text-align: left;
         width: 100% 
    }
     .navigation .navbar-collapse.collapse ul li a {
         border-radius: 0 
    }
     .enquiry_custom .main_div>h2 {
         font-size: 18px ;
         font-weight: 200;
    letter-spacing: 2px;
    }
     .enquiry_custom .btn.btn-default {
         font-size: 16px 
    }
     .modren {
         padding: 20px 0 
    }
     .modren .trends {
         max-width: 100% 
    }
     .modren .trends h2 {
         font-size: 18px;
         margin: 0 0 10px 
    }
     .modren .trends p {
         font-size: 12px;
         line-height: 25px 
    }
     .navbar-inverse .navbar-toggle {
         border-color: transparent 
    }
     .service {
         padding: 20px 10px 
    }
     .service .col-sm-4 {
         float: left;
         padding: 0 8px;
         width: 50% 
    }
     .service h2 {
         font-size: 18px;
         margin: 0 0 10px ;
         font-weight: 200;
    letter-spacing: 2px;
    }
     .service .thumb {
         margin: 10px 0 
    }
     .service .thumb .inner_thumb h3 {
         font-size: 14px 
    }
     .bottom_slider h2 {
         font-size: 18px;
         margin: 0 0 20px ;
         font-weight: 200;
    letter-spacing: 2px;
    }
     .bottom_slider {
         padding: 20px 0 
    }
     .carousel-testi {
         padding: 25px 0 
    }
     .carousel-testi .star_ff h5 {
         font-size: 16px 
    }
     .carousel-testi blockquote p {
         font-size: 12px 
    }
     .carousel-testi blockquote::before {
         font-size: 14px 
    }
     .carousel-testi blockquote::after {
         font-size: 14px 
    }
     .carousel-testi h2 {
         font-size: 18px;
         margin: 0 0 20px ;
         font-weight: 200;
    letter-spacing: 2px;
    }
     .make_reservation .main_div {
         max-width: 100% 
    }
     .make_reservation .inner_sec {
         margin: 0;
         padding: 15px 
    }
     .make_reservation .inner_sec h2 {
         font-size: 18px;
         text-align: center;
         width: 100% 
    }
     .make_reservation .inner_sec a {
         display: inline-block;
         float: none;
         font-size: 14px;
         margin: 10px 0 0 
    }
     footer {
         padding: 20px 0 0 
    }
     footer .in_sec_ft h3 {
         margin: 10px 0 15px 
    }
     footer p {
         font-size: 12px 
    }
     footer .in_sec_ft ul li a {
         font-size: 12px 
    }
     footer .information {
         display: inline-block;
         margin-bottom: 10px 
    }
     .in_sec_ft ul li {
         font-size: 12px;
         line-height: 23px 
    }
     .in_sec_ft ul li span {
         margin-bottom: 12px 
    }
     .copyright .d1 {
         height: auto 
    }
     .copyright .d1 h3 {
         font-size: 12px 
    }
     .way .left_sec .inner_form {
         height: auto 
    }
     .way .right_sec {
         float: left;
         height: auto 
    }
     .way .right_sec .inner {
         display: inline-block;
         height: auto;
         padding: 15px 
    }
     .in_sec_ft ul li span {
         margin-right: 10px 
    }
     .way .right_sec .inner li p {
         width: 80% 
    }
     .fleet_slide .inner #slide-content ul {
         display: inline-block;
         padding: 0 0 0 15px 
    }
     .fleet_slide.odd .slippry_box.thumbnails {
         margin-top: 100px 
    }
     .banner .item .carousel-caption p span {
         display: none 
    }
     .navigation .inner_sec {
         padding: 10px 0 0 
    }
     .navbar-inverse .navbar-toggle {
         border-color: transparent;
         margin: 0 
    }
     .navigation .container {
         padding: 10px 0 0 
    }
     .navigation .menu_btn {
         display: block 
    }
     .faq_sec #accordion .panel-title a {
         font-size: 14px 
    }
}

/*#ipad*/
@media (min-width:768px) and (max-width:1024px) {
    
    .custom_form {
         
         width: 647px;
     }
    
}

/* #ipad Pro 
@media (min-width:1024px) and (max-width:1366px) {
    
    .custom_form {
	    
	    width:758px;
	    
	}
    
}

*/


/* #landscape */
@media (min-width:667px) and (max-width:684px) {
    
    .custom_form {
	    
	        width: 623px !important;
	    
	}
    
}




/* #surface pro duo 
@media (min-width:540px) and (max-width:720px) {
    
    .custom_form {
	    
	    margin-left: -228px;
	    
	}
    
}

*/

/* #Galaxy Fold 
@media (min-width:280px) and (max-width:653px) {
    
    .custom_form {
	    
	    margin-left: -53px;
	    
	}
    
}

*/

 @media (min-width:640px) and (max-width:767px) {
     
     .custom_form {
         
         width: 647px;
     }
     
     .ride_trail .main_div {
         max-width: 100% 
    }
     .ride_trail .setup-content-2 .col-md-12 {
         padding: 0 
    }
     .ride_trail .inner {
         border: none 
    }
     .ride_trail #demo .item .inner h3 {
         font-size: 14px;
         font-weight: 600;
         height: 60px 
    }
     .navigation .inner_sec .navbar-header {
         float: left;
         width: 150px 
    }
     .navigation .navbar-toggle {
         margin-right: 3px;
         padding: 9px 10px;
         position: absolute;
         right: 0 
    }
     .navigation .center_custom {
         float: left;
         margin: 0;
         width: 58% 
    }
     .navigation .center_custom ul li {
         float: left;
         padding: 0;
         width: auto 
    }
     .navigation .center_custom ul li a {
         font-size: 10px;
         padding: 0 3px 
    }
     .navigation .center_custom ul li a i {
         font-size: 10px;
         height: 22px;
         margin-right: 5px;
         padding: 4px;
         width: 22px 
    }
     .navigation .center_custom ul li a .txt {
         padding: 0 
    }
     .navigation .book_btn {
         float: left;
         padding: 0 5px 0 0;
         width: 15% 
    }
     .book_btn.navbar-right a {
         float: left;
         font-size: 10px;
         margin-top: 10px;
         padding: 5px 8px;
         position: relative;
         right: 14px 
    }
     
     .banner .enquiry_custom .main_div {
         max-width: 100%;
         width: 100% 
    }
     .navigation .navbar-collapse.collapse ul {
         margin: 0;
         width: 100% 
    }
     .navigation .navbar-collapse.collapse ul li {
         text-align: left;
         width: 100% 
    }
     .navigation .navbar-collapse.collapse ul li a {
         border-radius: 0 
    }
     .enquiry_custom .main_div>h2 {
         font-size: 18px 
    }
     .enquiry_custom .btn.btn-default {
         font-size: 16px 
    }
     .modren {
         padding: 20px 0 
    }
     .modren .trends {
         max-width: 100% 
    }
     .modren .trends h2 {
         font-size: 18px;
         margin: 0 0 10px 
    }
     .modren .trends p {
         font-size: 12px;
         line-height: 25px 
    }
     .navbar-inverse .navbar-toggle {
         border-color: transparent 
    }
     .navbar-inverse .navbar-toggle .icon-bar {
         background-color: #f0ca92 
    }
     .service {
         padding: 20px 15px 
    }
     .service h2 {
         font-size: 18px;
         margin: 0 0 20px 
    }
     .service .col-sm-4 {
         float: left;
         padding: 0 10px;
         width: 50% 
    }
     .service .thumb {
         margin: 10px 0 
    }
     .service .thumb .inner_thumb h3 {
         font-size: 14px 
    }
     .bottom_slider h2 {
         font-size: 18px;
         margin: 0 0 20px 
    }
     .bottom_slider {
         padding: 20px 0 
    }
     .carousel-testi {
         padding: 25px 0 
    }
     .carousel-testi .star_ff h5 {
         font-size: 16px 
    }
     .carousel-testi blockquote p {
         font-size: 12px 
    }
     .carousel-testi blockquote::before {
         font-size: 14px 
    }
     .carousel-testi blockquote::after {
         font-size: 14px 
    }
     .carousel-testi h2 {
         font-size: 18px;
         margin: 0 0 20px 
    }
     .make_reservation .main_div {
         max-width: 100% 
    }
     .make_reservation .inner_sec {
         margin: 0;
         padding: 15px 
    }
     .make_reservation .inner_sec h2 {
         font-size: 18px;
         text-align: center;
         width: 100% 
    }
     .make_reservation .inner_sec a {
         display: inline-block;
         float: none;
         font-size: 14px;
         margin: 10px 0 0 
    }
     footer {
         padding: 20px 0 0 
    }
     footer .in_sec_ft h3 {
         margin: 10px 0 15px 
    }
     footer p {
         font-size: 12px 
    }
     footer .in_sec_ft ul li a {
         font-size: 12px 
    }
     footer .information {
         display: inline-block;
         margin-bottom: 10px 
    }
     .in_sec_ft ul li {
         font-size: 12px;
         line-height: 28px 
    }
     .in_sec_ft ul li span {
         margin-bottom: 12px 
    }
     .copyright .d1 {
         height: auto 
    }
     .copyright .d1 h3 {
         font-size: 12px 
    }
     footer .copyright a {
         text-decoration: none 
    }
     .way .left_sec .inner_form {
         height: auto 
    }
     .way .right_sec {
         float: left;
         height: auto 
    }
     .way .right_sec .inner {
         display: inline-block;
         height: auto;
         padding: 15px 
    }
     .way .right_sec .inner li p br:first-child {
         display: none 
    }
     .fleet_slide .inner #slide-content ul {
         display: inline-block;
         padding: 0 0 0 15px 
    }
     .fleet_slide.odd .slippry_box.thumbnails {
         margin-top: 100px 
    }
     .banner .item .carousel-caption p span {
         display: none 
    }
     .navigation .inner_sec {
         padding: 10px 0 0 
    }
     .navbar-inverse .navbar-toggle {
         border-color: transparent;
         margin: 0 
    }
     .navigation .container {
         padding: 10px 0 0 
    }
     .navigation .menu_btn {
         display: block 
    }
     .faq_sec #accordion .panel-title a {
         font-size: 14px 
    }
}


/*Laptop*/
 @media (min-width:768px) and (max-width:991px) {
     .ride_trail .main_div {
         max-width: 80% 
    }
     .ride_trail #demo .item .inner h3 {
         font-size: 14px;
         font-weight: 600;
         height: 60px 
    }
     .navigation .navbar-header {
         width: 185px 
    }
     .navigation .center_custom {
         width: 58% 
    }
     .navigation .center_custom ul li a {
         font-size: 11px;
         padding: 0 5px 
    }
     .navigation .center_custom ul li a i {
         font-size: 18px;
         height: 30px;
         margin-right: 3px;
         padding: 5px;
         width: 30px 
    }
     .navigation .book_btn {
         margin-right: 10px 
    }
     .book_btn.navbar-right a {
         font-size: 12px;
         margin-top: 5px;
         padding: 8px 25px 
    }
     .navigation .center_custom ul li a .txt {
         padding: 5px 
    }
     .navigation .navbar-collapse.collapse ul li {
         font-size: 13px 
    }
     .navigation .navbar-collapse.collapse ul li a {
         padding: 10px 7px 
    }
     .way h3 {
         font-size: 20px 
    }
     .way .right_sec .inner {
         padding: 15px 
    }
     .make_reservation .main_div {
         margin: 0 auto;
         max-width: 88% 
    }
     .make_reservation .inner_sec {
         padding: 20px 35px 
    }
     .make_reservation .inner_sec>h2 {
         font-size: 22px;
         margin: 5px 0 0 
    }
     footer .information {
         width: 66% 
    }
     footer .col-sm-4:last-child {
         width: 100% 
    }
     .carousel-showmanymoveone .cloneditem-1, .carousel-showmanymoveone .cloneditem-2, .carousel-showmanymoveone .cloneditem-3, .carousel-showmanymoveone .cloneditem-4, .carousel-showmanymoveone .cloneditem-5 {
         display: block 
    }
     
     .banner .enquiry_custom .main_div {
         max-width: 100% 
    }
     .modren .left_sec iframe {
         height: 196px 
    }
     .modren .trends p {
         font-size: 12px;
         letter-spacing: 0;
         line-height: 19px 
    }
     .service .thumb .inner_thumb h3 {
         font-size: 14px 
    }
}

/*Laptop*/
 @media (min-width:992px) and (max-width:1199px) {
     .ride_trail .main_div {
         max-width: 70% 
    }
     .ride_trail #demo .item .inner h3 {
         font-size: 14px;
         font-weight: 600;
         height: 60px 
    }
     .navigation .navbar-header {
         width: 185px 
    }
     .navigation .center_custom {
         width: 58% 
    }
     .navigation .center_custom ul li a {
         font-size: 11px;
         padding: 0 5px 
    }
     .navigation .center_custom ul li a i {
         font-size: 18px;
         height: 30px;
         margin-right: 3px;
         padding: 5px;
         width: 30px 
    }
     .navigation .book_btn {
         margin-right: 10px 
    }
     .book_btn.navbar-right a {
         font-size: 12px;
         margin-top: 5px;
         padding: 8px 25px 
    }
     .navigation .center_custom ul li a .txt {
         padding: 5px 
    }
     .navigation .navbar-collapse.collapse ul li {
         font-size: 14px 
    }
     .navigation .navbar-collapse.collapse ul li a {
         padding: 10px 
    }
     
     .banner .enquiry_custom .main_div {
         border-radius: 0;
         display: flow-root;
         margin: 0 auto;
         max-width: 730px;
         padding: 60px 15px 20px;
         position: relative 
    }
     .service .thumb .inner_thumb h3 {
         font-size: 14px 
    }
}
 @media (min-width:1250px) and (max-width:1900px) {
     .banner .carousel-caption {
         left: auto;
         padding-bottom: 30px;
         right: 12%;
         top: 35% 
    }
    
}
 .banner .carousel-inner .homebannercaption p {
     position: fixed;
   top: 16%;
    float: left;
    right: 60px;
    padding: 20px 20px 13px 20px;
     line-height: 43px;
     text-transform: uppercase;
     font-size: 28px;
     font-weight: 200;
     font-family: 'Cinzel', serif !important;
     letter-spacing:1px;
}
 .hide-homebannercaption {
     display: block 
}
 @media screen and (max-width:479px) {
     .banner .carousel-inner .homebannercaption p {
         top: 15%;
         right: 5px;
         padding: 0 10px;
         line-height: 28px;
         font-size: 14px 
    }
     .hide-homebannercaption {
         display: none 
    }
}
 @media screen and (min-width:480px) and (max-width:767px) {
     .banner .carousel-inner .homebannercaption p {
         top: 20%;
         right: 5px;
         padding: 0 10px;
         line-height: 25px;
         font-size: 14px 
    }
     .hide-homebannercaption {
         display: none 
    }
}
 @media only screen and (min-width:768px) and (max-width:959px) {
     .banner .carousel-inner .homebannercaption p {
         right: 20px;
         padding: 5px 10px;
         line-height: 26px;
         font-size: 16px 
    }
     .hide-homebannercaption {
         display: none 
    }
}
 @media only screen and (min-width:960px) and (max-width:1024px) {
     .banner .carousel-inner .homebannercaption p {
         right: 20px;
         padding: 5px 10px;
         font-size: 22px 
    }
     .hide-homebannercaption {
         display: none 
    }
}
 ul.showbullets {
     list-style: disc!important;
    padding-left: 20px;

    font-weight: 200;
    letter-spacing: 1.5px;
    line-height: 36px;

}
 .customrowmargin .row {
     margin: 0 
}
 .social_top {
     float: right;
     width: 100%;
     text-align: right;
     margin-right: -15px 
}
 .social_top ul {
     float: right;
     display: inline-block;
     text-align: right 
}
 .social_top ul li {
     float: left;
     margin: 0 2px 
}
 @media screen and (max-width:479px) {
     .social_top {
         float: right;
         width: 100%;
         text-align: center;
         margin-right: 0;
         margin-top: 20px 
    }
     .social_top ul {
         float: none;
         display: inline-block;
         text-align: center;
         width: 150px;
         margin: 0 auto 
    }
}
 @media screen and (min-width:480px) and (max-width:767px) {
     .navigation .center_custom {
         float: left;
         margin: 0;
         width: 62% 
    }
     .social_top {
         float: right;
         width: 100%;
         text-align: right;
         margin-right: 0;
         margin-top: 0 
    }
     .social_top ul {
         float: none;
         display: inline-block;
         text-align: center;
         width: 150px;
         margin: 0 auto 
    }
}
 @media only screen and (min-width:768px) and (max-width:959px) {
     .navigation .center_custom {
         width: 81%;
         float: left 
    }
     .navigation .navbar-header {
         width: 185px;
         margin: 0 auto;
         float: none 
    }
     .navigation .center_custom ul {
         display: inline-block;
         text-align: center;
         width: 100% 
    }
     .social_top {
         float: right;
         width: 100%;
         text-align: right;
         margin-right: 0;
         margin-top: 10px 
    }
}
 @import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800|Poiret+One|Roboto:100,300,400,500,700,900);
 @import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);
 @import url(https://fonts.googleapis.com/css?family=Roboto);
 .servicesdetails .main_div {
     margin: 0 auto;
     max-width: 100%;
     text-align: left;
}
/* css script for google translator */
 div#google_translate_element {
     position: fixed;
     right: 0;
     top: 38%;
     z-index: 9999;
     padding: 10px;
     width: 50px;
     webkit-transform: rotate(-270deg);
     -ff-transform: rotate(-270deg);
     transform: rotate(-270deg);
     /*display: none;*/
}
 .goog-te-gadget-simple {
     d: ;
     font-size: 11pt;
     0pt: ;
     display: inline-block;
     padding: 10px 5px!important;
     cursor: pointer;
     zoom: 1;
     *display: inline;
     line-height: ;
     text-transform: uppercase;
}
 .goog-te-gadget-simple .goog-te-menu-value {
     text-decoration: none!important;
     font-weight: bold!important;
}
 .goog-te-gadget img {
     display: none!important;
}
 .goog-te-gadget-simple .goog-te-menu-value span {
     text-decoration: none;
     margin: 2px!important;
}
/* css script for google translator */
/* script for submenu css */
 .navigation .navbar-collapse.collapse ul li ul.subnav {
     display: none;
}
 .navigation .navbar-collapse.collapse ul li:hover>ul.subnav {
     display: block;
     float: left;
     width: 100%;
     line-height: 30px;
     position: absolute;
     text-align: left;
     padding: 10px;
     background: rgba(0, 0, 0, 0) linear-gradient(180deg, #ead383 0%, #835728 100%) repeat scroll 0 0;
     border-bottom: 2px solid #ccab5c;
     border-top: 3px solid #ccab5c;
     min-width: 320px;
     left: -50%;
}
 .navigation .navbar-collapse.collapse ul li ul.subnav li {
     float: left;
     width: 100%;
     text-align: center;
}
 .navigation .navbar-collapse.collapse ul li ul.subnav li a {
     float: left;
     width: 100%;
     padding: 0px;
}
 .navigation .navbar-collapse.collapse ul li ul.subnav li a:hover {
     text-align: center;
     text-decoration: none;
     color: #fff;
}
 .submenu-icon {
     width: 16px;
     float: right;
     position: absolute;
     top: 13px;
     right: 0;
}
 @media screen and (max-width: 479px) {
     .navigation .navbar-collapse.collapse ul li:hover>ul.subnav {
         position: relative;
         left: 0;
    }
}
 @media screen and (min-width: 480px) and (max-width: 767px) {
     .navigation .navbar-collapse.collapse ul li:hover>ul.subnav {
         position: relative;
         left: 0;
    }
}
/* script for submenu css */
/* OUR TEAM CSS */
 .ourteam_container {
     float: left;
     width: 100%;
     height: 280px;
     overflow: hidden;
}
 .otmargin {
     margin: 0 auto;
     max-width: 1100px;
}
 .otfullwidth {
     float: left;
     width: 100%;
     background: #333;
     padding: 20px;
     color: #fff;
}
 .otleft {
     float: left;
     width: 25%;
}
 .otimage {
    /* float: left;
     width: 100%;
    */
     margin: 0 auto;
     width: 140px;
}
 .otright {
     float: left;
     width: 70%;
     padding-left: 30px;
}
 .otname {
     float: left;
     width: 100%;
     font-size: 32px;
     text-transform: uppercase;
}
 .otname span {
     font-size: 14px;
}
 .otdegiantion {
     float: left;
     width: 100%;
     font-size: 24px;
}
 .otcontent {
     float: left;
     width: 100%;
     line-height: 25px;
     font-size: 18px;
     margin-top: 10px;
     margin-bottom: 20px;
}
 .slick-slider {
     max-height: 300px;
}
 .slick-prev, .slick-next {
     width: 40px!important;
     background: #000!important;
     height: 40px!important;
     display: none!important;
}
 .slickslider .slick-dots {
     display: block!important;
}
 .slick-dots li {
     background: #ccab5c!important;
     border-radius: 50%!important;
}
 .slick-dots li button:before {
     font-size: 30px!important;
     color: #fff!important;
}
 .otsection.slick-slide {
     height: 220px;
     float: left;
}
 a.otviewbtn {
     color: #ccab5c!important;
     text-decoration: none!important;
     font-size: 14px;
}
 @media screen and (max-width: 479px) {
     .otleft {
         float: left;
         width: 100%;
    }
     .otright {
         float: left;
         width: 100%;
         padding-left: 0;
    }
     .ourteam_container {
         width: 100%;
         height: 500px;
    }
     .otsection.slick-slide {
         height: 500px;
         float: left;
    }
     .otname {
         font-size: 18px;
         margin-top: 20px;
    }
     .otdegiantion {
         font-size: 16px;
    }
     .otcontent {
         font-size: 15px;
    }
     .slickslider .slick-dots {
         display: none!important;
    }
}
 @media screen and (min-width: 480px) and (max-width: 767px) {
     .otleft {
         float: left;
         width: 100%;
    }
     .otright {
         float: left;
         width: 100%;
         padding-left: 0;
    }
     .ourteam_container {
         width: 100%;
         height: 500px;
    }
     .otsection.slick-slide {
         height: 500px;
         float: left;
    }
     .otname {
         font-size: 18px;
         margin-top: 20px;
    }
     .otdegiantion {
         font-size: 16px;
    }
     .otcontent {
         font-size: 15px;
    }
     .slickslider .slick-dots {
         display: none!important;
    }
}
 @media only screen and (min-width: 768px) and (max-width: 959px) {
     .otsection.slick-slide {
         height: 330px;
         float: left;
    }
     .slickslider .slick-dots {
         display: block!important;
    }
}
 @media only screen and (min-width: 960px) and (max-width: 1024px) {
}
/* OUR TEAM CSS */
 .getinstantquote a {
     position: fixed;
     right: -65px;
     top:50%;
     z-index: 9999;
     padding: 10px;
     width: 170px;
     webkit-transform: rotate(-270deg);
     -ff-transform: rotate(-270deg);
     transform: rotate(-270deg);
     background: red;
     color: #fff;
     text-transform: uppercase;
     font-weight: bold;
     text-decoration: none;
     border: 2px solid #ccab5c;
}
 li.sy-slide.horizontal.useCSS.sy-active {
    /* border: 2px solid #ccab5c;
     */
     margin-bottom: 5px;
     float: left;
     width: 100%;
     padding: 5px;
}
ul.showbullets{
         float: left;
        width: 100% 
    }
 @media screen and (max-width: 479px){
     .getinstantquote a {
        top: 40%;
    }
     .service .thumb img{
        width: 100%;
    }
}
 @media screen and (min-width: 480px) and (max-width: 767px){
     .getinstantquote a {
        top: 40%;
    }
     .service .thumb img{
        width: 100%;
    }
}
 @media only screen and (min-width: 768px) and (max-width: 959px) {
     .getinstantquote a {
        top: 30%;
    }
}
 @media only screen and (min-width: 960px) and (max-width: 1024px) {
     .getinstantquote a {
        top: 30%;
    }
}
/* new header design */
 .navigation .center_custom {
     float: left;
     margin-bottom: 0px;
     margin-top: 0px;
     width: 100%;
    background: #3a3a3a;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
}
 .navigation .center_custom .container {
     padding: 3px 0;
}
 .navigation .center_custom ul li{
     padding: 0 30px;
}
 .navigation .center_custom ul li a{
     font-size: 28px;
}
 .book_btn.navbar-right a {
     font-size: 20px;
     padding: 10px 40px;
    text-decoration: none;
    text-transform: uppercase;    
    font-weight: 200;
    border-radius: 50px;
    box-shadow: -6px 17px 19px -16px #313131;
        font-family: 'Cinzel', serif !important;

}
 .navigation .center_custom ul li a .txt span.smalltext{
     font-size: 19px;
     
     letter-spacing: 1px;
     font-weight: normal;
}
 .navigation .center_custom ul li a .txt span.colortext{
     font-size: 20px;
  
     letter-spacing: 1px;
     font-weight: normal;
}
/* new header design */
 #navbar1{
    float: left;
    width: 100%;
     z-index: 999;
    
}
 .fixedheadertopmargin{
    display: none;
}
 .desktopfixedheadertopmargin {
     float: left;
     width: 100%;
     margin-top: 13px;
}
 .toprow2 {
   /*  position: absolute;
     top: 53px;*/
     float: left;
     width: 100%;
     z-index: 100;
     margin-top: 15px;
 
}
 @media screen and (max-width: 479px){
     .desktopfixedheadertopmargin{
        display: none;
    }
     .fixedheadertopmargin{
        margin-top: 44px;
        display: block;
    }
     .navigation .center_custom ul li a .txt span.smalltext{
         font-size: 14px;
    }
     .navigation .center_custom ul li a .txt span.colortext{
         font-size: 18px;
    }
     .navigation .center_custom ul li {
         padding: 0;
         margin: 5px 0px;
    }
     .navbar-nav {
         margin: 0;
    }
     .toprow2 {
         background: #fff;
         position: relative;
         top: 0;
         float: left;
         width: 100%;
    }
    /* 17-02-2020 */
     ul.showbullets{
         float: left;
        width: 100% 
    }
    .detail_service{
		margin-top: 0px;
	}
	footer .copyright>p{
		padding: 20px;
	}
     .detail_service .inner h2{
          font-size: 18px!important;
     }
	/* 17-02-2020 */
}
 @media screen and (min-width: 480px) and (max-width: 767px){
     .fixedheadertopmargin{
        margin-top: 110px;
    }
     .navigation .center_custom ul li a .txt span.smalltext{
         font-size: 14px;
    }
     .navigation .center_custom ul li a .txt span.colortext{
         font-size: 18px;
    }
    /* 17-02-2020 */
     ul.showbullets{
         float: left;
        width: 100% 
    }
     .book_btn.navbar-right a {
         font-size: 15px;
    }
     .navigation .book_btn {
         float: left;
         padding: 0 5px 0 0;
         width: 38%;
    }
     .book_btn.navbar-right.outr_txt_btn {
         width: 25%;
         float: left;
    }
    .navigation .inner_sec .navbar-header {
	    float: left;
	    width: 36%;
	}
	a.navbar-brand img {
	    width: 60%;
	}
	.toprow2 {
    	position: relative;
	}
	.navigation .navbar-toggle{
		position: relative;;
	}
	.detail_service{
		margin-top: 0px;
	}
	.desktopfixedheadertopmargin{
		margin-top: 50px;
	}
	footer .copyright>p{
		padding: 20px;
	}
     .detail_service .inner h2{
          font-size: 18px!important;
     }
	/* 17-02-2020 */
}
 @media only screen and (min-width: 768px) and (max-width: 959px) {
     .fixedheadertopmargin{
        margin-top: 250px;
    }
}
 @media only screen and (min-width: 960px) and (max-width: 1024px) {
     .fixedheadertopmargin{
        margin-top: 140px;
    }
}
/* Header Menu Responsive Work */
 @media only screen and (min-width: 768px) and (max-width: 959px) {
     .navigation .navbar-header {
         width: 185px;
         margin: 0 auto;
         float: left;
    }
     .navigation .center_custom ul li {
         padding: 0;
    }
}

/* Blog Page images size ratio Fixed */
.thumb_blog .main_div img {
    height: auto;
}
/* Blog Page images size ratio Fixed */

/*New Footer Section */
.footercontactinfosection{
     float: left;width: 100%;
}
.footercontactinfosection .fcis-row{
     float: left;
     width: 100%;
}
.footercontactinfosection .fcis-col-md-4{
     float: left;
     width: 33.33%;
     text-align: center;
}
.footercontactinfosection .fci-col1{
     /*background: linear-gradient(to right, #881a1a, #f62221);    */
     background: rgba(0, 0, 0, 0) linear-gradient(90deg, #292929 0%, #595959  100%) repeat scroll 0 0;
}
.footercontactinfosection .fci-col2{
     background: rgba(0, 0, 0, 0) linear-gradient(90deg, #292929 0%, #595959  100%) repeat scroll 0 0;    
}
.footercontactinfosection .fci-col3{
     /*background: linear-gradient(to right, #881a1a, #f62221);    */
     background: rgba(0, 0, 0, 0) linear-gradient(90deg, #292929 0%, #595959  100%) repeat scroll 0 0;
}
.footercontactinfosection .vu_info-item {
    position: relative;
    padding: 25px;
    max-width: 520px;
    width: 100%;
    min-height: 140px;
    float: left;
    text-align: center;
}
.footercontactinfosection .vu_ii-details {
    float: left;
    width: 100%;
    text-align: center;
    padding: 30px 0;
}
.footercontactinfosection .vu_info-item.vu_ii-style-1 .vu_ii-icon {
    position: absolute;
    left: 60px;
    top: 10%;
    margin-top: 0px;
    width: 70px;
    height: 70px;
    line-height: 70px;
    font-size: 36px;
    text-align: center;
    margin-left: 30px;
    color: #fff;
}

.footercontactinfosection .fa-map-marker:before {
    content: "\f041";
}
.footercontactinfosection .fa-envelope-o:before {
    content: "\f003";
}
.footercontactinfosection .fa-phone:before {
    content: "\f095";
}
.footercontactinfosection .vu_info-item .vu_ii-title {
    display: block;
    font-size: 28px;
    color: inherit;
    margin: 0 0 3px 0;
    padding: 0;
    color: #fff;
    line-height: 1.7;
}
.footercontactinfosection .vu_info-item .vu_ii-desc {
    font-size: 16px;
    line-height: 1.4;
    font-weight: normal;
    color: inherit;
    margin-bottom: 0;
    color: #fff;
    margin-top: 15px;
}
.footercontactinfosection .vu_ii-details a {
    
    font-size: 20px;
    padding: 10px 40px;
    text-decoration: none;
    text-transform: uppercase;
    margin: 20px 0 0 0;
    font-weight: 200;
}
.foo-follow-cards {
    float: left;
    width: 100%;
    text-align: center;
        margin-top: 50px;
       
}

.foo-follow-cards img{
 
        filter: grayscale(100%);
}
.foo-follow-cards img:hover {
     filter: grayscale(0%)!important;
     transform: scale(1.1);
    
}

.cardsection img{
 
        filter: grayscale(100%);
}
.cardsection img:hover {
     filter: grayscale(0%)!important;
    
}
.cardsection{float: left;width: 100%;margin-top: 30px;}
.foo-follow-cards ul li{display: inline-block;padding: 0 4px;}
/*New Footer Section */

/*.topbooknowbtn::before, .topbooknowbtn::after {
    content: '';
    position: absolute;
    top: 0;
    width: 51%;
    height: 100%;
    z-index: -1;
    background: #ff5202;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.topbooknowbtn:hover, .topbooknowbtn:focus {
    color: #ffffff;
    background: #0d1028;
    -webkit-box-shadow: 0 13px 27px 0 rgba(255, 82, 2, 0.11);
    box-shadow: 0 13px 27px 0 rgba(255, 82, 2, 0.11);
}*/
.app_text {
    
        margin: 130px 150px 150px 150px;
}

.app_text p {
    
    font-size:19px;
    font-weight: 200;
    margin-bottom: 31px;

}

.topbooknowbtn {
    position: relative;
    padding: 15px 20px 15px 60px!important;
}
.topbooknowbtn .fa-file-text:before {
    content: "\f15c";
    font-size: 18px;
}
.topbooknowbtn .flaticon-right:before {
    font-size: 24px;
}
.topbooknowbtn .flaticon-edit {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 50px;
    line-height: 58px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    margin-left: 0;
    text-align: center;
    border-radius: 50px 0px 0px 50px;
}
.topbooknowbtn .flaticon-right {
    margin-left: 10px;
}


/*our fleet */
.portfolio.section {
    background:#e9e9e9;
    color: #444;
    float: left;width: 100%;
    /*padding: 50px 0;*/
    min-height: 650px;
}
.portfolio.section .col-sm-4 {
    min-height: 300px;
    float: left;
}
.section.portfolio .filters {
    text-align: left;
    margin-top: 50px;
}
.section.portfolio .filters ul {
    padding: 0;
}
.section.portfolio .filters ul li {
    list-style: none;
    display: inline-block;
    padding: 10px 20px;
    cursor: pointer;
    position: relative;
    break-after: avoid;
    border: 1px solid #ff5202;
    font-size: 18px;
    font-weight: normal;
    margin-left: 10px;
}
.section.portfolio .filters ul li.active {
    background: #ff5202;
}
.section.portfolio .filters ul li.active:after {
    width: calc(100% - 60px);
}
.section.portfolio .filters ul li:after {
    display: block;
    width: calc(0% - 60px);
    position: absolute;
    height: 2px;
    background: #333;
    transition: width 350ms ease-out;
}
.section.portfolio .filters-content {
    margin-top: 50px;
}
.section.portfolio .filters-content .item {
    text-align: center;
    cursor: pointer;
    margin-bottom: 60px;
    box-shadow: 2px 15px 20px 5px #eee;
    transition: 0.5s;
}

/*
.section.portfolio .filters-content .item:hover{
         border-color: #ff5202;
         color: #fff;
}
*/
.section.portfolio .filters-content .item img {
    width: 100%;
    transition: 0.5s;
    
}
.section.portfolio .filters-content .item:hover img {
    width: 100%;
     background: #fff;
   

}

.section.portfolio .filters-content .item .p-inner h5 {
    font-size: 20px;
    float: left;
    width: 100%;
    max-height: 45px;
    overflow: hidden;
    min-height: 45px;
   text-transform: uppercase;
     font-family: 'Cinzel', serif !important;
}
.section.portfolio .filters-content .item .p-inner .cat {
    font-size: 16px;
}
/*our fleet */

/*Services section*/
.service .container {
    width: 100%;
}
.service .col-sm-3{
     padding-left: 0px;
     padding-right: 0px;
}
.service .thumb img{
       width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    display: block;
    box-shadow: 0 4px 16px rgba(0, 0, 0, .08);
    transition: transform .2s ease, box-shadow .2s ease;
}


/*New Full Width Menu */
.fullwidthmenu {
    float: left;
    width: 100%;
    color: #fff;
    background: rgba(0, 0, 0, 0) linear-gradient(90deg, #101010 0%, #505050 100%) repeat scroll 0 0;
    padding: 18px 0;
    margin: 20px 0;
    text-align: center;
}
.fullwidthmenu ul{
   float: left;width: 100%;display: inline-block;
       line-height: 28px;
}
.fullwidthmenu ul li{
   float: none;display: inline-block;
   padding: 0 25px;
}
.fullwidthmenu ul li a {
    float: left;
    color: #fff;
    font-size: 16px;
    text-decoration: none;
}
.fullwidthmenu ul li a:hover {
   transform: scale(1.1);
   color:#ff6c00;
}
/*New Full Width Menu */
.newcontactinfo .col-sm-3 {
    padding-left: 0;
    padding-right: 0;
}
.coninforow{float: left;width: 100%;text-align: center; line-height: 30px;padding: 10px;margin: 15px 0;color: #fff;    padding: 15px;     min-height: 240PX;}
.coninfologo {
    float: left;
    width: 100%;
    text-align: center;
    margin: 15px 0;
}
.coninfologo i {font-size: 60px;}
.coninfotitle {
    font-size: 20px;
    float: left;
    width: 100%;
    margin: 10px 0;
    text-align: center;
}
.coninfocontent {
    font-size: 16px;
    float: left;
    width: 100%;
    text-align: center;
}
.coninfocontent a {
    
    color: #fff !important;
    text-decoration: none;
}
.coninfologo span {
    /*background: linear-gradient(330.24deg,#ff6c00 11.99%,#e52c43 88.79%);*/
    padding: 15px 17px;
    border-radius: 5px;
}
.coninforow1{ background: rgba(0, 0, 0, 0) linear-gradient(90deg, #1c1c1c 0%, #3c3c3c  100%) repeat scroll 0 0; }
.coninforow2{ background: rgba(0, 0, 0, 0) linear-gradient(90deg, #1c1c1c 0%, #3c3c3c  100%) repeat scroll 0 0; }
.coninforow3{ background: rgba(0, 0, 0, 0) linear-gradient(90deg, #1c1c1c 0%, #3c3c3c  100%) repeat scroll 0 0; }
.coninforow4{ background: rgba(0, 0, 0, 0) linear-gradient(90deg, #1c1c1c 0%, #3c3c3c  100%) repeat scroll 0 0; }

.portfolio .top-side {
    text-align: center;
}

.banner .enquiry_custom {  
      left: auto;
    position: absolute;
    top: 4%;
    float: left;
    padding: 0;
    width: 486px; }

@media screen and (max-width:479px) {
     .footercontactinfosection .fcis-col-md-4 {
         float: left;
         width: 100%;
         text-align: center;
         margin-bottom: 10px;
     }
     .footercontactinfosection .vu_info-item.vu_ii-style-1 .vu_ii-icon{
          left: 35px;
     }
     .fullwidthmenu ul li {
         padding: 9px;
     }
     .applinksection{
          float: left;width: 100%;
     }
     .section.portfolio .filters ul li{
          margin: 10px;
     }
     .app_text {
         margin: 30px;
     }
     .trends iframe{height: 315px; padding: 10px;}
     .modren .trends .right_sec {
            padding: 30px;
    }
    .banner .enquiry_custom {  left: auto;  position: static; top: 40%; float: left; padding: 0; width:100%; }
    .banner .carousel-inner .item img{    transform: scale(1.6);  position: relative; left: -100px;}
    .banner img{    transform: scale(1.1);  position: relative; left: -46px;}
}

@media screen and (min-width:480px) and (max-width:767px) {
     
     .footercontactinfosection .fcis-col-md-4 {
         float: left;
         width: 100%;
         text-align: center;
         margin-bottom: 10px;
     }
     .footercontactinfosection .vu_info-item.vu_ii-style-1 .vu_ii-icon{
          left: 85px;
     }
     .fullwidthmenu ul li {
         padding: 9px;
     }
     .applinksection{
          float: left;width: 100%;
     }
     .section.portfolio .filters ul li{
          margin: 10px;
     }
     .app_text {
         margin: 30px;
     }
     .in_service .shadow_service {
         max-height: 350px;
     }
     .trends iframe{height: 315px; padding: 10px;}
     .modren .trends .right_sec {
            padding: 30px;
    }
    .banner .enquiry_custom {  left: auto;  position: static; top: 40%; float: left; padding: 0; width:100%; }
    .banner .carousel-inner .item img{    transform: scale(1.6);  position: relative; left: -100px;}
}

@media only screen and (min-width:768px) and (max-width:959px) {
     
     .fullwidthmenu ul li {
         padding: 9px;
     }
     .section.portfolio .filters ul li{
          margin: 10px;
     }
     .footercontactinfosection .vu_info-item.vu_ii-style-1 .vu_ii-icon {
         left: 0;
         font-size: 29px;
         margin-left: 10px;
     }
     .banner .enquiry_custom {left: 0;position: absolute;top: 40%;float: left;padding: 0;width: 270px;}
}

@media only screen and (min-width:960px) and (max-width:1024px) {
     
 .banner .enquiry_custom {  left: auto;  position: absolute; top: 40%; float: left; padding: 0; width:400px; }    
}