@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@300;500&display=swap');
@font-face {
  font-family: 'Optima';
  src: url('../fonts/Optima.woff2') format('woff2'),
       url('../fonts/Optima.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
html {
  scroll-behavior: smooth;
}

/* fonts */


/* .container {
  width: 85%;
} */

body  {
  font-family: 'Optima';
    -ms-overflow-style: none;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
a, :hover  {
    -ms-overflow-style: none;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}


p  {
    margin-bottom: 0;
    padding-bottom: 0;
    font-size: 15px;
    line-height: 30px;
}
ul,li  {
    margin-bottom: 0;
    padding-bottom: 0;
}
h1,h2,h3,h4,h5,h6  {
  font-family: 'Optima';
}
h1  {
  margin-top: 0px;
}

/* To mantain the navbar at the top once it is affixed */
.affix {
  top: 0;
  width: 100%;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  z-index: 999;
}
.affix-top {
  position: absolute;
  top: 0;
  z-index: 999;
  width: 100%;
}
.affix + section{
  padding-top: 70px;
}



.navbar {
  min-height: 157px;
}
.navbar-default {
    background-color: transparent;
    border-color: transparent;
}
.navbar-default .navbar-nav>li>a {
  color: #fff;
  font-size: 16px;
  text-transform: uppercase;
  
    font-weight: 600;
    letter-spacing: 1.5px;
}
.logo {
  width: 75px;
  margin: 0px auto;
}

.title-strip h3  {
  font-size: 50px;
  font-weight: normal;
  color: #c79c42;
  text-align: center;
}
.title-strip2 h3  {
  font-size: 50px;
  font-weight:normal;
  color: #fff;
  text-align:left;
  margin-top: 0;
}

/* gallery */

.project-area .section-title h2 {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 3.5rem;
  }
  @media (max-width: 767px) {
    .project-area .section-title h2 {
      padding-left: 0.9375rem;
      padding-right: 0.9375rem;
    }
  }
  
  .grid > [class*=col-] {
    padding-left: 3px !important;
    padding-right: 3px !important;
    padding-bottom: 3px;
    padding-top: 3px;
}
  
  .grid-item {
    position: relative;
  }
  .grid-item img {
    width: 100%;
  }
  .grid-item:hover .grid-hover-link {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
  }
  
  .grid-hover {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .grid-hover::before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(210 176 117 / 70%);
    z-index: -1;
  }
  .grid-hover h3 {
    position: relative;
    margin: -3.125rem 0 0.25rem;
    text-align: center;
  }
  @media (min-width: 992px) and (max-width: 1199px) {
    .grid-hover h3 {
      font-size: 1.3125rem;
    }
  }
  @media (min-width: 768px) and (max-width: 991px) {
    .grid-hover h3 {
      font-size: 1.25rem;
      margin: -2.5rem 0 0.25rem;
    }
  }
  .grid-hover span {
    font-weight: 500;
    position: relative;
    display: block;
    padding-bottom: 20px;
  }
  
  .grid-hover-link {
    position: absolute;
    left: 0;
    top: -19px;
    width: 100%;
    height: 100%;
    z-index: 10;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    padding-top: 5rem;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
  @media (min-width: 768px) and (max-width: 991px) {
    .grid-hover-link {
      padding-top: 5.625rem;
    }
  }
  .grid-hover-link a {
    display: inline-block;
    width: 45px;
    height: 45px;
    line-height: 45px;
    border: 1px solid #ffffff;
    text-align: center;
    margin: 0 0.5rem;
  }
  .grid-hover-link a:hover {
    background-color: #ffffff;
  }
  .grid-hover-link a:hover span::before {
    color: #d2b075;
  }
  .grid-hover-link a span {
    display: inline-block;
    line-height: 1;
  }
  .mouse-move {
    overflow: hidden;
    perspective: 1600px;
  }
  
  .mouse-move .grid-hover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: rotate3d(1, 0, 0, 90deg);
    transform: rotate3d(1, 0, 0, 90deg);
    pointer-events: none;
  }
  
  .mouse-move.in-top .grid-hover {
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-animation: in-top 0.3s ease 0s 1 forwards;
    animation: in-top 0.3s ease 0s 1 forwards;
  }
  
  .mouse-move.in-right .grid-hover {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-animation: in-right 0.3s ease 0s 1 forwards;
    animation: in-right 0.3s ease 0s 1 forwards;
  }
  
  .mouse-move.in-bottom .grid-hover {
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-animation: in-bottom 0.3s ease 0s 1 forwards;
    animation: in-bottom 0.3s ease 0s 1 forwards;
  }
  
  .mouse-move.in-left .grid-hover {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-animation: in-left 0.3s ease 0s 1 forwards;
    animation: in-left 0.3s ease 0s 1 forwards;
  }
  
  .mouse-move.out-top .grid-hover {
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-animation: out-top 0.3s ease 0s 1 forwards;
    animation: out-top 0.3s ease 0s 1 forwards;
  }
  
  .mouse-move.out-right .grid-hover {
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-animation: out-right 0.3s ease 0s 1 forwards;
    animation: out-right 0.3s ease 0s 1 forwards;
    margin-left: 1px;
  }
  
  .mouse-move.out-bottom .grid-hover {
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-animation: out-bottom 0.3s ease 0s 1 forwards;
    animation: out-bottom 0.3s ease 0s 1 forwards;
  }
  .vbox-overlay {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 99999 !important;
    -webkit-transform: translateZ(1000px);
    transform: translateZ(1000px);
    transform-style: preserve-3d;
}
  
  .mouse-move.out-left .grid-hover {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-animation: out-left 0.3s ease 0s 1 forwards;
    animation: out-left 0.3s ease 0s 1 forwards;
  }
  
  @keyframes in-top {
    from {
      transform: rotate3d(-1, 0, 0, 90deg);
    }
    to {
      transform: rotate3d(0, 0, 0, 0deg);
    }
  }
  @keyframes in-right {
    from {
      transform: rotate3d(0, -1, 0, 90deg);
    }
    to {
      transform: rotate3d(0, 0, 0, 0deg);
    }
  }
  @keyframes in-bottom {
    from {
      transform: rotate3d(1, 0, 0, 90deg);
    }
    to {
      transform: rotate3d(0, 0, 0, 0deg);
    }
  }
  @keyframes in-left {
    from {
      transform: rotate3d(0, 1, 0, 90deg);
    }
    to {
      transform: rotate3d(0, 0, 0, 0deg);
    }
  }
  @keyframes out-top {
    from {
      transform: rotate3d(0, 0, 0, 0deg);
    }
    to {
      transform: rotate3d(-1, 0, 0, 104deg);
    }
  }
  @keyframes out-right {
    from {
      transform: rotate3d(0, 0, 0, 0deg);
    }
    to {
      transform: rotate3d(0, -1, 0, 104deg);
    }
  }
  @keyframes out-bottom {
    from {
      transform: rotate3d(0, 0, 0, 0deg);
    }
    to {
      transform: rotate3d(1, 0, 0, 104deg);
    }
  }
  @keyframes out-left {
    from {
      transform: rotate3d(0, 0, 0, 0deg);
    }
    to {
      transform: rotate3d(0, 1, 0, 104deg);
    }
  }
  .grid-hover h3{
      color: #fff;
      position: relative;
      font-size: 1.5rem;
      position: relative;
      margin: 6rem 0 0.25rem;
      text-align: center;}
    @media (min-width: 992px) and (max-width: 1199px) {
    .grid-hover h3 {
      font-size: 1.3125rem;
    }
  }
  @media (min-width: 768px) and (max-width: 991px) {
    .grid-hover h3 {
      font-size: 1.25rem;
      margin: -2.5rem 0 0.25rem;
    }
  }
  .grid-hover span {
    font-weight: 500;
    position: relative;
    display: block;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
  }
  .grid-hover-link{display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .grid-hover-link a span {
    display: inline-block;
    line-height: 41px;
    color: #fff;
    font-size: 28px;
}

/*gallery section ended */

/* HOME PAGE GALLERY LIGHT BOX */

.lightboxOverlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    background-color: black;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
    display: none;
  }
  
  .lightbox {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 10000;
    text-align: center;
    line-height: 0;
    font-weight: normal;
  }
  
  .lightbox .lb-image {
    display: block;
    height: auto;
    max-width: inherit;
    max-height: none;
    border-radius: 3px;
  
    /* Image border */
    border: 4px solid white;
  }
  
  .lightbox a img {
    border: none;
  }
  
  .lb-outerContainer {
    position: relative;
    *zoom: 1;
    width: 250px;
    height: 250px;
    margin: 0 auto;
    border-radius: 4px;
  
    /* Background color behind image.
       This is visible during transitions. */
    background-color: white;
  }
  
  .lb-outerContainer:after {
    content: "";
    display: table;
    clear: both;
  }
  
  .lb-loader {
    position: absolute;
    top: 43%;
    left: 0;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0;
  }
  
  .lb-cancel {
    display: block;
    width: 32px;
    height: 32px;
    margin: 0 auto;
    background: url(../images/loading.gif) no-repeat;
  }
  
  .lb-nav {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
  }
  
  .lb-container > .nav {
    left: 0;
  }
  
  .lb-nav a {
    outline: none;
    background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
  }
  
  .lb-prev, .lb-next {
    height: 100%;
    cursor: pointer;
    display: block;
  }
  
  .lb-nav a.lb-prev {
    width: 34%;
    left: 0;
    float: left;
    background: url(../images/prev.png) left 48% no-repeat;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transition: opacity 0.6s;
    -moz-transition: opacity 0.6s;
    -o-transition: opacity 0.6s;
    transition: opacity 0.6s;
  }
  
  .lb-nav a.lb-prev:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
  
  .lb-nav a.lb-next {
    width: 64%;
    right: 0;
    float: right;
    background: url(../images/next.png) right 48% no-repeat;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transition: opacity 0.6s;
    -moz-transition: opacity 0.6s;
    -o-transition: opacity 0.6s;
    transition: opacity 0.6s;
  }
  
  .lb-nav a.lb-next:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
  
  .lb-dataContainer {
    margin: 0 auto;
    padding-top: 5px;
    *zoom: 1;
    width: 100%;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
  }
  
  .lb-dataContainer:after {
    content: "";
    display: table;
    clear: both;
  }
  
  .lb-data {
    padding: 0 4px;
    color: #ccc;
  }
  
  .lb-data .lb-details {
    width: 85%;
    float: left;
    text-align: left;
    line-height: 1.1em;
  }
  
  .lb-data .lb-caption {
    font-size: 13px;
    font-weight: bold;
    line-height: 1em;
  }
  
  .lb-data .lb-caption a {
    color: #4ae;
  }
  
  .lb-data .lb-number {
    display: block;
    clear: left;
    padding-bottom: 1em;
    font-size: 12px;
    color: #999999;
  }
  
  .lb-data .lb-close {
    display: block;
    float: right;
    width: 30px;
    height: 30px;
    background: url(../images/close.png) top right no-repeat;
    text-align: right;
    outline: none;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    transition: opacity 0.2s;
  }
  
  .lb-data .lb-close:hover {
    cursor: pointer;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
  
  /* HOME PAGE GALLERY LIGHT BOX */

  .photogallery  {
      padding: 30px 0;
      background: #000 url(../images/moment-bg.png) repeat-x;
  }


  :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .meta-post span:last-child {
    padding-right: 0;
  }
  .exerpt {
    line-height: 30px;
    font-size: 16px;
    color: #000;
    margin-bottom: 12px;
    font-weight: normal;
}
  .sponsor-slider .owl-nav button.owl-prev, .sponsor-slider .owl-nav button.owl-next {
    width: 30px;
    height: 30px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    background: transparent !important;
    color: #a77e3b !important;
    border-radius: 6;
    margin-left: 3px;
  }
 
  .align-items-center {
    -ms-flex-align: center!important;
    align-items: center!important;
  }
  .position-relative {
    position: relative!important;
  }
  .img-fluid {
    max-width: 100%;
    height: auto;
  }
  .ttm-bgcolor-white, .ttm-bgcolor-white > .ttm-bg-layer, .ttm-bgcolor-white > .ttm-bg-layer > .ttm-bg-layer-inner, .ttm-icon_element-background-color-white, .ttm-video-icon .ttm-icon.ttm-icon_element-background-color-white:before, .ttm-video-icon .ttm-icon.ttm-icon_element-background-color-white:after, .featured-iconbox:not(.ttm-media-link) a:hover i, .ttm-btn.ttm-btn-style-border.ttm-bgcolor-white, .ttm-bgcolor-darkgrey .ttm-custombutton.ttm-btn-bgcolor-skincolor:hover, .ttm-btn-bgcolor-white, .ttm-btn-color-white.ttm-btn.btn-inline:after, .ttm-btn-color-white.ttm-btn.btn-inline:before, .featured-icon-box.without-icon.style1, .featured-imagebox-team.style1 .social-icons li>a:hover, .featured-imagebox-gallery .ttm-media-link a:hover, .inside.ttm-fid-view-topicon h3:after, .newsletter-form .ttm-btn.ttm-btn-bgcolor-darkgrey:hover {
    background-color: #fff !important;
  }
  .product-name  {
    background: #d2b075;
    padding: 10px 0;
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    margin-top: 5px;
  }
  .sponsor-item {
    padding: 5px;
}

.sponsor-slider {
  position: relative;
}

.sponsor-slider .owl-nav {
  position: absolute;
  top: -64px;
  right: 0px;
}
.sponser-section  {
  padding: 90px 0;
}


/* back to top */

#button {
  display: inline-block;
  background-color: #c79c42;
  width: 45px;
    height: 50px;
    text-align: center;
    border-radius: 4px;
    position: fixed;
    bottom: 30px;
    right: 15px;
  transition: background-color .3s, 
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
  background: -webkit-linear-gradient(left, #d0901c 0%,#b88732 3%,rgb(226 183 105) 50%,rgb(232 204 108) 70%,#f8d38e 100%);
}
#button::after {
  content: "\f077";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 2em;
  line-height: 50px;
  color: #fff;
}
#button:hover {
  cursor: pointer;
  background-color: #333;
}
#button:active {
  background-color: #555;
}
#button.show {
  opacity: 1;
  visibility: visible;
}
.copyright-sec  {
  background: #4f4f4f;
  padding: 5px 0;
}
.copyright-text  {
  color: #959595;
  font-size: 16px;
}
footer  {
  background:#232323 url(../images/footer-pattern.png) repeat;
  position: relative;
  height: auto;
  padding: 60px 0;
  background-size: 250px;
}
.footer-pera  {
  color: #fff;
  line-height: 30px;
  font-size: 17px;
}
.footer-social-icons  {
  margin-top: 15px;
}
.copyright-text span  {
  color: #ba883b;
}
.footer-contactlist li a  {
  color: #d2b075;
  font-size: 16px;
}
.footer-contactlist li a:hover  {
  text-decoration: none;
  color: #fff;
}
.footer-contactlist li  {
  color: #d2b075;
  font-size: 20px;
}
.footer-h5  {
  color: #d2b075;
  font-size: 13px;
}
.footer-logo  {
  width: 90px;
  margin-top: 100px;
}
.footer-contactlist  {
  position: relative;
}
.footer-contactlist2 li > img  {
  position: absolute;
  left: 13px;
}
.footer-contactlist2 li {
  color: #d2b075;
  font-size: 14px;
  padding-left: 34px;
  line-height: 30px;
}
.footer-strip h3  {
  color: #f5d18d;
  font-size: 16px;
}
.footer-strip-list li a  {
  color: #f5d18d;
  font-size: 14px;
  line-height: 25px;
} 
.footer-strip-list li a:hover  {
  text-decoration: none;
  color: #fff;
}
.mr-70  {
  margin-bottom: 70px;
}

