﻿/*

    All site-applicable classes go in here - fonts, colors etc...

*/

/* Override boostrap padding and margins */
/*.container-fluid, .row, .row > div { padding: 0; margin: 0; }*/
/*.container { padding: 0; }*/

/*body
{
    min-width: 320px;
    margin: auto;
    height: 100%;
    color: black;
}*/

/*p, p a 
{
    line-height: 1.5rem;
}*/

.red-txt {
    color: red;
}

.bold-red-txt {
    font-weight: 700;
    color: red;
}

.page-slider
{
    border-bottom: 1px solid #C0B460;
    padding-top: 15px;
    padding-bottom: 15px;
    border-top: 1px solid #C0B460;
    margin-top: 15px;
}

.page-slider .carousel-indicators li
{
    background-color: #C0B460;
    height: 2px;
}

.page-slider .carousel-indicators li.active
{
    background-color: #fff;
}

.page-slider .carousel-indicators
{
    bottom: 0;
    margin-left: 0;
    margin-right: 0;
}

.page-slider .carousel-inner
{
    text-align: center;
}

.page-slider .item img
{
    display: block;
    margin: auto;
    height: 420px;
}

body.mce-content-body
{
    background-color: white;
    color: black;
    font-size: 150%;
}

/*footer.footer-container
{
    padding: 15px;
    background: #C0B460;
}*/

/*.footer-menu-col:nth-child(2)
{
    clear: left;
}*/

/*.copyright-footer
{
    padding: 15px;
    background: #000;
    
}*/

/*.copyright-footer span
{
    display: block;
    font-size: 14px;
    margin: 0;
}

.copyright-footer span a:hover
{
    color: #C0B460;
    text-decoration: none;
}

.copyright-footer span.copyright
{
    float: left;
    color: white;
}

.copyright-footer span.built-by
{
    float: left;
    clear: left;
    margin-top: 10px;
    color: #fff;
}*/
    
/*img.logo
{
    width: 80%;
}

h1, h2, h3
{
    margin: 15px 0;
}

h1 a:hover, h2 a:hover, h3 a:hover{
    opacity: .5;
    text-decoration: none;
    color: #fff;
}*/

h1
{
    font-size: 24px;
    margin: 15px 0;
}

/*p, span{
    margin-bottom: 1rem;
    line-height: 1.5rem;
}*/

.z-index-2
{
    position: relative; 
    z-index:2
}

/*a:hover, a:focus {
    color: #C0B460;
    text-decoration: underline;
}
a, a:visited, a:active
{
    text-decoration: none;
    color: white;
    transition: all .5s ease-in-out;
}*/

.cookie-policy-text
{
    text-align: center;
    padding: 15px 0;
}

.cookie-policy-text span.cookie-close-button
{
    padding-right: 10px;
    font-weight: bold;
}

a.package-grid-img-link
{
    display: block;
    overflow: hidden;
}

.special-offer-mask 
{
     overflow: hidden;
     position:relative;
     z-index: 2;
}

/*.special-offer-banner
{
    background-color: red;
    color: white;
    text-transform: uppercase;
    padding: 10px;
    text-align: center;
    position: absolute;
    right: -50px;
    top: 35px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    width: 220px;
    z-index: 1;
}*/

/* Home page */
/*#home-page div.col-xs-12.main-content > div
{
    padding: 0;
}*/

/*#home-page .outro-container
{
    margin-top: 25px;
}*/

/* hamburger menu */

/*.hamburger{
    width: 27px;
    height: auto;
    float: right;
    cursor: pointer;
    margin-right: 0px;
    margin-top: 6px;
}
.hamburger .line{
    width: 27px;
    height: 3px;
    background-color: #ecf0f1;
    display: block;
    margin: 5px auto;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.hamburger:hover{
    cursor: pointer;
}

#hamburger-5.is-active{
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transition-delay: 0.6s;
  -o-transition-delay: 0.6s;
  transition-delay: 0.6s;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#hamburger-5.is-active .line:nth-child(2){
  width: 0px;
}

#hamburger-5.is-active .line:nth-child(1),
#hamburger-5.is-active .line:nth-child(3){
  -webkit-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

#hamburger-5.is-active .line:nth-child(1){
  -webkit-transform: translateY(12px);
  -ms-transform: translateY(12px);
  -o-transform: translateY(12px);
  transform: translateY(12px);
}

#hamburger-5.is-active .line:nth-child(3){
  -webkit-transform: translateY(-4px) rotate(90deg);
  -ms-transform: translateY(-4px) rotate(90deg);
  -o-transform: translateY(-4px) rotate(90deg);
  transform: translateY(-4px) rotate(90deg);
}

.hamburger-menu-button
{
    width: 50px;
    height: auto;
    float: right;
    cursor: pointer;
    margin-right: 5px;
    margin-top: -8px;
    display: none;
}

.hamburger-menu-button > span
{
    display: block;
    background-color: white;
    height: 4px;
    margin-top: 8px;
}*/

/* main menu */
nav.main-menu
{
    display: none;
    float: left;
    margin-top: 10px;
    width: 100%;
}

