.btn-default{background: #fff; color: #333; border-color: #ccc}
.btn-primary{color: #fff;background-color: #337ab7;border-color: #2e6da4;}
.btn-info{color: #fff;background-color: #5bc0de;border-color: #46b8da;}
.btn-success{color: #fff;background-color: #5cb85c;border-color: #4cae4c;}
.btn-warning{color: #fff;background-color: #f0ad4e;border-color: #eea236;}
.btn-danger{color: #fff;background-color: #d9534f;border-color: #d43f3a;}

/* Theme */
.w3-theme-l5 {color:#000 !important; background-color:#f4faf4 !important}
.w3-theme-l4 {color:#000 !important; background-color:#dbefdc !important}
.w3-theme-l3 {color:#000 !important; background-color:#b7dfb8 !important}
.w3-theme-l2, .active {color:#000 !important; background-color:#93cf95 !important}
.w3-theme-l1 {color:#fff !important; background-color:#6ec071 !important}
.w3-theme-d1 {color:#fff !important; background-color:#459c48 !important}
.w3-theme-d2 {color:#fff !important; background-color:#3d8b40 !important}
.w3-theme-d3 {color:#fff !important; background-color:#357a38 !important}
.w3-theme-d4 {color:#fff !important; background-color:#2e6830 !important}
.w3-theme-d5 {color:#fff !important; background-color:#265728 !important}

.w3-theme-light {color:#000 !important; background-color:#f4faf4 !important}
.w3-theme-dark {color:#fff !important; background-color:#265728 !important}
.w3-theme-action {color:#fff !important; background-color:#265728 !important}

.w3-theme {color:#fff !important; background-color:#4caf50 !important}
.w3-text-theme {color:#4caf50 !important}
.w3-border-theme {border-color:#4caf50 !important}

.w3-hover-theme:hover {color:#fff !important; background-color:#4caf50 !important}
.w3-hover-text-theme:hover {color:#4caf50 !important}
.w3-hover-border-theme:hover {border-color:#4caf50 !important}

/* Colors */
.w3-amber,.w3-hover-amber:hover{color:#000!important;background-color:#ffc107!important}
.w3-aqua,.w3-hover-aqua:hover{color:#000!important;background-color:#00ffff!important}
.w3-blue,.w3-hover-blue:hover{color:#fff!important;background-color:#2196F3!important}
.w3-light-blue,.w3-hover-light-blue:hover{color:#000!important;background-color:#87CEEB!important}
.w3-brown,.w3-hover-brown:hover{color:#fff!important;background-color:#795548!important}
.w3-cyan,.w3-hover-cyan:hover{color:#000!important;background-color:#00bcd4!important}
.w3-blue-grey,.w3-hover-blue-grey:hover,.w3-blue-gray,.w3-hover-blue-gray:hover{color:#fff!important;background-color:#607d8b!important}
.w3-green,.w3-hover-green:hover{color:#fff!important;background-color:#4CAF50!important}
.w3-light-green,.w3-hover-light-green:hover{color:#000!important;background-color:#8bc34a!important}
.w3-indigo,.w3-hover-indigo:hover{color:#fff!important;background-color:#3f51b5!important}
.w3-khaki,.w3-hover-khaki:hover{color:#000!important;background-color:#f0e68c!important}
.w3-lime,.w3-hover-lime:hover{color:#000!important;background-color:#cddc39!important}
.w3-orange,.w3-hover-orange:hover{color:#000!important;background-color:#ff9800!important}
.w3-deep-orange,.w3-hover-deep-orange:hover{color:#fff!important;background-color:#ff5722!important}
.w3-pink,.w3-hover-pink:hover{color:#fff!important;background-color:#e91e63!important}
.w3-purple,.w3-hover-purple:hover{color:#fff!important;background-color:#9c27b0!important}
.w3-deep-purple,.w3-hover-deep-purple:hover{color:#fff!important;background-color:#673ab7!important}
.w3-red,.w3-hover-red:hover{color:#fff!important;background-color:#f44336!important}
.w3-sand,.w3-hover-sand:hover{color:#000!important;background-color:#fdf5e6!important}
.w3-teal,.w3-hover-teal:hover{color:#fff!important;background-color:#009688!important}
.w3-yellow,.w3-hover-yellow:hover{color:#000!important;background-color:#ffeb3b!important}
.w3-white,.w3-hover-white:hover{color:#000!important;background-color:#fff!important}
.w3-black,.w3-hover-black:hover{color:#fff!important;background-color:#000!important}
.w3-grey,.w3-hover-grey:hover,.w3-gray,.w3-hover-gray:hover{color:#000!important;background-color:#bbb!important}
.w3-light-grey,.w3-hover-light-grey:hover,.w3-light-gray,.w3-hover-light-gray:hover{color:#000!important;background-color:#f1f1f1!important}
.w3-dark-grey,.w3-hover-dark-grey:hover,.w3-dark-gray,.w3-hover-dark-gray:hover{color:#fff!important;background-color:#616161!important}
.w3-pale-red,.w3-hover-pale-red:hover{color:#000!important;background-color:#ffdddd!important}
.w3-pale-green,.w3-hover-pale-green:hover{color:#000!important;background-color:#ddffdd!important}
.w3-pale-yellow,.w3-hover-pale-yellow:hover{color:#000!important;background-color:#ffffcc!important}
.w3-pale-blue,.w3-hover-pale-blue:hover{color:#000!important;background-color:#ddffff!important}
.w3-text-red,.w3-hover-text-red:hover{color:#f44336!important}
.w3-text-green,.w3-hover-text-green:hover{color:#4CAF50!important}
.w3-text-blue,.w3-hover-text-blue:hover{color:#2196F3!important}
.w3-text-yellow,.w3-hover-text-yellow:hover{color:#ffeb3b!important}
.w3-text-white,.w3-hover-text-white:hover{color:#fff!important}
.w3-text-black,.w3-hover-text-black:hover{color:#000!important}
.w3-text-grey,.w3-hover-text-grey:hover,.w3-text-gray,.w3-hover-text-gray:hover{color:#757575!important}
.w3-text-amber{color:#ffc107!important}
.w3-text-aqua{color:#00ffff!important}
.w3-text-light-blue{color:#87CEEB!important}
.w3-text-brown{color:#795548!important}
.w3-text-cyan{color:#00bcd4!important}
.w3-text-blue-grey,.w3-text-blue-gray{color:#607d8b!important}
.w3-text-light-green{color:#8bc34a!important}
.w3-text-indigo{color:#3f51b5!important}
.w3-text-khaki{color:#b4aa50!important}
.w3-text-lime{color:#cddc39!important}
.w3-text-orange{color:#ff9800!important}
.w3-text-deep-orange{color:#ff5722!important}
.w3-text-pink{color:#e91e63!important}
.w3-text-purple{color:#9c27b0!important}
.w3-text-deep-purple{color:#673ab7!important}
.w3-text-sand{color:#fdf5e6!important}
.w3-text-teal{color:#009688!important}
.w3-text-light-grey,.w3-hover-text-light-grey:hover,.w3-text-light-gray,.w3-hover-text-light-gray:hover{color:#f1f1f1!important}
.w3-text-dark-grey,.w3-hover-text-dark-grey:hover,.w3-text-dark-gray,.w3-hover-text-dark-gray:hover{color:#3a3a3a!important}
.w3-border-red,.w3-hover-border-red:hover{border-color:#f44336!important}
.w3-border-green,.w3-hover-border-green:hover{border-color:#4CAF50!important}
.w3-border-blue,.w3-hover-border-blue:hover{border-color:#2196F3!important}
.w3-border-yellow,.w3-hover-border-yellow:hover{border-color:#ffeb3b!important}
.w3-border-white,.w3-hover-border-white:hover{border-color:#fff!important}
.w3-border-black,.w3-hover-border-black:hover{border-color:#000!important}
.w3-border-grey,.w3-hover-border-grey:hover,.w3-border-gray,.w3-hover-border-gray:hover{border-color:#bbb!important}

/* extra color*/
.title span{color:#4caf50 !important}
div.hotel-overlay{
    position: absolute; top:0; left: 0; width: 100%; height: 80px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f4faf4+94,f4faf4+100&0.04+0,0+81,0.97+100 */
    background: -moz-linear-gradient(left, rgba(244,250,244,0.04) 0%, rgba(244,250,244,0) 81%, rgba(244,250,244,0.66) 94%, rgba(244,250,244,0.97) 100%); /* FF3.6-15 */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(244,250,244,0.04)), color-stop(81%,rgba(244,250,244,0)), color-stop(94%,rgba(244,250,244,0.66)), color-stop(100%,rgba(244,250,244,0.97))); /* Chrome4-9,Safari4-5 */
    background: -webkit-linear-gradient(left, rgba(244,250,244,0.04) 0%,rgba(244,250,244,0) 81%,rgba(244,250,244,0.66) 94%,rgba(244,250,244,0.97) 100%); /* Chrome10-25,Safari5.1-6 */
    background: -o-linear-gradient(left, rgba(244,250,244,0.04) 0%,rgba(244,250,244,0) 81%,rgba(244,250,244,0.66) 94%,rgba(244,250,244,0.97) 100%); /* Opera 11.10-11.50 */
    background: -ms-linear-gradient(left, rgba(244,250,244,0.04) 0%,rgba(244,250,244,0) 81%,rgba(244,250,244,0.66) 94%,rgba(244,250,244,0.97) 100%); /* IE10 preview */
    background: linear-gradient(to right, rgba(244,250,244,0.04) 0%,rgba(244,250,244,0) 81%,rgba(244,250,244,0.66) 94%,rgba(244,250,244,0.97) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0af4faf4', endColorstr='#f7f4faf4',GradientType=1 ); /* IE6-9 */
}

#msg_failed {display: none;}
.input_error {border: 1px solid red !important;}
#buchung_page .w3-ul li { padding: 0;}

#toTop {
    font-size: 38px;
    line-height: 33px;
    color: #FFF;
    position: fixed;
    height: 35px;
    width: 40px;
    left: 6px;
    bottom: 6px;
    text-align: center;
    text-transform: uppercase;
    opacity: .9;
    filter: alpha(opacity=90);
    text-decoration: none;
    display: none;
    z-index: 1000;
    -webkit-border-radius: 2px !important;
    -moz-border-radius: 2px !important;
    border-radius: 2px !important;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

#toTop::before {
    font-family: "fontawesome";
    content: "\f102";
}

#no_rooms, #imprit_error {
    display: none;
}

#snackbar, #msg_failed {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    width: 100%;
}

/* LOADER */

#loader_container, #loader_buchung_form, #loader_reservation_form, #loader_modal_search_hotels {
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -60px;
    margin-top: -60px;
}

.loader {
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid #8AB933; 
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
    -webkit-animation-name: spin;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 2s;
    -webkit-animation-timing-function: linear;
    z-index: 99;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

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

#overlay_container, #overlay_reservation_form, #overlay_buchung_form, #overlay_modal_search_hotels {
    display: none;
}

.overlay {
    position: fixed; /* Sit on top of the page content */
    display: none; /* Hidden by default */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5); /* Black background with opacity */
    z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
    cursor: pointer; /* Add a pointer on hover */
}

/** Owl Carousel v1.3.3
*************************************************** **/
/* clearfix */
.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
/* display none until init */
.owl-carousel{
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
    display: none;
    position: relative;
    -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 0;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item{
    float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
    cursor: pointer;
}
.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.owl-carousel.featured .owl-controls .owl-prev {
    margin-right:3px;
}


#progressBar {
    width: 100%;
    background: rgba(0,0,0,0.05);
}
#progressBar #bar {
    height:3px;
    width: 100%;
    background-color:#333;
}

/* mouse grab icon */
.grabbing { 
    cursor:url(../images/grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility:    hidden;
    -ms-backface-visibility:     hidden;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
}
/* 
 *  Owl Carousel CSS3 Transitions 
 *  v1.3.2
 */
.owl-origin {
    -webkit-perspective: 1200px;
    -webkit-perspective-origin-x : 50%;
    -webkit-perspective-origin-y : 50%;
    -moz-perspective : 1200px;
    -moz-perspective-origin-x : 50%;
    -moz-perspective-origin-y : 50%;
    perspective : 1200px;
}
/* fade */
.owl-fade-out {
    z-index: 10;
    -webkit-animation: fadeOut .7s both ease;
    -moz-animation: fadeOut .7s both ease;
    animation: fadeOut .7s both ease;
}
.owl-fade-in {
    -webkit-animation: fadeIn .7s both ease;
    -moz-animation: fadeIn .7s both ease;
    animation: fadeIn .7s both ease;
}
/* backSlide */
.owl-backSlide-out {
    -webkit-animation: backSlideOut 1s both ease;
    -moz-animation: backSlideOut 1s both ease;
    animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
    -webkit-animation: backSlideIn 1s both ease;
    -moz-animation: backSlideIn 1s both ease;
    animation: backSlideIn 1s both ease;
}
/* goDown */
.owl-goDown-out {
    -webkit-animation: scaleToFade .7s ease both;
    -moz-animation: scaleToFade .7s ease both;
    animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
    -webkit-animation: goDown .6s ease both;
    -moz-animation: goDown .6s ease both;
    animation: goDown .6s ease both;
}
/* scaleUp */
.owl-fadeUp-in {
    -webkit-animation: scaleUpFrom .5s ease both;
    -moz-animation: scaleUpFrom .5s ease both;
    animation: scaleUpFrom .5s ease both;
}

.owl-fadeUp-out {
    -webkit-animation: scaleUpTo .5s ease both;
    -moz-animation: scaleUpTo .5s ease both;
    animation: scaleUpTo .5s ease both;
}
/* Keyframes */
@-webkit-keyframes empty {
    0% {opacity: 1}
}
@-moz-keyframes empty {
    0% {opacity: 1}
}
@keyframes empty {
    0% {opacity: 1}
}
@-webkit-keyframes fadeIn {
    0% { opacity:0; }
    100% { opacity:1; }
}
@-moz-keyframes fadeIn {
    0% { opacity:0; }
    100% { opacity:1; }
}
@keyframes fadeIn {
    0% { opacity:0; }
    100% { opacity:1; }
}
@-webkit-keyframes fadeOut {
    0% { opacity:1; }
    100% { opacity:0; }
}
@-moz-keyframes fadeOut {
    0% { opacity:1; }
    100% { opacity:0; }
}
@keyframes fadeOut {
    0% { opacity:1; }
    100% { opacity:0; }
}
@-webkit-keyframes backSlideOut {
    25% { opacity: .5; -webkit-transform: translateZ(-500px); }
    75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
    100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}
@-moz-keyframes backSlideOut {
    25% { opacity: .5; -moz-transform: translateZ(-500px); }
    75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
    100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}
@keyframes backSlideOut {
    25% { opacity: .5; transform: translateZ(-500px); }
    75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
    100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}
@-webkit-keyframes backSlideIn {
    0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
    75% { opacity: .5; -webkit-transform: translateZ(-500px); }
    100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}
@-moz-keyframes backSlideIn {
    0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
    75% { opacity: .5; -moz-transform: translateZ(-500px); }
    100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}
@keyframes backSlideIn {
    0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
    75% { opacity: .5; transform: translateZ(-500px); }
    100% { opacity: 1; transform: translateZ(0) translateX(0); }
}
@-webkit-keyframes scaleToFade {
    to { opacity: 0; -webkit-transform: scale(.8); }
}
@-moz-keyframes scaleToFade {
    to { opacity: 0; -moz-transform: scale(.8); }
}
@keyframes scaleToFade {
    to { opacity: 0; transform: scale(.8); }
}
@-webkit-keyframes goDown {
    from { -webkit-transform: translateY(-100%); }
}
@-moz-keyframes goDown {
    from { -moz-transform: translateY(-100%); }
}
@keyframes goDown {
    from { transform: translateY(-100%); }
}

@-webkit-keyframes scaleUpFrom {
    from { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpFrom {
    from { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpFrom {
    from { opacity: 0; transform: scale(1.5); }
}

@-webkit-keyframes scaleUpTo {
    to { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpTo {
    to { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpTo {
    to { opacity: 0; transform: scale(1.5); }
}



/**
        CUSTOM REWRITE
**/
.owl-carousel {
    overflow:hidden;
    margin-bottom:20px;
    position:relative;
}
.owl-carousel.owl-padding-0 .owl-item {
    padding:0 !important;
}
.owl-carousel.owl-padding-1 .owl-item {
    padding:0 1px;
}
.owl-carousel.owl-padding-2 .owl-item {
    padding:0 2px;
}
.owl-carousel.owl-padding-3 .owl-item {
    padding:0 3px;
}
.owl-carousel.owl-padding-6 .owl-item {
    padding:0 6px;
}
.owl-carousel.owl-padding-10 .owl-item {
    padding:0 10px;
}
.owl-carousel.owl-padding-15 .owl-item {
    padding:0 15px;
}
.owl-carousel.owl-padding-20 .owl-item {
    padding:0 20px;
}

/* Cause width problems - better to leave left/right margins
.owl-carousel .owl-item:first-child {
        padding-left:0;
}
.owl-carousel .owl-item:last-child {
        padding-right:0;
}
*/

.owl-carousel img {
    display:inline-block;
}
.owl-carousel.buttons-autohide .owl-buttons {
    filter: Alpha(Opacity=0);
    opacity:0;

    -webkit-transition: opacity 0.4s;
    -moz-transition: opacity 0.4s;
    -o-transition: opacity 0.4s;
    transition: opacity 0.4s;
}
.owl-carousel.buttons-autohide:hover .owl-buttons {
    filter: Alpha(Opacity=100);
    opacity:1;
}

.owl-theme .owl-controls .owl-buttons div {
    color:#121212;
    background:#fff; 
    border:#fff 1px solid;

    opacity:1; 
    filter: Alpha(Opacity=100);

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
section.dark .owl-theme .owl-controls .owl-buttons div {
    color:#fff;
    background:#212121; 
    border:#212121 1px solid;
}

.controlls-over .owl-controls .owl-prev {
    position: absolute;
    top: 50%;
    margin-top: -28px;
    right:auto;
    left: -13px;
    zoom: 1;
    width: 36px;
    height: 36px;
    opacity: 0;
}
.controlls-over .owl-controls .owl-next {
    position: absolute;
    top: 50%;
    margin-top: -28px;
    left:auto;
    right: -13px;
    zoom: 1;
    width: 36px;
    height: 36px;
    opacity: 0;
}



.controlls-over .owl-pagination {
    text-align:center;
    position:absolute; width:60%; margin:auto;
    bottom:-20px; left:0; right:0; z-index:1;
}
.owl-theme.controlls-over .owl-controls .owl-page {
    background:rgba(0,0,0,0.3);
    margin-bottom:30px;
    position:relative;
    display:inline-block;

}
.owl-theme.controlls-over .owl-controls .owl-page:first-child {
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.owl-theme.controlls-over .owl-controls .owl-page:last-child {
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.owl-theme.controlls-over .owl-controls .owl-page span {
    background:#fff;
}
.bottom-pagination .owl-controls .owl-page {
    margin-bottom:-40px !important;
}


/* top text caption */
.owl-carousel .owl-item div {
    position:relative;
    text-align:center;
}
.owl-carousel .owl-caption {
    padding:10px;
    position:absolute !important;
    left:0; top:0; right:0;
    margin-top:0; max-width:100%;
    background:rgba(0,0,0,0.3);
    display:block; color:#fff;
}

.owl-carousel .owl-caption p {
    color:#fff;
    font-size:13px;
    line-height:20px;
    padding:0; margin:0;
}
.owl-carousel .owl-caption h1,
.owl-carousel .owl-caption h1 a,
.owl-carousel .owl-caption h2,
.owl-carousel .owl-caption h2 a,
.owl-carousel .owl-caption h3,
.owl-carousel .owl-caption h3 a {
    color:#fff;
    font-size:21px;
    line-height:21px;
    font-weight:bold;
    margin-bottom:10px;
}
.owl-carousel .owl-caption a {
    color:#fff;
    font-weight:bold;
}

.owl-carousel.controls-hover-only .owl-controls {
    filter: alpha(opacity=0);
    opacity: 0;

    -webkit-transition: opacity 0.4s;
    -moz-transition: opacity 0.4s;
    -o-transition: opacity 0.4s;
    transition: opacity 0.4s;
}
.slider:hover .owl-carousel.controls-hover-only .owl-controls,
.owl-carousel.controls-hover-only:hover .owl-controls {
    filter: alpha(opacity=100);
    opacity: 1;
}


/* Featured Item */
.owl-carousel.featured .owl-featured-item {
    width:99%; padding-bottom:15px;
    text-align:center;
    display:block;

    webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.owl-carousel.featured .owl-featured-item:hover {
    background-color: #eaeaea;
}
.owl-carousel.featured .owl-featured-item a.figure {
    margin:0; padding:0;
    display:block;
    width:100%;
    height:auto;
    overflow:hidden;
    text-align:center;
    z-index:0;
    position:relative;
}

.owl-carousel.featured .owl-featured-item a.figure>img {
    height:auto !important;
    width:100% !important;
    max-width: 100% !important;
    vertical-align:top;
}
.owl-carousel.featured .owl-featured-detail {
    position:relative;
    padding-top:6px;
}

.owl-carousel.featured .owl-featured-detail:after {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    left: 50%;
    margin-left: -10px;
    top: -10px;
    z-index:10;

    webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.owl-carousel.featured .owl-featured-item:hover>.owl-featured-detail:after {
    border-bottom: 10px solid #eaeaea;
}

.owl-carousel.featured .owl-featured-detail>a.featured-title {
    color:#333;
    margin-top:6px;
    display:block;
}


.owl-carousel.featured .owl-featured-detail>span.price {
    display:block;
    margin-bottom:6px;
}


.owl-carousel.featured {
    margin-top:6px;
}
.owl-carousel.featured .owl-controls.clickable {
    top:0 !important;
    margin-top:-45px;
    position:absolute;
    right:0; 
}
h2.owl-featured {
    font-size:16px;
    line-height:19px;
    border-bottom:rgba(0,0,0,0.2) 1px dashed;
    padding-bottom:6px;
    margin-bottom:10px;
}

.owl-carousel.featured a.figure>span {
    position:absolute;
    left:0; right:0; top:0; bottom:0;
    background-color:rgba(0,0,0,0.3);
    filter: alpha(opacity=0);
    opacity: 0;

    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
.owl-carousel.featured a.figure>span>i {
    color:#333;
    position:absolute;
    left:50%; top:50%;
    background:#fff;
    font-size:21px;
    width:50px; height:50px;
    line-height: 50px !important;
    text-align:center;
    margin-left:-20px;
    margin-top:-20px;

    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;

    -webkit-border-bottom-right-radius: 20px;
    -webkit-border-top-left-radius: 20px;
    -moz-border-radius-bottomright: 20px;
    -moz-border-radius-topleft: 20px;
    border-bottom-right-radius: 20px;
    border-top-left-radius: 20px;
}
.owl-carousel.featured a.figure:hover>span {
    filter: alpha(opacity=100);
    opacity: 1;
}

.owl-carousel.featured {
    overflow:inherit !important;
}
.owl-carousel.featured .owl-prev,
.owl-carousel.featured .owl-next {
    display:inline-block !important;
    color:#999 !important;
    width:30px !important;
    height:30px !important;
    line-height:30px !important;
    font-size:20px !important;
}
.owl-carousel.featured .owl-prev:hover,
.owl-carousel.featured .owl-next:hover {
    color:#121212 !important;
}


section.dark .owl-carousel.featured .owl-featured-detail>a.featured-title {
    color:#fff;
}
section.dark .owl-carousel.featured .owl-featured-detail:after {
    border-bottom-color: #212121;
}
section.dark .owl-carousel.featured .owl-featured-item:hover {
    background-color: #111;
}
section.dark .owl-carousel.featured .owl-featured-item:hover>.owl-featured-detail:after {
    border-bottom-color: #111;
}
section.dark .owl-carousel.featured .owl-prev,
section.dark .owl-carousel.featured .owl-next {
    color:#999 !important
}
section.dark .owl-carousel.featured .owl-prev:hover,
section.dark .owl-carousel.featured .owl-next:hover {
    color:#fff !important
}
section.dark h2.owl-featured {
    border-bottom-color:#666;
}

.mobile-detail .img-overflow{height: 220px;background-size: cover;background-position: center; margin-top: 6px;width: 100%}
.mobile-detail .owl-carousel{margin-bottom: 0px}
.mobile-detail ul .w3-padding-small.w3-theme-d4,.margin-top-6{margin-top: 6px}

@media only screen and (max-width: 768px) {
}



/* buttons bottom */
.owl-carousel.buttons-bottom  .owl-controls{
    top:auto !important;
}
.owl-carousel.buttons-bottom .owl-next,
.owl-carousel.buttons-bottom .owl-prev {
    margin-top:-20px !important;
}

/* special carousel title */
.owl-carousel .owl-carousel-caption {
    background-color:rgba(0,0,0,0.5);
    position:absolute !important;
    top:0; left:0; right:0;
    color:#fff; padding:20px;
    height:96px; overflow:hidden;
}
.owl-carousel .owl-carousel-caption.top {
    top:0;
    bottom:auto;
}
.owl-carousel .owl-carousel-caption.bottom {
    top:auto;
    bottom:29px;
}
.owl-carousel .owl-carousel-caption h2,
.owl-carousel .owl-carousel-caption h3,
.owl-carousel .owl-carousel-caption h4 {
    color:#fff;
    font-size:16px;
    line-height:16px;
    margin-bottom:10px;
    font-weight:bold;
    overflow:hidden; 
    display:block;
    width:100%;
    text-overflow:ellipsis; 
    white-space: nowrap;
}
.owl-carousel .owl-carousel-caption p {
    color:#fff;
    font-size:12px;
    line-height:15px;
    padding:0; margin:0;
}

.owl-theme .owl-controls .owl-buttons div {
    /* padding:6px 13px; */
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
    cursor: pointer;
}

.controlls-over .owl-controls .owl-prev {
    margin-left:10px;
}

.controlls-over .owl-controls .owl-next {
    margin-right:10px;
}


/* Styling Pagination*/
.owl-theme .owl-controls .owl-page{
    display: inline-block;
    zoom: 1;
    display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span {
    display: block;
    width: 20px;
    height: 5px;
    margin: 5px 7px;
    filter: Alpha(Opacity=50);/*IE7 fix*/
    opacity: 0.5;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: #869791;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
    filter: Alpha(Opacity=100);/*IE7 fix*/
    opacity: 1;
}


/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers{
    height: auto;
    width: auto;
    color: #FFF;
    padding: 2px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

@media only screen and (max-width: 600px) {
    .owl-pagination {
        display:none;
    }
}

.margin-top-5 {
    margin-top: 5px;
}
.rating {
    position:relative;
    display:block;
    min-height:17px;
    width:100%;
    color:#999;
    display:inline-block;
    font-family: FontAwesome;
}
.rating{display: inline}
.rating-m-0:after{
    content : "";
}
.rating-m-1:after{
    content : "\f058";
    font-size: 18px;
}
.rating-m-2:after{
    content : "\f058\20\f058";
    font-size: 18px;
}
.rating-m-3:after{
    content : "\f058\20\f058\20\f058";
    font-size: 18px;
}
.rating-m-4:after{
    content : "\f058\20\f058\20\f058\20\f058";
    font-size: 18px;
}
.rating-m-5:after{
    content : "\f058\20\f058\20\f058\20\f058\20\f058";
    font-size: 18px;
}

.rating-0:after {
    content:"\f006\20\f006\20\f006\20\f006\20\f006";
}
.rating-1:after {
    content:"\f005\20\f006\20\f006\20\f006\20\f006";
}
.rating-2:after {
    content:"\f005\20\f005\20\f006\20\f006\20\f006";
}
.rating-3:after {
    content:"\f005\20\f005\20\f005\20\f006\20\f006";
}
.rating-4:after {
    content:"\f005\20\f005\20\f005\20\f005\20\f006";
}
.rating-5:after {
    content:"\f005\20\f005\20\f005\20\f005\20\f005";
}

.rating{color: orange; width: 120px}
.rating.width-100{width: 120px}

.w3-bar .w3-bar-item.head_domain_name {
    padding: 0;
    margin-top: 11px;
}

#text_address {
    margin-bottom: 1px;
}

#map {
    height: 200px;
    width: 100%;
}