:root {
    color-scheme: only light;
}
/* Firefox */
@media (prefers-color-scheme: dark) {
    :root {
        color-scheme: light;
    }
}

/* Chrome */
@media (forced-colors: active) {
    :root {
        color-scheme: light;
    }
}
@media (prefers-color-scheme: dark) {
    body, html {
        background-color: #0b2e13 !important;
    }
}
:root {
    color-scheme: light; /* для scrollbars и форм в Safari/Chrome */
}

html, body {
    background-color: white !important;
    color: black !important;
}
.button {
    position: relative;
    display: inline-block;
    height: 2rem;
    padding: 0 2rem;
    background-color: transparent;
    border: 1px solid #a8a8a8;
    border-radius: 0;
    font-size: 1rem;
    line-height: 2rem;
    text-decoration: none;
    text-transform: uppercase;
    transition: all .2s linear;
    color: #333;
    cursor: pointer;
    user-select: none;
    overflow: hidden
}

@keyframes preloader {
    0% {
        transform: translate(-50%, -50%) rotate(0deg)
    }
    to {
        transform: translate(-50%, -50%) rotate(1turn)
    }
}

@font-face {
    font-family: Montserrat;
    src: url(../fonts/Montserrat-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: Montserrat;
    src: url(../fonts/Montserrat-Bold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: Montserrat;
    src: url(../fonts/Montserrat-SemiBold.ttf) format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: Lato;
    src: url(../fonts/latoregular.woff2) format("woff2"), url(../fonts/latoregular.woff) format("woff"), url(../fonts/latoregular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: Lato;
    src: url(../fonts/latosemibold.woff2) format("woff2"), url(../fonts/latosemibold.woff) format("woff"), url(../fonts/latosemibold.ttf) format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: Lato;
    src: url(../fonts/latoheavy.woff2) format("woff2"), url(../fonts/latoheavy.woff) format("woff"), url(../fonts/latoheavy.ttf) format("truetype");
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: Lato;
    src: url(../fonts/latoblack.woff2) format("woff2"), url(../fonts/latoblack.woff) format("woff"), url(../fonts/latoblack.ttf) format("truetype");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

html {
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    font-family: Lato;
    line-height: 1;
    font-size: 14px;
    font-display: swap;
}

body, html {
    height: 100%
}

body {
    position: relative;
    margin: 0;
    padding: 0;
    background-color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

body.is-load {
    background: #fff
}

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section {
    display: block
}

article {
    hyphens: auto;
    max-width: 760px;
}

blockquote, q {
    quotes: none
}
q {
    quotes:  "«" "»";
}

blockquote:after, blockquote:before, q:after, q:before {
    content: ""
}

table {
    border-collapse: collapse;
    border-width: 0
}

form, table, td {
    margin: 0;
    padding: 0
}

input, textarea {
    border-radius: 0;
    font-family: Lato;
    color: #333;
    outline: none;
    box-shadow: none
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #999
}

input::-moz-placeholder, textarea::-moz-placeholder {
    color: #999;
    opacity: .5
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #999
}

input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {
    color: transparent
}

input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {
    color: transparent
}

input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {
    color: transparent
}

button, input[type=button], input[type=submit] {
    cursor: pointer;
    -webkit-appearance: none;
    outline: none
}

div, span {
    outline: none
}

*, :after, :before {
    box-sizing: border-box
}

.is-load .view-wrapper {
    visibility: hidden
}

.view-wrapper {
    position: relative;
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    min-width: 320px;
    min-height: 100%;
    padding: 0;
    overflow: hidden
}

.container {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 5px
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.nowrap {
    white-space: nowrap
}

.bold {
    font-weight: 700
}

h1 {
    font-size: 36px;
    color: #3C3C3C;
}

h1, h2 {
    padding: 1rem 0;
    font-family: Montserrat;
    line-height: 1;
    font-weight: 700
}

h2 {
    font-size: 24px;
    color: #3C3C3C;
}

h3 {
    font-size: 22px
}

h3, h4 {
    padding: 1rem 0;
    font-family: Montserrat;
    line-height: 1;
    font-weight: 700;
    color: #3C3C3C
}

h4 {
    font-size: 20px
}

h5 {
    font-size: 1.2rem
}

h5, h6 {
    padding: 1rem 0;
    font-family: Montserrat;
    line-height: 1;
    font-weight: 700;
    color: #333
}

h6 {
    font-size: 1rem
}

p {
    padding: 0;
    font-family: Lato;
    font-size: 16px;
    line-height: 1.4;
    font-weight: 400;
    color: #333
}

li, ol, ul {
    list-style: none
}

a {
    color: #0f6883;
    outline: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    transition: none
}

a, a:hover {
    text-decoration: none
}

a:hover {

    cursor: pointer
}

.view-text h1 {
    font-size: 3rem
}

.view-text h1, .view-text h2 {
    padding: 1rem 0;
    font-family: Lato;
    line-height: 1;
    font-weight: 700;
    color: #333
}

.view-text h2 {
    font-size: 2.5rem
}

.view-text h3 {
    font-size: 2rem
}

.view-text h3, .view-text h4 {
    padding: 1rem 0;
    font-family: Lato;
    line-height: 1;
    font-weight: 700;
    color: #333
}

.view-text h4 {
    font-size: 1.5rem
}

.view-text h5 {
    font-size: 1.2rem
}

.view-text h5, .view-text h6 {
    padding: 1rem 0;
    font-family: Lato;
    line-height: 1;
    font-weight: 700;
    color: #333
}

.view-text h6, .view-text p {
    font-size: 1rem
}

.view-text p {
    padding: 1rem 0;
    font-family: Lato;
    line-height: 1;
    font-weight: 400;
    color: #333
}

.view-text li, .view-text ol, .view-text ul {
    list-style: none
}

.view-text a {
    text-decoration: #333;
    color: #0f6883;
    transition: all .2s linear
}

.view-text a:hover {

    text-decoration: none
}

.preloader-default {
    position: fixed;
    top: 50%;
    left: 50%;
    display: none;
    width: 2rem;
    height: 2rem;
    border-color: coral coral #ccc #ccc;
    border-style: solid;
    border-width: 2px;
    border-radius: 50%;
    transform: translate(-50%, -50%) rotate(0deg);
    transition: all .5s ease-in-out;
    animation: preloader 1s linear infinite
}

.is-load {
    position: relative
}

.is-load .preloader {
    display: block
}

.view-header {
    position: relative;
    width: 100%;
    order: 1
}

header {
    padding-top: 10px
}

@media screen and (max-width: 1024px) {
    header {
        padding-top: 20px;
        background-color: #fff;
        margin-top: 10px;
        top: 0;
        z-index: 50;
    }
}

@media screen and (max-width: 767px) {
    header {
        padding: 15px 0;
        margin-top: 10px;
        background-color: #fff;

        top: 0;
        z-index: 50
    }
}



header .container {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: center
}
header .container .logo img {
    width: 300px
}

@media screen and (max-width: 760px) {
    header .container .logo img {
        width: 250px
    }
}
@media screen and (max-width: 420px) {
    header .container .logo img {
        width: 200px
    }
}
@media screen and (max-width: 360px) {
    header .container .logo img {
        width: 150px
    }
}






header .container .burger-menu {
    display: none
}


    header .container .burger-menu {
        display: block;
        width: 40px;
        height: 44px;
        margin: 0 0 0 20px;
        cursor: pointer;
    }

    header .container .burger-menu span {
        display: block;
        position: relative;
        width: 40px;
        height: 6px;
        background-color: #ec4545;
        border-radius: 2px
    }

    header .container .burger-menu span:after {
        top: 12px
    }

    header .container .burger-menu span:after, header .container .burger-menu span:before {
        content: "";
        position: absolute;
        width: 40px;
        height: 6px;
        background-color: #ec4545;
        border-radius: 2px
    }

    header .container .burger-menu span:before {
        top: 24px
    }


@media screen and (max-width: 767px) {
    header .container .burger-menu {
        display: block;
        width: 28px;
        height: 20px;
        margin: 0;
        margin-right: 4px;
    }

    header .container .burger-menu span {
        display: block;
        position: relative;
        width: 28px;
        height: 4px;
        background-color: #ec4545;
        border-radius: 2px
    }

    header .container .burger-menu span:after {
        top: 8px
    }

    header .container .burger-menu span:after, header .container .burger-menu span:before {
        content: "";
        position: absolute;
        width: 28px;
        height: 4px;
        background-color: #ec4545;
        border-radius: 2px
    }

    header .container .burger-menu span:before {
        top: 16px
    }
}

header .container .nav-header {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    max-width: 846px;
    width: 100%;
    height: 47px;
    margin-left: 10px;
    padding: 0 30px;
    background-color: rgba(30, 89, 172, .74);
    border-radius: 5px
}


    header .container .nav-header {
        display: none
    }


header .container .nav-header ul {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: center;
    width: 100%
}

header .container .nav-header ul li a {
    display: block;
    font-family: Lato;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    font-weight: 600
}

header .container .nav-header ul li a.is-active {
    position: relative
}

header .container .nav-header ul li a.is-active:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: hsla(0, 0%, 100%, .62);
    bottom: -16px;
    left: 0
}

header .container .nav-header ul li a:hover {
    position: relative
}

header .container .nav-header ul li a:hover:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: hsla(0, 0%, 100%, .62);
    bottom: -16px;
    left: 0
}

header .container .nav-header ul li a:last-child {
    margin-right: 0
}

header .container .nav-header ul li .sub-menu {
    display: none
}

header .container .nav-header.mob-vers {
    display: none;
    background: rgba(123, 102, 102, .57);
    border-radius: 0
}

header .container .nav-header.mob-vers.is-active {
    display: flex;
    display: -webkit-flex;
    align-items: flex-start;
    position: fixed;
    max-width: 100%;
    width: 100%;
    height: 100%;
    margin-left: 0;
    padding: 0;
    top: 0;
    left: 0;
    z-index: 100
}

header .container .nav-header.mob-vers.is-active ul {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding-top: 30px;
    padding-left: 30px;
    max-width: 320px;
    width: 85%;
    height: 100%;
    background-color: #ec4545;
    overflow-y: scroll;
    overflow-x: hidden
}

header .container .nav-header.mob-vers.is-active ul .nav__top {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px
}

header .container .nav-header.mob-vers.is-active ul .nav__top__search {
    display: flex;
    display: -webkit-flex;
    position: relative
}

header .container .nav-header.mob-vers.is-active ul .nav__top__search input {
    width: 220px;
    height: 48px;
    background: #fff;
    border: 1px solid #d0d0d0;
    box-sizing: border-box;
    padding: 0 40px 0 15px;
    color: #b6b6b6;
    font-size: 18px
}

header .container .nav-header.mob-vers.is-active ul .nav__top__search img {
    position: absolute;
    top: 13px;
    right: 10px;
    padding: 2px
}

header .container .nav-header.mob-vers.is-active ul .nav__top__search img:hover {
    cursor: pointer
}

header .container .nav-header.mob-vers.is-active ul .nav__top__close {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    width: 20px;
    height: 20px;
    margin-left: 10px;
    margin-right: 20px
}

header .container .nav-header.mob-vers.is-active ul .nav__top__close span {
    display: block;
    position: relative;
    width: 20px;
    height: 2px;
    background-color: #fff;
    transform: rotate(45deg)
}

header .container .nav-header.mob-vers.is-active ul .nav__top__close span:after {
    content: "";
    position: absolute;
    width: 20px;
    height: 2px;
    background-color: #fff;
    transform: rotate(-90deg)
}

header .container .nav-header.mob-vers.is-active ul li {
    width: 100%;
    margin-bottom: 20px
}

header .container .nav-header.mob-vers.is-active ul li a {
    font-weight: 600;
    font-size: 16px
}

header .container .nav-header.mob-vers.is-active ul li a.is-active:after, header .container .nav-header.mob-vers.is-active ul li a:hover:after {
    display: none
}

header .container .nav-header.mob-vers.is-active ul .wrap-sub-menu {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    justify-content: space-between
}

header .container .nav-header.mob-vers.is-active ul .wrap-sub-menu span {
    width: 16px;
    height: 16px;
    margin-right: 20px;
    display: block;
    background-image: url(../img/arrow-menu.png);
    background-repeat: no-repeat;
    background-position: 50%;
    transition: .2s
}

header .container .nav-header.mob-vers.is-active ul .wrap-sub-menu span.is-active {
    transform: rotate(90deg)
}

header .container .nav-header.mob-vers.is-active ul .wrap-sub-menu .sub-menu {
    display: none;
    margin-left: 15px;
    padding-left: 0;
    overflow: hidden
}

header .container .nav-header.mob-vers.is-active ul .wrap-sub-menu .sub-menu.is-active {
    display: block
}

.view-section {
    position: relative;
    width: 100%;
    order: 2;
    flex-grow: 1
}

.section-title {
    padding: 0;
    margin-bottom: 15px
}

@media screen and (max-width: 767px) {
    .section-title {
        margin: 15px 0;
        font-family: Montserrat;
        font-weight: 700;
        font-size: 18px;
        line-height: 22px;
        color: #333
    }
}

.all-countries__links__name {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    text-decoration: none;
    font-size: 18px;
    margin-bottom: 20px
}

.all-countries__links__name:last-child {
    margin-bottom: 0
}

.all-countries__links__name img {
    margin-right: 15px

}


.all-countries__links__name p {
    color: #0f6883
}

@media screen and (max-width: 767px) {
    .all-countries__links__name p {
        font-size: 18px
    }
}
.all-countries h2{
    margin-top: 0px;
    margin-bottom: 24px;
}
.img_country_block{
    max-width:600px;
    min-height: 230px;
    float:left;
    margin-left:24px;
    margin-top:48px;
}
.all-countries__links section{


}
.all-countries__links picture{
    float: left;
    padding-right: 20px;

}
.country_block_weather{
    float:none;
    clear: both;
    margin-top: 12px;
}
.clear{
    clear: both;
}
.kurort_weather_items img{
    width: 44px;
    height: 44px;
}
.kurort_weather_items a {
    width: 180px;
    height: 91px;
    padding: 8px;
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
}
.kurort_weather_items span{
    display: block;
}
.kurort_weather_items span img{
    float: left;
}
.country_block_weather p{
    margin-bottom: 0px;
}
@media screen and (max-width: 760px) {
    .img_country_block{

        height:auto;
        float:left;
        margin-left:0px;
        padding-right: 20px;
    }
    .img_country_block{
        margin-top: 24px;
    }
    .img_country_block h2{
        margin-top: 12px;
    }
    .country_block_weather {
        width: 100%;
        height:auto;
        margin-bottom: 18px;
        display: inline-block;
        margin-top: 0px;
    }
    .kurort_weather_items a {
        width:150px;
    }
    .all-countries section{
        margin-bottom: 48px;
    }
}

.weather_article .transition, p, ul li i:before, ul li i:after {
    transition: all 0.25s ease-in-out;
}

.weather_article .flipIn, .weather_article h1, .weather_article ul li {
    animation: flipdown 0.5s ease both;
}
.country_block_weather ul p{
    position: relative;
    overflow: hidden;
    max-height: 800px;
    opacity: 1;
    transform: translate(0, 0);
    margin-top: 14px;
    z-index: 2;
}

.country_block_weather h3{
    margin-top: 0px;
    cursor: pointer;

}

.country_block_weather ul {
    list-style: none;
    perspective: 900;
    padding: 0;
    margin: 0;

}
.country_block_weather ul li {
    position: relative;
    padding: 0;
    margin: 0;
    padding-bottom: 4px;
    border-bottom: #ccc solid 1px;

}
.country_block_weather ul li:nth-of-type(1) {
    animation-delay: 0.5s;
}
.country_block_weather ul li:nth-of-type(2) {
    animation-delay: 0.75s;
}
.country_block_weather ul li:nth-of-type(3) {
    animation-delay: 1s;
}
.country_block_weather ul li:last-of-type {
    padding-bottom: 0;
}
.country_block_weather ul li i {
    position: absolute;
    transform: translate(-6px, 0);
    margin-top: 16px;
    right: 15px;
}
.country_block_weather ul li i:before, .country_block_weather ul li i:after {
    content: "";
    position: absolute;
    background-color: #ff6873;
    width: 3px;
    height: 9px;
}
.country_block_weather ul li i:before {
    transform: translate(-2px, 0) rotate(45deg);
}
.country_block_weather ul li i:after {
    transform: translate(2px, 0) rotate(-45deg);
}
.country_block_weather ul li input[type=checkbox] {
    position: absolute;
    cursor: pointer;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
}
.country_block_weather ul li input[type=checkbox]:checked ~ p {
    margin-top: 0;
    max-height: 0;
    opacity: 0;
    transform: translate(0, 50%);
}
.country_block_weather ul li input[type=checkbox]:checked ~ i:before {
    transform: translate(2px, 0) rotate(45deg);
}
.country_block_weather ul li input[type=checkbox]:checked ~ i:after {
    transform: translate(-2px, 0) rotate(-45deg);
}

@keyframes flipdown {
    0% {
        opacity: 0;
        transform-origin: top center;
        transform: rotateX(-90deg);
    }
    5% {
        opacity: 1;
    }
    80% {
        transform: rotateX(8deg);
    }
    83% {
        transform: rotateX(6deg);
    }
    92% {
        transform: rotateX(-3deg);
    }
    100% {
        transform-origin: top center;
        transform: rotateX(0deg);
    }
}




.all-countries img{
    margin-top: 0px;
    margin-bottom: 0px;
}



.select-citys--col1 {
    width: 100px;

}

.select-citys--col2 {
    width: 90px;
    margin: 0 10px;
    text-align: left;
}

.select-citys--col3 {

    width: 90px;
}

.select-citys__title {
    display: flex;
    display: -webkit-flex;
    margin-bottom: 20px
}

.select-citys__title p {
    font-weight: 800;
    color: #000
}

.select-citys__city {
    display: flex;
    display: -webkit-flex;
    margin-bottom: 20px
}

.select-citys__city:last-child {
    margin-bottom: 0
}

.select-citys__city a, .select-citys__city p {
    font-size: 14px
}

.main-info {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    font-size: 14px;

}
.main-info2 {
    display: block;
    font-size: 14px;
}
.main-info__title {
    width: 100%
}

.main-info__data-wrap {
    max-width: 330px;
    width: 100%;
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
}

.main-info__data-wrap__data {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    margin-bottom: 14px
}

@media screen and (max-width: 1024px) {
    .main-info__data-wrap__data {
        margin-bottom: 15px
    }
}

.main-info__data-wrap__data__img {
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    width: 20px;
    margin-right: 15px
}

.main-info__data-wrap__data__img svg {
    width: 20px;
    height: 20px
}

.main-info__data-wrap__data__img svg.none path {
    fill: none
}

@media screen and (max-width: 1024px) {
    .main-info__data-wrap__data__img svg {
        margin-right: 5px
    }
}

.main-info__data-wrap__data__img svg path {
    fill: #ec4545
}

.main-info__data-wrap__data__name {
    margin-right: 5px
}

.main-info__img {
    max-width: 478px
}

@media screen and (max-width: 800px) {
    .main-info__img {
        max-width: 320px
    }
}

@media screen and (max-width: 767px) {
    .main-info__img {
        display: none
    }
}
.detail-day-weather{

}
.main-info__img img, .weather__title {
    width: 100%
}

.weather__block {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    justify-content: left
}

.weather__block__wrap {
    width: 115px;
    margin-right: 10px;
    margin-bottom: 20px;
    margin-top: 8px
}

@media screen and (max-width: 767px) {
    .weather__block__wrap {
        width: 90px;
        margin-right: 0

    }
}

.weather__block__wrap__top {
    display: flex;
    display: -webkit-flex;
    margin-bottom: 5px
}

.weather__block__wrap__top .output {
    color: #ec4545;
    display: flex;
    margin-bottom: 5px
}

.weather__block__wrap__top p {
    padding-right: 5px;
    font-weight: 600
}


.weather__block__wrap__top p{
    font-size: 16px
}
.weather__block__wrap__top span{
    font-size: 20px
}
@media screen and (max-width: 767px) {
    .weather__block__wrap__top span {
        font-size: 16px
    }
}




.weather__block__wrap__top p:last-child {
    padding-right: 0
}

.weather__block__wrap__middle {
    display: flex;
    align-items: center;
    margin-bottom: 5px
}

.weather__block__wrap__middle__status-icn img {
    width: 47px;
    height: 47px
}

@media screen and (max-width: 767px) {
    .weather__block__wrap__middle__status-icn img {
        width: 36px;
        height: 36px
    }
}

.weather__block__wrap__middle__temp {
    font-size: 24px;
    padding-left: 5px;
    color: #000
}

@media screen and (max-width: 767px) {
    .weather__block__wrap__middle__temp {
        font-size: 18px
    }
}

.weather__block__wrap__bottom {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.weather__block__wrap__bottom__temp {
    font-size: 18px;
    color: #000;
    padding-right: 10px;
    text-align: center;
    margin-top: 10px;
    margin-left: 10px;
}

.weather__block__wrap__bottom__status-icn{
    margin-top: 10px;
}
.weather__block__wrap__bottom__text {
    width: 100%;
    margin-top: 5px;
    font-size: 18px;
}

.about-weather .about-weather__img-mob {
    display: none
}

@media screen and (max-width: 767px) {
    .about-weather .about-weather__img-mob {
        display: block;
        width: 100%;
        margin-bottom: 15px
    }
}

.about-weather .about-weather_text p {
    display: inline-block;
    line-height: 140%;
    margin-bottom: 20px
}

.about-weather .about-weather_text p:last-child {
    margin-bottom: 0
}

.graph-weather, .graph-weather__graph, .graph-weather-monthes{
    min-height: 300px;
    overflow: hidden
}
@media screen and (max-width: 767px) {
    .graph-weather,.graph-weather__graph,.graph-weather-monthes{
        min-height: 250px;

    }
    .graph-weather,.graph-weather-monthes{
        padding-right: 2px;
    }

}
.view-footer {
    position: relative;
    width: 100%;
    order: 3
}

footer {
    padding: 20px 0;
    margin-top: 300px;
}

@media screen and (max-width: 767px) {
    footer {
        margin-top: 50px
    }
}

footer .container {
    display: flex;
    flex-direction: column;
    align-items: center
}

@media screen and (max-width: 767px) {
    footer .container {
        align-items: flex-start
    }
}

footer .container .nav-footer {
    display: flex;
    align-items: center;
    max-width: 714px;
    width: 100%;
    height: 47px;
    padding: 0 30px
}

@media screen and (max-width: 767px) {
    footer .container .nav-footer {
        height: 100%;
        padding: 0
    }
}

footer .container .nav-footer ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 100%
}

@media screen and (max-width: 767px) {
    footer .container .nav-footer ul {
        justify-content: center
    }
}

@media screen and (max-width: 425px) {
    footer .container .nav-footer ul {
        flex-direction: column;
        align-items: flex-start
    }
}

@media screen and (max-width: 767px) {
    footer .container .nav-footer ul li {
        margin-bottom: 16px;
        margin-right: 10px
    }

    footer .container .nav-footer ul li:last-child {
        margin-right: 0
    }
}

@media screen and (max-width: 425px) {
    footer .container .nav-footer ul li {
        margin-right: 0
    }

    footer .container .nav-footer ul li:last-child {
        margin-bottom: 0
    }
}

footer .container .nav-footer ul li a {
    font-weight: 600;
    text-decoration: none
}

@media screen and (max-width: 767px) {
    footer .container .nav-footer ul li a {
        font-size: 18px
    }
}

footer .container .nav-footer ul li a:hover {
    text-decoration: underline
}

footer .container .copywriting {
    display: flex;
    margin-top: 20px
}

@media screen and (max-width: 767px) {
    footer .container .copywriting {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 100%
    }
}

@media screen and (max-width: 425px) {
    footer .container .copywriting {
        align-items: flex-start;
        justify-content: flex-start
    }
}

footer .container .copywriting .copywriting__left p {
    font-weight: 600
}

@media screen and (max-width: 767px) {
    footer .container .copywriting .copywriting__left p {
        margin-bottom: 10px
    }
}

footer .container .copywriting .copywriting__right {
    display: flex
}

@media screen and (max-width: 767px) {
    footer .container .copywriting .copywriting__right {
        flex-direction: column-reverse;
        align-items: center
    }
}

@media screen and (max-width: 425px) {
    footer .container .copywriting .copywriting__right {
        align-items: flex-start
    }
}

footer .container .copywriting .copywriting__right p {
    font-weight: 600;
    padding-left: 15px;
    margin-left: 15px;
    border-left: 1px solid #333
}

@media screen and (max-width: 767px) {
    footer .container .copywriting .copywriting__right p {
        border: none;
        padding-left: 0;
        margin-left: 0;
        margin-bottom: 10px
    }
}

aside {

    width: 100%;

}

@media screen and (max-width: 1024px) {
    aside {
        margin-left:0px;
    }
}

aside .sidebar--title {
    font-family: Montserrat;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
    color: #3C3C3C
}

aside .sidebar--links {
    display: block;
    margin-bottom: 10px;
    text-decoration: none;
    line-height: 19px
}

aside .sidebar--links:last-child {
    margin-bottom: 0
}

aside .sidebar--indent {
    margin-top: 14px;
    margin-left: 15px;
    padding-right: 0px;
    max-width: 360px;
}
aside .sidebar--indent:not(:first-child) {
    margin-top: 30px;
}



@media screen and (max-width: 767px) {
    aside .sidebar--indent {
        margin-left: 7px;
        padding-left: 0px;
        text-align: left;
    }
}

header .sidebar__search {
    position: relative;
    width: 100%;
}

@media screen and (max-width: 1024px) {
    header .sidebar__search {
        display: none
    }
}

header .sidebar__search input {
    width: 100%;
    height: 44px;
    background: #fff;
    border: 1px solid #d0d0d0;
    box-sizing: border-box;
    padding: 0 40px 0 15px;
    color: #b6b6b6;
    font-size: 18px
}

header .sidebar__search img {
    position: absolute;
    top: 2px;
    right: 1px;
    padding: 10px
}

header .sidebar__search img:hover {
    cursor: pointer
}

@media screen and (max-width: 767px) {
    aside .sidebar__select-countrie {

    }
}

aside .sidebar__select-countrie__links {
    display: flex;
    align-items: center;
    text-decoration: none;
    font-size: 18px;
    margin-bottom: 20px
}

aside .sidebar__select-countrie__links:last-child {
    margin-bottom: 0
}

aside .sidebar__select-countrie__links:hover p {
    color: #333
}

aside .sidebar__select-countrie__links img {
    margin-right: 15px
}

aside .sidebar__select-countrie__links p {
    font-size: 18px;
    color: #0f6883
}

aside .sidebar__banner {
    height: 400px;
    background-color: #f1f1f1
}

@media screen and (max-width: 767px) {
    aside .sidebar__banner {
        display: none
    }
}

.bread-crumbs {
    width: 100%;
    min-height: 58px;
    margin-bottom: 0px;
    min-height:20px;
}
@media screen and (max-width: 767px) {
    .bread-crumbs {
        margin-bottom: 16px;
        margin-top: 16px;
    }
}
.bread-crumbs li {
    list-style: none ;
}
.bread-crumbs .bread-crumbs__nav ul {
    display: flex;
    flex-wrap: wrap;
}
.bread-crumbs .bread-crumbs__nav_inline ul {
    display: flex;
    flex-wrap: wrap;
    margin-left: 0px;
}
.bread-crumbs .bread-crumbs__nav_inline li {
    margin-right: 16px;
}

.bread-crumbs .bread-crumbs__nav ul a {
    text-decoration: none
}

.bread-crumbs .bread-crumbs__nav ul a:hover {
    text-decoration: underline
}

.bread-crumbs .bread-crumbs__nav ul a:first-child li {
    padding-left: 0
}

.bread-crumbs .bread-crumbs__nav ul a:first-child li:after {
    display: none
}

.bread-crumbs .bread-crumbs__nav ul li {
    position: relative;
    padding-right: 20px;
    padding-bottom: 16px
}

.bread-crumbs .bread-crumbs__nav ul li:first-child {
    padding-left: 0
}

.bread-crumbs .bread-crumbs__nav ul li:first-child:after {
    padding-left: 0;
    display: none !important;
}

.bread-crumbs .bread-crumbs__nav ul li:after {
    position: absolute;
    left: 5px
}
@media screen and (max-width: 767px) {
    .bread-crumbs .bread-crumbs__nav ul li{
        width: 100%;
        display: inline;
        line-height: 27px;
        white-space: nowrap;
        padding-right: 10px;
    }
    .bread-crumbs .bread-crumbs__nav ul{
        display: inline;
    }
}

.bread-crumbs .bread-crumbs__nav ul li{
    font-size: 16px;
}

.button .text-hover, .button .text-label {
    display: block;
    transition: all .5s ease-in-out
}

.button .text-hover {
    transform: translateY(2rem) scaleY(0)
}

.button:hover {
    color: #333;
    border-color: #333
}

.button:hover .text-label {
    transform: translateY(-2rem) scaleY(0)
}

.button:hover .text-hover {
    transform: translateY(-2rem) scaleY(1)
}

@media screen and (max-width: 1024px) {
    html {
        height: auto
    }
}
/*
body {
    background-image: url(../img/back_header.jpg);
    background-repeat: no-repeat;
    background-size: auto
}
*/
@media screen and (max-width: 1024px) {
    body {
        background-size: contain
    }
}

body.is-active {
    overflow: hidden
}


h1, main {

}


@media screen and (max-width: 1024px) {
    h1 {
        margin-top: 30px;
        margin-bottom: 60px;
        font-family: Montserrat;
        font-weight: 700;
        line-height: 22px;
        font-size: 22px;
        color: #333;
    }
}

@media screen and (max-width: 767px) {
    h1 {
        margin: 15px 0;
        font-family: Montserrat;
        font-weight: 700;
        font-size: 24px;
        line-height: 22px;
        color: #333
    }
}

a:hover {
    text-decoration: underline
}

.view-wrap {
    min-height: calc(100vh - 472px);
    display: flex;

    margin-top: 50px;
}

@media screen and (max-width: 1024px) {
    .view-wrap {
        min-height: calc(100vh - 340px);
        flex-direction: column;
        align-items: center;

    }
}
@media screen and (min-width: 1024px) {
    margin-top: 50px;
}
@media screen and (max-width: 1024px) {
    .view-wrap {
        min-height: calc(100vh - 570px);
        flex-direction: column;
        align-items: stretch;
        margin-top: 0px;
    }
}

section {
    margin-bottom: 60px
}

section:last-child {
    margin-bottom: 0
}

@media screen and (max-width: 767px) {
    section {
        margin-bottom: 16px
    }
}

/*настройки стилей в контенте*/
article p li, ol, ul {
    list-style: disc;

    margin-bottom: 8px;
    font-family: Lato;
    font-size: 16px;
    line-height: 1.4;
    font-weight: 400;
    color: #333;
}
article ul {
    margin-bottom: 16px;
}
article h3 {
    font-size: 18px;
    margin-top:36px;
    font-weight: bold;
}
article img {
    margin-top:18px;
    margin-bottom:24px;
}

article h2 {
    margin-bottom: 12px;
    margin-top:8px;
}
article p {
    margin-bottom: 16px;
}
article .block-info{
    margin-left: 0px;
}
article p iframe{
     margin-bottom: 16px;
 }
article a.buttons {
    text-decoration: none;
    padding: 6px 25px 8px 41px;
    height: 32px;
    color: #0f6883;
    text-align: center;
    line-height: 20px;
    display: inline-block;
    font: normal 16px ;
    border: #0f6883 solid 1px;
    background-color: #fff;
    border-radius: 4px;
    background-image:url(../img/map_icon.svg);
    background-repeat: no-repeat;
    background-position-x: 16px;
    background-position-y: 8px;
}
.about-temp-water p{
    margin-bottom: 36px;
}
.bread-crumbs__nav ul{
    margin-left: 0px !important;
}

.table_temp_water tr{
    line-height: 1.4;
}
.table_temp_water th,td{
     text-align:left;
    padding: 5px;
 }
.table_temp_water tr {
    width: 100%;
}
#myChart2{
    padding-right:10px;
}
.sidebar__weather-city a, .sidebar__weather-citys a{
    font-size: 16px;
    margin-bottom: 14px;

}
.sidebar__weather-citys img{
    width:30px;
    height:30px;
    display: block;
    float:left;
}
@media screen and (max-width:760px) {
    main{
        display: flex;
        flex-flow: wrap;
    }
    sidebar__weather{
        margin-left:0px;

    }
    .main-info, .main-info2 {order:0;}
    .graph-weather-monthes{order:0;}
    .graph-weather{order:1;}

    .about-weather{order:3;}
    .graph-water{order:4;}
    .about-temp-water{order:5;}



    .nav-footer ul{
        margin-left: 0px;
    }


}
#myChart2{
    margin-left: -7px;
}
#myChart3{
    margin-left: -7px;
}
@media screen and (min-width: 760px) {
    #myChart3,#myChart2{
        width: 760px;
    }
}
@media screen and (max-width: 450px) {
    #myChart3,#myChart2{
        width: 400px;
    }
}
@media screen and (max-width: 400px) {
    #myChart3,#myChart2{
        width: 360px;
    }
}
@media screen and (min-width: 1024px) {
    .search_bar_header{
        margin-top: 50px;
    }
}


