/*** Base imports ***/

@import url(https://fonts.googleapis.com/css?family=Ubuntu+Condensed|Open+Sans:400,700);

/*** End base imports ***/

/*** Base html tags ***/

body {
    color: #282828;
    font-family: 'Open Sans', sans-serif;
}

h1, h2, h3, h4 {
    font-family: 'Ubuntu Condensed', sans-serif;
}

/*** End base html tags ***/

/*** Base fonts ***/

.font-os {
    font-family: 'Open Sans', sans-serif;
}

.font-uc {
    font-family: 'Ubuntu Condensed', sans-serif;
}

/*** End base fonts ***/

/*** Base color ***/

.base-primary-c,
.base-primary-c-h:hover,
.active .base-primary-c-a,
.base-primary-c-f:focus {
    color: #103751 !important;
}

.base-primary-b,
.base-primary-b-h:hover,
.active .base-primary-b-a,
.base-primary-b-f:focus{
    border-color: #103751 !important;
}

.base-primary-bg,
.base-primary-bg-h:hover,
.active .base-primary-bg-a,
.base-primary-bg-f:focus {
    background-color: #103751 !important;
}

.base-primary-fill path,
.base-primary-fill-h:hover path,
.active .base-primary-fill-a path,
.base-primary-fill-f:focus path {
    fill: #103751 !important;
}

.base-secondary-c,
.base-secondary-c-h:hover,
.active .base-secondary-c-a,
.base-secondary-c-f:focus{
    color: #4b91e1 !important;
}

.base-secondary-b,
.base-secondary-b-h:hover,
.active .base-secondary-b-a,
.base-secondary-b-f:focus{
    border-color: #4b91e1 !important;
}

.base-secondary-bg,
.base-secondary-bg-h:hover,
.active .base-secondary-bg-a,
.base-secondary-bg-f:focus{
    background-color: #4b91e1 !important;
}

.base-secondary-fill path,
.base-secondary-fill-h:hover path,
.active .base-secondary-fill-a path,
.base-secondary-fill-f:focus path {
    fill: #4b91e1 !important;
}

.base-secondary-b-l {
    border-left-color: #4b91e1 !important;
}

.base-secondary-alt-bg,
.base-secondary-alt-bg-h:hover,
.active .base-secondary-alt-bg-a,
.base-secondary-alt-bg-f:focus {
    background-color: #DAEAFA !important;
}

.base-primary-white-c,
.base-primary-white-c-h:hover,
.active .base-primary-white-c-a,
.base-primary-white-c-f:focus{
    color: #ffffff !important;
}

.base-primary-white-b,
.base-primary-white-b-h:hover,
.active .base-primary-white-b-a,
.base-primary-white-b-f:focus{
    border-color: #ffffff !important;
}

.base-primary-white-bg,
.base-primary-white-bg-h:hover,
.active .base-primary-white-bg-a,
.base-primary-white-bg-f:focus{
    background-color: #ffffff !important;
}

.base-primary-white-fill path,
.base-primary-white-fill-h:hover path,
.active .base-primary-white-fill-a path,
.base-primary-white-fill-f:focus path {
    fill: #ffffff !important;
}

.base-primary-black-c,
.base-primary-black-c-h:hover,
.active .base-primary-black-c-a,
.base-primary-black-c-f:focus{
    color: #282828 !important;
}

.base-primary-black-b,
.base-primary-black-b-h:hover,
.active .base-primary-black-b-a,
.base-primary-black-b-f:focus{
    border-color: #282828 !important;
}

.base-primary-black-bg,
.base-primary-black-bg-h:hover,
.active .base-primary-black-bg-a,
.base-primary-black-bg-f:focus{
    background-color: #282828 !important;
}

.base-secondary-black-c,
.base-secondary-black-c-h:hover,
.active .base-secondary-black-c-a,
.base-secondary-black-c-f:focus{
    color: #585858 !important;
}

.base-secondary-black-b,
.base-secondary-black-b-h:hover,
.active .base-secondary-black-b-a,
.base-secondary-black-b-f:focus{
    border-color: #585858 !important;
}

.base-secondary-black-bg,
.base-secondary-black-bg-h:hover,
.active .base-secondary-black-bg-a,
.base-secondary-black-bg-f:focus{
    background-color: #585858 !important;
}

.base-primary-gray-c,
.base-primary-gray-c-h:hover,
.active .base-primary-gray-c-a,
.base-primary-gray-c-f:focus{
    color: #989898 !important;
}

.base-primary-gray-b,
.base-primary-gray-b-h:hover,
.active .base-primary-gray-b-a,
.base-primary-gray-b-f:focus{
    border-color: #989898 !important;
}

.base-soft-gray-bg,
.base-soft-gray-bg-h:hover,
.active .base-soft-gray-bg-a,
.base-soft-gray-bg-f:focus{
    background-color: #f2f2f2 !important;
}

.base-soft-gray-c,
.base-soft-gray-c-h:hover,
.active .base-soft-gray-c-a,
.base-soft-gray-c-f:focus{
    color: #f2f2f2 !important;
}

.base-soft-gray-b,
.base-soft-gray-b-h:hover,
.active .base-soft-gray-b-a,
.base-soft-gray-b-f:focus{
    border-color: #f2f2f2 !important;
}

.base-primary-gray-bg,
.base-primary-gray-bg-h:hover,
.active .base-primary-gray-bg-a,
.base-primary-gray-bg-f:focus{
    background-color: #989898 !important;
}

.base-secondary-gray-bg,
.base-secondary-gray-bg-h:hover,
.active .base-secondary-gray-bg-a,
.base-secondary-gray-bg-f:focus{
    background-color: #ccc !important;
}

.base-secondary-gray-b,
.base-secondary-gray-b-h:hover,
.active .base-secondary-gray-b-a,
.base-secondary-gray-b-f:focus{
    border-color: #ccc !important;
}

.base-tertiary-gray-c,
.base-tertiary-gray-c-h:hover,
.active .base-tertiary-gray-c-a,
.base-tertiary-gray-c-f:focus{
    color: #777777 !important;
}

.base-tertiary-gray-b,
.base-tertiary-gray-b-h:hover,
.active .base-tertiary-gray-b-a,
.base-tertiary-gray-b-f:focus{
    border-color: #777777 !important;
}

.base-tertiary-gray-bg,
.base-tertiary-gray-bg-h:hover,
.active .base-tertiary-gray-bg-a,
.base-tertiary-gray-bg-f:focus{
    background-color: #777777 !important;
}

.base-tertiary-c,
.base-tertiary-c-h:hover,
.active .base-tertiary-c-a,
.base-tertiary-c-f:focus{
    color: #FEBB00 !important;
}

.base-tertiary-b,
.base-tertiary-b-h:hover,
.active .base-tertiary-b-a,
.base-tertiary-b-f:focus{
    border-color: #FEBB00 !important;
}

.base-tertiary-bg,
.base-tertiary-bg-h:hover,
.active .base-tertiary-bg-a,
.base-tertiary-bg-f:focus{
    background-color: #FEBB00 !important;
}

.base-bg-progress,
.base-bg-progress:hover,
.base-bg-progress:focus {
    animation: 5s ease 0s normal none infinite running Animating !important;
    background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, transparent 75%, transparent) !important;
    background-size: 50px 50px !important;
    cursor: wait !important;
    opacity: 0.8;
}

