@charset "utf-8";
html {position: relative;min-height: 100%;height: 100%;}
body {padding-bottom: 50px; overflow-x: hidden;height: 100%;}
a, a:focus, a:hover {color: #222; text-decoration:none;}
.p100{width:100%;}
.w50{width:50px;}
.w100{width:100px;}
.w150{width:150px;}
.w200{width:200px;}
.w300{width:300px;}
.mt-50{margin-top:50px;}
.mt-30{margin-top:30px;}
.mt-20{margin-top:20px;}
.mt-10{margin-top:10px;}
.mb-10{margin-bottom:10px;}
.mb-15{margin-bottom:15px;}
.mb-20{margin-bottom:20px;}
.pad-20{padding: 20px 0px;}
.big-dialog{width:1200px;}
.files-row{ display:none;}
#top {background: #33313b;padding: 5px 0;}
#top button {margin: 0;padding: 0;}
.navbar-nav a .top-menu-icon{font-size: 18px;float: left;margin-right: 10px;}
.navbar-out{border:0;margin-bottom:0px;}
.navbar-out .navbar-nav > .active > a, .navbar-out .navbar-nav > .active > a:focus, .navbar-out .navbar-nav > .active > a:hover {color: #fff;background-color: #d9534f;}
.navbar-out .navbar-toggle{border: #000 1px solid;}
.navbar-out .navbar-toggle .icon-bar{ background:#000;}
.header-logo img{height:70px;}
.navbar-brand.active{color:#FFF;}
.navbar-nav > li > a{padding-top: 25px;padding-bottom: 25px;}
.breadcrumb{margin-top:20px;margin-left: -15px;margin-right: -15px;}
.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover{background-color: #222;}
.nav-pills > li > div{border-radius: 4px;position: relative;display: block;padding: 10px 15px; cursor:pointer;}
.nav-pills > li > div:hover, .nav-pills > li > div:focus{background-color: #eee;}
.form-signin{ margin:0 auto;max-width:400px;background: #101010; color:#FFF;padding:20px;border-radius: 5px;}
.form-signin .nav-tabs li{width:50%;}
.form-signin .nav-tabs > li > a{ margin:0;}
.form-signin .nav-tabs > li > a, .form-signin .nav-tabs > li > a:focus, .form-signin .nav-tabs > li > a:hover{ background:#777571; border-color:transparent; color:#FFF; text-align:center;}
.form-signin .nav-tabs > li.active > a, .form-signin .nav-tabs > li.active > a:focus, .form-signin .nav-tabs > li.active > a:hover{color: #FFF;background-color: #101010; text-align:center;}
.form-signin .tab-content{padding: 20px;border: #101010 1px solid;margin-bottom: 20px;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;}
.form-signin label{display:block; text-align:left; margin-top: 0; color:#FFF;}
.my-form label{display: block;margin-top: 5px; text-align:left;}
.my-form label.radio-inline{display: inline-block;margin-top: 0px;}
.my-input-group .input-group-addon{border: 0;padding: 0;margin: 0;background:transparent; vertical-align:top;}
.my-input-group .input-group-addon.small-group-addon{width: 0.1%;}
.form-signin .checkbox{margin:0;}
.form-signin a{color:#fff;}
.modal-header {color: #FFF;font-size: 20px;}
.modal-error-header {background: #C52A30;}
.modal-message-header {background: #4cae4c;}
.modal-info-header {background: #46b8da;}
.modal-header .close {margin-top: -2px;color:#FFF;opacity: 1;}
.admin-container{padding-top: 90px;}
.navbar-brand{padding: 25px 15px;}
.admin-container .panel-heading{font-size: 16px;font-weight: bold;}
.admin-container .panel-heading a, .admin-container .panel-heading label{color: #333;font-size: 18px;margin-left: 15px; cursor:pointer;}
.admin-container .panel-heading a div, .admin-container .panel-heading label div{float: right;margin: 2px 0 0 5px;font-size: 14px;}
.files-field{position: absolute;clip: rect(0px, 0px, 0px, 0px);}
.required:after, .rq:after {content:" *";color:#ea0000;}
.dell-me{position: absolute;top: 0;right: 0;cursor: pointer;border-radius: 60px;box-shadow: 0px 0px 2px#888;padding: 0.2em 0.4em;background:#EA0000;color:#FFF;}
.down-load{position: absolute;bottom: 2px;right: 2px;cursor: pointer;border-radius: 60px;box-shadow: 0px 0px 2px#888;padding: 0.2em 0.4em;background:#337ab7;color:#FFF;}
.down-load:hover{color:#FFF;}
.l-icon{font-size:20px; margin:0 2px;}
.red-icon{color: #cb2020;}
.green-icon{color: green;}
.orange-icon{color: orange;}
.blue-icon{color: #337ab7;}
.trans_note{background: #E9E9ED; padding:5px;}
.stacktable.large-only { display: table; }
.stacktable.small-only { display: none; }
.portfolio h4{margin-top: 15px; padding-top:15px;}
.autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto;}
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; cursor:pointer;}
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: bold;}
.img-fluid{max-width: 100%;height: auto;}
.thumbnail {width: 185px;height: 130px;background-size: cover;background-position: center center;background-repeat: no-repeat;display: inline-block;margin: 5px 0 0 0;overflow: hidden;padding: 0px;position: relative;border-radius: 0;}
.thumbnail img{position: absolute;top: -9999px;bottom: -9999px;left: -9999px;right: -9999px;margin: auto;}
.thumbnail .drag-me{left: 2px;top: 2px;position: absolute;border-radius: 60px;box-shadow: 0px 0px 2px#888;padding: 0.2em 0.4em;background:#FFF;}
.thumbnail .mask{position: absolute;z-index: 2;font-size: 60px;color: #FFFFFFCF;width: 100%;height: 100%;left: 0;top: 0;background: #00000080;line-height: 130px;font-style: italic;}
.thumbnail-small{width: 0px;height: 0px;}
.calendar table td, .calendar table th{ width:30px; height:30px;}
.calendar table.month tr td{color: #bababa;}
.calendar table.month tr td.reserved{color:#FFF;background-color:#d35e5e;border-radius: 4px;}
.calendar table.month tr td.myreserved{color:#FFF;background-color:#17b700;border-radius: 4px;}
.calendar table.month tr td span.packages, .calendar table.month tr td.reserved a.packages{background: #46b8da;color:#FFF;border-radius: 15px;padding: 5px;}
.calendar table.month tr td span.specials, .calendar table.month tr td.reserved a.specials{background: #ffa700;color:#FFF;border-radius: 15px;padding: 5px;}
.price-packages{margin-bottom:10px;}
.price-packages-days{background: #46b8da;color:#FFF;border-radius: 5px;padding: 5px;margin-right: 10px;}
.price-specials-days{background: #ffa700;color:#FFF;border-radius: 5px;padding: 5px;margin-right: 10px;}
.calendar table.month tr td a{color:#FFF;}
.calendar .legend{list-style: none;margin: 0;padding: 0;}
.calendar .legend li{display: inline-block;margin-right: 20px;}
.calendar .legend .reserved span{color: #FFF;background-color: #d35e5e;border-radius: 4px; padding:5px; margin-right:5px;}
.calendar .legend .packages span{background: #46b8da;color: #FFF;border-radius: 15px;padding: 5px;}
.calendar .legend .specials span{background: #ffa700;color: #FFF;border-radius: 15px;padding: 5px;}
.calendar a{ display:block;}
.calendar label{display: block; margin: 0; text-align:center;}
.onoff {display: inline-block;vertical-align: middle;*vertical-align: auto;zoom: 1;position: relative;cursor: pointer;width: 45px;height: 30px;line-height: 30px;font-size: 14px;}
.onoff label {margin: 0;position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;cursor: pointer;background: #cd3c3c;border-radius: 5px;font-weight: bold;color: #FFF;-webkit-transition: background 0.3s, text-indent 0.3s;-moz-transition: background 0.3s, text-indent 0.3s;-o-transition: background 0.3s, text-indent 0.3s;transition: background 0.3s, text-indent 0.3s;text-indent: 20px;-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4) inset;-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4) inset;box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4) inset;}
.onoff label:after {content: 'НЕ';display: block;position: absolute;top: 0px;left: 0px;width: 100%;font-size: 12px;color: #FFF;text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.35);z-index: 1;text-indent: 20px;}
.onoff label:before {content: '';width: 10px;height: 24px;border-radius: 3px;background: #FFF;position: absolute;z-index: 2;top: 3px;left: 3px;display: block;-webkit-transition: left 0.3s;-moz-transition: left 0.3s;-o-transition: left 0.3s;transition: left 0.3s;-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);}
.onoff input:checked + label {background: #378b2c;}
.onoff input:checked + label:after {content: 'ДА';color: #FFF;text-indent: 10px;}
.onoff input:checked + label:before {left: 32px;}
.price span{display: block;font-family: courier new,courier;font-size: 30px;color: #D9534F;font-weight: bold;padding: 5px 0;}
#ui-datepicker-div{ z-index:999999 !important;}
.datepicker-highlight .ui-state-default{border: 1px solid #003eff;background: #007fff;font-weight: normal;color: #fff;}
.cap{margin: 0;padding: 0;list-style: none;}
.cap li{text-align: center; display: inline-block;font-weight: bold;}
.cap li, .cap .btn{text-transform: uppercase;}
.cap li div span{font-size:28px;display: block;text-transform: initial;}
.cap li div{display: block;border: #000 1px solid;border-radius: 3px;}
.prop-s-list .small-cap{margin-top:10px;}
.big-cap li{width: 25%;}
.big-cap li div{margin-right:5px;}
.big-cap li:last-child div{margin-right:0px;}
.small-cap li{width: 50%;}
.small-cap li span{font-size: 24px;}
.small-cap li:first-child{padding-right: 5px;}
.index-cont{ min-height:500px;}
.set{margin: 0;padding: 0;list-style: none;}
.set li {display: inline-block;width: 50%;margin-top:10px;}
.set li img {width: 40px;margin-right: 10px;}
#discounts{border: #ddd 1px solid;border-radius: 3px;margin-bottom: 10px;padding: 10px;background: #f5f5f5;}
.prop-b-list{border: #d3d3d3 1px solid;margin-bottom: 30px; border-radius: 5px;}
.prop-b-list .media{padding:0px;}
.prop-b-list .more-info{color: #d9534f;}
.price-info{width: 100%;color: #D9534F;font-size: 25px;margin-bottom: 10px;line-height: 1.1;}
#rf .price-info{background: transparent;border: 0; text-align:center;}
.price-table.large-only th, .price-table.large-only td{text-align:center;vertical-align: middle;}
.pricelist-title{text-align:center;}
#google_map{ width:100%; height:350px;}
.contacts{font-size: 18px;}
.contacts i{float:left; font-size:26px;color: #d9534f;}
.contacts ul{list-style: none;border-left: 2px solid #d9534f;padding: 0;margin: 0 0 40px 30px;}
.contacts ul li{margin: 10px 0 10px 15px;}
#draggable .del-btn{ display:none;}
.dropme{ min-height:200px; border:#A2A2A2 1px solid; border-radius:3px;}
.dropme .del-btn{ display:block;}
.ui-draggable-dragging{display:block;}
.pages-cont{min-height:600px;}
.pages-cont h2{font-size: 25px;}
.inner-addon { position: relative; }
.inner-addon .glyphicon {position: absolute;padding: 10px;pointer-events: none;}
.left-addon .glyphicon {left:0px;}
.left-addon input, .left-addon select {padding-left:40px;}
.book-form{background: #33313b;padding: 20px;}
.book-form .inner-addon i{color:#33313b;}
.book-form p{font-size: 18px; text-align:center; margin-bottom:20px; color:#FFF;}
.book-form .btn{padding: 22px 10px;font-size: 16px;background: #d9534f;border: none !important;color: #fff !important;-webkit-border-radius: 40px;-moz-border-radius: 40px;-ms-border-radius: 40px;border-radius: 40px;width:100%;}
.book-form label{color: rgba(255,255,255,.8);}
.book-form .form-control{border: none !important;font-size: 18px;}
.book-form .form-control:focus {box-shadow: none;}
.book-form select{-webkit-appearance: none;}
.book-form select option{background: #FFF;}
.hide-me[aria-expanded="true"] {display: none;}
footer{position:fixed;bottom: 0;width: 100%;min-height: 40px;background-color: #222;border-top: #000 1px solid;color:#FFF;z-index: 99999; padding:20px; text-align:center;}
.footer{background: #33313b; padding:30px 0 20px 0; margin-top:50px;color:rgba(255,255,255,.5);}
.footer ul{ list-style:none; padding:0;font-size: 18px;}
.footer ul li{margin-bottom:20px;}
.footer a{color:rgba(255,255,255,.5);}
.footer .call-btn {display: none;position: fixed;bottom: 0;width: 100%;}
.footer .call-btn .btn{padding: 20px 0px;font-size: 20px;}
.fp-container{height: 400px;}
.fp-container .slider {width: 100%;height: 400px;align-items: center;justify-content: center;display: flex;text-align: center;text-shadow: 1px 1px 10px black;margin: 0;background-position: 50% 50%;background-size: cover;background-attachment: fixed;}
.fp-container .over-slider {z-index: 999;position: absolute;height: 400px;width: 100%;}
.fp-container .first h1{color: #FFF;text-shadow: 2px 2px 5px black;text-align: center;}
.fp-container .first .subtitle{color: #FFF;text-shadow: 2px 2px 5px black;text-align: center;}
.fp-container .second{position: absolute;bottom: 0;width: 100%;}
.slider-background {background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));background-attachment: fixed;background-position: center;background-repeat: no-repeat;background-size: cover;position: relative;}
@media screen and (max-width: 1200px) {
.prop-cont .thumbnail{width: 33%;height: 110px;}
.big-cap li div{font-size: 13px;}
.cap li div span{font-size: 25px;}
.cap li .btn{font-size: 12px;}
.navbar-inverse .navbar-brand{padding: 15px 15px;}
.navbar-inverse .navbar-collapse span{display:none;}
.navbar-inverse .navbar-nav > li > a{padding-top: 15px;padding-bottom: 15px;}
.big-dialog{ width:auto;margin: 30px;}
}

@media screen and (max-width: 991px) {
.cap{margin-top:10px;}
.cap li .btn{font-size: 14px;}
.stacktable.large-only { display: none; }
.stacktable.small-only { display: table; }
.prop-cont .thumbnail{height: 140px;}
.book-form .btn{margin-top: 20px;}
}

@media screen and (max-width: 767px) {
.thumbnail{width: 285px;height: 230px;}
.navbar-out a span, .hidden-menu{ display:block;}
.book-form input, .book-form select{ text-align:center; margin-bottom:20px;}
.ui-datepicker{width:100%; left: 0 !important;}
.ui-datepicker td span, .ui-datepicker td a{padding: 1em .2em;}
.prop-cont .thumbnail{height: 130px;}
.month-container table{width:100%;}
.footer{margin-bottom: 70px;}
.footer .call-btn{display: block;}
.admin-container{padding-top: 70px;}
.admin-container .panel-heading a div{display:none;}
.navbar-inverse .navbar-collapse span{display:block;}
}
@media screen and (max-width: 490px) {
#ui-datepicker-div, .ui-datepicker-multi-2 .ui-datepicker-group{width: 100% !important;}
}
@media screen and (max-width: 480px) {
.thumbnail{width: 100%;height: 230px;}
.nav > li > a span{display:block; font-size:14px; margin-left: 30px;}
.nav-pills > li{display: block;width: 100%;}
.admin-container .panel-heading a div, .admin-container .panel-heading label div{display:none;}
.prop-cont .thumbnail{height: 90px;}
.thumbnail .mask{font-size: 30px;line-height: 100px;}

}