/*   
	Theme Name:        okna.zp.ua
	Theme URI:         https://digwp.com/clubhouse/
	Description:       A simple basic theme template for WordPress.
	Author:            Chris Coyier and Jeff Starr
	Author URI:        https://digwp.com/
	Donate link:       http://m0n.co/donate
	Version:           2.1
	Stable tag:        2.0
	Requires at least: 4.5
	Tested up to:      4.7
	License:           GNU General Public License v3 or later
	License URI:       http://www.gnu.org/licenses/gpl-3.0.html
	Tags:              one-column, two-columns, right-sidebar
	Text Domain:       blank-theme
*/
/* @import 'http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,bold&subset=latin,cyrillic-ext'; */

html {
    width: 100%;
    height: 100%;
}

/*dropdownmenu*/
body {
    position: relative;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    font-size: 16px;
    line-height: 24px;
    font-weight: 300;
    font-family: 'Trebuchet MS', sans-serif;
    color: #333;
    background-color: #ffffff;
}

a {
    color: #33A1EF;
    font-size: 16px;
    line-height: 24px;
    text-decoration: underline;
}

a:link {
    color: #33A1EF;
    font-size: 16px;
    line-height: 24px;
    text-decoration: underline;
}

a:active {
    color: #33A1EF;
    text-decoration: underline;
}

a:hover {
    color: #33A1EF;
    text-decoration: none;
}

a.orange-link {
    color: rgb(236, 137, 115);
}

a.orange-link:active {
    color: rgb(236, 137, 115);
}

a.orange-link:hover {
    color: rgb(236, 137, 115);
}

* {
    margin: 0;
    padding: 0;
    border: 0;
    outline: none;
}

strong, b {
    font-weight: 600;
}

.b-left {
    float: left;
}

.b-right {
    float: right;
}

.b-clear {
    clear: both;
}

.b-text-right {
    text-align: right;
}

.b-text-left {
    text-align: left;
}

.b-text-center {
    text-align: center;
}

.b-inline {
    display: inline-block;
}

img {
    border: 0;
    vertical-align: middle;
}

p {
    margin: 0;
    padding: 0;
}

.okno-page-title {
    font-size: 24px;
    line-height: 28px;
    color: #33a1ef;
}

.b-header-contacts-wrapper {
    width: 100%;
    border-bottom: 1px solid #ccc;
    min-height: 44px;
}

.b-header-contacts-wrapper > .container {
    position: relative;
}

.b-mobile-header {
    display: flex;
    align-items: center;
    height: 44px;
}

.b-mobile-header img {
    width: 21px;
    margin-right: 10px;
}

.instagram-fixed-buttons {
    position: fixed;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    z-index: 999;
}

.instagram-fixed-buttons .instagram-btn {
    position: relative;
    display: block;
    width: 120px;
    margin-bottom: 15px;
    background: none;
    padding: 0 10px;
}

.instagram-fixed-buttons .instagram-btn::before, .instagram-fixed-buttons .instagram-btn::after {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    transition: opacity 0.3s;
}

.instagram-fixed-buttons .instagram-btn::before {
    background: linear-gradient(45deg, rgba(240, 148, 51, 0.8), rgba(230, 104, 60, 0.8), rgba(220, 39, 67, 0.8), rgba(204, 35, 102, 0.8), rgba(188, 24, 136, 0.8));
}

.instagram-fixed-buttons .instagram-btn::after {
    background: linear-gradient(45deg, rgba(240, 148, 51, 1), rgba(230, 104, 60, 1), rgba(220, 39, 67, 1), rgba(204, 35, 102, 1), rgba(188, 24, 136, 1));
    opacity: 0;
}

.instagram-fixed-buttons .instagram-btn:hover::after {
    opacity: 1;
}

.instagram-fixed-buttons .instagram-btn span {
    position: relative;
    display: flex;
    align-items: center;
    z-index: 3;
}

.instagram-fixed-buttons .instagram-btn:last-child {
    margin-bottom: 0;
}

.instagram-fixed-buttons .instagram-btn i {
    margin-right: 10px;
}

.icon-instagram {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(images/icon-instagram.svg) no-repeat;
    background-size: cover;
}

.widget_polylang {
    position: absolute;
    right: 15px;
    top: 6.5px;
    z-index: 1000;
}

.widget_polylang ul {
    width: 40px;
    background: #62818D;
    display: none;
    /* border: 1px solid #0073ca;  */
    border-top: none;
}

.widget_polylang ul li a {
    display: block;
    color: #fff;
    line-height: 30px;
    text-decoration: none;
    transition: all 0.3s;
}

.widget_polylang ul li {
    text-align: center;
    transition: all 0.3s;
}

.widget_polylang ul li:hover {
    background: #7895a0;
}

.widget_polylang ul li:hover a {
    color: #fff;
}

.widget_polylang .selected-lang {
    width: 40px;
    height: 30px;
    font-size: 14px;
    line-height: 30px;
    background: #62818D;
    color: #fff;
    text-align: center;
    cursor: pointer;
}

.b-operator {
    font-size: 18px;
    font-weight: 400;
}

.b-number {
    font-size: 18px;
}

.b-logo-small {
    display: block;
}

.b-header-wrapper {
    width: 100%;
    border-bottom: 1px solid #ccc;
}

.b-logo {
    display: block;
    padding: 30px 0;
}

.main-menu-wrapper {
    border-bottom: 1px solid #ccc;
}

.b-top-menu {
    /* float: right; */
}

.b-main-menu {
    /* margin-top: 77px; */
    height: 60px;
    display: flex;
    justify-content: space-between;
}

.b-main-menu li {
    text-align: center;
    position: relative;
    border: 1px solid #fff;
    border-bottom: none;
    transition: all 0.3s;
}

.b-main-menu li:hover {
    border: 1px solid #ccc;
    border-bottom: none;
    background: #fff;
    padding-bottom: 10px;
    border-top: 1px solid transparent;
}

.b-main-menu li.b-nodrop:hover {
    border: 1px solid #fff;
    border-bottom: none;
    background: #fff;
}

.b-main-menu li a {
    font-size: 18px;
    color: #333;
    padding: 0 20px;
    display: block;
    text-decoration: none;
    transition: color 0.3s;
    height: 60px;
    line-height: 60px;
    text-transform: uppercase;
}

.b-main-menu li:last-child a {
    padding-right: 0;
}

.b-main-menu li a.b-active,
.b-main-menu li:hover a {
    color: #0b8fec;
}

.b-main-menu li:hover .b-drop {
    position: relative;
    padding-bottom: 28px;
    background: #ffffff url("images/row.gif") no-repeat bottom;
    z-index: 999;
}

.b-main-menu li:hover a.b-active .b-drop {
    position: relative;
    padding-bottom: 28px;
    background: #fff url("images/row.gif") no-repeat bottom;
    z-index: 999;
}

.b-main-menu .b-dropdown-columns {
    min-width: 700px;
    position: absolute;
    left: -1px;
    top: 59px;
    text-align: center;
    padding: 30px 15px;
    border: 1px solid #CCC;
    background: #fff;
    z-index: 998;
    box-shadow: 0 3px 10px rgba(0,0,0, 0.2);
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s;
}

.b-dropdown-columns .row .col-3, .b-dropdown-columns .row .col-4 {
    border-right: 1px solid #dedede;
}

.b-dropdown-columns .row .col-3 a:nth-child(2), .b-dropdown-columns .row .col-4 a:nth-child(2) {
    margin-top: 30px;
}

.b-dropdown-columns .row .col-3:last-child, .b-dropdown-columns .row .col-4:last-child {
    border-right: 0; 
}

.b-main-menu .b-dropdown-columns a {
    line-height: 24px;
    height: auto;
    padding: 0;
}

.b-main-menu li:hover .b-dropdown-columns {
    visibility: visible;
    opacity: 1;
}

.b-main-menu .b-col-1,
.b-main-menu .b-col-2 {
    background: url('images/sep.gif') repeat-y right;
}

.menu-icon {
    display: inline-block;
    width: 51px;
    height: 48px;
    margin-bottom: 10px;
    background-repeat: no-repeat;
}

.menu-icon.icon-lodzhiya {
    background-image: url(images/balkon-1.png);
}

.menu-icon.icon-g-balkon {
    background-image: url(images/balkon-2.png);
}

.menu-icon.icon-p-balkon {
    background-image: url(images/balkon-3.png);
}

.menu-icon.icon-fra-balkon {
    background-image: url(images/balkon-4.png);
}

.menu-icon.icon-about {
    background-image: url(images/menu-about.png);
}

.menu-icon.icon-rassrochka {
    background-image: url(images/rassrochka.png);
}

.menu-icon.icon-reviews {
    background-image: url(images/reviews.png);
}

.menu-icon.icon-profiles {
    background-image: url(images/profiles.gif);
}

.menu-icon.icon-steklopakety {
    background-image: url(images/steklo.gif);
}

.menu-icon.icon-furnitura {
    background-image: url(images/furnitura.gif);
}

.menu-icon.icon-zhalyuzi {
    background-image: url(images/complect.gif);
}

.menu-icon.icon-decor {
    background-image: url(images/decor.gif);
}

.menu-icon.icon-montazh {
    background-image: url(images/montag.gif);
}

.b-main-menu .b-col-text {
    color: #666;
}

.b-moblie-menu-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 50px;
    background: #fff;
    border-bottom: 1px solid #ccc;
    z-index: 99999;
}

.b-moblie-menu-wrapper .b-menu-icon {
    width: 30px;
    height: 50px;
    background: url(images/menu-icon.svg) no-repeat center center;
}

ul.b-moblie-menu {
    position: relative;
    top: 50px;
    width: 100%;
    display: none;
}

.banda-slider-container {
    position: relative;
    height: 427px;
    width: 100%;
    top: 0;
    overflow: hidden;
    border-bottom: 1px solid #ccc;
}

.banda-slider-container .b-container {
    height: 427px;
    width: 1140px;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    margin-left: -570px;
    z-index: 5;
}

.banda-slider-container .sliderShadow {
    background: url(images/shadow.png) left top repeat-y transparent;
    position: absolute;
    top: 0;
    height: 427px;
    width: 20px;
}

.banda-slider-container .sliderShadow.left-shadow {
    background-position: right top;
    left: -18px;
}

.banda-slider-container .sliderShadow.right-shadow {
    background-position: left top;
    right: -18px;
}

.banda-slider-container .info-wrap {
    z-index: 5;
}

.line34 {
    line-height: 34px;
}

.banda-slider-container .slider-info-box {
    line-height: 18px;
    width: 410px;
    height: 427px;
    padding-left: 50px;
    padding-right: 50px;
    position: absolute;
    left: 0px;
    top: 0px;
    background: #fff;
    z-index: 2;
}

.banda-slider-container .marker {
    background: url(images/1.png);
    width: 19px;
    height: 36px;
    position: absolute;
    top: 195px;
    left: 410px;
    z-index: 2;
}

.banda-slider-container .slider-info-box .active-info {
    display: none;
    padding-top: 50px;
}

.banda-slider-container .slider-info-box .active-info h3 {
    font-size: 25px;
    line-height: 30px;
    font-weight: 300;
    width: 270px;
    margin-bottom: 19px;
}

.banda-slider-container .slider-info-box .active-info p {
    font-size: 14px;
    line-height: 16px;
    width: 270px;
    margin-bottom: 22px;
}

.banda-slider-container .btn-container {
    top: 0;
    width: 500px;
    z-index: 3;
    height: 100%;
    position: absolute;
}

.banda-slider-container .btn-container:hover {
    cursor: pointer;
}

.banda-slider-container .btn-container.left-container {
    left: -500px;
    top: 0;
}

.banda-slider-container .btn-container.right-container {
    position: absolute;
    right: -500px;
}

.banda-slider-container .slider-buttons {
    background: none;
}

.banda-slider-container .slider-buttons.right {
    left: 23px;
    background-position: right top;
}

.banda-slider-container .slider-buttons.left {
    right: 23px;
}

.banda-slider-container .media {
    border-bottom: 1px solid #ccc;
    position: relative;
    left: 410px;
    width: 100%;
    height: 427px;
}

.banda-slider-container .media .info {
    display: none;
}

.banda-slider-container .media .slide {
    position: absolute;
    width: 730px;
    opacity: 0.25;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
    filter: alpha(opacity=25);
}

.banda-slider-container .media .slide img {
    width: 730px;
}

.banda-slider-container .media .slide.active {
    opacity: 1.0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
}

.pages {
    position: absolute;
    text-align: center;
    bottom: 50px;
}

.pages .arrow {
    background: none;
}

.pages li {
    display: inline-block;
    color: #999;
    font-weight: 400;
    width: 100px;
    height: 14px;
    padding-bottom: 20px !important;
    text-align: center;
    font-size: 14px;
    line-height: 16px;
    border-bottom: 2px solid #999999;
    position: relative;
    z-index: 4;
}

.pages li.active {
    font-weight: 400;
    color: #66ccff;
    border-bottom: 2px solid #66ccff;
}

.pages li:hover {
    cursor: pointer;
}

/* buttons mainmod1*/
a.b-btn, .b-btn {
    min-width: 130px;
    display: inline-block;
    text-align: center;
    background: #0073ca;
    height: 36px;
    position: relative;
    padding: 0 15px;
    color: #fff;
    line-height: 36px;
    font-size: 16px;
    text-decoration: none !important;
    transition: all 0.3s;
    text-transform: uppercase;
}

a.b-btn.b-blue, .b-btn.b-blue{
    background: #0073ca;
}

a.b-btn:focus {
    color: #fff;
    text-decoration: none;
}

a.b-btn:active {
    color: #fff;
    text-decoration: none;
}

a.b-btn.b-blue:hover, .b-btn.b-blue:hover {
    background: #2785cc;
    color: #fff;
}

a.b-btn.b-gray {
    background: #62818D;
}

a.b-btn.b-gray:hover {
    background: #7895a0;
    color: #fff;
}

a.b-btn.b-orange {
    background: #EC8973;
}

a.b-btn.b-orange:hover {
    background: #ef9a87;
    color: #fff;
}

/* end buttons */
.b-main {
    width: 100%;
    margin: 0 auto;
}

.b-mainmod {
    margin-top: 35px;
}

.b-mainmod .img1 {
    width: 38px;
    height: 38px;
}

.b-main-module {
    padding-bottom: 45px;
}

.b-right-block {
    padding-top: 35px;
    line-height: 18px;
    vertical-align: top;
    text-align: center;
    width: 100%;
    background: rgb(236, 137, 115);
}

.b-right-block-inner {
    height: 214px;
    border-bottom: 1px solid #dedede;
}

.b-right-block-inner-2 {
    text-align: center;
    margin: 5px 18px 50px 18px;
    padding-bottom: 45px;
    height: 400px;
}

.b-input {
    font-size: 16px;
    font-weight: 300;
    width: 100%;
    height: 50px;
    line-height: 50px;
    color: #669999;
    border: 1px solid #ccc;
    padding: 0 10px 0 40px;
}

.b-input.b-name {
    background: #fff url(images/inputname.gif) no-repeat;
    background-position: 98% 50%;
}

.b-input.b-mobile {
    background: #fff url(images/inputmob.gif) no-repeat;
    background-position: 97% 50%;
}

.b-select {
    font-size: 16px;
    font-weight: 300;
    width: 100%;
    height: 50px;
    line-height: 50px;
    color: #669999;
    background: #fff;
    border: 1px solid #ccc;
    padding-left: 40px;
}

.b-textarea {
    font-family: 'Open Sans', 'Trebuchet MS', sans-serif;
    font-size: 16px;
    font-weight: 300;
    width: 100%;
    height: 100px;
    color: #669999;
    border: 1px solid #ccc;
    padding: 10px 10px 10px 40px;
    resize: none;
    background: #fff;
}

.b-field {
    position: relative;
    margin-bottom: 20px;
}

.b-field br {
    display: none;
}

.b-field .form-icon {
    position: absolute;
    left: 10px;
    top: 50%;
    width: 22px;
    height: 20px;
    background-position: center;
    background-repeat: no-repeat;
    transform: translateY(-50%);
    opacity: 0.4;
    z-index: 2;
}

.b-field.b-textarea-field .form-icon {
    top: 11px;
    transform: none;
}

.b-field .form-icon.user-icon {
    background-image: url(images/user.svg);
}

.b-field .form-icon.phone-icon {
    background-image: url(images/phone.svg);
}

.b-field .form-icon.select-type-icon {
    background-image: url(images/select-type-icon.svg);
}

.b-field .form-icon.message-icon {
    background-image: url(images/message-icon.svg);
}

.b-module-about {
    line-height: 18px;
    width: 100%;
    margin-right: 18px;
    padding: 25px 0;
    /*border-bottom:2px dotted #ccc;*/
}

.b-top-item {
    margin-top: 25px;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 30px 60px 30px 40px;
    box-shadow: 0 0 10px 0px rgba(221, 221, 221, 1);
    -webkit-box-shadow: 0 0 10px 0px rgba(221, 221, 221, 1);
    -moz-box-shadow: 0 0 10px 0px rgba(221, 221, 221, 1);
}

.b-top-item .profile-logo {
    width: auto;
    height: 32px;
}

.b-top-item .b-item-price {
    margin-bottom: 10px;
}

