@media (min-width: 1200px) {
.container,
.container-sm,
.container-md,
.container-lg,
.container-xl {
max-width: 1340px;
}
}
html{
font-size: 15px;
}
:root {
--primary: #7BA05B;
--dark-text:#212529;
--border-radius:8px;
--btn-border-radius:8px;
}
.text-primary{
color: var(--primary)!important;;
}
.btn,.form-control{
border-radius: var(--btn-border-radius);
-webkit-border-radius: var(--btn-border-radius);
-moz-border-radius: var(--btn-border-radius);
-ms-border-radius: var(--btn-border-radius);
-o-border-radius: var(--btn-border-radius);
}
.btn-primary {
color: #fff;
background-color: var(--primary);
border-color: var(--primary);
}
.btn-primary:hover {
color: #fff;
background-color: #719055;
border-color: #719055;
}
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show>.btn-primary.dropdown-toggle {
color: #fff;
background-color: #719055;
border-color: #719055;
}
.m-t-20 {
margin-top: 20px;
}
* {
font-family: 'Roboto', sans-serif;
outline: none;
}
a,
a:hover,
a:active {
color: var(--primary);
text-decoration: none;
}
h1 {
font-size: 40px;
}
h2,
.h2 {
font-size: 40px;
font-weight: 600;
}
h3 {
font-size: 40px;
}
h3.h3_room_title{
font-size: 30px;
}
hr.hr {
height: 20px;
background-image: -o-radial-gradient(50% -50%, farthest-side, hsla(0, 0%, 0%, 0.5), hsla(0, 0%, 0%, 0));
background-image: radial-gradient(farthest-side at 50% -50%, hsla(0, 0%, 0%, 0.5), hsla(0, 0%, 0%, 0));
position: relative;
}
.home_top-slider {
max-height: 200px;
overflow: hidden;
position: absolute;
width: 100%;
}
.slider-wrapper {
width: 100%;
}
.top-menu {
position: relative;
background: #ababab;
background: linear-gradient(180deg,rgba(171, 171, 171, 0.41) 0%, rgba(255, 255, 255, 1) 25%, rgba(255, 255, 255, 1) 100%);
}
.top-manu-space {
width: 152px;
}
.top-menu a, .top-menu a:hover{
color: var(--dark-text);
}
.top-menu a i{
font-size: 15px;
width: 15px;
}
header.header-bg-img {
margin-top: -143px;
background-size: cover;
}
.home header {
margin-bottom: 0px;
}
.topnav-wrapper {
padding-top: 5px;
padding-bottom: 0px;
margin-bottom: 0px;
font-size: 13px;
max-width: 1340px;
}
.topnav-address-block,
.top-menu-whatsap a {
font-size: 14px;
}
.top-menu-phone {
font-size: 17px;
margin: -5px 0 4px;
}
.topnav-phones-block p a {
color: var(--dark-text);
text-decoration: none;
padding: 5px 0 3px;
position: relative;
}
.topnav-phones-block p a:before {
content: "";
position: absolute;
left: 0;
bottom: 0;
height: 1px;
width: 0;
background-color: #fff;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
.topnav-phones-block p a:hover:before {
width: 100%;
}
.top-menu-whatsap {
line-height: 14px;
}
.topmenu-container{
margin-top:100px;
}
.topmenu {
position: relative;
background-color: rgba(0, 0, 0, 0.8); padding-top: 2px;
padding-bottom: 2px;
border-radius: var(--border-radius);
-webkit-border-radius: var(--border-radius);
-moz-border-radius: var(--border-radius);
-ms-border-radius: var(--border-radius);
-o-border-radius: var(--border-radius);
}
.topmenu.grey {
background-color: rgba(0, 0, 0, 0.7);
}
.topmenu-wrapper {
padding: 4px 16px; z-index: 999;
color: var(--dark-text);
}
.logo-row{
min-height: 225px;
}
#logo {
margin-top: 15px;
font-weight: 600;
color: var(--white);
font-size: 18px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
#logo a {
font-weight: 600;
color: var(--white);
font-size: 18px;
}
#logo a:hover {
text-decoration: none;
color: var(--white);
font-size: 18px;
}
#logo img {
height: 66px;
}
a.logoimg {
display: block;
}
a.logotext {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.logotext_1 ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-left: 0;
margin-bottom: 0;
}
.logotext_1 li {
list-style: none; }
.logotext_2 ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-left: 0;
}
.logotext_2 li {
list-style: none; }
.logotext_1 {
font-size: 18px;
text-transform: uppercase;
}
.logotext_2 {
font-size: 11px;
text-transform: uppercase;
}
.topmenu_row {
list-style: none;
padding-left: 0;
margin-bottom: 0;
}
.topmenu_row>li>a {
padding: 3px 0px;
text-align: center;
display: block;
color: var(--white);
font-size: 18px;
}
.topmenu_row>li>a:hover {
text-decoration: none;
}
.topmenu_row>li>a i {
margin-left: 10px;
}
.topmenu_row .menu-item-has-children>a:after {
content: url(//xn-----7kcbkajecynpbmo5afibe9bya4eyh.xn--p1ai/wp-content/themes/oteli_v2/css/down-chevron.svg);
display: inline-block;
width: 14px;
height: 24px;
margin-left: 8px;
vertical-align: middle;
}
address {
margin-bottom: 0px;
}
.mobile-phone a {
color: var(--white);
}
.topmenu-wrapper .sub-menu {
background-color: white;
min-width: 250px;
-webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
z-index: 1;
list-style: none;
padding: 0px;
}
.topmenu-wrapper .sub-menu a {
color: black !important;
padding: 10px 15px;
text-decoration: none;
display: block;
border-bottom: 1px solid #f1f1f1;
margin-left: -15px;
margin-right: -15px;
}
.topmenu-wrapper .sub-menu a:hover {
background-color: #e9ecef;
}
.menu-item-has-children>.sub-menu {
display: none;
position: absolute;
} .menu-item-has-children:hover>.sub-menu {
display: block;
}
.slick-initialized .slick-slide {
position: relative;
}
.mine-slide-content {
position: absolute;
top: 0;
}
.pagebreadcrumb {
list-style: none;
border-radius:  var(--border-radius); margin: 20px 0;
padding: 8px;
font-size: 19px;
}
.pagebreadcrumb li {
display: inline-block;
}
.pagebreadcrumb li:not(:last-child):after {
content: '/';
}
.page-template-page-prettycat_one_slide #order_form-content{ }
#order_form-content .container {
background-color: var(--primary);
} #order_form-content {
margin-top: 20px; }
.home #slider-wrapper {
position: relative;
}
label {
margin-top: 0.5rem;
margin-bottom: 0;
}
#order_form-content label {
color: #fff;
font-size: 14px;
}
.order_form-wrapper {
border-radius: var(--border-radius);
padding-top: 12px;
padding-bottom: 33px;
color: #fff;
margin-top: 0px;
}
.room_desc-desc .order_form-wrapper {
max-width: 700px;
}
.order_form-wrapper .fa-calendar {
position: absolute;
top: 37px;
font-size: 20px;
color: var(--primary);
z-index: 9;
right: 21px;
}
#order_form-content .order_form-wrapper .fa-calendar {
top: 31px;
}
#order_form-content .container .form_bg_pattern{
border-radius: var(--border-radius);
-webkit-border-radius: var(--border-radius);
-moz-border-radius: var(--border-radius);
-ms-border-radius: var(--border-radius);
-o-border-radius: var(--border-radius);
}
#page .order_form-wrapper {
border-radius:  var(--border-radius);
background-color: var(--light);
padding: 20px 10px;
color: var(--gray-dark);
margin: 0px auto 37px;
}
#orederModal .order_form-wrapper {
padding: 0px 10px;
color: var(--gray-dark);
margin-bottom: 0px;
}
.order_form-wrapper .fa-calendar {
color: var(--gray-dark);
}
.incdecr {
width: 100%;
padding-left: 0px;
padding-right: 0px;
}
.zabronirowat {
margin-top: 23px;
}
.page_subcat_row {
border-top: 1px solid rgba(0, 0, 0, 0.1);
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
padding: 30px 0;
}
.page_subcat-link {
display: inline-block;
padding: 4px 15px;
background: var(--primary);
margin: 4px 4px;
color: #fff;
font-size: 18px;
border-radius:  var(--border-radius);
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
text-align: center;
}
.page_subcat-link a {
display: inline-block;
background: var(--primary);
color: #fff;
font-size: 18px;
border-radius:  var(--border-radius);
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
text-align: center;
}
.page_subcat-link a:hover {
color: #fff;
}
.iagreelabel {
font-size: 15px;
}
.iagreelabel a{
font-size: 15px;
color: #ffffff;
text-decoration: underline;
}
.slide_form {
margin-bottom: -18px;
}
.slide_form form, .page_form form {
border-radius: var(--border-radius);
-webkit-border-radius: var(--border-radius);
-moz-border-radius: var(--border-radius);
-ms-border-radius: var(--border-radius);
-o-border-radius: var(--border-radius);
}
.slick-list {
border-radius: var(--border-radius);
-webkit-border-radius: var(--border-radius);
-moz-border-radius: var(--border-radius);
-ms-border-radius: var(--border-radius);
-o-border-radius: var(--border-radius);
} #home-rooms {
margin-top: 20px;
margin-bottom: 40px;
}
.home-rooms-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
gap: 20px;
}
.home-rooms-wrapper {
-webkit-box-flex: 1;
-ms-flex: 1 1 20%;
flex: 1 1 20%; min-width: 260px;
}
.home-rooms-image {
width: 100%;
height: 300px;
background-position: center;
text-align: center;
background-size: cover;
border-radius:  var(--border-radius);
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
position: relative;
}
.home-rooms-image img {
-o-object-fit: cover;
object-fit: cover;
height: 100%;
width: 100%;
border-radius:  var(--border-radius);
}
.home-rooms-image:after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.3);
z-index: 2;
border-radius:  var(--border-radius);
}
.home-rooms-image:hover:after {
background: rgba(0, 0, 0, 0.1);
}
.home-rooms-image a:hover {
color: #fff;
text-decoration: none;
}
.home-rooms-title {
color: #fff;
font-size: 20px;
font-weight: 600;
margin-top: 30px;
position: absolute;
width: 100%;
z-index: 3;
left: 0;
top: 0;
}
.home-rooms_info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
background-color: rgb(255 255 255);
padding: 5px 8px;
color: var(--primary);
border-bottom-right-radius: var(--border-radius);
border-bottom-left-radius:  var(--border-radius);
position: absolute;
width: 100%;
bottom: 0;
left: 0;
z-index: 3;
}
.home-rooms_more a:hover {
color: var(--primary);
}  #home-service {
margin-top: 20px;
margin-bottom: 40px;
}
.home-service-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
gap: 20px;
}
.home-service-wrapper {
-webkit-box-flex: 1;
-ms-flex: 1 1 20%;
flex: 1 1 20%; min-width: 260px;
}
.home-service-image {
width: 100%;
height: 300px;
background-position: center;
text-align: center;
background-size: cover;
border-radius:  var(--border-radius);
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.45) !important;
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.45) !important;
position: relative;
}
.home-service-image img {
-o-object-fit: cover;
object-fit: cover;
height: 100%;
width: 100%;
border-radius:  var(--border-radius);
}
.home-service-image:after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.3);
z-index: 2;
border-radius:  var(--border-radius);
}
.home-service-image:hover:after {
background: rgba(0, 0, 0, 0.1);
}
.home-service-image a:hover {
color: #fff;
text-decoration: none;
}
.home-service-title {
color: #fff;
font-size: 20px;
font-weight: 600;
margin-top: 40px;
position: absolute;
width: 100%;
z-index: 3;
}
.home-service_info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: center;
padding: 5px 8px;
color: var(--white);
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
position: absolute;
width: 100%;
bottom: 50%;
transform: translateY(50%);
z-index: 3;
}
.home-service_more {
padding: 5px 8px;
font-size: 30px;
}
.home-service_more a,
.home-service_more a:hover {
color: #fff;
}  #home-programs {
margin-top: 20px;
margin-bottom: 40px;
}
.home-programs-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
gap: 20px;
}
.home-programs-wrapper {
-webkit-box-flex: 1;
-ms-flex: 1 1 20%;
flex: 1 1 20%; min-width: 260px;
-webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
border-radius:  var(--border-radius);
-webkit-border-radius:  var(--border-radius);
-moz-border-radius:  var(--border-radius);
-ms-border-radius:  var(--border-radius);
-o-border-radius:  var(--border-radius);
}
a.home-programs-allimage {
display: flex;
flex-direction: column;
height: 100%;
}
.home-programs-image {
width: 100%;
height: 250px;
flex: 0 0 250px;
background-position: center;
text-align: center;
background-size: cover;
border-top-left-radius:  var(--border-radius);
border-top-right-radius:  var(--border-radius);
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative; }
.home-programs-image img {
-o-object-fit: cover;
object-fit: cover;
height: 100%;
width: 100%;
border-top-left-radius:  var(--border-radius);
border-top-right-radius:  var(--border-radius);
}
.home-programs-wrapper:hover:after {
background: rgba(0, 0, 0, 0.1);
}
.home-programs-image a:hover {
color: #fff;
text-decoration: none;
}
.home-programs_info,.home-page-text{
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
width: 100%;
}
.home-programs-title {
display: block;
font-size: 20px;
font-weight: 600;
margin: 25px auto 15px;
text-align: center;
}
.home-programs_square {
color: #212529;
margin: 0px 15px;
}
.home-programs_more {
display: block;
text-align: center;
width: 100%;
padding: 25px 0px 30px;
}
.programm_btn,.top_block_btn {
display: inline-block;
font-weight: 400;
color: #212529;
text-align: center;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: transparent;
border: 1px solid transparent;
padding: 0.375rem 0.75rem;
font-size: 1rem;
line-height: 1.5;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
color: #fff;
white-space: nowrap;
background-color: var(--primary);
border-color: var(--primary);
-webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
-moz-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
-ms-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
-o-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
cursor: pointer;
width: 100%;
max-width: 70%;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
-ms-border-radius: 16px;
-o-border-radius: 16px;
border-radius: 16px;
}
.home-programs_more a:hover {
color: var(--primary);
} #rooms { margin-bottom: 30px;
}
.room {
border-bottom: 2px solid rgba(0, 0, 0, 0.1);
row-gap: 20px; }
.room_atut {
padding: 10px;
margin-right: 5px;
background-color: #f5f5f5;
border-radius:  var(--border-radius);
height: 80px;
-webkit-box-flex: 0;
-ms-flex: 0 0 80px;
flex: 0 0 80px;
}
.room_atut-vart {
font-size: 28px;
color: var(--primary);
}
.room_atut-jm {
font-size: 18px;
}
.room_dop_uslugi {
margin-top: 20px;
padding-left: 5px;
}
.room_dop_usluga {
list-style: none;
}
#rooms ul.room_dop_uslugi li {
display: inline;
margin-right: 20px;
}
.room_dop_usluga img {
max-width: 30px;
}
.room_dop_usluga span>span {
font-weight: 600;
color: var(--primary);
}
.room-link {
width: 100%;
max-width: 360px;
margin-top: 20px;
}
.room_slider-wrapper {
overflow: hidden;
}
.room_slider {
max-height: 569px;
width: 100%;
overflow-y: hidden;
}
.room_slider img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 569px;
border-radius:  var(--border-radius);
}
.home_slider-wrapper {
overflow: hidden;
}
.home_slider {
max-height: 569px;
width: 100%;
overflow-y: hidden;
}
.home_slider img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 410px;
border-radius:  var(--border-radius);
}
#rooms .room_slider {
max-height: 295px;
}
#rooms .room_slider img {
max-height: 550px;
height: 295px;
border-radius:  var(--border-radius);
}
.page_slider-wrapper {
overflow: hidden;
}
.page_slider {
max-height: 550px;
width: 100%;
} #home-photoslider h2 {
color: var(--primary);
font-weight: 600;
}
.post-slider-wrapper {
margin-right: -15px;
margin-left: -15px;
overflow: hidden; }
.post-slider {
max-height: 680px;
width: 100%;
overflow-y: hidden;
}
.post-slider-item { position: relative;
}
.post-slider-image {
width: 100%;
height: 580px;
text-align: center;
position: relative;
-o-object-fit: cover;
object-fit: cover;
}
.post-slider-title {
padding: 20px;
position: relative;
}
.post-slider-title a,
.post-slider-title a:hover {
color: #fff;
text-decoration: none;
}
.post-slider-title span {
margin: auto;
font-size: 31px;
background-color: rgba(255, 255, 255, 0.65);
width: 80%;
border-radius:  var(--border-radius);
display: block;
color: #3c3c3c;
text-shadow: 0px 0px 1px rgba(40, 17, 11, 0.98);
}
.post-slider-title p {
height: 0px;
width: 80%;
display: block;
overflow: hidden;
background-color: rgba(0, 0, 0, .5);
margin: 0 auto;
-webkit-transition: width 0.5s, height 0.5s, font-size 0.5s;
-o-transition: width 0.5s, height 0.5s, font-size 0.5s;
transition: width 0.5s, height 0.5s, font-size 0.5s;
color: #fff;
}
.post-slider-image:hover .post-slider-title p {
height: 80%;
overflow: hidden;
padding: 15px;
}
.post-slider-image a.btn {
position: absolute;
margin: auto;
bottom: 20px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
display: block;
}
.botnews {
position: relative;
}
.botnews .container {
padding-top: 50px;
padding-bottom: 50px;
}
.botnews .bg {
position: absolute;
width: 100%;
height: 100%;
background-size: contain;
background-position: center;
}
.botnews .bg:after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 2;
opacity: 0.87;
z-index: 0;
}
.botnews-box{
column-gap: 70px;
}
.botnews-box >a {
flex: 1 1 27%;
}
.botnew { margin: 15px 0 0;
-webkit-box-flex: 1;
-ms-flex: 1 1 300px;
flex: 1 1 300px;
min-width: 300px;
}
.botnew-content {
height: 240px;
border-radius:  var(--border-radius);
position: relative;
background-size: cover;
background-position: center;
width: 100%;
text-align: center;
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
position: relative;
}
.botnew-content img {
-o-object-fit: cover;
object-fit: cover;
height: 100%;
width: 100%;
border-radius:  var(--border-radius);
}
.botnew-content:after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.3);
z-index: 2;
border-radius:  var(--border-radius);
}
.botnew-content:hover:after {
background: rgba(0, 0, 0, 0.1);
}
.botnew-content a:hover {
color: #fff;
text-decoration: none;
} .botnew-title {
position: absolute;
width: 100%;
z-index: 3;
font-size: 20px;
display: block;
text-align: center;
font-weight: 600;
color: var(--light);
padding: 36px 6px;
border-radius:  var(--border-radius);
-webkit-text-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
-moz-text-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
text-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
top: 0;
left: 0;
}
.botnew-button,
.botnew-button .botnews_more {
position: absolute;
z-index: 3;
width: 100%;
text-align: center;
display: block;
color: #fff;
font-size: 18px;
-webkit-text-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
-moz-text-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
text-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
text-align: justify;
padding: 5px 8px;
line-height: 1.1;
top: 50%;
left: 0;
}
.botnew-button .botnews_more {
text-decoration: none;
font-weight: 600;
display: block;
margin: 20px auto;
text-align: center;
}
.foot {
color: #b7b7b7;
background-color: #3c3c3c;
padding: 15px 0;
}
.foottop {
padding-top: 15px;
padding-bottom: 20px;
}
.foottop>.row{
row-gap: 20px;
}
.footbot {
padding-top: 5px;
padding-bottom: 5px;
background: #D8D8D8;
}
.header-title {
margin-bottom: 20px;
}
.header-title h3 {
font-size: 16px;
}
#sidebar .widget .news{
display: flex;
}
.news {
padding-left: 0;
display: flex;
gap: 70px;
}
.news_item {
list-style: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex: 1 1 33%;
min-width: 300px;
row-gap: 10px;
}
.news_item_image {
width: 100px;
height: 100px;
margin-right: 15px;
border-radius: 50%;
}
.news_item h4 {
font-size: 17px;
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
}
.news_item p {
text-align: justify;
}
.page_desc-wrapper table {
width: 100% !important;
}
.gal_container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
padding: 1% 2%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.gal_container_small {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
padding: 1% 2%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.gal_box_small {
margin: 0 2%;
width: 100%;
}
.gal_box {
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
margin: 2% 2%;
-webkit-box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1);
box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1);
line-height: 0;
}
.gal_box>img {
width: 100%;
}
.gal_box>span {
display: none;
}
#sidebar .button-wrap {
align-items: center;
flex: 1 0 200px;
justify-content: center;
}
@media (min-width: 780px) {
.gal_container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 1310px;
padding: 4% 2%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 70vh;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.gal_container_small {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 1200px;
padding: 0% 2%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 10vh;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.gal_box {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
overflow: hidden;
-webkit-transition: 1.0s;
-o-transition: 1.0s;
transition: 1.0s;
margin: 0 2%;
-webkit-box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1);
box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1);
line-height: 0;
}
.gal_box>img {
width: 200%;
height: calc(100% - 10vh);
-o-object-fit: cover;
object-fit: cover;
-webkit-transition: 1.0s;
-o-transition: 1.0s;
transition: 1.0s;
}
.gal_box>span {
font-size: 3.8vh;
display: block;
text-align: center;
height: 10vh;
line-height: 2.6;
}
.gal_box:hover {
-webkit-box-flex: 1;
-ms-flex: 1 1 50%;
flex: 1 1 50%;
}
.gal_box:hover>img {
width: 100%;
height: 100%;
}
}
h2.entry-title {
font-size: 30px;
}
.post-content {
text-align: justify;
}
ul#botnav {
list-style: none;
width: 100%;
padding-left: 0;
margin-bottom: 30px;
}
#botnav a {
text-transform: uppercase;
color: #b7b7b7;
font-size: 12px;
}
#botnav a:hover {
text-decoration: none;
}
#botnav>li {
flex: 1 0 100%;
}
@media (min-width: 780px) {
#botnav>li {
flex: 0 1 auto;
}
#botnav a {
font-size: 16px;
}
}
#footer-text span,
#footer-text span a,
#footer-text span a:hover {
color: var(--primary);
font-size: 0.9rem;
text-decoration: none;
}
.wpcf7-form-control {
width: 100%;
}
div.gallery {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.gallery-icon {
height: 100%;
}
.gallery-item {
float: left;
text-align: center;
width: 25%;
height: 200px;
-webkit-box-flex: 0;
-ms-flex: 0 1 23%;
flex: 0 1 23%
}
.gallery-item img {
border: 2px solid #cfcfcf;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
width: 100%;
}
blockquote {
background: url(//xn-----7kcbkajecynpbmo5afibe9bya4eyh.xn--p1ai/wp-content/themes/oteli_v2/css/bo-blockquote.png) no-repeat;
font-size: 15px;
text-align: left;
color: #555;
border: dashed 1px #eee;
margin: 25px 35px;
padding: 20px 30px 30px 40px;
}
#order_form-content label {
margin-top: 0px;
} .accordion {
margin-bottom: 10px; }
.accordion-title {
border: 1px solid #dbdbdb57;
margin: 10px 0;
padding: 15px 0;
cursor: pointer;
color: var(--primary);
text-shadow: 0px 0px 0px #000;
text-indent: 20px;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
font-size: 24px;
}
.accordion-title:after {
content: url(//xn-----7kcbkajecynpbmo5afibe9bya4eyh.xn--p1ai/wp-content/themes/oteli_v2/css/arrow_down_24.png);
display: inline-block;
vertical-align: middle;
}
.accordion-title.open {
cursor: default;
}
.accordion-content {
padding-bottom: 20px;
}
.meg_wid_fluid {
background: linear-gradient(95deg, rgba(109, 145, 82, 0.2), rgba(109, 145, 82, 0.2));
margin-bottom: 50px;
margin-top: 55px;
}
.meg_wid_block {
-webkit-box-flex: 1;
-ms-flex: 1 0 200px;
flex: 1 0 200px;
-ms-flex-direction: column !important;
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
flex-direction: column !important;
}
.meg_wid_number {
font-size: 83px;
text-align: center;
color: var(--primary);
font-family: 'Kelly Slab', cursive;
font-weight: 600;
}
.meg_wid_text {
text-align: center;
font-size: 19px;
font-family: 'Kelly Slab', cursive;
font-weight: 600;
}
.whatsapp_icon {
background-image: url(//xn-----7kcbkajecynpbmo5afibe9bya4eyh.xn--p1ai/wp-content/themes/oteli_v2/css/whatsappicon_32.png);
width: 13px;
height: 13px;
display: inline-block;
background-size: cover;
}
.top-menu-whatsap a {
font-size: 14px;
letter-spacing: 1.2px;
}
.home_text_more {
display: none;
}
.home_text {  }
.home_text.open {
max-height: 100%;
} #botmenu_btn {
list-style: none;
padding-left: 0;
margin-bottom: 0px;
margin-top: 19px;
}
#botmenu_btn li {
margin-bottom: 10px;
padding-right: 15px;
padding-left: 15px;
} #botmenu_btn a {
display: inline-block;
font-weight: 400;
color: #212529;
text-align: center;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: transparent;
border: 1px solid transparent;
padding: 0.375rem 0.75rem;
font-size: 1rem;
line-height: 1.5;
border-radius:  var(--btn-border-radius);
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
color: #fff;
white-space: nowrap;
background-color: var(--primary);
border-color: var(--primary);
-webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
-moz-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
-ms-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
-o-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
cursor: pointer;
width: 100%;
-webkit-border-radius:  var(--btn-border-radius);
-moz-border-radius:  var(--btn-border-radius);
-ms-border-radius:  var(--btn-border-radius);
-o-border-radius:  var(--btn-border-radius);
}
#botmenu_btn a:hover {
border-color: #6d9152;
background-color: #6d9152;
}
.breadcrumbs .current-item {
color: var(--primary);
}
.breadcrumbs a {
color: #212529;
}
.contact_whatssup_color {
font-weight: 700 !important;
}
.foottop .menu-item-has-children>.sub-menu {
display: block;
position: relative;
padding-left: 16px;
font-size: 12px;
margin-top: 15px;
}
ul.menuinfooter {
list-style: none;
width: 100%;
padding-left: 0;
column-gap: 20px;
}
#topnavleft_infooter > .botnav-link , #topnavright_infooter > .botnav-link {
flex: 1 1 30%;
overflow-x: hidden;
}
.menuinfooter a {
text-transform: uppercase;
color: #b7b7b7;
}
.menuinfooter a:hover {
text-decoration: none;
}
.foot_widget{
gap:35px;
} .foot_dop {
row-gap: 20px;
margin-top: 35px;
}
.foot_dop a {
color: #b7b7b7; } @media (min-width: 780px) { }  #search {
width: auto;
z-index: 99;
padding: 0; margin: 7px 0;
float: left;
}
#search .search_toggle {
background: #fff;
z-index: 1021;
width: 300px;
display: none;
position: absolute;
right: 34px;
top:-10px;
}
#search .search_button:hover { }
#search .search_button.active {
background-position: 0px -188px;
}
#search .search_button.active:hover { }
#search .search_button {
display: block;  padding: 0;
text-align: center;
cursor: pointer;
z-index: 9;
height: 25px;
width: 25px;
}
#searchbox {
position: relative;
}
#search .input-lg {
width: 100%;
padding: 9px 50px 9px 18px;
background: #fff;
border: 1px solid #ededed;
height: 42px;
color: #333;
}
#search .input-lg::-webkit-input-placeholder,
#search .input-lg::-moz-placeholder,
#search .input-lg::-moz-placeholder {
color: #888;
}
#search .btn-lg {
height: 42px;
right: 0;
left: auto;
background: url(//xn-----7kcbkajecynpbmo5afibe9bya4eyh.xn--p1ai/wp-content/themes/oteli_v2/css/nav-icon.png) no-repeat scroll 0px -385px;
width: 50px;
border: 0;
}
#search .btn-lg:hover {
color: #fff;
background-position: 1px -132px;
right: 0;
}
#search .search_toggle .input-group-btn {
display: block;
width: 38px;
position: absolute;
right: 0px;
top: 0px;
}
#search .search_toggle .btn-lg .fa {
font-size: 0px;
display: none;
} #searchm {
width: auto;
z-index: 99;
padding: 0;
margin: 0px 0px 4px;
float: right;
}
#searchm .search_toggle {
background: #fff;
z-index: 1021;
width: 300px;
display: none;
position: absolute;
right: 34px;
}
#searchm .search_button:hover { }
#searchm .search_button.active {
background-position: 0px -188px;
}
#searchm .search_button.active:hover { }
#searchm .search_button {
display: block; padding: 0;
text-align: center;
cursor: pointer;
z-index: 9;
height: 25px;
width: 25px;
color: #fff;
}
#searchmbox {
position: relative;
}
#searchm .input-lg {
width: 100%;
padding: 9px 50px 9px 18px;
background: #fff;
border: 1px solid #ededed;
height: 42px;
color: #333;
}
#searchm .input-lg::-webkit-input-placeholder,
#searchm .input-lg::-moz-placeholder,
#searchm .input-lg::-moz-placeholder {
color: #888;
}
#searchm .btn-lg {
height: 42px;
right: 0;
left: auto;
background: url(//xn-----7kcbkajecynpbmo5afibe9bya4eyh.xn--p1ai/wp-content/themes/oteli_v2/css/nav-icon.png) no-repeat scroll 0px -385px;
width: 50px;
border: 0;
}
#searchm .btn-lg:hover {
color: #fff;
background-position: 1px -132px;
right: 0;
}
#searchm .search_toggle .input-group-btn {
display: block;
width: 38px;
position: absolute;
right: 0px;
top: 0px;
}
#searchm .search_toggle .btn-lg .fa {
font-size: 0px;
display: none;
}
.ynadex-map{
position: relative;
}
form.nmeg_mailer {
max-width: 800px;
font-size: 15px;
margin-bottom: 40px;
display: flex;
margin-top: 20px;
flex-wrap: wrap;  padding-top: 20px;
gap: 40px;
margin: 20px auto 30px;
}
.nmeg_mailer label {
margin: 0 10px;
}
.nmeg_row {
display: flex;
margin: 15px 5px;
}
.nmeg_col {
flex-grow: 1;
}
input#nmeg_phone {
width: 100%;
height: 40px;
background-color: #fff;
border: 0;
}
.mnmeg_agrtext {
font-size: 13px;
padding: 0px 4px 0px 14px;
text-align: right;
}
.nmeg_col.nmeg_wremia {
display: flex;
justify-content: space-evenly;
}
.nmeg_col.nmeg_forbut {
justify-content: end;
display: flex;
}
.nmeg_mailer button {
font-size: 15px;
align-items: center;
justify-content: center;
display: flex;
margin: 0;
height: 40px;
width: 100%;
}
.nmeg_mailer button svg {
margin-right: 3px;
}
.nmeg_sended{
margin:auto;  
}
.hystmodal__styled {
padding: 15px;
}
.nmeg_col1{
display: flex;
flex-direction: column;
flex:1 1 350px;
}
.nmeg_col2{
display: flex;
flex-direction: column;
flex:1 1 350px;
}
.btn-primary{
outline: none;
}
.hystmodal__opened {
position: fixed;
right: 0;
left: 0;
overflow: hidden;
}
.hystmodal__shadow{
position: fixed;
border:none;
display: block;
width: 100%;
top: 0;
bottom: 0;
right: 0;
left: 0;
overflow: hidden;
pointer-events: none;
z-index: 98;
opacity: 0; background-color: black;
}
.hystmodal__shadow--show{
pointer-events: auto;
opacity: 0.6;
}
.hystmodal {
position: fixed;
top: 0;
bottom: 0;
right: 0;
left: 0;
overflow: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
opacity: 1;
pointer-events: none;
display: flex;
flex-flow: column nowrap;
justify-content: flex-start;
z-index: 99;
visibility: hidden;
}
.hystmodal--active{
opacity: 1;
}
.hystmodal--moved,
.hystmodal--active{
pointer-events: auto;
visibility: visible;
}
.hystmodal__wrap {
flex-shrink: 0;
flex-grow: 0;
width: 100%;
min-height: 100%;
margin: auto;
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
}
.hystmodal__window {
margin: 50px 0;
box-sizing: border-box;
flex-shrink: 0;
flex-grow: 0;
background: #fff;
width: 600px;
max-width: 100%;
overflow: visible;
transition: transform 0.2s ease 0s, opacity 0.2s ease 0s;
transform: scale(0.9);
opacity: 0;
}
.hystmodal--active .hystmodal__window{
transform: scale(1);
opacity: 1;
}
.hystmodal__close{
position: absolute;
z-index: 10;
top:0;
right: -40px;
display: block;
width: 30px;
height: 30px;
background-color: transparent;
background-position: center center;
background-repeat: no-repeat;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' stroke='%23fff' stroke-linecap='square' stroke-miterlimit='50' stroke-width='2' d='M22 2L2 22'/%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='square' stroke-miterlimit='50' stroke-width='2' d='M2 2l20 20'/%3E%3C/svg%3E");
background-size: 100% 100%;
border: none;
font-size: 0;
cursor: pointer;
outline: none;
}
.hystmodal__close:focus{
outline: 2px dotted #afb3b9;
outline-offset: 2px;
}
#order_form-content_api{
margin-top: 20px;
max-width: 1340px;
margin-right: auto;
margin-left: auto;
}
.s-partnership {
margin: 20px auto 0px;
max-width: 1200px;
}
#stellsPartner1{
margin-bottom: auto !important;
}
.s-partnership iframe{
z-index: 2;
}
.zablonirowat {
position: absolute;
right: 0;
top: -70px;
}
.zablonirowat_btn { width: 190px;
height: 40px;
color: #fbfbfb;
border-color: #fbfbfb;
border-color: #fbfbfb;
padding: 9px; }
.zablonirowat_btn:hover {
background-color: #474747;
border-color: #fbfbfb; }
@media all and (max-width:767px){
.hystmodal__close{
top:10px;
right: 10px;
width: 24px;
height: 24px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' stroke='%23111' stroke-linecap='square' stroke-miterlimit='50' stroke-width='2' d='M22 2L2 22'/%3E%3Cpath fill='none' stroke='%23111' stroke-linecap='square' stroke-miterlimit='50' stroke-width='2' d='M2 2l20 20'/%3E%3C/svg%3E");
}
.hystmodal__window{
margin: 0;
}
}.mobile-logo {
height: 50px;
line-height: 1.3;
}
.mobile-logo a {
color: #212529;
;
}
#logo_mobile img {
height: 38px;
margin-bottom: 3px;
}
.topmenu_modile_butt {
font-size: 30px;
color: #fff;
}
@media (max-width: 991px) {
h1 {
font-size: 30px;
}
.topnav-wrapper {
margin-top: 52px;
}
.topnav-content{
flex-wrap: wrap;
padding-top: 1rem;;
row-gap: 9px;
padding-bottom: 1rem;
}
.topnav-content>div>a{
white-space: nowrap;
}
.home_top-slider {
margin-top: 60px;
}
.sticky-top {
position: fixed;
top: 0;
z-index: 1020;
width: 100%;
}
.topmenu-container{
margin-top: 0;
}
header.header-bg-img {
margin-top: -170px;
}
.home header.header-bg-img{
}
.top-menu {
background: none; overflow: hidden;
}
.top-menu a, .top-menu a:hover{
color: var(--white);
}
.topmenu_row {
flex-direction: column;
-ms-flex-direction: column;
}
.dropwrap .drop {
position: relative;
}
.topmenu-wrapper {
display: none;
background-color: rgba(0, 0, 0, 0.7);
}
.gallery-item {
width: 100%;
flex: 1 1 100%;
}
.post-slider .post-slider-image {
width: 100%;
height: 300px;
}
.topmenu{
border-radius: unset;
-webkit-border-radius: unset;
-moz-border-radius: unset;
-ms-border-radius: unset;
-o-border-radius: unset;
}
.news_item {
flex-wrap: nowrap;
justify-content: start;
}
.room_desc-wrapper a {
margin-left: auto;
margin-right: auto;
display: block;
}
#page .order_form-wrapper {
margin-top: 10px;
}
.top-menu-phone {
display: none;
}
.top-menu-whatsap {
margin-top: 14px;
font-size: 16px;
padding-bottom: 10px;
}
.home_text {
max-height: 280px;
overflow: hidden; margin-top: 16px;
}
.home_text.open {
max-height: 100%;
}
.home_text_more {
display: block;
margin: 18px auto;
text-align: center;
}
.logo-row {
margin-top: 54px;
min-height: 116px;
}
.home .logo-row {
margin-top: 88px;
min-height: 97px;
}
.news{
flex-direction: column;
gap: 20px;
}
.order_form-wrapper{
border-radius: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-ms-border-radius: 0px;
-o-border-radius: 0px;
}
.menuinfooter >li >a {
margin-top: 10px;
display: block;
}
.foot_widget {
gap: 20px;
}
.foot_dop {
row-gap: 20px;
margin-top: 29px;
} }
@media (max-width: 540px) {
.news_item {
flex-wrap: wrap;
justify-content: center; }
.news_item> div{
flex: 1 1 80%;
}
#order_form-content {
margin-top: 0px;
}
}
@media (max-width: 991px) {
form.nmeg_mailer{
flex-direction: column;
gap: 0px;
}
.nmeg_col2,  .nmeg_col1 {
flex: 1 0 94px;
}
form.nmeg_mailer { 
margin-bottom: 20px;
margin-top: 20px;
}
}