@font-face {
    font-family: "Flaticon";
    src: url("../fonts/Flaticon.eot");
    src: url("../fonts/Flaticon.eot?#iefix") format("embedded-opentype"),
         url("../fonts/Flaticon.woff2") format("woff2"),
         url("../fonts/Flaticon.woff") format("woff"),
         url("../fonts/Flaticon.ttf") format("truetype"),
         url("../fonts/Flaticon.svg#Flaticon") format("svg");
    font-weight: normal;
    font-style: normal;
  }
  
  @media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
      font-family: "Flaticon";
      src: url("../fonts/Flaticon.svg#Flaticon") format("svg");
    }
  }
  
  [class^="flaticon-"]:before, [class*=" flaticon-"]:before,
  [class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
    font-family: Flaticon;
    font-style: normal;
  }
  
  .flaticon-download:before { content: "\f100"; }
  .flaticon-down-arrow:before { content: "\f101"; }
  .flaticon-chat:before { content: "\f102"; }
  .flaticon-play-button:before { content: "\f103"; }

@font-face {
    font-family: 'icomoon';
    src:  url('../fonts/icomoon.eot?u39rp');
    src:  url('../fonts/icomoon.eot?u39rp#iefix') format('embedded-opentype'),
      url('../fonts/icomoon.ttf?u39rp') format('truetype'),
      url('../fonts/icomoon.woff?u39rp') format('woff'),
      url('../fonts/icomoon.svg?u39rp#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
  }
  
  [class^="icon-"], [class*=" icon-"] {
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  .icon-arrow-down:before {
    content: "\e900";
  }
  .icon-arrow-left:before {
    content: "\e901";
  }
  .icon-arrow-right:before {
    content: "\e902";
  }
  .icon-arrow-up:before {
    content: "\e903";
  }
  .icon-car:before {
    content: "\e904";
  }
  .icon-chevron-down:before {
    content: "\e905";
  }
  .icon-chevron-left:before {
    content: "\e906";
  }
  .icon-chevron-right:before {
    content: "\e907";
  }
  .icon-chevron-up:before {
    content: "\e908";
  }
  .icon-consultation:before {
    content: "\e909";
  }
  .icon-dollar-sign:before {
    content: "\e90a";
  }
  .icon-electronics:before {
    content: "\e90b";
  }
  .icon-entertainment:before {
    content: "\e90c";
  }
  .icon-facebook:before {
    content: "\e90d";
  }
  .icon-food:before {
    content: "\e90e";
  }
  .icon-instagram:before {
    content: "\e90f";
  }
  .icon-linkedin:before {
    content: "\e910";
  }
  .icon-medical:before {
    content: "\e911";
  }
  .icon-menu:before {
    content: "\e912";
  }
  .icon-phone:before {
    content: "\e913";
  }
  .icon-pinterest:before {
    content: "\e914";
  }
  .icon-plane:before {
    content: "\e915";
  }
  .icon-portal:before {
    content: "\e916";
  }
  .icon-quote:before {
    content: "\e917";
  }
  .icon-safety:before {
    content: "\e918";
  }
  .icon-search:before {
    content: "\e919";
  }
  .icon-truck:before {
    content: "\e91a";
  }
  .icon-twitter:before {
    content: "\e91b";
  }
  .icon-wheel:before {
    content: "\e91c";
  }
  .icon-youtube:before {
    content: "\e91d";
  }


* { box-sizing: border-box; }






html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    padding: 0;
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    line-height: 1.5em;
    color: #353535;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    background: #ffffff;
}

h1, 
.h1,
h2, 
.h2,
h3, 
.h3,
h4, 
.h4,
h5, 
.h5,
h6, 
.h6 {
    margin:0;
    padding: 0;
    letter-spacing: .75px;
}

h1, 
.h1 {
    font-size: 33px;
    line-height: 1.2em;
    font-weight: 600;
}

h2, 
.h2 {
    font-size: 24px;
    line-height: 1.4em;
    font-weight: 600;
}


h3, 
.h3 {
    font-size: 16px;
    line-height: 0.9em;
    font-weight: 600;
} 

h4, 
.h4 {
    font-size: 12px;
    line-height: 1.333em;
    font-weight: 600;
}

p {
    margin:0;
    padding: 0 0 25px; 
    font-size: 15px;
    line-height: 1.571em;
    font-weight: 400;
    font-family: 'Raleway', sans-serif;
}
p:empty {
  padding:0 0 0 0;
}

@media (min-width: 768px) {
    h1, 
    .h1 {
        font-size: 48px;
    }

    h2, 
    .h2 {
        font-size: 30px;
    }

    h3, 
    .h3 {
        font-size: 20px;
    } 

    h4, 
    .h4 {
        font-size: 12px;
    }

    p {
        font-size: 14px;
        line-height: 1.53em;
    }
}

@media (min-width: 1025px) {
    h1, 
    .h1 {
        font-size: 50px;
    }

    h2, 
    .h2 {
        font-size: 40px;
    }

    h3, 
    .h3 {
        font-size: 30px;
    } 

    h4, 
    .h4 {
        font-size: 22px;
    }

    p {
        font-size: 16px;
        line-height: 1.5em;
        padding-bottom: 25px;
    }
}

ul, 
ol {
   margin: 0;
   padding: 0; 
}

ul {
    margin-left: 0;
    list-style: none;
}

ul li {
    padding-bottom: 0;
    font-size: 16px;
    line-height: 1.5em;
    padding-top: 10px;
}

a {
    text-decoration: none;
    transition:all .3s;
    color: #0055A4
}
  a:hover {
        transition:all .3s;
        
    }


@media (min-width: 768px) {
  
}

@media (min-width: 1200px) {
   
}

/*------------------------------------*\
    COMPONENTS
\*------------------------------------*/


/**
 * Wrappers
 */

.container,
.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.container { max-width: 1300px; }





/**
 * Clearfix
 * Apply clearing without adding additional markup
 */

.clearfix:before, .clearfix:after,
.container:before, .container:after,
.container-fluid:before, .container-fluid:after,
.row:before, .row:after {
    content: " ";
    display: table;
}

.clearfix:after,
.container:after,
.container-fluid:after,
.row:after { clear: both; }


/**
 * Buttons
 */
 .custom_btn{
    background-color: #ffce3e;
    color: #000; 
 }
 .custom_btn:hover{
     background-color: #e8b92f;
 }
.btn {
    font-size: 13px;
    display: inline-block;
    padding: 10px 20px;
    line-height: 1em;
    border-radius: 5px;
    text-decoration: none;
    border: none;
    font-weight: 600;
    text-transform: uppercase;
    position: relative;
    transition: all .4s ease-in-out;
    vertical-align: middle;
    letter-spacing: 0.75px;
    cursor: pointer;
}

.btn:hover {
    text-decoration: none;
}

.btn-primary {
    background:#0055A4;
    color: #ffffff;
    transition:all 0.6s ease;
}

.btn-primary:hover {
    background:#39A0ED;
}


.btn-secondary {
    background:#1b1a19;
    color: #ffffff;
    transition:all 0.6s ease;
}

.btn-secondary i {
    font-size: 10px;
    padding-left: 8px;
    padding-bottom: 3px;
    display: inline-block;
    vertical-align: middle;
}

    .btn-secondary:hover {
        background:#413f3c;
        color: #ffffff;
    }

.btn-tertiary {
    color:#0055A4;
    background: none;
    transition: all 0.6s ease;
    padding: 0 0 0 0;
    text-transform: capitalize;
    border-radius: 0;
}

.btn-tertiary i {
    font-size: 10px;
    padding-left: 4px;
    padding-bottom: 2px;
    display: inline-block;
    vertical-align: middle;
    transition: all 0.6s ease;
}

.btn-tertiary:hover {
    background:none;
    color: #39A0ED;
}

.btn-tertiary:hover i {
    padding-left: 10px;
    transition: all 0.6s ease;
}

.btn-block {
    display: block;
    width: 100%;
}

.btn + .btn {
  margin-left: 10px; 
}

@media (min-width: 1025px) {
    .btn {
        font-size: 14px;
    }
}




/* Selectric */

.selectric-wrapper {
    position: relative;
    cursor: pointer;
}

.selectric-responsive {
    width: 100%;
}

.selectric {
    border: none;
    border-radius:50px;
    background: #f5f5f5;
    position: relative;
    overflow: hidden;
}

.selectric .label {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0 38px 0 10px;
    color: #00294c;
    font-size: 12px;
    font-weight: 600;
    height: 40px;
    line-height: 40px;
    -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

.selectric .button {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 50px;
    line-height: 50px;
    background-color: #f5f5f5;
    border-left: 1px solid rgba(112, 112, 112, 0.14);
    color: #BBB;
    text-align: center;
    font: 0/0 a;
    *font: 20px/38px Lucida Sans Unicode, Arial Unicode MS, Arial;
}

.selectric .button:after {
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 0;
    height: 0;
    border: 4px solid transparent;
    border-top-color: #BBB;
    border-bottom: none;
}

.selectric-focus .selectric {
    border-color: #aaaaaa;
}

.selectric-hover .selectric {
    border-color: #c4c4c4;
}

.selectric-hover .selectric .button {
    color: #a2a2a2;
}

.selectric-hover .selectric .button:after {
    border-top-color: #a2a2a2;
}

.selectric-open {
    z-index: 9999;
}

.selectric-open .selectric {
    border-color: #c4c4c4;
}

.selectric-open .selectric-items {
    display: block;
}

.selectric-disabled {
    filter: alpha(opacity=50);
    opacity: 0.5;
    cursor: default;
    -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

.selectric-hide-select {
    position: relative;
    overflow: hidden;
    width: 0;
    height: 0;
}

.selectric-hide-select select {
    position: absolute;
    left: -100%;
}

.selectric-hide-select.selectric-is-native {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10;
}

.selectric-hide-select.selectric-is-native select {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    border: none;
    z-index: 1;
    box-sizing: border-box;
    opacity: 0;
}

.selectric-input {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 1px !important;
    height: 1px !important;
    outline: none !important;
    border: none !important;
    *font: 0/0 a !important;
    background: none !important;
}

.selectric-temp-show {
    position: absolute !important;
    visibility: hidden !important;
    display: block !important;
}

/* Items box */
.selectric-items {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #F8F8F8;
    border: 1px solid #c4c4c4;
    z-index: -1;
    box-shadow: 0 0 10px -6px;
    border-radius: 22px;
}

.selectric-items .selectric-scroll {
    height: 100%;
    overflow: auto;
}

.selectric-above .selectric-items {
    top: auto;
    bottom: 100%;
}

.selectric-items ul, .selectric-items li {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 12px;
    line-height: 20px;
    min-height: 20px;
}

.selectric-items li {
    display: block;
    padding: 10px;
    color: #000;
    cursor: pointer;
}

.selectric-items li.selected {
    background: #fff;
    color: #000;
}

.selectric-items li.highlighted {
    background: #fff;
    color: #000;
    border-radius:30px;
}

.selectric-items li:hover {
    background: #D5D5D5;
    color: #000;
}

.selectric-items .disabled {
    filter: alpha(opacity=50);
    opacity: 0.5;
    cursor: default !important;
    background: none !important;
    color: #666 !important;
    -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

.selectric-items .selectric-group .selectric-group-label {
    font-weight: bold;
    padding-left: 10px;
    cursor: default;
    -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    background: none;
    color: #444;
}

.selectric-items .selectric-group.disabled li {
    filter: alpha(opacity=100);
    opacity: 1;
}

.selectric-items .selectric-group li {
    padding-left: 25px;
}


/* CF7 Validation (Replace if not using CF7) */






.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: none;
}

.slick-list.dragging {
    cursor: pointer;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -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;
    margin-left: auto;
    margin-right: auto;
}

.slick-track:before,
.slick-track:after {
    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;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

.slick-slide, 
.slick-arrow,
.slick-dots button,
.slick-slide:focus * {
  outline: none !important;
}

.slick-initialized .slick-slide {
    float: none;
    display: inline-block;
    vertical-align: middle;
    margin: 0;
}

/* Preload affect */

.slick-slider .slide { 
    display: none; 
}

.slick-slider .slide:first-child { 
    display: block; 
}

.slick-slider.slick-initialized .slide { 
    display: block; 
}

.js-slider-has-preloader {
  min-height: 50px;
  position: relative;
}

.js-slider-has-preloader:before {
  content: url('../img/loading.gif'); 
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50px; 
  height: 50px; 
  transition: all .5s ease;
  transform: translate(-50%, -50%);
}

.js-slider-has-preloader-init:before {
  transform: scale(0);
}


/* Dots */
.slick-dotted.slick-slider {
    margin-bottom: 30px;
}

.slick-dots{
    position: absolute;
    bottom: 35px;
    display: block;
    width: 100%;
    padding: 0 15px;
    margin: 0;
    list-style: none;
    text-align: left;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 16px;
    margin: 0 2px;
    padding: 0;
    cursor: pointer;
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width:16px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1;
}

.slick-dots li button:before {
    font-family: 'slick';
    position: absolute;
    top: 0;
    left: 0;
    width:16px;
    height:16px;
    content: '';
    opacity:1;
    color: black;
    background: #ffffff;
    border: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border-radius: 50%;
}

.slick-dots li.slick-active button:before {
  background: #c41230;
}

.slick-prev,
.slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block ;
    width: 15px;
    height: 28px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
    z-index: 9;
}
img{
    max-width: 100%;
}

/* .page-header */
.header_top{
 
      background-color: #ee9c1f;
       padding: 10px;
}
.header_top ul{
    float:left;
}
.header_top li{
    display: inline-block;
    padding-top: 0;
    padding-left: 0;
    margin-right: 10px;
}
.header_top li:last-child{
    margin-right: 0;
}
.header_top li a{
    color: #fff;
    font-size: 13px;
    display: inline-block;
    font-weight: 400;
}
.social_media{
    float:right;
}
.social_media a{
    display:inline-block;
    margin-right:15px;
}
.social_media a:last-child{
    margin-right:0;
}
.social_media a .fa{
    width: 25px;
    height: 25px;
    line-height: 25px;
    color: #ee9c1f;
    background: #fff;
    border-radius: 50%;
    text-align: center;
    font-size: 13px;
}
.logo {
    float: left;
}

.logo img {
    max-width:100%;
    display: block;
    margin: 0 auto;
    width: 100px;
}
.banner_booking_form{
    background-color: rgba(0, 0, 0, 0.3);
    position: relative;
    z-index: 99999999999;
    padding: 10px 15px;
}
.banner_slider_col{
    position:relative;
}
.input_wrapper #name{
    background: url(../img/name-icon.png)no-repeat center left 15px #fff;
    background-size: 13px;
}
.input_wrapper #email{
    background: url(../img/email-icon.png)no-repeat center left 15px #fff;
    background-size: 17px;
}
.input_wrapper #phone{
    background: url(../img/call-icon.png)no-repeat center left 15px #fff;
    background-size: 12px;
    font-family: sans-serif;
}
.input_wrapper #date{
    background: url(../img/calender-icon.png)no-repeat center left 15px #fff;
    background-size: 16px;
    font-family: sans-serif;
}
.input_wrapper .selectric{
    background: url(../img/select-icon.png)no-repeat center left 15px #fff;
    padding: 0 10px 0 28px;
    background-size: 18px;
}

