@font-face {
font-family: 'Century Gothic Bold';
src: url('/mys/font/centurygothic-bold.eot');
src: url('/mys/font/centurygothic-bold.eot?#iefix') format('embedded-opentype'),
url('/mys/font/centurygothic-bold.woff') format('woff'),
url('/mys/font/centurygothic-bold.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Cambria Italic';
src: url('/mys/font/cambria-italic.eot');
src: url('/mys/font/cambria-italic.eot?#iefix') format('embedded-opentype'),
url('/mys/font/cambria-italic.woff') format('woff'),
url('/mys/font/cambria-italic.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Century Gothic Regular';
src: url('/mys/font/centurygothic.eot');
src: url('/mys/font/centurygothic.eot?#iefix') format('embedded-opentype'),
url('/mys/font/centurygothic.woff') format('woff'),
url('/mys/font/centurygothic.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Proxima Nova Light';
src: url('/mys/font/proximanova-light.eot');
src: url('/mys/font/proximanova-light.eot?#iefix') format('embedded-opentype'),
url('/mys/font/proximanova-light.woff') format('woff'),
url('/mys/font/proximanova-light.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Proxima Nova Regular';
src: url('/mys/font/proximanova-regular.eot');
src: url('/mys/font/proximanova-regular.eot?#iefix') format('embedded-opentype'),
url('/mys/font/proximanova-regular.woff') format('woff'),
url('/mys/font/proximanova-regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
.font-proxima {font-family: 'Proxima Nova Regular';}
.font-proxima-light {font-family: 'Proxima Nova Light';}
.font-ccreg {font-family: 'Century Gothic Regular';}
.font-century {font-family: 'Century Gothic Bold';}
.font-cambria-italic {font-family: 'Cambria Italic';font-size: 1.5rem;}
.color-dark-blue {color: #105e92! important;}
.color-blue{color:  #105e92! important;}
html {
    font-size: 15px;
}
.table-responsive::-webkit-scrollbar {
    -webkit-appearance: none;
}

.table-responsive::-webkit-scrollbar:vertical {
    width: 12px;
}

.table-responsive::-webkit-scrollbar:horizontal {
    height: 12px;
}

.table-responsive::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, .5);
    border-radius: 10px;
}

.table-responsive::-webkit-scrollbar-track {
    border-radius: 10px;  
    background-color: #196173; 
}
.w-10{
   width: 10% !important;
}
.w-20{
   width: 20% !important;
}
.w-30{
   width: 30% !important;
}
.w-40{
   width: 40% !important;
}
.w-60{
   width: 16% !important;
}
.w-70{
   width: 70% !important;
}
.w-80{
   width: 80% !important;
}
.w-90{
   width: 90% !important;
}
#firstslide .carousel-indicators, #carousel-event .carousel-indicators {justify-content: left;
    align-items: center;
    position: relative;}
#firstslide .imagecount, #carousel-event  .imagecount {order: -1;}
#firstslide .carousel-indicators li, #carousel-event .carousel-indicators li {
    width: 20px;
    height: 20px;
    border: solid 1px #cbcbcb;
    opacity: 1;
    transition: background-color .6s ease;}
#firstslide .carousel-indicators li.active, #carousel-event .carousel-indicators li.active {
  background-color: #147cc1;
  border: solid 1px #147cc1;
  }
#carousel-event .carousel-indicators {position: relative;
    left: -10%;}
#carousel-rooms-index .carousel-item > div {height:100%;width:auto; background-size: cover! important;
    background-position: center! important;}
#carousel-rooms-index {    height: 100%;z-index: 3;}
#firstslide .thisisbackground {background-size: cover! important; background-repeat: no-repeat! important; left: 40%! important; width: 60% ! important;}

.dblframe {
  position: relative;
  border: 1px solid #ffffff;
  padding: 1em .5em .5em 1em;
  margin: .5em 1em 1em .5em;
  float: left;
  }
.dblframe:before {
  content: "";
  position: absolute;
  left: .5em;
  top: .5em;
  width: 100%;
  height: 100%;
  border: inherit;
  box-sizing: content-box;
}
.button.dblframe:hover {background: transparent;
padding-top: 1.2em; margin-top:40px;
  }

.button.dblframe {padding-top: 1.2em; margin-top:40px;
    font-family: 'Proxima Nova Regular';
    letter-spacing: 1px;}

.index .carousel-caption {
    position: relative;
    z-index: 10;
    margin: 0;
    width: 40%;
    left:0;
    bottom:0;
    background-color: #f7f6f6;
    height: 100%;
    color: #105e92;
    padding-top:20%;
    padding-left:150px;
    text-align: left;
    }
.index .carousel-caption:before {content: "";
  position: absolute;
  left: 0;
  width: 91px;
  height: 100%;
  background-image:url(/mys/ornament.jpg);
  box-sizing: content-box;}
.index .carousel-caption h5 {padding-top:10%; font-size: 2.5rem;
  }
.index .carousel-caption p:before {
    content: '';
    display: block;
    margin: 0;
    max-width: 50px;
    height: 16px;
    border-bottom: 1px solid #196173;
    margin-bottom:40px;}

.index .carousel-caption p {color:#707070! important;}
.block-romb-blue{
  width: 1px;
  height: 30px;
  border-width: 4px 0 4px 0;
  position: relative;
}
.block-romb-blue:before, .block-romb-blue:after {
  content: "";
  position: absolute;
  width: 16px;
  border: 4px solid #105e92;
  transform: rotate(45deg) skew(9deg, 9deg);
  height: 16px;
}
.block-romb-blue:before {
  border-width: 0 0 4px 4px;
  left: -8px;
  top: 11px;
}
.block-romb-blue:after {
  border-width: 4px 4px 0 0;
  right: -8px;
  top: 11px;
}

.block-romb {
  width: 1px;
  height: 30px;
  border-width: 4px 0 4px 0;
  position: relative;
}
.block-romb:before, .block-romb:after {
  content: "";
  position: absolute;
  width: 16px;
  border: 4px solid white;
  transform: rotate(45deg) skew(9deg, 9deg);
  height: 16px;
}
.block-romb:before {
  border-width: 0 0 4px 4px;
  left: -8px;
  top: 11px;
}
.block-romb:after {
  border-width: 4px 4px 0 0;
  right: -8px;
  top: 11px;
}
.main-bron {height: 100vh;
    background-image: url(/mys/main-water.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    letter-spacing: 5px;}
.main-bron2 {height: 100%;
    padding:20% 0;
    background-image: url(/mys/mainbron2.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
    letter-spacing: 5px;}
.rest {height: 100%;
    padding:20% 0;
    background-image: url(/mys/rest.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
    letter-spacing: 5px;}
.main-bron .dblframe, .main-bron .dblframe:hover, .main-bron2 .dblframe, .main-bron2 .dblframe:hover,
.rest  .dblframe, .rest .dblframe:hover, .rooms-bot-img .dblframe:hover, .rooms-bot-img .dblframe { border: 1px solid #fff;}
.frame-blue-top {border: 2px solid #02283a;
    height: 25%;
    position: absolute;
    left: 15%;
    width: 50%;padding:15px;}
.frame-blue {height: 25%; border:2px solid #fff;
padding:15px; width:50%; letter-spacing: 1px; mix-blend-mode: overlay;position:absolute;z-index: 3;left:15%;}
.frame-blue-top .line:before, .frame-blue-rooms .line:before, .roomdesc  .line:before {
    content: '';
    display: block;
    margin: 0;
    max-width: 40px;
    height: 12px;
    border-bottom: 2px solid #105e92;
    margin-bottom:20px;
    }
.frame-blue-top .line, .frame-blue-rooms .line {max-width: 70px; color:#196173;}
.roomdesc  .line{max-width: 70px;color: #0a3e61;}
.frame-blue-rooms {
    left: -4rem;
    bottom: -2rem;
    width: 13rem;
    border: 2px solid #043352;
    padding: 15px;
    letter-spacing: 1px;
    position: absolute;
    height: 110px;
    }
.frame-blue-rooms-top{border: 2px solid #fff;
    left: -4rem;
    bottom: -2rem;
    width: 13rem;
    mix-blend-mode: overlay;
    position: absolute;z-index: 3;height: 110px;}
#carousel-rooms-index {padding-left: 4rem;}
.letter-space {letter-spacing: 1px;}
.index-child1 {width: 40%;
    height: fit-content;
    top: 6vh;
    position: absolute;
    left: 55%;
    z-index: 2;}
.index-child2 {width: 50%;
    height: fit-content;
    bottom: 15vh;
    position: absolute;
    left: 10%;
    z-index: 1;}
.index-child-wrap {height:80vh; min-height:700px;}
.index-child-wrap:after {    content: "";
    position: absolute;
    right: 0;
bottom:auto;
    width: 91px;
    background-image: url(/mys/ornament.jpg);
    box-sizing: content-box;
    height: calc(80vh - 150px);
    margin-top: 150px;}
.index-child-wrap .row {position: absolute;}
.index-child-row {height:90vh;}
.index-child-wrap h2{letter-spacing: 1px;     line-height: 1.4;}
.ornament-horiz{
  height: 91px;
  background-image:url(/mys/ornament-.jpg);
  background-repeat-x: repeat;
}
.foot-adress {
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #0a3e61;
    font-family: 'Century Gothic Bold';
    }
.foot-adress p {font-family: 'Century Gothic Regular';}
.border-left-grey {border-left: 1px solid #959595;}
.bg-dark-blue {background-color: #0e5f92;}
.foot-menu {letter-spacing: 1px; }
.frame-ornament {background-image:url(/mys/ornament-.jpg);    position: absolute;
    right: 5%; z-index: 50;}
.frame-ornament a {color: #02283a! important;}
.foto-galery-outdoor h2 {font-size: 3rem;}
.icon {height: 20px;
    width: auto;}
img.socicon {
    margin: 0.2em;
    width: 1.5em;
}
a {
    color: inherit !important;
}
.bg-color3 {
    background-color: #f7f6f6!important;
}
.bg-color1 {
    background-color: #147cc1!important;
}






.button {
    padding: 0.65em 2.5em;
    cursor: pointer;
}

.button:hover {
    background: #fff;
    color: #196173;
    padding: 0.65em 2.5em;
    border: 1px solid #196173;
    text-decoration: none;
    transition: 0.25s;
}
header .button:hover {
    background: #fff !important;
    color: #105e92 !important;
    padding: 0.65em 2.5em;
    border: 1px solid #105e92;
    text-decoration: none;
    transition: 0.25s;
}
carousel {
    position: relative;
    height: inherit;
}

.index header1 {
    padding: 0;
    color: #ecebeb !important;
    font-size: 100%;
    margin: 0;
    z-index: 100;
}
header a:hover {
    text-decoration: none;
}
header div.d-inline-block {
    margin-left: 1.5em;
}
nav {
    z-index: 100;
}
#slider img.d-block.w-100 {
    filter: brightness(30%);
}

#slider .caption {
    position: absolute;
    bottom: 5em;
    text-align: center;
    color: #fff;
    width: 100%;
    margin: 1em auto;
}
nav .item {
    margin-right: 2em;
    text-transform: uppercase;
    position: relative;
    padding: 1em 0 1em 0;
    /* min-width: 8rem; */
}
nav .item a {font-family: 'Proxima Nova Light';
    letter-spacing: 1px;
    font-weight: 600;}
nav .item a:hover {
    text-decoration: none;
}

nav.onTop .item {
}

nav.onTop .submenu .item {
    margin-right: 2em;
    text-transform: lowercase;
    font-family: Garamond;
    color: #795548 !important;
    display: inline-table;
    font-family: Officina, serif;
}

nav.onTop .submenu .item:hover {
    background: #795548 !important;
    color: #fcfbfa !important;
}

nav.onTop .submenu .item a {
    padding: 1em;
}

nav .item.active, nav .item:hover {
    text-decoration: none !important;
}
div#firstslide.carousel {
    height: 85vh;
}

div#roomSlide.carousel {
    height: 100%;
    min-height: 55vh;
}

.carousel-inner {
    height: inherit;
}

.carousel-item {
    background-repeat: no-repeat !important;
    background-size: cover;
    background-position: center left !important;
    height: inherit;
}

.index .carousel-item .container {
    width: inherit;
    height: 80vh;
    display: block;
    max-width: unset;
    background-image: url(/mashuk/fon-bok-600x600.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 63vw 0;
}
.room .roomimagegallery {
    width: 100%;
    min-height: 40vh;
    height: 100%;
}

.room .roomdesc {
    width: 45%;
}

.room .roomdesc p.price {
    font-size: 2em;
    padding-top: 0.5em;
    color: #544b0f;
    font-variant: small-caps;
    display: block;
}
.carousel .carousel-item {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.content {
    position: relative;
    width: inherit;
    padding: 0;
    margin: 0;
}
::-webkit-scrollbar {
    width: 2px;
    height: 2px;
}

::-webkit-scrollbar-button {
    width: 2px;
    height: 2px;
}
.index .carousel-inner .container h3 {
    font-size: 2em;
}

.index .carousel-inner .container h2 {
    font-size: 3em;
}
div {
    box-sizing: border-box;
}
div#myCarousel,div#myCarouse2 {
    position: relative;
    /* top: 0; */
    /* left: 0; */
    width: 100%;
}
body {
    opacity: 0;
}

body.loaded {
    opacity: 1;
    transition: 3s;
    padding-top: 0;
    color: #939393;
}

body:not(.index) {
    padding-top: 0;
    min-height: 100vh;
}



body:not(.index) header #crumbs {
    display: block
}

header #crumbs svg {
    margin: 0 1em
}
header > .row {
    padding: 0.5em;
}
a.logo {
    position: absolute;
    padding: 0.5em;
    left: 0;
    top: 0;
    background: #B58A61;
}

header img.logo {
    padding: 0;
    width: 14em;
    margin-top: 0em;
}
.thisisbackground {
    position: absolute;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}
nav.navbar {
    padding: 0;
}
header {padding-top: 15px;
    padding-right: 15px;}
.logo-backgr {
    padding: 5px;
    height: 100%;
    /* width: 14rem; */
    background-color: #fff;
    text-align: center;
    margin: 0;
    /* position: absolute; */
}
.logo-backgr img {width: 7rem;}

header.onTop {
    background: #fff!important;
    position: fixed;
    top: 0;
    transition: 0.5s;
    z-index: 100;
    padding:0;
}



header.onTop li.item.nav-item1 {
}

ul.navbar-nav.mr-auto {
    margin: 0 auto;
    font-size: 90%;
    width: 70%;
}

li.item.first.menulevel-2.parent {
    background-color: #201a19;
}

li.item.first.menulevel-2.parent >a {
    text-transform: uppercase;
}

li.item.last.menulevel-2.parent {
    background-color: #302b1b;
}

li.item.last.menulevel-2.parent >a {
    text-transform: uppercase;
}

header .menulevel-1 > ul.submenu {
    background: #ffffff;
    color: #4a4847 !important;
}

header.onTop .bg-color3 {background-color:#fff! important;}
header.onTop {box-shadow: 0 7px 14px rgba(0,0,0,0.25);}
header.onTop nav.navbar {align-items: stretch;
    padding: 0;}
header.onTop nav.navbar .logo-top {padding: 0;
    border-right: 1px solid #cbcbcb;}
header.onTop nav.navbar .logo-backgr {
    width: 100%;
    align-items: center;
    display: flex;
    justify-content: center;}
header.onTop nav.navbar div:nth-child(2) {margin-top: 1rem;}
header.onTop nav.navbar .button {margin-bottom: 10%;
    font-size: 1.2rem;
    width: 100%;}

.menulevel-1 >ul.submenu {
    position: absolute;
    width: 250%;
    left: 0;
    padding: 0;
    top: 3em;
    display: none;
}

.menulevel-2 >ul.submenu {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
}

.onTop ul.submenu {
    width: max-content;
}

li.item.menulevel-2.parent >a {
    font-weight: bold;
}

.menulevel-1 >ul.submenu >li {
    /* display: inline-block; */
    padding: 0.5em 1em;
    margin: 0;
    max-width: 100%;
    font-family: sans-serif;
    text-transform: lowercase;
    list-style: none;
    height: unset;
}

.menulevel-2 > ul.submenu >li {
    display: block;
    padding: 0.5em 1em;
    margin: 0;
    max-width: 100%;
    font-family: sans-serif;
    text-transform: lowercase;
    list-style: none;
}

ul.submenu li:not(.parent):hover {
    background: #147cc1;
    color: #fff;
}

.onTop ul.submenu li {
    /* display: inline-block; */
    /* max-width: 30%; */
}
div#menulogo img {
    /* width: 2em; */
    padding: 0.2em;
}

div#menulogo label {
    padding: 0 1em !important;
    margin: 0 auto;
}

.onTop div#menulogo label {
    color: #999;
}

div#menulogo {
    width: max-content;
    margin: 0 auto;
    width: -moz-max-content;
}

nav a.button2 {
    margin: 0 auto;
}
.rooms-thumb {
    overflow: hidden;
    text-align: center;
}
.rooms-thumb img {
    width: 100%;
}
div#list-rooms .row>div {
    margin: 1em 0;
}
div#roomCarusel .carousel-inner, div#roomCarusel .carousel-item, div#pitCarusel .carousel-inner, div#pitCarusel .carousel-item {
    height: 100%;
}

div#roomCarusel .carousel-item,div#pitCarusel .carousel-item {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

div#roomCarusel .carousel-control-prev, div#roomCarusel .carousel-control-next {
    position: absolute;
    top: 49%;
    bottom: unset;
}
.roomItems b.header {
    text-transform: uppercase;
    margin-bottom: 1em;
    display: block;
}

.roomItems ul {
    width: 100% !important;
    padding-left: 1em !important;
}

.roomItems li {
    background: none !important;
    list-style-type: disc !important;
    padding-left: 0em !important;
}
.rooms-thumb {
    height: 30em;
}
.bgimagecover {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.bgimagecontain {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.rooms-thumb p.smalldescription {
    height: 5em;
    text-align: center;
    padding-top: 1em;
}

.rooms-thumb p.roomPrice {
    margin: 0;
    padding: 0;
    font-size: 1.2em;
    font-weight: bold;
    text-align: center;
}
.room .roomimagegallery {
    width: 100%;
    min-height: 40vh;
    height: 100%;
}

.room .roomdesc {
    width: 45%;
}

.room .roomdesc p.price {
    font-size: 2em;
    padding-top: 0.5em;
    color: #544b0f;
    font-variant: small-caps;
    display: block;
}
.bground {
    position: absolute;
    width: inherit;
    padding: 0;
    margin: 0;
    min-height: 18em;
}
.roomamainimage {
    height: 37em;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.carousel {
    position: relative;
    height: inherit;
}
.rooms .roomimagegallery .carousel-control-next,
#carousel-rooms-index .carousel-control-next, .pitanie .roomimagegallery .carousel-control-next, .children .childimagegallery .carousel-control-next {width: 50px;
    height: 50px;
    bottom: 0;
    top: auto;
    opacity: .7;
    background-color: rgba(255, 255, 255, 0.7);}
.rooms .roomimagegallery .carousel-control-prev,
#carousel-rooms-index .carousel-control-prev, .pitanie .roomimagegallery .carousel-control-prev, .children .childimagegallery .carousel-control-prev {width: 50px;
    height: 50px;
    bottom: 0;
    right: 50px;
    left:auto;
    top: auto;
    background-color: rgba(255, 255, 255, 0.7);
    opacity: .7;}
.rooms .roomimagegallery .carousel-control-prev:hover, .rooms .roomimagegallery .carousel-control-next:hover,
#carousel-rooms-index .carousel-control-prev:hover, #carousel-rooms-index .carousel-control-next:hover, .pitanie .roomimagegallery .carousel-control-prev:hover, .pitanie .roomimagegallery .carousel-control-next:hover, .children .childimagegallery .carousel-control-next:hover, #childimage .carousel-control-prev:hover {opacity: .9;}
#childimage .thisisbackground {background-size: cover! important;}
.rooms .bg-color3 {z-index:10;}
.rooms .roomimagegallery, .food .roomimagegallery  {z-index:20;}
.room .roomdesc {padding-right: 91px! important;}
.roomdesc h4 {letter-spacing: 1px;}
.roomdesc p, .roomDesc {font-family: 'Cambria Italic';font-size: 1.5rem;}
.rooms-bg {background-size: cover;
    background-repeat: no-repeat;
    height:50vh;
    background-image: url(/mys/rooms-bg.jpg)}
.room-bg {background-size: cover;
    background-repeat: no-repeat;
    height:50vh;
    background-position: center;
    background-image: url(/mys/room-bg.jpg)}
.orn-right {left: calc(100% - 42px);
    position: absolute;
    bottom: 0;
    width: 91px;
    background-image: url(/mys/ornament.jpg);
    box-sizing: content-box;
    height: 100%;}
.room .orn-right {right: calc(-3rem - 15px);
    left: auto;
    position: absolute;
    width: 91px;
    background-image: url(/mys/ornament.jpg);
    box-sizing: content-box;
    height: 80%;}
.orn-left {
    left: -15px;
    position: absolute;
    bottom: 0;
    width: 91px;
    background-image: url(/mys/ornament.jpg);
    box-sizing: content-box;
    height: 100%;
}
.room .roomdesc a {color: #0a3e61! important;}
.room .roomdesc hr {
    width: 10%;
    margin: 10px;
    border-top: 2px solid #0a3e61;
    }
.rooms .roomimagegallery .carousel-inner .thisisbackground {background-size: cover! important;}

#recipeCarousel .carousel-item {margin-right:0;}
#recipeCarousel {height: 45vh;}
#recipeCarousel .carousel-inner .carousel-item > div { background-size: cover;border-right: 10px solid #fff;}
#recipeCarousel .carousel-inner .carousel-item > div:last-of-type {
  border-right: none;
}
#recipeCarousel .carousel-inner .carousel-item.active,
#recipeCarousel .carousel-inner .carousel-item-next,
#recipeCarousel .carousel-inner .carousel-item-prev {
  display: flex;
}

#recipeCarousel .carousel-inner .carousel-item-right.active,
#recipeCarousel .carousel-inner .carousel-item-next {
  transform: translateX(33%);
}