.about_resort_ul,.resorts_ul{
    display:block;
    margin-bottom: 0px;
}
.resorts_ul li{
    text-decoration: none;
    padding: 6px 20px 6px 20px;
    height: 32px;
    margin-right: 5px;
    text-align: center;
    line-height: 20px;
    display: inline-block;
    font: normal 16px ;
    border: #EB423F solid 1px;
    background-color: #fff;
    border-radius: 4px;
    margin-bottom: 10px;
}
.about_resort_ul li{
    text-decoration: none;
    padding: 6px 20px 6px 20px;
    height: 32px;
    margin-right: 5px;
    text-align: center;
    line-height: 20px;
    display: inline-block;
    font: normal 16px ;
    border: #F29C1F solid 1px;
    background-color: #fff;
    border-radius: 4px;
   margin-bottom: 10px;
}
.useful_info li{
    text-decoration: none;
    padding: 6px 20px 6px 20px;
    height: 32px;
    margin-right: 5px;
    text-align: center;
    line-height: 20px;
    display: inline-block;
    font: normal 16px ;
    border: #3397E8 solid 1px;
    background-color: #fff;
    border-radius: 4px;
    margin-bottom: 10px;
}

.resorts_ul a{
    color: #FF5364;

}
.about_resort_ul a{
    color: #F29C1F;

}
.useful_info a{
    color: #3397E8;

}
.resorts_ul .contents_first_li{
    background-color: #FF5364;
}
.about_resort_ul .contents_first_li{
    background-color: #F29C1F;
}
.useful_info .contents_first_li{
    background-color: #3397E8;
}