.base-primary-degraded-bg,
.base-primary-degraded-bg:hover,
.base-primary-degraded-bg:focus{
    background: linear-gradient(to bottom, rgba(130,151,163,1) 0%, rgba(66,98,117,1) 20%, rgba(48,78,97,1) 39%, rgba(27,60,82,1) 58%, rgba(16,55,81,1) 100%);
}

.base-success-bg,
.base-success-bg-h:hover,
.base-success-bg-f:focus {
    background-color: #00a710 !important;
}

.base-success-c,
.base-success-c-h:hover,
.base-success-c-f:focus {
    color: #00a710 !important;
}

.base-success-fill path,
.base-success-fill-h:hover path,
.active .base-success-fill-a path,
.base-success-fill-f:focus path {
    fill: #00a710 !important;
}

.base-danger-c,
.base-danger-c-h:hover,
.active .base-danger-c-a,
.base-danger-c-f:focus {
    color: #ff0000 !important;
}

.base-danger-b,
.base-danger-b-h:hover,
.active .base-danger-b-a,
.base-danger-b-f:focus {
    border-color: #ff0000 !important;
}

.base-danger-bg,
.base-danger-bg-h:hover,
.active .base-danger-bg-a,
.base-danger-bg-f:focus {
    background-color: #ff0000 !important;
}

