*{
    outline: none !important;
}
blockquote{
    border-left: 5px solid #b5985a !important;
}
blockquote p{
    font-size: 16px;
}
@media(min-width: 768px){
    blockquote p{
        font-size: 18px;
    }
}
@media (max-width: 767px){
    .container {
        width: 100% !important;
    }
}

#icon-header2 .glyphicons-heat{
    -ms-transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
}


/*** Home slider ***/

#home-slider h1{
    text-shadow: 1px 1px 2px rgba(25, 25, 25, 0.5);
}
#home-slider h2{
    font-size: 24px;
    text-shadow: 1px 1px 2px rgba(25, 25, 25, 0.5);
    font-weight: 400;
}

#home-slider .slider-content{
    padding-top: 60px;
    padding-bottom: 60px;
}
@media(min-width: 480px){
    #home-slider .slider-content{
        padding-bottom: 140px;
        padding-top: 0;
    }
    #home-slider h2{
        font-size: 30px;
    }
}
@media(min-width: 768px){
    #home-slider .slider-content{
        padding-top: 100px;
        padding-bottom: 200px;
    }
}
@media(min-width: 1000px){
    #home-slider .slider-content{
        padding-top: 30px;
        padding-bottom: 200px;
    }
}
@media(min-width: 1500px){
    #home-slider .slider-content{
        padding-top: 60px;
        padding-bottom: 300px;
    }
}
@media(min-width: 1900px){
    #home-slider .slider-content{
        padding-top: 100px;
        padding-bottom: 450px;
    }
}

@media (min-width: 768px){
    #home-slider .slide-cal-center .slider-content {
        margin-left: 20% !important;
        width: 60%;
    }
}


/*** Welcome images ***/
#welcome-images .col-md-3 img{
    display: block;
    margin: 10px auto;
}


/*** Navigation ***/

.headhesive--clone.headhesive--stick .top-nav {
    background: #3C4449 !important;
}

.headhesive--clone{
    box-shadow: 0 1px 2px rgba(204, 204, 204, 0.7) !important;
}

.navbar .navbar-nav .dropdown-menu {
    background-color: #3C4449 !important;
}
.navbar li a{
    cursor: pointer;
}
.navbar .navbar-nav > li:last-child > a{
    margin-right: 0;
}

@media (min-width: 480px) {
   .top-nav-icon-blocks{
        padding-right: 50px;
    } 
}
body.loaded #lang_sel{
    display: block;
}
#lang_sel{
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    height: 20px;
}
#lang_sel:before{
    font-family: "themovation-icons" !important;
    content: "e";
    position: absolute;
    right: 0;    
    font-size: 9px;
    top: 5px;
    color: rgba(255,255,255,0.5);
}
#lang_sel li{
    width: 40px;
    line-height: 20px;
}
#lang_sel a, #lang_sel a:visited{
    border: none;
    background: none !important;
    line-height: 20px;
    padding-left: 5px;
}
#lang_sel ul ul{
    border: none !important;
    width: 40px; 
}
#lang_sel ul ul a{
    background: rgba(255,255,255,0.5) !important; 
    line-height: 0;
}
#lang_sel img.iclflag{
    top: 0;
}
.headhesive--stick #lang_sel ul ul a{
    background: #3C4449 !important;
}
@media(max-width: 991px){
    #lang_sel{
        right: 15px;
    }
}
@media (min-width: 480px) and (max-width: 767px){
    header.navbar .container{
        width: 450px;
    }
}
@media(min-width: 768px) and (max-width: 991px){
    header.navbar .container{
        width: 100%;
        max-width: 100%;
    }
    .navbar-header #logo{
        margin: 40px 0;
    }
    .navbar-header #logo a{
        display: block;
    }
}
@media(min-width: 768px) and (max-width: 849px){
    .navbar .navbar-nav > li > a {
        margin-left: 7px !important;
        margin-right: 7px !important;
    }
    .navbar-header #logo a{
        width: 115px;
    }
}
@media(min-width: 850px) and (max-width: 991px){
    .navbar .navbar-nav > li > a {
        margin-left: 10px !important;
        margin-right: 10px !important;
    }
    .navbar-header #logo a{
        width: 140px;
    }
}
@media(min-width: 992px) and (max-width: 1199px){
    .logo-trans{
        width: 200px !important;
    }
}