.b-top-item .b-top-item-left {
    text-align: center;
    margin-right: 60px;
}

.b-top-item .b-top-item-left .b-name {
    color: rgb(88, 114, 125);
    font-size: 20px;
    text-align: center;
    font-weight: 400;
    margin-bottom: 15px;
}

.b-top-item .b-top-item-left .image {
    margin-bottom: 15px;
}

.b-top-item .b-top-item-left .image img {
    position: relative;
    left: -10px;
    max-width: 200px;
}

.b-top-item .b-top-item-prices {
    width: 450px;
}

.b-top-item .b-top-item-prices .price-item {
    white-space: nowrap;
    margin-bottom: 20px;
}

.b-top-item .b-top-item-prices .price-item:last-child {
    margin-bottom: 0;
}

.b-top-item .b-top-item-prices .price-item .row {
    align-items: center;
}

.b-top-item .b-top-item-prices .price-item .old-price {
    color: #333333;
    font-size: 20px;
    font-weight: 700;
    text-decoration: line-through;
    margin-left: 30px;
}

.b-top-item .b-top-item-prices .price-item .price {
    font-size: 26px;
    font-weight: 700;
    color: #fc403f;
    margin-left: 30px;
}

.b-top-item .b-top-item-prices .price-item .price.no-discount {
    color: #0073ca;
}

.b-top-item .description {
    margin-left: 60px;
}

.b-top-item .description h4 {
    margin-bottom: 8px;
    color: #0073ca;
}

.b-top-item .description ul {
    margin-left: 18px;
}

.b-top-item .description ul li {
    position: relative;
    font-size: 18px;
    padding-left: 22px;
}

.b-top-item .description ul li::before {
    content: '';
    position: absolute;
    top: 5px;
    left: 0;
    width: 14px;
    height: 14px;
    background: url(images/blue-check.svg) no-repeat;
}

.b-orange-text {
    font-size: 20px;
    font-weight: 600;
    color: rgb(236, 137, 115);
}

.b-gray-text {
    font-size: 20px;
    font-weight: 600;
    color: #62818D;
}

.b-dark-green-text {
    font-size: 20px;
    font-weight: bold;
    color: rgb(98, 129, 141);
}

.b-micro {
    margin-top: 25px;
}

.our-principles-wrapper {
    background: #f2f2f2;
}

.our-principle-item {
    text-align: center;
}

.our-principle-item .principle-icon {
    width: 100px;
    height: 100px;
    background: #fff;
    border-radius: 50%;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 48px;
    margin-bottom: 10px;
    background-size: auto 48px;
}

.our-principle-item .principle-icon.principle-icon-1 {
    background-image: url(images/icon-1.svg);
}

.our-principle-item .principle-icon.principle-icon-2 {
    background-image: url(images/icon-2.svg);
}

.our-principle-item .principle-icon.principle-icon-3 {
    background-image: url(images/icon-3.svg);
}

.our-principle-item h3 {
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.our-principle-item.item-1 h3 {
    color: #ec8973;
}

.our-principle-item.item-2 h3 {
    color: #51828f;
}

.our-principle-item.item-3 h3 {
    color: #0073ca;
}

.our-salon-item .map {
    line-height: 0;
}

.our-salon-item .map iframe {
    width: 100%;
    height: 250px;
}

.our-salon-item .description {
    box-shadow: 0 0 10px 0px rgba(221, 221, 221, 1);
    -webkit-box-shadow: 0 0 10px 0px rgba(221, 221, 221, 1);
    -moz-box-shadow: 0 0 10px 0px rgba(221, 221, 221, 1);
    padding: 30px;
}

.our-salon-item .salon-contact-item {
    margin-bottom: 20px;
}

.our-salon-item .salon-contact-item h3 {
    color: #51828f;
    margin-bottom: 15px;
}

.our-salon-item .salon-contact-item .b-btn {
    margin-top: 5px;
}

.home-page-form-wrapper {
    background: #f2f2f2;
}

.home-page-form-wrapper h2 {
    text-align: center;
}

.home-page-form-wrapper .button-row {
    text-align: center;
}

.home-page-form-wrapper .button-row .wpcf7-spinner {
    position: absolute;
    top: 12px;
    right: 0;
}

.home-page-form-wrapper .home-page-form {
    width: 100%;
    max-width: 500px;
    margin: 25px auto 0;
}

.home-page-form-wrapper .home-page-form .b-field:last-child {
    margin-bottom: 0;
}

.home-page-about-wrapper {
    padding: 41px 0;
}

.home-page-about-wrapper .home-page-about h1, .home-page-about-wrapper .home-page-about h2 {
    font-size: 20px;
    color: #51828f;
    margin-bottom: 10px;
}

.home-page-about-wrapper .home-page-about p {
    margin-bottom: 20px;
}

.home-page-about {
    text-align: left;
}

ul.b-menu-bottom {
    width: 100%;
    margin: 25px 0;
    padding: 0;
    line-height: 26px;
    vertical-align: top;
}

ul.b-menu-bottom .operator-logo {
    height: 16px;
    width: auto;
}

ul.b-menu-bottom li.b-raz {
    margin-bottom: 20px;
    color: rgb(237, 133, 108);
    font-size: 16px;
    font-weight: 600;
}

ul.b-menu-bottom li {
    margin-bottom: 8px;
}

ul.b-menu-bottom li a {
    font-size: 16px;
    line-height: 26px;
    color: #4a4a4a;
    display: block;
    outline: 0;
    font-weight: 400;
    text-decoration: none;
    transition: all 0.3s;
}

ul.b-menu-bottom li a:hover {
    color: #0073ca;
}

.b-footer {
    width: 100%;
    border-top: 1px solid #ccc;
    margin: 0 auto;
}

.pull-right {
    width: 750px;
}

/*--social--*/
.soc {
    position: fixed;
    right: 0;
    bottom: 100px;
    width: 40px;
    height: 180px;
}

.soc a {
    background: url("/images/111/social.png") no-repeat;
    display: inline-block;
    background-size: cover;
    width: 40px;
    height: 40px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.soc a:hover {
    border-radius: 50%;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}

.soc .vk {
    background-position: 0 0;
}

.soc .tw {
    background-position: -40px 0;
}

.soc .gp {
    background-position: -80px 0;
}

.soc .fb {
    background-position: -120px 0;
}

/*--end social--*/

/*--ÄËß ÁÀËÊÎÍÎÂ--*/
#wrapper {
    width: 50%;
    margin: 0 auto;
    margin-top: 100px;
}

#tabs ul,
#tabs2 ul,
#tabs3 ul,
#tabs4 ul,
#tabs5 ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#tabs,
#tabs2,
#tabs3,
#tabs4,
#tabs5 {
    width: 100%;
    margin-bottom: 40px;
}

#tabs li,
#tabs2 li,
#tabs3 li,
#tabs4 li,
#tabs5 li {
    float: left;
    margin-right: 2px;
}

#tabs li a,
#tabs2 li a,
#tabs3 li a,
#tabs4 li a,
#tabs5 li a {
    display: block;
    padding: 17px 30px;
    background: #0067b7;
    text-decoration: none;
    color: #fff;
    border: 1px solid #0067b7;
}

#tabs li a:hover,
#tabs2 li a:hover,
#tabs3 li a:hover,
#tabs4 li a:hover,
#tabs5 li a:hover {
    background: #007fda;

}

#tabs_container {
    position: relative;
    background: white;
}

#tabs_container div {
    margin-right: 40px;
}

.transition {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;

    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    -o-transition-delay: .3s;
    -ms-transition-delay: .3s;
    transition-delay: .3s;
}

.make_transist {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.hidescale {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    filter: alpha(opacity=0);
    opacity: 0;
}

.showscale {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;

    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    -o-transition-delay: .3s;
    -ms-transition-delay: .3s;
    transition-delay: .3s;
}

.hideleft {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
}

.showleft {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -o-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;

    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    -o-transition-delay: .3s;
    -ms-transition-delay: .3s;
    transition-delay: .3s;
}

.hidescaleup {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
}

.showscaleup {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;

    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    -o-transition-delay: .3s;
    -ms-transition-delay: .3s;
    transition-delay: .3s;
}

.hideflip {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;

    -webkit-transform: rotatey(-90deg) scale(1.1);
    -moz-transform: rotatey(-90deg) scale(1.1);
    -o-transform: rotatey(-90deg) scale(1.1);
    -ms-transform: rotatey(-90deg) scale(1.1);
    transform: rotatey(-90deg) scale(1.1);

    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.showflip {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;

    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    -o-transition-delay: .3s;
    -ms-transition-delay: .3s;
    transition-delay: .3s;

    -webkit-transform: rotatey(0deg) scale(1);
    -moz-transform: rotatey(0deg) scale(1);
    -o-transform: rotatey(0deg) scale(1);
    -ms-transform: rotatey(0deg) scale(1);
    transform: rotatey(0deg) scale(1);

    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.tabulous_active {
    background: white !important;
    color: #0067b7 !important;
}

.tabulousclear {
    display: block;
    clear: both;
}

.our-principles-wrapper, .our-salons-wrapper, .b-best-sellers, .uslugi-wrapper, .home-page-form-wrapper, .write-us-wrapper {
    padding: 41px 0 45px;
}

.our-principles-wrapper .our-principles, .our-salons-wrapper .our-salons, .home-page-form-wrapper .home-page-form, .write-us-buttons {
    margin-top: 25px;
}

.write-us-wrapper {
    background: #f2f2f2;
}

.write-us-wrapper .write-us-buttons {
    text-align: center;
}

.write-us-wrapper .write-us-buttons .b-btn {
    width: 210px;
    height: 45px;
    line-height: 45px;
    margin: 0 13px;
}

.uslugi-wrapper {
    background: #f2f2f2;
}

.b-complex {
    /*background: #0073ca;*/
    height: 590px;
    /*width:100%;*/
    margin-top: 30px;
}

.b-uslugi .uslugi-item {
    margin-top: 25px;
    background: #fff;
}

.b-uslugi .uslugi-item img {
    width: 100%;
    height: auto;
}

.b-uslugi .uslugi-item .uslugi-item-inner {
    padding: 15px 15px 20px;
}

.b-uslugi .uslugi-item h3 {
    color: rgb(88, 114, 125);
    font-size: 18px;
    height: 48px;
    overflow: hidden;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.b-uslugi .uslugi-item .description {
    height: 168px;
    overflow: hidden;
}

.b-uslugi .uslugi-item .button-wrapper {
    margin-top: 15px;
    text-align: center;
}

/*.uslugi{width:21.92%;float: left;margin-right: 35px;}
.uslugi:last-child{margin-right: 0;}
.uslugi:hover{background:#000;opacity: 0.5;}
.onhover{width: 180px; font-size: 14px; color: #000; font-weight: bold;display: none;position: relative;top:-250px; left: 25px;}
/*.uslugi:hover  .onhover{display: øòäøòó-block;}*/
.complex {
    width: 120px;
    float: left;
    margin-right: 160px;
}

.complexf {
    width: 120px;
    float: left;
    margin-left: 60px;
    margin-right: 170px;
}

.complexn {
    width: 120px;
    float: left;
    margin-right: 0;
}

/*.gradient {
background: -moz-radial-gradient(center, ellipse cover, rgba(0,127,218,1) 0%, rgba(0,127,218,1) 0%, rgba(0,0,0,0) 73%); /* ff3.6+ */
/*background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(0,127,218,1)), color-stop(0%, rgba(0,127,218,1)), color-stop(73%, rgba(0,0,0,0))); /* safari4+,chrome */
/*background:-webkit-radial-gradient(center, ellipse cover, rgba(0,127,218,1) 0%, rgba(0,127,218,1) 0%, rgba(0,0,0,0) 73%); /* safari5.1+,chrome10+ */
/*background: -o-radial-gradient(center, ellipse cover, rgba(0,127,218,1) 0%, rgba(0,127,218,1) 0%, rgba(0,0,0,0) 73%); /* opera 11.10+ */
/*background: -ms-radial-gradient(center, ellipse cover, rgba(0,127,218,1) 0%, rgba(0,127,218,1) 0%, rgba(0,0,0,0) 73%); /* ie10+ */
/*background:radial-gradient(ellipse at center, rgba(0,127,218,1) 0%, rgba(0,127,218,1) 0%, rgba(0,0,0,0) 73%); /* w3c */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007fda', endColorstr='#000000',GradientType=1 ); /* ie6-9 */
/*}*/
.b-catplex {
    background: url(/templates/okna/images/cat2.jpg) no-repeat;
    width: 100%;
    height: 700px;
    background-size: cover;
    margin-top: 30px;
}

.bottom {
    margin-top: 90px;
}

.pcv_button {
    display: inline-block;
    padding: 5px 13px !important;
    margin: 10px 5px !important;
    margin-right: 0 !important;
    /*border:solid 1px #000;*/
    float: right;
    background: #007fda;
    /*background:-moz-linear-gradient(top,#7abcff 0,#60abf8  44%,#4096ee 100%);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#7abcff),color-stop(44%,#60abf8),color-stop(100%,#4096ee));
background:-webkit-linear-gradient(top,#7abcff 0,#60abf8 44%,#4096ee 100%);
background:-o-linear-gradient(top,#7abcff 0,#60abf8 44%,#4096ee 100%);
background:-ms-linear-gradient(top,#7abcff 0,#60abf8 44%,#4096ee 100%);
background:linear-gradient(top,#7abcff 0,#60abf8 44%,#4096ee 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7abcff',endColorstr='#4096ee',GradientType=0);*/
    color: #fff !important;
    /*font:100% Arial,Helvetica,sans-serif;*/
    text-align: center;
    /*text-shadow:0 1px 0 rgba(55,121,188,.5);*/
    text-decoration: none !important;
    vertical-align: middle;
    /*zoom:1;*/
    display: inline;
    /*-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 1px 0 rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.5),inset 0 -1px 0 rgba(255,255,255,.3);-moz-box-shadow:0 1px 0 rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.5),inset 0 -1px 0 rgba(255,255,255,.3);box-shadow:0 1px 0 rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.5),inset 0 -1px 0 rgba(255,255,255,.3)*/
}

.pcv_button:hover {
    background: #469cf2;
    color: #fff;
}

.portfolio-items li {
    display: inline-block;
    float: left;
    list-style: none;
    position: relative;
    margin-right: 35px;
    margin-bottom: 30px;
}

.portfolio-items li img {
    display: block;
    width: 250px;
    height: auto;
    background: #eee;
    border: 1px solid #fff;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
    padding: 6px;
}

.portfolio-items li div.caption h3 {
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    padding-bottom: 5px;
    margin-bottom: 10px;
    border-bottom: 1px solid #aaa;
    text-shadow: 1px 1px 1px #303857;
}

.portfolio-items li div.caption {
    display: block;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    font-family: Arial, sans-serif;
    font-weight: 400;
    font-size: 11px;
    position: absolute;
    overflow: hidden;
    /*text-shadow:1px 1px 1px #303857;*/
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    padding: 10px;
}

.portfolio-items li:hover div.caption {
    width: 236px;
    height: 205px;
    opacity: 1;
    filter: alpha(opacity=80);
}

.portfolio-items li div.caption {
    top: 7px;
    right: 7px;
    width: 0;
    height: 0;
}

.font12w {
    letter-spacing: 2px;
    color: #000;
    font-size: 18px;
    line-height: normal;
    font-weight: bold;
    width: 250px;
    float: left;
    margin-top: 50px;
    text-align: center;
}

.font12c {
    letter-spacing: 2px;
    color: #fff;
    text-shadow: 0 0 0.2em #08e, 0 0 0.2em #08e,
        0 0 0.2em #08e;
    font-size: 16px;
    line-height: normal;
    font-weight: bold;
    width: 250px;
    float: left;
    margin-right: 35px;
    margin-top: 30px;
    margin-bottom: 50px;
    text-align: center;
}

.b-red-text {
    font-size: 20px;
    font-weight: 600;
    color: #fc403f;
}

.white {
    font-size: 20px;
    font-weight: bold;
    /*color:dodgerblue;*/
    color: #000;
    padding-top: 30px;
}

.font12 p.bluetr {
    color: #ec8973;
    font-size: 18px;
    font-weight: normal;
    line-height: 18px;
}

a.b-btn.b-red {
    background: #fc403f;
}

a.b-btn.b-red:hover {
    background: #ff5858;
    color: #fff;
}

.b-btn.b-viber-btn {
    background: rgba(102, 92, 167, 1);
}

.b-btn.b-viber-btn:hover {
    background: rgba(102, 92, 167, .8);
}

.b-btn.b-telegram-btn {
    background: rgba(46, 135, 202, 1);
}

.b-btn.b-telegram-btn:hover {
    background: rgba(46, 135, 202, .8);
}

.b-btn.b-instagram-btn {
    background: rgba(220, 39, 67, 1);
}

.b-btn.b-instagram-btn:hover {
    background: rgba(220, 39, 67, 0.8);
}

.b-columns {
    width: 30%;
    margin-right: 38px;
    float: left;
    text-align: justify;
}

.b-title {
    margin: 30px 0 30px 0;
}

a.b-btn.b-pink {
    background: #e95757;
}

a.b-btn.b-pink:hover {
    background: #ec7979;
    color: #fff;
}

.home-page-slider .slider-image {
    position: relative;
    left: 190px;   
    height: 427px;
}

.home-page-slider-wrapper {
    position: relative; 
    overflow: hidden;
    border-bottom: 1px solid #ccc;
}

.home-page-slider-wrapper .slider-description {
    position: absolute;
    width: 410px;
    height: 427px;
    background: #fff;
    left: 50%;
    transform: translateX(-50%);
    margin-left: -350px;
    z-index: 10;
    display: flex;
    align-items: center;
    padding-bottom: 90px;
}

.home-page-slider-wrapper .slider-description .owl-dots {
    position: absolute;
    bottom: 50px;
    left: 0;
    width: 100%;
    text-align: center;
}

.home-page-slider-wrapper .slider-description .owl-dots .owl-dot {
    display: inline-block;
    color: #999;
    width: 100px;
    height: 14px;
    padding-bottom: 20px;
    text-align: center;
    font-size: 14px;
    line-height: 16px;
    border-bottom: 2px solid #999999;
    background: none;
    position: relative;
    z-index: 4;
}

.home-page-slider-wrapper .slider-description .owl-dots .owl-dot.active {
    color: #66ccff;
    border-bottom: 2px solid #66ccff;
}

.home-page-slider-wrapper .slider-description::after {
    content: '';
    position: absolute;
    right: -41px;
    top: 50%;
    transform: translateY(-50%);
    border: 17px solid transparent; 
    border-left: 24px solid #fff; 
}

.home-page-slider-wrapper .active-info {
    padding: 0 50px;
}

.home-page-slider .info {
    display: none;
}

/*Owl caraousel*/

.home-page-slider .owl-nav > button {
    position: absolute;
    width: 500px;
    height: 100%;
    cursor: pointer;
    border: 0;
    top: 0;
    background: rgba(255, 255, 255, 0.5);
}

.home-page-slider .owl-nav > button::after {
    content: '';
    position: absolute;
    width: 15px;
    height: 100%;
    top: 0;
}

.home-page-slider .owl-nav .owl-prev::after {
    background: linear-gradient(to left, rgba(0, 0, 0, 0.1), transparent);
    right: 0;
}

.home-page-slider .owl-nav .owl-next::after {
    background: linear-gradient(to right, rgba(0, 0, 0, 0.1), transparent);
    left: 0;
}

.home-page-slider .owl-nav .owl-prev {
    left: 50%;
    transform: translateX(-50%);
    margin-left: -805px;
}

.home-page-slider .owl-nav .owl-next {
    right: 50%;
    transform: translateX(50%);
    margin-right: -805px;
}

.home-page-slider .owl-dots {
    display: none;
}

.owl-nav > button {
    display: block;
}

.owl-nav .owl-prev {
    left: 0px;
}

.owl-nav .owl-next {
    right: 0px;
}

.owl-nav .owl-prev.disabled,
.owl-nav .owl-next.disabled {
    cursor: default !important;
    opacity: 0.5;
}

.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1;
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}

.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
    display: none;
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-carousel.owl-loaded {
    display: block;
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block;
}

.owl-carousel.owl-hidden {
    opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden;
}

.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab;
}

.owl-carousel.owl-rtl {
    direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
    float: right;
}

.no-js .owl-carousel {
    display: block;
}

.owl-carousel .animated {
    animation-duration: 1000ms;
    animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
    z-index: 0;
}

.owl-carousel .owl-animated-out {
    z-index: 1;
}

.owl-carousel .fadeOut {
    animation-name: fadeOut;
}

.body {
    margin-bottom: 25px;
}

.wrap {
    width: 1205px;
    margin: 0 auto;
}

.phones {
    width: 100%;
    border-bottom: 1px solid #CCCCCC;
}

.phonepusto {
    width: 222px;
    max-width: 222px;
    height: 37px;
    float: left;
}

.contphone {
    width: 1205px;
    margin: 0 auto;
}

.phoneblock {
    width: 165px;
    max-width: 173px;
    height: 37px;
    float: right;
}

.phonescontainer {
    float: right;
    text-align: center;
    vertical-align: middle;
    height: 37px;
    line-height: 37px;
    margin: 0 auto;
}

.mobpusto {
    float: left;
    width: 60px;
    max-width: 60px;
    height: 37px;
}

.mobr {
    float: left;
}

#result-call {
    font-size: 13px;
}

.nomer {
    font-size: 14px;
}

.op {
    font-size: 14px;
    font-weight: 400;
}

.header {
    width: 1205px;
    height: 184px;
    margin: 0 auto;
}

.headerline {
    width: 100%;
    border-bottom: 1px solid #ccc;
}

.logo {
    width: 257px;
    height: 184px;
    line-height: 184px;
    float: left;
}

.lname {
    margin-left: 10px;
}

.topmenu {
    vertical-align: middle;
    float: right;
}

.toppusto {
    width: 121px;
    max-width: 125px;
    height: 184px;
    float: left;
}

.main {
    padding: 0;
    margin: 0 auto;
}

.mainmodules {
    width: 865px;
    padding-bottom: 25px;
    margin-right: 18px;
    border-bottom: 2px dotted #ccc;
}

.img1 {
    display: inline-block;
}

.wrap1 {
    padding-left: 5px;
    vertical-align: middle;
    height: 38px;
    line-height: 18px;
    display: inline-block;
    max-width: calc(100% - 50px);
    margin-bottom: 5px;
}

.black12 {
    font-size: 14px;
    font-weight: normal;
}

.black20 {
    font-size: 20px;
    font-weight: normal;
}

.wrap2 {
    color: #404040;
    padding-left: 46px;
    padding-top: 15px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
}

.wrap2 .description {
    height: 96px;
    overflow: hidden;
}

.wrap2 .b-btn {
    margin-top: 15px;
}

.black {
    font-size: 20px;
    font-weight: bold;
    color: #333;
}

h2.black {
    text-transform: uppercase;
}

.blue {
    font-size: 20px;
    font-weight: bold;
    color: rgb(0, 137, 216);
}

.font12 {
    color: #404040;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
}

.font12 p.bluet {
    color: #33a1ef;
    font-size: 18px;
    font-weight: normal;
}

.fancybox-row a {
    display: block;
    margin-bottom: 30px;
    text-align: center;
}

.center {
    text-align: center;
}

.font14 {
    font-size: 16px;
    font-weight: 400;
}

.rightblk {
    margin: 25px 0px 0 0;
}

.leftblk {
    margin: 25px 50px 0 0;
}

.pusto {
    margin-top: 25px;
    max-width: 56px;
    width: 56px;
    height: 340px;
    float: left;
}

.footerline {
    width: 100%;
    border-top: 1px solid #ccc;
}

.menucontainer {
    width: 1205px;
    height: 230px;
    margin: 0 auto;
}

.footer {
    margin: 0 auto;
}

p.menustati {
    color: #cccccc;
    font-size: 24px;
    font-weight: bold;
    line-height: 20px;
}

p.menustatiactive {
    color: #0b8fec;
    font-size: 24px;
    font-weight: bold;
    line-height: 20px;
}

.main a {
    text-decoration: none;
}

div.menucheck1 {
    margin-bottom: 60px;
    top: -2px;
    position: relative;
    z-index: 1;
    background: url(images/menuraw.png);
    width: 103px;
    height: 31px;
}

div.lined {
    border-bottom: 1px solid #dadada;
}

div.lined2 {
    border-bottom: 1px solid #f6f6f6;
}

.wrappergallery,
video {
    width: 640px;
    height: auto;
    margin-left: 20%;
    margin-bottom: 25px;
}

.left_right {
    position: absolute;
    display: none;
    cursor: pointer;
    margin: -288px 0 0 10px;
}

#comments div.comment-body {
    font-size: 1em !important;
}

