a.contact-mail {
    font-size: 14px!important;
}

.vbdivsearch {
    margin: 0;
    padding: 0;
    background: #0b696d;
    width: 100%;
}
.vb-search-inner label {
    color: #fff;
    margin: 0;
    padding-top: 10px;
}
.view-vikbooking input[type="text"]:not(.form-control), 
.view-vikbooking input[type="email"]:not(.form-control), 
.view-vikbooking input[type="url"]:not(.form-control), 
.view-vikbooking input[type="date"]:not(.form-control), 
.view-vikbooking input[type="password"]:not(.form-control), 
.view-vikbooking input[type="search"]:not(.form-control), 
.view-vikbooking input[type="tel"]:not(.form-control), 
.view-vikbooking input[type="number"]:not(.form-control), 
.view-vikbooking .vbdivsearch select:not(.form-control),
.view-search input[type="text"]:not(.form-control), 
.view-search input[type="email"]:not(.form-control), 
.view-search input[type="url"]:not(.form-control), 
.view-search input[type="date"]:not(.form-control), 
.view-search input[type="password"]:not(.form-control), 
.view-search input[type="search"]:not(.form-control), 
.view-search input[type="tel"]:not(.form-control), 
.view-search input[type="number"]:not(.form-control), 
.view-search .vbdivsearch select:not(.form-control) {
    display: block;
    width: 100%;
    padding: 0.5rem 19px !important;
    font-size: 1rem;
    line-height: 1.25;
    color: #ffffff;
    background-color: #fff0;
    background-image: none;
    background-clip: none;
    border-radius: 0;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    border: none;
    border-bottom: 1px solid #64a5a7;
    box-shadow: none;
}
.view-vikbooking .vb-search-inner .input-group .fa-calendar-alt, .view-search .vb-search-inner .input-group .fa-calendar-alt{
    display: none;
}
.view-vikbooking .vbo-search-submit .btn, .view-search .vbo-search-submit .btn {
    padding: 7px 30px !important;
    background: #fdffff;
    font-size: 16px !important;
    color: #0b696d;
    border-radius: 50px;
    margin: 18px 0 0;
}
.view-vikbooking  .vbo-search-roomnum, .view-search .vbo-search-roomnum{
    color: #fff;
}
.vbo-search-num-adults-entry-inp option, #vbo-roomsnum option, .vbo-search-num-children-entry-inp option{
    color: #000 !important;
}
.vbcheckinroom, .vbcheckoutroom {
    width: auto!important;
}
.service-block {
    background:#fff;
  box-shadow: rgba(0, 50, 90, 0.1)0px 2px 2px, rgba(0, 50, 90, 0.04)0px 4px 4px, rgba(0, 50, 90, 0.04)0px 8px 8px!Important;
}

.service-txt {
    padding:30px
}

div#column-id-1556266975049 {
    padding: 50px;
    margin-top: -100px;
}

div#section-id-1556270284453 {
    background: #fff;
}

a.active.focus,
a.active:focus,
a.focus,
a:active.focus,
a:active:focus,
a:focus,
button.active.focus,
button.active:focus,
button.focus,
button:active.focus,
button:active:focus,
button:focus,
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
outline: 0!important;
outline-color: transparent!important;
outline-width: 0!important;
outline-style: none!important;

}

.contact-block a.popup-btn:hover {
    color:#0b696d;
 
}

.contact-block a.popup-btn {
   font-size:14px;
   position:relative;
   top:2px;
   color:#333;
}


.footer-varvara {
    padding: 15px 0px;
}

.message-text {
    text-align: center;
}

.message-text h3 {
    font-weight:600;
    font-size:30px;
}

.footer-varvara .logo-image {
    text-align:center;
    width:max-content;
}

.footer-form {
     color: #333333e3;
     font-weight: 600;
     text-align: center;
     font-size:20px;
     
}

.footer-form span {
    color: #333333;
    font-weight: 400;
    text-align: center;
    display:block;
    font-size:14px
}

.footer-varvara .com-baforms .ba-form {
    margin:0px!important;
}

.footer-block-title {
    font-weight: 600;
    margin-bottom: 20px;
}

.footer-varvara li {
    list-style-type:circle!important;
    padding:0px!Important;
 
}

.vbmodrooms-item:hover {
 margin-top:6px;
 transition: .2s;
 box-shadow: 0 0 11px rgba(33,33,33,.12); 
}

 .vbmodrooms-item {
 
 transition: .2s;
}

