@media (min-width: 1200px) {
.container,
.container-sm,
.container-md,
.container-lg,
.container-xl {
max-width: 1340px;
}
}
:root {
--primary: #7BA05B;
}
.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: 47px;
font-weight: 600;
}
h3 {
font-size: 40px;
}
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 {
background-color: var(--primary);
position: relative;
}
.home header {
margin-bottom: 0px;
}
.topnav-wrapper {
padding-top: 1px;
padding-bottom: 0px;
margin-bottom: 0px;
color: #fff;
font-size: 18px;
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: #fff;
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 {
background-color: rgba(0, 0, 0, 0.8);
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
padding-top: 2px;
padding-bottom: 2px;
}
.topmenu.grey {
background-color: rgba(0, 0, 0, 0.7);
}
.topmenu-wrapper {
padding: 4px 16px; z-index: 999;
color: #fff
}
#logo {
margin-top: 15px;
font-weight: 600;
color: #fff;
font-size: 18px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
#logo a {
font-weight: 600;
color: #fff;
font-size: 18px;
}
#logo img {
width: 66px;
}
a.logoimg {
width: 66px;
overflow-x: hidden;
display: block;
-webkit-box-flex: 0;
-ms-flex: 0 0 66px;
flex: 0 0 66px;
}
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;
}
#logo a:hover {
text-decoration: none;
color: #fff;
font-size: 18px;
}
.topmenu_row {
list-style: none;
padding-left: 0;
margin-bottom: 0;
}
.topmenu_row>li>a {
padding: 8px 0px;
text-align: center;
display: block;
color: #fff;
font-size: 18px;
}
.topmenu_row>li>a:hover {
text-decoration: none;
background-color: var(--primary);
}
.topmenu_row>li>a i {
margin-left: 10px;
}
.topmenu_row .menu-item-has-children>a:after {
content: url(//noginsk.mosregkurort.ru/wp-content/themes/oteli_green/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: #fff;
}
.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: 5px; margin: 20px 0;
padding: 8px;
font-size: 19px;
}
.pagebreadcrumb li {
display: inline-block;
}
.pagebreadcrumb li:not(:last-child):after {
content: '/';
}
#order_form-content .container {
background-color: var(--primary);
}
#order_form-content {
margin-top: 11px;
background: none;
}
.home #order_form-content {
background-color: var(--primary);
margin-top: 0px;
}
.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: 0.25rem;
padding-top: 12px;
padding-bottom: 23px;
color: #fff;
margin-top: 0px;
margin-bottom: 20px;
}
.order_form-wrapper .fa-calendar {
position: absolute;
top: 40px;
font-size: 20px;
color: var(--primary);
z-index: 9;
right: 21px;
}
#order_form-content .order_form-wrapper .fa-calendar {
top: 33px;
}
#page .order_form-wrapper {
border-radius: 0.25rem;
background-color: var(--light);
padding: 20px 10px;
color: var(--gray-dark);
margin: 0px auto 37px;
border: 1px solid var(--primary);
}
#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: 0.25rem;
-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: 0.25rem;
-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;
}
.slide_form {
margin-bottom: -18px;
margin-top: 20px;
} #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%;
}
.home-rooms-wrapper {
-webkit-box-flex: 1;
-ms-flex: 1 1 25%;
flex: 1 1 25%;
padding: 20px;
min-width: 260px;
}
.home-rooms-image {
width: 100%;
height: 300px;
background-position: center;
text-align: center;
background-size: cover;
border-radius: 0.5rem !important;
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: 5px;
}
.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: 5px;
}
.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: 28px;
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: 4px;
border-bottom-left-radius: 4px;
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%;
}
.home-service-wrapper {
-webkit-box-flex: 1;
-ms-flex: 1 1 25%;
flex: 1 1 25%;
padding: 20px;
min-width: 260px;
}
.home-service-image {
width: 100%;
height: 300px;
background-position: center;
text-align: center;
background-size: cover;
border-radius: 0.5rem !important;
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: 5px;
}
.home-service-image:after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.5);
z-index: 2;
border-radius: 5px;
}
.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: flex-end;
padding: 5px 8px;
color: var(--white);
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
position: absolute;
width: 100%;
bottom: 0;
z-index: 3;
}
.home-service_more {
background-color: var(--primary);
padding: 5px 8px;
border-radius: 5px;
}
.home-service_more a,
.home-service_more a:hover {
color: #fff;
} #rooms {
margin-top: 20px;
margin-bottom: 30px;
}
.room {
border-bottom: 3px solid rgba(0, 0, 0, 0.1);
margin-top: 40px;
}
.room_atut {
padding: 10px;
margin-right: 5px;
background-color: #f5f5f5;
border-radius: 8px;
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: 603px;
width: 100%;
overflow-y: hidden;
}
.room_slider img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 603px;
}
#rooms .room_slider {
max-height: 295px;
}
#rooms .room_slider img {
max-height: 550px;
height: 295px;
}
.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: 0.25rem;
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;
background-color: var(--primary);
}
.botnews .container {
padding-top: 50px;
padding-bottom: 50px;
}
.botnews .bg {
position: absolute;
width: 100%;
height: 100%;
background-image: url(//noginsk.mosregkurort.ru/wp-content/themes/oteli_green/css/newsbot.jpg);
background-size: contain;
background-position: center;
}
.botnews .bg:after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: var(--primary);
z-index: 2;
border-radius: 5px;
opacity: 0.87;
z-index: 0;
}
.botnew {
padding: 2px;
margin: 15px auto 0;
-webkit-box-flex: 1;
-ms-flex: 1 1 300px;
flex: 1 1 300px;
max-width: 400px;
min-width: 300px;
}
.botnew-content {
height: 240px;
border-radius: 1rem;
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: 5px;
}
.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: 5px;
}
.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: 22px;
display: block;
text-align: center;
font-weight: 600;
color: var(--light);
padding: 36px 6px;
border-radius: 0.5rem;
-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: 15px;
}
.footbot {
padding-top: 5px;
padding-bottom: 5px;
background: #D8D8D8;
color: black;
}
.header-title {
margin-bottom: 20px;
}
.header-title h3 {
font-size: 16px;
}
.news {
padding-left: 0;
}
.news_item {
list-style: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 20px;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.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 {
text-align: start;
}
@media (min-width: 780px) {
#sidebar .button-wrap {
text-align: end;
}
.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;
margin-top: 10px;
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(//noginsk.mosregkurort.ru/wp-content/themes/oteli_green/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(//noginsk.mosregkurort.ru/wp-content/themes/oteli_green/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: 50px;
}
.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(//noginsk.mosregkurort.ru/wp-content/themes/oteli_green/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;
}
#botmenu_btn {
list-style: none;
padding-left: 0;
}
#botmenu_btn li {
margin-bottom: 20px;
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: 0.25rem;
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%;
}
#botmenu_btn a:hover {
border-color: #6d9152;
background-color: #6d9152;
}
.breadcrumbs .current-item {
color: var(--primary);
}
.breadcrumbs a {
color: #212529;
}
.botnews .col>a {
flex: 1 1 33%;
}
.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;
margin-bottom: 15px;
}
ul.menuinfooter {
list-style: none;
width: 100%;
padding-left: 0;
margin-bottom: 30px; }
.menuinfooter a {
text-transform: uppercase;
color: #b7b7b7;
}
.menuinfooter a:hover {
text-decoration: none;
}
.foot_widget>div:nth-child(1) { flex: 1 1 506px;
text-align: justify;
}
.foot_widget>div:nth-child(2) { flex: 1 1 184px;
text-align: center;
}
.foot_widget>div:nth-child(3) { flex: 1 1 506px;
text-align: justify;
}
.foot_dop a {
color: #b7b7b7; }
.footer_bottom_left { flex: 1 1 506px; }
.footer_bottom_center { text-align: center;
flex: 1 1 184px;
position: relative;
order: 3;
}
.footer_bottom_center img {
margin-top: 20px;
margin-bottom: 20px;
}
@media (min-width: 780px) {
.footer_bottom_center {
order: 0;
}
.footer_bottom_center img {
position: absolute;
left: 50%;
transform: translateX(-50%);
top: -13px;
margin-top: 0px;
margin-bottom: 0px;
}
}
.footer_bottom_right { flex: 1 1 506px;
} #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:-7px;
}
#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(//noginsk.mosregkurort.ru/wp-content/themes/oteli_green/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(//noginsk.mosregkurort.ru/wp-content/themes/oteli_green/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;
}
.s-partnership {
margin-bottom: 333px;
}.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: 55px;
}
.home_top-slider {
margin-top: 60px;
}
.sticky-top {
position: fixed;
top: 0;
z-index: 1020;
width: 100%;
}
.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;
} .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: 292px;
overflow: hidden; }
.home_text.open {
max-height: 100%;
}
.home_text_more {
display: block;
margin: 18px auto;
text-align: center;
}
}
@media (max-width: 540px) {
.news_item {
flex-wrap: wrap;
justify-content: center; }
.news_item> div{
flex: 1 1 80%;
}
}