#recipeCarousel .carousel-inner .carousel-item-left.active, 
#recipeCarousel .carousel-inner .carousel-item-prev {
  transform: translateX(-33%);
}
  
#recipeCarousel .carousel-inner .carousel-item-right,
#recipeCarousel .carousel-inner .carousel-item-left{ 
  transform: translateX(0);
  
}
#recipeCarousel h4 {text-shadow: 0px 0px 4px #196173;}
.foto-galery-slider {width: 100%;
    min-height: 40vh;
    height: 100%;}
.action-img img{width: 100%;
    height: auto;}
#events .desc {padding-left:91px;}
#events .desc a {
    color: #0a3e61! important;
    font-family: 'Century Gothic Bold';
    text-transform: uppercase!important;
    }
#events .desc hr {
    width: 20%;
    margin: 10px;
    border-top: 2px solid #105e92;
    }
.flex-direction-nav a:before {
    font-size: 30px;
    color: rgba(255, 255, 255, 0.8);}
.flexslider {
    margin: 0;
    background: transparent;
    border: 4px solid transparent;
margin: 0 0 10px! important;}
.res-bron {box-shadow: 0 0px 20px rgba(0,0,0,0.25);
    align-items: center;
    justify-content: center;}
.res-bron h3 {color: #000;}
.all-rooms-slider .all-rooms-sl {display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background-size: cover;}
.all-rooms-sl .button:hover {padding: 1.2em 2.5em;
    border: none;
    background-color: #196173;
}
.rooms-bot-img {height: 100%;
    padding: 20% 0;
    background-image: url(/mys/serf.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
    letter-spacing: 5px;}
.room-card-bot-img {z-index: 1;
    position: relative;
    letter-spacing: 5px;
    padding: 20% 0;
background-image: url(/mys/room-fon-bottom.jpg);background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;}
.uslugi-header h2 {max-width: 250px;}
.uslugi-header p, .food-header p {max-width: 330px;}
.polosa-vert {min-height:40px;width:2px;background-color: #105e92;}
.uslugi .reserve {margin-top: -3rem;}
.uslugi .line {
    width: 40%;
    color: #105e92;
    }
.uslugi .line:before {
    content: '';
    display: block;
    margin: 0;
    height: 12px;
    border-bottom: 2px solid #105e92;
    margin-bottom: 20px;
}
.uslugi-bot-img {z-index: 1;
    position: relative;
    letter-spacing: 5px;
    padding: 20% 0;
    background: rgba(30, 100, 118, 1);}
.uslugi-bot-img:before {
    position: absolute;
    content: '';
    height: 100%;
    width:100%;
    padding: 20% 0;
    background-image: url(/mys/uslugibot.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
    opacity:0.5;
    z-index:-1;}
.food-header {z-index: 1;
    position: relative;
    }
.food-header:before {position: absolute;
content: '';
    width:100%;
    height:100%;
    background-image: url(/mys/more-fon-b-w.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
    opacity:0.3;
    z-index:-1;
    top: 0;}
#food {height: 40rem;}
#food .thisisbackground {background-size:cover! important;}
.pitanie .roomimagegallery {z-index:20; width:100%;}
.uslugi-item:focus, .uslugi-item:hover {background-color:#f7f6f6;}
.food .orn-left {left:-4.5rem;}
.food .line:before {    content: '';
    display: block;
    margin: 0;
    border-top: 2px solid #196173;
    margin-bottom: 40px;
    border-bottom: none;
}
.food ul li:after, .roomOption ul li:after {
      content: '';
      height: .4em;
      width: .4em;
      background: #105e92;
      display: block;
      position: absolute;
      transform: rotate(45deg);
      top: .6em;
      left: 0;
    }
.food ul, .roomOption ul {list-style: none; padding-inline-start: 0px;}
li {
    position: relative; padding-left: 15px;}
.food .menu {letter-spacing: 1px; font-size: 1.5rem;}
.pitanie .fon, .room-fon {height: 6rem;
    margin-top: -3rem;}
.food {padding-bottom: 90px;
    margin-bottom: -3rem;}
.pitanie #recipeCarousel .carousel-inner .carousel-item > div, #recipeCarousel .carousel-inner .carousel-item > div { background-size: cover;border-right: 20px solid #f7f6f6;}
.pitanie #recipeCarousel .carousel-inner .carousel-item > div:last-of-type, #recipeCarousel .carousel-inner .carousel-item > div:last-of-type {
  border-right: none;
}
#recipeCarousel .carousel-inner {background-color:#f7f6f6;}
.food-bot-img {z-index: 1;
    position: relative;
    letter-spacing: 5px;
    padding: 20% 0;
    background: rgba(30, 100, 118, 1);}
.food-bot-img:before {
    position: absolute;
    content: '';
    height: 100%;
    width:100%;
    padding: 20% 0;
    background-image: url(/mys/food-bot-img.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
    opacity:0.5;
    z-index:-1;}
.border-white {border: 1px solid #fff! important;}
.button.dblframe:hover {
    padding-top: 1.2em;
    border: 1px solid#105e92! important;
    background-color: #105e92;
    color: #fff !important;
    }
.button.dblframe:hover:before {top: -0.1em;
    left: -0.1em;}

.children .index-child-wrap:after {top: auto;
    bottom: -50vh;}
.children .index-child-wrap .row {
    position: inherit;}
.children .index-child0 {position: relative;
    left: 5rem;
    top: -5rem;
    width: fit-content;
    height: 60%;
    z-index: 1;}
.children .index-child1 {
    width: fit-content;
    height: 84%;
    top: -76%;
    position: relative;
    left: 52%;
    z-index: 2;
}
.children .index-child-wrap {
    height: auto;
}
.children .frame-blue {
    height1: 46%;
    height: 84%;
    border: 2px solid #196173;
    padding: 15px;
    width: 60%;
    letter-spacing: 1px;
    mix-blend-mode: normal;
    position: absolute;
    z-index: 0;
    left: 30%;
    top: 43%;}
.children .index-child2 {
    width: fit-content;
    height: 44%;
    top: -95%;
    position: RELATIVE;
    left: 7%;
    z-index: 1;
}
.children .frame-ornament {position: relative;
    width: fit-content;
    left: 3rem;
    right: auto;
    top: -18%;}
.children .frame-ornament div {padding:5rem;
    font-size:1.5rem;}
.children .index-child-wrap .img-fluid {
    max-width: auto;
    height: 100%;
}
.children .orn-left {
    bottom:auto;
    height: 100%;
    margin-top: 10%;
}
.children .line {
    max-width: 120px;
    color: #196173;
}
.children .line:before {
    max-width: 50px;
    content: '';
    display: block;
    margin: 0;
    border-top: 2px solid #196173;
    margin-bottom: 40px;
    border-bottom: none;
}
.child-colage {margin-top: -40px;
    height: auto;
    width: 100%;}
.children .index-child-wrap {
    }
.children .index-child-row {max-height1: 500px;
    
}
.child-bg {background-size: cover;
    background-repeat: no-repeat;
    height: 50vh;
    background-image: url(/mys/fon-child.jpg);}
#maps {height:60vh;}
.flexslider .slides li {background-size: cover! important;height: 40vh;}
#carousel.flexslider .slides li {background-size: cover! important;height: 20vh; margin-right: 15px! important;}
#slider.flexslider .flex-direction-nav {position: absolute;
    height: 40vh;
    top: 0;
    width: 100%;}
#carousel.flexslider .flex-direction-nav {position: absolute;
    height: 20vh;
    top: 0;
    width: 100%;}
#slider.flexslider .flex-direction-nav .flex-nav-next, #carousel.flexslider .flex-direction-nav .flex-nav-next {height: 100%;
    position: absolute;
    width: 30%;
    right: 0;
    top: 0;}
#slider.flexslider .flex-direction-nav .flex-nav-prev, #carousel.flexslider .flex-direction-nav .flex-nav-prev {height: 100%;
    position: absolute;
    width: 30%;
    left: 0;
    top: 0;}
#slider.flexslider .flex-direction-nav a:before, #carousel.flexslider .flex-direction-nav a:before {
    font-size: 30px;
    color: rgb(87 179 194);
}
.index .index-child-wrap .row {margin-left: 0;
    margin-right: 15px; height:80vh;}
.index .index-child-wrap .row  {    min-height: 700px;}
.index .index-child-wrap a.button:hover {color:white! important;}
.index .index-child-wrap a.button {color:#196173! important;}
.desc .orn-left {bottom:3rem; height: 80%;}
.childimagegallery .carousel-item {min-height: 60vh;}
.roomDesc {margin-bottom: 20px;}
.action .desc {padding-left:40px;}
div#bform {
    position: absolute;
    top: 5em;
    background: #fff;
    z-index: 100;
    right: 0;
    display: none;
}

div#bform h4.text-uppercase {
    display: none;
}
.close-form-bron {right: 15px;
    position: absolute;}
.form-group p {padding-left: 0.25rem;}
.price-list-room .rooms-bg {display:none;}
.pitanie .menu a {text-decoration: underline; }



@media (max-width: 768px) {
div#shemaparent {
    height: 100vh !important;
    background-size: cover !important;
    width: 100%;
    overflow-x: auto;
}
#shema {
    height: 50% !important;
    margin: 0 auto;
    width: 100% !important;
    position: relative;
    background-size: contain;
    background-position: center;
    background-color: #73b930;
    min-width: 64em;
}