.banner_booking_form [class*="col-"]{
    padding: 5px;
}
.banner_booking_form input{
    background-color: #fff;
    border-radius: 50px;
    height: 40px;
    border: 2px solid #0c496d;
    width: 100%;
    color: #00294c;
    font-size: 12px;
    font-weight: 600;
    padding: 0 10px 0 37px;
    font-family: 'Raleway', sans-serif;
}
.banner_booking_form input::placeholder{
    color: #00294c;
    font-size: 12px;
    font-weight: 600;
}
.banner_booking_form .selectric .button{
    display: none;
}
.selectric-items{
    background:#fff;
}
.input_wrapper button{
    background-color: #ffcc00;
    border-radius: 46px;
    color: #0b2230;
    border: none;
    width: 100%;
    line-height: 36px;
    padding: 0 10px;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    cursor:pointer;
}
.input_wrapper button:hover{
    background-color: #e3b603;
}
.banner .slick-prev{
    right:15px;
}
.banner .slick-next{
    left:15px;
}




@media (min-width: 768px) {
    .header_top li a {
        font-size: 13px;
      }
  
    .logo {
        width: 160px;
        margin-top: 05px;
    }

  
}

@media (min-width: 1025px) {
    .logo {
        width: auto;
        margin-top: 0;
    }
    .banner_booking_form input{
        height: 60px;
    }
    .selectric {
        border: none;
        border-radius: 50px;
        height: 60px;
        line-height: 60px;
      }
      .selectric .label{
          line-height: 60px;
      }
      .input_wrapper button {
        border-radius: 46px;
        line-height: 56px;
        padding: 0 10px;
        font-size: 14px;
       
      }

    
}


/**
 * Navigation
 */

 .nav-primary {
    padding: 0 0 0 0;
    display: none;
    position: absolute;
    background-color: #F9F9F9;
    width: 100%;
    left: 0;
    z-index: 99;
    font-family: 'Titillium Web', sans-serif;
    top: 80px;
    height: 100%;
    overflow-y: auto;
}

.nav-primary ul {
    margin: 0 0 0 0;
    padding-top: 15px;
    padding-bottom: 80px;
    list-style: none;
}

.nav-primary ul li {
    padding-top:0;
    padding-left: 0;
    font-size: 16px;
    font-weight: 400;
    position: relative;
    background: none;
}

.nav-primary ul li a {
    color:#353535;
    display: block;
    padding: 10px 20px;
}

.nav-primary ul li a:hover {
   background: #ebebeb;
   text-decoration: none;
}

.nav-primary ul.sub-menu {
    display: none;
    padding: 0;
}

.nav-primary ul.sub-menu li {
    font-size: 15px;
    margin: 0;
    padding: 0 0;
}

.nav-primary ul.sub-menu li a {
    padding: 10px 30px;
}

.nav-primary ul.sub-menu li .sub-menu a {
    padding: 10px 50px;
}

.nav-primary .sub-menu-toggle {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 43px;
    cursor: pointer;
    background: #f1f1f1;
    display: block;
    line-height: 44px;
    font-size: 10px;
    text-align: center;
}

.sub-menu-toggle.js-clicked {
    transform: rotate(180deg)
}

.nav-primary ul.sub-menu.js-toggled {
    display: block;
}

button:focus {
    outline: none;
}
.page-header_main-menu{
    float: right;
}
.hidden-sm-up.menu_btn {
    margin-top: 35px;
    cursor: pointer;
}

.menu_btn span{
    width: 20px;
    height: 2px;
    background-color: #fff;
    display: block;
    margin-bottom: 3px;
}