/*--STAT PAGES-- furnitura*/
.statpage {
    color: #404040;
    width: 100%;
    margin: 70px auto 30px;
    font-weight: 400;
}

.statpage p.h2 {
    color: #000000;
    font-size: 24px;
    font-weight: lighter;
    line-height: 34px;
}

.statpage p.h4 {
    color: #404040;
    font-size: 13px;
    font-weight: normal;
    line-height: 18px;
}

.statpage p.nored {
    color: #cb6b6b;
    font-size: 13px;
    font-weight: normal;
    line-height: 18px;
}

.statpage div.middle {
    display: table;
    padding: 16px;
}

.statpage div.middle span {
    vertical-align: middle;
    display: table-cell;
}

.statpage p.title,
.statpage h1.title {
    font-size: 20px;
    line-height: 20px;
    color: rgb(98, 129, 141);
    font-weight: bold;
}

.statpage.balcons-page .image {
    height: 100%;
}

.statpage img.balcon {
    height: 100% !important;
    padding: 7px;
    border: 1px solid #dfdfdf;
}

.statpage div.line3 {
    border-bottom: 1px solid #dedede;
}

.statpage div.linedot {
    border-bottom: 3px dotted #dedede;
}

.statpage div.star {
    float: left;
    width: 75px;
    height: 58px;
    vertical-align: middle;
}

.statpage p.sh1 {
    color: #62818d;
    line-height: 16px;
    font-size: 16px;
    font-weight: bold;
}

.statpage a.boldblue {
    color: #0b8fec;
    font-size: 16px;
    font-weight: 600;
}

.statpage ul.star {
    margin-left: 70px;
    margin-top: 8px;
    float: left;
}

.statpage ul.star li {
    color: #3d3d3d;
    line-height: 22px;
    list-style-image: url(images/check1.png);
}

.statpage ul.work {
    margin-left: 20px;
    margin-top: 8px;
    float: left;
}

.statpage ul.work li {
    color: #3d3d3d;
    line-height: 22px;
    list-style-image: url(images/check1.png);
}

.statpage p.work {
    color: #3d3d3d;
    font-size: 20px;
    font-weight: bold;
}

.statpage div.balprice {
    line-height: 22px;
    margin-left: 60px;
    float: left;
}

.statpage p.pr {
    color: #3e3e3e;
    font-size: 16px;
    font-weight: normal;
}

.statpage p.pr span {
    color: #0b8fec;
    font-size: 16px;
    font-weight: normal;
}

.statpage span.orange {
    color: #e27a62;
    font-weight: 600;
}

.statpage b.semi {
    font-weight: 600;
}

.statpage div.razvarka {
    float: left;
}

.statpage div.onshivka {
    float: left;
    margin-left: 60px;
}

.statpage h2 {
    font-size: 20px;
    line-height: 20px;
    color: rgb(98, 129, 141);
    font-weight: bold;
}

.statpage h1 {
    font-size: 16px;
    line-height: 18px;
    color: #272727;
    font-weight: 600;
}

.statpage h1 span,
.statpage h2 span {
    font-size: 16px;
    line-height: 18px;
    color: #007dd8;
    font-weight: 600;
}

.statpage h3 {
    font-size: 24px;
    line-height: 28px;
    color: #3f3f3f;
    font-weight: 600
}

.statpage div.etap {
    font-size: 16px;
    text-align: center;
    display: inline-block;
    color: rgb(70, 98, 119);
    font-weight: normal;
}

.statpage div.raw {
    text-align: center;
    width: 85px;
    line-height: 90px;
    display: inline-block;
}

.statpage div.line {
    margin-top: 40px;
    border-bottom: 1px solid #ccc;
}

.statpage span.blue {
    font-size: 16px;
    color: #007dd8;
    font-weight: normal;
}

.statpage span.dark {
    font-size: 16px;
    color: #466277;
    font-weight: 600;
}

.statpage div.text {
    color: rgb(70, 98, 119);
}

.statpage div.line1 {
    margin-top: 15px;
    border-bottom: 1px solid #ccc;
}

.statpage div.line2 {
    margin-top: 25px;
    margin-bottom: 25px;
    border-bottom: 1px solid #ccc;
}

.statpage b.font14 {
    font-size: 14px;
    font-weight: 600;
}

.statpage div.divp {
    padding-left: 21px;
    width: 100%;
    display: inline-block;
}

.statpage div.divp1 {
    vertical-align: top;
    padding-left: 23px;
    display: inline-block;
    color: rgb(70, 98, 119);
}

.statpage div.divimg {
    display: inline-block;
}

.statpage a.blue {
    color: rgb(15, 147, 219);
    font-size: 14px;
    line-height: 16px;
    text-decoration: underline;
}

.statpage a.blue:link {
    color: rgb(15, 147, 219);
    font-size: 14px;
    line-height: 16px;
    text-decoration: underline;
}

.statpage a.blue:hover {
    color: rgb(15, 147, 219);
    font-size: 14px;
    line-height: 16px;
    text-decoration: underline;
}

.statpage a.blue:active {
    color: rgb(15, 147, 219);
    font-size: 14px;
    line-height: 16px;
    text-decoration: underline;
}

.statpage1 {
    color: #404040;
    font-size: 13px;
    line-height: 18px;
    width: 1205px;
    margin: 70px auto;
}

.statpage1 h2 {
    font-size: 20px;
    line-height: 20px;
    color: rgb(98, 129, 141);
    font-weight: bold;
}

.statpage1 a {
    color: rgb(15, 147, 219);
    font-size: 14px;
    line-height: 16px;
    text-decoration: underline;
}

.statpage1 a:link {
    color: rgb(15, 147, 219);
    font-size: 14px;
    line-height: 16px;
    text-decoration: underline;
}

.statpage1 a:hover {
    color: rgb(15, 147, 219);
    font-size: 14px;
    line-height: 16px;
    text-decoration: underline;
}

.statpage1 a:active {
    color: rgb(15, 147, 219);
    font-size: 14px;
    line-height: 16px;
    text-decoration: underline;
}

.statpage1 div.line {
    margin-top: 45px;
    margin-bottom: 30px;
    border-bottom: 1px solid #ccc;
}

.statpage1 h1 {
    color: rgb(15, 147, 219);
    font-size: 14px;
    line-height: 18px;
    font-weight: normal;
}

.width100 {
    padding-top: 40px;
    background: rgb(250, 250, 250);
    margin: 0 auto;
    text-align: center;
}

.width100 div.wrap {
    width: 550px;
    margin: 0 auto;
}

.width100 div.kursivgrey {
    text-align: center;
    color: #878787;
    font-size: 16px;
    line-height: 24px;
    font-style: italic;
}

.width100 div.kursivgrey2 {
    text-align: center;
    color: #2b2b2b;
    font-size: 16px;
    line-height: 24px;
    font-style: italic;
}

.width100 div.bluetext {
    text-align: center;
    color: #0f92db;
    font-size: 14px;
    line-height: 24px;
    font-weight: normal;
}

.statakcii p.nored {
    color: #cb6b6b;
    font-size: 16px;
    font-weight: 600;
    line-height: 18px;
}

.statakcii {
    padding-bottom: 50px;
    color: #404040;
    font-size: 18px;
    line-height: 18px;
    font-weight: normal;
    width: 1205px;
    margin: 70px auto;
}

.statakcii h2 {
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
    color: rgb(58, 58, 58);
}

.statakcii span.blue {
    color: rgb(11, 143, 236);
    font-size: 18px;
    font-weight: normal;
}

.statakcii div.akitem {
    margin-bottom: 30px;
    width: 1210px;
    height: 342px;
    border-right: none;
}

.statakcii div.akimg {
    text-align: center;
    height: 340px;
    width: 390px;
    line-height: 342px;
    float: left;
    vertical-align: middle;
    border: 1px solid #ccc;
    border-right: none;
}

.statakcii div.akcom {
    padding-top: 131px;
    text-align: left;
    width: 335px;
    height: 209px;
    border: 1px solid #ccc;
    border-left: none;
    float: left;
    vertical-align: middle;
    line-height: 10px;
}

.statakcii h1 {
    color: rgb(64, 94, 106);
    font-size: 24px;
    font-weight: 600;
}

.statakcii h3 {
    color: #0066cc;
    font-size: 18px;
    font-weight: normal;
}

.statakcii div.complect {
    padding-top: 80px;
    padding-left: 38px;
    float: left;
    width: 201px;
    height: 260px;
    border: 1px solid #ccc;
    border-left: none;
    border-right: none;
}

.statakcii div.complect h1 {
    color: #2b2b2b;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal;
}

.statakcii div.complect ul {
    padding-left: 20px;
    line-height: 22px;
    font-size: 14px;
    color: #727272;
}

.statakcii div.complect ul li {
    list-style-image: url(images/check1.png);
}

.statakcii div.complect div.oldprice {
    padding-right: 20px;
    width: 150px;
    text-align: center;
    color: #d80000;
    font-size: 32px;
    font-weight: normal;
    height: 32px;
    line-height: 32px;
    background: url(images/redline.png) repeat-x;
    background-position: 0 50%;
}

.statakcii div.price {
    text-align: center;
    padding-top: 115px;
    float: left;
    width: 239px;
    height: 227px;
    background: url(images/akprice.png) no-repeat;
}

/*--/STAT PAGES--*/
/*--PRICES--*/
.pricespod tr:nth-child(2n) {
    background: #33A1EF;
    color: #fff;
}

.pricespod tr:nth-child(2n+1) {
    color: #33A1EF;
}

.pricespod tr td {
    border-right: 1px solid #fff;
    padding: 15px;
    font-size: 18px;
}

