@font-face {
    font-family: "Finlandica-Regular";
    src: url("../fonts/Finlandica-Regular.eot");
    src: url("../fonts/Finlandica-Regular.eot?#iefix")format("embedded-opentype"), url("../fonts/Finlandica-Regular.woff") format("woff"), url("../fonts/Finlandica-Regular.ttf") 		format("truetype");
    font-style: normal;font-weight: normal;
}
@font-face {
    font-family: "Finlandica-Medium";
    src: url("../fonts/Finlandica-Medium.eot");
    src: url("../fonts/Finlandica-Medium.eot?#iefix")format("embedded-opentype"), url("../fonts/Finlandica-Medium.woff") format("woff"), url("../fonts/Finlandica-Medium.ttf") 				format("truetype");
    font-style: normal;font-weight: normal;
}
@font-face {
    font-family: "Finlandica-Bold";
    src: url("../fonts/Finlandica-Bold.eot");
    src: url("../fonts/Finlandica-Bold.eot?#iefix")format("embedded-opentype"), url("../fonts/Finlandica-Bold.woff") format("woff"), url("../fonts/Finlandica-Bold.ttf") 				format("truetype");
    font-style: normal;font-weight: normal;
}

html {
    height: 101/100%;
}

body {
    margin: 0;
    padding: 0;
}

* {
    padding: 0;
    margin: 0;
}

.flexiblecolumn {
    min-height: 1px;
}

.clr {
    clear : both;
}

audio, canvas, img, svg, video {
    max-width: 100%;
    height: auto;
    box-sizing: border-box;
}

table img {
    max-width: none;
}

/* for equalheights */
.equalheights > .inner > .clr {
    display: none;
}

.equalheights > .inner, .equalheights .maincenter > .inner {
    display: flex;
}

.equalheights .flexiblemodule, .equalheights .column {
    display: flex;
}

.equalheights .flexiblemodule > .inner, .equalheights .column > .inner {
    max-width: 100%;
    width: 100%;
    box-sizing: border-box;
}

.videobackground {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    /*z-index: -1;*/
    z-index: 0;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    /*background: url(polina.jpg) no-repeat;*/
    background-size: cover;
}

.videobackground + * {
    position: relative;
    z-index: 1;
}

.hasvideobackground {
    position: relative;
    overflow: hidden;
}

/* ---------------------------------------
	specific to images
-----------------------------------------*/
ul.actions {
    margin: 0;
}

ul.actions li a {
    text-decoration: none;
}

.print-icon {
    list-style: none;
    display: inline-block;
    height: 16px;
    line-height: 16px;
    padding-left: 20px;
    background: url(../images/system/printButton.png) left center no-repeat;
}

.email-icon {
    list-style: none;
    display: inline-block;
    height: 16px;
    line-height: 16px;
    padding-left: 20px;
    background: url(../images/system/emailButton.png) left center no-repeat;
}

.edit-icon {
    list-style: none;
    display: inline-block;
    height: 16px;
    line-height: 16px;
    padding-left: 20px;
    background: url(../images/system/edit.png) left center no-repeat;
}

/* ---------------------------------------
	Custom styling
-----------------------------------------*/
.container, .container-fluid {
    margin: 0 auto;
    box-sizing: border-box;
}
body {
    color: #333;
    text-align: left;
    line-height: 23px;
    font-size: 16px;
    font-family: "Finlandica-Regular";
    background: #fff;
    background-size: 300px;
}

.flex-st {
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
}

strong {
    font-family: "Finlandica-Bold";
    font-weight: normal;
}

a {
    color: #138cdb;
    -webkit-transition: all 360ms ease-in-out;
    -moz-transition: all 360ms ease-in-out;
    -o-transition: all 360ms ease-in-out;
    -ms-transition: all 360ms ease-in-out;
    transition: all 360ms ease-in-out;
    font-weight: normal;
}

a:hover {
    color: #ef9619;
    -webkit-transition: all 360ms ease-in-out;
    -moz-transition: all 360ms ease-in-out;
    -o-transition: all 360ms ease-in-out;
    -ms-transition: all 360ms ease-in-out;
    transition: all 360ms ease-in-out;
    font-weight: normal;
}

h1, div.componentheading {
    font-size:80px;
    text-align: center;
    color: #295D44;
    display: block;
    font-family: "Finlandica-Medium";
    font-weight: normal;
    padding: 50px 0 30px 0;
}

h2, div.contentheading {
    font-size: 35px;
    font-family: "Finlandica-Bold";
    font-weight: normal;
    text-align: center;
    color: #333;
    margin-top: 25px;
}

h3 {
    font-size: 16px;
    font-family: "Finlandica-Bold";
    font-weight: normal;
}

.button, button, button.btn, input.btn, .btn, .btn-group > .btn.active {
    border: none;
    background: #eb5926;
    color: #ffffff;
    padding: 5px;
    text-align: center;
    font-weight: bold;
}

.button:hover, button:hover, button.btn:hover, input.btn:hover, .btn:hover {
    background: none;
}

.invalid {
    border: red;
}

input.inputbox, .registration input, .login input, .contact input, .contact textarea, select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    border: none;
    height: auto;
    border: #bebebe 1px solid;
    color: #bebebe;
    padding: 4px;
    text-align: left;
}

input:focus, input.inputbox:focus, .registration input:focus, .login input:focus, .contact input:focus, .contact textarea:focus, select:focus, textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
    border: #000000 1px solid;
}

ul:not(.nav) li {
    list-style-type: circle;
}

/*#wrapper-top {
	// background: #4D3521;
	background: linear-gradient(180deg,rgba(157, 124, 84, 1) 0%, rgba(226, 195, 151, 1) 100%);
}*/
#wrapper-top > div.inner {
    padding: 0;
}

#top > div.inner {
    padding: 0;
    max-width: 1920px;
    margin: 0 auto;
}

.section-top {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background: #39596d;
    overflow: hidden;
    position:relative;
}

.section-top-left {
    width: calc(100% / 100*70 - 20px);
    text-align: left;
    position: relative;
    background: url('/images/design/top.jpg') 50% 0 no-repeat;
    background-size: cover;
    padding-bottom:920px;
}

.section-links {
    position: absolute;
    bottom: 168px;
    left: 20px;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: flex-end;
}

.section-links a {
    color: #fff;
    font-size: 25px;
    text-decoration: none;
    font-family: "Oswald-Regular";
    position: relative;
    padding-left: 40px;
    margin-top: 20px;
    margin-right: 50px;
}

.section-links a:before {
    content: '';
    background: url('/images/design/mobile-icon.png') 0 0 no-repeat;
    width: 36px;
    height: 36px;
    position: absolute;
    top: -2px;
    left: -3px;
}

.section-links a.link-place:before {
    content: '';
    background: url('/images/design/place-icon.png') 0 0 no-repeat;
    width: 36px;
    height: 36px;
    position: absolute;
    top: 1px;
    left: 0;
}

.section-links a:hover {
    color: #fef6d4;
}

.section-top-right {
    width: calc(100% / 100*30 - 20px);
}

.section-top-right-logo {
    display: flex;
    flex-wrap: wrap;
    padding: 20px 0;
    margin-left: -120px;
    position: relative;
    align-items: center;
}

.section-top-right-logo div {
    padding: 20px;
}

.section-top-right-logo div img {
    width: 120px;
}

.section-top-right h1 {
    font-family: "Oswald-Regular";
    font-size: 40px;
    text-align: left;
    padding: 20px;
    color: #fff;
}
.section-top-right-photo {
    margin-left: -240px;
    position: relative;
    max-width: 580px;
    border-right: 3px solid #fff;
    padding-right: 20px;
    margin-bottom:40px;
    text-align:right;
}