.resorts_ul .contents_first_li a{
      color: #FFF;
  }
.useful_info .contents_first_li a{
    color: #FFF;
}
.about_resort_ul .contents_first_li a{
    color: #FFF;
}
.nav_top_menu{
    position: fixed;
    width: 100%;
    text-decoration: none;
    padding: 12px 20px 12px 20px;
    font-size: 16px;
    text-align: center;
    line-height: 20px;
    background-color: #FF5364;
    color: #fff;

    position: fixed center;
    left: 0px;
    bottom: 0px;
}
.nav_top_menu a:hover{
    color: #fff;
}

.search{
    position:relative;
}
.search_result{
     background-color: #fff;
     border-radius: 4px;
     overflow-y:unset;
     display:none;
     z-index: 999;
     position: absolute;
     width: 100%;
 }
.search_result li{
    list-style: none;
    background-color: #fff;
    padding: 10px 0px 10px 20px;
    margin: 0 0 0 0px;
    color: #0896D3;
    cursor: pointer;
    transition:0.3s;
    min-width: 100px;
}
.search_result li:hover{
    background: #FFDB2D;
}
.search_result a:hover{
    text-decoration: none;
}
.nav__top__search li{
    z-index: 999999 !important;
}
.search_result_mob{
    background-color: #fff !important;
    border-radius: 4px !important;
    overflow-y:unset !important;

    z-index: 999999 !important;
    width: 90% !important;
    align-items: stretch !important;
    justify-content: flex-start;
    background-color: #fff !important;

}
.search_result_mob li{
    color: #ec4545;


}
.weather_article p{
    margin-bottom: 0px;
}
.weather_article img{
    margin-top: 0px;
    margin-bottom: 0px;
}
.country_article p{
    margin-top: 0px;
    margin-bottom: 0px;
}
.month_weather_links{
    width:745px;
    height:293px;
    background-color:#DCF0FF;
    padding:5px 0px 5px 5px;
    margin-top: 20px;
}
.month_weather_links a{
    display: block;
    background-color: #fff;
    font-size: 18px;
}
.month_weather_links img{
    float: left;
    width:44px;
    height:44px;
    margin-top: 5px;
    margin-right: 10px;
}
.month_weather_links_temp_day{
    float: left;
    margin-top:20px;
}
.month_weather_links a{
    width:180px;
    height:91px;
    padding:8px;
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
}
@media screen and (max-width: 760px) {

    .month_weather_links{
        height:298px;
        width:320px;
    }
    .month_weather_links a{
        width:100px;
        height:68px;
        padding:8px;
        font-size: 16px;
    }
    .month_weather_links img{
        width:34px;
        height:34px;
        margin-right: 5px;
    }
    .month_weather_links_temp_day{
        margin-top:14px;
    }

}


.menuLimiter .menu {
    display: flex;

    font-size: 16px;
}