.prices {
    text-align: center;
    padding-bottom: 120px;
    color: #404040;
    font-size: 18px;
    line-height: 24px;
    font-weight: normal;
    margin: 0 auto;
}

.pricemenu a {
    outline: none;
    float: left;
}

.prices div.p-block {
    width: 75px;
    max-width: 75px;
    height: 30px;
    float: left;
}

.prices div.line {
    border-top: 1px solid #f6f6f6;
}

.prices div.line2 {
    border-top: 1px solid #dadada;
}

.prices div.menucheck {
    margin-bottom: 60px;
    top: -2px;
    position: relative;
    z-index: 1;
    background: url(images/menuraw.png);
    width: 103px;
    height: 31px;
}

.prices h2 {
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
    color: rgb(58, 58, 58);
}

.prices span.blue {
    color: rgb(11, 143, 236);
    font-size: 18px;
    font-weight: normal;
}

.prices div.akitem {
    margin-top: 45px;
    padding-bottom: 40px;
}

.prices div.akimg {
    padding-top: 17px;
    text-align: center;
}

.prices div.akimg1 {
    padding-left: 10px;
    padding-top: 17px;
    text-align: center;
    vertical-align: top;
}

.prices div.akcom {
    position: relative;
    margin: 0;
    text-align: left;
    border-left: none;
    line-height: 18px;
}

.prices div.akcom::after {
    content: '';
    position: absolute;
    top: 110px;
    right: 15px;
    width: 1px;
    height: 140px;
    background: #ccc;
}

.prices h1 {
    color: rgb(64, 94, 106);
    font-size: 24px;
    font-weight: 600;
    vertical-align: top;
    line-height: normal;
}

.prices h3 {
    color: #0066cc;
    font-size: 18px;
    font-weight: normal;
}

.prices div.akcom h2 {
    color: #2b2b2b;
    font-size: 16px;
    line-height: 24px;
    font-weight: normal;
    margin-bottom: 10px;
}

.prices div.akcom ul {
    color: #727272;
    margin-bottom: 15px;
}

.prices div.akcom ul li {
    position: relative;
    font-size: 16px;
    line-height: 24px;
    padding-left: 22px;
}

.prices .akcom .b-red-text {
    font-size: 22px;
}

.prices .akcom .no-discount .b-red-text {
    color: #595959;
}

.prices div.akcom ul li::before {
    content: '\f00c';
    font-family: 'Font Awesome 5 Free';
    font-weight: bold;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 16px;
    color: #33a1ef;
}

.prices div.akcom h4 {
    position: absolute;
    top: 265px;
    color: #595959;
    font-size: 32px;
    font-weight: normal;
    line-height: 20px;
}

.prices div.akcom h4.blue {
    left: 172px;
    position: absolute;
    top: 206px;
    color: #0b8fec;
    font-size: 32px;
    font-weight: normal;
    line-height: 20px;
}

.prices div.verline {
    margin-left: 0;
    margin-top: 90px;
    float: left;
    height: 140px;
    border-right: 1px solid #f1f1f1;
}

.menshe {
    width: 540px;
}

.prices div.verline2 {
    margin-right: 50px;
    margin-top: 90px;
    float: left;
    height: 140px;
    border-right: 1px solid #f7f7f7;
}

.prices div.verline1 {
    margin-top: 90px;
    float: left;
    height: 140px;
    border-right: 1px solid #f1f1f1;
}

.prices div.verline22 {
    margin-right: 30px;
    margin-top: 90px;
    float: left;
    height: 140px;
    border-right: 1px solid #f7f7f7;
}

.prices div.other1 {
    width: 465px;
    padding-top: 40px;
    text-align: left;
    float: left;
}

.prices div.other1 ul {
    margin-bottom: 15px;
    line-height: 22px;
    font-size: 14px;
    color: #727272;
}

.prices div.other1 ul li {
    list-style: none;
}

.prices div.other1 ul li span.blue {
    font-size: 16px;
    padding-left: 10px;
    color: #0b8fec;
    line-height: 22px;
}

.prices div.other1 h1,
.prices div.other1 h2 {
    color: #1d1d1d;
    font-size: 18px;
    line-height: 20px;
    font-weight: normal;
}

.prices div.other1 div.realprice {
    padding-top: 15px;
    color: #595959;
    font-size: 32px;
    font-weight: normal;
    line-height: 20px;
}

.prices div.rassrochka {
    text-align: left;
    margin-top: 50px;
}

.rassrochka h2 {
    margin: 0;
    font-size: 20px;
    line-height: 20px;
    color: rgb(98, 129, 141);
    font-weight: bold;
}

.rassrochka div.text {
    width: 990px;
    float: left;
    color: #404040;
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 50px;
}

.prices div.kredit {
    text-align: left;
    margin-top: 50px;
}

.kredit h2 {
    margin: 0;
    font-size: 20px;
    line-height: 20px;
    color: rgb(98, 129, 141);
    font-weight: bold;
}

.kredit div.text {
    width: 985px;
    float: left;
    color: #404040;
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 50px;
}

.prices span.niceCheck {
    position: relative;
    top: 2px;
    margin-right: 5px;
    width: 14px;
    height: 16px;
    display: inline-block;
    cursor: pointer;
    background: url(images/checkbox.png);
}

.niceCheck input {
    display: none;
}

.prices div.other {
    padding-top: 40px;
    text-align: left;
}

.prices div.other ul {
    margin-bottom: 45px;
    padding-left: 13px;
    line-height: 24px;
    font-size: 16px;
    color: #727272;
}

.prices div.other ul li {
    list-style: disc;
}

.prices div.other h1,
.prices div.other h2 {
    color: #1d1d1d;
    font-size: 18px;
    line-height: 20px;
    font-weight: normal;
}

.prices div.oldprice {
    left: -5px;
    top: 241px;
    position: absolute;
    width: 150px;
    text-align: center;
    color: #d80000;
    font-size: 32px;
    font-weight: normal;
    height: 32px;
    line-height: 32px;
    background: url(images/redline.png) repeat-x;
    background-position: 0 50%;
}

.prices b.kursiv {
    font-size: 14px;
    line-height: 22px;
    color: #343434;
    font-style: italic;
    font-weight: normal;
}

div.price div.white {
    color: #fff;
    font-size: 40px;
    line-height: 40px;
    font-weight: 600;
}

.pricesbalkon td {
    padding: 10px;
    color: #62818d;
    font-size: 17px;
}

h2.tdred {
    color: #0067b7 !important;
    font-size: 22px;
    font-weight: bold;
}

/*--/PRICES--*/
/*--PROFILES--*/
.profiles {
    text-align: center;
    width: 100%;
    padding:70px 0 90px;
    color: #404040;
    font-size: 1em;
    line-height: 18px;
    font-weight: normal;
    margin: 0 auto;
}

.profiles div.menu {
    width: 100%;
    text-align: left;
    line-height: 25px;
}

.profiles div.menu div.title {
    padding-bottom: 24px;
    border-bottom: 1px solid #dadada;
}

.profiles p.title {
    text-align: left;
    color: #2d2d2d;
    font-size: 20px;
    line-height: 16px;
    font-weight: 600;
}

.profiles p.title1 {
    margin-bottom: 51px;
    text-align: left;
    color: #2d2d2d;
    font-size: 1.1em;
    line-height: 16px;
    font-weight: 600;
}

.profiles h1.title1 {
    padding-bottom: 50px;
    text-align: left;
    color: #2d2d2d;
    font-size: 20px;
    line-height: 16px;
    font-weight: 600;
    border-bottom: 1px solid #dadada;
}

.profiles p.subtitle {
    margin-bottom: 10px;
    color: #b7b7b7;
    font-size: 14px;
    line-height: 16px;
    font-weight: 600;
}

.profiles div.line {
    border-bottom: 1px solid #dadada;
}

.profiles div.line2 {
    border-bottom: 1px solid #f6f6f6;
}

.profiles div.verline {
    margin-top: 67px;
    float: left;
    height: 390px;
    border-right: 1px solid #dadada;
}

.profiles div.verline2 {
    margin-top: 67px;
    float: left;
    height: 390px;
    border-right: 1px solid #f6f6f6;
}

.profiles ul.leftmenu {
    position: relative;
    margin-top: 40px;
    padding: 0;
    list-style: none;
}

.profiles ul.leftmenu::after {
    content: '';
    position: absolute;
    right: -14.5px;
    top: 8px;
    background: #dadada;
    width: 1px;
    height: 100%;
    display: none;
}

.profiles ul.leftmenu li {
    position: relative;
    margin-bottom: 30px;
    width: 100%;
    color: #2d2d2d;
}

.profiles ul.leftmenu li a {
    font-weight: normal;
    font-size: 14px;
    color: #2d2d2d;
    text-decoration: none !important;
    display: flex;
    align-items: center;
}

.profiles ul.leftmenu li a img {
    margin-right: 20px;
}

.menu-profiles-page #menu-profiles-item::after, .menu-steklopakety-page #menu-steklopakety-item::after, .menu-furnitura-page #menu-furnitura-item::after, .menu-komplektacija-page #menu-komplektacija-item::after, .menu-dekorirovanie-page #menu-dekorirovanie-item::after, .menu-montazh-page #menu-montazh-item::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    width: 12px;
    height: 18px;
    transform: translateY(-50%);
    background: url(images/chevron-right.svg);
}

.menu-profiles-page #menu-profiles-item a, .menu-steklopakety-page #menu-steklopakety-item a, .menu-furnitura-page #menu-furnitura-item a, .menu-komplektacija-page #menu-komplektacija-item a, .menu-dekorirovanie-page #menu-dekorirovanie-item a, .menu-montazh-page #menu-montazh-item a {
    color: #007fd9;
}

.profiles div.main {
    width: 100%;
}

.profiles div.main .button-wrapper {
    text-align: center;
    margin-top: 40px;
}

.button-wrapper {
    text-align: center;
}

.profiles div.main .button-wrapper a:last-child, .prices .button-wrapper a:last-child:not(:first-child) {
    margin-left: 20px;
}

.profiles div.main a.profile {
    display: block;
    width: 100%;
    text-decoration: none !important;
    margin-bottom: 20px;
}

.profiles div.main a.left {
    margin-left: 25px;
}

.profiles div.main a.top {
    margin-top: 25px;
}

.profiles div.main a.top2 {
    margin-top: 40px;
}

.profiles div.main a.left2 {
    margin-left: 130px;
}

.profiles div.main a.leftfur {
    margin-left: 40px;
}

.profiles div.blocks {
    text-align: center;
    margin-top: 48px;
}

.profiles .blocks.text-page-wrapper .img-responsive {
    width: 100%;
    height: auto;
}

.profiles .montazh .etapmon img {
    margin-right: 15px;
    width: 70px;
    height: 70px;
}

.profiles div.blocks.row {
    margin: 48px -10px 0;
}

.profiles div.blocks.row > div {
    padding: 0 10px;
}

.profiles div.block {
    text-align: center;
    border: 1px solid #e3e3e3;
    width: 100%;
    background: #fafafa;
    box-shadow: 0 0 10px 0px rgba(221, 221, 221, 1);
    -webkit-box-shadow: 0 0 10px 0px rgba(221, 221, 221, 1);
    -moz-box-shadow: 0 0 10px 0px rgba(221, 221, 221, 1);
}

.profiles div.logoprof {
    width: 100%;
    height: 135px;
    text-align: center;
    line-height: 135px;
    border-bottom: 1px solid #e3e3e3;
    background: #fff;
}

.profiles p.introtitle {
    color: #3c90cb;
    font-size: 20px;
    line-height: 20px;
    font-weight: 600;
}

.profiles div.intro {
    color: #393939;
    font-size: 16px;
    line-height: 24px;
    text-align: left;
    padding: 20px;
    height: 245px;
}

.profiles  .furnitura-row div.intro {
    height: 245px;
}

.profiles div.logocom {
    width: 100%;
    height: 161px;
    text-align: center;
    line-height: 135px;
    border-bottom: 1px solid #e3e3e3;
}

.profiles div.logocom img {
    width: 100%;
    height: auto;
}

.profiles p.introtitlecom {
    color: #3c90cb;
    font-size: 20px;
    line-height: 20px;
    font-weight: 600;
}

.profiles div.introcom {
    color: #393939;
    font-size: 13px;
    line-height: 20px;
    height: 154px;
    text-align: left;
    background: #fafafa;
    padding: 15px;
}

.profiles div.block1 {
    width: 300px;
    line-height: 18px;
    text-align: center;
    height: 250px;
}

.profiles .text-wrapper {
    text-align: left;
}

.profiles .steklo {
    display: block;
    margin-bottom: 60px;
}

.profiles .steklo img {
    margin-bottom: 18px;
}

.profiles .steklo img.image-1 {
    width: 100%;
    height: auto;
    max-width: 152px;
}

.profiles .steklo img.image-2 {
    width: 100%;
    height: auto;
    max-width: 185px;
}

.profiles .steklo img.image-3 {
    width: 100%;
    height: auto;
    max-width: 245px;
}

.profiles .steklo img.image-4 {
    width: 100%;
    height: auto;
    max-width: 251px;
}

.profiles .steklo img.image-5 {
    width: 100%;
    height: auto;
    max-width: 315px;
}

.profiles .steklo h3 {
    color: #405e6a;
    font-size: 1.2em;
    font-weight: 600;
    line-height: 20px;
}

.profiles div.block2 {
    margin-left: 130px;
    text-align: center;
    width: 500px;
    line-height: 18px;
    height: 250px;
}

.profiles div.block2 p {
    color: #405e6a;
    font-size: 1.2em;
    font-weight: 600;
    line-height: 20px;
}

.profiles div.main a.steklo {
    text-decoration: none !important;
}

.profiles div.main a.steklo2 {
    max-width: 500px;
    text-decoration: none !important;
}

.profiles div.main a.fur {
    float: left;
    width: 380px;
    text-decoration: none !important;
}

.profiles div.blockfur {
    text-align: center;
    border: 1px solid #e3e3e3;
    width: 380px;
    height: 340px;
    box-shadow: 0 0 10px 0px rgba(221, 221, 221, 1);
    -webkit-box-shadow: 0 0 10px 0px rgba(221, 221, 221, 1);
    -moz-box-shadow: 0 0 10px 0px rgba(221, 221, 221, 1);
}

.profiles div.logofur {
    width: 380px;
    height: 135px;
    text-align: center;
    line-height: 135px;
    border-bottom: 1px solid #e3e3e3;
}

.profiles p.introtitle1 {
    color: #3c90cb;
    font-size: 20px;
    line-height: 20px;
    font-weight: 600;
}

.profiles div.intro1 {
    color: #393939;
    font-size: 13px;
    line-height: 20px;
    height: 164px;
    text-align: left;
    background: #fafafa;
    padding: 20px;
}

.profiles div.montazh {
    text-align: left;
    color: #404040;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
}

.profiles div.montazh p {
    color: #405e6a;
    font-size: 16px;
    line-height: 18px;
    font-weight: bold;
}

.profiles div.montazh h3 {
    color: #405e6a;
    font-size: 20px;
    margin-bottom: 15px;
}

.profiles div.etapmon {
    height: 87px;
    line-height: 98px;
    vertical-align: middle;
    color: #3f3f3f;
    font-size: 2em;
    font-weight: normal;
}

.profiles div.textmon {
    padding-left: 85px;
    padding-top: 5px;
    color: #466277;
}

.profiles div.linemon {
    padding-top: 25px;
    margin-bottom: 20px;
    border-bottom: 1px solid #dedede;
}

.profiles div.linedot {
    border-bottom: 3px dotted #dedede;
}

.profiles div.furnitura {
    position: relative;
    text-align: left;
    color: #404040;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
}

.profiles div.furnitura .image, .statpage .image {
    text-align: center;
    margin-bottom: 30px;
}

.profiles div.furnitura .image img, .statpage .image img {
    width: 100%;
    height: auto; 
}

.profiles div.furnitura p.black {
    color: #2d2d2d;
    font-size: 18px;
    line-height: 24px;
    font-weight: bold;
}

.star-wrapper {
    display: flex;
    align-items: center; 
}

.star-wrapper .star {
    display: flex;
    align-items: center;
    margin-right: 50px;
}

.star-wrapper .star h3 {
    color: #46636f;
    margin-left: 30px;
}

.star-wrapper .star i {
    font-size: 56px;
    color: #46636f;
}

.star-wrapper .sh1 {
    padding-left: 23px;
    margin-bottom: 10px;
}

div.furnitura ul, .star-wrapper ul {
    padding-left: 23px;
}

div.furnitura ul li.check, .profile-wrapper ul li.check, .star-wrapper ul li.check {
    position: relative;
    font-size: 16px;
    line-height: 24px;
    color: #3d3d3d;
    padding-left: 22px;
}

div.furnitura ul li.check::before, .profile-wrapper ul li.check::before, .star-wrapper ul li.check::before {
    content: '\f00c';
    font-family: 'Font Awesome 5 Free';
    font-weight: bold;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 16px;
    color: #33a1ef;
}

.profiles p.furtit, .profile-wrapper p.furtit {
    display: inline-block;
    color: #405e6a;
    font-size: 24px;
    font-weight: 600;
    line-height: 20px;
}