nav.navbar .col-4 {flex: 0 0 100%! important; width:100%! important; max-width:100%! important; }
header.onTop {
    padding: 35px 15px 0 0;
}
.navcontact
    {position: absolute! important;
    width: 100px! important;
    font-size: 1.2rem;
    left: 210px;
    top: -55px;}
.index .index-child-wrap .row  {    min-height: auto;}
#carousel-rooms-index {
    height: 40vh;}
.frame-blue-rooms-top {display:none;}
.index-child-row {
    height: 80vh;
}
div#bform {
    width:80%;
    right: 10%;top: 5px;}
.form-group {
    margin-bottom: 0rem! important;padding: 0.5rem!important;
}
.pitanie #recipeCarousel .carousel-inner .carousel-item > div, #recipeCarousel .carousel-inner .carousel-item > div {
    background-size: cover;
    border-right: 10px solid #f7f6f6;
}
ul.navbar-nav {margin-left:1rem;}
.index .carousel-caption:before {
    display:none;}
#firstslide .thisisbackground {height:50vh;
    background-size: cover! important;
    background-repeat: no-repeat! important;
    left: 0%! important;
    width: 100% ! important;
}
.index .carousel-caption {
    width: 100%;
    bottom: auto;
    top: 50vh;
    height: auto;
    padding-top: 1rem;
    padding-left: 1rem;
    text-align: center;
}
.index .carousel-caption h5 {
        line-height: 3rem;
        margin: 0;
        padding:0;
    }
    .index .carousel-caption p {
        font-size: 1.5rem;
    }