.section-top-right-photo img {
    border-radius: 5px;
}

.section-top-right-photo p {
    color: #fff;
    font-size: 30px;
    line-height: 140%;
    padding: 30px 20px;
    text-align: right;
}
@media screen and (max-width:1366px) {
    .section-top-left {
        width: calc(100% / 100*60 - 20px);
    }
    .section-top-right {
        width: calc(100% / 100*40 - 20px);
    }
}
@media screen and (max-width:1024px) {
    .section-top-left {
        width: calc(100% / 100*65 - 20px);
    }
    .section-top-right {
        width: calc(100% / 100*35 - 20px);
    }
    .section-top-right-photo {
        margin-left:-200px;
        border-right:none;
    }
}
.section-top-m {
    display:none;
}
.section-bottom-m {
    display:none;
}
@media screen and (max-width:968px) {
    .section-top {
        display:none;
    }
    .section-top-m {
        display:block;
        background: url('/images/design/top.jpg') 50% 100% no-repeat;
        background-size: cover;
        position:relative;
        overflow:hidden;
    }
    .section-logo {
        display: flex;
        flex-wrap: wrap;
        padding: 20px;
        position: relative;
        align-items: center;
    }
    .section-logo img {
        width: 120px;
    }
    .section-logo h1 {
        font-family: "Oswald-Regular";
        font-size: 30px;
        text-align: left;
        padding: 20px;
        color: #fff;
    }
     .section-top-m .section-links {
        position:relative;
        bottom:50px;
        left:30px;
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        justify-content: flex-start;
        display:block;
        margin:350px 0 0;
        z-index:1000;
    }
    .section-top-m .section-links a {
        color: #fff;
        font-size: 25px;
        text-decoration: none;
        font-family: "Oswald-Regular";
        position: relative;
        padding-left: 40px;
        margin-top:40px;
        margin-right:0;
        display:block
    }
    .section-bottom-m {
        display:block;
        position:relative;
        overflow:hidden;
        margin-top:-240px;
        text-align:right;
    }
    .section-bottom-m img {
        margin:0 20px 0 100px;
        width:calc(60% - 120px);
        border-radius:5px;
    }
    .section-bottom-m p {
        position:absolute;
        bottom:20px;right:0;
        font-size:30px;
        line-height: 140%;
        text-align:left;
        display:block;
        border-radius:0 5px 5px 0;
        color:#fff;
        padding:20px 50px;
        width:50%;
        text-align:right;
    }
    .description-m {
        display:none;
    }
    .section-top-m a:hover {
        color: #fbe420;
    }
}
@media screen and (max-width:768px) {
    .section-top-m {
        background: url('/images/design/top.jpg') 0 -60px no-repeat;
        background-size: cover;
        padding-bottom:80px;
    }
    .section-top-m .section-links {
        margin:200px 0 0;
        bottom:40px;
    }
    .section-bottom-m {
        display:none;
    }
    .description-m {
        display:block;
        position:absolute;
        bottom:0px;right:0;
        background: #39596d;
        border-radius:5px 0 0 5px;
    }
    .description-m  p {
        font-size:25px;
        line-height: 125%;
        color:#fff;
        text-align:right;
        padding:15px 30px 20px 70px;
    }
}
@media screen and (max-width:524px) {
    .section-top-m {
        background: url('/images/design/top.jpg') 15% -60px no-repeat;
        background-size: cover;
        padding-bottom:80px;
    }
    .section-logo {
        display: flex;
        flex-wrap: wrap;
        padding:10px;
    }
    .section-logo h1 {
        font-size:25px;
    }
    .section-top-m .section-links {
        left:20px;
        margin:200px 0 0;
    }
    .section-top-m .section-links a {
        font-size: 20px;
        margin-top:30px;
    }
    .section-top-m .section-links a:last-child {
        font-size:18px;
    }
    .description-m {
        bottom:0;
    }
    .description-m  p {
        font-size:20px;
        padding:20px 30px 25px 70px;
    }
}
@media screen and (max-width:330px) {
    .section-top-m .section-links a:last-child {
        font-size:17px;
    }
}

#top-mobile > div.inner {
    padding: 5px;
}

#wrapper-menu > div.inner {
    padding: 0;
    margin-bottom: -58px;
    z-index: 100;
    position: relative;
}

#row-menu > div.inner {
    padding: 0;
    background: rgba(0, 0, 0, 0.60);
    display: block;
    position: relative;
}

#menu > div.inner {
    padding: 0;
    text-align: left;
    display: block;
}

#menu ul.menu, #menu ul.maximenuck {
    margin: 0;
    padding: 0;
}

#menu ul.menu li, #menu ul.maximenuck li {
    margin: 0;
    padding: 0;
    display: inline-block;
    list-style: none;
}

#menu ul.menu li li, #menu ul.maximenuck li li {
    float: none;
    display: block;
}

#menu ul.menu > li > a, #menu ul.menu > li > span.separator, #menu ul.maximenuck > li > a, #menu ul.maximenuck > li > span.separator {
    display: block;
    color: #ffffff;
    text-shadow: 0px 1px 0px #000;
    padding: 18px 18px 17px 18px;
    font-size: 18px;
    font-weight: normal;
    text-transform: uppercase;
}

#menu ul.menu > li:hover > a, #menu ul.menu > li:hover > span.separator, #menu ul.maximenuck > li:hover > a, #menu ul.maximenuck > li:hover > span.separator {
    color: #fa9f1d;
}

#menu ul.menu > li.active > a, #menu ul.menu > li.active > span.separator, #menu ul.maximenuck > li.active > a, #menu ul.maximenuck > li.active > span.separator {
    color: #fa9f1d;
}

#menu ul.menu li li a, #menu ul.menu li li span.separator, #menu ul.maximenuck li li a, #menu ul.maximenuck li li span.separator {
    display: block;
    color: #ffffff;
    font-size: 17px;
    line-height: 36px;
    z-index: 9999;
}

#menu ul.menu li li:hover > a, #menu ul.menu li li:hover span.separator, #menu ul.maximenuck li li:hover > a, #menu ul.maximenuck li li:hover span.separator {
    color: #fa9f1d;
}

#menu ul.menu li li.active > a, #menu ul.menu li li.active span.separator, #menu ul.maximenuck li li.active > a, #menu ul.maximenuck li li.active span.separator {
    color: #fa9f1d;
}

/* code pour menu normal */
#menu ul.menu li ul, #menu ul.menu li:hover ul ul, #menu ul.menu li:hover ul ul ul {
    position: absolute;
    left: -999em;
    z-index: 9999;
    margin: 0;
    padding: 0;
    background: rgba(51, 51, 51, 0.6);
    width: 240px;
    padding: 20px;
}

#menu ul.menu li:hover ul ul, #menu ul.menu li:hover li:hover ul ul, #menu ul.menu li:hover li:hover li:hover ul ul, #menu ul.menu li.sfhover ul ul, #menu ul.menu li.sfhover ul.sfhover ul ul, #menu ul.menu li.sfhover ul.sfhover ul.sfhover ul ul {
    left: -999em;
}

#menu ul.menu li:hover > ul, #menu ul.menu li:hover ul li:hover > ul, #menu ul.menu li:hover ul li:hover ul li:hover > ul, #menu ul.menu li:hover ul li:hover ul li:hover ul li:hover > ul, #menu ul.menu li.sfhover ul, #menu ul.menu li.sfhover ul li.sfhover ul, #menu ul.menu li.sfhover ul li.sfhover ul li.sfhover ul, #menu ul.menu li.sfhover ul li.sfhover ul li.sfhover ul li.sfhover ul {
    left: auto;
}