.profiles p.furtit1 {
    color: #405e6a;
    font-size: 22px;
    font-weight: 600;
    line-height: 20px;
}

.profiles p.blue {
    color: #0077cf;
    font-size: 16px;
    font-weight: 600;
    line-height: 18px;
}

.profiles p.bluet, .profile-wrapper p.bluet {
    color: #33a1ef;
    font-size: 18px;
    font-weight: normal;
    line-height: 18px;
}

.profiles div.six {
    height: 27px;
    vertical-align: middle;
}

.profiles div.blockdop {
    line-height: 16px;
    padding: 20px;
    height: auto;
    background: linear-gradient(to top, #f9f9f9, #fefefe);
    border: 1px solid #e1e1e1;
    border-bottom: none;
}

.profiles p.blue1 {
    color: #33a1ef;
    font-size: 16px;
    font-weight: 600;
    line-height: 18px;
}

.profiles p.sh1,
.profiles h1.sh1,
.start-wrapper .sh1 {
    color: #62818d;
    line-height: 16px;
    font-size: 16px;
    font-weight: bold;
}

.profiles p.bluelam {
    color: #3d90cb;
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
}

.profiles p.bluelam1 {
    color: #277cb8;
    font-size: 16px;
    line-height: 24px;
    font-weight: normal;
}

.profiles div.blocklamr {
    width: 100%;
    height: 100%;
    line-height: 24px;
    padding: 10px;
    background: linear-gradient(to top, #f9f9f9, #fefefe);
    border: 1px solid #e3e3e3;
    border-bottom: none;
}

.profiles div.blocklaml {
    width: 100%;
    height: 100%;
    line-height: 24px;
    padding: 10px;
    background: linear-gradient(to top, #f9f9f9, #fefefe);
    border: 1px solid #e3e3e3;
    border-bottom: none;
    border-left: none;
}

.profiles div.linegrey {
    border-bottom: 1px solid #e3e3e3;
}

.profiles p.sh2 {
    color: #405e6a;
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    padding-bottom: 18px;
}

.profiles img.balcon {
    padding: 7px;
    border: 1px solid #dfdfdf;
}

.profiles p.h2,
.profiles h1.h2 {
    color: #405e6a;
    font-size: 20px;
    font-weight: 600;
    line-height: 18px;
}

.profiles p.menucom {
    font-size: 18px;
    font-weight: normal;
    line-height: 20px;
}

.profiles div.menucheck {
    margin-bottom: 60px;
    top: -2px;
    position: relative;
    z-index: 1;
    background: url(images/menuraw.png);
    width: 103px;
    height: 31px;
}

.profiles a {
    text-decoration: none;
}

.profiles a.orange-link {
    text-decoration: underline;
}

.profiles a.orange-link:hover {
    text-decoration: none;
}

.balconio {
    width: 100%;
}

.profiles p.params, .profile-wrapper p.params {
    display: flex;
    align-items: center;
    color: #46636f;
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;
}

.profiles p.params i, .profile-wrapper p.params i {
    font-size: 24px;
    margin-right: 10px;
}

.profiles p.menudveri {
    color: #cccccc;
    font-size: 1.8em;
    font-weight: bold;
    line-height: 20px;
}

.profiles p.menudveriactive {
    color: #0b8fec;
    font-size: 24px;
    font-weight: bold;
    line-height: 20px;
}

.profiles img.doors {
    padding: 4px;
    border: 1px solid #dfdfdf;
}

div.furnitura ul li.check1 {
    font-size: 14px;
    line-height: 32px;
    color: #727272;
    list-style-image: url(images/check1.png);
}

.profiles p.priceblue {
    color: #0b8fec;
    font-size: 32px;
}

.profiles div.lineone {
    border-bottom: 1px solid #dadada;
}

.profiles p.paramname {
    width: 390px;
    color: #405e6a;
    font-size: 13px;
    line-height: 22px;
    font-weight: bold;
}

.profiles div.grey {
    background: #fcfcfc;
    padding: 16px;
    font-size: 16px;
    border-bottom: 3px dotted #dedede;
}

.profiles div.grey span {
    vertical-align: middle;
    display: table-cell;
}

.profiles div.white {
    background: #fff;
    padding: 16px;
    font-size: 16px;
    border-bottom: 3px dotted #dedede;
}

.profiles div.white span {
    vertical-align: middle;
    display: table-cell;
}

.profiles .characteristics-block {
    width: 100%;
    display: flex;
    align-items: center;
}

.profiles .characteristics-block .paramname {
    width: 40%;
    color: #405e6a;
    font-weight: bold;
    padding-right: 30px;
}

.profiles .characteristics-block .paraminfo {
    width: 60%;
    font-weight: 400;
}

.profiles div.doorsstyle {
    width: 79px;
    float: left;
    text-align: center;
    line-height: 20px;
    font-size: 13px;
    font-weight: normal;
    color: #222222;
}

.profiles a.stat {
    color: #008ad9;
    font-size: 12px;
    font-weight: 600;
    text-decoration: underline;
}

.contact-item {
    background: #fcfcfc;
    border: 1px solid #cdcdcd;
    margin-bottom: 30px;
}

.contact-item:last-child {
    margin-bottom: 0;
}

.contact-item .contact-item-map {
    overflow: hidden;
}

.contact-item .contact-item-map img {
    width: auto;
    height: 100%;
}

.contact-item .contact-item-info {
    padding: 15px; 
    text-align: center;
}

.contact-item .phones-numbers-list {
    margin: 20px 0;
}

.contact-item .phones-numbers-list .phone-number {
    display: flex;
    align-items: center;
    justify-content: center;
}

.contact-item .phones-numbers-list .operator-logo {
    width: 21px;
    height: auto;
    margin-right: 10px;
}

.contact-item .manager {
    margin-bottom: 20px;
}

.forcell {
    float: left;
}

/*--/PROFILES-- pages*/

.centerblock {
    vertical-align: top;
    width: 880px;
    float: left;
}

.pusto1 {
    max-width: 7px;
    height: 715px;
    width: 7px;
    float: left;
}

.rightblock {
    padding-top: 35px;
    line-height: 18px;
    vertical-align: top;
    text-align: center;
    width: 315px;
    background: rgb(250, 250, 250);
    float: left;
}

.rblock1 {
    height: 208px;
    border-bottom: 1px solid #dedede;
}

.rblock1line {
    border-bottom: 1px solid #ffffff;
}

.rblock2 {
    text-align: center;
    margin: 25px 18px 0 18px;
    padding-bottom: 45px;
    height: 400px;
}

.imputname {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: lighter;
    width: 237px;
    height: 26px;
    color: #669999;
    border: 1px solid #ccc;
    padding-right: 30px;
    padding-left: 7px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #fff url(images/inputname.gif) no-repeat;
    background-position: 98% 50%;
    outline: none;
}

.imputmob {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: lighter;
    width: 237px;
    height: 26px;
    color: #669999;
    border: 1px solid #ccc;
    padding-right: 30px;
    padding-left: 7px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #fff url(images/inputmob.gif) no-repeat;
    background-position: 97% 50%;
    outline: none;
}

.formselect {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: lighter;
    width: 274px;
    height: 26px;
    color: #669999;
    border: 1px solid #ccc;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #fff;
    padding-top: 1px;
    padding-left: 3px;
    outline: none;
}

.formtext {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: lighter;
    min-width: 264px;
    max-width: 264px;
    min-height: 90px;
    max-height: 90px;
    color: #669999;
    padding: 5px;
    border: 1px solid #ccc;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #fff;
    outline: none;
    resize: none;
}

.modonline {
    border-spacing: 0 20px;
}

/*--MOD ZAYAVKA--*/
.border {
    border-right: 1px solid rgb(243, 243, 243);
}

.borderwhite {
    border-right: 1px solid #fff;
}

.zayavkawrap {
    position: relative;
    width: 592px;
    height: 155px;
    text-align: center;
    margin: 0 auto;
    padding-bottom: 40px;
}

.zayavkawrap .gray {
    cursor: pointer;
    color: rgb(124, 121, 121);
    background: #fff;
    border-bottom: 1px solid rgb(243, 243, 243);
}

.zayavkawrap .blue {
    cursor: pointer;
    color: #fff;
    background: url(images/blueblock.jpg) no-repeat;
}

.zayavkawrap .ili1 {
    vertical-align: middle;
    line-height: 20px;
    height: 20px;
    width: 40px;
    background: #fff;
    position: absolute;
    font-size: 12px;
    color: #333;
    left: 176px;
    top: 70px;
    font-weight: normal;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 0 2px 2px 0px rgba(221, 221, 221, 0.8);
    -webkit-box-shadow: 0 2px 5px 0px rgba(221, 221, 221, 0.8);
    -moz-box-shadow: 0 2px 5px 0px rgba(221, 221, 221, 0.8);
}

.zayavkawrap .ili {
    vertical-align: middle;
    line-height: 20px;
    height: 20px;
    width: 40px;
    background: #fff;
    position: absolute;
    font-size: 12px;
    color: #333;
    left: 373px;
    top: 70px;
    font-weight: normal;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 0 2px 2px 0px rgba(221, 221, 221, 0.8);
    -webkit-box-shadow: 0 2px 5px 0px rgba(221, 221, 221, 0.8);
    -moz-box-shadow: 0 2px 5px 0px rgba(221, 221, 221, 0.8);
}

.modzayavka .imputname1 {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: lighter;
    width: 240px;
    height: 26px;
    color: #666;
    border: 1px solid #ccc;
    padding-right: 30px;
    padding-left: 18px;
    background: #fff url(images/inputname.gif) no-repeat;
    background-position: 98% 50%;
    outline: none;
}

.modzayavka .imputmob1 {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: lighter;
    width: 240px;
    height: 26px;
    color: #666;
    border: 1px solid #ccc;
    padding-right: 30px;
    padding-left: 18px;
    background: #fff url(images/inputmob.gif) no-repeat;
    background-position: 97% 50%;
    outline: none;
}

.modzayavka .formtext1 {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: lighter;
    max-width: 554px;
    max-height: 210px;
    min-width: 554px;
    min-height: 210px;
    color: #666;
    padding: 7px 18px 7px 18px;
    border: 1px solid #ccc;
    background: #fff;
    outline: none;
}

.modzayavka {
    padding-bottom: 100px;
    margin: 0 auto;
    border-spacing: 10px 10px;
}

/*--END MOD ZAYAVKA--*/
.bold600 {
    font-weight: 600;
}

/*--NEW FOOTER MENU--*/
ul.menubottom {
    width: 331px;
    margin: 25px 0;
    padding: 0;
    float: left;
    line-height: 26px;
    vertical-align: top;
}

ul.menubottom-last {
    width: 210px;
    margin: 25px 0;
    padding: 0;
    float: left;
    line-height: 26px;
    vertical-align: top;
}

ul.menubottom li.raz,
ul.menubottom-last li.raz {
    margin-bottom: 20px;
    color: rgb(237, 133, 108);
    font-size: 16px;
    font-weight: 600;
}

ul.menubottom li a,
ul.menubottom-last li a {
    font-size: 14px;
    line-height: 26px;
    color: #4a4a4a;
    display: block;
    outline: 0;
    font-weight: 400;
    text-decoration: none;
}

/*--END NEW FOOTER MENU--*/
/*--NEW BANDA MENU--*/
#dropdownmenu {
    text-align: right;
    float: right;
    list-style: none;
    margin: 30px auto 0px auto;
    height: 43px;
    padding: 0;
    background: #FFF;
}

#dropdownmenu li {
    padding-top: 10px;
    float: left;
    text-align: center;
    position: relative;
    margin-top: 7px;
    border: 1px solid #FFF;
    border-bottom: none;
}

#dropdownmenu li:hover {
    border: 1px solid #ccc;
    border-bottom: none;
    background: #FFF;
    padding-bottom: 50px;
}

#dropdownmenu li.nodrop:hover {
    border: 1px solid #fff;
    border-bottom: none;
    background: #FFF;
}

#dropdownmenu li a.active {
    font-size: 16px;
    color: #0b8fec;
    display: block;
    outline: 0;
    text-decoration: none;
}

#dropdownmenu li:hover a.active {
    font-size: 16px;
    color: #0b8fec;
    display: block;
    outline: 0;
    text-decoration: none;
}

#dropdownmenu li a {
    font-size: 16px;
    color: #333;
    display: block;
    outline: 0;
    text-decoration: none;
}

#dropdownmenu li:hover a {
    color: #333;
}

#dropdownmenu li:hover .drop {
    position: relative;
    padding-bottom: 28px;
    background: #ffffff url("images/row.gif") no-repeat bottom;
    z-index: 999;
}

#dropdownmenu li:hover a.active .drop {
    position: relative;
    padding-bottom: 28px;
    background: #ffffff url("images/row.gif") no-repeat bottom;
    z-index: 999;
}

.dropdown_columns {
    width: 650px;
    margin: 4px auto;
    float: left;
    position: absolute;
    left: -999em;
    text-align: center;
    padding: 4px 10px 4px 10px;
    border: 1px solid #CCC;
    background: #FFF;
    z-index: 998;
}

#dropdownmenu li:hover .dropdown_columns {
    left: -285px;
    top: 40px;
}

.col_1,
.col_2 {
    background: url('images/sep.gif') repeat-y right;
}

.collink {
    margin-bottom: 30px;
}

.col_1,
.col_2,
.col_3 {
    margin-top: 30px;
    margin-bottom: 20px;
    line-height: 10px;
    text-align: center;
    display: inline-block;
    position: relative;
}

.col_1 {
    width: 175px;
}

.col_2 {
    width: 225px;
}

.col_3 {
    width: 235px;
}

.col_text {
    color: #666;
}

/*--END NEW BANDA MENU--*/
.clear {
    clear: both;
}

.clearnone {
    clear: none;
}

li {
    list-style: none;
}

ul,
li {
    margin: 0;
    padding: 0;
}

.black24 {
    font-weight: lighter;
    font-size: 24px;
    color: #000;
}

/*--END NEW BANDA CAROUSEL--*/
/*--NEW BANDA BUTTONS--*/
/*--DARKGRAY--*/
a.darkbtn {
    min-width: 130px;
    display: inline-block;
    text-align: center;
    float: top;
    background: url('images/darkc.gif') repeat-x;
    height: 36px;
    position: relative;
    margin: 2px 2px;
    padding: 0 0px;
    background-position: 0 0px;
    background-repeat: repeat-x;
    color: #FFF;
    line-height: 36px;
    font-size: 14px;
    text-decoration: none !important;
}

a.darkbtn:before,
a.darkbtn:after {
    content: "";
    position: absolute;
    top: 0;
    width: 2px;
    height: 36px;
    background-repeat: no-repeat;
}

a.darkbtn:before {
    position: absolute;
    top: 0;
    left: -2px;
    background-position: 0 0px;
    background-repeat: no-repeat;
    background: url('images/darkl.gif') no-repeat;
}

a.darkbtn:after {
    position: absolute;
    top: 0;
    right: -2px;
    background-position: 0 0px;
    background-repeat: no-repeat;
    background: url('images/darkr.gif') no-repeat;
}

/*--END DARKGRAY--*/
/*--ORANGE--*/
a.orangebtn {
    min-width: 130px;
    display: inline-block;
    text-align: center;
    float: top;
    background: url('images/orangec.gif') repeat-x;
    height: 36px;
    position: relative;
    margin: 2px 2px;
    padding: 0 0px;
    background-position: 0 0px;
    background-repeat: repeat-x;
    color: #FFF;
    line-height: 36px;
    font-size: 14px;
    text-decoration: none !important;
}

a.orangebtn:before,
a.orangebtn:after {
    content: "";
    position: absolute;
    top: 0;
    width: 2px;
    height: 36px;
    background-repeat: no-repeat;
}

a.orangebtn:before {
    position: absolute;
    top: 0;
    left: -2px;
    background-position: 0 0px;
    background-repeat: no-repeat;
    background: url('images/orangel.gif') no-repeat;
}

a.orangebtn:after {
    position: absolute;
    top: 0;
    right: -2px;
    background-position: 0 0px;
    background-repeat: no-repeat;
    background: url('images/oranger.gif') no-repeat;
}

a.bigbluebtn,
a.bluebtn {
    display: inline-block;
    text-align: center;
    background: #0073ca;
    height: 56px;
    position: relative;
    padding: 0 20px;
    color: #fff;
    line-height: 56px;
    font-size: 1.2em;
    text-decoration: none !important;
    transition: all 0.3s;
}

a.bigbluebtn:hover,
a.bluebtn:hover {
    background: #2785cc;
}

a.bigbluebtn i,
a.bluebtn i {
    margin-right: 10px;
}

a.bluelbtn {
    min-width: 130px;
    display: inline-block;
    text-align: center;
    background: url('images/bluelight_c.gif') repeat-x;
    height: 36px;
    position: relative;
    margin: 2px 2px;
    padding: 0 0px;
    background-position: 0 0px;
    background-repeat: repeat-x;
    color: #FFF;
    line-height: 36px;
    font-size: 1.2em;
    text-decoration: none !important;
}

a.bluelbtn:before,
a.bluelbtn:after {
    content: "";
    position: absolute;
    top: 0;
    width: 2px;
    height: 36px;
    background-repeat: no-repeat;
}