.index .carousel-caption p:before{content: '';
    display: block;
    margin: auto;
    max-width: 50px;
    height: 16px;
    border-bottom: 1px solid #196173;
    margin-bottom: 40px;}
#carousel-rooms-index {
    padding-left: 0;margin-top: 3rem;
}
.frame-blue-rooms {display:none;}
.index-bron1 .row {height: 30vh;}
.block-romb {
    height: 10px;}
.button.dblframe {
    margin-top: 0px;}
.index-child-wrap .frame-blue, .index-child-wrap .frame-blue-top {
    height: 40%;}
.index-child2 {
    bottom: 20vh;}
.index-child-wrap {
    height: 140vh;}
.foto-galery-outdoor h2 {
    font-size: 2rem;
    padding-right: 50%;}
#recipeCarousel {
    height: 30vh;
}
#carousel-event .orn-left {display:none;}
#events .desc {
    padding-left: 0px;
}
.footer-logo {margin-bottom:3rem;}
.foto-galery-slider {
    min-height: 30vh;}
.res-bron {padding-left: 3rem;}
.children .orn-left, .children .index-child-wrap:after {display: none;}
.pitanie .food {padding-left:0! important; padding-right:0! important;} 
}
@media (min-width: 1167px) {
.rooms .room .roomimagegallery {
        min-height: 80vh;}
.flexslider .slides li {
    background-size: cover! important;
    height: 80vh;}
#slider.flexslider .flex-direction-nav {
    height: 80vh;}