.menuLimiter .menu-item {
    margin-right: 15px;
    color:#0f6883;
}
.menuLimiter .menu-item div{
    white-space: nowrap;
}
.menuLimiter span{
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
}


.menuLimiter .menu-item:last-child {
    margin-right: 0;
}
.menuLimiter .img_tab_weather{
    width:40px;
    height: 40px;
}
.menuLimiter .menu li{
    display: block;
    justify-content: center;
    align-items: center;
    width:61px;
    flex-direction: column;

}
.menuLimiter .menu li div{


}
.menuLimiter .menuLimiterSpan{
    width:70px;
    padding: 8px;
    border-radius: 3px;
}

@media screen and (max-width: 760px) {

    .menuLimiter {
        -webkit-mask-image: linear-gradient(to left, transparent 5%, white 15%);
        mask-image: linear-gradient(to left, transparent 5%, white 15%);
    }
    .menuLimiter {
        width: 350px;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
        padding-bottom: 20px;

        margin-bottom: -20px;
    }
}









@media screen and (max-width: 510px) {
    .menuLimiter li{ margin-right: 15px; }
    .menuLimiter{
        width:300px;
    }
}
@media screen and (max-width: 470px) {
    .menuLimiter li{ margin-right: 25px; }
    .menuLimiter{
        width:350px;
    }
}
@media screen and (max-width: 430px) {
    .menuLimiter li{ margin-right: 25px; }
    .menuLimiter{
        width:350px;
    }
}
@media screen and (max-width: 450px) {
    .menuLimiter li{ margin-right: 14px; }
    .menuLimiter{
        width:600px;
    }
}

@media screen and (max-width: 426px) {
    .menuLimiter li{margin-right: 6px; }
    .menuLimiter{
        width:400px;
    }
}
@media screen and (max-width: 380px) {
    .menuLimiter li{margin-right: 14px; }
    .menuLimiter{
        width:350px;
    }
}


@media screen and (max-width: 360px) {
    .menuLimiter li{margin-right: 11px; }
    .menuLimiter{
        width:350px;
    }
}

.menuWrapper {
    /* Спрячем всё, что выходит за границы родителя */
    overflow: hidden;
}
.main-info,.main-info2{
    margin-bottom: 40px;
}

.main-info__img{
    display: flex;
    margin-right: 150px;
    flex-direction: column;
    align-items: center;
}
.detail-day-weather .main-info__img img{
    width:150px;
    height:150px;
}
.date_weather{
    font-size: 16px;

}
.temp_weather{
    font-size: 30px;
    margin-bottom: 5px;
    margin-top: 5px;
}
.rainfall_weather{
    font-size: 16px;
    margin-top: 6px;
}
.main-info__img_desctop{
    display: flex;
}

.date_weather{
    margin-bottom: 5px;
}

.main-info__img img{
    order: 0;
}

    .main-info__img {
        order: 2;
        margin-bottom: 20px;
        margin-right: 0px;
    }
    .detail-day-weather .main-info__img img{
        width:90px;
        height:90px;
        margin-right: 20px;
    }
    .main-info__data-wrap {
        order: 3;
    }
    .date_weather{
        margin-top: 6px;
        margin-bottom: 6px;
    }

    .main-info__title {
        order: 1;
    }


    .date_weather{
        order: 4;

    }
    .temp_weather{
        order: 2;
    }
    .rainfall_weather{
        order: 3;
        margin-top: 0px;
    }
    .main-info__img_desctop{
        display: none;
    }
    .main-info__img_mob{
        display: flex;
        flex-direction: row;
    }
    .temp_weather{
        margin-bottom: 0px;
        margin-top: 0px;
    }

.menu-item {
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
}
.menuLimiterSpanitem{
    width:70px;
    padding: 2px;
}