#menu ul.menu li:hover ul li:hover ul {
    margin-top: -30px;
    margin-left: 190px;
}

/* fin code normal */
#menu ul.maximenuCK li ul, #menu ul.maximenuCK li:hover ul ul, #menu ul.maximenuCK li:hover ul ul ul, #menu ul.maximenuck li ul, #menu ul.maximenuck li:hover ul ul, #menu ul.maximenuck li:hover ul ul ul {
    position: static !important;
    left: auto !important;
    background: transparent !important;
    border-radius: 0 !important;
    border: none !important;
    -moz-border-radius: 0 !important;
    -o-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    width: 100% !important;
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

#menu ul.maximenuCK li ul ul, #menu ul.maximenuck li ul ul {
    margin: 0 !important;
}

#menu li div.maxidrop-main {
    width: 200px;
}

#menu li div.floatCK, #menu li div.floatck {
    background: #1d8d7e;
    padding: 10px;
}

#menu ul li ul.maximenuCK2, #menu ul li ul.maximenuck2 {
    margin: 0;
    padding: 0;
}

#menu ul li div.maximenuCK2, #menu ul li div.maximenuck2 {
    float: left;
    width: 100%;
}

#menu li div.maxidrop-main div.maxidrop-main {
}

#menu ul li.maximenuCK div.floatCK div.floatCK, #menu ul li.maximenuck div.floatck div.floatck {
    margin-top: -30px;
    margin-left: 190px;
}

#menu span.descCK, #menu span.descck {
    display: block;
    line-height: 10px;
}

#menu ul.menu li li {
    float: none;
    display: block;
}

#button-top {
    width: 200px;
    position: absolute;
    top: 18px;
    right: 0px;
    display: block;
}

#button-top > div.inner {
    padding: 0;
    text-align: right;
}

#button-top a {
    background: url('/images/mail.png') no-repeat 10px 50%, #fa9f1d;
    text-decoration: none;
    padding: 18px 18px 18px 70px;
    color: #fff;
    border: 2px solid #fa9f1d;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.42);
    text-transform: uppercase;
}

#button-top a:hover {
    background: url('/images/mail.png') no-repeat 10px 50%, #138cdb;
    border: 2px solid #1a4860;
    color: #fff;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.42);
}

#wrapper-slide > div.inner {
    padding: 0px;
}

#slide > div.inner {
    padding: 0;
    background: url('/images/prodazha-ehlektroehnergii.jpg') no-repeat fixed;
    text-align: right;
    border-bottom: 6px solid #138cdb;
    background-size: cover;
}

.slide-text {
    display: block;
    padding: 450px 20px 40px 0;
    max-width: 1200px;
    margin: 0 auto;
}

.slide-text strong {
    width: 270px;
    background: rgba(19, 140, 219, 0.60);
    color: #fff;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 66px;
    padding: 5px 20px;
}

.slide-text b {
    background: rgba(34, 34, 34, 0.60);
    color: #fff;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 33px;
    padding: 5px 20px;
}

.slide-text p {
    display: block;
    padding: 10px;
}

#count > div.inner {
    background: #494949;
    color: #ffffff;
    padding: 20px;
}

.counts {
    max-width: 1200px;
    margin: 0 auto;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.count {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    font-size: 27px;
    margin: 0 auto;
    padding: 35px 0;
    position: relative;
    text-shadow: 0px 3px 3px #000;
}

.count:nth-child(1) div:first-child {
    font-size: 120px;
    display: block;
}

.count:nth-child(1) div:last-child {
    display: block;
    padding-left: 10px;
    line-height: 32px;
    margin-top: -10px;
}

.count:nth-child(3) div:first-child {
    font-size: 120px;
    display: block;
}

.count:nth-child(3) div:last-child {
    display: block;
    padding-left: 10px;
    line-height: 32px;
    margin-top: -10px;
}

.count:nth-child(2) div:first-child {
    display: block;
    position: absolute;
    top: 20px;
    right: 5px;
}

.count:nth-child(2) div:last-child {
    font-size: 60px;
    display: block;
    margin-top: 20px;
}
.count:nth-child(2) div:last-child span {
    font-size: 120px;
}
#wrapper > div.inner {
    padding:0;
}
#maincontent > div.inner {
    margin:0 auto;
    max-width:1920px;
}
.section-srv {
    display:flex;
    flex-wrap:wrap;
    margin:150px 0 50px;
}
.section-srv-left {
    width: calc(100% / 100*35 - 20px);
}
.section-srv-right {
    width: calc(100% / 100*65 - 20px);
}
@media screen and (max-width:1366px) {
    .section-srv-left {
        width: calc(100% / 100*40 - 20px);
    }
    .section-srv-right {
        width: calc(100% / 100*60 - 20px);
    }
    .section-srv {
        display:flex;
        flex-wrap:wrap;
        margin:100px 0 150px;
        
    }
}
@media screen and (max-width:1024px) {
    .section-srv-left {
        width: calc(100% / 100*50);
    }
    .section-srv-right {
        width: calc(100% / 100*50);
    }
}
@media screen and (max-width:900px) {
    .section-srv-left {
        width:calc(100% - 40px);
        margin:0 auto;
    }
    .section-srv-right {
        width:100%;
    }
}
@media screen and (max-width:524px) {
    .section-srv {
        display:flex;
        flex-wrap:wrap;
        margin:40px 0 150px;
    }
}

.presents {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
}
.present-left {
    display: block;
    width: 58%;
}
.counter {
    display: table;
    width: 100%;
    overflow: hidden;
    padding-bottom: 30px;
}
.counter div:first-child {
    font-size: 42px;
    text-transform: uppercase;
    color: #494949;
    font-family: "Oswald-Bold";
    font-weight: normal;
    width: 190px;
    display: table-cell;
    vertical-align: bottom;
}

.counter:first-child img {
    display: block;
    margin-bottom: 10px;
    margin-left: -6px;
}

.counter div:last-child {
    text-transform: uppercase;
    color: #333;
    font-family: "Oswald-Bold";
    font-weight: normal;
    font-size: 33px;
    display: table-cell;
    vertical-align: top;
    padding-top: 37px;
    padding-left: 10px;
}

.counter div:last-child p {
    color: #333;
    text-transform: lowercase;
    font-size: 21px;
    padding-top: 5px;
    display: block;
}

.counter div:last-child span {
    color: #138cdb;
    font-size: 62px;
    font-family: "Oswald-Bold";
    font-weight: normal;
    letter-spacing: 4px;
}

.sotrudnichestvo {
    background: url('/images/sotrudnichestvo.jpg') 0 0 no-repeat;
    display: block;
    height: 400px;
    position: relative;
    background-size: cover;
}

.sotrudnichestvo a {
    display: inline-block;
    position: absolute;
    padding: 20px;
    bottom: 20px;
    left: 20px;
    background: rgba(34, 34, 34, 0.6);
    color: #fff;
    text-decoration: none;
    font-size: 27px;
    line-height: 33px;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.42);
}

.sotrudnichestvo a:hover {
    background: rgb(250, 159, 29);
    color: #ffffff;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.42);
}

.present-right {
    display: block;
    width: 40%;
}

.uslugi-tceny {
    background: url('/images/uslugi-tceny.jpg') 0 0 no-repeat;
    display: block;
    height: 327px;
    position: relative;
    background-size: cover;
}

.uslugi-tceny a {
    display: inline-block;
    position: absolute;
    padding: 20px;
    bottom: 20px;
    left: 20px;
    background: rgba(34, 34, 34, 0.6);
    color: #fff;
    text-decoration: none;
    font-size: 27px;
    line-height: 33px;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.42);
}