nav.main-menu li
{
    display: inline-block;
    width: 100%;
    margin: 5px 0;
}

nav.main-menu li a
{
    text-decoration: none!important;
    text-transform: capitalize;
    font-size: 1.2rem;
    font-weight: bold;
    color: #fff;
}

nav.main-menu li a:hover,
nav.main-menu li a:active
{
    color: #C0B460;
}

nav.main-menu li:last-child:after
{
    content: "";
    padding: 0;
}

nav.main-menu li:last-child
{
    margin-right: 0;
}

/* top menu */
nav.top-menu
{
    display: none;
    margin-top: 10px;
    float: left;
    clear: both;
    line-height: 1;
    width: 100%;
    border-top: 3px solid white;
}

nav.top-menu li
{
    display: inline-block;
    width: 100%;
    line-height: 1;
    margin: 15px 0;
}

nav.top-menu li:last-child
{
    margin-right: 0;
}

nav.top-menu li a:active, nav.top-menu li a:visited, nav.top-menu li a:hover, nav.top-menu li a:link
{
    text-decoration: none!important;
}

nav.top-menu li a:hover
{
    color: #C0B460;
}

nav.top-menu li a
{
    font-size: 1rem;
    line-height: 1rem;
    vertical-align: top;
}

a#header_email:active, a#header_email:visited, a#header_email:hover, a#header_email:link
{
    text-decoration: none!important;
}
a#header_email{
    position: relative;
    padding-left: 20px;
}
a#header_email:before{
    content: "";
    background-image: url(/images/icons/mail.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 17px;
    height: 20px;
    display: inline-block;
    position: absolute;
    left: -3px;
    margin-right: 10px;
    top: 3px;
}
.phone-numbers a{
    position: relative;
    padding-left: 15px;
}
.phone-numbers a:before{
    content: "";
    background-image: url(/images/icons/phone.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 15px;
    height: 20px;
    display: inline-block;
    position: absolute;
    left: -5px;
    margin-right: 10px;
    top: 1px;
}
.phone-numbers a:hover{
    text-decoration: none;
}
a#header_email:hover
{
    color: #C0B460;
}

.top-menu-phone-numbers, .phone-numbers
{
    float: left;
}

nav.phone-numbers
{
    display: none;
    text-align: left;
    margin: 5px 0;
    margin-left: 10px;
    font-weight: 700;
    font-size: 0.875rem;
}

.phone-numbers li
{
    margin: 5px 15px 5px 0;
    display: inline-block;
    font-size: 0.875rem;
}

#trustpilot-holder
{
    display: inline-block;
    position: relative;
    top: 35px;
    left: -170px;
}

nav.currency-menu
{
    color: white;
    display: none;
    float: left;
    margin-top: 10px;
    clear: both;
    font-size: 14px;
    font-weight: 700;
    border-top: 3px solid white;
    width: 100%;
}

nav.currency-menu ul
{
    margin-top: 15px;
}

.currency-button.selected, .currency-button:hover
{
    opacity: 1.0;
}

.currency-button
{
    opacity: 0.7;
    width: 32px;
    height: 24px;
    background-repeat: no-repeat;
    background-size: contain;
    float: left;
}

/* login form */
#login-page .cols-three-container
{
    margin-top: 0;
}

.login-form-container div.row > div.col-xs-12
{
    padding-top: 15px;
    padding-bottom: 15px;
}

/*.logo-h1-container, .logo-h1-container > *
{
    float: left;
    clear: left;
    color: white;
    height: auto;
    line-height: 1;
}*/

/* Hotels */
.hotel-grid-container
{
    color: black;
    margin: 15px 0;
}

.hotel-grid-title
{
    background-color: #C0B460;
    padding: 1px 0;
}

.hotel-grid-container h2
{
    font-size: 1.5rem;
    margin-left: 65px;
    margin-top: 10px;
}

.hotel-grid-container h2::before
{
    background: no-repeat url(/images/icons/hotel-inverse-47x47.png);
    display: inline-block;
    width: 57px;
    height: 47px;
    content: ' ';
    position: absolute;
    left: 25px;
    top: 25px;
}

.hotel-grid-container .find-out-more
{
    color: white;
    margin-top: 0;
    margin-left: 25px;
    margin-bottom: 25px;
}

.hotel-grid-summary
{
    padding: 25px;
    padding-bottom: 15px;
    background-color: white;
}

.hotel-grid-cell:nth-of-type(3n+1)
{
    clear: left;
}

.hotel-grid-img
{
    height: 277px;
    width: 100%;    
    display: block;
}

.hotel-grid-link
{
    float: right;
    margin: 15px 0;
}

.hotel-grid-summary ul
{
    list-style: disc;
    margin: 15px;
}

.hotel-grid-summary ul li
{
    line-height: 1.5em;
}

/* Extras */
.extra-grid-container
{
    color: black;
    margin: 15px 0;
}

.extra-grid-title
{
    background-color: #C0B460;
    padding: 1px 0;
}

.extra-grid-container h2
{
    font-size: 1.5rem;
    margin-left: 65px;
    margin-top: 10px;
}

.extra-grid-container h2::before
{
    background: no-repeat url(/images/icons/hotel-inverse-47x47.png);
    display: inline-block;
    width: 57px;
    height: 47px;
    content: ' ';
    position: absolute;
    left: 25px;
    top: 25px;
}

.extra-grid-container .find-out-more
{
    color: white;
    margin-top: 0;
    margin-left: 25px;
    margin-bottom: 25px;
}

.extra-grid-summary
{
    padding: 25px;
    padding-bottom: 15px;
    background-color: white;
}

.extra-grid-img
{
    height: 277px;
    width: 100%;    
    display: block;
}

.extra-grid-cell:nth-of-type(3n+1)
{
    clear: left;
}

.extra-grid-link
{
    float: right;
    margin: 15px 0;
}

.extra-grid-summary ul
{
    list-style: disc;
    margin: 15px;
}

.extra-grid-summary ul li
{
    line-height: 1.5em;
}

/* Packages */
.package-grid-container
{
    color: black;
    margin: 15px 0;
}

.package-grid-title
{
    position: relative;
    background-color: #C0B460;
    padding: 1px 0;
}

.package-grid-container h2
{
    font-size: 1.5rem;
    padding: 1rem;
    margin: 0;
    font-weight: 400;
    /*margin-left: 70px;*/
}

/*.package-grid-container h2::before
{
    background: no-repeat url(/images/icons/car-inverse-47x47.png);
    display: inline-block;
    width: 57px;
    height: 47px;
    content: ' ';
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
}*/

/*.package-grid-img
{
    height: 277px;
    width: 100%;    
    display: block;
}

.package-grid-cell:nth-of-type(3n+1)
{
    clear: left;
}

.package-grid-container .find-out-more
{
    color: white;
    margin-top: 0;
    margin-left: 25px;
    margin-bottom: 25px;
}*/

/*.package-grid-summary
{
    padding: 15px 25px;
    padding-bottom: 15px;
    background-color: white;
}*/

/*.package-grid-summary__price
{
    color: #C0B460;
    font-weight: 700;
    margin-top: .5rem;
    font-size: 1.15rem;
}*/

/*.package-grid-summary h4 
{
    font-weight: 400;
    font-size: 1.75rem;
    line-height: 2.25rem;
}

.package-grid-summary ul
{
    list-style: none;
}

.package-grid-summary ul li
{
    line-height: 1rem;
    padding-left: 1rem; 
    margin-left: 1rem;
    text-indent: -.5rem;
    display: block;
}

.package-grid-summary ul li::before 
{
    font-family: FontAwesome;
    content: "\f111";
    font-size: .50rem;
    left: -1rem;
    position: relative;
    color: #C0B460;
    top: -.1rem;
}*/

/* Tickets */
.ticket-grid-container
{
    color: black;
    margin: 15px 0;
}

.ticket-grid-title
{
    background-color: #C0B460;
    padding: 1px 0;
}

.ticket-grid-img
{
    height: 277px;
    width: 100%;    
    display: block;
}

.ticket-grid-container h2
{
    font-size: 1.5rem;
    margin-left: 65px;
    margin-top: 10px;
}

.ticket-grid-container h2::before
{
    background: no-repeat url(/images/icons/binoculars-inverse-47x47.png);
    display: inline-block;
    width: 57px;
    height: 47px;
    content: ' ';
    position: absolute;
    left: 25px;
    top: 25px;
}

.ticket-grid-cell:nth-of-type(3n+1)
{
    clear: left;
}

.ticket-grid-link
{
    float: right;
    margin: 15px 0;
}

.ticket-grid-summary
{
    padding: 25px;
    padding-bottom: 15px;
    background-color: white;
}

.ticket-grid-summary ul
{
    list-style: disc;
    margin: 15px;
}

.ticket-grid-summary ul li
{
    line-height: 1.5em;
}

.ticket-grid-pricelist
{
    background-color: white;
    padding: 25px;
    padding-top: 0;
}

.ticket-grid-pricelist .rate-item-date, .ticket-grid-pricelist .rate-item-price
{
    background-color: white;
    color: black;
}

.ticket-grid-container .find-out-more 
{
    color: white;
    margin-top: 0;
    margin-left: 25px;
    margin-bottom: 25px;
}

/* Rates */
/*.rate-item-container
{
    width: 100%;
    line-height: 1.5em;
}

.rate-item-date
{
    background-color: black;
    position: relative;
    z-index: 1;
    float: left;
}

.rate-item-price
{
    background-color: black;
    position: relative;
    z-index: 1;
    float: right;
}

.rate-item-dots
{
    position: absolute;
    z-index: 0;
    line-height: 1.5em;
    width: 100%;
}*/

#CurrencyList
{
    float: right;
}

#enquire-form
{
    width: 960px;
    margin: auto;
    border: 2px solid #eaeaea /*#3a3732; */;
    border-radius: 10px;
}

#enquire-form .row
{
    margin-top: 15px;
    margin-bottom: 15px;
}

#enquire-form input[type=text], #enquire-form textarea
{
    width: 100%;
}

#enquire-form button
{
    margin: 15px 0;
}

#enquire-form label, #enquire-form p
{
    margin: 5px 0;
}

#enquire-form input[type=checkbox]
{
    float: right;
}

#enquire-form .uk-flag
{
    margin-right: 0;
}

.validation-text
{
    color: red;
    margin-top: 5px;
}

/*.dotted-line
{
    border-bottom: 2px dotted white;
    position: relative;
    top: -8px;
}*/

.black-container
{
    padding: 15px;
    background-color: black;
    border-radius: 10px 10px 0 0;
}

.black-bk
{
    background-color: #000;
}

.three-col-img img
{
    height: 260px;
    width: 100%;
    max-width: 100%;
    object-fit: cover;
    object-position: center;
    top: 50%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

 .three-col-container
 {
     margin-top: 20px;
     background-color: #C0B460;
     color: #fff;
 }

.three-col-content {
     padding: 25px;
     position: relative;
}

/* Add icons to the titles of the Three columns boxes on Home Page*/
.h2-home-icon-3-col
{
    position: relative;
    font-size: 1.2rem;
    padding: 15px;
    padding-top: 10px;
    margin: 0 0 0 65px;
    line-height: 1.125;
    font-weight: 400;
}

.h2-home-icon-3-col::before 
{
    display: inline-block;
    width: 57px;
    height: 47px;
    content: ' ';
    position: absolute;
    left: -47px;
    top: 50%;
    transform: translateY(-50%);
}

.three-col-container-1 .h2-home-icon-3-col::before {background: no-repeat url('/images/icons/car-inverse-47x47.png');}
.three-col-container-2 .h2-home-icon-3-col::before {background: no-repeat url('/images/icons/binoculars-inverse-47x47.png');}
.three-col-container-3 .h2-home-icon-3-col::before {background: no-repeat url('/images/icons/hotel-inverse-47x47.png');}

.three-col-img{
    overflow: hidden;
    height: 400px;
    position: relative;
}
.three-col-img img{
    transition: all .5s ease-in-out;
    -webkit-transition:all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
}

.three-col-container:hover .three-col-img img,
.three-col-container:active .three-col-img img{
    transform: translateX(-50%) translateY(-50%) scale(1.1);
}

 a.find-out-more
 {
    display: inline-block;
    margin-top: 20px;
    padding: 10px 15px;
    color: #fff;
    background-color: #C0B460;
    font-weight: 700;
 }

 a.find-out-more:hover
 {
    text-decoration: none;
    color: #fff;
    background-color: #816e39;
 }

.three-col-container a.find-out-more
 {
    color: white;
    background-color: #716237;
    margin-top: 20px;
 }

.three-col-container a.find-out-more:hover
 {
    color: #C0B460;
    background-color: #fff;
 }

 .white-box
 {
     color: #000000;
     background-color: white;
     padding: 15px;
     margin-bottom: 20px;
     position: relative;
 }

 .white-box h2
 {
     font-size: 1.889em;
     font-weight: 400;
     margin-top: 0;
     line-height: 1.5rem;
 }

 .white-box-content a:link, .white-box-content a:hover, .white-box-content a:active, .white-box-content a:visited {
     color: #C0B460;
     font-family: base_font_medium;
 }
.white-box-content a:hover, .white-box-content a:active {
    color: #000000;
    text-decoration: none;
}

 .white-box-content ul, .white-box-content ol 
 {
    /*list-style-position: outside;
    list-style-type: square;
    margin-left: 1rem;
    padding-left: 1.5rem;
    margin-bottom: 1.25rem;*/
    list-style: none;
    margin-bottom: 1rem;
 }

.white-box-content ul li,
.white-box-content ol li 
{
    padding-left: 1rem;
    position: relative;

}
.white-box-content ul li:before,
.white-box-content ol li:before
{
    font-family: FontAwesome;
    content: "\f111";
    font-size: .50rem;
    left: 0rem;
    position: absolute;
    color: #C0B460;
    top: 0rem;
}
    

/*  Add icons to the titles of the White boxes content on Home Page*/
#home-page .white-box-container-1, #home-page .white-box-container-2
{
    padding: 0;
}

h2.h2-home-icon-2-col
{
    margin: -15px 0 25px 65px;
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 400;
    color: #C0B460;
}

h2.h2-home-icon-2-col::before
{
    display: inline-block;
    width: 57px;
    height: 47px;
    content: ' ';
    position: absolute;
    left: 15px;
    top: 5px;
}

.white-box-container-1 h2.h2-home-icon-2-col::before 
{
    background: no-repeat url('/images/icons/platter.png');
}

.white-box-container-2 h2.h2-home-icon-2-col::before 
{
    background: no-repeat url('/images/icons/flags.png');
}

.white-box-container-2 .three-col-img
{
    margin-top: 20px;
}

 #gallery-dialog #gallery-category-items-container, #gallery-dialog #gallery-category-images-container
{
    color: white;
}

#gallery-dialog .modal-content
{
    background-color: #191919;
    color: white;
    border: 2px #F4D774 solid;
}

#gallery-dialog .modal-header .close
{
    opacity: 1;
    color: white;
    margin-right: 15px;
    margin-top: 15px;
}

#gallery-dialog .modal-header
{
    border-bottom: none;
    min-height: inherit;
    padding: 0;
}

#gallery-dialog .modal-footer
{
    border-top: none;
    padding: 0;
}

#gallery-dialog .modal-dialog
{
    width: 960px!important;
}

#gallery-dialog #CategoryItemList
{
    margin-top: 15px;
}

#gallery-dialog #CategoryItemList li
{
    line-height: 1.5em;
    cursor: pointer;
}

#gallery-dialog #gallery-category-container, #gallery-dialog #gallery-category-images-container
{
    margin: 10px;
}

#gallery-dialog #gallery-category-images-container
{
    width: 615px;
}

#gallery-dialog #CategoryItemList li.active, #gallery-dialog #CategoryItemList li:hover
{
    color: #F8D357;
}

#gallery-dialog #main-gallery-image
{
    width: 100%;
}

#gallery-dialog #main-gallery-caption
{
    width: 100%;
    padding: 15px;
    text-align: center;
}

#gallery-dialog #main-gallery-view-more
{
    margin: 25px 0;
}

#gallery-dialog .gallery-image-thumb
{
    width: 56px;
    height: 56px;
    margin-right: 5px;
    cursor: pointer;
}

#gallery-dialog #gallery-thumb-outer
{
    width: 100%;
    overflow-x: scroll;
}

#gallery-dialog #gallery-thumb-inner
{
    width: 5000px;
    height: 100%;
}

div.slider-row
{
    margin-left: 0;
    margin-right: 0;
}

/* Home slider */
#homer-slider
{
    z-index: 1;
}

#homer-slider .carousel-caption
{
    padding: 10px;
}

#homer-slider .carousel-inner .item
{
    height: 100%;
}

@media only screen and (min-width: 769px) and (max-width: 992px) {
    #homer-slider .carousel-inner .item {
        height: 800px;
    }
}

@media only screen and (max-width: 768px) {
    #homer-slider .carousel-inner .item {
        height: 450px;
    }
}