@media (min-width: 768px) {
    .banner_booking_form {
        background-color: rgba(0, 0, 0, 0.3);
        position: absolute;
        z-index: 9999;
        padding: 10px 15px;
        max-width: 1000px;
        margin: 0 auto;
        bottom: 27px;
        border-radius: 7px;
        left: 50%;
        transform: translate(-50%, 0);
        width: 76%;
      }
    .bottom-header{
        position: absolute;
        z-index: 999999999999;
        width: 100%;
        top: 70px;
        background-color: transparent;
    }
    .nav-primary {
        display: inline-block !important;
        position: relative;
        top: 0;
        background: transparent;
        height: auto;
        overflow-y: inherit;
    }

    
    .nav-primary ul {
        padding: 0 0 0 0;
    }

    .nav-primary ul li {
        float: left;
        padding: 0 20px;
    }

    .page-header_main-menu {
        height: auto;
        float: right;
        margin-right: 30px;
    }

    .nav-primary ul li a {
        padding: 12px 24px;
        font-size: 16px;
        font-weight: 400;
        color: #fff;
        display: block;
        border-radius: 5px;
    }

    .nav-primary ul li a:hover{
        background: #ee9c1f;
       
    }
     a.current {
        background: #ee9c1f;
       
    }

    .js-scrolled .nav-primary ul li ul.sub-menu {
        padding: 0 0 0 0;
    }

    .sub-menu-toggle {
        top: 27px;
        right: 30px;
    }

    .nav-primary ul.sub-menu {
        position: absolute;
        width: 235px;
        background: #ee9c1f;
        top:100%;
        z-index: 999999999;
    }

    .nav-primary ul.sub-menu li {
        float: none;
        padding-bottom: 0;
    }

    .nav-primary ul li ul.sub-menu .sub-menu {
        left:235px;
        top:0px;
        border:none;

    }

    .nav-primary ul li ul.sub-menu li a {
        padding: 7px 20px;
        border-bottom: 1px solid #ededed;
        height: auto;
        border-radius: 0;
        display: block;
    }

    .nav-primary ul li ul.sub-menu li a:hover {
        background: #b77209;
        border-bottom: 1px solid #b77209;
    }

    .nav-primary ul li ul.sub-menu .sub-menu li a {
        padding: 7px 20px;
    }

    .nav-primary ul li:hover ul.sub-menu {
        display: block;
    }

    .nav-primary ul li:hover ul.sub-menu .sub-menu {
        display: none;
    }

    .nav-primary ul li ul.sub-menu li:hover .sub-menu {
        display: block;
    }

    .nav-primary .sub-menu-toggle {
        top: 21px;
        right: 31px;
        width: auto;
        height: auto;
        line-height: 1em;
        font-size: 8px;
        font-weight: 400;
        background: none !important;
        color: #fff;
    }

    .nav-primary .sub-menu .sub-menu-toggle {
        transform: rotate(-90deg);
        right: 10px;
    }

    .nav-primary ul li ul.sub-menu li:hover .sub-menu-toggle{
        color: #ffffff;
    }

    .nav-primary ul.sub-menu li:hover > a,
    .nav-primary ul.sub-menu li.current-menu-item > a,
    .nav-primary ul.sub-menu li.current-menu-ancestor > a {
        background: #0055A4;
        color: #ffffff;
    }
}