a.bluelbtn:before {
    position: absolute;
    top: 0;
    left: -2px;
    background-position: 0 0px;
    background-repeat: no-repeat;
    background: url('images/bluelight_l.gif') no-repeat;
}

a.bluelbtn:after {
    position: absolute;
    top: 0;
    right: -2px;
    background-position: 0 0px;
    background-repeat: no-repeat;
    background: url('images/bluelight_r.gif') no-repeat;
}

/*--END BLUELIGHT--*/
/*--BLUE AKCII--*/
a.bluelak {
    min-width: 164px;
    display: inline-block;
    text-align: center;
    text-align: center;
    background: url(images/blueak.png) repeat-x;
    height: 56px;
    position: relative;
    color: #FFF;
    margin: 0;
    padding: 0 0px;
    background-position: 0 0px;
    background-repeat: repeat-x;
    line-height: 56px;
    font-size: 14px;
    text-decoration: none !important;
    font-weight: 600;
    border: 1px solid #fff;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

/*--END BLUE AKCII--*/
/*--END NEW BANDA BUTTONS--*/
/*--TOOLTIP--*/
.profiles a.tooltip {
    position: relative;
    left: 10px;
    top: -1px;
    display: inline-block;
    width: 30px;
    height: 26px;
    line-height: 26px;
    background: #ededed;
    color: #5a5a5a;
    font-size: 18px;
    transition: all 0.3s;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 3px;
}

.profiles a.tooltip:hover {
    color: #fff;
    background: #0986de;
    border-color: #0986de;
}

.profiles a.tooltip span {
    visibility: hidden;
    position: absolute;
    top: -14px;
    left: 32px;
    width: 280px;
    height: 100%;
    color: #fff;
    text-align: left;
    opacity: 0;
    transition: all 0.3s;
    z-index: 10;
}

/*background:; ie hack, something must be changed in a for ie to execute it*/
.profiles a.tooltip:hover span.tooltip {
    visibility: visible;
    opacity: 1;
}

.profiles a.tooltip:hover span.tooltip div.tipup {
    position: relative;
    padding: 5px 5px 5px 15px;
    width: 260px;
    font-size: 14px;
    line-height: 18px;
    background: #0986de;
    border-radius: 3px;
}

.profiles a.tooltip span.tooltip div.tipup::before {
    content: '';
    position: absolute;
    top: 19px;
    left: 0;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s;
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 9px solid #fff;
}

.profiles a.tooltip span.tooltip div.tipup::after {
    content: '';
    position: absolute;
    top: 20px;
    left: -3px;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 8px solid #0986de;
}

.profiles a.tooltip:hover span.tooltip div.tipup::after, .profiles a.tooltip:hover span.tooltip div.tipup::before {
    visibility: visible;
    opacity: 1;
}

.roller {
    margin-bottom: 15px;
}

/*--END TOOLTIP--*/

.profile-wrapper {
    display: flex;
}

.profile-wrapper .profile-info ul {
    margin-left: 34px;
}

.profile-wrapper .profile-image {
    margin-right: 25px;
}

.profile-wrapper.column-reverse .profile-image {
    margin: 0 0 0 25px;
}

#mask {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9000;
    background-color: #000;
    display: none;
    overflow: hidden;
}

#boxes .window {
    position: absolute;
    left: 0;
    top: 0;
    width: 400px;
    display: none;
    z-index: 9999;
    padding: 20px;
    text-align: center;
    font-size: 25px;
}

#boxes .window-1 {
    position: absolute;
    left: 0;
    top: 100px !important;
    display: none;
    z-index: 9999;
    padding: 20px;
    text-align: left;
}

#boxes #dialog {
    width: 400px;
    height: 260px;
    padding: 10px;
    background-color: #ffffff;
    text-align: center;
}

.close {
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 0;
    right: 0;
    background: url(images/close.png) no-repeat;
}

#boxes #no-page {
    width: 800px;
    padding: 20px;
    background-color: #ffffff;
    font-size: 14px;
}

/*--SEO-- */
.statpage h1 {
    color: #62818d;
    line-height: 20px;
    font-size: 20px;
    font-weight: bold;
}

.prices h2 {
    color: rgb(64, 94, 106);
    font-size: 24px;
    font-weight: 600;
    vertical-align: top;
}

.statpage h2 {
    color: #62818d;
    line-height: 20px;
    font-size: 20px;
    font-weight: bold;
}

a.new-icon {
    position: absolute;
    display: inline-block;
    top: 150px;
    right: 60px;
    width: 125px;
    height: 129px;
    line-height: 129px;
}

.profiles {
    position: relative;
}

.container_with_button {
    position: relative;
}

.main_button_container {
    position: absolute;
    right: 15px;
    top: 37px;
	display: flex;
    gap: 20px;
}

.evindnovlenya-btn img {
    height: 46px;
}

.main_button_container .b-btn {
    font-size: 20px;
}

a.main_button, .main_button {
    padding: 0 78px;
    height: 45px;
    line-height: 45px;
    cursor: pointer;
}

.gwolle_gb_submit .button-row {
    text-align: center;
}

/*-------------------------*/
.b-main-menu .b-col-for4 {
    width: 157px;
    float: left;
    margin-top: 30px;
    margin-bottom: 20px;
    text-align: center;
    display: inline-block;
    position: relative;
}

.slider .uslugi-item {
    width: 255px;
}

.slider .owl-nav {
    display: flex;
    justify-content: center;
    position: relative;
    width: 100%;
    margin-top: 40px;
}

.slider .owl-nav > button::after {
    display: none;
}

.slider .owl-nav > button {
    position: relative;
    width: 40px;
    height: 40px;
    background-color: #fff;
    background-size: 19px 30px;
    background-position: center;
    background-repeat: no-repeat;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    transition: all 0.3s;
}

.slider .owl-nav > button:hover {
    transform: scale(1.1);
}

.slider .owl-nav > button.disabled:hover {
    transform: scale(1);
}

.slider .owl-nav > button.disabled {
    opacity: 0.7;
}

.slider .owl-nav .owl-next {
    right: inherit;
    transform: none;
    margin: 0 20px;
    background-image: url(images/chevron-right.svg);
}

.slider .owl-nav .owl-prev {
    left: inherit;
    transform: none;
    margin: 0 20px;
    background-image: url(images/chevron-left.svg);
}

.check-wrapper {
    position: relative;
    padding-left: 35px;
    margin: 15px 0;
}

.check-wrapper::before {
    content: '\f00c';
    font-family: 'Font Awesome 5 Free';
    font-weight: bold;
    font-size: 26px;
    color: #33a1ef;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.windowsill-menu, .pricemenu {
    margin: 20px 0 60px;
}

.windowsill-menu ul, .pricemenu ul {
    display: flex;
    justify-content: space-between;
    list-style: none;
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
}

.windowsill-menu ul li, .pricemenu ul li {
    position: relative;
}

.windowsill-menu ul li a, .pricemenu ul li a {
    display: block;
    text-align: left;
    color: #ccc;
}

.pricemenu ul li a {
    text-align: center;
}

.windowsill-menu ul li::before, .pricemenu ul li::before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -100px;
    border: 40px solid transparent; 
    border-top: 40px solid #3d90cb; 
    display: none;
    transform: translateX(-50%);
}

.windowsill-menu ul li::after, .pricemenu ul li::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -96px;
    border: 38px solid transparent; 
    border-top: 38px solid #fff; 
    display: none;
    transform: translateX(-50%);
}

.pricemenu .price-logo {
    display: inline-block;
    height: 67px;
    background-position: 0 -67px;
    background-repeat: no-repeat;
}

.price-menu-1 .price-rehau-logo, .price-menu-2 .price-steko-s-logo, .price-menu-3 .price-kve-logo, .price-menu-4 .price-wds-logo, .price-menu-5 .price-balcons-logo, .price-menu-5 .price-balcons-ukr-logo {
    background-position: 0 0;
}

.price-rehau-logo {
    width: 123px;
    background-image: url(images/catalog/new/rehau.png);
}

.price-steko-s-logo {
    width: 146px;
    background-image: url(images/catalog/new/steko-s.png);
}

.price-kve-logo {
    width: 133px;
    background-image: url(images/catalog/new/kve.png);
}

.price-wds-logo {
    width: 130px;
    background-image: url(images/catalog/new/wds.png);
}

.price-balcons-logo {
    width: 143px;
    background-image: url(images/catalog/new/balcons.png);
}

.price-balcons-ukr-logo {
    width: 143px;
    background-image: url(images/catalog/new/balcons-ukr.png);
}

.windowsill-menu.categories-menu ul li a {
    color: #ccc;
    font-size: 24px;
    font-weight: bold;
    line-height: 20px;
    text-decoration: none;
    text-transform: uppercase;
}

.windowsill-menu-1 .windowsill-menu ul li#windowsill-menu-1 a span, 
.windowsill-menu-2 .windowsill-menu ul li#windowsill-menu-2 a span, 
.windowsill-menu-3 .windowsill-menu ul li#windowsill-menu-3 a span, 
.windowsill-menu-4 .windowsill-menu ul li#windowsill-menu-4 a span, 
.windowsill-menu-5 .windowsill-menu ul li#windowsill-menu-5 a span,
.windowsill-menu ul li.active a {
    color: #3d90cb;
}

.windowsill-menu-1 .windowsill-menu ul li#windowsill-menu-1::before, .windowsill-menu-1 .windowsill-menu ul li#windowsill-menu-1::after,
.windowsill-menu-2 .windowsill-menu ul li#windowsill-menu-2::before, .windowsill-menu-2 .windowsill-menu ul li#windowsill-menu-2::after,
.windowsill-menu-3 .windowsill-menu ul li#windowsill-menu-3::before, .windowsill-menu-3 .windowsill-menu ul li#windowsill-menu-3::after,
.windowsill-menu-4 .windowsill-menu ul li#windowsill-menu-4::before, .windowsill-menu-4 .windowsill-menu ul li#windowsill-menu-4::after,
.windowsill-menu-5 .windowsill-menu ul li#windowsill-menu-5::before, .windowsill-menu-5 .windowsill-menu ul li#windowsill-menu-5::after, .price-menu-1 .pricemenu ul li#price-menu-1::after, .price-menu-2 .pricemenu ul li#price-menu-2::after, .price-menu-3 .pricemenu ul li#price-menu-3::after, .price-menu-4 .pricemenu ul li#price-menu-4::after, .price-menu-5 .pricemenu ul li#price-menu-5::after, .price-menu-1 .pricemenu ul li#price-menu-1::before, .price-menu-2 .pricemenu ul li#price-menu-2::before, .price-menu-3 .pricemenu ul li#price-menu-3::before, .price-menu-4 .pricemenu ul li#price-menu-4::before, .price-menu-5 .pricemenu ul li#price-menu-5::before, .windowsill-menu ul li.active::before, .windowsill-menu ul li.active::after {
    display: block;
}

.compositniy-podokonnik {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 30px 0;
}

.compositniy-podokonnik .compositniy-podokonnik-item {
    text-align: center;
    font-size: 18px;
}

.compositniy-podokonnik .compositniy-podokonnik-item p {
    margin-top: 10px;
}

.prices .price-credit-text, .statpage .hot-line-text {
    font-weight: bold;
    color: red;
    font-size: 20px;
    text-align: center;
    margin-bottom: 36px;
}

.archive-page {
    margin: 60px 0 0;
}

.archive-page .post-link {
    text-transform: uppercase;
}

.archive-row {
    padding-top: 40px;
    margin-bottom: -40px;
}

.post-item-wrapper {
    margin-bottom: 40px;
}

.post-item-wrapper .post-item {
    position: relative;
    background: #fcfcfc;
    padding: 20px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    margin-bottom: 35px;
}

.post-item-wrapper .post-item::after {
    content: '';
    position: absolute;
    bottom: -29px; 
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-top: 30px solid #fcfcfc; 
    filter: drop-shadow(0 2px 1px rgba(0, 0, 0, 0.08));
}

.post-item-wrapper .post-item h3 {
    font-size: 18px;
    line-height: 20px;
    font-weight: 400;
    height: 40px;
    overflow: hidden;
    color: #2f2f2f;
    text-transform: uppercase;
    margin-bottom: 12px;
}

.post-item-wrapper .post-item .post-body {
    line-height: 20px;
    height: 80px;
    overflow: hidden;
    color: #727272;
    margin-bottom: 10px;
}

.post-item-wrapper .post-image {
    text-align: center;
}

.post-item-wrapper .post-image img {
    width: 147px;
    height: 147px;
    border-radius: 50%;
}

.documents-list {
    text-align: center;
}

.documents-list img {
    margin-bottom: 10px;
}

.etap-item {
    position: relative;
}

.etap-item::after {
    content: '\f054';
    font-family: 'Font Awesome 5 Free';
    font-weight: bold;
    font-size: 40px;
    color: #007dd8;
    position: absolute;
    right: 57px;
    top: 31px;
}

.etap-items > div:last-child .etap-item::after {
    display: none;
}

.etap-item .etap-item-step {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}

.etap-item .etap-item-step .icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 85px;
    height: 85px;
    border-radius: 50%;
    background: #007dd8;
    color: #fff;
    font-size: 32px;
    font-weight: 700;
    margin-right: 18px;
}

.etap-item .etap-item-step .title {
    font-size: 32px;
    font-weight: 700;
}

.etap-item .etap-item-info {
    text-align: center;
    color: rgb(70, 98, 119);
}

.balcons-page .button-wrapper {
    margin-top: 40px;
}

.pricespod {
    border: 0;
    border-collapse: collapse;
}

.pricespod thead tr {
    background: #efefef;
}

.pricespod thead tr th {
    padding: 10px;
}

.pricespod tbody tr td {
    text-align: center;
    border: none;
}

.statpage .darkgreen {
    color: #62818d;
}

.balcons-profile-row {
    margin-bottom: -60px;
}

.balcons-profile-row .profile-wrapper {
    margin-bottom: 60px;
}

.balcony-block {
    list-style: none;
    padding: 0;
    margin: 30px 0 60px;

}

.balcony-block__item {
    height: 100%;
    text-align: center;
    padding-bottom: 60px;
    position: relative;
}

.balcony-block__item img {
    max-width: 100%;
}

.balcony-block__item-price {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
}

.balcony-block__old-price {
    display: block;
    text-decoration: line-through;
    font-size: 14px;
    margin-top: 30px;
    margin-bottom: 10px;
}

.balcony-block__new-price {
    display: block;
    font-size: 30px;
}

.balcons-gallery-slider {
    margin-bottom: 40px;
}

.balcons-gallery-slider .slider-item img {
    width: 100%;
    height: auto;
}

.statpage h2.segment-title {
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 1px dashed #ccc;
    border-bottom: 1px dashed #ccc;
    margin-bottom: 40px;
    font-size: 26px;
    text-align: center;
    text-transform: uppercase;
}

.doors-list {
    margin-bottom: 40px;
}

.doors-list .doors-list-item {
    text-align: center;
}

.doors-list .doors-list-item .door-image {
    text-align: center;
    margin-bottom: 30px;
}

.doors-list .doors-list-item img {
    width: 300px;
    height: auto;
}

.doors-list .doors-list-item .door-model {
    font-size: 24px;
    margin-bottom: 20px;
    color: #62818d;
    font-weight: 700;
}

.doors-list .doors-list-item .door-price {
    font-size: 22px;
    color: #3c90cb;
    text-align: center;
}

.doors-list .doors-list-item .door-button {
    margin-top: 20px;
}

.p-dveri img.doors {
    max-width: 300px;
    height: auto;
}

.p-dveri .doors-params {
    margin: 20px 0;
    padding: 0;
}

.p-dveri .doors-params li.check {
    line-height: 32px;
    color: #727272;
}

.p-dveri .door-price {
    font-size: 22px;
}

.p-dveri .door-price span {
    color: #0b8fec;
    font-size: 28px;
}

.pagination {
    text-align: center;
    padding: 80px 0 100px 0;
}

.pagination .page-numbers {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin: 0 8px;
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    color: #2f2f2f;
    vertical-align: middle;
}

.pagination .page-numbers.current {
    background: #0073ca;
    color: #fff;
    font-weight: 500;
}

.pagination .page-numbers.next,
.pagination .page-numbers.prev {
    color: #0073ca;
    font-size: 24px;
}

.pagination .page-numbers.next,
.pagination .page-numbers.prev {
    font-size: 24px;
}

.article-meta {
    padding: 10px 20px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    color: #666;
    margin-bottom: 40px;
}

.article-meta i {
    font-size: 14px;
    color: #0073ca;
}

.article-meta a {
    color: #666;
}

.article-meta .read-time {
    text-align: center;
}

.article-meta .post-author {
    text-align: right;
}

.article-content-list {
    margin: 40px 0;
    padding: 45px 50px;
    background: #f0f0f0;
}

.article-content-list h3 {
    font-weight: 500;
    font-size: 20px;
    margin-bottom: 16px;
}

.article-content-list ul {
    list-style: none;
    margin-left: 45px;
}

.article-content-list ul li {
    position: relative;
    padding-left: 18px;
}

.article-content-list ul li::before {
    content: '\f054';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 16px;
}

.article-content-list ul li a {
    color: #012046;
}

.article-wrapper table {
    margin: 40px 0;
    width: 100%;
    border-collapse: collapse;
}

