/*  bhoechie tab */
.bhoechie-tab {padding-bottom: 15px;}
div.bhoechie-tab-container { z-index: 10; background-color: #ffffff; padding: 0 !important; border-radius: 4px; -moz-border-radius: 4px; border: 1px solid #ddd; margin-top: 20px; background-clip: padding-box; opacity: 0.97; filter: alpha(opacity=97); border-top-width: 0px; }
div.bhoechie-tab-menu { padding-right: 0; padding-left: 0; padding-bottom: 0;}
div.bhoechie-tab-menu div.list-group { margin-bottom: 0; border-radius: 0!important; margin-left: 14px; }
div.bhoechie-tab-menu div.list-group>a { margin-bottom: 0; font-size: 16px; color: #5a5a5a; }
div.bhoechie-tab-menu div.list-group>a:hover { transition: ease-in all .5s; color: white; }
div.bhoechie-tab-menu div.list-group>a .glyphicon,
div.bhoechie-tab-menu div.list-group>a .fa {color: #5A55A3;}
div.bhoechie-tab-menu div.list-group>a:first-child { border-top-right-radius: 0!important; -moz-border-top-right-radius: 0!important; border-top-left-radius: 0!important; }
div.bhoechie-tab-menu div.list-group>a:last-child { border-bottom-right-radius: 0!important; -moz-border-bottom-right-radius: 0!important; border-bottom-left-radius: 0!important; }
div.bhoechie-tab-menu div.list-group>a.active,
div.bhoechie-tab-menu div.list-group>a.active .glyphicon,
div.bhoechie-tab-menu div.list-group>a.active .fa { background-color: #5A55A3; color: #ffffff; }
div.bhoechie-tab-menu div.list-group > a.active {font-size: 16px;}
div.bhoechie-tab-menu div.list-group>a.active:after { content: ''; position: absolute; left: 100%; top: 50%; margin-top: -13px; border-left: 0; border-bottom: 13px solid transparent; border-top: 13px solid transparent; border-left: 10px solid #5A55A3; }
div.bhoechie-tab-content { background-color: #ffffff; padding-right: 20px; padding-top: 10px; }
div.bhoechie-tab div.bhoechie-tab-content:not(.active) {display: none;}

.slider-content {position: relative;}
.slider-search-caption { background-size: cover; width: 100%; }
.carousel-caption { position: absolute; text-align: left; margin-left: auto; margin-right: auto; left: 5%; right: 60%; top: 400px; height: 160px; }
.carousel-caption > h1 { padding: 15px 24px; background-color: #1396e2; text-align: center; font-size: 32px; font-weight: 700; width: 465px; text-shadow: 1px 1px 1px rgb(0,0,0); }
.carousel-caption > h3 { font-size: 27px; font-weight: 700; text-shadow: 1px 1px 1px rgb(0,0,0); text-align: left; margin: 0 0 20px; }
.bx-wrapper { border: 0!important; margin-bottom: 0!important; }
.slider-search-caption {position: relative;}
.bx-wrapper .bx-pager {color: white!important;}
.bx-wrapper {box-shadow: none!important;}
.bx-wrapper .bx-pager {bottom: 35px!important;}
.bx-wrapper .bx-pager.bx-default-pager a {width: 22px!important; height: 22px!important; border-radius: 100%!important; background: none!important; border: 3px solid white;}
.bx-wrapper .bx-pager.bx-default-pager a.active {background: white!important;}

.slider-div {width: 100%; height: 700px; background: rgba(0, 0, 0, 0) none no-repeat scroll center center / cover;}
.slider-div > img { width: 100%; height: 100%; }
@media (max-width: 1260px) {.slider-div {height: 550px;}}
@media (max-width: 767px) {.slider-div {height: 400px;}}
@media (max-width: 525px) {.slider-div {height: 300px;}}
@media (max-width: 320px) {.slider-div {height: 200px;}}

.offer { margin-bottom: 30px; overflow: hidden; position: relative; width: 100%; }
.offer:hover img,
.offer:active img,
.fa-arrow-right:hover, .fa-arrow-left:hover {color: white!important;}
.offer:focus img { -moz-backface-visibility: hidden; top: -10px; }
.offer:hover.big .cont,
.offer:active.big .cont,
.offer:focus.big .cont {bottom: 0;}
offer:hover .cont,
.offer:active .cont,
.offer:focus .cont {bottom: 0;}
.offer:hover .cont .additional-info li,
.property:active .cont .additional-info li,
.offer:focus .cont .additional-info li { opacity: 1; }
.add-info {margin-bottom: 10px;}
.offer:hover .tag.status,
.offer:active .tag.status,
.offer:focus .tag.status {background-color: rgba(0, 0, 0, 0.8);}
.offer:hover .type,
.offer:active .type,
.offer:focus .type { opacity: 1; }
.offer img { -moz-transition: 0.4s; -webkit-transition: 0.4s; transition: 0.4s; -moz-backface-visibility: hidden; width: 100%; position: relative; top: 0; }
.offer .offer-image { overflow: hidden; width: 100%; }
.offer img { -moz-transition: 0.4s; -webkit-transition: 0.4s; transition: 0.4s; -moz-backface-visibility: hidden; width: 100%; position: relative; top: 0; }
.offer .offer-image .offer-type { top: 12px; left: 12px; }
.offer .cont { -moz-transition: 0.4s; -webkit-transition: 0.4s; transition: 0.4s; bottom: -50px; left: 0; width: 100%; z-index: 1; }
.offer .cont h3 { margin: 5px 0 3px 0; font-size: 16px; font-weight: bold; color: #fff; text-shadow: 0 0 1px rgba(0, 0, 0, 0.65), 1px 1px 3px rgba(0, 0, 0, 0.65); }
.offer .cont figure {left: 0; font-weight: lighter; color: #fff; text-shadow: 0 0 1px rgba(0, 0, 0, 0.55), 1px 1px 3px rgba(0, 0, 0, 0.45); font-size: 16px; position: absolute; bottom: 22px; width:100%;}
.offer:hover .cont figure { position: absolute; bottom: 180px; transition: 0.9s;  background-color: rgba(0,0,0,0); }
.info-surface { position: absolute; top: 120px; color: white; font-size: 12px; left: -150px; }
.info-rooms { position: absolute; top: 150px; color: white; font-size: 12px; left: -150px; }
.info-days { position: absolute; top: 180px; color: white; font-size: 12px; left: -150px; }
.cont > .info > figure { background-color: rgba(0,0,0, 0.7); padding: 4px 9px; }
.offer:hover .info-surface { left: 15px; transition: 0.8s; }
.offer:hover .info-rooms { left: 15px; transition: 0.6s; }
.offer:hover .info-days { left: 15px; transition: 0.4s; }
.main-hover {padding: 7px; cursor: pointer;}
.main-hover:hover .fa-check-square-o {color: white;}

.offer:hover .virtual {
    right: -63px;
    width: 152px;
    transform: rotate(-45deg);
    align-items: flex-start;
    top: 152px;
    padding-bottom: 2px;
}

.offer:hover .virtual {
    transition: all .6s;
}

.owl-carousel > .owl-nav {
    padding: 0 5px;
    height: 0;
    display: flex;
    justify-content: space-between;
    position: relative;
    bottom: 180px;
}

.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next {
    width: 40px;
    height: 40px;
    background-color: rgba(220,220,220,.7);
    border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: center;
    font-size: 18px;
}

.owl-carousel:hover .owl-nav
{
    display: flex;
}