.vbinf {
    padding: 25px;
}

.body-wrapper {
     background:#f3f3f391;
 }

.head-icon img {
     height:30px;
 }

.row.no-gutters.head-icon-txt {
    margin-bottom:18px
}

.head-icons-txt {
    position:relative;
    top: -10px;
} 

.head-icon {
 float:left;
 }

 .head-txt {
       display:inline-block;
 }

.head-icon-txt {
    color: #0c696c;
    font-size:12px;
    font-weight:500
}

#section-id-1555656355104{
    z-index: 1 !important;
}
#section-id-1555621831748{
    z-index: 2 !important;
}


.booking-block input::-webkit-input-placeholder {
    color:#ffffff57;
    font-weight:500;
    font-size:12px;
    }


#vbjstotnightsmod97 {
    position: relative;
    top: 48px;
    color: #fff9;
      width: max-content;
}
#vb2racont label {
    position:absolute;
    right:178px
}

.vbmoreroomscontmod  {
    text-align:right;
}

.booking-block select, .booking-block input {
    color:#fff!important;
    font-weight:600;
    font-size:20px
}

.vbmodsearchsubdiv input {
    color:#0c696c!important;
}

.vbchooseadperoomtab > div {
    margin-left
}

.vbmodformroomsnsel {
     width:45% display:inline-block;
     float:left;
     margin-top:43px 
}
 .vbmodformroomsn > label {
     margin-top:50px 
}
 .vbchooseadperoomtab {
     width:47%;
     display:inline-block;
     float:right;
     margin-top:20px 
}
 .booking-block label {
     color: #ffffff;
     font-weight:500;
}
 section#sp-header-panel {
     height: 70px;
     line-height: 70px;
     background: #fff;
     box-shadow: 0 2px 10px rgba(90, 90, 90, 0.19);
}
 .vbchooseadults > span > select, .vbchoosechildren > span > select, select:not(.form-control) {
     border-radius: 0px;
     box-shadow: none!important;
     border-right: none;
     border-left: none;
     border-top: none;
     background: none;
}
 .vbchooseadults > span > select, .vbmodformcategories > span > select, .vbchoosechildren > span > select, .vbmodformroomsnsel select {
     padding:0px 20px 
}
 .vbmodformcheckin, .vbmodformcheckout {
     width:49%;
}
 .vbmodformcheckin {
     padding-right:30px;
}
 .vbmodformcheckout {
     padding-left:30px;
}
 .vbmodsearchmaindiv input[type=text] {
     width: 100%!important;
     text-align:center;
}
 #column-id-1555621831747 {
     position:relative;
     top:160px;
}
 .header-txt p {
     color:#fff;
     font-size:18px;
     padding-bottom: 100px;
}
 .sp-megamenu-parent > li > a {
     text-decoration: none;
     position: relative;
     transition: all 0.6s;
     color: #fff;
     font-weight:400 
}
 .sp-megamenu-parent > li > a:before {
     color: #0c7377 !important;
     content: "";
     width: 0;
     height: 3px;
     position: absolute;
     bottom: 0;
     left: 50%;
     background: #0c7377;
     transition: all 0.3s;
     color: #0c7377;
}
 .sp-megamenu-parent > li > a:hover:before {
     width: 100%;
     left: 0;
     color: #0c7377 !important;
}
 .sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a {
     color: #0c7377 !important;
     font-weight:400 
}
 .sp-megamenu-parent > li.active > a:before, .sp-megamenu-parent > li.active:hover > a:before {
     content: "";
     width: 100%;
     height: 3px;
     position: absolute;
     bottom: 0;
     left: 0;
     background: #0c7377;
     transition: all 0.3s;
}
 .sp-megamenu-parent > li:hover > a {
     color: #0c7377;
}
 .contact-block a {
     font-size:19px;
     color:#0c7377;
     font-weight:500;
}
 .contact-block p {
     margin:0px;
     color: #333;
}
 .contact-block {
     position:relative;
     top: 12px;
     line-height: normal;
}
 .logo {
     margin-top: 10px;
}
 .header-txt h1 {
     color:#fff;
     font-weight:600;
     line-height:48px;
     font-size:50px;
}
 .header-txt h1 span{
     font-weight:400;
     font-size:20px;
     display:block;
}
 #column-wrap-id-1555656355108 {
     position: relative;
     bottom: -100px;
}
 .booking-block input[type="text"]:not(.form-control) {
     border-radius:0px;
     box-shadow:none!important;
     border-right:none;
     border-left:none;
     border-top:none;
     background: none;
}
 .head-search {
     color: #ffffff;
     text-align: left;
     font-weight: 600;
     font-size: 28px;
     text-transform:uppercase;
     position: relative;
     bottom: 12px;
}
 .booking-block .vbsearchinputmod {
     border-radius: 30px;
     cursor: pointer;
     display: block;
     font-size: 14px;
     font-weight: normal;
     line-height: 1.42857;
     margin-bottom: 0;
     vertical-align: middle;
     white-space: nowrap;
     background: #ffffff none repeat scroll 0 0;
     padding: 8px 40px;
     background: linear-gradient(to top, #ffffff, #efefef );
     color: #0c696d;
     margin: 20px auto 0px;
 
     border: 1px solid #0a5d6b00;
     float: right;
}
 .booking-block .vbsearchinputmod:hover {
  
     background:#fff;
     border: 1px solid #0a5d6b;
     color:#0a5d6b;
}
 .booking-block .vbmodsearchmaindiv {
     background: url(/images/bg-booking.jpg);
     background-size:100% 100%;
     display:block;
     padding: 50px 50px;
     float:right;
     box-shadow: rgba(0, 50, 90, 0.02)0px 2px 2px, rgba(0, 50, 90, 0.12)0px 4px 4px, rgba(0, 50, 90, 0.06)0px 8px 8px, rgba(0, 50, 90, 0.05)0px 16px 16px;
     outline: 1px solid rgba(255, 255, 255, 0.2);
    /* Пунктирная рамка */
     outline-offset: -25px;
     position: absolute;
     bottom: 0px;
     right: 0px;
}
 #sp-phone {
     text-align:right;
}
 #sp-menu {
     text-align:center;
     display:block;
}
 a.sp-pagebuilder-page-edit {
     display: none!important;
}
 body, .sp-preloader {
     background-color: #fff;
     color: #333333;
}
 .sp-preloader > div {
     background: #0345bf;
}
 .sp-preloader > div:after {
     background: #fff;
}
 #sp-top-bar {
     background: #333;
     color: #aaa;
}
 #sp-top-bar a {
     color: #aaa;
}
 #sp-header {
     background: #fff;
}
 a {
     color: #0c7377;
}
 a:hover, a:focus, a:active {
     color: #0c7377;
}
 .tags > li {
     display: inline-block;
}
 .tags > li a {
     background: rgba(3, 69, 191, 0.1);
     color: #0345bf;
}
 .tags > li a:hover {
     background: #044cd0;
}
 .article-social-share .social-share-icon ul li a {
     color: #252525;
}
 .article-social-share .social-share-icon ul li a:hover, .article-social-share .social-share-icon ul li a:focus {
     background: #0345bf;
}
 .pager > li a {
     border: 1px solid #ededed;
     color: #252525;
}
 .sp-megamenu-parent > li > a {
     color: #084e50;
     font-weight: 500;
}
 .sp-megamenu-parent > li:hover > a {
     color: #0c7377;
}
 .sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a {
     color: #0c7377;
}
 .sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
     background: #fff;
}
 .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
     color: #252525;
}
 .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {
     color: #0345bf;
}
 .sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a {
     color: #0345bf;
}
 .sp-megamenu-parent .sp-mega-group > li > a {
     color: #252525;
}
 #offcanvas-toggler > .fa {
     color: #116c70;
}
 #offcanvas-toggler > .fa:hover, #offcanvas-toggler > .fa:focus, #offcanvas-toggler > .fa:active {
     color: #0345bf;
}
 .offcanvas-menu {
     background-color: #fff;
     color: #252525;
}
 .offcanvas-menu .offcanvas-inner .sp-module ul > li a, .offcanvas-menu .offcanvas-inner .sp-module ul > li span {
     color: #252525;
}
 .offcanvas-menu .offcanvas-inner .sp-module ul > li a:hover, .offcanvas-menu .offcanvas-inner .sp-module ul > li span:hover, .offcanvas-menu .offcanvas-inner .sp-module ul > li a:focus, .offcanvas-menu .offcanvas-inner .sp-module ul > li span:focus {
     color: #0345bf;
}
 .offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > a > .menu-toggler, .offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > .menu-separator > .menu-toggler {
     color: rgba(37, 37, 37, 0.5);
}
 .offcanvas-menu .offcanvas-inner .sp-module ul > li ul li a {
     color: rgba(37, 37, 37, 0.8);
}
 .btn-primary, .sppb-btn-primary {
     border-color: #0345bf;
     background-color: #0345bf;
}
 .btn-primary:hover, .sppb-btn-primary:hover {
     border-color: #044cd0;
     background-color: #044cd0;
}
 ul.social-icons > li a:hover {
     color: #0345bf;
}
 .sp-page-title {
     background: #0345bf;
}
 .layout-boxed .body-innerwrapper {
     background: #fff;
}
 .sp-module ul > li > a {
     color: #252525;
}
 .sp-module ul > li > a:hover {
     color: #0345bf;
}
 .sp-module .latestnews > div > a {
     color: #252525;
}
 .sp-module .latestnews > div > a:hover {
     color: #0345bf;
}
 .sp-module .tagscloud .tag-name:hover {
     background: #0345bf;
}
 .search .btn-toolbar button {
     background: #0345bf;
}
 #sp-footer-block, #sp-bottom {
          background: #0b696d;
     color: #fff;
}
 #sp-footer a, #sp-bottom a {
     color: #a2a2a2;
}
 #sp-footer a:hover, #sp-bottom a:hover, #sp-footer a:active, #sp-bottom a:active, #sp-footer a:focus, #sp-bottom a:focus {
     color: #fff;
}
 #sp-bottom .sp-module-content .latestnews > li > a > span {
     color: #fff;
}
 .sp-comingsoon body {
     background-color: #0345bf;
}
 .pagination > li > a, .pagination > li > span {
     color: #252525;
}
 .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
     color: #252525;
}
 .pagination > .active > a, .pagination > .active > span {
     border-color: #0345bf;
     background-color: #0345bf;
}
 .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
     border-color: #0345bf;
     background-color: #0345bf;
}
 .error-code, .coming-soon-number {
     color: #0345bf;
}
@media (min-width:768px) and (max-width:1366px){
    .sp-page-builder .page-content #section-id-1555621831748 {
    padding-top: 0px;
}
}
@media (max-width:768px){
div#column-id-1556266975049 {
    padding: 0px;
    margin-top: 0px;
}
  .room_container .vbo-showprc-staydetails-nights {
    float: none;
    width: auto;
}
.vbsearchproominfo .vbsearchroomparty, .vbo-showprc-room-head .vbo-showprc-staydetails {
    padding: 0;
}
.vbo-showprc-wrapper {
    padding: 0px 5px;
}
.vbo-showprc-room-block {
    width: 100%;
}
  .offcanvas-menu{
   background: #0b696d;
}
.offcanvas-inner{
    z-index: 2;
    position: relative;
}
.offcanvas-menu:before{
        content: "";
    display: block;
    background-image: url(/images/bg-footer.svg);
    width: 800px;
    height: 100%;
    position: absolute;
    opacity: .04;
    z-index: 1;
    background-repeat: no-repeat;
    background-size: cover;
    right: 0;
}
.offcanvas-menu li a{
    color: #fff !important;
    font-size: 25px !important;
    font-weight: 300;
    padding: 10px 0 !important;
}
.vbo-oconfirm-summary-room-cell-net, .vbo-oconfirm-summary-room-cell-nights, .vbo-oconfirm-summary-room-cell-tax, .vbo-oconfirm-summary-room-cell-tot {
    text-align: right;
}
.vboconfirmbottom .booknow {
    margin:0;
}
  .vbcustomfields input{
    width: 88% !important;
}
#vbjstotnightsmod97 {
    top: 8px;
}
.view-showprc .vbo-showprc-room-block .vikfx-thumbslide-container {
    max-width: 100%;
}
.view-showprc .vikfx-thumbslide-thumbnails li {
    width: 95px;
    height: 50px;
}
.view-showprc .vbo-showprc-room-block .room_description_box {
    width: 100%;
    padding: 0 15px;
}
.vbo-showprc-rateplans-wrapper div:last-child > div:last-child {
 display: inline-block;
 margin-bottom: 0;
 padding-bottom: 9px;
}
.vbo-showprc-rateplans-wrapper div:last-child > div:last-child span{
    float: right;
}
.vbo-showprc-price-entry-rateplan {
    width: 50%!important;
    margin: 0;
}
.vbo-showprc-price-entry-rateplan label{
    font-size: 11px;
}
.vbo-showprc-price-entry-radio{
    width: 10% !important;
}
.vbo-showprc-price-entry-cost{
    width: 40% !important;
}
.vbpricedetails span{
    font-size: 10px;
    margin: 0;
}
.itemid-106 .sp-page-builder .page-content #section-id-1556563594358 {
    background-position: 0px;
    padding: 95px 0;
    z-index: 2 !important;
}
.itemid-106 .vbmodhorsearch-humcalcont {
    margin-right: 0px;
}
.itemid-106 .vbsearchinputmodhors {
    margin: 0;
}
  .vbdivsearch .vb-search-inner {
    padding: 20px;
}
.view-roomdetails .vbo-search-submit {
    margin: 0;
}
  .vblistroomname .room_cost {
    font-size: 19px;
    display: block;
}
.vb_detcostroom {
    padding: 10px 10px;
}
.view-roomdetails .vbcaldivcont {
    width: 100%;
    min-height: 150px;
}
.icon-mest, .icon-pl, .icon-komnat {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    font-size: 11px;
    text-align: center;
}
.icon-mest{
    padding: 0 25px;
}
.vbulcarats li {
    margin: 0 5px 0px 0;
}
.vblist .vbsrowpricediv {
    padding: 3px 16px;
    width: 70%;
    text-align: left;
}
.vbrowroomcapacity {
    display: block;
    text-align: right;
    margin: 30px 10px 0 0;
    width: 30%;
    float: right;
}
.vblistroomblock {
    width: 100%;
    border-right: none;
}
.vblistroomblock .vbimglistdiv {
    -ms-flex: 0 0 100%;
    -webkit-flex: 0 0 100%;
    flex: 0 0 100%;
    position: relative;
}
  #sp-phone{
    display: none;
  }
  #sp-menu {
    z-index: 3;
    position: absolute !important;
        width: 20%;
    right: 0;
}
#column-id-1555621831747 {
  top: -50px;
}
.header-txt h1 {
    font-size: 40px;
}
.booking-block .vbmodsearchmaindiv {
    padding: 40px 40px;
}
.vbchooseadperoomtab label{
    font-size: 10px;
}
.head-search {
    bottom: 0px;
}
.footer-varvara{
    padding:0 15px;
}
#sp-footer-block:before{
    content: none;
}
.head-icons-txt{
    z-index: 10;
    position: relative;
    top: 357px;
}
.head-icon img {
    margin: auto;
}
.head-icon-txt {
   padding: 0 15px;
   font-size: 10px;
   text-align: center;
}
.sp-page-builder .page-content #section-id-1555656355104 {
    padding-top: 245px;
}
} 
@media (min-width:413px) and (max-width:768px){
  .vbchooseadperoomtab label {
        margin: 0px 15px 0 0;
        font-size: 12px;
}
.vbchooseadperoomtab > .vbchooseadults {
    margin: 0;
}
}
@media (max-width:320px){
.header-txt h1 {
    font-size: 30px;
}
.head-search {
    font-size: 18px;
}
.vbmodformcheckin label, .vbmodformcheckout label {
  font-size: 10px;
}
.vbmodformroomsn > label {
  font-size: 8px;
}
.vbchooseadults > span > select, .vbmodformcategories > span > select, .vbchoosechildren > span > select, .vbmodformroomsnsel select {
    padding: 0px 10px;
    font-size: 18px
}
.booking-block .vbmodsearchmaindiv {
    bottom: 60px;
}
.head-icons-txt {
    top: 324px;
}
.sp-page-builder .page-content #section-id-1555656355104 {
    padding-top: 220px;
}
}
@media (max-width:360px){
.vbchooseadults > span > select, .vbmodformcategories > span > select, .vbchoosechildren > span > select, .vbmodformroomsnsel select {
    padding: 0px 16px;
}
  .view-roomdetails .vikfx-thumbslide-thumbnails li {
    width: 91px;
    height: 61px;
}
}
@media (min-width:411px) and (max-width:768px){
.vbchooseadperoomtab label {
    font-size: 12px;
}
  .head-search {
    font-size: 24px;
}
  .view-roomdetails .vikfx-thumbslide-thumbnails li {
    width: 113px;
    height: 61px;
}
  .view-showprc .vikfx-thumbslide-thumbnails li {
    width: 108px;
    height: 50px;
}
  .icon-komnat:before,.icon-mest:before,.icon-pl:before{
    display: block;
    margin: auto;
}
}