.base-danger-alt-c,
.base-danger-alt-c-h:hover,
.active .base-danger-alt-c-a,
.base-danger-alt-c-f:focus {
    color: #d43f3a !important;
}

.base-danger-fill path,
.base-danger-fill-h:hover path,
.active .base-danger-fill-a path,
.base-danger-fill-f:focus path {
    fill: #d43f3a !important;
}

.transparent-bg {
    background-color: rgba(51, 51, 51, 0.5215686274509804);
    background-color: hsla(0, 0%, 20%, 0.5215686274509804);
    background-color: #33333385;
    text-shadow: 0 2px 5px rgba(0,0,0,.9);
}


@keyframes Animating {
    0% {
        background-position: 0 4%;
    }
    50% {
        background-position: 100% 97%;
    }
    100% {
        background-position: 0 4%;
    }
}

@keyframes Animating {
    0% {
        background-position: 0 4%;
    }
    50% {
        background-position: 100% 97%;
    }
    100% {
        background-position: 0 4%;
    }
}

/*** End base color ***/

/*** Base form ***/
form.form-horizontal .control-label,
form.form-inline .control-label {
    font-weight: normal;
    margin-bottom: 3px;
}

form.form-horizontal div.help-block {
    background: rgba(0, 0, 0, 0) url("images/help-block.png") no-repeat scroll 0 0;
    padding-top: 10px;
    width: 100%;
}

form.form-horizontal div.help-block span,
form.form-inline div.help-block span {
    background: #fffddd none repeat scroll 0 0;
    display: inline-block;
    font-size: 12px;
    padding: 7px 10px;
    width: 100%;
}

form.form-horizontal .help-block.error-message,
form.form-inline .help-block.error-message {
    margin: 0;
    font-size: 12px;
}

/*** End base form ***/

/*** Base buttons ***/

.app-btn {
    font-weight: normal;
}

/*** End base buttons ***/

/*** General styles ***/

.section-title {
    font-size: 18px;
    margin: 3px 0;
    display: block;
}

.app-well {
    padding: 10px;
}

.well-light-success {
    background: #eaf3fe none repeat scroll 0 0;
    border: 2px solid #c9e1f4;
}

.page-title {
    font-size: 28px;
    padding: 0 0 10px 0;
    border-bottom: 1px solid;
    margin: 0 0 5px 0;
    line-height: 1;
}

.breadcrumb {
    margin: 0;
}

.required {
    color: #FF0000;
}

.ajax-loading {
    margin-bottom: 5px;
    width: 50px;
}

/*** End general styles ***/

/*** Modals ***/

.modal-content {
    border-color: #f3f3f3;
    border-radius: 2px;
    box-shadow: none;
}

/*** End Modals ***/

/*** FlexSlider ***/
.flexslider {
    overflow: hidden;
}

.slider {
    overflow: hidden;
}

.flexslider .flex-direction-nav a:before {
    background: #103751;
    border-radius: 100%;
    color: #FFFFFF;
    font-size: 12px;
    line-height: inherit;
    padding: 2px 7px;
}

.flexslider.light .flex-direction-nav a:before {
    background: #4b91e1;
}

.flexslider .flex-direction-nav .flex-prev {
    left: 10px;
}

.flexslider .flex-direction-nav .flex-next {
    right: 10px;
}
.flexslider .flex-direction-nav a {
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
    height: 25px;
    width: 25px;
    opacity: 1 !important;
}

.flexslider:hover .flex-prev,
.flexslider:hover .flex-next {
    opacity: 1;
}

.flexslider .slider-info {
    position: absolute;
    z-index: 5;
    left: 0;
    top: 0;
    padding: 5px 10px;
    overflow: hidden;
    opacity: 0.9;
}

.slider > h1.slider-title {
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 24px;
}