.flexslider ul.slides>li {
    background-size: contain! important;
    background-repeat: no-repeat !important;    
    background-position: center !important;

    }
}
@media (min-width: 1410px) {

.flexslider ul.slides>li {
    height: 60vh;
    background-size: contain! important;
    background-repeat: no-repeat !important;    
    background-position: center !important;

    }
    }
@media (min-width: 1367px) {
.children .index-child1_ {
    width: fit-content;
    height: 55%;
    top: -46%;}
.children .index-child2_ {
    top: -58%;}
.children .frame-blue_ {
    height: 55%;
    top: 32%;}
.room .roomimagegallery {
    min-height: 60vh;}
.frame-blue-top1 {
    height: 40%;}
.frame-blue1 {height: 40%;}
.index-child2 {
    width: 40%;    }
.index-child-wrap1, .index1 .index-child-wrap .row {
    height: 100vh;}
.frame-blue-rooms, .frame-blue-rooms-top {height: 130px;
    }
.children .index-child-wrap {
    min-height: auto;height: 1130px; 
    max-height: 1130px;}
.children .index-child-row {
    max-height: 1030px;
}
.index-child-row {
    height: 70vh;
}
}
    div#bookingformrow span.oi {
      position: absolute  !important;
      left: 1em;
      bottom: 1.5em;
      width: 1em;
      height: 1em;
      top:  unset;
      color: #105e92;
    }