/*** Header ***/

#themo_page_header_1.full-header-img{
    position: relative;
}
#themo_page_header_1.full-header-img:after{
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,0.5);
}
.room-header .room-nav{
    z-index: 1;
}
.page-title{
    position: relative;
    z-index: 1;
}
@media (max-width: 991px){
    .page-title{
        padding: 60px 0 !important;
    }
}
#otkrij_dozivi_header .page-title h3{
    padding-top: 30px;
}


/*** Gallery ***/
#main-gallery .gallery a.img-thumbnail{
    position: relative;
    overflow: hidden;
    padding-bottom: 55%;
}
#main-gallery .gallery a.img-thumbnail img{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
@media (max-width: 767px) {
    #main-gallery .gallery a.img-thumbnail{
        margin-bottom: 10px;
    }
}


/*** Tabs ***/
.nav-tabs > li > a{
    font-weight: bold;
    border-radius: 0 !important;
}
.tab-content{
    border: 1px solid #ddd;
    border-top: none;
    padding: 20px !important;
}
@media(max-width: 1200px){
    .nav-tabs > li{
        float: none !important;
        border: 1px solid #ddd;
    }
    .nav-tabs > li.active{
        border: none;
    }
    .nav-tabs > li > a{
        margin-right: 0 !important;
    }
}
@media(min-width: 1201px){
    .nav-tabs > li > a{
        padding: 10px 10px !important;
    }
    .tab-content{        
        padding: 30px !important;
    }
}



/*** Tables ***/
@media (max-width: 991px){
.table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        overflow-x: scroll;
        border: none !important;
    }
}
.tablepress{
    min-width: 820px;
}
.tablepress.table_split{
    min-width: 940px;
}
.tablepress td, .tablepress th{
    text-align: center !important;
}
.tablepress thead th{
    border-right: 1px solid #848484;
    border-bottom: 1px solid #64676B !important;
    border-top: 1px solid #64676B !important;
}
.tablepress tbody td {
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-top: none;
}
.tablepress thead{
    border-right: 1px solid #64676B;
    border-left: 1px solid #64676B;
}
.tablepress tbody{
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
}
.tablepress thead th:last-child, .tablepress tbody td:last-child {
    border-right: none;
}
.tablepress tfoot th, .tablepress thead th {
    background-color: #64676B !important;
    color: #fff;
    vertical-align: middle;
}
.tablepress tbody tr:first-child td, .tablepress tbody tr:first-child:hover td{
    background-color: #e9e9e9;
}

.tablepress tbody tr:first-child td{
    font-weight: bold;
}

.tablepress.dnevni tbody td:nth-child(even), .tablepress.mjesecni tbody td:nth-child(even){
    font-weight: bold;
}
.tablepress.dnevni tbody td:nth-child(odd), .tablepress.mjesecni tbody td:nth-child(odd){
    color: #999;
}
.tablepress tbody tr:first-child td, .tablepress tbody td:first-child{
    color: #5c5c5c !important;
}
.tablepress.struja tbody tr:nth-child(2) td{
    color: #999;
}


#tablepress-2 tbody tr:first-child td{
    background-color: #ffffff;
}
#tablepress-2 tbody tr td:first-child{
    font-weight: bold;
    background-color: #e9e9e9;
}
.table_split th.column-6, .table_split td.column-6{
   padding: 0;
   background: #ffffff !important;
   border-top: none !important;
   border-bottom: none !important;
}
.table_split tbody td:nth-child(2), .table_split tbody td:nth-child(8){
    font-weight: bold
}
.table_split tbody td:nth-child(3), .table_split tbody td:nth-child(9){
    color: #999;
}


/*** Homepage ***/

#services .room-sub{
    border: 1px solid rgba(255,255,255,0.9);
    padding: 8px 18px;
    margin-top: 20px;
    border-radius: 50px;
    display: inline-block;
}
#services .room-sub:hover{
    border: 1px solid rgba(255,255,255,0.5);
}
.quote blockquote.tweet{
    border-left: none !important;
}
@media (min-width: 992px) {
    #guest-reviews .quote blockquote.tweet{
        min-height: 350px;
    }
}
@media (min-width: 1200px) {
    #guest-reviews .quote blockquote.tweet{
        min-height: 325px;
    }
}
.rooms-item:hover .room-overlay {
    opacity: 0.6 !important;
}