.goto_search_tour {
    display: block;
    padding: 0 19px 0 19px;
    height: 48px;
    position: fixed;
    bottom: 12px;
    bottom: max(10px, env(safe-area-inset-bottom));

    background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #ec4545), to(#ec4545));
    background: -o-linear-gradient(top, #ec4545 20%, #ec4545 100%);
    background: linear-gradient(180deg, #ec4545 20%, #ec4545 100%);
    border: 1px solid #cd274b;
    -webkit-box-shadow: 0 4px 15px -10px rgba(0, 0, 0, 0.5);
    box-shadow: 0 4px 15px -10px rgba(0, 0, 0, 0.5);
    border-radius: 3px;
    z-index: 99;
    line-height: 45px;
    color: #fff;
    font-weight: 700;
    text-align: center;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    cursor:pointer;
    white-space:nowrap;
}
@media screen and (max-width: 450px) {
    .goto_search_tour {
        position: sticky;
    }
}



.detail-day-weather2 .main-info__img img{
    width:90px;
    height:90px;
    margin-right: 10px;
}
.icon_clouds_part_day img{
    width:40px;
    height:40px;
    margin-left: 10px;
}
.part_day{
    font-size: 24px;
}
.part_day_temp{
    font-size: 26px;
    margin-top: 10px;
}
.part_day_weather_up_row{
    display: flex;
    display: -webkit-flex;
}
.part_day_weather_row_feels_like{
    font-size: 14px;
    margin-top: 10px;
}
.part_day_weather_row_clouds_alt{
    font-size: 14px;
    margin-top: 10px;
}
.part_day_weather_blocks{
    display: flex;
    display: -webkit-flex;

}
.part_day_weather{
    margin-right: 20px;
}
.detail-day-weather2{
    margin-top: 0px;
}

.detail-day-weather2 .main-info__data-wrap {
    order: 2;
}
.detail-day-weather2 .main-info__img_mob {
    order: 1;
}
@media screen and (max-width: 450px) {
    .detail-day-weather2 .main-info__img img{
        width:90px;
        height:90px;
        margin-right: 20px;
    }
    .part_day{
        font-size: 20px;
    }
    .part_day_temp{
        font-size: 20px;
    }
    .part_day_weather_row_feels_like{
        margin-top: 5px;
    }
    .part_day_weather_row_clouds_alt{
        margin-top: 5px;
    }


    .detail-day-weather2  .part_day_weather_blocks_section{
        order: 3;
    }
    .main-info__title {
        order: 0;
    }
    .part_day_weather{
        margin-bottom: 20px;
    }
    .part_day_weather_row_clouds_alt{
        height: 20px;
    }


}
.part_day_weather_row_temp{
    width: 100px;
}
.part_day_weather_blocks_section{
    margin-top:10px;
}
.part_day_weather_blocks_section h3{
    margin-top:0px;
}
.detail-day-weather2 {
    margin-bottom: 0px;
}
@media screen and (min-width: 450px) {
    .part_day_weather_blocks_mor_day, .part_day_weather_blocks_evn_nig {
        display: flex;
        display: -webkit-flex;
    }


}
.link_blok_kurort_days a{
    font-size: 16px;
    display: inline;
    line-height: 27px;
    flex-wrap: wrap;
    text-decoration: none;
    border-bottom: 1px solid #0f6883;
    margin-right: 20px;
}
.link_blok_kurort_days span{
    font-size: 16px;
    padding-right: 10px;
    display: inline;


    line-height: 27px;
    flex-wrap: wrap;
}
.link_blok_kurort_days{
    margin-bottom: 5px;
    width:100%;
}
.goto_search_hot_tour{
    font-size: 16px;
    color:#fff;
    cursor: pointer;
    font-weight: 600;
}

.c_kurort_weather h3{
    font-size: 24px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
}
.c_kurort_weather h4{
    font-size: 16px;
    font-weight: bold;
    font-family: Lato;
    margin-bottom: 10px;
    padding-top: 5px;
}
.c_kurort_weather img{
    margin-top: 0px;
    margin-right: 10px;
    margin-bottom: 3px;
    width:80px;
    height:80px;

}
.c_kurort_weather .temp_weather{
    font-size: 36px;
}
.c_kurort_weather_main_temp{
    display: flex;
    flex-direction: row;
}

.c_kurort_weather_main, .c_kurort_weather_detailed{
    margin-right: 30px;
}
.c_kurort_weather_item, .c_kurort_weather_links_blocks, .c_kurort_weather_month_main{
    display: flex;
    flex-direction: row;
}
.c_kurort_weather_links a{
    font-size: 16px;
    margin-bottom: 12px;
    margin-right: 14px;
    line-height: 24px;

}
.c_kurort_weather_links span{
    font-size: 16px;
    margin-bottom: 12px;
    margin-right: 14px;
}
.c_kurort_weather_links_block1, .c_kurort_weather_links_block2{
    display: flex;
    flex-direction: column;
}
.c_kurort_weather_links_block1{
    margin-right: 15px;
}
.c_kurort_weather_detailed_rows{
    margin-bottom: 8px;
}
.kurort-citys{
    margin-bottom: 0px;
}
.c_kurort_weather_item{
    margin-bottom: 15px;
}
.rainfall_weather_desctop{
    font-size: 16px;
}
@media screen and (min-width: 450px) {
    .rainfall_weather_mobile{
        display: none;
    }
    .rainfall_weather_desctop{
        display: block;

    }
}
.links_country_monthes a{
    margin-right: 18px;
    line-height: 26px;
    font-size: 16px;
}
.c_kurort_weather_detailed_rows .main-info__data-wrap__data__img{
    margin-right: 10px;
}
.c_kurort_weather_links{
    margin-bottom: 18px;
}
@media screen and (max-width: 450px) {
    .c_kurort_weather_item{
        display: block;

    }
    .links_country_monthes{
        margin-bottom: 32px;
    }
    .c_kurort_weather_detailed, .c_kurort_weather_links{
        margin-top: 15px;
    }
    .c_kurort_weather{
        margin-bottom: 32px;
    }

    .rainfall_weather_mobile{
        display: block;
    }
    .rainfall_weather_desctop{
        display: none;
    }
    .c_kurort_weather_month_main{
        display: block;
    }
    .links_country_monthes a{
        line-height: 24px;
    }

    .c_kurort_weather_month_item .c_kurort_weather_links span{
        font-weight: bold;
        line-height: 36px;
    }
    .h1_title_contry_weather{
        font-size: 22px;
    }
    .days_weather_h1{
        order: 3;
    }
}

.c_kurort_weather_month_sunny_rainy img{
    width: 34px;
    height: 34px;
    margin-top: 0px;
    margin-bottom: 3px;
}
.c_kurort_weather_month_sunny_rainy{

}
.c_kurort_weather_month_detailed{
    margin-right: 20px;
}
.c_kurort_weather_month_days_weather{
    display: flex;
    justify-content: left;
    align-items: center;
}
.c_kurort_weather_month_days_weather span{
    margin-left: 10px;
}
.c_kurort_weather_month_item .c_kurort_weather_links{
    margin-top: 10px;
}
.c_country_weather_links{
    margin-bottom: 10px;
    line-height: 36px;
    font-weight: bold;
    font-size: 16px;

}

.c_kurort_weather_month_item h3{
    font-size: 24px;
}
.c_kurort_weather_month_item .c_kurort_weather_links span{
    margin-bottom: 10px;
}
.c_kurort_weather_month_item, .c_kurort_weather, .links_country_monthes{
    margin-bottom: 36px;
}


.hour_weather_kurort_items{
    display: flex;
    flex-direction: row;
    border-top: #9B9B9B solid 1px;
}



.hour_weather_item_up img{
    width: 50px;
    height: 50px;
    margin-left: 25%;
    margin-top: 12px;
}
.hour_weather_item_3hours{
    width: 95px;
}

.hour_weather_item_time{
    background-color: #F3F3F3;
    height:44px;
    padding-top:12px;
    display: flex;
    justify-content: center;
}
.hour_weather_item_time_item{
    width: 95px;display: flex;justify-content: center;font-size:18px;

}
.hour_weather_item_time_item sup{
    font-size:12px;
}
.hour_weather_item_up{

}
.hour_weather_item_time span{
    font-size: 16px;
    margin-bottom: 5px;
    display: block;
}
.hour_weather_item_down{
    height: 112px;
    display: table-cell;
    vertical-align: bottom;
}
.hour_weather_item_down_temp{
    font-size: 22px;
    display: flex;
    justify-content: center;
    margin-top: 5px;
    margin-bottom: 10px;
}
.hour_weather_item_down_block, .hour_weather_item_wind_degree_block, .hour_weather_item_hour_block{
    width: 95px;
    vertical-align: bottom;
}
.hour_weather_kurort_items{
    background-color: #F6FDFF;
}
.hour_weather_title{
    margin-bottom: 5px;
}

.hour_weather_kurort_items2{
    display: flex;
    flex-direction: row;
    border-top: #9B9B9B solid 1px;
    background-color: #F6FDFF;
}
.hour_weather_item_time_item2 {
      width: 97px;
      justify-content: center;
      display: flex;
    font-size: 16px;
  }

.hour_weather_item_time_item2 sup{
    font-size: 13px;
}
@media screen and (max-width: 811px) {

    .hour_weather_kurort_items{
        overflow: scroll;
        -ms-overflow-style: none;  /* IE 10+ */
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
        -webkit-mask-image: linear-gradient(to left, transparent 5%, white 9%);
        mask-image: linear-gradient(to left, transparent 5%, white 9%);
    }
    .hour_weather_kurort_items2{
        display: inline-flex;
    }
    .hour_weather_item_time2 {
        display: inline-flex;
    }
    .hour_weather_item_time_item2 {
        width: 59px;
        justify-content: center;
        display: flex;
    }


    .hour_weather_kurort_items_parent{
        overflow: scroll;
        -ms-overflow-style: none;  /* IE 10+ */
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }
    .hour_weather_title{
        font-size: 16px;
    }
    .hour_weather_item_down_block, .hour_weather_item_wind_degree_block{
        width: 57px;
    }

    .hour_weather_item_up img{
        width: 40px;
        height: 40px;
    }
    .hour_weather_item_time span{
        font-size: 16px;
    }
    .hour_weather_item_down_temp {
        margin-left: 16%;
        font-size: 18px;
    }
    .hour_weather_item_down_block_empty{
        height: 100%;
        width:25px;
    }


}

.actual_date_time{
    font-family: Montserrat;
    font-size: 18px;
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 27px;
    width: 100%;
}
.wind_direction_arrow{
    margin-bottom: 15px;

}
.hour_weather_item_wind_degree_block, .hour_weather_item_hour_block{
    display: flex;
    justify-content: center;
    height: 22px;
    margin-top: 22px;
    font-size: 18px;

}
.hour_weather_item_descr{
    display: flex;
    height: 35px;
    align-items: center;
    margin-top: 10px;
}
.hour_weather_item_descr div{
    margin-right: 10px;
}
.hour_weather_item_down_block_uvindex{
    display: flex;
    align-items: flex-end ;
    justify-content: center;
    padding-bottom: 9px;
    font-size: 22px;
}
.hour_weather_lightday{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    font-size: 22px;
    border-bottom: solid 1px #9B9B9B;
    padding-bottom: 10px;

}
.hour_weather_sunrise_sunset{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    font-size: 22px;
    margin-top: 15px;
}
@media only screen and (device-width: 450px) and (orientation:landscape) {
    .ads_block_mobile{
        width: 320px;
    }
}
.hour_weather_item_14days .hour_weather_item_up img{
    width: 35px;
    height: 35px;
}
.hour_weather_item_14days  .hour_weather_item_down_temp_night_icon img{
    width: 35px;
    height: 35px;
}
.hour_weather_item_14days .hour_weather_item_down_block{
    width: 58px;
    margin-right: 0px;
}
.hour_weather_item_14days .hour_weather_item_down{
    height:auto;
    display: flex;
    justify-content: center;
}
.hour_weather_item_14days .hour_weather_item_down_temp {
    font-size: 18px;

}
.hour_weather_item_down_night_temp{
    font-size: 18px;
    display: flex;
    justify-content: center;
    color: #083052;
    padding-top: 15px;
}
.weather_tile_weekend_new{

}
.hour_weather_item_14days{
    background-color: #F6FDFF;
}
.hour_weather_item_14days  .hour_weather_item_time{
    display: flex;
    align-items: center;
    flex-direction: column;
    padding-bottom: 10px;
}
.hour_weather_item_down_night_temp, .hour_weather_item_14days{

}
.hour_weather_item_14days{
    padding-bottom: 20px;
    justify-content: space-between;
    align-items: center;
    display: flex;
    flex-direction: column;
}
.day_week_weekend{
    color:#ec4545;

}
.hour_weather_item_14days .hour_weather_item_time span{
    font-size: 14px;
    margin-bottom: 0px;
    font-weight: bold;
}

.hour_weather_color_hour_block{
    width: 95px;
}
.hour_weather_item_hour_block{
    margin-bottom: 15px;
    margin-top: 12px;

}
.hour_weather_item_hour_descr_block{
    height: 5px;

}
.hour_weather_item_hour_descr_block div{
    left:20px;
    position: absolute;
}

.hour_weather_kurort_items_day{
    bolder:solid 1px #ccc !important;
}
.hour_weather_item_day img{
    width:57px;
    height:57px;
    margin-left: 22%;
    margin-top: 10px;
}
.hour_weather_item_14days:hover{
    background-color: #D0F5FF;
}
.hour_weather_kurort_days_section{
    margin-bottom: 60px;
}
@media screen and (max-width: 450px) {
    .hour_weather_item_day img {
        width: 35px;
        height: 35px;
    }

    .hour_weather_item_hour_block {
        width: 59px;
    }
    .hour_weather_color_hour_block{
        width: 59px;
    }
    .hour_weather_item_time2{
        overflow: auto;
    }

}
.hour_weather_item_hour_block_humidity{
    height:40px;
    margin-bottom: 20px;
}
.hour_weather_item_hour_block_cloudcover{
    height:40px;
}
.link_blok_kurort_days2 span,a{


}
.link_blok_kurort_days2 {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 100%;
    min-height: 200px;
    overflow-x: auto;
}
.link_blok_kurort_days2_item{
 margin-right: 15px;
    height: 20px;
}
.hour_weather_kurort_items3{
    -webkit-overflow-scrolling: touch;
    overflow-x: scroll;
    overflow-y: hidden;
    width: 600px;
}



.hour_weather_kurort{


}

.hour_weather_kurort{
    margin-bottom: 30px;
}
@media screen and (max-width: 759px){
    .hour_weather_kurort {
        width: 700px;
    }
}
@media screen and (max-width: 710px){
    .hour_weather_kurort {
        width: 650px;
    }
}
@media screen and (max-width: 650px){
    .hour_weather_kurort {
        width: 590px;
    }
}
@media screen and (max-width: 590px) {
    .hour_weather_kurort {
        width: 530px;
    }
}
@media screen and (max-width: 530px) {
    .hour_weather_kurort {
        width: 470px;
    }
}
@media screen and (max-width: 470px) {
    .hour_weather_kurort {
        width: 420px;
    }
}

@media screen and (max-width: 420px) {
    .hour_weather_kurort {
        width: 360px;
    }
}
@media screen and (max-width: 430px) {
    .hour_weather_kurort {
        width: 360px;
    }
}
@media screen and (max-width: 360px) {
    .hour_weather_kurort {
        width: 320px;
    }
}
@media screen and (max-width: 320px) {
    .hour_weather_kurort {
        width: 290px;
    }
}
@media screen and (max-width: 811px) {
    .hour_weather_kurort {
        overflow: hidden;
    }
}

.hour_weather_kurort_items3 {
    -webkit-overflow-scrolling: touch;
    overflow-x: scroll;
    overflow-y: hidden;
    width: 600px;
}





.section_weather .hour_weather_kurort_menu {
    margin-bottom: 20px;
}
.hour_weather_kurort_menu {

    margin-top: 10px;
}

.hour_weather_kurort_menu .hour_weather_kurort_menu_items {

}
.hour_weather_kurort_menu_items {

}

.hour_weather_kurort_menu_items a{
    font-size: 16px;
    margin-right: 8px;
    border: solid 1px #0c5460;
    padding:6px 16px;
    border-radius: 4px;
    color: #0c5460;
    margin-bottom: 8px;
    display: block;
    float: left;
}
.hour_weather_kurort_menu_items .hour_weather_kurort_menu_items_active{
    color: #fff;
    background-color: #0c5460;
}


.day-weather{
    display: flex;
    flex-direction: column;
    margin-top: 40px;
}
.day-weather__title{
    font-size: 18px;
    font-family: Montserrat;
    color: #3C3C3C;
    font-weight: bold;
}
.day-weather__mainindicators{
    display: flex;
    margin-top: 18px;
}
.day-weather__iconweather{}
.day-weather__shortweather{
    margin-left: 14px;
    font-family: Montserrat;
    color: #3C3C3C;
    margin-top: 6px;
}
.day-weather__temprange{
    font-size: 24px;
    font-weight: 500;
}
.day-weather__indicatoritemtext{
    font-size: 16px;

}
.day-weather__indicatoritem_row{
    display: flex;
    justify-content: space-between;
}
@media screen and (max-width: 340px) {
    .day-weather__indicatoritemtext{
        font-size: 14px;
    }
}
.day-weather__precip{
    margin-top: 10px;
    font-size: 16px;
    flex-wrap: wrap;
}
.day-weather__allindicators{
    display: flex;
    flex-wrap: wrap;
    margin: 18px 0px 9px;
}
.day-weather__allindicatorscolumn{
    padding: 0px 0px;
}
.day-weather__indicatoritem{
    display: flex;
    line-height: 18px;
    padding: 3px 0px;
    margin-right: 40px;
}
.day-weather__indicatoritemimg{
    margin-right: 10px;
}
.day-weather__indicatoritemimg svg {
    width: 22px;
    height: 22px;
}
.day-weather__indicatoritemimg svg path{
    fill:#EC4545 ;
}
.day-weather__indicatoritemimg_stroke  svg path{
    fill:none ;
    stroke:#EC4545 ;
}
.day-weather__sunrise{
    margin-right: 12px;
}
.link_weather_hourly{
    text-decoration: underline;
}
.cache_back_img img{
    width: 100%;height: 90px;
    cursor: pointer;
}
@media screen and (max-width: 760px) {
    .cache_back_img  img{
        width: 100%;
        height: 80px;
    }
}
@media screen and (max-width: 420px) {
    .cache_back_img  img{
        width: 100%;
        height: 50px;
    }
}
@media screen and (max-width: 380px) {
    .cache_back_img img{
        width: 100%;
        height: 45px;
    }
}
@media screen and (max-width: 320px) {
    .cache_back_img img{
        width: 100%;
        height: 42px;
    }
}

/*hotels*/
.hotels {
    margin-top: 25px;
}
.hotels p{
    margin: 0;
}



.hotel-icons,.hotel-description,.hotel-attr,.hotel-price-button{
    font-family: Lato;
}
.hotels img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.hotels a {
    text-decoration: underline;
}

/*Брейепоинты для высоты картинок в слайдере*/


.hotel {
    margin-bottom: 50px;
    padding-bottom: 30px;
}

.hotel-stars {
    display: flex;
    flex-direction: row;
    margin-bottom: 5px;

}

.hotel-star {
    width: 40px;
    height: 37px;
    background-size: auto;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url(../img/star.svg);
}

.hotel-star1 {
    margin-right: 3px;
}

.hotel-star2 {
    margin-right: 3px;
}

.hotel-star3 {
    margin-right: 3px;
}

.hotel-star4 {
    margin-right: 3px;
}

.hotel-star5 {
    margin-right: 3px;
}

article .hotels img {
    margin-bottom: 0px;
    margin-top: 0px;
}
.hotel-icon {
    display: flex;
    flex-direction: row;
    height: 20px;
    align-items: center;
    margin-right: 25px;
    margin-bottom: 22px;
}
.hotel-icon img {
    width: 22px;
    height: 22px;
    color: #3C3C3C;
}
.hotel-title {
    font-family: Montserrat;
    font-weight: bold;
    font-size: 18px;
    line-height: 17px;
    color: #0f6883;
    margin-bottom: 10px;
}
.hotel-country-kurort{
    font-size: 16px;
    color: #3C3C3C;
    margin-bottom: 10px;
}



.hotel-icons {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 5px;
}



.hotel-icon-title {
    margin-left: 10px;
}

.hotel-description {
    color: #3C3C3C;
    padding-left: 8px;
    padding-right: 8px;
}
.hotel-description_toggle{
    color: #0F6883;
    border-bottom: 1px dashed #0F6883;
    text-decoration: none !important;

}
.hotel-description_toggle_container{
    margin-bottom: 20px;
    padding-right: 8px;
    display: flex;
    justify-content:flex-end;
}
.hotel-description {
    overflow: hidden;
    position: relative;
}
.hotel-description.hide {
    height: 80px;
}
.hotel-description.hide:after{
    content: "";
    display: block;
    height: 40px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 75%)
}



.hotel-price-button {
    width: 100%;
    font-family: Lato;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    display: flex;
}
.hotel-price-button a {
    text-decoration: none;
    width: 199px;
    height: 50px;
    background: #007DCC;
    border-radius: 3px;
    padding: 16px 33px 14px 33px;
    font-family: Lato;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    text-align: center;
    color: #F3F3F3;
    display: block;
    margin-right: 10px;
}
.hotel-price-button span {
    text-decoration: none;
    width: 199px;
    height: 50px;
    background: #007DCC;
    border-radius: 3px;
    padding: 16px 33px 14px 33px;
    font-family: Lato;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    text-align: center;
    color: #F3F3F3;
    display: block;
    margin-right: 10px;
}

.hotel-price-button span {
    cursor: pointer;
}
.hotel-price-button-text{
    width: 72%;
    border: dashed  1px #ccc;
    border-radius: 3px;
    padding:  8px ;
    color: #3C3C3C;

}
.hotel-rewievs {
    display: flex;
    font-style: normal;
    font-size: 20px;
    color: #3B3B3B;
}

.hotel-rewievs-likes {
    display: flex;

    margin-right: 18px;
    border:  dotted 2px;
    border-radius: 3px;
    padding: 7px 18px 6px 18px;
}
.hotel-rewievs-rating_text, .hotel-map-link_text{
    font-weight: bold;
    color: #0f6883;
    cursor: pointer;
}
.hotel-rewievs-rewievs {
    height: 28px;
    font-weight: bold;
    padding-top: 9px;
    margin-right: 18px;
}
.hotel-rewievs-rewievs span{
    cursor:pointer;
    color: #0f6883;
    border-bottom: solid 1px;
    margin-bottom: -1px;

}

.hotel-rewievs-like img {
    width: 26px;
    height: 26px;
}

.hotel-rewievs-like {
    margin-right: 8px;
}



.hotel-attr {
    display: flex;
    margin-bottom: 20px;
}

.hotel-img {
    min-width: 0;
}

.image_hotel_slider img {
    width: 100%;
}

.swiper-button-next:after, .swiper-button-prev:after {
    color: #fff;
    font-weight: bold;

}
.swiper-button-next:after{
    padding: 100px 15px 100px 110px;
    margin: 0px 0px 0px -100px;
}
.swiper-button-prev:after{
    padding: 100px 110px 100px 15px;
    margin: 0px -100px 0px 0px ;
}

#hotels_listing_count_load{
    width: 100%;
    height: 50px;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    margin-top: 40px;
    padding: 0px 5px 0px 5px;
}
#hotels_listing_count_load div{
    width: 100%;
    height: 100%;
    background-color: #ec4545;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
}
#hotels_listing_count_load span{
    border-bottom: 2px dashed #fff;
}