.article-wrapper table tr:nth-child(2n) {
    background: #f0f2f4;
}

.article-wrapper table tr:nth-child(2n+1) {
    background: #fcfaf1;
}

.article-wrapper table tr td {
    padding: 5px 10px;
    border: 3px solid #fff;
}

.article-wrapper .similar-articles {
    margin: 40px 0;
    padding: 30px 12px;
    background: #ceddfd;
    border: 1px solid #0073ca;
}

.article-wrapper .col-md-6 .similar-articles {
    margin: 0 0 40px;
}

.article-wrapper .similar-articles h3 {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 20px;
    padding-bottom: 22px;
    border-bottom: 1px solid #0073ca;
}

.article-wrapper .similar-articles ul {
    list-style: none;
}

.article-wrapper .similar-articles ul li a {
    color: #012046;
}

.article-wrapper .quote-block {
    max-width: 540px;
    margin: 40px auto;
    padding: 36px 40px;
    font-style: italic;
}

.article-wrapper .quote-block::before,
.article-wrapper .quote-block::after {
    width: 51px;
    height: 35px;
    background-size: cover !important;
}

.article-wrapper .quote-block-2 {
    margin: 40px auto;
    max-width: 540px;
    padding: 0 55px;
    text-align: center;
}

.article-wrapper .quote-block-2::before,
.article-wrapper .quote-block-2::after {
    margin-top: -20px;
    font-size: 40px;
    line-height: 40px;
}

.article-wrapper .quote-block-2::before {
    left: 0;
}

.article-wrapper .quote-block-2::after {
    right: 0;
}

.article-wrapper .author-quote-block {
    margin: 40px auto;
    max-width: 546px;
}

.article-wrapper .author-quote-block .author-quote-header {
    position: relative;
    padding-left: 57px;
    height: 37px;
    text-align: left;
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
    margin-bottom: 8px;
}

.article-wrapper .author-quote-block .author-quote-header img {
    position: absolute;
    left: 0;
    top: 0;
    width: 37px;
    height: 37px;
}

.article-wrapper .author-quote-block .author-quote-header h4 {
    font-size: 16px;
    font-weight: 500;
}

.article-wrapper .author-quote-block .author-quote-body {
    position: relative;
    text-align: left;
    border: 1px solid #f0f0f0;
    padding: 16px 18px;
    font-style: italic;
    border-radius: 2px;
}

.article-wrapper .author-quote-block .author-quote-body:before {
    content: '\f10d';
    position: relative;
    top: 2px;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    color: #c9d4ff;
    display: inline-block;
    margin-right: 6px;
    font-size: 32px;
}

.article-wrapper .nav-single {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 12px 35px;
}

.article-wrapper .nav-single a {
    position: relative;
    display: block;
    font-size: 14px;
    color: #666;
}

.article-wrapper .nav-single .nav-prev a {
    padding-left: 20px;
    text-align: left;
}

.article-wrapper .nav-single .nav-next a {
    padding-right: 20px;
    text-align: right;
}

.article-wrapper .nav-single a::before {
    position: absolute;
    top: 50%;
    margin-top: -12px;
    font-size: 14px;
    color: #0073ca;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}

.article-wrapper .nav-single .nav-prev a::before {
    content: '\f060';
    left: 0;
}

.article-wrapper .nav-single .nav-next a::before {
    content: '\f061';
    right: 0;
}

.article-wrapper .bluebtn {
    margin: 30px 0;
}

.article-wrapper h1 {
    padding: 25px 0;
}

.article-wrapper h2 {
    margin: 20px 0;
}

.article-wrapper img {
    width: 100%;
    height: auto;
}

.nav-post.nav-single {
    margin: 50px 0 80px;
}

.breadcrumbs {
    display: flex;
    align-items: center;
    padding: 40px 0;
    border-bottom: 1px solid #ccc;
}

.breadcrumbs li {
    margin: 0 5px;
}

.breadcrumbs li:first-child {
    margin-left: 0;
}

.breadcrumbs li:last-child {
    margin-right: 0;
}

.gwolle-gb {
    margin-bottom: 60px;
}

.gwolle-gb .comment-item.gb-entry {
    margin-bottom: 40px;
    padding: 0;
    border: 0;
    color: #404040;
    background: none;
}

.gwolle-gb .comment-item.gb-entry .gb-entry-admin_reply, .gwolle-gb .comment-item.gb-entry .gb-entry-admin-reply {
    margin: 30px 0 0 50px;
    padding: 0;
    border-left: none;
    color: #404040;
    background: none;
}

.gwolle-gb .gb-entry.comment-item .gb-author-info .gb-author-name {
    padding: 0;
}

.gwolle-gb .gb-entry.comment-item .gb-author-info {
    padding-left: 10px;
}

.comment-item {
    position: relative;
}

.comment-item .comment-body, .comment-item .gb-admin-reply-content {
    position: relative;
    background: #fff;
    padding: 20px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    margin-top: 20px;
    border-radius: 3px;
}

.comment-item .comment-body::after, .comment-item .gb-admin-reply-content::after {
    content: '';
    position: absolute;
    top: -20px;
    left: 50px;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid #fff;
    filter: drop-shadow(0 -2px 1px rgba(0, 0, 0, 0.08));
}

.comment-item:nth-child(odd) .comment-body::after {
    border-bottom: 20px solid #f9f9f9;
}

.comment-item:nth-child(odd) .comment-body {
    background: #f9f9f9;
}

.comment-item .gb-author-name {
    color: #008ad9;
}

.comment-item .gb-admin_reply_uid {
    color: #ff0000;;
}

.comment-item .gb-datetime {
    position: absolute;
    right: 100px;
    color: #949494;
    font-style: italic;
}

.language-popup-inner {
    width: 320px;
    padding: 20px 0;
    text-align: center;
}

.language-popup-inner h2 {
    text-transform: uppercase;
    margin-bottom: 10px;
}

.language-popup-inner p {
    margin-bottom: 30px;
}

.language-popup-inner .b-btn {
    margin: 0 10px;
}

@media (max-width: 1199px) {
    .ul.b-moblie-menu.open {
        display: inherit;
    }

    .b-number, .b-operator {
        font-size: 16px;
    }

    .b-operator {
        margin-right: 3px;
    }

    .home-page-slider-wrapper .slider-description {
        margin-left: -260px;
    }

    .home-page-slider .owl-nav .owl-prev {
        margin-left: -714px;
    }

    .home-page-slider .owl-nav .owl-next {
        margin-right: -714px;
    }

    .home-page-slider .slider-image {
        left: 100px;
    }

    .b-gray-text {
        font-size: 15px;
    }

    .b-mainmod-header {
        display: flex;
    }

    .wrap1 {
        margin-bottom: 10px;
    }

    .b-mainmod-header  img {
        width: 38px;
        height: 38px;
    }

    .b-top-item {
        height: auto;
        min-height: 260px;
    }

    .slider .uslugi-item {
        width: 210px;
    }

    .profiles div.intro {
        height: 295px;
        overflow: hidden;
    }

    .profiles div.block {
        height: inherit;
    }

    .profiles .furnitura-row div.intro {
        height: 320px;
    }

    .profiles div.logocom {
        height: 134px;
        line-height: 130px;
    }

    .profiles a.tooltip span {
        top: 28px;
        left: inherit;
        left: -231px;
    }

    .profiles a.tooltip span.tooltip div.tipup::before {
        top: 0;
        left: inherit;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-top: 9px solid #fff;
        right: 8px;
    }

    .profiles a.tooltip span.tooltip div.tipup::after {
        top: -3px;
        left: inherit;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 8px solid #0986de;
        right: 9px;
    }

    .prices div.akcom::after {
        right: -3px;
    }

    #tabs li a, #tabs2 li a, #tabs3 li a, #tabs4 li a, #tabs5 li a {
        padding: 17px 18px;
    }
}

@media screen and (max-width: 1200px) {
    .b-main-menu li a {
        padding: 0 8px;
    }

    .banda-slider-container .b-container {
        margin: 0px auto 0px -470px;
        height: 427px;
        width: 940px;
    }

    .banda-slider-container .slider-info-box {
        width: 310px;
    }

    .banda-slider-container .media .slide {
        width: 630px;
    }

    .banda-slider-container .marker {
        left: 310px;
    }

    .banda-slider-container .media .slide img {
        width: 630px;
    }

    .pages li {
        width: 70px;
    }

    .b-orange-text,
    .b-dark-green-text,
    .b-red-text {
        font-size: 15px;
    }

    .b-main-module {
        height: 280px;
    }

    .b-right-block-inner {
        height: 244px;
        border-bottom: 1px solid #dedede;
    }

    .b-micro {
        margin-top: 45px;
    }

    .statpage {
        width: 100% !important;
    }

    .b-columns {
        width: 100% !important;
        margin-bottom: 15px;
    }

    .b-catplex {
        display: none !important;
    }

    /*.portfolio-items li img,.portfolio-items li:hover div.caption{width:40% !important;}*/
    .height {
        margin-top: 35px;
    }
}

@media screen and (max-width: 992px) {
    .font12w {
        margin-left: 5%;
    }

    .height {
        margin-top: 0;
    }

    .portfolio-items li img {
        width: 100%
    }

    /*.b-uslugi{margin-left:20px;}*/
    .portfolio-items li div.caption {
        top: 7px;
        /*right:27px;*/
        width: 95.3%;
        height: 239px;
    }

    .portfolio-items li:hover div.caption {
        width: 95.3%;
        height: 63.6%;
    }

    .b-header-contacts-wrapper {
        margin-top: 50px;
        width: 100%;
        border-bottom: 1px solid #ccc;
        min-height: 38px;
        padding: 25px 0;
    }

    .b-mobile-header {
        float: right;
        text-align: center;
        padding: 2px 0;
    }

    .b-mini-logo {
        display: block;
        opacity: 1;
        width: 41px;
        height: 50px;
        background: url(images/logo-sm.svg) no-repeat center center;
        transition: opacity 0.3s;
    }

    .b-mini-logo.b-show {
        opacity: 1;
    }

    ul.b-moblie-menu {
        background: #fff;
        padding: 20px;
        text-align: left;
        border-bottom: 1px solid #ccc;
    }

    ul.b-moblie-menu li {
        color: #373737;
        width: 720px;
        margin: 0 auto;
        font-weight: 700;
    }

    ul.b-moblie-menu li ul {
        margin: 20px 0 20px 20px;
    }

    ul.b-moblie-menu li a {
        display: block;
        width: 100%;
        color: #0073ca;
        font-size: 16px;
        padding: 10px 0;
        font-weight: 400;
        border-bottom: 1px dotted #ccc;
        text-decoration: none;
    }

    ul.b-moblie-menu li:hover a {
        color: #0073ca;
    }

    .b-main-module {
        height: auto;
        border: 0;
    }

    .b-top-item .img-responsive {
        display: inline-block !important;
    }

    .b-top-item {
        height: 340px;
    }

    .b-right-block-inner-2 {
        margin-bottom: 50px;
    }

    .b-footer {
        height: 50px;
        line-height: 50px;
    }

    .pull-right {
        width: 100% !important;
        margin-bottom: 20px;
    }

    .etap {
        width: 100%;
        text-align: center;
    }

    #comments-form {
        position: relative;
        margin-left: -19px !important;
    }

    #comments-form p.title {
        margin-left: 50% !important;
    }

    #comments-form .imputname {
        position: relative;
        margin-bottom: 15px;
    }

    #comments-form .rayon {
        float: none;
        position: relative;
    }

    #comments-form div.form {
        width: 50%;
    }

    #comments-form .formtext {
        min-width: 237px !important;
        max-width: 237px !important;
    }

    .profiles div.menu {
        width: 100%;
        margin: 0;
        float: none;
        padding-left: 0;
    }

    /*.line, .line2{display:none;}*/
    .verline {
        display: none;
    }

    .verline2 {
        display: none;
    }

    .profiles {
        width: 100% !important;
    }

    .profiles div.main {
        width: 100% !important;
        margin-left: 0 !important;
    }

    .profiles div.main a.profile {
        float: none !important;
    }

    .profiles div.main a.left {
        clear: both;
    }

    .balcon {
        width: 100% !important;
    }

    .profiles div.main a.steklo {
        float: none !important;
        width: 100% !important;
        text-align: center;
    }

    .profiles div.block2 {
        margin-left: 0 !important;
        width: 100% !important;
    }

    .profiles div.main a.fur {
        float: none !important;
        margin-right: 55px
    }

    .profiles div.blockfur {
        width: 100% !important;
        height: 380px !important;
    }

    .profiles div.logofur {
        width: 100% !important;
    }

    .montok {
        width: 100%;
    }

    .profiles div.etapmon {
        font-size: 1.3em !important;
        font-weight: bold !important;
        height: auto !important;
        line-height: 100% !important;
    }

    .profiles div.etapmon img {
        width: 40px;
    }

    .profiles div.textmon {
        padding-left: 0 !important;
    }

    .statpage div.etap img {
        width: 40px !important;
    }

    .statpage div.raw {
        width: 20px !important;
    }

    .star2 {
        display: none;
    }

    .statpage div.balprice {
        margin-left: 0 !important;
    }

    .statpage ul.star {
        margin-left: 5% !important;
    }

    .menudveri div {
        float: none !important;
        margin-left: -15% !important;
    }

    .profiles div.menucheck {
        display: none;
    }

    .profiles p.paramname {
        width: 150px !important;
    }

    .furnitura ul,
    .furniturapr {
        width: 100% !important
    }

    .dorsvariant {
        width: 90% !important;
    }

    .dorsvariant div {
        height: auto !important;
        padding-right: 0 !important;
        border-right: 0 !important;
    }

    .doorsstyle:nth-child(1),
    .doorsstyle:nth-child(6),
    .doorsstyle:nth-child(11) {
        margin-left: 20px !important;
    }

    .pricemenu a {
        float: none !important;
        display: block;
    }

    .prices {
        width: 100% !important;
        padding: 10px;
    }

    .prices div.akimg {
        margin-bottom: 40px;
    }

    .prices div.akcom::after {
        right: 6px;
        top: 50px;
    }

    .prices div:nth-child(4) {
        font-size: 0.7em;
        line-height: normal !important;
        width: 100%;
    }

    .prices div.akcom,
    .prices div.other {
        float: none !important;
        width: 100% !important;
    }

    .prices div.other {
        padding-top: 0 !important;
    }

    .p-block {
        display: none;
    }

    .prices div.other {
        padding-left: 10px;
    }

    .prices div.menucheck {
        display: none;
    }

    .myakcii div,
    .menshe {
        width: 100% !important;
        height: auto !important;
    }

    .forcell img {
        width: 100% !important;
    }

    .marg {
        margin-top: 20px;
    }

    .middle span {
        display: inline !important;
    }

    .h2 {
        margin-right: 0 !important;
    }

    .stati div {
        float: none !important;
        height: auto !important;
    }

    .opt {
        margin-top: 20px;
    }

    .statpage .wearesocial img {
        width: 35px !important;
    }

    .statpage .numcont {
        width: 30px !important;
    }

    .statpage .girl {
        width: 40% !important;
    }

    .forcell {
        display: block !important;
    }

    .contact-item {
        width: 100% !important;
        margin-left: 0 !important
    }

    .r-75 {
        width: 100% !important;
        float: none !important;
        margin-left: 0 !important;
    }

    .r-75 ul {
        margin-left: 0 !important;
        padding-left: 0 !important;
    }

    .r-20 {
        float: none !important;
    }

    .rehauimg {
        width: 50%;
    }

    .profiles p.bluet {
        font-size: 1.2em;
        line-height: normal !important;
    }

    .r-75 .bluet {
        width: 100% !important;
    }

    .ulm {
        padding-left: 0 !important;
        margin-left: 0 !important;
    }

    .title-steklopaket-ul {
        margin-left: 0 !important;
    }

    .six div {
        width: 100% !important;
    }

    .profiles div.six {
        height: auto !important;
    }

    .profiles p.furtit1 {
        margin-top: 20px;
        line-height: normal !important;
    }

    .zayavkawrap {
        margin-bottom: 20px !important;
    }

    .ili,
    .ili1 {
        display: none;
    }

    #modz_block1,
    #modz_block2,
    #modz_block3 {
        width: 100% !important;
        height: auto !important;
        padding-top: 0 !important;
        float: none !important;
    }

    .zayavkawrap,
    .formzayavka {
        width: 100% !important;
        height: 100% !important;
    }

    .modzayavka .imputname1,
    .modzayavka .imputmob1,
    .modzayavka .formtext1 {
        width: 100% !important;
    }

    .zayavkawrap .blue {
        background: url(images/blueblock.jpg) repeat-x !important;
    }

    .modzayavka .formtext1 {
        min-width: 100% !important;
        max-width: 100% !important;
        margin-top: 20px;
    }

    .modzayavka .imputname1 {
        display: block;
    }

    .width100 div.wrap {
        width: 100% !important;
    }

    .sit {
        width: 100%;
        padding-right: 15px;
    }

    .profiles div.blockdop {
        width: 100%;
        line-height: normal;
    }

    .forheight {
        height: auto;
    }

    .six img {
        float: none !important;
    }

    .setka {
        width: 100%;
        padding-right: 10px;
    }

    .doors {
        margin: 0 !important;
        float: none !important;
    }

    .better {
        padding-left: 0 !important;
    }

    .starup {
        margin-top: 0 !important;
    }

    .rwrowr {
        float: none !important;
        width: 100% !important;
    }

    .clrmrr {
        margin-right: 0 !important;
    }

    .profiles div.blocklamr,
    .profiles div.blocklaml {
        width: 100% !important;
        height: auto !important;
        line-height: normal !important;
    }

    .nofl {
        float: none !important;
        width: 100% !important;
    }

    .wid100per-marl {
        margin-left: 0 !important;
    }

    .r-65 {
        width: 100% !important;
        float: none !important;
        margin-left: 0 !important;
        margin-top: 20px;
    }

    .prices div.akimg1,
    .prices div.other1,
    .rassrochka div.text,
    .kredit div.text {
        float: none !important;
        width: 100% !important;
    }

    .prices div.verline22 {
        display: none;
    }

    .prices div.other1 div.realprice {
        height: auto;
    }

    .b-mobile-header:last-child {
        display: block !important;
    }

    .linia2 {
        position: static !important;
        margin-left: 25%;
        width: 50% !important;
    }

    .b-right-block {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-top: 25px;
    }

    .privat,
    .kahovka {
        width: 100%;
    }

    .roller {
        width: 100% !important;
    }

    .nofl {
        width: 100%;
        float: none !important;
        margin-bottom: 15px !important;
    }

    .font12 li {
        width: 100% !important;
    }

    .podokon img {
        width: 100%;
        padding: 5px;
    }

    .pricesbalkon {
        width: 100% !important;
    }

    .wrappergallery {
        display: none;
    }

    video {
        width: 100% !important;
        margin-left: 0 !important;
    }

    .r-25 {
        width: 100%;
    }

    .soc {
        display: none;
    }

    #tabs ul,
    #tabs2 ul,
    #tabs3 ul,
    #tabs4 ul,
    #tabs5 ul {
        margin-bottom: 0;
    }

    div .menustati {
        width: 100% !important;
    }

    div .menustati div {
        margin-left: 0 !important;
        margin-top: 20px;
    }

    .main-menu-wrapper {
        display: none;
    }

    .admin-bar .b-moblie-menu-wrapper {
        top: 32px;
        z-index: 9999;
    }

    .instagram-fixed-buttons {
        position: fixed;
        top: inherit;
        left: 0;
        transform: none;
        z-index: 999;
        bottom: 10px;
    }

    .widget_polylang {
        position: fixed;
        right: 17%;
        top: 12px;
        z-index: 999999;
        transform: translateX(-100%);
    }

    .admin-bar .widget_polylang {
        top: 44px;
    }

    .widget_polylang .selected-lang {
        height: 25px;
        line-height: 25px;
    }

    .b-mobile-header {
        height: 26px;
    }

    .header-contacts-row {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
    }

    .b-logo-small {
        padding: 35px 0;
    }

    .home-page-slider-wrapper .slider-description .black24 {
        font-size: 20px;
    }

    .home-page-slider-wrapper .slider-description {
        width: 350px;
    }

    .home-page-slider-wrapper .slider-description {
        margin-left: -170px;
    }

    .home-page-slider .owl-nav .owl-prev {
        margin-left: -595px;
    }

    .home-page-slider .owl-nav .owl-next {
        margin-right: -595px;
    }

    .home-page-slider .slider-image {
        left: -20px;
    }

    .home-page-slider .owl-nav .owl-prev::after, .home-page-slider .owl-nav .owl-next::after {
        background: #fff;
    }

    .home-page-slider .owl-nav > button::after {
        width: 300px;
    }

    .home-page-slider-wrapper .slider-description {
        border-left: 1px solid #ccc;
    }

    .home-page-slider .slider-image {
        left: 200px;
    }

    .b-top-item {
        min-height: 340px;
        flex-wrap: wrap;
        height: auto;
        justify-content: center;
    }

    .b-top-item .b-top-item-left {
        margin: 0 0 30px 0;
    }

    .b-top-item .b-top-item-prices {
        margin-bottom: 30px;
    }

    ul.b-moblie-menu {
        position: fixed;
        top: 50px;
        overflow: auto;
        height: calc(100% - 50px);
        z-index: 999;
    }

    .admin-bar ul.b-moblie-menu {
        top: 95px;
        height: calc(100% - 95px);
    }

    .admin-bar ul.b-moblie-menu {
        top: 80px;
        height: calc(100% - 80px);
    }

    ul.b-moblie-menu {
        top: 50px;
        height: calc(100% - 50px);
    }

    body.menu-open {
        overflow: hidden;
    }

    .b-logo-small img {
        max-width: 200px;
    }

    .write-us-wrapper .write-us-buttons .b-btn {
        margin-bottom: 20px;
    }

    .write-us-wrapper .write-us-buttons .b-btn:last-child {
        margin-bottom: 0;
    }

    .profiles {
        padding-top: 35px;
    }

    .profiles ul.leftmenu li::after {
        display: none !important;
    }

    .profiles ul.leftmenu {
        display: flex;
        justify-content: space-between;
        margin: 40px -15px 20px;
    }

    .profiles ul.leftmenu li {
        width: inherit;
        margin: 0 15px 10px;
        max-width: 110px;
    }

    .profiles ul.leftmenu li a {
        display: block;
        text-align: center;
    }

    .profiles ul.leftmenu li a span {
        display: block;
    }

    .profiles ul.leftmenu li a img {
        display: block; 
        margin: 0 auto 10px;
    }

    .profiles div.menu div.title {
        padding-bottom: 0;
    }

    .profiles h1.title1 {
        padding-bottom: 12px;
    }

    .profiles div.intro {
        height: 200px;
    }

    .profiles div.logocom {
        height: 207px;
        overflow: hidden;
    }

    .profile-wrapper .profile-info ul {
        margin-left: 0;
    }

    .pricemenu .price-logo {
        display: inline-block;
        height: 46px;
        background-position: 0 -46px;
        background-repeat: no-repeat;
    }
    
    .price-menu-1 .price-rehau-logo, .price-menu-2 .price-steko-s-logo, .price-menu-3 .price-kve-logo, .price-menu-4 .price-wds-logo, .price-menu-5 .price-balcons-logo, .price-menu-5 .price-balcons-ukr-logo {
        background-position: 0 0;
    }
    
    .price-rehau-logo {
        width: 84px;
        background-size: 84px 92px;
    }
    
    .price-steko-s-logo {
        width: 100px;
        background-size: 100px 92px;
    }
    
    .price-kve-logo {
        width: 91px;
        background-size: 91px 92px;
    }
    
    .price-wds-logo {
        width: 89px;
        background-size: 89px 92px;
    }
    
    .price-balcons-logo, .price-balcons-ukr-logo{
        width: 98px;
        background-size: 98px 92px;
    }

    .windowsill-menu ul li::before, .pricemenu ul li::before {
        bottom: -99.5px;
    }
    
    .windowsill-menu ul li::after, .pricemenu ul li::after {
        bottom: -95.5px;
    }

    .contact-item .contact-item-map img {
        width: 100%;
        height: auto;
    }      

    .etap-item {
        margin-bottom: 30px;
    }

    .etap-items > div:last-child .etap-item {
        margin-bottom: 0;
    }

    .balcons-page .pricespod tr td {
        padding: 5px;
        font-size: 16px;
    }

    .balcons-page .pricespod thead tr th {
        padding: 5px;
        font-size: 14px;
        font-weight: 400;
    }

    .balcony-block {
        margin: 30px 0 -40px;
    }

    .balcony-block__item-price {
        position: relative;
    }

    .statpage.balcons-page .image {
        height: auto;
        margin-bottom: 0 !important;
    }

    .statpage.balcons-page .col-lg-6:last-child:not(:first-child) .image {
        margin-top: 30px;
    }

    .statpage img.balcon {
        height: auto !important;
        padding: 7px;
        border: 1px solid #dfdfdf;
    }

    .statpage img.pricesbalkon {
        margin-bottom: 40px;
    }

    .doors-list .doors-list-item {
        margin-bottom: 50px;
    }

    .doors-list {
        margin: 0;
    }
}