.uslugi-tceny a:hover {
    background: rgb(250, 159, 29);
    color: #ffffff;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.42);
}

.company-docs {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 25px;
}

.company-docs a:first-child {
    display: block;
    width: 47.5%;
    height: 138px;
    background: url('/images/company.png') 15px 60px no-repeat, #fa9f1d;
    position: relative;
    height: 188px;
    vertical-align: top;
}

.company-docs a:first-child:hover {
    background: url('/images/company.png') 15px 60px no-repeat, #494949;
}

.company-docs a:first-child div {
    color: #fff;
    text-decoration: none;
    position: absolute;
    bottom: 20px;
    left: 20px;
    font-size: 25px;
    text-transform: uppercase;
}

.company-docs div:first-child a:hover {
    color: #138cdb;
}

.company-docs a:last-child {
    display: block;
    width: 47.5%;
    height: 138px;
    background: url('/images/docs.png') 90% 20px no-repeat, #138cdb;
    position: relative;
    height: 188px;
    vertical-align: top;
}

.company-docs a:last-child:hover {
    background: url('/images/docs.png') 90% 20px no-repeat, #494949;
}

.company-docs a:last-child div {
    color: #fff;
    text-decoration: none;
    position: absolute;
    bottom: 20px;
    right: 20px;
    font-size: 25px;
    text-transform: uppercase;
}

#centertopmodule > div.inner {
    padding: 10px;
}

#centerbottommodule > div.inner {
    padding: 10px;
}

#right > div.inner {
    margin-left: 10px;
    padding: 10px;
}

#right div.moduletable, #right div.module, #right div.moduletable_menu, #right div.module_menu {
    margin-bottom: 15px;
}

#mainbottommodule > div.inner {
    padding: 10px;
}

#client > div.inner {
    padding: 0;
}

#client h3 {
    display: block;
    padding: 40px 0 20px 0;
    margin-bottom: 20px;
    text-align: center;
    font-size: 27px;
    text-transform: uppercase;
    position: relative;
    font-family: "Oswald-Bold";
    font-weight: normal;
}

#client h3:after {
    content: "";
    bottom: 0;
    left: calc(50% - 200px);
    width: 400px;
    text-align: center;
    background: rgba(204, 204, 204, 0.42);
    height: 1px;
    position: absolute;
}

#wrapper-news > div.inner {
    color: #ffffff;
}

#news > div.inner {
    padding: 75px 0 0 0;
    margin: 0 auto -5px;
    position: relative;
}

#news h2 {
    background: #fa9f1d;
    color: #494949;
    text-transform: uppercase;
    font-size: 24px;
    position: absolute;
    display: block;
    top: -20px;
    left: 10px;
    width: auto;
    padding: 20px;
}

#wrapper-footer > div.inner {
    background:#333;
    color: #ffffff;
    padding: 20px 20px;
    position: relative;
}

#footer > div.inner {
    max-width: 13660px;
    margin: 0 auto;
    padding: 50px 40px;
    font-size:18px;
    font-family: "Finlandica-Medium";
    font-weight:normal;
}
.footers {
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
    align-items:center;
}
.footer-left {
    width:calc(100% / 100*50 - 20px);
}
.footer-left strong {
    font-weight: normal;
    display:block;
    color:#999;
    font-family: "Finlandica-Medium";
    font-weight:normal;
}
.footer-right {
    width:calc(100% / 100*50 - 20px);
    text-align:right;
}
.footer-right a {
    color:#999;
    text-decoration:none;
}
.footer-right a:hover {
    color:#fff;
}
.su-section-content {
    padding: 30px 0px;
}
.footer-left .section-links {
    position: relative;
    bottom:auto;
    left:auto;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content:flex-start;
}
.footer-left .section-links a {
    border:none;
    padding:0 0 0 40px;
    text-transform:none;
}
.footer-left .section-links a:hover {
    border:none;
    background:none;
    color:yellow;
}
@media screen and (max-width:1024px) {
    #footer > div.inner {
        padding: 50px 0 20px 0;
    }
    .footer-left {
        width:100%;
        margin-bottom:50px;
    }
    .footer-right {
        width:100%;text-align:left;
    }
}


.light-text h3.mnwall-title a, .light-text h3.mnwall-title span {
    color: rgb(255, 255, 255);
    text-decoration: none;
    text-transform: none;
    font-size: 21px;
}

.light-text .mnwall-s-desc, .light-text .mnwall-desc, .light-text .mnwall-price, .light-text .mnwall-hits, .light-text .mnwall-count {
    color: rgba(255,255,255,0.87);
    font-size: 16px;
}

.light-text .mnwall-readmore a {
    color: rgba(255,255,255,0.87);
    border: none;
    padding: 0;
    font-size: 16px;
}

.light-text .mnwall-readmore a:hover {
    color: rgb(250, 159, 29);
    border: none;
    padding: 0;
    font-size: 16px;
}

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
    width: 11%;
    cursor: pointer !Important;
}

.ba-modal.popup-form {
    max-width: 500px;
}

.row-fluid.ba-row {
    padding-bottom: 20px;
}

.ba-btn-submit {
    font-family: "Oswald-Regular";
}

[data-jfmmpropanel="jf_mmpro_1_panel"] .jf_mm_pro_panel_title {
    color: #ffffff;
    text-transform: uppercase;
    background: #6f6f6f;
    padding-left: 100px;
    font-size: 21px;
}

#jf_mmpro_1 li a {
    color: #222222;
    text-decoration: none;
    text-transform: uppercase;
    padding: 5px 0 5px 30px;
    font-size: 18px;
    border-bottom: 1px dashed #ccc;
}

#jf_mmpro_1 li:last-child a {
    border: none;
}

.su-heading {
    margin-bottom: 0px;
}

#jmap_sitemap div.jmapcolumn ul li a {
    background-color: #EBEBEB;
    border: 2px solid #6E6E6E;
    color: #505050;
    text-decoration: none;
    font-size: 20px;
    padding: 10px;
    display: block;
}

#jmap_sitemap div.jmapcolumn>ul>li>span.folder {
    background-color: #fa9f1d;
    border: 2px solid #943B00;
    color: #333;
    text-transform: uppercase;
    font-size: 16px;
    padding: 10px;
    text-align: left;
}

#cookie-notification {
    background:#295D44;
    width: 600px;
    height: 110px;
    position: fixed;
    bottom: 20px;
    z-index: 1000;
    color: rgb(255, 255, 255);
    padding-left: 0;
    text-align: center;
    border-radius:0 5px 5px 0;
}

.cookie-notification-text {
    font-size: 14px;
    display: block;
    padding: 20px;
    line-height:125%;
    font-family: "Finlandica-Regular";
}

.cookie-notification-text a {
    display: inline-block;
    font-size: 14px;
    text-transform:lowercase;
    color: #fef5a9;
    text-decoration:none;
}
.cookie-notification-text a:hover {
    color:#f9b111;
}

#cookie-close-button {
    background: none;
    border: none;
    float: right;
    margin-right: 20px;
    padding: 0;
    cursor: pointer;
    padding-left: 20px;
}

.cookie-close {
    display: inline-block;
    vertical-align: top;
    font-size: 25px;
    line-height: 30px;
    top: 0;
}

.cookie-close.btntitle {
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    text-transform: lowercase;
    top: 0;
    line-height: 20px;
    border-radius: 5px;
    margin-top: 20px;
    padding: 10px 10px 15px 10px;
    border: 1px solid #fff;
    background:none;
    font-family: "Finlandica-Regular";
    font-weight:normal;
    color:#fbf2a5;
}

.cookie-close.btntitle:hover {
    color: rgb(255, 255, 255);
    border: 1px solid #ffffff;
}