/*** Rooms ***/
.room-header .room-nav a i, .room-header .p-mob-nav a i{
    color: #ffffff;
    opacity: 0.8;
}
.room-header .room-nav a:hover i, .room-header .p-mob-nav a:hover i{
    opacity: 1;
}


/*** Forms ***/
.simple-conversion .frm_error{
    left: 25px !important;
    bottom: -16px !important;
}


/*** Counter ***/
.statistics{
    background: transparent;
}
.statistics h2{
    display: none;
}
.statistics .stat{
    margin: 0;
}
.statistics .stat span {
    margin-bottom: 10px;
}
.statistics span.fa{
    background: #b5985a;
    padding: 35px;
    border-radius: 50%;
    font-size: 42px;
    margin-bottom: 20px;
}
.statistics .stat .number{
    color: #5c5c5c;
    font-size: 28px;
}
.statistics .stat .count-title{
    font-size: 20px;
    margin-bottom: 0;
    color: #b5985a;
}


/*** Restaurants ***/
#restaurants .restaurant-wrapper{
    border: 1px solid #ddd;
    padding: 20px;
    margin-bottom: 30px;
}
#restaurants h3{
    margin: 0 0 20px 0;
}
#restaurants p:last-child{
    margin-bottom: 0;
}


/*** Contact ***/ 
#contact-form input, textarea{
    margin: 5px 0 !important;
}
.page-id-1317 .top-nav-text p, .page-id-1317 .top-nav-icon-blocks .icon-block a, .page-id-1317 .top-nav-icon-blocks .icon-block p{
    color: #ffffff;
}
.page-id-1317 .top-nav{
    background: #3C4449 !important;
}

/*** Home contact ***/
.home_submit_btn{
    display: block !important;
}


/*** Blog ***/
.single-post .top-nav{
    background: #3C4449 !important;
}
.single-post .top-nav-text p, .single-post .top-nav-icon-blocks .icon-block a, .single-post .top-nav-icon-blocks .icon-block p{
    color: #ffffff;
}
.comments-closed{
    display: none;
}
body.single .post-inner{
    border-bottom: none !important;
}


/*** Otkrij. Dozivi. Istrazi. ***/
#odi_images section{
    position: relative;
}
#odi_images .float-content{
    position: initial;
}
#odi_images .odi_autor{
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 0;
    padding: 5px 10px;
    background: rgba(0,0,0,0.55);
}


/*** Dokumentacija ***/
#documents-list h3{
    display: inline-block;
    margin: 7px 0 0 10px;
}
#documents-list a{
    color: #515151;
}
#documents-list a:hover{
    color: #b5985a;
}

#custom-icons h3{
    display: inline-block;
    margin: 7px 0 0 10px;
}


/*** Events ***/
.tribe-events-style-full .top-nav{
    background: #3C4449 !important;
}
.tribe-events-style-full .top-nav-text p, .tribe-events-style-full .top-nav-icon-blocks .icon-block a,  .tribe-events-style-full .top-nav-icon-blocks .icon-block p{
    color: #ffffff;
}
.tribe-events-single-event-title{
    display: none;
}
.tribe-events-style-full .meta-border{
    display: none;
}
.tribe-events-notices {
    background: #DED1B9;
    border: 1px solid #B49758;
    color: #545454;
    font-weight: bold;
    text-shadow: none;
}


/*** Footer **/
.footer .footer-area-1 .icon-blocks p{
    font-size: 13px;
}
.footer .th-payments-widget img{
    opacity: 0.5;
}
.footer .th-payments-widget img:hover{
    opacity: 1;
}


/*** 404 ***/
.error404 .top-nav{
    background: #3C4449 !important;
}
.error404 .top-nav-text p, .error404 .top-nav-icon-blocks .icon-block a, .error404 .top-nav-icon-blocks .icon-block p{
    color: #ffffff;
}