/**
 * Masthead
 */

 .masthead {
    padding: 45px 0;
    color: #fff;
    background: #195793; /* Old browsers */
    background: -moz-linear-gradient(left,  #195793 0%, #418cd6 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #195793 0%,#418cd6 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #195793 0%,#418cd6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#195793', endColorstr='#418cd6',GradientType=1 ); /* IE6-9 */
}

@media (min-width: 1200px) {
    .masthead {
        margin-top: 100px;
        padding: 75px 0;
    }
}


/* page-footer */

.page-footer {
    color: #fff;
}

.footer-top {
    padding: 60px 0 0;
}

.footer-column {
    padding-bottom: 40px;
    font-size: 14px;
    text-align: center;
}



.footer-column h3 {
    font-size: 16px;
    line-height: 1em;
    text-transform: uppercase;
    color: #fff;
    position: relative;
    padding-bottom: 14px;
    letter-spacing: 0.75px;
    margin-bottom: 15px;
}



.footer-column p {
    color: #fff;
    padding: 0;
}
.footer-column ul {
    margin-left: 0;
}
.footer-column ul li {
    background: none;
    padding: 0 0 0 18px;
    position: relative;
}

.footer-column a {
    color: #fff;
}

.footer-column a:hover {
    color: #f9c13f;
    text-decoration: none;
}




.footer-bottom {
    text-align: center;
    padding-bottom: 0px;
}

.footer-bottom li {
    display: inline-block;
    vertical-align: middle;
    padding: 0 7px 0 11px;
    border-left: 1px solid #353535;
    line-height: 1em;
    font-size: 12px;
    line-height: 1em;
    font-weight: 400;
    color: #353535;
}

.footer-bottom li:first-child {
    border-left: none;
    padding-left: 0;
}

.footer-bottom ul li a {
    color: #353535;
}

.footer-bottom ul li a:hover {
    color: #0055A4;
    text-decoration: none;
}

.copyright {
    border-left: none;
    padding-left: 0;
    display: block;
    font-size: 12px;
}

.back-to-top {
    padding-top: 8px;
}

.back-to-top a {
    font-size: 12px;
    color: #000;
    font-weight: 700;
    background-color: #fff;
    display: inline-block;
    border-radius: 22px;
    padding: 3px 4px;
    margin-bottom: 5px;
    -webkit-animation: red-shape 2s 2s linear infinite alternate;
    animation: red-shape 2s 2s linear infinite alternate;
}
.about_left_img_content{
    -webkit-animation: red-shape 2s 2s linear infinite alternate;
    animation: red-shape 2s 2s linear infinite alternate;
}
.back-to-top a:hover {
    color: #39A0ED;
    text-decoration: none;
}

.footer_top img {
    width: 100%;
    width: 100%;
    transform: rotate(180deg);
    margin-bottom: -44px;
    height: 40px;
    object-fit: cover;
  }
  .tripadvisor {
      display: block;
      margin: 15px auto;
      width: 100%;
      text-align: center;
  }
  .footer_social_link{
      margin-top:30px;
  }
  .fb_page{
      height:270px;
      overflow: hidden;
  }
 .footer_social_link a{
     margin-right:15px;
 }
     .footer_social_link a .fa {
      width: 25px;
      height: 25px;
      line-height: 25px;
      color: #ee9c1f;
      background: #fff;
      border-radius: 50%;
      text-align: center;
      font-size: 13px;
    }
@media (min-width: 768px) {
    .footer_top img{
        margin-bottom: -45px;
    }
    .footer-column {
        text-align: left;
    }
    .footer-column ul li:after{
        width: 10px;
        height: 10px;
        background: #fff;
        border-radius: 50%;
        left: 0;
        top: 8px;
        content:'';
        position: absolute;
    }

    .footer-column h3::before {
        left: 0;
        margin-left: 0px;
    }

    .social-media li a {
        font-size: 24px;
    }

    .social-media li {
        padding: 0 3px;
    }

    .footer-top {
        padding: 65px 0 20px;
    }

    .footer-secoundary-menu {
        display: inline-block;
        vertical-align: middle;
    }

    .copyright {
        display: inline-block;
        vertical-align: middle;
        border-left: 1px solid #353535;
        border-right: 1px solid #353535;
        padding: 0 9px;
        margin-right: 10px;
        line-height: 1em;
       
    }

    .back-to-top {
        display: inline-block;
        vertical-align: middle;
        padding: 5px 0 0;
    }
}

@media (min-width: 1025px) {
    .footer-bottom {
        /*padding: 12px 0 15px;*/
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff;
        padding-bottom: 0;
       
    }
    .footer-column p {
        padding: 2px 0;
    }

    .footer-column {
        font-size: 16px;
    }

    .footer-menu li {
        padding: 2px 0;
    }

    .footer-top {
        padding: 90px 0 40px;
    }

    .footer-bottom li,
    .copyright {
        font-size: 14px;
    }
}


/* banner */


.banner {
    position: relative;
  
}

.banner-image {
    position: relative;
    height: 378px;
    width: 100%;
}
.banner-image:after{
    background-color: rgba(0, 0, 0, 0.3);
    top: 0;
    height: 100%;
    left: 0;
    width: 100%;
    position: absolute;
    content: "";

}


.banner img {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
    font-family: 'object-fit: cover;';
}


.banner-text {
    position: absolute;
    top: 100px;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: 100% auto;
    z-index: 9;
    text-align: center;
}



.banner-text h4 {
    padding: 50px 0 10px;
    font-size: 15px;
    font-weight: 300;
    color: #fff;
    letter-spacing: 17px;
}

.banner-text h1 {
    padding: 0 0 20px;
    font-size: 45px;
    margin: 0 auto;
    color: #ebebee;
    opacity: 0.5;
}
.slick-active .tracking-in-expand {
    -webkit-animation: tracking-in-expand 2s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0.5s both;
    animation: tracking-in-expand 2s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0.5s both;
  }
  
  @-webkit-keyframes tracking-in-expand {
    0% {
      letter-spacing: -0.5em;
      opacity: 0;
    }
  
    40% {
      opacity: 0.6;
    }
  
    60% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
  
    70% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
  
    100% {
      opacity: 1;
      -webkit-transform: translateY(-22vh);
      transform: translateY(-22vh);
    }
  }
  
  @keyframes tracking-in-expand {
    0% {
      letter-spacing: -0.5em;
      opacity: 0;
    }
  
    40% {
      opacity: 0.6;
    }
  
    60% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
  
    70% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
  
    100% {
      opacity: 1;
      -webkit-transform: translateY(-0vh);
      transform: translateY(-0vh);
    }
  }
  
  
@media (min-width: 400px) {
    .banner-text::after {
        width: 100%;
    }
}

@media (min-width: 699px) {
    .banner-text::after {
        top: -68%;
        left: -158px;
        width: 400px;
        height: 850px;
    }
}

@media (min-width: 768px) {
    .banner-image {
        height: 520px;
    }

    .banner-text::after {
        top: -63%;
        left: -101px;
        width: 648px;
        height: 925px;
    }

    .banner-text {
        padding-left: 50px;
        text-align: left;
    }

    .banner-text h4 {
        padding: 80px 0 10px;
        font-size: 14px;
    }

    .banner-text h4 br {
        display: none;
    }

    .banner-text h1 {
        max-width: 536px;
        margin: 0;
    }
}

@media (min-width: 1025px) {
    .banner_booking_form input::placeholder {
        font-size: 17px;
        color: #00294c;
      }
      .banner_booking_form input{
        font-size: 17px;
        color: #00294c;
      }
      .banner_booking_form .selectric .label{
          font-size: 17px;
          color: #00294c;
      }
    .banner-image {
        height: 750px;
    }

    .banner-text::after {
        top: -64%;
        left: -101px;
        width: 840px;
        height: 1093px;
    }

    .banner-text {
        padding-left: 0;
        text-align: left;
    }

    .banner-text h1 {
        font-size: 60px;
        text-align: center;
        max-width: unset;
    }

    .banner-text h4 {
        padding: 80px 0 5px;
        font-size: 18px;
    }
}

@media (min-width: 1200px) {
    .banner-text {
        padding-top: 50px;
    }
}

@media (min-width: 1400px) {
    .banner-text::after {
        width: 860px;
    }
}

@media (min-width: 1600px) {
    .banner-text::after {
        top: -64%;
        left: -101px;
        width: 1071px;
        height: 1015px;
    }

    .banner-text {
        padding-left: 0;
        text-align: left;
    }

}

/*about section */
.about_sec{
    padding: 50px 0;
}
.about_right_content{
    margin-top: 40px;
}
.about_right_content h3{
    margin-bottom: 15px;
    position: relative;
    padding-bottom: 10px;
    display: inline-block;
}
.about_right_content h3:after{
    position: absolute;
    content: '';
    width: 90%;
    height: 2px;
    left: 0;
    bottom: 0;
    background-color: #ffc10c;
}
.about_right_content h3:before{
    position: absolute;
    content: '';
    width: 6px;
    height: 6px;
    left: 0;
    border-radius: 50%;
    bottom: -2px;
    background-color: #ffc10c;
}
.about_right_content h2{
    margin-bottom: 20px;
    color: #0a144a;
    font-size: 23px;
}
.about_right_content p{
    color: #575757; 
    font-weight: 500;
}

@media (min-width: 600px) {
   
}

@media (min-width: 768px) {
   
}

@media (min-width: 1025px) {
  
}

/* why_choose_us SECTION */
.why_choose_us{
    padding: 40px 0;
    color: #fff;
    text-align: center;
}
.heading h2{
    font-size: 30px;
    position: relative;
    display: inline-block;
    margin-bottom: 40px;
    text-align: center;
}
.heading h2:after{
    position: absolute;
    content: '';
    width: 74%;
    height: 2px;
    left: 50%;
    bottom: 0;
    background-color: #ffc10c;
    transform: translate(-50%, 5px);
}

.why_choose_us ul li{
    text-align: center;
    padding-left: 0;
}
.why_choose_us ul li img{
      height:30px;
  }

@media (min-width: 600px) {
   
}

@media (min-width: 768px) {
    .why_choose_us li{
        width: 33.33%;
        float: left;
        text-align: center;
    } 
    .choose_box h4 {
      margin: 10px 0;
      font-size: 16px;
    }
    .choose_box p{
        font-size:14px;
    }
}


/* service SECTION */

/* most popular toure */
.most_popular_tours{
    padding: 40px 0;
}
.booking_info ul{
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.most_popular_tours_column{
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    position: relative;
    margin-bottom: 30px;
}
.price{
    background-color: #ffce3e;
    color: #000;
    padding: 10px 20px;
    border-radius: 10px;
    font-size:17px;
    display: flex;
    font-weight:700;
    margin: 0 auto 15px auto;
    justify-content: center;
    width: 70%;
    align-items: center;
}
.percentage{
    font-size: 14px;
    margin-left: 20px;
    background: #fff;
    font-weight:400;
    padding: 1px 10px;
    border-radius: 100vh;
}
.package-info {
    text-align: center;
    padding: 15px 10px 15px 10px;
  }
  .package-info p{
      font-size: 15px;
      margin-right: auto;
      margin-left: auto;
      max-width: 300px;
      padding-bottom: 15px;
  }
  .package-info h3{
      font-size: 18px;
      font-weight: 600;
      margin-bottom: 15px;
      line-height:25px;
  }
  .package-info a{
      font-size: 11px;
  }
  .booking_info li{
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    font-size: 14px;
  }
 
@media (min-width: 768px) {
    
}

@media (min-width: 1200px) {
   
}

/* video section */
.video_sec{
    padding-top: 124px;
    height: 250px;
}
.video_wrapper video{
    width: 100%;
    height: 252px;
}


/* video section end */
/**review blog**/
.review_slider_area{
    background-color: #f9c13f;
    text-align: center;
    padding: 30px 20px 50px 20px;
    border-radius:10px;
}
.review_blog {
    padding: 150px 0 40px 0;
   
}
.review_blog .slick-dots{
    text-align: center;
    bottom: -27px;
}
.review_blog .slick-dots li button::before {
    background: none;
    border: 1px solid #fff; 
}
.review_content{
      margin-bottom: 30px;
}
.review_blog .slick-dots li.slick-active button::before{
    background: #fff;
}
.review_blog .slick-slide img {
    display: block;
    margin: 0 auto;
}
.review_blog .slick-dots li{
    margin: 0 5px;
}
.review_blog h2{
    position: relative;
    display: inline-block;
    padding-bottom: 15px;
    margin-bottom: 10px;
}
.review_blog h2:after{
    position: absolute;
    content: '';
    width: 90%;
    height: 2px;
    left: 0;
    bottom: 12px;
    background-color: #ffc10c;
}
.review_blog h2:before{
    position: absolute;
    content: '';
    width: 6px;
    height: 6px;
    left: 0;
    border-radius: 50%;
    bottom: 10px;
    background-color: #ffc10c;
}
.blog .most_popular_tours_column{
    box-shadow: none;
    border-radius: 0;
    text-align: left;
}
.blog .package-info{
    text-align: left;
    padding: 15px 0;
}
.blog .package-info p{
    text-align: left;
    max-width: 100%;
    font-weight: 500;
    padding-top: 15px;
}
.blog .most_popular_tours_column img{
    height: 349px;
    width: 100%;
    object-fit: cover;
    border-radius:10px;
}
.blog .most_popular_tours_column span {
    font-weight: 600;
}
.blog .most_popular_tours_column span .fa{
    color: #ffae00;
}
.price span{
    position:relative;
    font-size: 16px;
    font-family: 'Mukta', sans-serif;
    margin-right:7px;
}
.price span:after{
    position:absolute;
    top:50%;
    width:100%;
    height:1px;
    background:#000;
    left:0;
    content:'';
}
.caption_img {
    margin:0 5px;
    height:350px;
}
.caption_img img{
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:8px;
}
@media (min-width: 768px) {
    .caption_img {
        height:423px;
    }

   
}

@media (min-width: 1025px) {
    .video_wrapper video{
        height: 400px;
        width: 70%;
        margin: 0 auto;
        display: block; 
    }
    .video_sec{
        height: 450px;
    }
}

@media (min-width: 1200px) {
    .video_wrapper video{
        height: 500px;
        width: 70%;
        margin: 0 auto;
        display: block; 
    }
    .video_sec{
        height: 500px;
    }
    
}











.page-content {
    padding: 50px 0;
}

.page-content h2, .page-content h3 {
    padding-bottom:25px;
}



.get-a-section {
    border-radius: 5px;
    box-shadow: 0 0 20px rgba(0,0,0,.1);
    padding: 20px;
    margin-top: -75px;
    background: #fff;
}

.page-content h3.with-border {
    position: relative;
    padding: 0;
    margin:40px 0;
}

.page-content h3.with-border span {
    background: #fff;
    position: relative;
    padding-right: 15px;
}

.with-border:before {
    width:100%;
    height: 1px;
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    background: #717074;
    opacity: .43;
}


.form-text {
    position: relative;
    margin-bottom: 30px;
}

.form-text input:focus ~ label, .form-text textarea:focus ~ label {
  top: 18px;
  left: 10px;
  opacity: 1;
  background-color: #fff;
  padding: 0 5px;
  transition: 0.2s ease all;
  color: #0055A4;
}



.form-text input {
  width: 100%;
  height: 50px;
  margin-top: 30px;
  transition: 0.2s ease all;
  border: 2px solid #F5F5F5;
  background: #F5F5F5;
  border-radius: 3px;
  padding:  0 15px;
  font-family: 'Titillium Web', sans-serif;
  font-size: 16px;
}

.form-text textarea {
    width: 100%;
    height: 178px;
    margin-top: 30px;
    transition: 0.2s ease all;
    border: 2px solid #F5F5F5;
    background: #F5F5F5;
    border-radius: 3px;
    padding:  10px 15px;
    font-family: 'Titillium Web', sans-serif;
    font-size: 16px;
    resize: none;
    padding-top:10px;
  }


.form-text input:focus, .form-text textarea:focus  {
  transition: 0.2s ease all;
  border: 2px solid #0055A4;
  background: #fff;
}

.form-text label {
  position: absolute;
  pointer-events: none;
  left: 0;
  top: 0;
  transition: 0.2s ease all;
  text-transform: uppercase;
  font-weight: 600;
}

.form-text.select-label label {
    position: relative;
    margin-bottom: 5px;
    display: block;
}


.tooltip {
    position: absolute;
    right:20px;
    top:45px;
}
.tooltip .tooltiptext {
    visibility: hidden;
    width: 195px;
    background-color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 10px;
    position: absolute;
    z-index: 1;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    right: -30px;
    bottom: 40px;
    text-align: center;
    font-size: 14px;
    color: #353535;
}
.tooltip .tooltiptext:after {
    width: 0; 
  height: 0; 
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #fff;
  content: '';
  position: absolute;
  bottom: -10px;
  left: 79%;
  margin-left: -10px;
  }
  
  .tooltip:hover .tooltiptext {
    visibility: visible;
  }

  .forget {
      padding-bottom: 10px;
      font-weight: 600;
  }

  .forget a {
      color:#39A0ED
}
.profile_img img{
    width:100px;
    height:100px;
    border-radius:50%;
}

@media (min-width: 768px) {

    .get-a-section {
        padding: 40px;
        margin-top: -100px;
    }

}

@media (min-width: 1200px) {

    .get-a-section {
        padding: 70px 110px;
        margin-top: -100px;
    }

    .tooltip .tooltiptext {
        right: -90px;
    }
    .tooltip .tooltiptext:after {
      left: 50%;
    }
}


/* product-slider */

.product-slider {
    padding: 0;
    margin: 0 0 20px;
}

.client_image {
    width: 100% !important;
    height: 110px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    cursor: pointer;
    border-radius: 5px;
    padding: 10px;
    position: relative;
}

.play-btn {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../img/play-btn.png) center center no-repeat;
    text-indent: -99999px;
}

.product-slider-image iframe {
    max-width: 100%;
}

.client_image img {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    object-fit: cover;
    -o-object-fit: cover;
    font-family: 'object-fit: cover;';
}

.content_sec {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    width: 100%;
    height: 300px;
    border-radius: 5px;
}

.product-slider-image {
    width: 100%;
    height: 100%;
}

.content_sec img {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    object-fit: cover;
}

.slick-current.slick-active .client_image {
    border: 1px solid #1755A4;
}
.package_image{
    height:270px;
}
.package_image img{
    width: 100%;
    height:100%;
    object-fit:cover;
    border-radius: 11px 11px 0 0;
}
.blog .package_image{
    height:270px;
}











/**about page**/
.about_inner_top{
    padding: 40px 0;
}
.masterhead{
    height: 350px;
    background-position: 100% 0 !important;
    text-align: center;
    padding-top: 127px;
    color: #fff;
    position: relative;
}
.masterhead:after{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    content: '';
}
.masterhead ul li{
    display: inline-block;
    margin-right: 30px;
    position: relative;
}
.masterhead ul li:after{
    color: #fff;
    content: '|';
    line-height: 15px;
    position: absolute;
    right: -20px;
    top: 13px;
}
.masterhead ul li:last-child:after{
    display: none;
}
.masterhead ul li:last-child{
    margin-right: 0;
}
.masterhead ul li a{
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 15px;
    display: inline-block;
}
.masterhead .container{
    position: relative;
    z-index: 2;
}
.about_right_content_inner h3{
    font-size: 20px;
    margin-bottom: 20px;
    line-height: 30px;
}
.travling{
    padding: 50px 0;
    color: #fff;
    position: relative;
}
.travling::after{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    content: '';
}
.travling .container{
    position: relative;
    z-index: 4;
}
.travling h3{
    margin-bottom: 20px;
}
.review_sec{
    padding: 50px 0;

}
.review_sec .slick-slide img{
    margin: 0 auto 15px auto;
}
.review_sec .review_slider_area{
    max-width: 320px;
    margin:0 auto;
    display: block;
    
}
.contact{
    padding: 50px 0;
}
.contact-info {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    height: auto;
    border: 1px solid #dcdcdc;
    border-radius: 5px;
    padding: 20px 15px;
    margin: 0px;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.contact-info p {
    margin: 0;
    color: #000;
    padding-bottom: 0;
}

.contact .contact-sub-text p a:hover {
    color: #029E9D;
}

.contact-text {
    font-size: 18px;
    font-weight: bold;
    font-family: 'Heebo', sans-serif;

}

.contact-icon {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 15px;
}

.contact-icon a {
    width: 50px;
    height: 50px;
    line-height: 54px;
    text-align: center;
    border-radius: 50%;
    display: block;
}

.contact-icon a i {
    font-size: 18px;
    color: #fff;
}

.h-border {
    height: 77px;
    border: 1px solid #029E9D;
}

.contact-content {
    margin-top: 30px;
}

.contact-img {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.contact-form {
    border-radius: 5px;
    padding: 30px 10px;
    background: #D6EEED;
    border: 1px solid #dcdcdc;
}

.form-control {
    padding: 0 20px;
    height: 40px;
    border: 1px solid #A4CECC;
    width: 100%;
    margin-bottom: 15px;
    font-size: 16px;
    border-radius: 5px;
}

.contact-map .google-map {
    width: 100%;
    height: 200px;
    margin-top: 60px;

}

.about_img_one{
    -webkit-animation: red-shape 2s 2s linear infinite alternate;
    animation: red-shape 2s 2s linear infinite alternate;
}
.contact-img{
    -webkit-animation: red-shape 2s 2s linear infinite alternate;
    animation: red-shape 2s 2s linear infinite alternate;
}
@keyframes red-shape {
	100% {
		transform: translate(0, 30px);
	}
}

@-webkit-keyframes red-shape {
	100% {
		-webkit-transform: translate(0, 30px);
	}
}
@media (min-width:1024px){
    .travling {
        text-align: center;
        padding: 100px 0;
    }
    .contact-form {
        padding: 30px;
        margin-left: 18px;
    }
    .contact-map .google-map {
        height: 560px;
    }
}


/***packages page**/
.packages{
    padding: 40px 0;
}
.packages h2{
    margin-bottom: 16px;
    margin-top: 31px;
    font-size: 30px;
}
.slick-arrow{
    width: 40px;
    height: 40px;
    background-color: #ffce3e;
    border-radius: 50%;
    line-height: 40px;
}
.slick-prev {
    right: 0;
}
.slick-prev:after{
    content: "\e902";
    color: #fff;
    font-size: 15px;
    font-family: 'icomoon' !important;
}
.slick-next:after{
    content: "\e901";
    color: #fff;
    font-size: 15px;
    font-family: 'icomoon' !important;
}
.p_name {
    font-weight: 600;
    margin: 10px 0;
    font-size: 21px;
  }
  .p_col h3{
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
    background: #ffce3e;
    color: #fff;
    padding: 10px;
    text-transform: uppercase;
  }
  .p_col{
      background-color: #eee;
      padding: 30px 20px;
      margin-bottom: 30px;
  }
  .p_col li{
      display: block;
      padding: 10px;
      background: #f1f1f1;
      border-bottom: 1px solid #fff;
  }
  .p_col li:last-child{
      border-bottom: none;
  }
  .p_col li a{
      color: #000;
  }
 
  .packages_left_content ul li img{
    display: block;
    width: 40px;
    margin:0 auto;
  }
  .packages_left_content ul li {
      text-align: center;
      font-size:13px;
  }
  .packages_left_content ul{
      display:flex;
  }
  .packages_left_content ul li span{
      display: block;
      font-size: 12px;
      color: #707070;
  }
  .facilities ul{
    display: block;
  }
  .packages_left_content ul li{
   float: left;
   width: 25%;
   text-align: center;
  }
  .facilities{
      margin-bottom: 30px;
  }
  textarea{
    height: 150px !important;
    padding-top:10px;
}
.packages_left_content .package_gallery_slider_col img{
    width:100%;
}
  @media (min-width:600px){
    .facilities ul{
        display: flex;
        justify-content: space-around;
        align-items: center;
    }
    
    
  }
  @media (min-width:992px){
    .packages_left_content {
        float: left;
        width: 68%;
      }
      .packages_right_content {
        float: right;
        width: 30%;
      }
      .contact-form{
          padding: 50px 40px;
      }
  }

  @media (min-width:1024px){
    .about_right_content_inner{
        margin-top: 100px;
    }
    .about_right_content_inner h3 {
        font-size: 36px;
       
      }
  }


  @media (max-width:767px){
    .contact-info{
        display: block;
        text-align: center;
        margin-bottom: 30px;
    }
    .h-border{
        display: none;
    }
    .contact-icon a {
        line-height: unset;
        display: unset;
      }
      .contact-icon {
        flex: unset;
        display: block;
       
      }
  }































/**
 * Print CSS
 */
 
@media print {
    
    /* Reset*/
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        filter: none !important;
        -webkit-filter: none !important;
        text-shadow: none !important;
    }

    h2, 
    h3 {
        page-break-after: avoid;
    }

    figure, 
    table {
        break-inside: avoid;
        page-break-inside: avoid;
    }

    p {
        orphans: 2;
        widows: 2;
    }
    
    
    /* Grid Styling */

    .container { width: auto; }

    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; }

    .col-sm-12 { width: 100%; }
    .col-sm-11 { width: 91.66666666666666%; }
    .col-sm-10 { width: 83.33333333333334%; }
    .col-sm-9 { width: 75%; }
    .col-sm-8 { width: 66.66666666666666%; }
    .col-sm-7 { width: 58.333333333333336%; }
    .col-sm-6 { width: 50%; }
    .col-sm-5 { width: 41.66666666666667%; }
    .col-sm-4 { width: 33.33333333333333%; }
    .col-sm-3 { width: 25%; }
    .col-sm-2 { width: 16.666666666666664%; }
    .col-sm-1 { width: 8.333333333333332%; }
    
    
    /* Slick Slider - remove if not using slick slider */
  
  .slick-slider .slick-arrow,
  .slick-slider .slick-dots {
    display: none !important; 
  }
  
  /* For sliders you want to display full width for print.
     Update ".slick-slider" with your specific slider names. */
  .slick-slider,
  .slick-sliderg .slick-list,
  .slick-slider .slick-track,
  .slick-slider .slick-slide {
    width: 100% !important;
    height: auto !important;
  }
  
  /* For sliders where you only want to show the 1st image of that slider.
     Update ".slick-slider" with your specific slider names. */
    .slick-slider .slick-slide        { display: none !important; }
  .slick-slider .slick-slide.slick-active { display: block !important; }
  
  /* Show Only Active Thumbnails */
  .slick-slider .slick-cloned {
    display: none;
  }

    /* Reset adaptiveHeight */
    .slick-list {
        height: auto !important;
    }

   /* Remove Scrollbars */
    .slick-track {
        width: auto !important;
        height: auto !important;
        transform: none !important;
    }
  
  .slick-track.slick-slide {
        width: auto !important;
    }
    

}


/*------------------------------------*\
    Trumps
\*------------------------------------*/


@-ms-viewport { width: device-width; }


/**
 * Images
 */

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}