.hotel-rewievs-rating{
    margin-right: 7px;
    font-weight: bold;
    margin-top: 5px;
}
.hotel-rewievs-rating_text {
    margin-top: 5px;
}
.hotel-rewievs-rewievs {
    padding-top: 13px;
}

.hotel-stars-block{
    display: flex;

}
.hotel-map-link img{
    width: 40px;
    height: 30px;
    margin-right: 7px;
}

.best-hotels .sidebar__select-countries a{
    font-size: 18px;
}
@media screen and (max-width: 380px) {
    .hotel-star {
        width: 24px;
        height: 22px;
    }
    .hotel-stars {
        padding-left: 5px;
    }
    .hotel-rewievs-likes {

    }
    .hotel-rewievs-rewievs {
        height: 26px;
    }
    .hotel-rewievs {
        font-size: 13px;
    }
    .hotel-attr {
        padding-right: 5px;
    }
    .swiper-button-next:after, .swiper-button-prev:after {
        font-size: 24px;
    }
}
@media screen and (max-width: 310px) {
    .hotel-star {
        width: 22px;
        height: 21px;
    }

    .hotel-stars {
        padding-left: 5px;
    }

    .hotel-rewievs-likes {
        padding-right: 5px;
    }

    .hotel-rewievs-rewievs {
        height: 26px;
    }


    .hotel-rewievs-like {

    }

    .hotel-rewievs {
        font-size: 12px;
    }

    .hotel-attr {
        padding-right: 5px;
    }

    .swiper-button-next:after, .swiper-button-prev:after {
        font-size: 20px;
    }
}
@media (max-width: 767px) {
    .best-hotels {
        margin-top: calc(20px + 82 * ((100vw - 320px) / 1280));
    }
}
@media (min-width: 767px) {
    .best-hotels {
        margin-top: calc(20px + 20 * (100vw / 1280));
    }
}

.best-hotels h1 {
    margin: 15px 0 0px;
    padding-top: 0px;
}
.best-hotels h2 {
    margin-top: 0px;
}
.hotel_container h2 {
    font-size: 16px;
    padding-top: 0px;
    padding-bottom: 0px;
    color: #5d5d5d;
}
@media (max-width: 767px) {
    .best-hotels h1 {
        font-size: calc(18px + 8 * ((100vw - 320px) / 1280));
    }
    .hotel_container h2{
        font-size: calc(14px + 2 * ((100vw - 320px) / 1280));
    }
    .hotel {
        margin-bottom: calc(20px - 20 * ((100vw - 320px) / 1280));

    }
    .swiper-button-next:after{
        padding: 20px 0px 20px 30px;
        margin: 0px 0px 0px -20px;
    }
    .swiper-button-prev:after{
        padding: 20px 30px 20px 0px;
        margin: 0px -20px 0px 0px ;
    }
}
@media (min-width: 767px) {
    .best-hotels h1 {
        font-size: calc(20px + 5 * (100vw / 1280));
    }
}

@media screen and (max-width: 1024px) and (max-width: 767px) {
    .best-hotels {
        margin-top: calc(0px + 0 * ((100vw - 320px) / 1280));
    }
}
@media screen and (max-width: 1024px) and (min-width: 767px) {
    .best-hotels {
        margin-top: calc(0px + 40 * (100vw / 1280));
    }
}
@media screen and (max-width: 1024px) {
    .best-hotels h1 {
        margin: 15px 0 0px;
    }
}
@media (max-width: 1024px) {
    .hotel_head_container .sidebar__search{
        display: flex;
    }
}
@media (max-width: 767px) {
    .hotel_head_container .sidebar__search{
        display: none;
    }
    .hotel-title {
        font-size: calc(17px + 18 * ((100vw - 320px) / 1280));
        margin-bottom: calc(5px + 10 * (100vw / 1280));
    }
    .hotel-country-kurort {
        font-size: calc(14px + 2 * ((100vw - 320px) / 1280));
        margin-bottom: calc(5px + 10 * (100vw / 1280));
    }
    .hotel-star {
        height: calc(39px + 10 * (100vw / 1280));
        width: calc(27px + 10 * (100vw / 1280));
    }
    .hotel-stars{
        margin-bottom: calc(0px + 5 * (100vw / 1280));
    }
    .hotel-icon-title  {
        font-size: calc(16px + 3 * ((100vw - 320px) / 1280));
    }
    .hotel-description  {
        font-size: calc(16px + 3 * ((100vw - 320px) / 1280));
    }
    .hotel-description_toggle  {
        font-size: calc(16px + 3 * ((100vw - 320px) / 1280));
    }
    .hotel-icon img {
        height: calc(22px + 4 * (100vw / 1280));
        width: calc(22px + 4 * (100vw / 1280));
    }
    .hotel-rewievs{
        font-size: calc(16px + 3 * ((100vw - 320px) / 1280));
    }
    .hotel-rewievs-like img {
        width: calc(22px + 5 * (100vw / 1280));
        height: calc(22px + 5 * (100vw / 1280));

    }
    .hotel-map-link img{
        width: calc(33px + 7 * (100vw / 1280));
        height: calc(23px + 7 * (100vw / 1280));
    }
    .hotel-icon {
        margin-right: calc(10px + 15 * (100vw / 1280));
    }
    .hotel-rewievs-likes,.hotel-rewievs-rewievs{
        margin-right: calc(12px + 6 * (100vw / 1280));
    }
}
@media (min-width: 767px) {
    .hotel-title {
        font-size: calc(18px + 4.8  * (100vw / 1280));
    }
    .hotel-country-kurort {
        font-size: calc(14px + 2  * (100vw / 1280));
    }
    .hotel-icon-title  {
        font-size: calc(16px + 2 * ((100vw - 320px) / 1280));
    }
    .hotel-description  {
        font-size: calc(16px + 2 * ((100vw - 320px) / 1280));
    }
    .hotel-description_toggle  {
        font-size: calc(16px + 2 * ((100vw - 320px) / 1280));
    }
    .hotel-icon img {
        height: calc(22px + 4 * (100vw / 1280));
        width: calc(22px + 4 * (100vw / 1280));
    }
    .hotel-rewievs{
        font-size: calc(16px + 3  * (100vw / 1280));
    }
}


.hotel_container article{
    max-width: 760px;
}

.search_bar_header_hotels{
    margin-top: 0px;
    margin-right: 30px;
}
.hotel_head_container .burger-menu{
    display: flex  !important;
}
.hotel_head_container .burger-menu span {
    margin-top: 7px !important;
}

.header_menu_search{
    display: flex;
}

.hotel-map-link a{
    display: flex;
}
.hotel-map-link{
    padding-top: 6px;
    cursor: pointer;
}
.hotel-map-link_text{
    padding-top: 6px;
}

@media screen and (max-width: 1200px) {
    .hotel-title,.hotels_listing_count_load,.hotel-country-kurort,.hotel-attr,.hotel-icons,.hotel-price-button,.best-hotels .bread-crumbs,.hotel_container h1,.hotel_container h2,.sidebar__select-countries {
        padding-left: 5px;
        padding-right: 5px;
    }

}
@media (max-width: 767px) {
    .hotel-attr,.hotel-icon {
        margin-bottom: 15px;
    }
    .hotel-price-button{
        display: block;
    }
    .hotel-price-button-text{
        width: 100%;
    }
    .hotel-price-button a  {
         margin-bottom: 8px;
         height: 42px;
         padding-top: 11px;
         width: 100%;
     }
    .hotel-price-button span {
        margin-bottom: 8px;
        height: 42px;
        padding-top: 11px;
        width: 100%;
    }
}
@media (max-width: 650px) {


    .hotel-rewievs-likes{
        padding: 6px 12px 4px 12px;
    }
    .hotel-rewievs-rewievs{

    }
    .hotel-map-link{
        padding-top: 5px;
    }
    .hotel-rewievs{
        flex-wrap: wrap;
    }
    .hotel-map-link_text{
        padding-top: 8px;
    }

        .hotel-icons{
            padding-left: 8px;
            padding-right: 8px;
        }

}

@media (max-width: 418px) {
    .hotel-rewievs-likes{
        margin-bottom: 5px;
    }
}
@media (max-width: 620px) {
    .hotel-rewievs-likes{

    }
}
@media (max-width: 366px) {
    .hotel-map-link{
        margin-left: 5px;
    }
}
@media (max-width: 760px) {
    .best-hotels .bread-crumbs .bread-crumbs__nav_inline li{
        font-size: calc(16px + 2 * ((100vw - 320px) / 1280));
    }
}


.hotel-price-button-text p{
    line-height: 1;
}
.sidebar__select-countries a{
    float:left;
    font-size:16px;
    margin-left:10px;
    font-family: Lato;
}
.sidebar__select-countries span{
    float:left;
}


.hotels_loader {
    display: none;
    justify-content:center;
    flex-direction: row;
    width: 100%;
    align-items: center;
}
.hotels_loader img{
    width: 100px;
    height: 100px;
}
#hotels_listing_load_status{
    display: none;
}
#hotels_compilation_id{
    display: none;
}
.goto_hotel_map{
    display: flex;
}
.hotels_compilation_links{
    font-size:16px;
}
@media screen and (min-width: 1200px) {
    .hotel-title{
        line-height: 25px;
    }
}
.count_hotels_loaded{
    display: none;
}

header .container .logo-weather img {
    width: calc(40px + 20 * ((100vw - 320px) / 1280));

}
.days_weather_h1_logo {
    font-size: calc(18px + 14 * ((100vw - 320px) / 1280));
    padding-left: calc(10px + 20 * ((100vw - 320px) / 1280));
    margin-top: 0px !important;
    margin-bottom: 0px;
    color: #FD8F31;
}
.item_aside_menu{
    height:30px;
    margin-bottom:8px;
    width: 360px;
    display: flex;
}
.img_country_kurort_weather{
    width: 30px;
    height: 30px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 5px;
}
.span_img_country_kurort_weather{
    line-height: 25px;

}
.select-citys--col2{
    display: flex;
}
.select-citys--col3{
    line-height: 25px;
}
.row_weather{
    display: flex;
}
.item_weather_day{
    width: 164px;
    height: 234px;
    background-color: #CDF0FF;
    margin-right: 6px;
    border-radius: 6px;
}
.weather_article_month {
    hyphens: auto;
    max-width: 100%;
}
.view_wrap_month {
    display: block;
}
.item_weather_day_date {
    font-size: 20px;
    font-weight: bold;
    width: 100%;
    text-align: center;
    margin-top:16px;

}
.item_weather_day_temp_day {
    display: flex;
    justify-content: center;
    margin-top: 18px;
}
.item_weather_day_temp_night {
    margin-top: 5px;
    display: flex;

    justify-content: center;
}
.item_weather_day_temp_water, item_weather_day_atmospheric_pressure {
    margin-top: 0px;
    display: flex;
    justify-content: center;

}
.item_weather_day_temp_day img, .item_weather_day_temp_night img{
    width: 56px;
    height: 56px;
    margin-top: 0px;
    margin-bottom: 0px;
}
.item_weather_day_temp_water img, item_weather_day_atmospheric_pressure img{
     width: 56px;
     height: 56px;
     margin-top: 0px;
     margin-bottom: 0px;
 }