.form-control {
    display: inline-block !important;
    border: 1px solid #6c757d !important;
    border-radius: 0px !important;
    font-size: 1.2em !important;
    text-align: center !important;
    letter-spacing: 0.05em;
    background: #fff !important;
}
.ajax_form.af_example .controls button[type="submit"] {
    width: 100%;max-width: 300px;
    margin: 0 auto;
    float: none! important; padding: 1em 2.5em;
} 
.contacts .close-form-bron {display:none;}
#bform {box-shadow: 0 7px 14px rgba(0,0,0,0.25);
}
#bookingformrow label1 {
    left: 0.75em;
    position: absolute;
    top: 0.3em;
}
#bookingformrow hr {
    width: 10%;
    margin: 10px;
    border-top: 2px solid #105e92;
}
.flex-direction-nav a {
    color: transparent! important;
    text-shadow: none! important;}
.roomOption ul, .roomOption label{font-size: 1.3rem;}
.imagecount {display:none;}
table.price {font-size: 1.3rem;}
.action .desc hr {
    width: 10%;
    margin: 10px;
    border-top: 2px solid #105e92;
}
#comment-form .form-control {font-size:1rem! important;}
.author {position:relative;}
.author-icon {
    height: 40px;
    width: 40px;
}
.author span {
    color:#196173;}
.author:after {position: absolute;
    left: 35px;
    top: -1rem;
    content: " ";
    height: 0;
    width: 0;
    pointer-events: none;
    border: medium solid transparent;
    border-top-color: #f7f6f6;
    border-width: 10px;}
#comment-form input.btn-primary {
    background-color: #105e92;
    border-color: #105e92;
    padding: 0.65em 2.5em;
    }