.flexslider.mini  {
    margin: 0 0 10px 0;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.flexslider.mini .slides img {
    height: 250px;
    margin: 0 auto;
}

@media (min-width: 992px) {
    .flexslider.mini {
        margin: 0 0 0 2px;
    }

    .flexslider.mini .slides img {
        height: 128px;
    }
}

/*** End flexSlider ***/

/*** Datepicker ***/

.datepicker.dropdown-menu {
    border-radius: 2px;
}

.datepicker td, .datepicker th,
.datepicker table tr td span{
    border: none;
    border-radius: 2px;
}

.datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover,
.datepicker table tr td span.active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover {
    background-image: none;
    background: #103751 !important;
}

/*** End datepicker ***/

/*** Component styles adjust ***/

#photoHero div.seo-title {
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-color: #ccc;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 10px;
}

#photoHero div.seo-title h1,
#photoHero div.seo-title h3 {
    font-size: 32px;
}

#photoHero div.seo-title > span.divider {
    width: 40px;
    margin: 15px 2px 12px 2px;
    display: inline-block;
    border-bottom: 1px solid;
}

#photoHero .logo {
    box-shadow: 2px 2px 5px rgba(9, 9, 9, 0.3);
    -moz-box-shadow: 2px 2px 5px rgba(9, 9, 9, 0.3);
    -webkit-box-shadow: 2px 2px 5px rgba(9, 9, 9, 0.3);
    width: 100%;
}

#photoHero .logo img {
    display: inline-block;
}

@media(min-width: 992px) {
    #photoHero .logo {
        margin-top: -35px;
    }
}

#tabsInfoComponentContainer {
    margin-bottom: 40px;
}

#componentGallery {
    margin-bottom: 42px;
}

.slider-xxl #componentGallery {
    padding-bottom: 5px;
}

div[data-component="adv"][data-position="2"] {
    text-align: center;
}

.slider-xxl #accommodationOfficialInfoContainer .official-info {
    float: right;
    padding: 5px !important;
}

#componentTabInfo ul.nav-tabs {
    margin-top: -41px;
}

@media(min-width: 992px) {
    .slider-xxl .slider-inside {
        /*position: absolute;*/
        margin-top: 10px;
        /*width: 100%;*/
    }

    .slider-xxl .slider-inside .app-well {
        /*position: absolute;*/
        /*z-index: 1;*/
    }

    .slider-xxl #componentGallery {
        min-width: 470px;
    }

    .slider-xxl #accommodationOfficialInfoContainer .official-info {
        position: absolute;
        right: 15px;
        top: 10px;
    }

    div[data-component="adv"][data-position="2"] {
        top: 0;
        position: absolute;
        right: 0;
        z-index: 0;
    }
}

@media(max-width: 991px) {
    .slider-xxl #componentGallerySlider .flex-direction-nav a {
        top: 80%;
    }
}

form#globalSearchComponent ul.dropdown-menu > .active > a {
    background: #103751 !important;
}

.linkAvailabilityContact{
    color: red;
    cursor: pointer;
}

.hotel-list-component[data-list-type=distributor][data-view=home] .list-container .item .info .rating .base-primary-c  {
    color: #ffffff !important;
}

.availabilitySearchComponent {
    width: 100%;
}

#photoHero .availabilitySearchComponent .pax-field,
#photoHero .availabilitySearchComponent .sale-options {
    border: none;
}

#photoHero .availabilitySearchComponent .from-price,
#photoHero .availabilitySearchComponent div.back-to-pax {
    border-bottom: 1px solid #fff
}

#photoHero .availabilitySearchComponent fieldset .legend,
#photoHero .availabilitySearchComponent fieldset .legend h4,
#photoHero .availabilitySearchComponent fieldset .control-label ,
#photoHero .availabilitySearchComponent fieldset p.info ,
#photoHero .availabilitySearchComponent fieldset h2 {
    color: #ffffff !important;
}

#photoHero .availabilitySearchComponent fieldset .legend {
    border-color: #ffffff !important;
}

#relatedComponentContainer {
    border-top: solid 1px;
    padding-top: 10px;
}

.related-map-widget-img {
    position: relative;
    float: right;
}

/*** End component styles adjust ***/

/*** Page styles ***/
/*** Stop sales ***/

body.stop-sales #partialHeader .header-booking {
    display: none !important;
}

body.stop-sales #tabsInfoComponentContainer {
    padding-top: 100px;
}

/*** End stop sales ***/
/*** End page styles ***/