.item_weather_day_descr_temp{
    font-size: 22px;
}
.item_weather_day_descr_text{
    margin-left: 6px;
    display:block;
    font-size: 15px;
}
.item_weather_day_descr{
    margin-top: 4px;
    margin-right: 10px;
    margin-left: 5px;
    display:flex;
    flex-direction: column;
    justify-content:center;
}
.item_weather_day_water_descr{
    margin-top: 4px;
    margin-right: 10px;
    display:flex;
    flex-direction: column;
    justify-content:center;
}
.item_weather_day_water_descr_text{
    margin-left: 6px;
    display:block;
    font-size: 15px;
}

.row_weather{
    margin-bottom: 6px;
}
.weather_wind_speed{
    font-size: calc(14px +  6 * ((100vw - 760px) / 1200));
}
.item_weather_day_descr_wind_speed{
    align-items: center;
    margin-top: 5px;
}
.header_table, .weather_kurort_menu_up_mobile{
    display: none;
}

.weather_kurort_menu_up_desktop{
    display: flex;
    flex-direction: column;
    margin-bottom: calc(16px  + 10 * ((100vw - 320px) / 1200));
}
.weather_kurort_menu_up_desktop_items{
    display: flex;
    flex-wrap: wrap;
}
.weather_kurort_menu_up_desktop a{
    font-size: calc(16px + 2 * ((100vw - 760px) / 760));
    margin-bottom: 8px;
    padding: 8px 16px;
    border:none;
    border-radius: 4px;
    background-color: #E4E4E4;
    color: #000000;
    width: calc(100px + 30 * ((100vw - 760px) / 760));
    margin-right: 8px;
    text-align: center;
}
.weather_kurort_menu_up_desktop_items span{
    font-size: calc(16px + 2 * ((100vw - 760px) / 760));
    margin-bottom: 8px;
    padding: 8px 16px;
    border:none;
    border-radius: 4px;
    background-color: #E4E4E4;
    color: #000000;
    width: calc(128px + 30 * ((100vw - 760px) / 760));
    margin-right: 8px;
    text-align: center;
    cursor: pointer;
}

.weather_kurort_menu_up_desktop_items .weather_kurort_menu_up_desktop_items_active{
    color: #fff;
    background-color: #EC4545;
}
.weather_kurort_menu_up_desktop:last {
    margin-bottom: 0px ;
    display: flex;
}
.bread_crumbs_month_mobile{
    border-bottom: solid 1px #E4E4E4;
    border-top: solid 1px #E4E4E4;
    width: 100%;
    padding-top: calc(16px + 8 * ((100vw - 760px) / 760));
    padding-bottom: calc(16px + 8 * ((100vw - 760px) / 760));
}