@media screen and (max-width: 680px) {
   #cookie-notification {
    width: auto;height: auto;
    bottom:0;border-top:1px solid #fff;border-radius:0;
    }
}

div#cookie-notification.hidden {
    display: none!important;
    visibility: hidden!important;
}

#fz_wrap {
    display: block;
    background: #333;
    width:calc(100% - 60px);
    padding: 20px 0 20px 60px;
    border-top: 1px solid #999;
    color: #999;
}

#fz_wrap a {
    color: #999;
    text-decoration:none;
    font-size:13px;
}

#fz_wrap a:hover {
    color: #fa9f1d;
}

.fz_pad_bot {
    padding-top: 20px;
    font-size:12px;
    line-height:120%;
    color:#666;
}
.fz_pad_bot a {
    color:#39586d;
}

.ba-form input[type="checkbox"] {
    margin: 4px 5px 0 0 !important;
}

/*============================================*/
/*============ STYLE LANDING PAGE ============*/
/*============================================*/
.wrapper-lp {
    display: block;
    position: relative;
    padding: 0 20px;
}

.lp-container {
    max-width: 1366px;
    margin: 0 auto;
    padding: 100px 0;
}

.lp-container ul {
    margin: 0;
    padding: 0;
}

.lp-container a {
    text-transform: uppercase;
    text-decoration: none;
    font-family: "Oswald-Bold";
    font-weight: normal;
    line-height: 100%;
    -webkit-transition: all 360ms ease-in-out;
    -moz-transition: all 360ms ease-in-out;
    -o-transition: all 360ms ease-in-out;
    -ms-transition: all 360ms ease-in-out;
    transition: all 360ms ease-in-out;
}

.lp-container a:hover {
    -webkit-transition: all 360ms ease-in-out;
    -moz-transition: all 360ms ease-in-out;
    -o-transition: all 360ms ease-in-out;
    -ms-transition: all 360ms ease-in-out;
    transition: all 360ms ease-in-out;
}

.lp-container h2, .lp-container h3, .lp-container h4 {
    font-family: "Oswald-Bold";
    font-weight: normal;
}

.lp-container h2 {
    font-size: 36px;
}

.lp-container p {
    font-weight: normal;
    font-family: "Oswald-Regular";
    font-size: 21px;
    line-height: 150%;
}

@media screen and (max-width: 768px) {
    .lp-container h2 {
        font-size:27px;
    }
}

/*=== lp-top position ============*/
.wrapper-lp-top {
    background: #fff;
}

.lp-top-inner {
    padding: 20px 0;
}

.lp-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.lp-top-left img {
    width: 200px;
    max-width: 200px;
}

.lp-top-center ul {
    display: flex;
    justify-content: center;
}

.lp-top-center ul li {
    list-style: none;
    margin: 0 10px;
}

.lp-top-center ul li a {
    color: #000;
    font-size: 18px;
}

.lp-top-center ul li a:hover {
    color: #fa9f1d;
}

.lp-top-right {
    width: 150px;
    text-align: right;
}

.lp-top-right a {
    font-size: 21px;
    color: #138cdb;
}

.lp-top-right a:hover {
    color: #fa9f1d;
    text-decoration: underline;
}

@media screen and (max-width: 1024px) {
    .lp-top {
        flex-wrap:wrap;
        justify-content: center;
    }

    .lp-top-left {
        text-align: center;
        width: 100%;
    }

    .lp-top-center {
        display: none;
        width: 100%;
    }
}

@media screen and (max-width: 420px) {
    .lp-top {
        justify-content:flex-end;
    }

    .lp-top-left {
        text-align: right;
    }
}

/*=== lp-slide position ============*/
.wrapper-lp-slide {
    background: url('/images/design/energoaudit.jpg') center top no-repeat, #2a4e65;
    color: #fff;
    text-shadow: 0.5px 0.5px 0.5px #000;
    border-bottom: 10px solid #fa9f1d;
}

.lp-slide h1 {
    display: block;
    text-align: center;
    color: #fff;
    font-size: 51px;
    text-transform: none;
    text-shadow: 1px 1px 1px #000, 1px 2px 0px #000;
}

.lp-slide p {
    display: block;
    max-width: 960px;
    margin: 20px auto 60px;
    text-align: center;
    font-size: 24px;
}

.lp-slide a {
    display: block;
    max-width: 320px;
    padding: 15px 0;
    margin: 30px auto;
    text-align: center;
    background: #fa9f1d;
    color: #fff;
    font-size: 33px;
    text-shadow: 1px 1px 1px #515151, 1px 2px 0px #515151;
}

.lp-slide a:hover {
    background: #138cdb;
}

.lp-slide h2 {
    margin: 150px 0 60px;
}

.lp-slide h2 span {
    background: url('/images/design/lamp.png') 0 0 no-repeat;
    display: inline-block;
    width: 50px;
    height: 60px;
    vertical-align: middle;
    margin-top: -5px;
    margin-right: 10px;
}

.lp-slide section {
    display: flex;
    justify-content: space-between;
}

.lp-slide section div {
    width: 31%;
}

.lp-slide section div h3 {
    color: #fa9f1d;
    font-size: 30px;
}

.lp-slide section div p {
    text-align: left;
    margin: 10px 0 0;
    font-size: 21px;
}

@media screen and (max-width: 768px) {
    .lp-slide h1 {
        font-size:36px;
        margin-bottom: 50px;
    }

    .lp-slide p {
        max-width: 100%;
        font-size: 21px;
    }

    .lp-slide a {
        max-width: 240px;
        font-size: 24px;
    }

    .lp-slide h2 {
        margin: 100px 0 20px;
    }

    .lp-slide h2 span {
        display: block;
        margin: 0 auto 30px;
    }

    .lp-slide section {
        flex-wrap: wrap;
    }

    .lp-slide section div {
        width: 100%;
        margin-top: 50px;
    }

    .lp-slide section div h3 {
        font-size: 21px;
        text-align: center;
    }

    .lp-slide section div p {
        font-size: 19px;
        text-align: center;
    }
}

/*=== lp-whatproblem position ============*/
.wrapper-lp-whatproblem {
    background: #fff;
    border-bottom: 10px solid #fa9f1d;
}

.lp-whatproblem {
    background: url('/images/design/socket.png') right bottom no-repeat;
}

.lp-whatproblem h2 {
    text-align: left;
    margin-bottom: 50px;
}

.lp-whatproblem p {
    display: block;
    margin-bottom: 50px;
    margin-left: 100px;
}

.lp-whatproblem p b {
    font-family: "Oswald-Bold";
    font-weight: normal;
    color: #138cdb;
}

.lp-whatproblem section {
    display: flex;
    justify-content: space-evenly;
    max-width: 960px;
}

.problem {
    width: 31%;
}

.problem h3 {
    display: flex;
    position: relative;
    color: #138cdb;
}

.problem h3 b {
    font-size: 80px;
    display: block;
}

.problem h3 strong {
    font-size: 24px;
    position: absolute;
    bottom: 20px;
    left: 45px;
}

.problem ul {
    margin-top: 10px;
}

.problem ul li {
    list-style: none;
    position: relative;
    font-family: "Oswald-Bold";
    font-weight: normal;
    font-size: 19px;
    margin-bottom: 25px;
    padding-left: 46px;
}

.problem ul li:last-child {
    margin-bottom: 0;
}

.problem ul li::before {
    background: url('/images/design/energy.png') 0 -3px no-repeat;
    width: 34px;
    height: 34px;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
}

@media screen and (max-width: 1024px) {
    .lp-whatproblem {
        background:none;
    }
}