@media only screen and (max-width: 567px) {
    #homer-slider .carousel-inner .item {
        height: 400px;
    }

    #homer-slider .carousel-inner .carousel-caption h3 {
        font-size: 1.35rem;
        line-height: 1.35em;
    }

    #homer-slider .carousel-caption {
        top: calc(50% + 45px);
    }
}

#homer-slider .carousel-inner .item.active
{
}

#homer-slider .carousel-inner>.item>img, .carousel-inner>.item>a>img
{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

#homer-slider .carousel-inner > .item > .carousel-caption, #homer-slider .carousel-inner > .item:first-child > .carousel-caption
{
    opacity: 0;
}

#homer-slider .carousel-inner > .item.active > .carousel-caption
{
    opacity: 1;
    -webkit-transition-delay: 1s!important;
    -moz-transition-delay: 1s!important;
    -o-transition-delay: 1s!important;
    transition-delay: 1s!important;
    -webkit-transition: opacity 0.7s ease-in;
    -moz-transition: opacity 0.7s ease-in;
    -o-transition: opacity 0.7s ease-in;
    transition: opacity 0.7s ease-in;
}

/*#homer-slider .carousel-inner .carousel-caption h2
{
    font-size: 0.8rem;
    font-weight: 400;
    letter-spacing: 1px;
    text-shadow: none;
    color: #C0B460;
    margin-top: 10px;
}*/

#homer-slider .carousel-inner .carousel-caption h3
{
    font-size: 1rem;
    color: #C0B460;
    line-height: 1.2;
    letter-spacing: 1px;
    font-weight: 700;
    text-shadow: none;
    margin-top: 0;
}

#homer-slider .carousel-inner .carousel-caption h4
{
    font-size: 0.8rem;
    font-weight: 400;
    letter-spacing: 1px;
    text-shadow: none;
}

/*.hotel-logo-rows-container > .row
{
    margin-bottom: 25px;
}

.hotel-logos-container
{
    background-color: #000000;
    padding: 15px 0;
}*/

/*.hotel-logo-row-container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    align-content: center;
}
.hotel-logo-cell {
    /*border: 1px dotted gray; * /
    box-sizing: border-box;
    margin-top: 15px;
    padding: 40px;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 20%;
    text-align: center;
}
.hotel-logo-cell img {
    max-width: 100%;
    width: auto;
    min-width: 120px;
}*/

.login-register-container
{
    margin-left: 25%;
    margin-bottom: 40px;
}

.login-register-container .row
{
    margin-top: 20px;
}

#home-page .cols-three-container
{
    z-index: 2;
    position: relative;
}

/* Style for 360 Degrees call to action boxes */
.call-360 {
    width: 100%;
    height: 260px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-size: cover;
    background-position: center right;
    margin-bottom: 6px;
}
.pano-content {
    background-color: rgba(0,0,0, 0.6);
    color: #fff;
    padding: 5px 20px;
    font-size: 20px;
    text-align: center;
}
    .pano-content a {
        color: #fff !important;
    }
    .pano-content h3 {
        font-weight: 700;
    }
    .pano-content span {
        font-size: 0.85em;
    }


/*.footer-container
{
    padding-right: 1rem;
}

.footer-container h3 {
    font-weight: 700;
    font-size: 1rem;
    letter-spacing: -1px;
    margin: 0;
    margin-right: 1rem;

    position: relative;
    background: #000000;
    color: #fff;
    padding: .5rem 1rem;
    margin-bottom: .75rem;
}

.footer-container ul li 
{
    padding-left: 1rem;
}

.footer-container li 
{
    font-size: 0.75rem;
    line-height: 1.5;
}
.footer-container li a:hover,
.footer-container li a:focus,
.footer-container li a:active
{
    color: #7b672c;
    text-decoration: none;
}*/

/*footer .xs-toggle + nav
{
    display: none;
}*/

.outro-container .three-col-container{
    margin-top: 0;
    background: #fff;
    
}

.outro-container .three-col-container p{
    color: #000;
}
.outro-container .three-col-container img{
    width: 100%;
    height: auto;
}
.outro-container .three-col-container a{
    background:#C0B460;
}
.outro-container .three-col-container a:hover {
    background-color: #816e39;
    color: #fff;
}

.outro-container .three-col-container .three-col-img{
    height: 295px;
}


/* Three Column Template Intro background image */

/*.intro-header {
    background-size: cover;
    background-position: center;
    padding-top:30px;
    padding-bottom: 30px;
    text-align: center;
}
.intro-header:before {
  content: "";
  position: absolute;
  left: 0; right: 0;
  top: 0; bottom: 0;
  background: rgba(0,0,0,.6);
}

.intro-header__content
{
    padding: 0 25px;
}

.intro-header__content h1 {
    font-weight: 700;
    margin: 0;
    font-size: 2.5rem;
    margin-bottom: 1.5rem;
    line-height: 2.5rem;
}

.intro-header__content p { 
    color: #fff;
}*/
    
/* Responsive */
@media screen and (min-width: 370px) 
{
    /*#homer-slider .carousel-inner .carousel-caption h2
    {
        font-size: 1rem;
    }

    #homer-slider .carousel-inner .carousel-caption h3
    {
        font-size: 1.2rem;
    }

    #homer-slider .carousel-inner .carousel-caption h4
    {
        font-size: 0.8rem;
    }*/

    
}

@media screen and (min-width: 435px) 
{
    /*.footer-container h3 
    {
        letter-spacing: initial;
    }

    .footer-container h3
    {
        font-size: 1rem;
    }*/

    .h2-home-icon-3-col
    {
        font-size: 1.8rem;
        padding: 5px;
    }

    nav.top-menu li
    {
        width: 50%;
    }

    .footer-menu-col:nth-child(2)
    {
        clear: none;
    }
}

/*@media screen and (max-width: 570px) {
    #homer-slider .carousel-inner .carousel-caption h2 {
        font-size: 0.9rem;
    }

    #homer-slider .carousel-inner .carousel-caption h3 {
        font-size: 1.05rem;
    }

    #homer-slider .carousel-inner .carousel-caption h4 {
        font-size: 0.7rem;
    }

    h4 {
        font-size: 0.9rem !important;
    }

    h6.gold-text {
        font-size: 0.83rem;
    }

    #homer-slider .carousel-caption {
		top: calc(50%);
	}

	#homer-slider.carousel-inner.item {
		height: auto !important;
	}

	#homer-slider .carousel-inner .carousel-caption h4{
		margin-top: 0.25rem;
	}
}*/

@media screen and (min-width: 570px) 
{
    #homer-slider .carousel-caption
    {
        top: calc(50% - 40px);
    }

    #homer-slider .carousel-inner .carousel-caption h2
    {
        font-size: 1rem;
    }

    #homer-slider .carousel-inner .carousel-caption h3
    {
        font-size: 1.5rem;
    }

    #homer-slider .carousel-inner .carousel-caption h4
    {
        font-size: 1rem;
    }

    #homer-slider .carousel-caption
    {
        padding: 30px;
    }

    .h2-home-icon-3-col
    {
        font-size: 2.5rem;
        padding: 0;
        margin: 0 0 0 80px;
    }

    /*.copyright-footer span.built-by
    {
        float: right;
        clear: none;
        margin-top: 0;
    }*/
}

@media screen and (min-width: 660px) 
{
    /* main menu */
    nav.main-menu
    {
        display: none;
        float: left;
        margin-top: 10px;
        width: 100%;
    }

    nav.main-menu li
    {
        display: inline-block;
        width: 50%;
        margin: 5px 0;
    }

    nav.main-menu li a
    {
        text-decoration: none!important;
        text-transform: capitalize;
        font-size: 1.2rem;
        font-weight: bold;
        color: #C0B460;
    }

    nav.main-menu li a:hover, nav.main-menu li a:active
    {
        color: #C0B460;
    }

    nav.main-menu li:last-child:after
    {
        content: "";
        padding: 0;
    }

    nav.main-menu li:last-child
    {
        margin-right: 0;
    }

    /* top menu */
    nav.top-menu
    {
        display: none;
        margin-top: 10px;
        float: left;
        clear: both;
        line-height: 1;
        width: 100%;
        border-top: 3px solid white;
    }

    nav.top-menu li
    {
        display: inline-block;
        width: 50%;
        line-height: 1;
        margin: 15px 0;
    }

    nav.top-menu li:last-child
    {
        margin-right: 0;
    }

    nav.top-menu li a:active, nav.top-menu li a:visited, nav.top-menu li a:hover, nav.top-menu li a:link
    {
        text-decoration: none!important;
    }

    nav.top-menu li a:hover
    {
        color: #C0B460;
    }

    nav.top-menu li a
    {
        font-size: 1rem;
        line-height: 1rem;
        vertical-align: top;
    }
}

@media screen and (min-width: 768px) 
{
    /*img.logo
    {
        width: 171px;
    }*/

    .copyright-footer
    {
        padding: 25px;
    }

    /*footer.footer-container
    {
        padding: 25px 25px;
    }*/

    h2.h2-home-icon-2-col::before
    {
        left: 25px;
    }

    .h2-home-icon-3-col::before 
    {
        left: 25px;
    }

    .white-box
     {
         padding: 25px;
     }

    /* Header */
    .currency-menu
    {
        float: right;
        margin-left: 5px;
    }

    .top-menu-phone-numbers, .phone-numbers
    {
        float: right;
    }

    .phone-numbers
    {
        text-align: right;
    }

    /*.hamburger {
        display: none;
    }
    .hamburger-menu-button
    {
        display: none;
    }*/

    nav.main-menu
    {
        float: right;
        display: block;
        margin-top: 4px;
        width: auto;
    }

    nav.main-menu li
    {
        display: inline-block;
        width: auto;
        margin: 0;
    }

    nav.main-menu li:after
    {
        content: "|";
        padding: 0 15px;
        color: #C0B460;
    }

    nav.main-menu li a 
    {
        color: #fff;
        font-size: 1rem;
        font-weight: normal;
    }

    nav.main-menu li a:active, nav.main-menu li a:hover
    {
        color: #C0B460;
    }

    nav.top-menu
    {
        display: block;
        float: right;
        margin-top: 0;
        width: auto;
        border-top: none;
    }

    nav.top-menu li
    {
        float: left;
        margin: 0;
        margin-right: 15px;
        width: auto;
    }

    nav.top-menu li a
    {
        font-size: 0.750rem;
        line-height: 0.750rem;
    }

    nav.currency-menu
    {
        display: block;
        float: right;
    }

    nav.phone-numbers
    {
        display: block;
    }

    nav.currency-menu 
    {
        border-top: none;
        width: auto;
    }

    nav.currency-menu ul
    {
        margin-top: 0;
    }

    /* Carousel */   
    #homer-slider .carousel-inner .carousel-caption h2
    {
        font-size: 2em;
        font-weight: 400;
        letter-spacing: 1px;
        text-shadow: none;
        color: #C0B460;
        margin-bottom: 0px;
        margin-top: 0;
    }

    #homer-slider .carousel-inner .carousel-caption h3
    {
        font-size: 2.5em;
        color: #C0B460;
        line-height: 4rem;
        letter-spacing: initial;
        font-weight: 700;
        text-shadow: none;
        margin: 0;
    }

    #homer-slider .carousel-inner .carousel-caption h4
    {
        font-size: 2em;
        font-weight: 400;
        letter-spacing: 1px;
        text-shadow: none;
        margin-bottom: 1rem;
    }

    /*#homer-slider .carousel-inner
    {
        height: calc(100vh - 122px);
    }*/

    /* Home page */
    #home-page .outro-container
    {
        margin-top: 0;
    }

    #home-page div.col-xs-12.main-content > div
    {
        padding-left: 15px;
        padding-right: 15px;
    }

    /*#home-page .cols-three-container
    {
        margin-top: -76px;
    }*/

    #home-page .white-box-container-1, #home-page .white-box-container-2
    {
        padding-left: 15px;
        padding-right: 15px;
    }

    .white-box-container-2 .three-col-img
    {
        margin-top: 0;
    }

    .h2-home-icon-3-col 
    {
        font-size: 1.25em;
        margin: 0px 0 0 60px;
        padding: 16px;
    }

    .h2-home-icon-3-col::before 
    {
        left: -47px;
        top: 50%;
        transform: translateY(-50%);
    }

    h2.h2-home-icon-2-col::before
    {
        left: 25px;
        top: 25px;
    }

    h2.h2-home-icon-2-col
    {
        margin: 12px 0 30px 60px;
        font-size: 1.875em;
        line-height: 1.5rem;
        font-weight: 400;
        color: #C0B460;
    }

    /* Footer */
    /*footer .xs-toggle + nav
    {
        display: block;
    }

    .copyright-footer span.built-by
    {
        text-align: right;
    }*/

    /* Misc */
    .three-col-container
    {
        margin-bottom: 30px;
    }

    .white-box
    {
        margin-bottom: 50px;
    }
}

@media screen and (min-width: 992px) 
{
    .three-col-img,
    .three-col-img img
    {
        overflow: hidden;
        height: 300px;
    }

    /*.intro-header__content
    {
        padding: 0 50px;
    }

    .intro-header
    {
        background-attachment: fixed;
    }

    .intro-header__content
    {
        padding: 0 150px;
    }*/

    /*#homer-slider .carousel-inner .carousel-caption h3
    {
        font-size: 3.5em;
        color: #C0B460;
        line-height: 6rem;
        letter-spacing: initial;
        font-weight: 700;
        text-shadow: none;
        margin: 0;
    }*/
}
/* Large displays */
@media screen and (min-width: 1200px) 
{
    .three-col-img img {
        /*height: 260px;*/
    }
    /*#home-page .cols-three-container
    {
        margin-top: -76px;
    }*/
}
/* Large displays */
@media screen and (min-width: 1300px) 
{
    /*#home-page .cols-three-container
    {
        margin-top: -93px;
    }*/
    .h2-home-icon-3-col 
    {
        padding: 20px;
        font-size: 1.875em;
    }
}

/* Laptops and below */
@media screen and (max-width: 1200px) {
    .three-col-img, 
    .three-col-img img
    {
        height: 200px;
    }

    .three-col-content
    {
        padding: 15px;
    }
    .package-grid-container h2 
    {
        font-size: 1.25rem;
    }
    .package-grid-container h2:before
    {
        width: 40px;
        height: 40px;
        left: 15px;
        background-size: contain;
    }
}

/* Between Mobile and Tablet */
@media screen and (min-width: 768px) and (max-width: 992px) {
    /* Logo */
    /*.logo-h1-container
    {
        display: block;
        position: relative;
        width: 100%;
        text-align: center;
        float: unset;
    }*/
    /*.logo-h1-container img.logo 
    {
         margin: 0 auto 1rem;
    }*/
    /*.logo-h1-container, .logo-h1-container > * 
    {
        float: unset;
    }*/

    .top-menu-phone-numbers, .phone-numbers 
    {
        float: unset;
        text-align: center;
        margin: 0;
    }

    nav.currency-menu 
    {
        margin-top: 13px;
    }

    /* Top Menu*/
    .top-menu-phone-numbers span
    {
        margin: 0;
    }
    nav.top-menu 
    {
        float: unset;
    }
    nav.top-menu li 
    {
        float: unset;
    }
    nav.top-menu li a 
    {
        font-size: .7rem;
    }


    nav.main-menu
    {
        float: unset;
        text-align: center;

    }
    nav.main-menu li a:active, nav.main-menu li a:visited, nav.main-menu li a:hover, nav.main-menu li a:link
    {
        font-size: .75rem;
    }
    nav.main-menu li:after 
    {
        padding: 0 5px;
    }
    nav.phone-numbers a
    {
        font-size: .75rem;
    }
    .currency-menu li{
        font-size: .75rem;
    }


    .white-box {
        margin-bottom: 30px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1200px) 
{
    .package-grid-img
    {
        height: 175px;
    }
    .package-grid-container h2 
    {
        font-size: .75rem;
    }
    .package-grid-summary h4
    {
        font-size: 1.25rem;
    }
    .package-grid-summary__price
    {
        font-size: 1rem;
    }
}


/* Tablet and below */
@media screen and (max-width: 992px) {
   
    .three-col-img, 
    .three-col-img img,
    .package-grid-img
    {
        height: 400px;
    }
}


/* Small tablets and Mobile devices */
@media screen and (max-width: 768px) {

    
    /*img.logo
    {
        max-width: 100px;
    }*/

    .h2-home-icon-3-col::before
    {
        left: -41px;
    }
    .h2-home-icon-3-col
    {
        margin: 0 0 0 56px;
        font-size: 1.4rem;
        padding: 15px;
        /*padding-top: 0;*/
    }

    /*#homer-slider .carousel-inner .carousel-caption h2,
    #homer-slider .carousel-inner .carousel-caption h4
    {
        margin-bottom: .5rem;
    }*/


    h2.h2-home-icon-2-col 
    {
        margin: 0px 0 15px 60px;
    }
    h2.h2-home-icon-2-col::before
    {
        top: 15px;
    }

    .package-grid-img
    {
        height: 250px;
    }

    /*.footer-container h3 {
        margin-right: 0;
        cursor: pointer;
    }

    .footer-container h3:after 
    {
        content: "";
        background-image: url(/images/icons/footer-menu.svg);
        background-size: contain;
        background-repeat: no-repeat;
        width: 40px;
        height:40px;
        display: inline-block;
        position: absolute;
        right: 0rem;
        margin-right: 10px;
        top: 50%;
        transform: translateY(-50%);
    }

    .footer-container .footer-menu-col:nth-child(2) h3:last-of-type
    {
        margin-bottom: 0rem;
    }

    .footer-menu-col ul
    {
        margin-bottom: 1rem;
    }*/        
}
@media screen and (max-width: 567px) {
    .h2-home-icon-3-col::before
    {
        left: -41px;
    }
    .h2-home-icon-3-col
    {
        margin: 0 0 0 56px;
        font-size: 1.4rem;
        padding: 15px;
        /*padding-top: 0;*/
    }
}