/*** Master slider ***/
.ms-skin-default .ms-nav-next, .ms-skin-default .ms-nav-prev{
    background: none !important;
}
.ms-skin-default .ms-nav-next:before, .ms-skin-default .ms-nav-prev:before{
    position: absolute;
    font-family: "themovation-icons";
    color: #ffffff;
    font-size: 30px;
}
.ms-skin-default .ms-nav-next:before{
    content: "c";
}
.ms-skin-default .ms-nav-prev:before{
    content: "a";
}
.ms-slide-info{
    opacity: 0;
    transition: opacity 300ms ease;
    -webkit-transition: opacity 300ms ease;
    padding: 10px 0 10px 20px;
    background: rgba(255,255,255,0.8);
    font-size: 20px;
    color: #5c5c5c;
    font-weight: bold;
    font-family: 'Josefin Sans', sans-serif;
}
.ms-slide:hover .ms-slide-info{
    opacity: 1;
}


/*** Weather widget ***/
.awesome-weather-wrap{
    background: rgba(0, 0, 0, 0.3) !important;
}
.awesome-weather-header {
    background: #79A4BC;
}
@media(min-width: 992px){
    .awesome-weather-current-temp{
        text-align: right;
        padding: 30px;
    }
    .awesome-weather-todays-stats{
        text-align: left;
        padding: 25px 30px;
    }
    .awesome-weather-forecast{
        font-size: 20px;
    }
    .awesome-weather-forecast-day-abbr{
        margin-top: 10px;
    }
}

/*** Leaflet marker widget ***/
.leaflet-popup-content {
    font-family: "Open Sans", Arial, Helvetica, sans-serif !important;
    color: #515151 !important;
}
.leaflet-popup-content-wrapper{
    border-radius: 5px !important; 
}
.leaflet-popup-content h3{
    font-size: 18px;
    margin-bottom: 0;
}


/*** Accordion ***/
.panel-group .panel-default:first-child {
    display:none;
}
#rose .panel-title a{
    font-weight: bold;
}
#rose .panel-heading, #rose .panel-body {
    padding: 15px 25px;
}
#rose .panel-title a:hover {
    color: #704223;
}

@media (min-width: 1200px) {
    #rose .panel-group{
        margin-top: 60px;
        margin-left: 40px;
    }
}
@media (min-width: 769px) and (max-width: 1199px){
    #rose img{
        max-width: 360px;
    }
}

/*** iMapper ***/
@media (max-width: 600px) {
    .imapper-content{
        padding: 20px;
    }
    .imapper-close-button{
        transform: scale(1) !important;
        width: 35px;
    }
}
.mCSB_container, .imapper-content-header{
    text-align: center;
}
.mCSB_container i{
    font-size: 70px;
    margin-top: 50px;
}
.imagemapper-wrapper .mCustomScrollBox {
    max-height: 100%;
}


/*** DHMZ iframe ***/
#dynamic-map .iframe-scroll-wrapper{
    width: 100%;
    overflow-x: auto;
}
#dynamic-map .iframe-wrapper{
    overflow: hidden;
    width: 810px;
    margin: 0 auto;
    position: relative;
}
#dynamic-map .iframe-wrapper:after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    width: 778px;
    margin: 0 auto;
    background: #D0D0D0;
}
#dynamic-map iframe{
    border: none;
    margin-top: -118px;
    overflow: hidden;
}


/*** Cookies ***/
.pea_cook_wrapper{
    -webkit-animation-delay: 5s;
    animation-delay: 5s;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}
a#fom, a#pea_close {
    border-bottom: none !important;
}
.pea_cook_wrapper.pea_cook_bottomright {
    bottom: 22px !important;
    right: 80px !important;
}



/*** Animations ***/

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDown {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}


body.loaded #home-slider h1, body.loaded #home-slider h2{
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}
body.loaded #home-slider h1{
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}
body.loaded #home-slider h2{
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
}

/*** Google map ***/
#map_infowindow{
    text-align: center;
}
#map_infowindow h4{
    font-size: 18px;
    margin: 5px 0;
}
#map_infowindow p{
    margin-bottom: 5px;
    line-height: 1.4;
    font-size: 13px;
}

#contact-map .container{
    width: 100% !important;
    padding: 0 !important;
    max-width: none !important;
}