#comment-form input.btn-primary:hover {
    background: #fff !important;
    color: #105e92 !important;
    border: 1px solid #105e92;
    text-decoration: none;
    transition: 0.25s;
    }
#comment-form .form-actions {text-align:center;}






@media (max-width: 291px) {.form-group {
    margin-bottom: 0! important; 
}}
@media (max-width: 1366px) {
    html {
        font-size: 11px !important;
    }

    .button {
        font-size: 0.75em;
    }

    .container-fluid.aboutanapa p {
        font-size: 1.3rem;
    }

    div#bookingformrow span.oi.oi-calendar {
        right: 1em;
    }
.children .index-child-wrap {
    min-height: auto;height:  fit-content;;
    max-height: auto;}


.index-child-wrap:after {
    bottom: auto;
    height: calc(80vh - 200px);}

}

@media (min-width: 768px) {}

@media (max-width: 768px) {
.children .index-child-row {margin-bottom:180px;}
    html {
        font-size: 9px !important;
    }

    body {
    }

    p {
        font-size: 1.2rem !important;
    }

    .button {
        font-size: 1em
    }
.navcontact {background-color: #196173;padding: 0.8em 1em;margin-top: 2em;}
.navbar-collapse button {position: absolute;
    right: 0;}
.navbar {margin:0! important;}
.navbar .button {padding:0! important;}
header .button:hover {
    background: #196173 !important;
    color: #fff !important;
    
    border: 0px solid #196173;
    text-decoration: none;
    transition: 0.25s;
}
a#bookingbutton {
    background: unset !important;
}
.form-group p {}
    .navbar button.navbar-toggler {
        float: left;
    }

    nav.navbar {
        width: 100%;
        /* padding: 0.5em 0; */
    }

    nav.navbar {
        font-size: 1.5rem;
    }

    nav.onTop {
        background: #181717a8;
    }

    nav li.item.nav-item1 {
        margin: 0.5em 0;
    }

    .navcontact {
        align-self: flex-start!important;
    }

    nav.onTop li.item.nav-item1 {
        color: #fff !important;
    }

header .menulevel-1 > ul.submenu {
    position: static;
    display: block! important;
    }
.menulevel-1 >ul.submenu {
    width: auto;background-color: #f7f6f6!important;}

    div#bookingformrow input {
        font-size: 1.75rem;
    }

    div#bookingformrow label {
       margin:0!important;
        text-transform: lowercase;
        color: #9E9E9E;
        font-size: 120%;
    }