/* inner page */


.banner_area.banner_one {
  background: url(../images/innerpage-banner.jpg) no-repeat right center;
  background-size: cover;
}
.about-page .banner_area {
  height: 490px;
}
.banner_area {
  height: 450px;
  background-size: cover;
  /* min-height: 352px; */
  position: relative;
}
.banner_area:before {
  content: "";
  background: rgb(0 0 0 / 2%);
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.banner_area .container {
  height: 100%;
}
.content-align {
  display: table;
  height: 100%;
}
.content-center {
  display: table-cell;
  margin: auto;
  vertical-align: bottom;
}
.banner_content {
  width: 100%;
  float: left;
}
.banner_area .banner_content h3 {
  padding: 0px 0 100px 0;
  font-size: 55px;
  color: #fff;
  font-weight: 800;
  text-transform: uppercase;
}
.banner_link {
  background-color: #f7f7f7;
  box-shadow: 0 0 14.5px rgb(0 0 0 / 12%);
}
.abnner_link_inner {
  display: inline-block;
  padding: 20px 30px;
}
.banner_link .abnner_link_inner a:hover, .banner_link .abnner_link_inner a.active {
  color: #000;
  text-decoration: none;
}

.banner_link .abnner_link_inner a {
  font-size: 16px;
  color: #000;
  font-weight: 600;
  letter-spacing: .32px;
  padding-right: 20px;
  position: relative;
  -webkit-transition: all 400ms linear 0s;
  -o-transition: all 400ms linear 0s;
  transition: all 400ms linear 0s;
}

/* contact page */

.section-padding {
  padding: 45px 0;
}
.section-dark {
  background-color: #f9f9f9;
  z-index: -2;
}
.form-control,
.form-group .form-control {
  border: 0;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#009688), to(#009688)), -webkit-gradient(linear, left top, left bottom, from(#D2D2D2), to(#D2D2D2));
  background-image: -webkit-linear-gradient(#009688, #009688), -webkit-linear-gradient(#D2D2D2, #D2D2D2);
  background-image: -o-linear-gradient(#009688, #009688), -o-linear-gradient(#D2D2D2, #D2D2D2);
  background-image: linear-gradient(#009688, #009688), linear-gradient(#D2D2D2, #D2D2D2);
  -webkit-background-size: 0 2px, 100% 1px;
  background-size: 0 2px, 100% 1px;
  background-repeat: no-repeat;
  background-position: center bottom, center -webkit-calc(100% - 1px);
  background-position: center bottom, center calc(100% - 1px);
  background-color: rgba(0, 0, 0, 0);
  -webkit-transition: background 0s ease-out;
  -o-transition: background 0s ease-out;
  transition: background 0s ease-out;
  float: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0
}

.form-control::-moz-placeholder,
.form-group .form-control::-moz-placeholder {
  color: #BDBDBD;
  font-weight: 400
}

.form-control:-ms-input-placeholder,
.form-group .form-control:-ms-input-placeholder {
  color: #BDBDBD;
  font-weight: 400
}

.form-control::-webkit-input-placeholder,
.form-group .form-control::-webkit-input-placeholder {
  color: #BDBDBD;
  font-weight: 400
}

.form-control[disabled],
.form-control[readonly],
.form-group .form-control[disabled],
.form-group .form-control[readonly],
fieldset[disabled] .form-control,
fieldset[disabled] .form-group .form-control {
  background-color: rgba(0, 0, 0, 0)
}

.form-control[disabled],
.form-group .form-control[disabled],
fieldset[disabled] .form-control,
fieldset[disabled] .form-group .form-control {
  background-image: none;
  border-bottom: 1px dotted #D2D2D2
}

.form-group {
  position: relative
}

.form-group.label-floating label.control-label,
.form-group.label-placeholder label.control-label,
.form-group.label-static label.control-label {
  position: absolute;
  pointer-events: none;
  -webkit-transition: .3s ease all;
  -o-transition: .3s ease all;
  transition: .3s ease all
}

.form-group.label-floating label.control-label {
  will-change: left, top, contents
}

.form-group.label-placeholder:not(.is-empty) label.control-label {
  display: none
}

.form-group .help-block {
  position: absolute;
  display: none
}

.form-group.is-focused .form-control {
  outline: 0;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#009688), to(#009688)), -webkit-gradient(linear, left top, left bottom, from(#D2D2D2), to(#D2D2D2));
  background-image: -webkit-linear-gradient(#009688, #009688), -webkit-linear-gradient(#D2D2D2, #D2D2D2);
  background-image: -o-linear-gradient(#009688, #009688), -o-linear-gradient(#D2D2D2, #D2D2D2);
  background-image: linear-gradient(#009688, #009688), linear-gradient(#D2D2D2, #D2D2D2);
  -webkit-background-size: 100% 2px, 100% 1px;
  background-size: 100% 2px, 100% 1px;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition-duration: .3s;
  -o-transition-duration: .3s;
  transition-duration: .3s
}

.form-group.is-focused .form-control .material-input:after {
  background-color: #009688
}

.form-group.is-focused label,
.form-group.is-focused label.control-label {
  color: #009688
}

.form-group.is-focused.label-placeholder label,
.form-group.is-focused.label-placeholder label.control-label {
  color: #BDBDBD
}

.form-group.is-focused .help-block {
  display: block
}

.form-group.has-warning .form-control {
  -webkit-box-shadow: none;
  box-shadow: none
}

.form-group.has-warning.is-focused .form-control {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ff5722), to(#ff5722)), -webkit-gradient(linear, left top, left bottom, from(#D2D2D2), to(#D2D2D2));
  background-image: -webkit-linear-gradient(#ff5722, #ff5722), -webkit-linear-gradient(#D2D2D2, #D2D2D2);
  background-image: -o-linear-gradient(#ff5722, #ff5722), -o-linear-gradient(#D2D2D2, #D2D2D2);
  background-image: linear-gradient(#ff5722, #ff5722), linear-gradient(#D2D2D2, #D2D2D2)
}

.form-group.has-warning .help-block,
.form-group.has-warning label.control-label {
  color: #ff5722
}

.form-group.has-error .form-control {
  -webkit-box-shadow: none;
  box-shadow: none
}

.form-group.has-error .help-block,
.form-group.has-error label.control-label {
  color: #f44336
}

.form-group.has-success .form-control {
  -webkit-box-shadow: none;
  box-shadow: none
}

.form-group.has-success.is-focused .form-control {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#4caf50), to(#4caf50)), -webkit-gradient(linear, left top, left bottom, from(#D2D2D2), to(#D2D2D2));
  background-image: -webkit-linear-gradient(#4caf50, #4caf50), -webkit-linear-gradient(#D2D2D2, #D2D2D2);
  background-image: -o-linear-gradient(#4caf50, #4caf50), -o-linear-gradient(#D2D2D2, #D2D2D2);
  background-image: linear-gradient(#4caf50, #4caf50), linear-gradient(#D2D2D2, #D2D2D2)
}

.form-group.has-success .help-block,
.form-group.has-success label.control-label {
  color: #4caf50
}

.form-group.has-info .form-control {
  -webkit-box-shadow: none;
  box-shadow: none
}

.form-group.has-info.is-focused .form-control {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#03a9f4), to(#03a9f4)), -webkit-gradient(linear, left top, left bottom, from(#D2D2D2), to(#D2D2D2));
  background-image: -webkit-linear-gradient(#03a9f4, #03a9f4), -webkit-linear-gradient(#D2D2D2, #D2D2D2);
  background-image: -o-linear-gradient(#03a9f4, #03a9f4), -o-linear-gradient(#D2D2D2, #D2D2D2);
  background-image: linear-gradient(#03a9f4, #03a9f4), linear-gradient(#D2D2D2, #D2D2D2)
}

.form-group.has-info .help-block,
.form-group.has-info label.control-label {
  color: #03a9f4
}

.form-group textarea {
  resize: none
}

.form-group textarea~.form-control-highlight {
  margin-top: -11px
}

.form-group select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

.form-group select~.material-input:after {
  display: none
}

.form-control {
  margin-bottom: 7px
}

.form-control::-moz-placeholder {
  font-size: 16px;
  line-height: 1.42857143;
  color: #BDBDBD;
  font-weight: 400
}

.form-control:-ms-input-placeholder {
  font-size: 16px;
  line-height: 1.42857143;
  color: #BDBDBD;
  font-weight: 400
}

.form-control::-webkit-input-placeholder {
  font-size: 16px;
  line-height: 1.42857143;
  color: #BDBDBD;
  font-weight: 400
}
.checkbox label,
.radio label,
label {
  font-size: 16px;
  line-height: 1.42857143;
  color: #BDBDBD;
  font-weight: 400
}

label.control-label {
  font-size: 12px;
  line-height: 1.07142857;
  font-weight: 400;
  margin: 16px 0 0 0
}

.help-block {
  margin-top: 0;
  font-size: 12px
}

.form-group {
  padding-bottom: 7px;
  margin: 28px 0 0 0
}

.form-group .form-control {
  margin-bottom: 0px
}

.form-group .form-control::-moz-placeholder {
  font-size: 16px;
  line-height: 1.42857143;
  color: #BDBDBD;
  font-weight: 400
}

.form-group .form-control:-ms-input-placeholder {
  font-size: 16px;
  line-height: 1.42857143;
  color: #BDBDBD;
  font-weight: 400
}

.form-group .form-control::-webkit-input-placeholder {
  font-size: 16px;
  line-height: 1.42857143;
  color: #BDBDBD;
  font-weight: 400
}

.form-group .checkbox label,
.form-group .radio label,
.form-group label {
  font-size: 16px;
  line-height: 1.42857143;
  color: #BDBDBD;
  font-weight: 400
}

.form-group label.control-label {
  font-size: 12px;
  line-height: 1.07142857;
  font-weight: 400;
  margin: 16px 0 0 0
}

.form-group .help-block {
  margin-top: 0;
  font-size: 12px
}

.form-group.label-floating label.control-label,
.form-group.label-placeholder label.control-label {
  top: -7px;
  font-size: 16px;
  line-height: 1.42857143
}

.form-group.label-floating.is-focused label.control-label,
.form-group.label-floating:not(.is-empty) label.control-label,
.form-group.label-static label.control-label {
  top: -30px;
  left: 0;
  font-size: 16px;
  line-height: 1.07142857;
  color: #000;
}

.form-group.label-floating input.form-control:-webkit-autofill~label.control-label label.control-label {
  top: -30px;
  left: 0;
  font-size: 12px;
  line-height: 1.07142857
}

.form-group.form-group-sm {
  padding-bottom: 3px;
  margin: 21px 0 0 0
}

.form-group.form-group-sm .form-control {
  margin-bottom: 3px
}

.form-group.form-group-sm .form-control::-moz-placeholder {
  font-size: 11px;
  line-height: 1.5;
  color: #BDBDBD;
  font-weight: 400
}

.form-group.form-group-sm .form-control:-ms-input-placeholder {
  font-size: 11px;
  line-height: 1.5;
  color: #BDBDBD;
  font-weight: 400
}

.form-group.form-group-sm .form-control::-webkit-input-placeholder {
  font-size: 11px;
  line-height: 1.5;
  color: #BDBDBD;
  font-weight: 400
}

.form-group.form-group-sm .checkbox label,
.form-group.form-group-sm .radio label,
.form-group.form-group-sm label {
  font-size: 11px;
  line-height: 1.5;
  color: #BDBDBD;
  font-weight: 400
}

.form-group.form-group-sm label.control-label {
  font-size: 9px;
  line-height: 1.125;
  font-weight: 400;
  margin: 16px 0 0 0
}

.form-group.form-group-sm .help-block {
  margin-top: 0;
  font-size: 9px
}

.form-group.form-group-sm.label-floating label.control-label,
.form-group.form-group-sm.label-placeholder label.control-label {
  top: -11px;
  font-size: 11px;
  line-height: 1.5
}

.form-group.form-group-sm.label-floating.is-focused label.control-label,
.form-group.form-group-sm.label-floating:not(.is-empty) label.control-label,
.form-group.form-group-sm.label-static label.control-label {
  top: -25px;
  left: 0;
  font-size: 9px;
  line-height: 1.125
}

.form-group.form-group-sm.label-floating input.form-control:-webkit-autofill~label.control-label label.control-label {
  top: -25px;
  left: 0;
  font-size: 9px;
  line-height: 1.125
}

.form-group.form-group-lg {
  padding-bottom: 9px;
  margin: 30px 0 0 0
}

.form-group.form-group-lg .form-control {
  margin-bottom: 9px
}

.form-group.form-group-lg .form-control::-moz-placeholder {
  font-size: 18px;
  line-height: 1.3333333;
  color: #BDBDBD;
  font-weight: 400
}

.form-group.form-group-lg .form-control:-ms-input-placeholder {
  font-size: 18px;
  line-height: 1.3333333;
  color: #BDBDBD;
  font-weight: 400
}

.form-group.form-group-lg .form-control::-webkit-input-placeholder {
  font-size: 18px;
  line-height: 1.3333333;
  color: #BDBDBD;
  font-weight: 400
}

.form-group.form-group-lg .checkbox label,
.form-group.form-group-lg .radio label,
.form-group.form-group-lg label {
  font-size: 18px;
  line-height: 1.3333333;
  color: #BDBDBD;
  font-weight: 400
}

.form-group.form-group-lg label.control-label {
  font-size: 14px;
  line-height: .99999998;
  font-weight: 400;
  margin: 16px 0 0 0
}

.form-group.form-group-lg .help-block {
  margin-top: 0;
  font-size: 14px
}

.form-group.form-group-lg.label-floating label.control-label,
.form-group.form-group-lg.label-placeholder label.control-label {
  top: -5px;
  font-size: 18px;
  line-height: 1.3333333
}

.form-group.form-group-lg.label-floating.is-focused label.control-label,
.form-group.form-group-lg.label-floating:not(.is-empty) label.control-label,
.form-group.form-group-lg.label-static label.control-label {
  top: -32px;
  left: 0;
  font-size: 14px;
  line-height: .99999998
}

.form-group.form-group-lg.label-floating input.form-control:-webkit-autofill~label.control-label label.control-label {
  top: -32px;
  left: 0;
  font-size: 14px;
  line-height: .99999998
}

select.form-control {
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0
}

.form-group.is-focused select.form-control {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: #D2D2D2
}

.form-group.is-focused select.form-control[multiple],
select.form-control[multiple] {
  height: 85px
}

.input-group-btn .btn {
  margin: 0 0 7px 0
}

.form-group.form-group-sm .input-group-btn .btn {
  margin: 0 0 3px 0
}

.form-group.form-group-lg .input-group-btn .btn {
  margin: 0 0 9px 0
}

.input-group .input-group-btn {
  padding: 0 12px
}

.input-group .input-group-addon {
  border: 0;
  background: 0 0
}

.form-group input[type=file] {
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100
}
.contact-widget-section .single-contact-widget {
  background: #f9f9f9;
  padding: 20px 25px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.26);
  height: 260px;
  margin-top: 25px;
  transition: all 0.3s ease-in-out
}

.contact-widget-section .single-contact-widget i {
  font-size: 75px
}

.contact-widget-section .single-contact-widget h3 {
  font-size: 20px;
  color: #333;
  font-weight: 700;
  padding-bottom: 10px
}

.contact-widget-section .single-contact-widget p {
  line-height: 16px
}

.contact-widget-section .single-contact-widget:hover {
  background: #fff;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.46);
  cursor: pointer;
  transition: all 0.3s ease-in-out
}

#contactForm {
  margin-top: -10px
}

#contactForm .form-group label.control-label {
  color: #8c8c8c
}

#contactForm .form-control {
  font-weight: 500;
  height: auto
}
.con-ti {
  font-size: 16px;
  line-height: 28px;
}
.info-con  {
  font-size: 15px;
  margin-bottom: 10px;
  font-weight: 600;
}
.contact-sec  {
  background: #fff;
  padding: 10px;
  border: 1px solid #d2b075;
  margin-bottom: 20px;
}

.features-insidepage-strip {
  background: #e9eaeb;
  padding: 15px;
  border-bottom: 1px solid #910630;
}
.features-page-heading h3 {
  color: #910630;
  text-transform: uppercase;
  font-size: 30px;
  margin-top: 0;
}
.features-page-heading p {
  font-size: 17px;
  line-height: 30px;
  font-weight: 500;
  margin-top: 10px;
}
.welcome-title1  {
  font-size: 24px;
  text-transform: uppercase;
  font-weight: 600;
  color: #d2b075;
}
.inside-page-strip  {
  background: #fff;
  padding: 15px;
  border:2px solid #d2b075;
  margin-bottom: 20px;
}
.events-text  {
 font-size: 15px;
 margin-bottom: 10px;
 line-height: 25px;
 border-bottom: 1px solid #ccc;
 padding-bottom: 10px;
}
.events-text  > strong  {
  text-transform: uppercase;
}
.welcome-title1 span{
  font-size: 16px;
  color: #000;
}
.civic  {
  border: 1px solid #ccc;
  padding: 10px;
  margin-bottom: 20px;
}
.civic-title  {
  font-size: 16px;
  text-transform: uppercase;
  color: #fff;
  background: #d2b075;
  padding: 10px;
  font-weight: 600;
}
.civic p a  {
  color: #000;
  font-weight: 600;
  font-size: 16px;
}
.civic-list li  {
  font-size: 15px;
  line-height: 30px;
}
.civic-list li i  {
  font-size: 18px;
  line-height: 30px;
  color: #d2b075;
  font-weight: 600;
  margin-right: 10px;
}
.im  {
  color:red;
  font-weight: 600;
  font-size: 16px;
  padding-bottom: 10px;
}
.fa-link  {
  padding: 10px;
  color: #fff;
background: #d2b075;
border-radius: 50%;
margin-right: 10px;
}

.fa-envelope  {
  padding: 10px;
  color: #fff;
background: #d2b075;
border-radius: 50%;
margin-right: 10px;
}
.civic-list li  {
  background: #f9f9f9;
  padding: 10px 20px;
  margin-bottom: 10px;
}
.welcome-title2  {
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 600;
  color: #d2b075;
  margin-bottom: 15px;
}
.info-con a  {
  color: #000;
}
.zone-strip {
  background: #eef4f5;
  padding: 15px;
}
.btn-white  {
  background: #fff;
  color: #000;
  border-color: #fff;
}
.btn-list-homepage li a  {
  font-size: 20px;
  text-transform: uppercase;
}
.btn-list-homepage  {
  float: right;
}
.buttns-home  {
  margin-top: -33px;
}




.side-title  {
  background: #037aa1;
  padding: 10px 15px;
  color: #fff;
  font-weight: normal;
  font-size: 22px;
  margin-top: 0;
}
.side-bar-list li a i  {
  float: right;
}
.side-bar-list li a  {
  font-size: 16px;
  color: #454739;
}
.side-bar-list li a:hover  {
  text-decoration: none;
}
.side-bar-list li  {
  border-bottom: 1px solid #f3f6eb;
  padding: 10px 0;
}
.side-strip  {
  border: 1px solid #f3f6eb;
  padding: 10px;
}

.navbar-default {
  background-color: transparent;
  border-color: transparent;
  /*margin-top: 25px;*/
  background: #000;
    background: -moz-linear-gradient(top,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.25) 64%,rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(top,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.25) 64%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to bottom,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.25) 64%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#000000',GradientType=0);
    border:none;

}
.navbar-nav {
  float: left;
  margin: 0;
  margin-top: 70px;
}
.nav>li>a {
  position: relative;
  display: block;
  padding: 10px 16px;
}
.search-bar  {
  width: 100px;
  background: transparent;
  border: 1px solid #fff;
  color:#fff;
}
.form-search-strip  {
  position: relative;
}
.searc-btn  {
  padding: 5px;
  width: 25px;
  border: none;
  background: transparent;
}
.top-lang  {
  float: right;
  margin-top: 23px !important;
}
.top-lang li a  {
  color: #fff;
  font-size: 15px !important;
}
ul.dropdown-menu {
    background: #6b6a6a75;
}

.dropdown-menu>li>a  {
  color: #fff !important;
  border-bottom: 1px solid #fff;
}

.dropdown-menu>li>a:hover
{
    color:#000 !important;
    background: none;
}

.navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color: #555;
    background-color: #6b6a6a75;
}
.fa-angle-down  {
  font-size: 20px !important;
}

.bg-video-wrap {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100vh;
  background: url(https://designsupply-web.com/samplecontent/vender/codepen/20181014.png) no-repeat center center/cover;
}
video {
  min-width: 100%;
  min-height: 100vh;
  z-index: 1;
}
.welcome-carousel  {
  padding: 60px 0;
  background: #000;
}
.wccarousel  {
  position: relative;
}
.wc-h4  {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  color: #fff;
}
.wccarousel img  {
  border-radius: 20px;
}
.sponsor-slider1 button.owl-prev  {
  position: absolute;
  top: 42%;
  left: -22px;
  font-weight: normal;
  font-size: 18px !important;
  color: #747474 !important;
}
.sponsor-slider1 button.owl-next  {
  position: absolute;
  top: 42%;
  right: -22px;
  font-weight: normal;
  font-size: 18px !important;
  color: #747474 !important;
}

.sponsor-slider2 button.owl-prev  {
  position: absolute;
  top: 136px;
  left: -22px;
  font-weight: normal;
  font-size: 18px !important;
  color: #747474 !important;
  display: none;
}
.sponsor-slider2 button.owl-next  {
  position: absolute;
  top: 136px;
  right: -22px;
  font-weight: normal;
  font-size: 18px !important;
  color: #747474 !important;
  display: none;
}
.sponsor-slider3 button.owl-prev  {
  position: absolute;
  top: 136px;
  left: -22px;
  font-weight: normal;
  font-size: 18px !important;
  color: #747474 !important;
  display: none;
}
.sponsor-slider3 button.owl-next  {
  position: absolute;
  top: 136px;
  right: -22px;
  font-weight: normal;
  font-size: 18px !important;
  color: #747474 !important;
  display: none;
}
.sponsor-slider4 button.owl-prev  {
  position: absolute;
  top: 136px;
  left: -22px;
  font-weight: normal;
  font-size: 18px !important;
  color: #747474 !important;
  display: none;
}
.sponsor-slider4 button.owl-next  {
  position: absolute;
  top: 136px;
  right: -22px;
  font-weight: normal;
  font-size: 18px !important;
  color: #747474 !important;
  display: none;
}
.sponsor-slider5 button.owl-prev  {
  position: absolute;
  top: 45%;
  left: -22px;
  font-weight: normal;
  font-size: 18px !important;
  color: #747474 !important;
}
.sponsor-slider5 button.owl-next  {
  position: absolute;
  top: 45%;
  right: -22px;
  font-weight: normal;
  font-size: 18px !important;
  color: #747474 !important;
}
.our-story  {
  padding:90px 0 241px;
  background: url(../images/our-story-bg.jpg) no-repeat top center;
  background-size: cover;
  position: relative;
}
.story-title  {
  color: #fff;
  font-size: 25px;
  font-weight: normal;
  margin-top: 0;
}
.story-title-bg  {
  color: #fff;
  font-size: 65px;
  line-height: 75px;
  font-weight:normal;
}

.story-pera  {
  color: #fff;
  line-height: 22px;
  font-size: 17px;
}
.story-title2  {
  color: #fff;
  font-size: 23px;
  font-weight: normal;
  margin-top: 35px;
}

.award-logo1  {
  width: 80px;
}
.award-logo2  {
  width: 90px;
}
.award-logo3  {
  width: 135px;
}
.award-logo4  {
  width: 180px;
}
.story-right-strip  {
   
}
.story-right-strip h2  {
  color: #fff;
  font-size: 40px;
  font-weight: normal;
  margin-top: 45px;
  margin-bottom: 20px;
}

.cruise-sec  {
  padding:90px 0 400px;
  background: url(../images/cruise-experience-bg.jpg) no-repeat top center;
  background-size: cover;
  position: relative;
}
.cruise-strip-right h2 {
  color: #fff;
  font-size: 65px;
  line-height: 70px;
  font-weight: 300;
  text-align: right;
  margin-top: 0;
  padding-top: 0;
}
.cruise-strip-right p {
  color: #fff;
  font-size: 17px;
  line-height: 25px;
}
.view-btn-img  {
  width: 50%;
  float: right;
  margin-bottom: 15px;
}
.cruise-car-title  {
  color: #fff;
  padding: 10px 0;
}

.cruise-sec2  {
  padding:90px 0 400px;
  background: url(../images/cruise-experience-bg2.jpg) no-repeat top center;
  background-size: cover;
  position: relative;
}
.cruise-strip-right2 h2 {
  color: #fff;
  font-size: 65px;
  line-height: 70px;
  font-weight: 300;
  text-align: right;
  margin-top: 0;
}
.cruise-strip-right2 p  {
  color: #fff;
  font-size: 17px;
    line-height: 25px;
}

.cruise-sec3  {
  padding:90px 0 400px;
  background: url(../images/city-tours-bg.jpg) no-repeat top center;
  background-size: cover;
  position: relative;
}
.cruise-strip-right3 h2 {
  color: #fff;
  font-size: 65px;
  line-height: 70px;
  font-weight: 300;
  text-align: right;
}
.cruise-strip-right3 p  {
  color: #fff;
  font-size: 17px;
    line-height: 25px;
}

.cruise-sec4  {
  padding:90px 0 175px;
  background: url(../images/other-tours-bg.jpg) no-repeat top center;
  background-size: cover;
  position: relative;
}
.cruise-strip-right4 h2 {
  color: #fff;
  font-size: 65px;
  line-height: 70px;
  font-weight: 300;
  text-align: right;
}
.cruise-strip-right4 p  {
  color: #fff;
  font-size: 17px;
    line-height: 25px;
}
.client-logo-list li img  {
  width: 150px;
}
.client-strip {
  margin-top: 226px;
}
.tranding  {
  padding: 60px 0;
  background: #191919;
}
.testi-sec  {
  padding: 60px 0;
  background: #000;
}
.left-testimonials-strip h2  {
  color: #fff;
  font-size: 48px;
    line-height: 60px;
    font-weight: 300;
}
.tripadvisor-test  {
  border-radius: 20px;
  background: #01b18b;
  padding: 15px;
}
.trip-logo  {
  float: right;
  width: 90px;
}

/*-------------------------------*/
/*    Carousel Fade Transition   */
/*-------------------------------*/

#fade-quote-carousel.carousel {
  padding-bottom: 20px;
}
#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 {
  background-color: #7ad5bf;
  border: none;
}
#fade-quote-carousel blockquote {
    text-align: left;
    border: none;
}
#fade-quote-carousel .profile-circle {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    border-radius: 100px;
}
.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 21px;
  z-index: 15;
  width: 100%;
  padding-left: 0;
  margin-left: 0;
  text-align: left;
  list-style: none;
}
.test-h4  {
  color: #fff;
  font-size: 22px;
  font-weight: normal;
}
.test-h4 + p  {
  color: #fff;
  text-align: left;
  line-height: 20px;
}
.test-name  {
  color: #fff;
  margin-top: 25px;
  font-size: 16px;
}
.rating-icons i  {
  color: #fff;
}
.social-bottom-strip a img {
  text-align: center;
}
.social-bottom-strip h3  {
  color: #c6a66e;
  font-size: 24px;
}
a.dropdown-toggle {
  padding: 5px 10px !important;
}
.price {
  text-align: right;
  font-size: 23px;
  font-weight: 600;
  position: absolute;
  right: 20px;
  top: 10px;
  color: #fff;
}


.container2 {
  position: relative;
}

.image {
  display: block;
  width: 100%;
  height: auto;
}

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: rgba(0,0,0,.8);
  z-index: 999999;
  border-radius: 20px;
}

.container2:hover .overlay {
  opacity: 1;
}
.container2:hover .trending-name {
  opacity: 0;
}

.text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 36%;
  left: 10%;
  -webkit-transform: translate(-5%, -24%);
  -ms-transform: translate(-5%, -24%);
  transform: translate(-5%, -24%);
  text-align: center;
}
.text p {
  font-size: 14px;
  line-height: 16px;
}
.text h3 {
  font-size: 20px;
  
}
.text1 {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 0%;
  left: auto;
  right: auto;
  margin: 0px auto;
  text-align: center;
  width: 100%;
}
.text1 p {
  font-size: 14px;
  line-height: 16px;
  
}
.text1 h3 {
  font-size: 20px;
  
}
.read-more-btn  {
  border: 1px solid #fff;
  padding: 10px 20px;
  color: #fff;
  text-transform: uppercase;
  font-size: 15px;
}
.read-more-btn:hover  {
  color: #d2b075;
  text-decoration: none;
  border: 1px solid #d2b075;
} 
.clock-hover  {
  font-size: 16px;
  line-height: 16px;
  color: #fff;
  padding: 10px 0 0;
  margin-bottom: 0;
}
.text p {
  font-size: 14px;
  line-height: 16px;
}
.text h3 {
  font-size: 20px;
  
}
.trending-img  {
  border-radius: 20px;
}
/*.trending-name  {*/
/*  color: #fff;*/
/*  font-size: 22px;*/
/*  position: absolute;*/
/*  left: 0;*/
/*  right: 0;*/
/*  bottom: 20px;*/
/*  z-index: 9999;*/
/*}*/

.trending-name  {
  color: #fff;
  font-size: 22px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 20px;
  z-index: 9999;
  line-height: 26px;
  width: 100%;
  height: 38px;
}
.typewrite  {
  font-size: 82px;
  color: #fff;
}
.golden-color  {
  color: #d2b075 !important;
}


/* carousel hover image zoom effects */

.zoomWrapper {
  max-width: 400px;
  overflow: hidden;
  margin: 0 auto 0px auto;
  /* -- Prevent flicker -- */
  -webkit-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  border-radius: 20px;
}

.zoomWrapper img {
  max-width: 100%;
  height: auto;
  display: block;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
  padding:2px ;
}

.zoomWrapper img:hover {
  -webkit-transform: scale(1.25);
  -moz-transform: scale(1.25);
  -ms-transform: scale(1.25);
  -o-transform: scale(1.25);
  transform: scale(1.25);
}
.event-hover  {
  max-width: 100%;
  height: auto;
  display: block;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.event-hover:hover  {
  -webkit-transform: scale(1.25);
  -moz-transform: scale(1.25);
  -ms-transform: scale(1.25);
  -o-transform: scale(1.25);
  transform: scale(1.25);
} 
.evn-img  {
  overflow: hidden;
}

@keyframes flash {
  0%   { opacity: 1; }
  50% { opacity: 0.5; }
  100% { opacity: 1; }
}

/*.flasher{*/
/*  animation: flash 300ms infinite;*/
/*}*/


.right-side-img-carousel > .carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  z-index: 15;
  width: 100%;
  margin: 0px auto;
  padding-left: 0;
  margin-left: 0;
  text-align: center;
  list-style: none;
}
.image-radius-20  {
  border-radius: 20px;
}
.typewrite:hover  {
  text-decoration: none;
  color:#d2b075;
} 
.navbar-brand-centered {
  position: absolute;
  left: 50%;
  display: block;
  width: 160px;
  text-align: center;
  background-color: transparent;
}
.navbar>.container .navbar-brand-centered, 
.navbar>.container-fluid .navbar-brand-centered {
  margin-left: -80px;
}
.pd5  {
  padding: 0 5px;
}
.cruise-strip-right2 {
  margin-right: 20px;
}
.cruise-strip-right4 {
  margin-right: 20px;
}
.sponsor-item {
  padding: 15px;
}
.icons-list li img  {
  width: 46px;
}
.icons-list  {
  float: right;
  margin: 7px 0;
}
.navbar-toggle {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-top: 35px !important;
  margin-right: 15px;
  margin-bottom: 0px;
  background-color: #c79c42 !important;
  background-image: none;
  border: 1px solid #c79c42 !important;
  border-radius: 0px !important;
  
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #fff;
}
ul.list-unstyled.footer-contactlist2 {
  margin-top: 38px;
}
.wc-h4 {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -10px;
  z-index: 9999;
  color: #fff;
  padding:10px;
  font-weight: 700;
  letter-spacing: 1px;
  background: #000;
  background: -moz-linear-gradient(top,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.25) 64%,rgba(255,255,255,0) 100%);
  background: -webkit-linear-gradient(top,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.25) 64%,rgba(255,255,255,0) 100%);
  background: linear-gradient(to top,rgb(0 0 0 / 50%) 0%,rgb(0 0 0 / 25%) 64%,rgba(255,255,255,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#000000',GradientType=0);
}

/* Landing page */

.landingpage-sec  {
  padding: 534px 0 60px;
  background: url(../images/landingpage-sec-bg.jpg) no-repeat top center;
  background-size: cover;
  position: relative;
}

.landing-pera {
  color: #fff;
  line-height: 32px;
  font-size: 17px;
}
.desert-sec  {
  padding: 0px 0;
  background:#000;
  position: relative;
}
.title-strip6 h3  {
  font-size: 50px;
  font-weight:normal;
  color: #ccae62;
  text-align: center;
}
.landing-footer h3  {
  margin-top: 0;
  color: #fff;
  line-height: 30px;
  font-size: 21px;
}
.landing-footer-sec  {
  padding: 30px 0;
  background: #262626;
}
.landing-footer  {
  text-align: left;
}
.landing-footer-right  {
  text-align: left;
}
.landing-footer-right  h3  {
  margin-top: 0;
  color: #fff;
  line-height: 30px;
  font-size: 21px;
}
.featured-landing  {
  padding: 60px 0;
  background: #000;
}
.futured-logo {
  width: 75%;
  margin: 0px auto;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.futured-logo:hover  {
  opacity: .4;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.futured-strip  {
  padding: 50px 100px 100px;
}
.brochure-landing  {
  margin: 50px 0;
}
.brocure-icons  {
  width: 100px;
}
.brochure-landing h4  {
  color: #fff;
  font-size: 21px;
}
.brochure-landing img  {
  padding: 25px 0 10px;
}
.video-sec  {
  position: relative;
  padding: 0 0;
}
.play-icon  {
  position: absolute;
  left: 0;
  right: 0;
  top: 45%;
  z-index: 9999;
  width: 100px;
  margin: 0px auto;
}
.nav-tabs>li {
  float: none;
  margin-bottom: -1px;
  position: relative;
  display: table-cell;
}
.nav-tabs>li>a  {
  position: relative;
}
.nav-tabs>li>a> h4  {
  position: absolute;
  /* text-align: justify; */
  left: 0;
  right: 0;
  bottom: -1px;
  z-index: 999;
  text-align: center;
  color: #fff;
  margin: 0px auto;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 1px;
  /*transition: all 0.5s ease;*/
  /*-webkit-transition: all 0.5s ease;*/
  /*-moz-transition: all 0.5s ease;*/
  /*-ms-transition: all 0.5s ease;*/
  /*-o-transition: al ease;*/
  padding: 10px 0 16px;
  background: #000;
  background: -moz-linear-gradient(top,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.25) 64%,rgba(255,255,255,0) 100%);
  background: -webkit-linear-gradient(top,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.25) 64%,rgba(255,255,255,0) 100%);
  background: linear-gradient(to top,rgb(0 0 0 / 50%) 0%,rgb(0 0 0 / 25%) 64%,rgba(255,255,255,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#000000',GradientType=0);
}
.landing-tab-img  {
  width: 100%;
  border-radius: 20px;
}
.nav-tabs>li>a {
  margin-right: 2px;
  line-height: 1.42857143;
  border-radius: 20px;
  padding: 1px !important;
  background-color: #ccc;
  border: 1px solid #333;
  border-bottom-color: transparent;
  margin: 5px;
}
.nav-tabs  {
  border-bottom: none;
}
.nav-tabs>li>a:hover h4  {
  /*bottom:70px;*/
  /*transition: all 0.5s ease;*/
  /*-webkit-transition: all 0.5s ease;*/
  /*-moz-transition: all 0.5s ease;*/
  /*-ms-transition: all 0.5s ease;*/
  /*-o-transition: all 0.5s ease;*/
}
.tab-content-h4  {
  font-size: 40px;
  text-align: center;
  color: #fff;
  padding: 40px 0;
}
.tab-con  {
  background:#262626 url(../images/tab-con-bg.jpg) repeat-x;
  padding: 30px 0;
  
}
.over-text-normal  {
  text-align: right;
  padding-right: 15px;
  position: absolute;
  right: 15px;
  top: 145px;
  opacity: 1;
  z-index: 999999;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.pro-img-strip:hover .over-text-normal   {
  opacity: 0;
  right: 15px;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  z-index: 99999;
} 
.over-text-normal h3 {
  text-align: right;
    color: #fff;
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 1px;
}
.over-text-normal h4  {
  text-align: right;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 1px;
} 


.over-text h3 {
  text-align: right;
    color: #fff;
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 1px;
}
.over-text h4  {
  text-align: right;
    color: #fff;
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 1px;
} 
.over-text a  {
  background: #c79c42;
  color: #fff;
  padding: 10px 15px;
  border-radius: 7px;
  font-weight: 600;
    letter-spacing: 1px;
}
.over-text  {
  text-align: right;
  padding-right: 15px;
  position: absolute;
  right: -100px;
  top: 132px;
  opacity: 0;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.pro-img-strip:hover .over-text    {
  opacity: 1;
  right: 15px;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  z-index: 99999;
} 
.landing-tab-con  {
  margin-bottom: 30px;
  position: relative;
}
.landing-tab-con::before {
    content: "";
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.2);
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 9999;
    border-radius: 20px;
    background: -webkit-linear-gradient(top,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.25) 64%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to top,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.25) 64%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#000000',GradientType=0);
    
}
.bottom-content h2 {
  color: #ccae62;
  font-size: 60px;
  margin-bottom: 0;
  margin-top: 0;
}
.bottom-content h3  {
  color: #fff;
  font-size: 35px;
  padding-top: 0;
  margin-top: 0;
}
.bottom-content p  {
  color: #fff;
  font-size: 16px;
  line-height: 21px;
}
.bottom-content-sec  {
  padding: 70px 0;
  background: #000;
 
}
.fact-single-landing  {
 
}
.fact-single-landing img {
    width: 40px;
    margin-top: 15px;
}
.fact-single-landing h5 {
    text-align: center;
    font-size: 10px;
    margin: 2px 0;
}

.landing-hover-p
{
    font-size: 16px;
    margin: 5px 0px;
    line-height: 16px;
}

/* contact us */

.contactus-sec  {
  padding:425px 0 60px;
  background: url(../images/contact-bg.jpg) no-repeat top center ;
  background-size: cover;
  position: relative;
}
.contact-strip {
  border: 2px solid #b28e47;
  padding: 55px 0 0;
  position: relative;
}



.btn-submit  {
  background: #b28e47;
  padding: 5px 30px;
  border-radius: 20px;
  color: #000;
  font-size: 35px;
  position: relative;
  top: 30px;
 }
.contact-title  {
  background: #b28e47;
  padding: 12px 30px;
  border-radius: 20px;
  color: #000;
  font-size: 35px;
  position: relative;
  top: 20px;
  display: initial;
  z-index: 99;
} 
.title-strip-contact h3 {
  font-size: 60px;
  font-weight: normal;
  color: #fff;
  text-align: center;
}
.form-control {
  display: block;
  width: 100%;
  height: 55px;
  padding: 3px 30px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
  box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.form-group {
  padding-bottom: 0px;
  margin: 0px 0 0 0;
}
.gray-bg  {
  background: #2f2f2e !important;
  padding-bottom: 0;
}
.black-bg  {
  background: #000 !important;
  color: #fff;
}
.black1-bg  {
  background: #1a1a1a !important;
  color: #fff;
}
.gray1-bg  {
  background: #373636 !important;
  color: #fff;
}
.contact-strip-main  {
  padding: 100px 0;
}
.success-message  {
  color: #fff;
  font-size: 32px;
  text-align: center;
  padding-top:7%;
}
.contact-footer-strip ul li a {
  font-size: 25px;
  color: #fff;
}
.contact-footer-strip ul li {
  line-height: 40px;
}
.contact-footer-strip  {
  margin-top: 40px;
}
.contact-footer-strip ul li a:hover  {
  text-decoration: none;
  color: #b28e47;
}

.map{
  height: 290px;
  filter: grayscale(100%) invert(92%) contrast(83%);
}
.contact-footer-sec  {
  padding: 0px 0;
  background: #262626;
}


/* product */

.carousel-caption {
  bottom: 370px;
}
.carousel-caption h3  {
  font-size: 50px;
  letter-spacing: 6px;
}
.carousel-list  {
  padding: 10px 0;
  background: #000;
  margin-top: -407px;
}
.carousel-botm-list li {
  color: #fff;
    font-size: 26px;
    text-align: center;
    width: 18%;
    letter-spacing: 4px;
    border-right: 1px solid #fff;
    /* padding-right: 0; */
    /* padding-left: 16px; */
    line-height: 28px;
    /* padding-top: 20px; */
    /* padding-bottom: 6px;*/
}
ul.list-inline.carousel-botm-list {
  margin: 0px auto;
  text-align: center;
}
.carousel-botm-list li:last-child  {
  border-right: none;
}
.product-main-sec  {
  background: #000;
  padding: 90px 0;
}
.product-left-strip {
  padding-right: 45px;
}
.product-pera  {
  font-size: 16px;
    color: #fff;
    line-height: 26px;
    /* font-weight: 600; */
    margin-top: 50px;
}
.product-right-list li {
  color: #fff;
  font-size: 12px;
  padding-top: 11px;
  height: 45px;
}
.product-right-list li i {
  color: #fff;
  font-size: 20px;
}
i.fa.fa-angle-up {
  margin-left: -1px;
}
.product-right-list li img  {
  width: 18px;
  vertical-align: sub;
  margin-right: 2px;
}
.product-right-list-div {
  background: #303030;
  border-radius: 20px;
  padding: 1px;
  display: inline-flex;
}
.paymentMethod p {
    white-space: break-spaces !important;
    line-height: 18px;
}


input.form-control.text-center {
  background: transparent;
  width: 33px;
  padding: 0;
  margin-left: 1px;
  height: 20px;
    border: none;
    color: #fff;
    font-size: 13px;
     
   
  
   }
  
button.btn.btn-default {
  background: none;
  color: #fff;
  padding: 0;
  border: none;
  text-align: center;
  margin-bottom: 0;
  margin-top: 0;
}
.pro-3strip  {
  background: rgb(27,26,24);
  background: linear-gradient(190deg, rgba(27,26,24,1) 0%, rgba(51,51,51,1) 48%, rgba(51,51,51,1) 100%);
  padding: 20px 20px 30px;
  text-align: center;
  border-radius: 20px;
  margin-top: 40px;
}
.pro-3strip2  {
  background: rgb(65,64,64);
  background: linear-gradient(190deg, rgba(65,64,64,1) 0%, rgba(114,112,112,1) 48%, rgba(117,115,115,1) 100%);
}
.pro-3strip3  {
  background: rgb(199 156 66);
    background: linear-gradient(190deg, rgb(199 156 66) 0%, rgba(222,187,119,1) 48%, rgba(226,191,122,1) 100%);
}
.fa-circle-o  {
  color: #fff;
}
.pro-3strip h4  {
  color: #fff;
  font-size: 24px;
  margin-bottom: 5px;
  font-weight: 700;
    letter-spacing: 1px;
}
.pro-3strip p  {
  color: #fff;
  font-size: 12px;
  padding-top: 0;
  font-weight: 700;
    letter-spacing: 1px;
}
.pro-3strip h3 {
  color: #fff;
  font-size: 20px;
  
  font-weight: 700;
  letter-spacing: 1px;
  /* padding-top: 31%; */
}
.fact-strip  {
  /*padding-top: 30px;*/
}
.fact-strip h4  {
  color: #e2bf7a;
  font-size: 26px;
}
.fact-single h5  {
  color: #e2bf7a;
  font-size: 18px;
}
.fact-single  {
  margin-bottom: 30px;
}
.fact-single img {
    width: 55px;
}

.product-glance  {
  background: #1a1a1a;
  padding: 40px 0 60px;
}
.datepiker-product {
    width: 64px;
    background: transparent;
    color: #fff;
    border: none;
}
.ui-timepicker-viewport {
  padding: 0;
  overflow: auto;
  overflow-x: hidden;
  padding-right: 0 !important;
  width: 111px !important;
}
.ui-timepicker-no-scrollbar .ui-timepicker {
  border: none;
  width: 111px !important;
}
.ui-timepicker-standard {
  font-family: Verdana,Arial,sans-serif;
  font-size: 1.1em;
  background-color: #fff;
  border: 1px solid #AAA;
  color: #222;
  margin: 0;
  padding: 2px;
  width: 111px !important;
}
.pro-right-cart  {
  background: #585757;
  border-radius: 10px;
  color: #fff;
  padding: 13px 11px;
  font-size: 15px;
}
.pro-right-cart img {
  width: 25px;
  /* padding-right: 5px; */
  margin-right: 3px;
}
ul.list-inline.product-right-list {
  padding: 6px 0 6px;
}
.itinery-list li a i  {
  color: #b7924f;
} 
.itinery-list li a  {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
    letter-spacing: 1px;
}
.itinery-list li  {
  padding-right: 0;
}

.itinery-list li a img  {
  width: 14px;
  margin-right: 3px;
  vertical-align: top;
}
.book-now-btn-pro  {
  background: #464646;
  color: #fff;
  padding: 13px 25px;
  border-radius: 20px;
  margin-left: 5px;
}
.popup-strip  {
  text-align: center;
}

.pop-div  {
  text-align: center;
  border: 1px solid #ccc;
  background: #b69351;
  padding: 30px 0;
  border-radius: 20px;
}
.popup-title  {
  font-weight: 600;
}

.overview-list li a i  {
  color: #b7924f;
  font-size: 17px;
  margin-right: 5px;
} 
.overview-list li a  {
  color: #b69351;
  font-size: 23px;
  padding: 10px 10px;
}
.overview-list li  {
  padding-right: 0;
}
.overview-list li a img  {
  width: 14px;
  margin-right: 3px;
  vertical-align: top;
}
.highlight-img-strip h3 {
  color: #b69351;
    font-size: 20px;
}
.hightlight-btm-strip  {
  padding: 15px 250px 60px;
}
.highlight-sec  {
  padding: 30px 0;
  background: #000;
}
.highlight-img-strip img {
  width: 40%;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  
}
.highlight-img-strip:hover img {
  -ms-transform: rotate(360deg); /* IE 9 */
  -webkit-transform: rotate(360deg); /* Chrome, Safari, Opera */
  transform: rotate(360deg);
  transition: all 0.5s ease;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  
}


.overview-div  {
  margin-bottom: 40px;
}
.sailing-div  {
  background: #333333;
  padding: 25px 35px;
}
.siling-right-div  {
  background: #484848;
  padding: 20px;
}
.siling-right-div h3  {
  color:#ab8b4c;
  font-size: 30px;
  text-transform: uppercase;
  text-align: center;
}
.sailing-time-list li  {
  font-size: 32px;
  color: #ffff;
}
.sailing-time-list  {
  padding: 39px 20%;
}

.mouse_scroll {
	display: block;
	margin: 0 auto;
	width: 24px;
	height: 100px;
	/*margin-top: 125px;*/
    position: absolute;
    left: 0;
    right: 0;
    z-index: 999;
    bottom: 50px;
}


.m_scroll_arrows
{
  display: block;
  width: 5px;
  height: 5px;
  -ms-transform: rotate(45deg); /* IE 9 */
  -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
  transform: rotate(45deg);
   
  border-right: 5px solid #c79c42;
  border-bottom: 5px solid #c79c42;
  margin: 0 0 3px 4px;
  width: 26px;
  height: 26px;
}


.unu
{
  margin-top: 1px;
}

.unu, .doi, .trei
{
    -webkit-animation: mouse-scroll 1s infinite;
    -moz-animation: mouse-scroll 1s infinite;
    animation: mouse-scroll 1s infinite;
  
}

.unu
{
  -webkit-animation-delay: .1s;
  -moz-animation-delay: .1s;
  -webkit-animation-direction: alternate;
  
  animation-direction: alternate;
  animation-delay: alternate;
}

.doi
{
  -webkit-animation-delay: .2s;
  -moz-animation-delay: .2s;
  -webkit-animation-direction: alternate;
  
  animation-delay: .2s;
  animation-direction: alternate;
  
  margin-top: -6px;
}

.trei
{
  -webkit-animation-delay: .3s;
  -moz-animation-delay: .3s;
  -webkit-animation-direction: alternate;
  
  animation-delay: .3s;
  animation-direction: alternate;
  
  
  margin-top: -6px;
}

.mouse {
  height: 42px;
  width: 24px;
  border-radius: 0px;
  transform: none;
  background:#c79c42;
  border: 1px solid #fff;
  top: 170px;
}

.wheel {
  height: 5px;
  width: 2px;
  display: block;
  margin: 5px auto;
  background: #c79c42;
  position: relative;
  
  height: 4px;
  width: 4px;
  border: 2px solid #fff;
  -webkit-border-radius: 8px;
          border-radius: 8px;
}

.wheel {
  -webkit-animation: mouse-wheel 0.6s linear infinite;
  -moz-animation: mouse-wheel 0.6s linear infinite;
  animation: mouse-wheel 0.6s linear infinite;
}

@-webkit-keyframes mouse-wheel{
   0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(6px);
    -ms-transform: translateY(6px);
    transform: translateY(6px);
  }
}
@-moz-keyframes mouse-wheel {
  0% { top: 1px; }
  25% { top: 2px; }
  50% { top: 3px;}
  75% { top: 2px;}
  100% { top: 1px;}
}
@-o-keyframes mouse-wheel {

   0% { top: 1px; }
  25% { top: 2px; }
  50% { top: 3px;}
  75% { top: 2px;}
  100% { top: 1px;}
}
@keyframes mouse-wheel {

   0% { top: 1px; }
  25% { top: 2px; }
  50% { top: 3px;}
  75% { top: 2px;}
  100% { top: 1px;}
}

@-webkit-keyframes mouse-scroll {

  0%   { opacity: 0;}
  50%  { opacity: .5;}
  100% { opacity: 1;}
}
@-moz-keyframes mouse-scroll {

  0%   { opacity: 0; }
  50%  { opacity: .5; }
  100% { opacity: 1; }
}
@-o-keyframes mouse-scroll {

  0%   { opacity: 0; }
  50%  { opacity: .5; }
  100% { opacity: 1; }
}
@keyframes mouse-scroll {

  0%   { opacity: 0; }
  50%  { opacity: .5; }
  100% { opacity: 1; }
}
/*---------------social Icons -----------*/
.tooltip01 {
  position: relative;
  display: inline-block;
 
}

.tooltip01 .tooltiptext {
    visibility: hidden;
    width: 95px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    top: 10px;
    right: 119%;
    font-size: 12px;
}

.tooltip01 .tooltiptext::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent transparent black;
}
.tooltip01:hover .tooltiptext {
  visibility: visible;
}



.chatbox01 {
	width: 40px;
	position: fixed;
	right: 25px;
	bottom: 150px;
	z-index: 5000;
}
.fab01 {
	width: 45px;
	border-radius: 50%;
	height: 45px;
	padding: 8px 5px 5px 5px !important;
	text-align: center;

font-size: 28px !important;
line-height: 27px!important;
	/*background: #c79c42;*/
	color: #fff;
	margin: 10px 0px;
	box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.16), 0px 3px 10px rgba(0, 0, 0, 0.16);
	background: -webkit-linear-gradient(left, #d0901c 0%,#b88732 3%,rgb(226 183 105) 50%,rgb(232 204 108) 70%,#f8d38e 100%)
}
.fab02 {
	width: 45px;
	border-radius: 50%;
	margin: 10px 0px;
	height: 45px;
	padding: 8px 5px 5px 5px !important;
	text-align: center;

font-size: 28px !important;
line-height: 27px!important;
	/*background: #c79c42;*/
	
	color: #fff;
	box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.16), 0px 3px 10px rgba(0, 0, 0, 0.16);
	background: -webkit-linear-gradient(left, #d0901c 0%,#b88732 3%,rgb(226 183 105) 50%,rgb(232 204 108) 70%,#f8d38e 100%)
}
.fab03 {
	width: 45px;
	border-radius: 50%;
	margin: 10px 0px;
	height: 45px;
	padding: 8px 5px 5px 5px !important;
	text-align: center;
	cursor:pointer;

font-size: 28px !important;
line-height: 27px!important;
	/*background: #c79c42;*/
	color: #fff;
	box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.16), 0px 3px 10px rgba(0, 0, 0, 0.16);
	  background: -webkit-linear-gradient(left, #d0901c 0%,#b88732 3%,rgb(226 183 105) 50%,rgb(232 204 108) 70%,#f8d38e 100%)
}
.pd2  {
  padding: 0 2px;
}
.faq-sec  {
  background: #1a1a1a;
  padding: 30px 0;
}
.faq-botm-strip img {
    width: 90px;
}
/* accordian css */

.panel-title > a:before {
  float: right !important;
  font-family: FontAwesome;
  content:"\f056";
  padding-right: 5px;
}
.panel-title > a.collapsed:before {
  float: right !important;
  content:"\f055";
}
.panel-title > a:hover, 
.panel-title > a:active, 
.panel-title > a:focus  {
  text-decoration:none;
}
.panel-default>.panel-heading {
  background: #4e4d4d;
  color: #b4975e;
  border-radius: 20px;
  border-color: #4e4d4d;
}
.panel-title>.small, .panel-title>.small>a, .panel-title>a, .panel-title>small, .panel-title>small>a {
  color: inherit;
  font-size: 21px;
  font-weight: 600;
}
.panel-default>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #000;
  color: #c79c42;
    font-size: 16px;
    background: #000;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    line-height: 24px;
}
.panel-group .panel {
  margin-bottom: 0;
  border-radius: 20px;
  background: #4e4d4d;
  border-color: #4e4d4d;
}

/* accordian ended */

.faq-title  {
  background: #4e4d4d;
  color: #b4975e;
  border-radius: 20px;
  text-align: center;
  padding: 10px 20px;
}
.faq-botm-strip  {
  text-align: center;
}
.faq-botm-strip i  {
  font-size: 30px;
  color: #fff;
  margin-bottom: 5px;
}
.faq-botm-strip h4  {
  color: #fff;
  font-weight:300;
  font-size: 22px;

}
.faq-botm-strip h3  {
  color: #b4975e;
  font-size: 20px;
  text-transform: uppercase;
  font-family: 'Raleway', sans-serif;
}
.title-strip6 h3 {
  font-size: 35px;
  font-weight: 600;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
}
.recomending-sec  {
  background: #000 url(../images/product-footer-bg.jpg) no-repeat top center;
  padding:30px 0px 443px;
  position: relative;
  height: auto;
  background-size: cover;
}
.recomening-div  {
  background: #333333;
  padding: 25px 35px;
  margin-top: 26px;
}
.recommenting-img-strip  {
  position: relative;
  text-align: center;
}
.recommenting-img-strip h4  {
 position: absolute;
    left: 0;
    right: 0;
    bottom: 30px;
    z-index: 99999;
    color: #fff;
    font-size: 23px;
    text-transform: uppercase;
}
.recommenting-img-strip:before {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 99999;
    /* background: red; */
    width: 100%;
    height: 100%;
    content: "";
    background: #000;
    background: -moz-linear-gradient(top,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.25) 64%,rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(top,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.25) 64%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to top,rgb(0 0 0 / 50%) 0%,rgb(0 0 0 / 25%) 64%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#000000',GradientType=0);
}

/*.pro-img-strip:before {*/
/*    position: absolute;*/
/*    left: 0;*/
/*    bottom: 0;*/
/*    z-index: 99999;*/
    /* background: red; */
/*    width: 100%;*/
/*    height: 100%;*/
/*    content: "";*/
/*    background: #000;*/
/*    background: -moz-linear-gradient(top,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.25) 64%,rgba(255,255,255,0) 100%);*/
/*    background: -webkit-linear-gradient(top,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.25) 64%,rgba(255,255,255,0) 100%);*/
/*    background: linear-gradient(to top,rgb(0 0 0 / 50%) 0%,rgb(0 0 0 / 25%) 64%,rgba(255,255,255,0) 100%);*/
/*    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#000000',GradientType=0);*/
/*}*/

/* events */

.event-sec  {
  padding:609px 0 60px;
  background: url(../images/event-main-bg.png) no-repeat top center;
  background-size: cover;
  position: relative;
}
.title-strip-events h3 {
  font-size: 50px;
  font-weight: normal;
  color: #fff;
  text-align: center;
}
.events-logo-sec  {
  background: #171717;
  padding: 20px 0;
}
.event-logo h4 {
  color: #b28e47;
  font-size: 21px;
  font-weight: 600;
}
.event-logo img  {
  width: 80px;
}
.events-photosec  {
  background: #1a1a1a;
  padding: 60px 0;
}
.pad-1  {
  padding: 1px;
}
.eventphotogallery-img  {
  margin-bottom: 1px;
}
.event-contactus-sec  {
  padding: 60px 0;
  background: #000;
}


/* offer */

.offer-main-title  {
  font-size: 55px;
  color: #a89060;
}
.offer-first-sec  {
  padding: 60px 0;
  background: #000;
}
.offer-image-scroll-sec  {
  padding: 30px 0;
  background: #313030;
}
.offer-strip-img  {
  position: relative;
  overflow: hidden;
}
.offer-strip-img img  {
  border-radius: 20px;
}
.offer-strip-img h5 {
  position: absolute;
  right: 10px;
  bottom: 15px;
  color: #fff;
  z-index: 999;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 1px;
}
.offer-strip-img-h4 {
  position: absolute;
  right: 10px;
  bottom: 6px;
  color: #fff;
  z-index: 999;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 1px;
}
.offer-strip-img-h6 {
  position: absolute;
  right: 10px;
  bottom: 35px;
  color: #fff;
  z-index: 999;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 1px;
}
.offer-overlay  {
  /*position: absolute;*/
  /*left: 15px;*/
  /*bottom: -80px;*/
  /*z-index: 9999;*/
  /*opacity: 0;*/
  /*transition: all 0.5s ease;*/
  /*-webkit-transition: all 0.5s ease;*/
  /*-moz-transition: all 0.5s ease;*/
  /*-ms-transition: all 0.5s ease;*/
  /*-o-transition: all 0.5s ease;*/
  position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .5s ease;
    background-color: rgba(0,0,0,.8);
    z-index: 999999;
    border-radius: 20px;
}
.offer-overlay h6  {
  color: #fff;
  font-size: 14px;
  margin-bottom: 0;
  font-weight: 700;
    letter-spacing: 1px;
}
h6.clock-hover-offer {
    margin-bottom: 15px;
}
.offer-overlay h4  {
  color: #fff;
  font-size: 22px;
  font-weight: 600;
  letter-spacing: 1px;
  margin-top: 0;
  margin-bottom: 0;
  letter-spacing: 1px;
}
.offer-overlay h3  {
  color: #ffff;
  font-size: 17px;
  margin-top: 20px;
  font-weight: 600;
  letter-spacing: 1px;
}
.offer-strip-img:hover .offer-overlay  {
  opacity: 1;
  bottom: 10px;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.offer-strip-img:hover .offer-normal
{
    display:none;
    
}
.mar-50  {
  margin-bottom: 50px;
}
.offer-last-sec  {
  background: #000;
  padding: 100px 0;
}
.offer-last-sec h1  {
  font-size: 44px;
  color: #fff;
  font-weight: normal;
  margin-bottom: 0;
}
.offer-last-sec h2  {
  font-size: 30px;
  color: #fff;
  font-weight: normal;
  margin-top: 0;
}

.blog-sec  {
  padding:362px 0 60px;
  background:#000 url(../images/blog-bg.jpg) no-repeat top center ;
  background-size: cover;
  position: relative;
}
.blog-pera  {
  color: #fff;
  font-size: 27px !important;
}
.bottom-content2 h2 {
  color: #ccae62;
  font-size: 60px;
  margin-bottom: 0;
  margin-top: 0;
}
.bottom-content2 h3  {
  color: #fff;
  font-size: 35px;
  padding-top: 0;
  margin-top: 0;
}
.bottom-content2 p  {
  color: #fff;
  font-size: 16px;
  line-height: 21px;
}
.bottom-content h2 {
  color: #ccae62;
  font-size: 60px;
  margin-bottom: 0;
  margin-top: 0;
}
.bottom-content h3  {
  color: #fff;
  font-size: 35px;
  padding-top: 0;
  margin-top: 0;
}
.bottom-content p  {
  color: #fff;
  font-size: 16px;
  line-height: 21px;
}
.bottom-content2  {
  padding: 70px 0 100px;
 
}
.blog-btm  {
  background: transparent;

}

.blog-right h3 {
  font-size: 30px;
  color: #ccae62;
  margin-top: 0;
}
.blog-right h4 {
  font-size: 22px;
  color: #8d8d8c;
}

.blog-right p {
  color: #fff;
  line-height: 32px;
  font-size: 17px;
}
.book-now-btn-blog  {
  background: #b49150;
  color: #000;
  padding: 10px 25px;
  border-radius: 20px;
  font-weight: 600;
  font-size: 18px;
}
.book-now-btn-blog:hover  {
  color: #fff;
  text-decoration: none;
}
/* unvisited link */
a.book-now-btn-blog:link {
  color: #000;
  text-decoration: none;
}
/* selected link */
a.book-now-btn-blog:visited {
  color: #000;
  text-decoration: none;
}

.blog-strip  {
  margin-bottom: 100px;
}
.blog-right p.back-pera  {
  color: #000 !important;
}
.tickets-sec  {
  padding: 30px 0 100px;
  background: #000;
}
.ticket-title  {
  color: #fff;
  text-transform: uppercase;
  font-size: 30px;
  margin-bottom: 30px;
}
.ticket-strip  {
  position: relative;
  margin-bottom: 80px;
}
.con-left  {
  font-size: 22px;
  color: #fff;
  float: left;
}
.con-right  {
  float: right;
  text-align: right;
}
.con-right h4 {
  color: #fff;
  font-size: 24px;
}
.con-right h6 {
  color: #d2d0d0;
  font-size: 14px;
}

/* ribbon colours */

.ribon-strip-green  {
  font-size: 17px;
  color: #fff;
  background: #398e06;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  padding: 5px 15px;
  position: absolute;
  right: 0;
  top: 15px;
}
.ribon-strip-or  {
  font-size: 17px;
  color: #fff;
  background: #e19a01;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  padding: 5px 15px;
  position: absolute;
  right: 0;
  top: 15px;
}
.ribon-strip-red  {
  font-size: 17px;
  color: #fff;
  background: #ff0000;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  padding: 5px 15px;
  position: absolute;
  right: 0;
  top: 15px;
}


aside {
  position:absolute;
  background-color:red;
  height:150px;
  width:150px;
  margin:10px;
  display: none;
}
.first-div{background-color:black;}
.second-div{background-color:blue;}
.third-div{background-color:green;}
.forth-div{background-color:yellow;}

input[name="clr"]:checked + aside {
  display: block;
}
.booking-sec  {
  background: #000;
  padding: 60px 0;
}
.booking-strip h4  {
  color: #fff;
  font-size: 23px;
  padding: 5px 0;
}
.contact-strip-booking {
  position: relative;
}
.pd-l  {
  padding-left: 2px;
}
.pd-r  {
  padding-right: 2px;
}
.btn-booking  {
  padding: 10px 25px;
  background: #b28e47;
  border-radius: 20px;
  font-size: 17px;
  color: #000;
  font-weight: 600;
  margin-top: 20px;
}

.radius-left-top  {
  border-top-left-radius: 20px !important;
}

.radius-right-top  {
  border-top-right-radius: 20px !important;
}
.radius-left-bottom  {
  border-bottom-left-radius: 20px !important;
  border-bottom-right-radius: 20px !important;
}

.gray-text  {
  color: #696866 !important;
  padding: 30px 0;
}

.funkyradio div {
  clear: both;
  overflow: hidden;
}

.funkyradio label {
  width: 100%;
  border-radius: 3px;
  border: none;
  font-weight: normal;
  text-align: left;
  font-size: 15px;
  color: #fff;
  line-height: 31px !important;

}

.funkyradio input[type="radio"]:empty,
.funkyradio input[type="checkbox"]:empty {
  display: none;
}

.funkyradio input[type="radio"]:empty ~ label, .funkyradio input[type="checkbox"]:empty ~ label {
  position: relative;
  line-height: 30px;
  text-indent: 3.25em;
  margin-top: 0;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.funkyradio input[type="radio"]:empty ~ label:before,
.funkyradio input[type="checkbox"]:empty ~ label:before {
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  left: 6px;
  content: '';
  width: 41px;
  background: #696866;
  border-radius: 0;
  font-size: 19px;
  height: 34px;
  padding-top: 4px;
  text-align: left;
  padding-right: 0px;
  padding-left: -6px !important;
  margin-left: -5px;
}

.funkyradio input[type="radio"]:hover:not(:checked) ~ label,
.funkyradio input[type="checkbox"]:hover:not(:checked) ~ label {
  color: #888;
}

.funkyradio input[type="radio"]:hover:not(:checked) ~ label:before,
.funkyradio input[type="checkbox"]:hover:not(:checked) ~ label:before {
  content: '\2714';
  text-indent: .9em;
  color: #C2C2C2;
}

.funkyradio input[type="radio"]:checked ~ label,
.funkyradio input[type="checkbox"]:checked ~ label {
  color: #777;
}

.funkyradio input[type="radio"]:checked ~ label:before,
.funkyradio input[type="checkbox"]:checked ~ label:before {
  content: '\2714';
  text-indent: .9em;
  color: #333;
  background-color: #ccc;
}

.funkyradio input[type="radio"]:focus ~ label:before,
.funkyradio input[type="checkbox"]:focus ~ label:before {
  box-shadow: 0 0 0 3px #999;
}

.funkyradio-default input[type="radio"]:checked ~ label:before,
.funkyradio-default input[type="checkbox"]:checked ~ label:before {
  color: #333;
  background-color: #ccc;
}

.funkyradio-primary input[type="radio"]:checked ~ label:before,
.funkyradio-primary input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #696866;
}

.funkyradio-success input[type="radio"]:checked ~ label:before,
.funkyradio-success input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #5cb85c;
}

.funkyradio-danger input[type="radio"]:checked ~ label:before,
.funkyradio-danger input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #d9534f;
}

.funkyradio-warning input[type="radio"]:checked ~ label:before,
.funkyradio-warning input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #f0ad4e;
}

.funkyradio-info input[type="radio"]:checked ~ label:before,
.funkyradio-info input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #5bc0de;
}

.drop  {
  position: relative;
}
.drop i  {
  position: absolute;
  top: 11px;
  right: 18px;
  z-index: 999;
  font-size: 31px !important;
  color: #fff;
}
.gray-select-bg  {
  background: #696866 !important;
  color: #fff;
  border-radius: 50px !important;
}
select.form-control.gray-bg {
  color: #fff;
}
.white-or  {
  color: #fff;
  font-size: 20px;
  background: #2f2f2e !important;
  padding: 16px 15px;
  margin: 0;
}
.table-striped>tbody>tr:nth-of-type(odd) {
  background-color: #373636;
  color: #fff;
  border: none;
}
.table>tbody>tr{
  padding: 18px 0;
  vertical-align: top;
  border-top: none;
  background: #1a1a1a;
  color: #fff;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
  padding: 16px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid transparent;
  text-align: left;
  border-right: 2px solid #000;
  font-size: 16px;
}
.mr-50  {
  margin-top: 50px;
}
.table-second tr td  {
  border-bottom: 2px solid #000 !important;
  background:#373636;
}
.bg-font  {
  font-size: 20px;
}

form.example input[type=text] {
  padding: 7px;
  font-size: 21px;
  border: 1px solid #373636;
  float: left;
  width: 75%;
  background: #373636;
  color: #fff;
}

form.example button {
  float: left;
  width: 25%;
  padding: 8px 0;
  background: #373636;
  color: #b28e47;
  font-size: 20px;
  border: 1px solid #373636;
  border-left: none;
  cursor: pointer;
  border-left: 2px solid #000;
}

form.example::after {
  content: "";
  clear: both;
  display: table;
}
.terms-pera  {
  color: #fff;
  font-size: 14px;
  line-height: 20px;
  text-align: left;
  padding: 0 15px;
}
.table-second tr td  {
  font-size: 20px !important;
}

.bookingconfrimation-strip  {
  background: #000;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  padding: 20px 40px 20px 40px;
  border-bottom: 2px solid #595957;
}
.booking-confirmation-sec  {
  background: #282828;
  padding: 100px 0;
}
.booking-title-strip  {
  text-align: right;
}
.btn-booking-next  {
  padding: 6px 35px;
  background: #b28e47;
  border-radius: 20px;
  font-size: 17px;
  color: #000;
  font-weight: 600;
  margin-top: 20px;
}
.booking-title-strip h3  {
  color: #b28e47;
  font-size: 35px;
  padding: 0;
  margin: 0;
}
.booking-title-strip p  {
  color: #fff;
  padding: 0;
  font-size: 14px;
  margin: 0;
}
.booking-title-strip h4  {
  color: #fff;
  font-size: 24px;
  margin: 0;
  padding: 0;
}
.table-booking>tbody>tr  {
  background: none;
}
.table-booking>tbody>tr>td  {
  font-size: 20px;
  padding: 5px 0;
  color: #a2a2a2;
}
.bookingconfrimation-strip2  {
  background: #000;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  padding: 20px 40px 20px 40px;
}
.form-group .guest-labe  {
  font-size: 23px;
  color: #fff;
}
.guest-textarea  {
  border: 1px solid #a2a2a2 !important;
  border-radius: 20px !important;
}
.booking-address  {
  color: #b28e47;
  font-size: 14px;
  text-align: center;
}
.qr-sec  {
  background: #cbae4a;
  border-radius: 20px;
  padding: 20px 60px;
  position: relative;
}
.qrcode-img  {
  padding: 100px 0;
}
.qr-sec p  {
  color: #000;
  font-size: 17px;
  font-weight: 600;
  text-align: center;
  line-height: 22px;
}
.dotted-str  {
  position: absolute;
  left: 0;
  right: 0;
  top: 2px;
  width: 91%;
  border-top: 5px dotted #000;
  margin: 0px auto;
}
.modal-form-select  {
  height: auto !important;
}
.drop2 i {
  position: absolute;
  top: 0px;
  right: 18px;
  z-index: 999;
  font-size: 31px !important;
  color: #fff;
}
.gray-select-bg {
  background: #696866 !important;
  color: #fff;
  border-radius: 50px !important;
}
.pax  {
  background: #71603f;
  color: #fff;
  padding:6px 11px;
}
.table-img-popup  {
  width:auto;
}
.modal-table tr td  {
  vertical-align: middle !important;
  padding: 0 !important;
  border-right: none !important;
}

ul.list-inline.itinery-list {
  margin-top: 15px;
}
.title-white-text  {
  color: #fff !important;
}
.mr30  {
  margin-bottom: 30px;
}

div#ui-datepicker-div {
    background: #303030;
    color: #fff;
}

.ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all {
    background: #303030;
    color: #c79c42;
}
.ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all {
    background: #303030;
    color: #c79c42;
    border: none;
    border-bottom: 1px solid #ffffff !important;
}
a.ui-state-default {
    padding: 3px !important;
    text-align: center !important;
    background: #333333 !important;
    color: white !important;
}
a.ui-state-default.ui-state-highlight {
    background: #c79c42 !important;
    color: #fff !important;
}
a.ui-state-default.ui-state-active {
    background: #c79c42;
    color: #fff;
    border: 1px solid #fff;
}
a.ui-datepicker-prev.ui-corner-all {
    background: #6d6d6d;
}
a.ui-datepicker-next.ui-corner-all {
     background: #6d6d6d;
}
.ui-timepicker-standard a {
    border: 1px solid #000000d9;
    color: #fff !important;
    display: block;
    padding: 1px !important;
    text-decoration: none;
    margin: 2px !important;
    font-size: 14px !important;
    background: #303030;
}
::-webkit-scrollbar {
    width: 5px;
}
::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 5px rgb(48 48 48);
}
::-webkit-scrollbar-track {
    background-color: #dadada;
}
.ui-timepicker-standard {
    font-family: Verdana,Arial,sans-serif;
    font-size: 1.1em;
    background-color: #FFF;
    border: 1px solid #AAA;
    color: #222;
    margin: 0;
    padding: 0px !important;
}
.text-gold
{
    color:#c79c42 !important;
}
.grad-bg-titles
{
    text-shadow: -1px 1px 0 #000,
                          1px 1px 0 #000,
                         1px -1px 0 #000,
                        -1px -1px 0 #000;
}
.faq-top
{
    padding-top:15%;
}