/**
 * Visiblity
 */

.show { display: block !important; }

.visible-xxs,
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg { display: none !important; }

.visible-xxs-block,
.visible-xxs-inline,
.visible-xxs-inline-block,
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block { display: none !important; }

@media (max-width: 599px) {
    .visible-xxs      { display: block !important; }
    table.visible-xxs { display: table; }
    tr.visible-xxs    { display: table-row !important; }
    th.visible-xxs,
    td.visible-xxs    { display: table-cell !important; }

    .visible-xxs-block        { display: block !important; }
    .visible-xxs-inline       { display: inline !important; }
    .visible-xxs-inline-block { display: inline-block !important; }
}


@media (min-width: 600px) and (max-width: 767px) {
    .visible-xs      { display: block !important; }
    table.visible-xs { display: table; }
    tr.visible-xs    { display: table-row !important; }
    th.visible-xs,
    td.visible-xs    { display: table-cell !important; }

    .visible-xs-block        { display: block !important; }
    .visible-xs-inline       { display: inline !important; }
    .visible-xs-inline-block { display: inline-block !important; }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .visible-sm      { display: block !important; }
    table.visible-sm { display: table; }
    tr.visible-sm    { display: table-row !important; }
    th.visible-sm,
    td.visible-sm    { display: table-cell !important; }

    .visible-sm-block        { display: block !important; }
    .visible-sm-inline       { display: inline !important; }
    .visible-sm-inline-block { display: inline-block !important; }
}