@media screen and (max-width: 768px) {
    .b-mobile-header {
        float: none;
        padding: 5px 0;
    }

    .b-mobile-header:last-child {
        display: block !important;
    }

    .b-logo-small {
        margin-bottom: 20px;
        text-align: center;
    }

    ul.b-moblie-menu li {
        width: 100%;
    }

    html {
        margin-top: 0 !important;
    }

    body {
        margin-top: 50px;
    }

    .admin-bar {
        margin-top: 96px;
    }

    .b-header-contacts-wrapper {
        margin-top: 0;
    }

    .admin-bar .b-moblie-menu-wrapper {
        top: 46px;
    }

    .admin-bar .widget_polylang {
        top: 59px;
    }

    #wpadminbar {
        position: fixed !important;
    }

    .home-page-slider-wrapper .slider-description::after {
        display: none;
    }

    .home-page-slider-wrapper .slider-description {
        margin-left: 0;
    }

    .home-page-slider-wrapper .slider-description {
        width: 100%;
    }

    .b-logo-small {
        margin-bottom: 20px;
        padding: 0;
    }

    .header-contacts-row {
        position: relative;
    }

    .home-page-slider .slider-image {
        left: 0;
    }

    .wrap2 .description {
        height: auto;
    }

    .b-uslugi .uslugi-item {
        max-width: 330px;
        margin-left: auto;
        margin-right: auto;
    }

    .our-principles .row {
        margin-bottom: -30px;
    }

    .our-principle-item {
        margin-bottom: 30px;
    }

    .our-salons {
        margin-bottom: -30px;
    }

    .our-salons .our-salon-item {
        margin-bottom: 30px;
    }

    .home-page-slider-wrapper .slider-description {
        display: none;
    }

    .home-page-slider .info {
        display: block;
        width: 300px;
        position: absolute;
        left: 50%;
        top: 30px;
        z-index: 100;
        background: rgba(255,255,255, 0.8);
        transform: translateX(-50%);
        padding: 15px;
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
    }

    .home-page-slider .info .black24 {
        font-size: 18px;
    }

    .home-page-slider .info .line34 {
        line-height: 24px;
    }

    .home-page-slider-wrapper .slider-item {
        position: relative;
    }

    .home-page-slider-wrapper .owl-nav {
        display: flex;
        justify-content: center;
        position: absolute;
        bottom: 30px;
        left: 0;
        width: 100%;
    }

    .home-page-slider .owl-nav > button::after {
        display: none;
    }

    .home-page-slider .owl-nav > button {
        position: relative;
        width: 40px;
        height: 40px;
        background-color: #fff;
        background-size: 19px 30px;
        background-position: center;
        background-repeat: no-repeat;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
        transition: all 0.3s;
    }

    .home-page-slider .owl-nav > button:hover {
        transform: scale(1.1);
    }

    .home-page-slider .owl-nav .owl-next {
        right: inherit;
        transform: none;
        margin: 0 20px;
        background-image: url(images/chevron-right.svg);
    }

    .home-page-slider .owl-nav .owl-prev {
        left: inherit;
        transform: none;
        margin: 0 20px;
        background-image: url(images/chevron-left.svg);
    }

    .slider .uslugi-item {
        width: 238px;
    }

    .b-top-item .profile-logo {
        display: block;
        margin: 0 auto 15px;
    }

    .b-top-item .b-top-item-prices .price-item .price.none-old-price {
        margin: 0;
        text-align: center;
    }

    .profiles ul.leftmenu {
        justify-content: center;
        flex-wrap: wrap;
    }

    .profiles div.intro {
        height: 245px;
    }

    .profiles h1.title1 {
        line-height: 20px;
    }

    .profiles .steklo {
        display: block;
        margin-bottom: 30px;
    }

    .profiles .furnitura-row div.block {
        height: inherit;
    }

    .profiles .furnitura-row div.intro {
        height: inherit;
    }

    .profiles div.logocom {
        height: 151px;
    }

    .profiles .montazh .etapmon img {
        width: 45px;
        height: 45px;
        margin-right: 10px;
    }

    .profiles div.etapmon {
        display: flex;
        align-items: center;
        font-size: 18px !important;
    }

    .profile-wrapper {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .profile-wrapper .profile-image {
        margin: 0 0 30px;
    }

    .profiles a.tooltip:hover span.tooltip div.tipup {
        padding: 10px 5px 5px 5px;
    }

    .profiles p.furtit {
        font-size: 22px;
    }

    .profiles p.bluet {
        font-size: 17px;
    }

    .star-wrapper {
        flex-wrap: wrap;
        justify-content: center;
    }

    .star-wrapper .star {
        margin: 0 0 40px;
    }

    .star-wrapper .start-info .sh1 {
        padding-left: 0;
    }

    .star-wrapper .start-info .title-steklopaket-ul {
        padding-left: 0;
    }

    .profile-trocal-logo, .profile-steko-logo, .steklopaket3-image, .steklopaket4-image, .steklopaket5-image, .siegenia-logo, .kahovka-image {
        width: 100%;
        max-width: 300px;
        height: auto;
    }

    .profile-wrapper.column-reverse {
        flex-direction: column-reverse;
    }

    .profile-wrapper.column-reverse .profile-image {
        text-align: center; 
        margin: 0 0 30px 0;
    }

    .button-wrapper a.bigbluebtn, .button-wrapper a.bluebtn {
        line-height: 28px;
        height: inherit;
        padding: 10px 20px;
    }

    .profiles div.main .button-wrapper .bigbluebtn, .statpage .button-wrapper .bigbluebtn {
        width: 100%;
    }

    .profiles div.main .button-wrapper .bigbluebtn:last-child, .statpage .button-wrapper .bigbluebtn:last-child{
        display: block;
        margin: 10px auto 0;
    }

    .star-wrapper .star {
        justify-content: center;
    }

    .windowsill-menu ul {
        justify-content: center;
        flex-wrap: wrap;
    }

    .windowsill-menu ul li::after, .windowsill-menu ul li::before {
        display: none !important;
    }

    .windowsill-menu {
        margin: 20px 0;
    }

    .windowsill-menu ul li a {
        text-align: center;
    }

    .windowsill-menu ul li {
        margin: 10px;
    }

    .windowsill-menu-1 .windowsill-menu ul li#windowsill-menu-1 a, .windowsill-menu-2 .windowsill-menu ul li#windowsill-menu-2 a, .windowsill-menu-3 .windowsill-menu ul li#windowsill-menu-3 a, .windowsill-menu-4 .windowsill-menu ul li#windowsill-menu-4 a, .windowsill-menu-5 .windowsill-menu ul li#windowsill-menu-5 a {
        color: #3d90cb !important;
    }

    .profiles div.blocklaml {
        border-left: 1px solid #e3e3e3;
    }

    .profiles div.blocklamr {
        border-right: 1px solid #e3e3e3;
    }

    .prices div.akcom::after {
        right: -10px;
        top: 70px;
    }

    .prices .button-wrapper a:last-child:not(:first-child) {
        margin: 20px 0 0 0;
    }

    .prices .button-wrapper a:last-child {
        width: 100%;
    }

    .statpage {
        margin: 30px auto;
    }

    .etap-item {
        margin-bottom: 30px;
    }

    .etap-item::after {
        display: none;
    }

    .etap-items > div:last-child .etap-item {
        margin-bottom: 0;
    }

    .etap-item .etap-item-step {
        flex-direction: column;
    }

    .etap-item .etap-item-step .icon {
        margin: 0 0 15px 0;
    }

    .documents-list .document-item {
        margin-bottom: 30px;
    }

    .documents-list .row > div:last-child .document-item {
        margin-bottom: 0;
    }

    #tabs li, #tabs2 li, #tabs3 li, #tabs4 li, #tabs5 li {
        margin-right: 0;
        float: none;
    }

    #tabs ul {
        display: flex;
        gap: 10px;
        flex-wrap: wrap;
    }

    .balcons-table-wrapper {
        width: 100%;
        overflow-x: auto;
    }

    .gwolle-gb .comment-item.gb-entry .gb-entry-admin_reply, .gwolle-gb .comment-item.gb-entry .gb-entry-admin-reply {
        margin: 30px 0 0 30px;
    }

    .gwolle-gb .gb-entry.comment-item .gb-author-info {
        position: relative;
    }

    .comment-item .gb-datetime {
        right: 0;
        bottom: -20px;
        font-size: 12px;
        display: block;
    }
}

@media (max-width: 575px) {
    .profiles div.intro {
        height: inherit;
    }

    .profiles div.logocom {
        height: inherit;
    }

    .prices div.akcom::after {
        display: none;
    }

    .pricemenu {
        margin: 0 0 20px;
    }

    .pricemenu ul {
        justify-content: center;
        flex-wrap: wrap;
    }

    .pricemenu ul li::after, .pricemenu ul li::before {
        display: none !important;
    }

    .pricemenu ul li {
        margin: 10px;
    }

    .prices div.other ul {
        margin-bottom: 0;
    }

    .prices div.akitem {
        margin-top: 30px;
    }

    .prices div.other {
        padding-left: 0;
    }
}

@media screen and (max-width: 539px) {
    .slider .uslugi-item {
        width: 330px;
    }
}