@media screen and (max-width: 768px) {
    .lp-whatproblem section {
        flex-wrap:wrap;
    }

    .problem {
        width: 100%;
    }

    .lp-whatproblem p {
        margin-bottom: 0;
    }

    .problem h3 {
        margin-top: 50px;
    }

    .problem ul {
        display: flex;
        flex-wrap: wrap;
    }

    .problem ul li {
        margin-right: 30px;
    }
}

@media screen and (max-width: 524px) {
    .lp-whatproblem p {
        margin-left:0;
    }

    .problem ul li {
        margin-right: 0;
        width: 100%;
    }
}

/*=== lp-whywe position ============*/
.wrapper-lp-whywe {
    background: #313131;
    border-bottom: 10px solid #138cdb;
    text-shadow: 0.5px 0.5px 0.5px #000;
}

.lp-whywe-inner {
    background: url('/images/design/economy.jpg') left top no-repeat;
    background-size: contain;
}

.lp-whywe {
    text-align: right;
    color: #fff;
}

.lp-whywe h2 {
    text-shadow: 1px 1px 1px #000;
    text-align: right;
    margin-bottom: 50px;
}

.lp-whywe p {
    margin-right: 100px;
    font-size: 24px;
}

.lp-whywe a {
    display: inline-block;
    margin-right: 100px;
    padding: 15px 30px;
    background: #fa9f1d;
    color: #000;
    font-size: 24px;
    text-shadow: none;
    margin-top: 50px;
}

.lp-whywe a:hover {
    background: #138cdb;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
}

@media screen and (max-width: 524px) {
    .lp-whywe p {
        margin-right:0;
        font-size: 19px;
    }

    .lp-whywe a {
        margin-right: 0;
    }
}

/*=== lp-examples position ============*/
.wrapper-lp-examples {
    background: #fff;
    border-bottom: 10px solid #138cdb;
}

.lp-examples h2 {
    margin-bottom: 100px;
}

.example {
    display: block;
    margin: 0 150px;
}

.example-inner {
    background: #f6f6f6;
    position: relative;
    padding-bottom: 1px;
}

.example-inner h3 {
    font-size: 30px;
    color: #138cdb;
    padding: 30px 0 10px 30px;
}

.example-inner img {
    position: absolute;
    top: 30px;
    right: 30px;
    width: 92px!important;
    height: 93px!important;
    display: block;
}

.example-inner p {
    padding: 0 0 10px 30px;
}

.example-inner p + p {
    display: block;
    margin-bottom: 50px;
}

.example-inner table {
    width: calc(100% - 10px);
    margin-top: 100px;
    background: #ebebeb;
    margin: 5px;
    font-size: 19px;
}

.example-inner table tr {
    text-align: center;
}

.example-inner table th {
    background: #f6f6f6;
    font-family: "Oswald-Bold";
    font-weight: normal;
    padding-bottom: 15px;
}

.example-inner table td {
    padding: 20px;
    font-family: "Oswald-Bold";
    font-weight: normal;
}

.example-inner table td:first-child {
    text-align: left;
    padding: 20px 20px 20px 40px;
    background: #fff;
}

.example-inner table td:last-child {
    background: #138cdb;
    color: #fff;
    text-shadow: 0 1px 1px #0d6096;
}

.example-inner table tr:nth-child(2) td {
    padding-top: 40px;
}

.example-inner table tr:last-child td {
    padding-bottom: 40px;
}

.example strong {
    display: inline-block;
    margin-top: 40px;
    margin-left: 25px;
    font-size: 27px;
    background: #fa9f1d;
    color: #000;
    padding: 5px;
}

body.itemid-163 .su-content-slider .owl-nav [class*='owl-'] {
    width: 40px;
    height: 40px;
    text-align: center;
    font-size: 18px;
    line-height: 40px;
    font-family: FontAwesome;
    opacity: 1;
}

body.itemid-163 .su-content-slider .owl-prev:before {
    content: "\f053";
    font-size: 33px;
    color: #FA9F1D;
}

body.itemid-163 .su-content-slider .owl-prev:hover:before {
    color: #138CDB;
}

body.itemid-163 .su-content-slider .owl-next:before {
    content: "\f054";
    font-size: 33px;
    color: #FA9F1D;
}

body.itemid-163 .su-content-slider .owl-next:hover:before {
    color: #138CDB;
}

body.itemid-163 .owl-carousel .owl-item img {
    width: auto;
}

body.itemid-163 .su-content-slider .owl-dots {
    display: none;
}

@media screen and (max-width: 1024px) {
    .example-inner img {
        width:46px!important;
        height: 46.5px!important;
    }

    .example-inner p {
        padding: 0 100px 10px 30px;
    }
}

@media screen and (max-width: 800px) {
    .example {
        margin:0 50px;
    }

    body.itemid-163 .su-content-slider.arrow-default .owl-nav .owl-next {
        right: 0;
    }

    body.itemid-163 .su-content-slider.arrow-default .owl-nav .owl-prev {
        left: 0;
    }
}

@media screen and (max-width: 600px) {
    .example-inner h3 {
        font-size:24px;
        padding-right: 70px;
    }

    .example-inner p {
        font-size: 18px;
    }

    .example-inner table th {
        font-size: 15px;
    }

    .example-inner table td {
        padding: 5px;
        font-size: 15px;
    }

    .example-inner table td:first-child {
        padding: 10px 5px;
    }

    .example-inner table tr:nth-child(2) td {
        padding-top: 20px;
    }

    .example-inner table tr:last-child td {
        padding-bottom: 20px;
    }

    .example strong {
        margin-left: 0;
        font-size: 15px;
    }
}

@media screen and (max-width: 400px) {
    .example {
        margin:0 27px;
    }

    .example-inner img {
        display: none !important;
    }

    .example-inner h3 {
        font-size: 24px;
        padding-right: 30px;
    }

    .example-inner p {
        padding: 0 30px 10px 30px;
    }

    .example-inner table th {
        font-size: 13px;
    }

    .example-inner table td {
        padding: 8px 2px;
        font-size: 13px;
        border: 1px solid #138cdb;
        line-height: 130%;
    }

    .example-inner table td:last-child {
        border: 1px solid #106fad;
    }

    body.itemid-163 .su-content-slider .owl-prev:before {
        font-size: 24px;
    }

    body.itemid-163 .su-content-slider .owl-next:before {
        font-size: 24px;
    }
}

/*=== lp-docs position ============*/
.wrapper-lp-docs {
    background: #313035;
    border-bottom: 10px solid #fa9f1d;
}

.lp-docs-inner {
    background: url('/images/design/documents.jpg') center bottom no-repeat;
    background-size: contain;
    text-shadow: 1px 1px 1px #000;
}

.lp-docs h2 {
    color: #fff;
}

.lp-docs h2 span {
    color: #fa9f1d;
    border-bottom: 3px solid #fa9f1d;
}

.lp-docs section {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    color: #fff;
    font-family: "Oswald-Bold";
    font-weight: normal;
    font-size: 21px;
    margin-top: 50px;
}

.lp-docs div {
    width: 49%;
    box-sizing: border-box;
    margin-top: 50px;
    padding-top: 10px;
    display: flex;
    align-items: center;
}

.lp-docs div b {
    margin-right: 20px;
    margin-left: 20px;
}

.lp-docs div b img {
    max-width: 66px;
}

@media screen and (max-width: 800px) {
    .lp-docs div {
        width:100%;
    }
}

@media screen and (max-width: 600px) {
    .lp-container .lp-docs p {
        font-size:19px;
    }

    .lp-docs div b {
        margin-left: 0;
    }
}

/*=== lp-docs position ============*/
.wrapper-lp-ord {
    background: #e6e6e6;
    margin-bottom: -120px;
    border-bottom: 10px solid #fa9f1d;
}