@media (min-width: 1025px) and (max-width: 1199px) {
    .visible-md      { display: block !important; }
    table.visible-md { display: table; }
    tr.visible-md    { display: table-row !important; }
    th.visible-md,
    td.visible-md    { display: table-cell !important; }

    .visible-md-block        { display: block !important; }
    .visible-md-inline       { display: inline !important; }
    .visible-md-inline-block { display: inline-block !important; }
}

@media (min-width: 1200px) {
    .visible-lg      { display: block !important; }
    table.visible-lg { display: table; }
    tr.visible-lg    {  display: table-row !important; }
    th.visible-lg,
    td.visible-lg    { display: table-cell !important; }

    .visible-lg-block        { display: block !important; }
    .visible-lg-inline       { display: inline !important; }
    .visible-lg-inline-block { display: inline-block !important; }
}


/**
 * Hiding
 */

.hide,
.hidden-xxs-up { display: none !important; }
.hidden       { display: none !important; visibility: hidden !important; }
.invisible    { visibility: hidden !important; }
.text-hide    {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

@media (max-width: 599px) {
    .hidden-xxs { display: none !important; }
}

    @media (min-width: 600px) {
      .hidden-xs-up { display: none !important; }
    }

@media (min-width: 600px) and (max-width: 767px) {
    .hidden-xs { display: none !important; }
}

    @media (max-width: 767px) {
      .hidden-xs-down { display: none !important; }
    }
    
    @media (min-width: 768px) {
      .hidden-sm-up { display: none !important; }
    }

@media (min-width: 768px) and (max-width: 1024px) {
    .hidden-sm { display: none !important; }
}

    @media (max-width: 1024px) {
      .hidden-sm-down { display: none !important; }
    }
    
    @media (min-width: 1025px) {
      .hidden-md-up { display: none !important; }
    }

@media (min-width: 1025px) and (max-width: 1199px) {
    .hidden-md { display: none !important; }
}

    @media (max-width: 1199px) {
      .hidden-md-down { display: none !important; }
    }

@media (min-width: 1200px) {
    .hidden-lg { display: none !important; }
}


/**
 * Screen Readers
 */

.sr-only,
.wpcf7 .screen-reader-response {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
}


/**
 * Print
 */

.visible-print,
.visible-print-block,
.visible-print-inline,
.visible-print-inline-block { display: none !important; }

@media print {
    .visible-print      { display: block !important; }
    table.visible-print { display: table; }
    tr.visible-print    { display: table-row !important; }
    th.visible-print,
    td.visible-print    { display: table-cell !important; }

    .visible-print-block        { display: block !important; }
    .visible-print-inline       { display: inline !important; }
    .visible-print-inline-block { display: inline-block !important; }

    .hidden-print { display: none !important; }
}



/**
 * Add/remove margins
 */

.push          { margin:       20px!important; }
.push-top      { margin-top:   20px!important; }
.push-right    { margin-right: 20px!important; }
.push-bottom   { margin-bottom:20px!important; }
.push-left     { margin-left:  20px!important; }
.push-ends     { margin-top:   20px!important; margin-bottom:20px!important; }
.push-sides    { margin-right: 20px!important; margin-left:  20px!important; }

.push-half         { margin:       10px!important; }
.push-half-top     { margin-top:   10px!important; }
.push-half-right   { margin-right: 10px!important; }
.push-half-bottom  { margin-bottom:10px!important; }
.push-half-left    { margin-left:  10px!important; }
.push-half-ends    { margin-top:   10px!important; margin-bottom:10px!important; }
.push-half-sides   { margin-right: 10px!important; margin-left:  10px!important; }

.flush         { margin:       0!important; }
.flush-top     { margin-top:   0!important; }
.flush-right   { margin-right: 0!important; }
.flush-bottom  { margin-bottom:0!important; }
.flush-left    { margin-left:  0!important; }
.flush-ends    { margin-top:   0!important; margin-bottom:0!important; }
.flush-sides   { margin-right: 0!important; margin-left:  0!important; }


/**
 * Add/remove paddings
 */
.soft          { padding:       20px!important; }
.soft-top      { padding-top:   20px!important; }
.soft-right    { padding-right: 20px!important; }
.soft-bottom   { padding-bottom:20px!important; }
.soft-left     { padding-left:  20px!important; }
.soft-ends     { padding-top:   20px!important; padding-bottom:20px!important; }
.soft-sides    { padding-right: 20px!important; padding-left:  20px!important; }

.soft-half          { padding:       10px!important; }
.soft-half-top      { padding-top:   10px!important; }
.soft-half-right    { padding-right: 10px!important; }
.soft-half-bottom   { padding-bottom:10px!important; }
.soft-half-left     { padding-left:  10px!important; }
.soft-half-ends     { padding-top:   10px!important; padding-bottom:10px!important; }
.soft-half-sides    { padding-right: 10px!important; padding-left:  10px!important; }

.hard          { padding:       0!important; }
.hard-top      { padding-top:   0!important; }
.hard-right    { padding-right: 0!important; }
.hard-bottom   { padding-bottom:0!important; }
.hard-left     { padding-left:  0!important; }
.hard-ends     { padding-top:   0!important; padding-bottom:0!important; }
.hard-sides    { padding-right: 0!important; padding-left:  0!important; }


@media (min-width:600px) {

  .flush-xs         { margin:       0 !important; }
  .flush-xs-top     { margin-top:   0 !important; }
  .flush-xs-right   { margin-right: 0 !important; }
  .flush-xs-bottom  { margin-bottom:0 !important; }
  .flush-xs-left    { margin-left:  0 !important; }
  .flush-xs-ends    { margin-top:   0 !important; margin-bottom:0 !important; }
  .flush-xs-sides   { margin-right: 0 !important; margin-left:  0 !important; }

  .push-xs          { margin:       20px !important; }
  .push-xs-top      { margin-top:   20px !important; }
  .push-xs-right    { margin-right: 20px !important; }
  .push-xs-bottom   { margin-bottom:20px !important; }
  .push-xs-left     { margin-left:  20px !important; }
  .push-xs-ends     { margin-top:   20px !important; margin-bottom:20px !important; }
  .push-xs-sides    { margin-right: 20px !important; margin-left:  20px !important; }

  .push-half-xs         { margin:       10px !important; }
  .push-half-xs-top     { margin-top:   10px !important; }
  .push-half-xs-right   { margin-right: 10px !important; }
  .push-half-xs-bottom  { margin-bottom:10px !important; }
  .push-half-xs-left    { margin-left:  10px !important; }
  .push-half-xs-ends    { margin-top:   10px !important; margin-bottom:10px !important; }
  .push-half-xs-sides   { margin-right: 10px !important; margin-left:  10px !important; }

  .push-double-xs         { margin:       40px !important; }
  .push-double-xs-top     { margin-top:   40px !important; }
  .push-double-xs-right   { margin-right: 40px !important; }
  .push-double-xs-bottom  { margin-bottom:40px !important; }
  .push-double-xs-left    { margin-left:  40px !important; }
  .push-double-xs-ends    { margin-top:   40px !important; margin-bottom:40px !important; }
  .push-double-xs-sides   { margin-right: 40px !important; margin-left:  40px !important; }

  .push-triple-xs         { margin:       60px !important; }
  .push-triple-xs-top     { margin-top:   60px !important; }
  .push-triple-xs-right   { margin-right: 60px !important; }
  .push-triple-xs-bottom  { margin-bottom:60px !important; }
  .push-triple-xs-left    { margin-left:  60px !important; }
  .push-triple-xs-ends    { margin-top:   60px !important; margin-bottom:60px !important; }
  .push-triple-xs-sides   { margin-right: 60px !important; margin-left:  60px !important; }

  .soft-xs          { padding:       20px !important; }
  .soft-xs-top      { padding-top:   20px !important; }
  .soft-xs-right    { padding-right: 20px !important; }
  .soft-xs-bottom   { padding-bottom:20px !important; }
  .soft-xs-left     { padding-left:  20px !important; }
  .soft-xs-ends     { padding-top:   20px !important; padding-bottom:20px !important; }
  .soft-xs-sides    { padding-right: 20px !important; padding-left:  20px !important; }

  .soft-half-xs          { padding:       10px !important; }
  .soft-half-xs-top      { padding-top:   10px !important; }
  .soft-half-xs-right    { padding-right: 10px !important; }
  .soft-half-xs-bottom   { padding-bottom:10px !important; }
  .soft-half-xs-left     { padding-left:  10px !important; }
  .soft-half-xs-ends     { padding-top:   10px !important; padding-bottom:10px !important; }
  .soft-half-xs-sides    { padding-right: 10px !important; padding-left:  10px !important; }

  .soft-double-xs          { padding:       40px !important; }
  .soft-double-xs-top      { padding-top:   40px !important; }
  .soft-double-xs-right    { padding-right: 40px !important; }
  .soft-double-xs-bottom   { padding-bottom:40px !important; }
  .soft-double-xs-left     { padding-left:  40px !important; }
  .soft-double-xs-ends     { padding-top:   40px !important; padding-bottom:40px !important; }
  .soft-double-xs-sides    { padding-right: 40px !important; padding-left:  40px !important; }

  .soft-triple-xs          { padding:       60px !important; }
  .soft-triple-xs-top      { padding-top:   60px !important; }
  .soft-triple-xs-right    { padding-right: 60px !important; }
  .soft-triple-xs-bottom   { padding-bottom:60px !important; }
  .soft-triple-xs-left     { padding-left:  60px !important; }
  .soft-triple-xs-ends     { padding-top:   60px !important; padding-bottom:60px !important; }
  .soft-triple-xs-sides    { padding-right: 60px !important; padding-left:  60px !important; }

  .hard-xs          { padding:       0 !important; }
  .hard-xs-top      { padding-top:   0 !important; }
  .hard-xs-right    { padding-right: 0 !important; }
  .hard-xs-bottom   { padding-bottom:0 !important; }
  .hard-xs-left     { padding-left:  0 !important; }
  .hard-xs-ends     { padding-top:   0 !important; padding-bottom:0 !important; }
  .hard-xs-sides    { padding-right: 0 !important; padding-left:  0 !important; }

}

@media (min-width:768px) {

  .flush-sm         { margin:       0 !important; }
  .flush-sm-top     { margin-top:   0 !important; }
  .flush-sm-right   { margin-right: 0 !important; }
  .flush-sm-bottom  { margin-bottom:0 !important; }
  .flush-sm-left    { margin-left:  0 !important; }
  .flush-sm-ends    { margin-top:   0 !important; margin-bottom:0 !important; }
  .flush-sm-sides   { margin-right: 0 !important; margin-left:  0 !important; }

  .push-sm          { margin:       20px !important; }
  .push-sm-top      { margin-top:   20px !important; }
  .push-sm-right    { margin-right: 20px !important; }
  .push-sm-bottom   { margin-bottom:20px !important; }
  .push-sm-left     { margin-left:  20px !important; }
  .push-sm-ends     { margin-top:   20px !important; margin-bottom:20px !important; }
  .push-sm-sides    { margin-right: 20px !important; margin-left:  20px !important; }

  .push-half-sm         { margin:       10px !important; }
  .push-half-sm-top     { margin-top:   10px !important; }
  .push-half-sm-right   { margin-right: 10px !important; }
  .push-half-sm-bottom  { margin-bottom:10px !important; }
  .push-half-sm-left    { margin-left:  10px !important; }
  .push-half-sm-ends    { margin-top:   10px !important; margin-bottom:10px !important; }
  .push-half-sm-sides   { margin-right: 10px !important; margin-left:  10px !important; }

  .push-double-sm         { margin:       40px !important; }
  .push-double-sm-top     { margin-top:   40px !important; }
  .push-double-sm-right   { margin-right: 40px !important; }
  .push-double-sm-bottom  { margin-bottom:40px !important; }
  .push-double-sm-left    { margin-left:  40px !important; }
  .push-double-sm-ends    { margin-top:   40px !important; margin-bottom:40px !important; }
  .push-double-sm-sides   { margin-right: 40px !important; margin-left:  40px !important; }

  .push-triple-sm         { margin:       60px !important; }
  .push-triple-sm-top     { margin-top:   60px !important; }
  .push-triple-sm-right   { margin-right: 60px !important; }
  .push-triple-sm-bottom  { margin-bottom:60px !important; }
  .push-triple-sm-left    { margin-left:  60px !important; }
  .push-triple-sm-ends    { margin-top:   60px !important; margin-bottom:60px !important; }
  .push-triple-sm-sides   { margin-right: 60px !important; margin-left:  60px !important; }

  .soft-sm          { padding:       20px !important; }
  .soft-sm-top      { padding-top:   20px !important; }
  .soft-sm-right    { padding-right: 20px !important; }
  .soft-sm-bottom   { padding-bottom:20px !important; }
  .soft-sm-left     { padding-left:  20px !important; }
  .soft-sm-ends     { padding-top:   20px !important; padding-bottom:20px !important; }
  .soft-sm-sides    { padding-right: 20px !important; padding-left:  20px !important; }

  .soft-half-sm          { padding:       10px !important; }
  .soft-half-sm-top      { padding-top:   10px !important; }
  .soft-half-sm-right    { padding-right: 10px !important; }
  .soft-half-sm-bottom   { padding-bottom:10px !important; }
  .soft-half-sm-left     { padding-left:  10px !important; }
  .soft-half-sm-ends     { padding-top:   10px !important; padding-bottom:10px !important; }
  .soft-half-sm-sides    { padding-right: 10px !important; padding-left:  10px !important; }

  .soft-double-sm          { padding:       40px !important; }
  .soft-double-sm-top      { padding-top:   40px !important; }
  .soft-double-sm-right    { padding-right: 40px !important; }
  .soft-double-sm-bottom   { padding-bottom:40px !important; }
  .soft-double-sm-left     { padding-left:  40px !important; }
  .soft-double-sm-ends     { padding-top:   40px !important; padding-bottom:40px !important; }
  .soft-double-sm-sides    { padding-right: 40px !important; padding-left:  40px !important; }

  .soft-triple-sm          { padding:       60px !important; }
  .soft-triple-sm-top      { padding-top:   60px !important; }
  .soft-triple-sm-right    { padding-right: 60px !important; }
  .soft-triple-sm-bottom   { padding-bottom:60px !important; }
  .soft-triple-sm-left     { padding-left:  60px !important; }
  .soft-triple-sm-ends     { padding-top:   60px !important; padding-bottom:60px !important; }
  .soft-triple-sm-sides    { padding-right: 60px !important; padding-left:  60px !important; }

  .hard-sm          { padding:       0 !important; }
  .hard-sm-top      { padding-top:   0 !important; }
  .hard-sm-right    { padding-right: 0 !important; }
  .hard-sm-bottom   { padding-bottom:0 !important; }
  .hard-sm-left     { padding-left:  0 !important; }
  .hard-sm-ends     { padding-top:   0 !important; padding-bottom:0 !important; }
  .hard-sm-sides    { padding-right: 0 !important; padding-left:  0 !important; }

}

@media (min-width:1025px) {

  .flush-md         { margin:       0 !important; }
  .flush-md-top     { margin-top:   0 !important; }
  .flush-md-right   { margin-right: 0 !important; }
  .flush-md-bottom  { margin-bottom:0 !important; }
  .flush-md-left    { margin-left:  0 !important; }
  .flush-md-ends    { margin-top:   0 !important; margin-bottom:0 !important; }
  .flush-md-sides   { margin-right: 0 !important; margin-left:  0 !important; }

  .push-md          { margin:       20px !important; }
  .push-md-top      { margin-top:   20px !important; }
  .push-md-right    { margin-right: 20px !important; }
  .push-md-bottom   { margin-bottom:20px !important; }
  .push-md-left     { margin-left:  20px !important; }
  .push-md-ends     { margin-top:   20px !important; margin-bottom:20px !important; }
  .push-md-sides    { margin-right: 20px !important; margin-left:  20px !important; }

  .push-half-md         { margin:       10px !important; }
  .push-half-md-top     { margin-top:   10px !important; }
  .push-half-md-right   { margin-right: 10px !important; }
  .push-half-md-bottom  { margin-bottom:10px !important; }
  .push-half-md-left    { margin-left:  10px !important; }
  .push-half-md-ends    { margin-top:   10px !important; margin-bottom:10px !important; }
  .push-half-md-sides   { margin-right: 10px !important; margin-left:  10px !important; }

  .push-double-md         { margin:       40px !important; }
  .push-double-md-top     { margin-top:   40px !important; }
  .push-double-md-right   { margin-right: 40px !important; }
  .push-double-md-bottom  { margin-bottom:40px !important; }
  .push-double-md-left    { margin-left:  40px !important; }
  .push-double-md-ends    { margin-top:   40px !important; margin-bottom:40px !important; }
  .push-double-md-sides   { margin-right: 40px !important; margin-left:  40px !important; }

  .push-triple-md         { margin:       60px !important; }
  .push-triple-md-top     { margin-top:   60px !important; }
  .push-triple-md-right   { margin-right: 60px !important; }
  .push-triple-md-bottom  { margin-bottom:60px !important; }
  .push-triple-md-left    { margin-left:  60px !important; }
  .push-triple-md-ends    { margin-top:   60px !important; margin-bottom:60px !important; }
  .push-triple-md-sides   { margin-right: 60px !important; margin-left:  60px !important; }

  .soft-md          { padding:       20px !important; }
  .soft-md-top      { padding-top:   20px !important; }
  .soft-md-right    { padding-right: 20px !important; }
  .soft-md-bottom   { padding-bottom:20px !important; }
  .soft-md-left     { padding-left:  20px !important; }
  .soft-md-ends     { padding-top:   20px !important; padding-bottom:20px !important; }
  .soft-md-sides    { padding-right: 20px !important; padding-left:  20px !important; }

  .soft-half-md          { padding:       10px !important; }
  .soft-half-md-top      { padding-top:   10px !important; }
  .soft-half-md-right    { padding-right: 10px !important; }
  .soft-half-md-bottom   { padding-bottom:10px !important; }
  .soft-half-md-left     { padding-left:  10px !important; }
  .soft-half-md-ends     { padding-top:   10px !important; padding-bottom:10px !important; }
  .soft-half-md-sides    { padding-right: 10px !important; padding-left:  10px !important; }

  .soft-double-md          { padding:       40px !important; }
  .soft-double-md-top      { padding-top:   40px !important; }
  .soft-double-md-right    { padding-right: 40px !important; }
  .soft-double-md-bottom   { padding-bottom:40px !important; }
  .soft-double-md-left     { padding-left:  40px !important; }
  .soft-double-md-ends     { padding-top:   40px !important; padding-bottom:40px !important; }
  .soft-double-md-sides    { padding-right: 40px !important; padding-left:  40px !important; }

  .soft-triple-md          { padding:       60px !important; }
  .soft-triple-md-top      { padding-top:   60px !important; }
  .soft-triple-md-right    { padding-right: 60px !important; }
  .soft-triple-md-bottom   { padding-bottom:60px !important; }
  .soft-triple-md-left     { padding-left:  60px !important; }
  .soft-triple-md-ends     { padding-top:   60px !important; padding-bottom:60px !important; }
  .soft-triple-md-sides    { padding-right: 60px !important; padding-left:  60px !important; }

  .hard-md          { padding:       0 !important; }
  .hard-md-top      { padding-top:   0 !important; }
  .hard-md-right    { padding-right: 0 !important; }
  .hard-md-bottom   { padding-bottom:0 !important; }
  .hard-md-left     { padding-left:  0 !important; }
  .hard-md-ends     { padding-top:   0 !important; padding-bottom:0 !important; }
  .hard-md-sides    { padding-right: 0 !important; padding-left:  0 !important; }

}

@media (min-width:1200px) {

  .flush-lg         { margin:       0 !important; }
  .flush-lg-top     { margin-top:   0 !important; }
  .flush-lg-right   { margin-right: 0 !important; }
  .flush-lg-bottom  { margin-bottom:0 !important; }
  .flush-lg-left    { margin-left:  0 !important; }
  .flush-lg-ends    { margin-top:   0 !important; margin-bottom:0 !important; }
  .flush-lg-sides   { margin-right: 0 !important; margin-left:  0 !important; }

  .push-lg          { margin:       20px !important; }
  .push-lg-top      { margin-top:   20px !important; }
  .push-lg-right    { margin-right: 20px !important; }
  .push-lg-bottom   { margin-bottom:20px !important; }
  .push-lg-left     { margin-left:  20px !important; }
  .push-lg-ends     { margin-top:   20px !important; margin-bottom:20px !important; }
  .push-lg-sides    { margin-right: 20px !important; margin-left:  20px !important; }

  .push-half-lg         { margin:       10px !important; }
  .push-half-lg-top     { margin-top:   10px !important; }
  .push-half-lg-right   { margin-right: 10px !important; }
  .push-half-lg-bottom  { margin-bottom:10px !important; }
  .push-half-lg-left    { margin-left:  10px !important; }
  .push-half-lg-ends    { margin-top:   10px !important; margin-bottom:10px !important; }
  .push-half-lg-sides   { margin-right: 10px !important; margin-left:  10px !important; }

  .push-double-lg         { margin:       40px !important; }
  .push-double-lg-top     { margin-top:   40px !important; }
  .push-double-lg-right   { margin-right: 40px !important; }
  .push-double-lg-bottom  { margin-bottom:40px !important; }
  .push-double-lg-left    { margin-left:  40px !important; }
  .push-double-lg-ends    { margin-top:   40px !important; margin-bottom:40px !important; }
  .push-double-lg-sides   { margin-right: 40px !important; margin-left:  40px !important; }

  .push-triple-lg         { margin:       60px !important; }
  .push-triple-lg-top     { margin-top:   60px !important; }
  .push-triple-lg-right   { margin-right: 60px !important; }
  .push-triple-lg-bottom  { margin-bottom:60px !important; }
  .push-triple-lg-left    { margin-left:  60px !important; }
  .push-triple-lg-ends    { margin-top:   60px !important; margin-bottom:60px !important; }
  .push-triple-lg-sides   { margin-right: 60px !important; margin-left:  60px !important; }

  .soft-lg          { padding:       20px !important; }
  .soft-lg-top      { padding-top:   20px !important; }
  .soft-lg-right    { padding-right: 20px !important; }
  .soft-lg-bottom   { padding-bottom:20px !important; }
  .soft-lg-left     { padding-left:  20px !important; }
  .soft-lg-ends     { padding-top:   20px !important; padding-bottom:20px !important; }
  .soft-lg-sides    { padding-right: 20px !important; padding-left:  20px !important; }

  .soft-half-lg          { padding:       10px !important; }
  .soft-half-lg-top      { padding-top:   10px !important; }
  .soft-half-lg-right    { padding-right: 10px !important; }
  .soft-half-lg-bottom   { padding-bottom:10px !important; }
  .soft-half-lg-left     { padding-left:  10px !important; }
  .soft-half-lg-ends     { padding-top:   10px !important; padding-bottom:10px !important; }
  .soft-half-lg-sides    { padding-right: 10px !important; padding-left:  10px !important; }

  .soft-double-lg          { padding:       40px !important; }
  .soft-double-lg-top      { padding-top:   40px !important; }
  .soft-double-lg-right    { padding-right: 40px !important; }
  .soft-double-lg-bottom   { padding-bottom:40px !important; }
  .soft-double-lg-left     { padding-left:  40px !important; }
  .soft-double-lg-ends     { padding-top:   40px !important; padding-bottom:40px !important; }
  .soft-double-lg-sides    { padding-right: 40px !important; padding-left:  40px !important; }

  .soft-triple-lg          { padding:       60px !important; }
  .soft-triple-lg-top      { padding-top:   60px !important; }
  .soft-triple-lg-right    { padding-right: 60px !important; }
  .soft-triple-lg-bottom   { padding-bottom:60px !important; }
  .soft-triple-lg-left     { padding-left:  60px !important; }
  .soft-triple-lg-ends     { padding-top:   60px !important; padding-bottom:60px !important; }
  .soft-triple-lg-sides    { padding-right: 60px !important; padding-left:  60px !important; }

  .hard-lg          { padding:       0 !important; }
  .hard-lg-top      { padding-top:   0 !important; }
  .hard-lg-right    { padding-right: 0 !important; }
  .hard-lg-bottom   { padding-bottom:0 !important; }
  .hard-lg-left     { padding-left:  0 !important; }
  .hard-lg-ends     { padding-top:   0 !important; padding-bottom:0 !important; }
  .hard-lg-sides    { padding-right: 0 !important; padding-left:  0 !important; }

}
.footer_botom_fixed_sec ul li{
    width:33.33%;
    float:left;
    text-align:center;
    color:#fff;
}
.footer_botom_fixed_sec ul li{
    background: #2d6fb6;
}
.footer_botom_fixed_sec ul li:last-child{
    background: #fa5f5f;
}
.footer_botom_fixed_sec ul li:nth-child(2){
    background: #4de966;
}
.footer_botom_fixed_sec ul li span{
    display:block;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    
}
.footer_botom_fixed_sec ul li img{
    width:28px;
}
@media (min-width:768px){
    .footer_botom_fixed_sec{
        display:none;
    }
    .packages_imgs img{
        height: 573px;
        object-fit: cover;
    }
}

@media (max-width:767px){
    .packages_imgs img{
        height: 263px;
        object-fit: cover;
    }
    
    .price{
        width:85%;
    }
    .price span{
        font-size:12px;
    }
    .banner_booking_form{
        margin-top:-6px;
    }
    .header_top{
        display:none !important;
    }
    .blog .package_image {
      height: unset;
    }
    .blog .most_popular_tours_column img {
      height: auto;
     
    }
    .footer_botom_fixed_sec{
        position:fixed;
        width:100%;
        left:0;
        bottom:0;
        z-index:9999999999999999999999;
    }
}


.loader{
  width: 30px;
  height: 30px;
  border-radius: 100%;
  position: relative;
  margin: 0 auto;
}
/* LOADER 4 */
.loader:before, .loader:after{
  content: "";
  position: absolute;
  top: -10px;
  left: -10px;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  border: 5px solid transparent;
  border-top-color: #3498db;
}

.loader:before{
  z-index: 100;
  animation: spin 1s infinite;
}

.loader:after{
  border: 5px solid #ccc;
}

@keyframes spin{
  0%{
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100%{
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
footer .social_media a .fa {
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 20px;
}
.paywithscan h2{
    margin-bottom:30px;
}
.paywithscan img{
    display:block;
    margin-right:auto;
    margin-left:auto;
    
}

.packages_left_content.packages_description_details ul{
    display:block;
}
.packages_left_content.packages_description_details ul li
{
  float: none;
  width: 100%;
  text-align: left;
}
.cke_editable p {
  margin: 0;
  padding: 0;
  line-height: 1.5; /* Adjust line height as needed */
}
.common_subtitle{
    margin-bottom: 20px;
    color: #0a144a;
    font-size: 20px;
    font-weight:600;
}
.packages_description_details p{
    padding-bottom:15px;
    font-size: 15px;
    line-height:25px;
}
.packages_description_details p strong{
    
    color: #0a144a;
    font-size: 20px;
    font-weight:600;
}
.packages_description_details strong{
     color: #0a144a;
    font-size: 20px;
    font-weight:600;
}
.rate {
        height: 46px;
        padding: 0 10px;
    }
    .rate:not(:checked) > input {
        position:absolute;
        top:-9999px;
    }
    .rate:not(:checked) > label {
       width: 18px;
      overflow: hidden;
      white-space: nowrap;
      cursor: pointer;
      font-size: 19px;
      color: #ffc700;
    }
    .rate:not(:checked) > label:before {
        content: '? ';
    }
    .rate > input:checked ~ label {
        color: #c6a018;    
    }
    .rate:not(:checked) > label:hover,
    .rate:not(:checked) > label:hover ~ label {
        color: #deb217;  
    }
    .rate > input:checked + label:hover,
    .rate > input:checked + label:hover ~ label,
    .rate > input:checked ~ label:hover,
    .rate > input:checked ~ label:hover ~ label,
    .rate > label:hover ~ input:checked ~ label {
        color: #c59b08;
    }
    textarea{
        padding:10px !important;
    }
    
.rate:not(:checked) > label::before
{
  font-family: 'FontAwesome';

  display: inline-block;

  content: "\f005";

}
input[type="file"]{
    padding:7px 10px;
}
.packages_description_details img{
width:100% !important;
height:100% !important;
object-fit:cover;
}

.whatsapp_icon {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: #1ca91c;
	color: #fff;
	position: fixed;
	right: 15px;
	bottom: 53px;
	z-index: 99;
	text-align: center;
	line-height: 40px;
	font-size: 25px;
}
.callbtn {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: #1ca91c;
	color: #fff;
	position: fixed;
	left: 15px;
	bottom: 53px;
	z-index: 99;
	text-align: center;
	line-height: 40px;
	font-size: 25px;
}
@media (min-width:768px){
    .d-flex{
       display: flex;
        justify-content: space-between;
        align-content: center;
    }
    .feedback img{
        width:100%;
        height:100%;
    }
    .feedback .row{
    display:flex;
}
.feedback .contact-form{
    height:100%;
}

}
@media (max-width:767px){
    header{
        background:#000;
    }
    .social_media
    {
      float: none;
    }
}