div#bookingformrow span.oi {
    position: absolute !important;
    left: 1.5em;
    bottom: 1.5em;
    width: 1em;
    height: 1.5em;}

    div#bookingformrow span.oi.oi-calendar {
        position: absolute;
        right: 2em;
        top: 3rem;left: 1em;
        font-size: 1.75rem;
        color: #196173 !important;
    }

    ul.navbar-nav.mr-auto {
        position: 0 auto;
    }

    body .container {
        padding: 1em;
    }
.contacts p {
    font-size: 1.2em;
}
    .index .room .card-body h4 {
        font-size: 2rem;
        line-height: 1em;
        min-height: unset;
    }

    .index div.roomOption {
        font-size: 120%;
    }

    .container-fluid.aboutanapa p {
        font-size: 1.4rem;
        font-family: 'Proxima Nova Rg', serif !important;
        transition: 5s;
        line-height: 1.6rem;
    }

    .container-fluid.aboutanapa h5:hover ~ p {
        display: none;
        transition: 5s;
    }

    .container-fluid.aboutanapa h5:hover ~ div {
        filter: brightness(100%);
    }

    .container-fluid.aboutanapa h5 {
        font-size: 1.5rem;
        margin-bottom: 1rem;
        margin-top: 0.5em;
    }

    img.logo {
        width: 60%;
    }

    footer .about {
        font-size: 120%;
    }

    footer {
        font-size: 120%;
    }

    .room .roomimagegallery {
        width: 100%;
        min-height: unset;
        height: 35vh;
    }

    .room .roomdesc p.price {
        font-size: 2rem !important;
        float: right;
    }

    div#navbar1 {
        position: fixed;
        top: 3.5em;
        left: 0;
        background: inherit;
        width: 100%;
        padding: 0.5em 5% 1em 5%;
        background: rgba(0, 0, 0, 0.5);
    }

    .rooms-thumb p.smalldescription {
        height: auto;
    }

    div#cyrentRoom {
        margin: 0em auto;
    }

    div#roomCarusel, #pitCarusel {
        height: 50vh !important;
    }



    

    .index .room .price {
        font-size: 2rem;
    }

    .no-gutters {
        margin-right: 0;
        margin-left: 0;
        > . col, > [ class*="
		col-"] {
            padding-right: 0;
            padding-left: 0;
        }
    }

    ol.breadcrumb {
        border: none;
        padding: 0;
        margin: 0;
        border-radius: 0;
    }

    div#crumbs {
        display: none;
        transition: 3s;
    }

    header.onTop div#crumbs {
        display: block;
        transition: 3s;
    }

    div#strelka2 {
        font-size: 80%;
    }

    #strelka2 h2.fontGaramond {
        margin: -0.4em;
        font-size: 180%;
    }

    #spa_list .card-body {
        min-height: unset;
    }

    .carousel-caption {
        right: 0 !important;
        left: 0 !important;
    }

    .aboutanapa {
        font-size: 75%;
        line-height: 1.2;
    }

}