/*
 * Dear programmer, 
 * This is CSS file targeted to programmers. 
 * So DON'T touch `screen.css` file. 
 * If you have to change any frontend CSS styles, do it here ;-) 
 * 
 * Best regards, 
 * Michal Mikolas 8-)
 */

body {
    background-image: url('../cb/implicitni-70.jpg');
    font-family: 'Open Sans', sans-serif !important;
    overflow-x: hidden;
}

body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body .h1,
body .h2,
body .h3,
body .h4,
body .h5,
body .h6 {
    font-family: 'Open Sans', sans-serif;
}

header h1 span {
    pointer-events: none;
}

.moreIcon {
    font-weight: bold;
}



html body article.listSimple {
    margin: 0px 0px 0px 0px;
    background: none;
}
html body article.listSimple ol li:last-child a {
    color: #212a34;
}
.listIco li.has-link {
    padding-left: 0px;
}
.listIco li.has-link a {
    display: block;
    padding-left: 15px;
    color: #212a34;
}


.objektDetail_text {
    margin-top: 20px;
    margin-bottom: 20px;
}

.objektDetail_long_text {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s;
    margin-bottom: 20px;
}


#mapBox {
    position: relative;
    margin-bottom: 15px;
}

#mapBox .hideMap {
    border-style: solid;
    border-width: 1px;
    border-color: rgb(206, 211, 216);
    color:rgb(206, 211, 216);
    border-radius: 4px;
    background-color: #fff;
    color:#9da6af;
    -webkit-box-shadow: 0px 1px 3px 0px rgba(1, 1, 1, 0.05);
    -moz-box-shadow: 0px 1px 3px 0px rgba(1, 1, 1, 0.05);
    box-shadow: 0px 1px 3px 0px rgba(1, 1, 1, 0.05);
    padding: 5px 10px 5px 10px;
    text-transform: uppercase;
    position: absolute;
    bottom:23px; right: 45px;
}


#modalReservation .row.formBtn .col-md-12 label {
    margin-bottom: 10px;
}
#modalReservation .row.formBtn .col-md-12 .form-group label {
    margin-top: 5px;
    margin-bottom: 5px;
}
#modalReservation .row.formBtn .col-md-4 .checkbox {
    margin-top: 0px;
}


input.datepicker[readonly], 
input.datetimepicker[readonly] {
    cursor: pointer;
}


#overlay {
    position: absolute;
    top:0;
    left:0;
    background: transparent;
    width: 100%;
    height: 100%;
    border: 0;
    margin: 0;
    padding: 0;
    z-index: 100;
    display: none;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


body .container article ul.navTabs.subH1 > li.active > a {
    text-decoration: none;
}

h1.mainTitle.mainTitleBig {
    /* font-family: 'Open Sans Light'; */
}
.object-list .bottom{
    display:inline-block;
    width: 100%;    
}
.bottom .visualPaginator {
    margin-top:0px;
}
.visualPaginator {
    float: right;
    margin-top: -45px;
}
.visualPaginator ul {
    margin: 0;
}
.visualPaginator ul li:nth-child(1) {
    display: none;
}
.visualPaginator ul li:nth-last-child(1) {
    display: none;
}
.visualPaginator ul li {
}
.visualPaginator ul li a, 
.visualPaginator ul li.active span 
{
    height: 30px;
    line-height: 30px;
    padding: 0px 10px;
    text-align: center;

    background: #F6F8F9;
    border: 1px solid #DEE2E5;
    border-radius: 6px;
    margin-left: 5px;
    color: #9DA6AF;
    font-family: 'Open Sans', sans-serif;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.visualPaginator ul li.active span {
    color: #626F7C;
    background: #fff;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
}

#carouselHp01 {
    left: -10px;
}
.carousel-inner .item article .row.tripTip,
.carousel-inner .item section .row.actionTip {
    margin-left: 0;
    margin-right: 0;
}

/*.carouselPage .carousel-indicators {
        top: -20px !important;
        right: 13px !important;
}*/


.listingTours section {
    height: 450px;
    overflow: hidden;
}
.listingTours  section.premium {
    height: 164px;
    overflow: hidden;
    padding: 0;
    margin-bottom: 0;
}

.listingTours  section.premium .ratingBox{

    padding: 0;
    margin: 0;
}

.listingTours  section.premium h2{

    padding: 0;
    margin: 0;
    margin-bottom: -15px;
}

.pagination > li > a, .pagination > li > span {
    padding: 0 10px;
    line-height: 30px;
    height: 30px;
    margin-left: 5px;
    border-radius: 6px;
    color: #9DA6AF;
}
.pagination > li > a, .pagination > li > span:hover {
    background-color: #fff;
}


#ajax-spinner {
    display: block;
    background:  url('../images/spinner.gif') no-repeat 50% 50%;
    font-size: 0;
    z-index: 123456;
    min-width: 100%;
    min-height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    margin: 0px;
}

.mountains-perex{
    padding: 10px 0 10px 0;
    overflow: hidden;
}