.lp-ord {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.lp-ord h3 {
    font-size: 33px;
}

.lp-ord p {
    margin-top: 10px;
}

.lp-ord a {
    padding: 15px 30px;
    background: #fa9f1d;
    color: #000;
    font-size: 24px;
}

.lp-ord a:hover {
    background: #138cdb;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
}

@media screen and (max-width: 900px) {
    .lp-ord {
        flex-wrap:wrap;
        text-align: center;
    }

    .lp-ord div {
        width: 100%;
    }

    .lp-ord div:last-child {
        margin-top: 40px;
    }
}

/*=== slideshow ============*/
.slideshow-container {
    max-width: 1200px;
    position: relative;
    margin: 0 auto;
    padding-left:100px;
}

.main-slide {
    position: relative;
    width: 100%;
    aspect-ratio: 3/4;
	overflow: hidden;
    border-radius: 5px;
}

.main-image-container {
    width: 100%;
    height: 100%;
    position: relative;
}

.main-image {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
    transition: opacity 0.5s ease;
}

.prev, .next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    padding: 16px;
    margin-top: -22px;
    color: white;
    font-weight: bold;
    font-size: 18px;
    transition: 0.3s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
    border-radius: 0 15px 15px 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 10;
}

.next {
    right: 0;
    border-radius: 15px 0 0 15px;
}

.prev:hover, .next:hover {
    background-color: rgba(0, 0, 0, 0.8);
}

.thumbnails {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top:10px;
    gap:5px;
}
.thumbnail-container {
    width:calc(100% / 6 - 5px);
    height: 50px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    opacity: 0.6;
    border-radius: 5px;
    transition: opacity 0.3s ease;
}

.thumbnail-container.active, .thumbnail-container:hover {
    opacity: 1;
}

.thumbnail {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
}
@media (max-width: 1366px) {
    .slideshow-container {
        padding-left:40px;
    }
    .main-slide {
        aspect-ratio: 1/1;
    }
}
@media (max-width: 900px) {
    .slideshow-container {
        padding-left:0;
    }
    .main-slide {
        aspect-ratio:3/2;
    }
    .thumbnail-container {
        height: 100px;
    }
}
@media (max-width: 768px) {
    .prev, .next {
        padding: 12px;
        font-size: 16px;
    }
}
@media (max-width: 600px) {
    .main-slide {
        aspect-ratio:1/1;
    }
}
@media (max-width: 480px) {
    .thumbnail-container {
        height:50px;
    }
    .prev, .next {
        padding: 8px;
        font-size: 14px;
    }
}

.readmore-link {
    display: block;
    text-align: center;
    margin: 100px 0 50px;
    border-bottom: 2px solid #333;
    padding-bottom: 50px;
}

.readmore-link a {
    background: #d6bca1;
    background: #4a2a0e;
    text-decoration: none;
    color: #fff;
    padding: 12px 50px;
    text-transform: lowercase;
    border: 2px solid #333;
    border-radius: 5px 5px 5px 5px;
}
.bq-links {
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-end;
    font-size:20px;
    margin:200px 30px 0 20px;
}
.bron-link {
    display:inline-block;
    max-width:300px;
}
.bron-link a {
    background: #39586d;
    text-decoration: none;
    color: #fff;
    padding: 12px 20px 18px;
    text-transform: lowercase;
    border-radius: 5px 5px 5px 5px;
    border: 2px solid #39586d;
}
.bron-link a:hover {
    border: 2px solid #39586d;
    color: #39586d;
    background: #fff;
}
.question-link {
    display:block;
    max-width:300px;
}
.question-link a {
    background: #333;
    text-decoration: none;
    color: #fff;
    padding: 12px 50px 18px;
    border-radius: 5px 5px 3px 5px;
    text-transform: lowercase;
    border: 2px solid #333;
    margin:0 0 0 10px;
}
.question-link a:hover {
    border: 2px solid #333;
    color: #333;
    background: #fff;
}
.vygoda {
    margin: 100px 0 50px 100px;
    border-radius:5px;
    background:#39596d;
    display:flex;
    flex-wrap:wrap;
}
.vygoda-left {
    width:calc(100% / 100*30);
    text-align:right;
    color:#fff;
    font-size:25px;
    font-weight:normal;
    font-family: "Oswald-Regular";
    padding:40px 0;
}
.vygoda-left p {
    padding:20px 30px 20px 10px;
    line-height:150%;
}
.vygoda-right {
    width:calc(100% / 100*70);
    background:url('/images/design/vygoda.jpg') 50% 0 no-repeat;
    background-size:cover;
    position:relative;
}
.vygoda h3 {
    color:#fff;
    font-family: "Oswald-Regular";
    font-size:80px;
    position:absolute;
    bottom:50px;left:20px;
}
.vygoda-flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.vygoda-item {
    width: calc(100% / 3 - 10px);
    background: #39586d;
    border-radius: 5px;
    margin: 40px 0 40px;
    color: #fff;
    overflow: hidden;
    position: relative;
}

.vygoda-item b {
    font-family: "Oswald-Regular";
    font-weight: normal;
    font-size: 250px;
    color: rgb(255 255 255 / 15%);
    position: absolute;
    bottom: 0;
    right: -20px;
    left: auto;
    top: 50px;
}

.vygoda-item p {
    color: fff;
    font-family: "Oswald-Bold";
    text-align: center;
    padding: 60px 20px 60px 20px;
}

.vygoda-link {
    text-align: center;
    display: block;
}
.vygoda a {
    background: #39586d;
    text-decoration: none;
    display:block;
    color: #fff;
    padding: 12px 50px;
    text-transform: lowercase;
    border-radius: 5px;
    font-family: "Oswald-Regular";
    padding: 12px 50px 18px;
    text-transform: lowercase;
    border: 2px solid #fff;
    margin-bottom:20px;
}
.vygoda .bron-link a {
    background:#b29666;
    border: 2px solid #b29666;
}

.vygoda a:hover {
    border: 2px solid #fff;
    color: #fff;
    background: #000;
}

.vygoda-img .vygoda-item {
    background: url('/images/kreml.jpg') 0 50% no-repeat;
    height: 600px;
    background-size: cover;
    position: relative;
}

.vygoda-img .vygoda-item:nth-child(2) {
    background: url('/images/kanat.jpg') 0 50% no-repeat;
    height: 600px;
    background-size: cover;
}

.vygoda-img .vygoda-item:nth-child(3) {
    background: url('/images/park.jpg') 0 50% no-repeat;
    height: 600px;
    background-size: cover;
}

.vygoda-img .vygoda-item p {
    font-family: "Oswald-Bold";
    position: absolute;
    bottom: 40px;
    display: block;
    text-align: center;
    margin: 0 auto;
    width: calc(100% - 10px);
    padding: 20px 5px 40px;
    font-size: 30px;
}
@media screen and (max-width:1366px) {
    .vygoda {
        margin:-50px 0 50px 100px;
    }
    .vygoda-left {
        width:calc(100% / 100*35);
    }
    .vygoda-right {
        width:calc(100% / 100*65);
    }
}
@media screen and (max-width:1024px) {
    .vygoda {
        margin:-75px 0 50px 0;
        border-radius:0;
    }
    .vygoda-left {
        width:calc(100% / 100*40);
    }
    .vygoda-right {
        width:calc(100% / 100*60);
    }
}
@media screen and (max-width:768px) {
    .vygoda {
        margin:-100px 0 50px 0;
        border-radius:0;
        position:relative;
        display:block;
    }
    .vygoda-left {
        width:100%;
        position:absolute;
        top:0;left:0;
        z-index:1000;
        background: rgb(0 0 0 / 50%);
    }
    .vygoda-right {
        width:100%;
        height:610px;
    }
    .vygoda-right h3{
        display:none;
    }
}
@media screen and (max-width:480px) {
    .vygoda-right {
        width:100%;
        height:687px;
    }
}

.overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 1000;
    justify-content: center;
    align-items: center;
}
.popup {
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
    width: 75%;
    max-width: 100%;
    max-height: 80vh;
    overflow-y: auto;
    position: relative;
}
.popup-content {
    padding: 10px 10px;
}
@media (max-width: 768px) {
    .popup {
        width: 90%;
    }
}

.popup-flex {
    display: flex;
    flex-wrap: wrap;
    padding:0 50px;
}
.popup-item {
    width: calc(100% / 3 - 40px);
    font-size: 15px;
    padding: 20px;
}
.popup-item strong {
    position: relative;
    padding-left:35px;
    font-size: 20px;
    display: block;
    padding-bottom: 10px;
    font-family: "Oswald-Bold";
    font-weight: normal;
    color: #39586d;
}
.popup-item strong:before {
    content: '';
    position: absolute;
    top: 4px;
    left: 0;
    background: #fff;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 3px solid #39586d;
}
.popup-item p {
    padding: 0 0 0 35px;
    font-size: 20px;
    line-height: 180%;
}
@media screen and (max-width:1366px) {
    .popup-item {
        width: calc(100% / 2 - 40px);
    }
    .popup-item p {
        font-size: 18px;
        line-height: 150%;
    }
}
@media screen and (max-width:1024px) {
    .popup-item {
        width:100%;
    }
}
@media screen and (max-width:900px) {
    .popup-flex {
        padding:40px 10px;
    }
    .popup-item {
        width: calc(100% / 2 - 40px);
        font-size: 15px;
        padding:10px;
    }
}
@media screen and (max-width:600px) {
    .popup-item {
        width:100%;
        padding:20px;
    }
}
.rooms {
    margin: 100px 0 50px;
}
.rooms strong {
    font-size: 40px;
    display: block;
    border-bottom: 1px solid #ccc;
    padding-bottom: 50px;
    font-family: "Oswald-Regular";
    font-weight: normal;
}
.smotrim {
    margin:100px 0;
}
.smotrim h2 {
    text-align:left;
    padding-left:100px;
    font-size:50px;
}
.smotrim-list {
    display:flex;
    flex-wrap:wrap;
    margin-top:50px;
}
.smotrim-item {
    border-radius:5px;
    position:relative;
}
.smotrim p {
    background:rgb(0 0 0 / 38%);
    color:#fff;
    font-size:25px;
    padding:20px 20px;
    border-radius:0 0 5px 5px;
    width:calc(100% - 40px);
    position:absolute;
    bottom:0;left:0;
}
.smotrim p span {
    display:block;
    padding-top:5px;
    margin-top:10px;
    font-size:20px;
    border-top:1px solid rgb(255 255 255 / 50%);
}
.smotrim-list-left {
    width:calc(100% / 100*45 - 20px);
}
.smotrim-list-left .smotrim-item {
    background:url('/images/ex/kr.jpg') 50% 0 no-repeat;
    background-size:cover;
    margin-left:100px;
    margin-right:20px;
    padding-top:500px;
}
.smotrim-list-right {
    width:calc(100% / 100*55 - 20px);
    flex-wrap:wrap;
    display:flex;
}
.smotrim-list-right .smotrim-item {
    width:calc(100% / 2 - 20px);
    margin:0 20px 20px 0;
    padding-top:240px;
}
.smotrim-list-right .smotrim-item:nth-child(1) {
    background:url('/images/ex/po.jpg') 50% 50% no-repeat;
    background-size:cover;
}
.smotrim-list-right .smotrim-item:nth-child(2) {
    background:url('/images/ex/ka.jpg') 50% 50% no-repeat;
    background-size:cover;
}
.smotrim-list-right .smotrim-item:nth-child(3) {
    background:url('/images/ex/fe.jpg') 50% 50% no-repeat;
    background-size:cover;
}
.smotrim-list-right .smotrim-item:nth-child(4) {
    background:url('/images/ex/ch.jpg') 50% 50% no-repeat;
    background-size:cover;
}
.smotrim-text {
    display:block;
    margin:30px 60px 50px 20px;
    text-align:right;
}
.smotrim-text strong {
    font-family: "Oswald-Bold";
    font-weight:normal;
    font-size:24px;
}
.smotrim-link {
    display:block;
    margin-right:60px;
    margin-top:20px;
    text-align:right;
}
.smotrim-link a {
    background: #39586d;
    text-decoration: none;
    display:inline-block;
    color: #fff;
    padding: 12px 50px;
    text-transform: lowercase;
    border-radius: 5px;
    font-family: "Oswald-Regular";
    padding: 12px 50px 18px;
    text-transform: lowercase;
    border: 2px solid #39586d;
    margin-bottom:20px;
    font-size:20px;
}

.smotrim-link a:hover {
    border: 2px solid #000;
    color: #000;
    background: #fff;
}
@media screen and (max-width:1366px) {
    .smotrim {
        margin:100px 0;
    }
}
@media screen and (max-width:1024px) {
    .smotrim h2 {
        padding-left:20px;
        font-size:40px;
    }
    .smotrim-list {
        justify-content:space-between;
    }
    .smotrim-list-left .smotrim-item {
        margin-left:20px;
        margin-right:10px;
    }
    .smotrim-list-left {
        width:calc(100% / 100*50 - 40px);
    }
    .smotrim-link {
        margin-right:20px;
    }
    .smotrim-link a {
        padding: 12px 100px 18px;
    }
}
@media screen and (max-width:768px) {
    .smotrim-list-left {
        width:100%;
    }
    .smotrim-list-left .smotrim-item {
        margin-left:20px;
        margin-right:20px;
        margin-bottom:20px;
    }
    .smotrim-list-right {
        width:100%;
        margin-left:20px;
        margin-right:0;
    }
    .smotrim-link {
        margin:20px auto 0;
        text-align:center;
    }
}
@media screen and (max-width:480px) {
    .smotrim-list-left .smotrim-item {
        padding-top:300px;
    }
    .smotrim-list-right .smotrim-item {
        width:100%;
        padding-top:300px;
    }
    .smotrim-link a {
        padding: 12px 40px 18px;
    }
}

/* ---------------------------------------
	Modal style
-----------------------------------------*/

.no_title #rl_modals_close {
    right:15px;
    top:20px
}
#rl_modals {
    border-radius:5px !important;
}
.cf-control-input h2 {
    display:block;
    margin-bottom:10px;
   text-align:center !important;
}

.bnovo-bron-block {
    margin:-110px auto 75px;
    position:relative;
    z-index:10000;
}

@media screen and (max-width:968px) {
    .bnovo-bron-block {
        margin:50px auto 50px;
        background:#39586d;
        padding:20px 0;
    }
}
.section-text {
    margin:60px 0 -60px 100px;
    border-radius:0 5px 5px 0;
    color:#333;
    padding:40px 200px 40px 40px;
    font-size:20px;
    line-height:150%;
    border-left:9px double #39586d;
}
@media screen and (max-width:1366px) {
    .section-text {
        margin:60px 0 -30px 40px;
    }
}
@media screen and (max-width:1024px) {
    .section-text {
        padding:40px;
    }
}
@media screen and (max-width:900px) {
    .section-text {
        margin:60px 0 -30px 20px;
    }
}
@media screen and (max-width:524px) {
    .section-text {
        margin:60px 0 60px 20px;
        font-size:18px;
    }
}