.bread_crumbs_month_mobile ul {
    margin-bottom: 0px;
    margin-bottom: 0px ;
    line-height: 0;
}
.bread_crumbs_month_mobile ul li {
    width: 100%;
    display: inline;
    padding-right: 5px;
    margin-bottom: 0px;
    line-height: 0;
    margin-bottom: 0px;
    color: #939393;
}
.bread_crumbs_month_mobile ul li a{
    font-family: 'Montserrat';
    color: #EC4545;
    font-size: calc(16px + 4 * ((100vw - 320px) / 760));
}
.desctop_hidden, .item_weather_day_main_block_opened{
    display: none;
}
.weekend_day_desktop{
    background-color: rgb(236, 69, 69);
    color: #fff;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;

}
.item_weather_day_desktop_detailed_block_header_sunrise{
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
}
.item_weather_day_desktop_detailed_block_header_sunrise svg{
    margin-right: 8px;
}
.item_weather_day_desktop_detailed_block_header_sunset svg{
    margin-left: 8px;
}
.item_weather_day_desktop_detailed_block_header_sunset{
    float: left;
    margin-left: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.item_weather_day_desktop_detailed_block_header_light_day{
    margin-right: 14px;

}
.item_weather_day_desktop_detailed_block_header_sunrise_sunset{
    margin-left: 14px;
}


@media (max-width: 428px) {

}
.days_weather_h1_month {
    margin-bottom: 20px;
    margin-top: 20px;
}
@media (max-width: 870px) {
    .item_weather_day_descr_wind_speed{
        margin-top: 0px;
    }
    .item_weather_day_descr_wind_speed{
        text-align: center;
    }
}
@media (max-width: 1200px) {

    .days_weather_h1_month {
        font-size: calc(22px + 14 * ((100vw - 320px) / 1200));
        margin-bottom: calc(14px  + 20 * ((100vw - 320px) / 1200));

    }
    .item_weather_day {
        width: calc(41px  + 167 * ((100vw - 320px) / 1200));
        height: calc(125px  + 141 * ((100vw - 320px) / 1200));
    }
    .item_weather_day_date{
        font-size: calc(14px + 13 * ((100vw - 760px) / 760));
    }

    .item_weather_day_temp_day img, .item_weather_day_temp_night img, .item_weather_day_temp_water img, .item_weather_day_atmospheric_pressure img{
        width: calc(40px + 32 * ((100vw - 760px) / 1200));
        height: calc(40px + 32 * ((100vw - 760px) / 1200));
    }
    .item_weather_day_descr_temp{
        font-size: calc(18px + 4 * ((100vw - 760px) / 1200));
    }
    .item_weather_day_descr_text{
        font-size: calc(13px + 2 * ((100vw - 760px) / 1200));
    }
    .weather_wind_speed{
        font-size: calc(14px + 6 * ((100vw - 760px) / 1200));
    }
    .view_wrap_month {
        margin-top: calc(16px  + 36 * ((100vw - 320px) / 1200));
    }

}
@media (max-width: 760px) {

    .row_weather{
        display: block;
        width: 100%;
        margin-right: 5px;
    }
    .weather_kurort_menu_up_desktop{
        display: none;
    }
    .header_table{
        display: flex;
        background-color: #D9D9D9;
        border-radius: 6px;
        font-size: calc(16px + 4 * ((100vw - 320px) / 320));
        font-weight: bold;
        margin-top: 5px;
        margin-bottom: 5px;
        width: 100%;
        margin-right: 5px;
    }
    .header_table_day{
        height: calc(20px + 30 * ((100vw - 320px) / 320));
        width: calc(70px + 30 * ((100vw - 320px) / 320));
        margin: 7px 0 7px 5px;
        margin-right: calc(0px + 80 * ((100vw - 320px) / 760));
        justify-content: center;
        align-items: center;
        display: flex;

    }
    .header_table_temp_day{
        height: calc(20px + 30 * ((100vw - 320px) / 320));
        width: calc(51px + 30 * ((100vw - 320px) / 320));
        margin: 7px 0 7px 6px;
        margin-right: calc(7px + 110 * ((100vw - 320px) / 760));
        justify-content: center;
        align-items: center;
        display: flex;

    }
    .header_table_temp_night{
        height: calc(20px + 30 * ((100vw - 320px) / 320));
        width: calc(51px + 30 * ((100vw - 320px) / 320));
        margin: 7px 0 7px 6px;
        margin-right: calc(13px + 110 * ((100vw - 320px) / 760));
        justify-content: center;
        align-items: center;
        display: flex;

    }
    .header_table_temp_water{
        height: calc(20px + 30 * ((100vw - 320px) / 320));
        width: calc(51px + 30 * ((100vw - 320px) / 320));
        margin: 7px 0 7px 6px;
        justify-content: center;
        align-items: center;
        display: flex;

    }

    .item_weather_day {
        width: 100%;
        height: calc(65px  + 30 * ((100vw - 320px) / 320));
        display: flex;
        margin-bottom: 5px;
        margin-right: 0px;
    }
    .item_weather_day_opened {
        width: 100%;
        height: calc(50px  + 30 * ((100vw - 320px) / 320));
        display: flex;
        margin-right: 0px;
        background-color: #ABC9D6;
        border-radius: 6px 6px 0 0;
        align-items: center;
        justify-content: space-between;
    }
    .mobile_hidden{
        display: none !important;
    }


    article img{
        width: calc(310px + 467  * ((100vw - 320px) / 760));
    }
    .weather_article img{
        width: calc(310px + 467 * ((100vw - 320px) / 760));
    }
    .item_weather_day_temp_day, .item_weather_day_temp_night, .item_weather_day_temp_water, .item_weather_day_atmospheric_pressure{
        display: block;
    }
    .item_weather_day_descr_text{
        display: none;
    }
    .item_weather_day_temp_day, .item_weather_day_temp_night, .item_weather_day_temp_water, .item_weather_day_atmospheric_pressure{
        margin-top: 0px;
        display: flex; /* Используем flexbox для центрирования */
        flex-direction: column; /* Устанавливаем вертикальное расположение элементов */
        align-items: center; /* Горизонтальное выравнивание по центру */
        justify-content: center; /* Вертикальное выравнивание по центру */
        margin-right: calc(10px + 100 * ((100vw - 320px) / 760));
        width: calc(65px + 13 * ((100vw - 320px) / 320));
        min-width:60px;
    }
    .item_weather_day_temp_day img, .item_weather_day_temp_night img, .item_weather_day_temp_water img, item_weather_day_atmospheric_pressure img{
        width: calc(31px + 40 * ((100vw - 320px) / 760));
        height: calc(31px + 40 * ((100vw - 320px) / 760));
    }
    .item_weather_day_date{
        width: calc(51px + 51 * ((100vw - 320px) / 760));

    }
    .item_weather_day_descr_temp {
        font-size: calc(18px + 4 * ((100vw - 320px) / 320));
    }
    .item_aside_menu{
        width: calc(320px + 467 * ((100vw - 320px) / 760));
    }
    .sidebar__weather-city a, .sidebar__weather-citys a{
        font-size: calc(16px + 2 * ((100vw - 320px) / 1200));
    }
    aside {
        width: calc(320px + 467 * ((100vw - 320px) / 760));
    }
    .about-weather img{
        width: calc(320px + 467 * ((100vw - 320px) / 760));
    }
    .item_aside_menu{
        width: 95%;
    }
    .sidebar{
        width: 95%;
    }
    .item_weather_day_date_mobile{
        display: flex; /* Используем flexbox для центрирования */
        flex-direction: column; /* Устанавливаем вертикальное расположение элементов */
        align-items: center; /* Горизонтальное выравнивание по центру */
        justify-content: center; /* Вертикальное выравнивание по центру */
        height: calc(51px + 30 * ((100vw - 320px) / 320));
        width: calc(51px + 30 * ((100vw - 320px) / 320));
        background-color: #ABC9D6;
        border-radius: 4px;
        margin: 7px 0 7px 6px;
        font-size: calc(15px + 4 * ((100vw - 320px) / 320));
        font-weight: bold;
        margin-right: calc(20px + 40 * ((100vw - 320px) / 760));
    }
    .item_weather_day_date{
        display: none;
    }
    .item_weather_day_date_opened{
        font-size: calc(16px + 13 * ((100vw - 320px) / 760));
        font-family: "Montserrat";
        font-weight: 500;
        margin-left:14px;

    }

    .bread_crumbs_month_mobile{
        padding-top: calc(16px + 8 * ((100vw - 320px) / 760));
        padding-bottom: calc(16px + 8 * ((100vw - 320px) / 760));
    }

    .weather_kurort_menu_up_mobile{
        display: flex;
        flex-direction: column;
    }
    .weather_kurort_menu_up_mobile_items{
        display: flex;
        flex-wrap: nowrap;
        margin-bottom: 8px;
    }
    .weather_kurort_menu_up_mobile a{
        font-family: 'Montserrat';
        font-size: calc(14px + 10 * ((100vw - 320px) / 760));
        padding-top: calc(12px + 8 * ((100vw - 320px) / 760));
        padding-bottom: calc(12px + 8 * ((100vw - 320px) / 760));
        padding-left: calc(16px + 16 * ((100vw - 320px) / 760));
        padding-right: calc(16px + 16 * ((100vw - 320px) / 760));
        border:none;
        border-radius: 4px;
        background-color: #E4E4E4;
        color: #000000;
        width: calc(97px + 253 * ((100vw - 320px) / 760));
        margin-right: 8px;
        text-align: center;
    }
    .a_display_none{
        display: none;
    }
    .weather_kurort_menu_up_mobile span{
        width: calc(309px + 759 * ((100vw - 320px) / 760));
        border-radius: 4px;
        background-color: #E4E4E4;
        color: #000000;
        text-align: center;
        padding-top: calc(12px + 8 * ((100vw - 320px) / 760));
        padding-bottom: calc(12px + 8 * ((100vw - 320px) / 760));
        padding-left: calc(16px + 16 * ((100vw - 320px) / 760));
        padding-right: calc(16px + 16 * ((100vw - 320px) / 760));
        font-size: calc(16px + 4 * ((100vw - 320px) / 760));
    }
    .weather_kurort_menu_up_mobile_items .weather_kurort_menu_up_mobile_items_active{
        color: #fff;
        background-color: #EC4545;
    }
    .weather_kurort_menu_up_mobile:last {
        margin-bottom: 0px ;
        display: flex;
    }
    .days_weather_h1_month{
        font-size: calc(20px + 8 * ((100vw - 320px) / 760));
        hyphens: none;

    }
    .item_weather_day {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }
    .checkmark {
        width: 20px;
        height: 20px;
        position: relative;
        /* Перемещаем элемент на 10px влево, чтобы сделать отступ справа */

        margin-right: calc(10px + 40 * ((100vw - 320px) / 760));
    }
    .checkmark_hidden {
        width: 20px;
        height: 20px;
        position: relative;
        /* Перемещаем элемент на 10px влево, чтобы сделать отступ справа */
        margin-right: calc(10px + 40 * ((100vw - 320px) / 760));
    }
    .checkmark::before,
    .checkmark::after {
        content: '';
        position: absolute;
        background-color: #ff6873;
    }
    /* Галочка, когда направлена вниз */
    .checkmark::before {
        width: 2.5px;
        height: 13px;
        top: 6px;
        left: 5px;
        /*transform: translateX(-50%) rotate(-45deg) translateY(5px);*/
        transform: translateX(-50%) rotate(-135deg) translateY(5px);
        border-radius: 2.5px;
    }

    .checkmark::after {
        width: 2.5px;
        height: 13px;
        top: 6px;
        left: 5px;
        /*transform: translateX(-50%) rotate(45deg) translateY(5px);*/
       transform: translateX(-50%) rotate(135deg) translateY(5px);
        border-radius: 2.5px;
    }


    .checkmark_opened{
        width: 20px;
        height: 20px;
        position: relative;
        /* Перемещаем элемент на 10px влево, чтобы сделать отступ справа */
        margin-right: calc(9px + 40 * ((100vw - 320px) / 760));
        display:none;
    }
    .checkmark_opened_white {
     width: 20px;
     height: 20px;
     position: relative;
     /* Перемещаем элемент на 10px влево, чтобы сделать отступ справа */
     margin-right: calc(9px + 40 * ((100vw - 320px) / 760));
     display:none;
    }
    .checkmark_opened::before,
    .checkmark_opened::after {
        content: '';
        position: absolute;
        background-color: #ff6873;
    }

    .checkmark_opened_white::before,
    .checkmark_opened_white::after {
        content: '';
        position: absolute;
        background-color: #fff;
    }
    /* Галочка, когда направлена вниз */
    .checkmark_opened::before{
        width: 2.5px;
        height: 13px;
        top: 0px;
        left: 5px;
        transform: translateX(-50%) rotate(-45deg) translateY(5px);
        border-radius: 2.5px;
    }

    .checkmark_opened::after{
        width: 2.5px;
        height: 13px;
        top: 0px;
        left: 5px;
        transform: translateX(-50%) rotate(45deg) translateY(5px);
        border-radius: 2.5px;
    }
    .checkmark_opened_white::before {
        width: 2.5px;
        height: 13px;
        top: 0px;
        left: 5px;
        transform: translateX(-50%) rotate(-45deg) translateY(5px);
        border-radius: 2.5px;
    }

    .checkmark_opened_white::after {
        width: 2.5px;
        height: 13px;
        top: 0px;
        left: 5px;
        transform: translateX(-50%) rotate(45deg) translateY(5px);
        border-radius: 2.5px;
    }
    .item_weather_day_lighting_day_mobile{
        display: flex;
        justify-content: space-between;
        width: 100%;
        font-size: 16px;
        margin-top: 20px;
    }
    .item_weather_day_lighting_day_mobile_sunrise{

        height: 30px;
        display: flex;
    }
    .item_weather_day_lighting_day_mobile_sunrise div{

        margin-right: 4px;
        margin-top: -2px;
    }
    .item_weather_day_lighting_day_mobile_sunset div{
        margin-top: -2px;
    }

    .item_weather_day_lighting_day_mobile_sunset{

        height: 30px;
        display: flex;
    }


    .item_weather_day_lighting_day_mobile svg{
        width: 24px;
        height: 18px;
        margin-left: 14px;

    }
    .item_weather_day_lighting_day_mobile_sunset svg{
        margin-right: 4px;
        margin-left: 4px;
    }
    .item_weather_day_main_block_opened{
        border: solid 1px #DDDDDD;
        border-radius: 0px 0px 6px 6px;
        margin-bottom: 5px;
        padding: 0px 5px 0px 5px;
    }
    .item_weather_day_clouds_mobile{
        display: flex;
        margin-top: 5px;
        border-bottom: 2px solid #D9D9D9;
        margin-bottom: -1px;
    }
    .item_weather_day_clouds_mobile img{
        width: 31px;
        height: 31px;
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .item_weather_day_clouds_mobile_morning_block{
        border-bottom: solid 2px #EC4545;
    }

    .item_weather_day_clouds_mobile_blocks{
        flex: 1;
        color: #000;
        font-family: Montserrat;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        flex-direction: column;
        display: flex;
        align-items: center;
        margin-bottom: -2px;
        padding-bottom: 8px;
    }
    .item_weather_day_clouds_mobile_morning_detailed_block,.item_weather_day_clouds_mobile_day_detailed_block,.item_weather_day_clouds_mobile_evening_detailed_block,.item_weather_day_clouds_mobile_night_detailed_block{
        display: flex;
        align-items: center;
        font-size: 16px;
        margin-left: 14px;
        margin-top: 20px;
    }
    .item_weather_day_clouds_mobile_morning_detailed_block img,.item_weather_day_clouds_mobile_day_detailed_block img,.item_weather_day_clouds_mobile_evening_detailed_block img,.item_weather_day_clouds_mobile_night_detailed_block img{
        width: 58px;
        height: 58px;
        margin-right: 23px;
        margin-bottom: 0px;
        margin-top: 0px;
    }
    .indicators_weather_block_mobile_row{
        display: flex;
        justify-content: space-between;
        line-height: 18px;
        margin-bottom: 12px;
    }
    .indicators_weather_block_mobile_icon_and_name{
        display: flex;
    }
    .indicators_weather_block_mobile{
        margin-left: 4px;
        margin-right: 14px;
        font-size: 16px;
        margin-top: 20px;
    }
    .indicators_weather_block_mobile_icon{
        width:34px;
        justify-content: center;
        display: flex;
    }
    .indicators_weather_block_mobile_icon svg path{
        fill: #EC4545;
    }
    .indicators_weather_block_mobile_icon svg{
        width: 22px;
        height: 22px;
    }
    .indicators_weather_block_mobile_icon_img{
        margin-bottom: 0px ;
        margin-top: 0px ;
        width: 20px;
    }
    .nofill_icon{
        fill: none !important;
    }
    .arrow_direction{
        font-size: 24px;
        line-height: 14px;
    }
    .indicators_weather_block_mobile_indicator{
        display: flex;
    }
    .indicators_weather_block_mobile_name{
        margin-left: 4px;
    }

    .indicators_weather_block_mobile{
        display:none;
    }
    .indicators_weather_block_mobile_partday_morning{
        display:block;
    }
    .indicators_weather_block_mobile_partday_day,.item_weather_day_clouds_mobile_day_detailed_block{
        display:none;
    }
    .indicators_weather_block_mobile_partday_evening,.item_weather_day_clouds_mobile_evening_detailed_block{
        display:none;
    }
    .indicators_weather_block_mobile_partday_night,.item_weather_day_clouds_mobile_night_detailed_block{
        display:none;
    }
    .tempc_part_of_day_mobile{
        font-family: Lato;
        font-weight: normal;
        margin-top: 2px;
        margin-bottom: 4px;
    }


}

.item_weather_day_desktop_detailed_block{
    display: none;
}
@media (min-width: 761px) {
    .item_weather_day_date_mobile{
        display: none;
    }
    .item_weather_day_date{
        display: block;
    }.item_weather_day_date_mobile_opened{
        display: none;
    }
    .item_weather_day_date_opened{
        display: block;
    }

    .item_weather_day_desktop_detailed_block{
        display: block;
        width: 100%;
    }
    .item_weather_day_desktop_detailed_block_header{
        display: flex;
        width: 100%;
        flex-wrap: wrap;
        height: 50px;
        font-family: Lato;
        font-size: 18px;
        font-weight: bold;
        padding-top: 14px;
        border-radius: 6px 6px 0 0;
    }

    .item_weather_day_desktop_detailed_block_day_indicators{
        min-width: 300px;
        display: flex;
        align-items: center;
        margin-left: 30px;
    }
    .item_weather_day_desktop_detailed_block_data{
        font-size: 46px;
        font-family: "Montserrat SemiBold";

    }
    .item_weather_day_desktop_detailed_block_date{
        display: flex;
        align-items: left;
    }
    .item_weather_day_desktop_detailed_block_month{
        margin-top: 18px;
        margin-left: 10px;
        font-size: 18px;
        font-family: "Montserrat SemiBold";
    }
    .item_weather_day_desktop_detailed_block_day_of_week{
        font-size: 16px;
        font-family: "Montserrat SemiBold";
    }
    .item_weather_day_desktop_detailed_block_date_block{


    }
    .item_weather_day_desktop_detailed_block_body{
        display: flex;
    }
    .item_weather_day_desktop_detailed_block_clouds img{
        width: 60px;
        height: 60px;
        margin-top: 16px;
        margin-bottom: 5px;

    }
    .item_weather_day_desktop_detailed_block_part_of_day_weather{
        align-items: center;
        display: flex;
        flex-direction: column;
        padding-left: 10px;
        padding-right: 10px;
    }
    .desktop_detailed_block_part_of_day{
        font-size: 20px;
        font-family: "Montserrat SemiBold";
    }
    .desktop_detailed_block_tempC{
        font-size: 30px;
        font-family: "Montserrat SemiBold";
    }
    .desktop_detailed_block_weatherdesc{
        text-align: center;
    }
    .indicators_weather_block_desktop_icon_and_name{
        display: flex;
        align-items: center;
        min-width: 315px;
        margin-left: 15px;
    }
    .indicators_weather_block_desktop_icon_and_name img{
        margin-top: 5px;
        margin-bottom: 5px;
        width: 25px;
        height: 25px;
    }
    .indicators_weather_block_desktop_icon{
        width: 30px;
        height: 30px;
    }
    .indicators_weather_block_desktop_row{
        display: flex;
        height: 40px;
        align-items: center;
        font-size: 16px;
        text-align: center;
    }
    .indicators_weather_block_desktop_name{
        margin-left: 15px;
    }
    .indicators_weather_block_desktop_indicator{
        align-items: center;
        display: flex;
        flex-direction: column;
        padding-left: 10px;
        padding-right: 10px;
        width: 100%;
    }
    .zebra_1{
        background-color: #F6F6F6;
    }

    .desktop_detailed_block_weatherdesc{
        margin-top: 10px;
        margin-bottom: 10px;
        line-height: 20px;
    }
}




.main_block_weather_section{
    width: 100%;
}
.main_block_weather{
    display: flex;
    justify-content: center; /* горизонтальное выравнивание */
    align-items: center;     /* вертикальное выравнивание */
    font-size: 18px;
    font-family: Montserrat;
    font-weight: normal;
}

.date_and_weather {
    display: flex;
    width: 100%;
    flex-direction: column; /* если нужно выравнивание элементов в колонку */
    justify-content: center; /* вертикальное выравнивание по центру */
    align-items: center; /* горизонтальное выравнивание по центру */
    height: 100%; /* или конкретная высота, например, 200px */
}


.first_line_date_and_weather{
    display: flex;
    align-items: center; /* чтобы выровнять элементы по вертикали */
    gap: 5px; /* добавляет небольшой отступ между "Сейчас" и "в Кемере 16:45" (по желанию) */
    margin-bottom: 5px;
}
.date_and_weather .now_word{

    color:#FF0000;

    font-weight: 700;
}
.date_and_weather_kurort{
    font-weight: bold;
    font-size: 24px;
    color: #3C3C3C;

}