@charset "utf-8";

/* Глобальные
-------------------------------------------------------------------------------*/
body {
    font-family: 'NeoSansPro-Regular', Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #000;
    width: 100%;
    font-weight: 400;
    background: #f8f8f8;
}

html {
    font-family: 'NeoSansPro-Regular';
    font-weight: 400;
    text-align: center;
    /*overflow-x: hidden;*/
}

/* Типографика */


/* Ссылки */
a {
    color: #000;
}

a:hover {
    color: #E62F2F;
}

a.item-a:hover {
    color: inherit;
}

a,
input,
.box,
.offices .officetypes li,
.offices .officetypes li span {
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.clr {
    clear: both;
    height: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

* {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    outline: none;
}

a,
input,
.menu a span {
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    cursor: pointer;
}

a:hover {
    color: #e3000f;
}

.box {
    max-width: 1170px;
    margin: 0 auto;
}

/*HEADER*/
.tablebodytext {
    display: none;
}

.header {
    width: 100%;
    height: 179px;
    background: #feed00;
    padding-top: 13px;
    position: relative;
}

.header .logo {
    width: 204px;
    height: 92px;
    display: block;
    background: url('../images/logo.png') no-repeat;
    float: left;
}

.header .city {
    margin-left: 20px;
    margin-top: 40px;
    float: left;
    position: relative;
    padding-bottom: 5px;
}

.header .city .city-sel {
    display: none;
    top: 18px;
    position: absolute;
    background: #fff;
}

.header .city .city-sel a {
    font-size: 14px;
    text-decoration: none;
    padding: 5px 10px;
    display: block;
}

.header .city .city-sel a:hover {
    /* border: 2px solid #db2d27; */
}

.header .city:hover .city-sel {
    display: block;
}

.header .topopup {
    font-family: 'Open Sans';
    font-size: 13px;
    border-bottom: 1px dashed #000;
    cursor: pointer;
    line-height: 13px;
    font-weight: 400;
    display: block;
    float: left;
}

.header .topopup:hover {
    border-color: #e3000f;
}

.header .topopup span {
    display: none;
}


.city__popup {
    display: none;
    width: 200px;
    height: 116px;
    position: absolute;
    top: 29px;
    left: -80px;
    background: #fff;
    border-radius: 5px;
    z-index: 9;
}

.city__popup.active {
    display: block;
}

/* .header .city:hover .city__popup {
        display: block;
    } */

.city__popup::before {
    content: "";
    border: 7px solid transparent;
    border-bottom: 7px solid #fff;
    position: absolute;
    top: -14px;
    left: 50%;
    margin-left: -7px;
}

.city_popup-text {
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    color: #000000;
    font-family: 'NeoSansPro-Medium';
    margin-top: 27px;
}

.city_popup-buttons {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.city_popup-button {
    border: 2px solid #FEED00;
    box-sizing: border-box;
    border-radius: 24px;
    line-height: 32px;
    width: 80px;
    margin: 0 5px;
    color: #000 !important;
}

.city_popup-button.active {
    background: #FEED00;
}


.header .phone {
    font-size: 31px;
    font-family: 'NeoSansPro-Bold';
    color: #151616;
    position: absolute;
    text-align: center;
    width: 160px;
    left: 50%;
    margin-left: -80px;
    margin-top: 10px;
}

.header .phone div:before {
    content: '+7 (342)';
    font-family: 'Open Sans';
    font-weight: 400;
    font-size: 12px;
    position: absolute;
    margin-top: 4px;
    margin-left: -50px;
}

.header .phone .call {
    position: relative;
    white-space: nowrap;
    width: 160px;
    margin-top: 4px;
}

.header .icons {
    float: right;
    padding: 8px 0px;
}

.header .icons a {
    font-size: 13px;
    font-family: 'Open Sans';
    float: left;
    line-height: 15px;
    margin: 7px 9px 0 9px;
    display: block;
    text-decoration: none;
    padding-top: 25px;
    background-position: top center;
    background-repeat: no-repeat;
}

.header .icons a.i1 {
    background-image: url('../images/i1.png');
}

.header .icons a.i2 {
    background-image: url('../images/i2.png');
}

.header .icons a.i3 {
    background-image: url('../images/i3.png');
    margin-right: 0px;
    color: #000;
}

.header .icons a.i4 {
    background-image: url('../images/i4.png');
}

.header .icons a span {
    border-bottom: 1px dashed #000;
    line-height: 13px;
    display: inline-block;
}

.header .icons a:hover span {
    border-color: #e3000f
}

.header .icons a strong {
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    position: absolute;
    top: 28px;
    display: block;
    margin-left: 20px;
}

.header .menu {
    margin: 0 auto;
    margin-top: 26px;
    max-width: 1170px;
}

.header ul.menu:before {
    content: '';
    width: 18px;
    height: 62px;
    background: #feed00;
    display: block;
    position: absolute;
    z-index: 1;
    margin-left: -18px;
}

.header ul.menu:after {
    content: '';
    width: 18px;
    height: 62px;
    background: #feed00;
    display: block;
    position: absolute;
    z-index: 1;
    margin-left: 1023px;
}

@media screen and (min-width: 1360px) {
    .header .menu {
        width: 1280px;
    }

    .header ul.menu:after {
        margin-left: 1279px;
    }
}

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

    .header ul.menu:before,
    .header ul.menu:after {
        display: none;
    }

    /*body {min-width: 1024px}*/
}

.header .menu li {
    width: 17%;
    float: left;
}

.header .menu li:first-child,
.header .menu li.item1 {
    width: 15%;
}

.header .menu li a {
    display: block;
    height: 62px;
    line-height: 19px;
    font-family: 'NeoSansPro-medium';
    font-size: 15px;
    text-transform: uppercase;
    background: #fff;
    text-decoration: none;
    border-top: 1px solid #feed00;
    border-right: 1px solid #feed00;
    border-bottom: 1px solid #feed00;
    padding: 21px 0;
    color: #151616;
    position: relative;
    z-index: 1;
}

.header .menu li.active a {
    border-top: 1px solid #f8f8f8;
    border-bottom: 1px solid #f8f8f8;
    background: #f8f8f8;
    color: #e3000f;
}


.header .menu li a span {
    display: none;
}

.header .menu li.parent a {
    padding-left: 5px;
}

.header .menu li.parent a span {
    display: inline-block;
    width: 9px;
    height: 12px;
    background: url('../images/menuangle.png') 0 115% no-repeat;
    margin-left: 4px;
}


.header .menu li.parent:hover a span {
    background: url('../images/menuangle.png') 0 -20% no-repeat;
}

.header .menu li:hover a {
    background: #feed00;
    color: #151616;
    border-top: 1px solid #feed00;
    border-bottom: 1px solid #feed00;
}

.header .menu li.item4 a,
.header .menu li.item5 a {
    padding: 11px 0;
}

/*Submenu*/

.header .menu li.parent ul {
    background: #feed00;
    -webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 1);
    -moz-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 1);
    box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 1);
    margin-top: -30px;
    padding-top: 30px;
    padding-bottom: 15px;
    position: absolute;
    width: 174px;
}

.header .menu li.item1.parent ul,
.header .menu li.parent:first-child ul {
    width: 154px;
}

@media screen and (min-width: 1360px) {
    .header .menu li.parent ul {
        width: 218px
    }

    .header .menu li.item1.parent ul,
    .header .menu li.parent:first-child ul {
        width: 192px;
    }
}

.header .menu li.parent ul li {
    width: 100%;
    float: none;
}

.header .menu li.parent ul li a {
    border: 0;
    font-family: 'Open Sans';
    font-weight: 400;
    font-size: 14px;
    height: auto;
    line-height: 19px;
    text-align: left;
    text-transform: none;
    padding: 8px 12px 8px 25px;
}


.header .menu li li.active a {
    background: #f8f8f8;
    color: #e3000f;
}

.header .menu li.parent ul li a span {
    display: none;
}

.header .menu li.parent ul li a:hover {
    color: #e3000f;
    background: #fff;
}

/*End Submenu*/

/*End HEADER*/

.content {
    margin: 0 auto;
    font-size: 16px;
    text-align: left;
}

.content h2 {
    font-family: 'NeoSansPro-Bold';
    font-size: 30px;
    color: #151616;
    text-transform: uppercase;
    margin: 27px 0 22px 0;
}

.content h1 {
    font-family: 'NeoSansPro-Bold';
    font-size: 35px;
    color: #151616;
    text-transform: uppercase;
    margin: 27px auto 22px;
    text-align: center;
}

.categories {
    text-align: center;
    margin-bottom: 14px;
}

.categories .item {
    display: inline-block;
    text-align: center;
    margin: 0 35px;
}

.categories .item img {
    display: block;
    margin: 0 auto;
}

.categories .item span {
    display: block;
}

.categories .item span.title {
    font-family: 'Open Sans';
    font-weight: 700;
    color: #151616;
    text-transform: uppercase;
    font-size: 14px;
    margin: 5px 0 0 0;
}

.categories .item span.price {
    font-family: 'Open Sans';
    font-weight: 600;
    color: #4d4d4d;
    font-size: 10px;
}

.underfilter {
    width: 100%;
    height: 54px;
    margin-bottom: 6px;
}


.filter {
    font-size: 13px;
    color: #151616;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 24px;
    padding-top: 22px;
    padding-bottom: 22px;
    text-align: center;
}

.filter.fixed {
    /*position: fixed;
			top: 0;
			left: 0;
			z-index: 3;
			background: #f8f8f8;
			margin-top: 0;
			width: 100%;*/
}

.filter a {
    padding: 4px 10px;
    margin: 3px 2px;
    border-radius: 12px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border: 2px solid #eeeeee;
    display: inline-block;
    line-height: 14px;
    font-size: 13px;
}

.filter a:hover {
    border-color: #feed00;
    color: #151616;
}

.filter a.active {
    border-color: #feed00;
    background: #feed00;
}

.filter a:active {
    background: #E8BA02;
    border-color: #E8BA02
}


/*GRID*/

/*animation*/

.grid-item *,
.hideblock {
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    cursor: default;
}


.hidecontent,
.hidecontent2 {
    -webkit-transition: opacity 0.5s ease 0s;
    -moz-transition: opacity 0.5s ease 0s;
    -o-transition: opacity 0.5s ease 0s;
    transition: opacity 0.5s ease 0s;
}

.hidecontent {
    background: #fff;
}

.hideblock h3,
.hideblock2 h3 {
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    cursor: default;
}

.grid-item {
    width: 249px;
    height: 249px;
    padding: 14px;
}

.grid-item.x2 {
    width: 498px;
    height: 249px;
}

.grid-item.x3 {
    width: 747px;
    height: 249px;
}

.grid-item .item,
.grid-item.disabled:hover .item {
    position: absolute;
    width: 221px;
    height: 221px;
    overflow: hidden;
    text-align: left;
    border: 2px solid #f8f8f8;
    margin: 0;
}

.grid-item.x2 .item,
.grid-item.x2.disabled:hover .item {
    width: 470px;
    height: 221px;
}

.grid-item.x3 .item,
.grid-item.x3.disabled:hover .item {
    width: 719px;
    height: 221px;
}

.grid-item .item img.preview,
.grid-item.disabled:hover .item img.preview {
    position: absolute;
    width: 277px;
    min-width: 277px;
    margin: -28px 0 0 -28px;
}

.grid-item.x2 .item img.preview,
.grid-item.x2.disabled:hover .item img.preview {
    position: absolute;
    width: 526px;
    min-width: 526px;
}

.grid-item.x3 .item img.preview,
.grid-item.x3.disabled:hover .item img.preview {
    position: absolute;
    width: 775px;
    min-width: 775px;
}

.grid-item .item .details,
.grid-item.disabled:hover .item .details {
    position: absolute;
    z-index: 1;
    width: 221px;
    height: 221px;
    cursor: pointer;
}

.grid-item.x2 .item .details,
.grid-item.x2.disabled:hover .item .details {
    position: absolute;
    z-index: 1;
    width: 470px;
    height: 221px;
    cursor: pointer;
}

.grid-item.x3 .item .details,
.grid-item.x3.disabled:hover .item .details {
    position: absolute;
    z-index: 1;
    width: 719px;
    height: 221px;
    cursor: pointer;
}

.grid-item .item .details .title,
.grid-item.disabled:hover .item .details .title {
    padding-right: 10px;
    display: inline-block;
    height: auto;
    padding-bottom: 6px;
    background: rgba(255, 255, 255, 0.75);
    padding-top: 6px;
    padding-left: 42px;
    font-family: 'Open Sans';
    font-weight: 700;
    font-size: 15px;
    color: #000;
    text-transform: uppercase;
    margin-top: 15px;
    margin-left: -28px;
    line-height: 19px;
}

.grid-item .item .details .title sup {
    font-size: 9px;
}

.grid-item .item .details .title span {
    font-weight: 600;
    font-size: 10px;
    color: #4d4d4d;
    /*text-transform: none;*/
    display: block;
    margin-top: -4px;
}

.grid-item .item .details .morebutton,
.grid-item.disabled:hover .item .details .morebutton {
    font-family: 'Open Sans';
    font-size: 13px;
    font-weight: 600;
    color: #151616;
    height: 38px;
    line-height: 36px;
    padding: 0 17px;
    background: rgba(255, 255, 255, 0.75);
    border: 1px solid #feed00;
    display: block;
    text-transform: uppercase;
    bottom: 14px;
    margin-left: 11px;
    position: absolute;
    cursor: pointer;
}

.grid-item .item .details .price,
.grid-item.disabled:hover .item .details .price {
    font-size: 18px;
    font-family: 'NeoSansPro-Bold';
    color: #151616;
    height: 38px;
    background: rgba(255, 255, 255, 0.75);
    display: inline-block;
    line-height: 38px;
    padding: 0 8px 0 10px;
    position: absolute;
    bottom: 14px;
    right: 0px;
}

.grid-item.disabled .morebutton {
    cursor: default !important;
}

.grid-item .item:hover {
    border-color: #feed00;
    width: 277px;
    height: 277px;
    z-index: 2;
    margin-left: -28px;
    margin-top: -28px;
}

.grid-item.x2 .item:hover {
    width: 526px;
    height: 277px;
}

.grid-item.x3 .item:hover {
    width: 775px;
    height: 277px;
}

.grid-item .item:hover img.preview {
    margin: 0;
}

.grid-item .item:hover .details {
    width: 277px;
    height: 277px
}

.grid-item.x2 .item:hover .details {
    width: 526px;
    height: 277px
}

.grid-item.x3 .item:hover .details {
    width: 775px;
    height: 277px
}

.grid-item .item:hover .details .title {
    margin-left: 0;
    margin-top: 43px;
}

.grid-item .item:hover .details .morebutton {
    margin-left: 39px;
    bottom: 42px
}

.grid-item .item:hover .details .price {
    right: 28px;
    bottom: 42px
}

.grid-item .item .details .morebutton:hover {
    background: #feed00
}

.grid-item .item .details .morebutton:active {
    background: #E8BA02;
    border-color: #E8BA02
}

.grid-item.disabled .item {
    opacity: 0.3;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%)
}

.grid-item.open {
    width: 996px !important;
    height: 530px !important;
    margin: 14px 0;
}

.grid-item.open .item {
    width: 1170px !important;
    height: 530px !important;
    margin: -14px -28px !important;
    padding: 28px 29px !important;
    background: #fff;
    border: 1px solid #e6e6e6 !important;
    overflow: visible
}

/*.grid-item.open .item *, .grid-item.open .item:hover * {margin: 0 !important; }*/

/*@media screen and (min-width: 1360px) {
		.grid-item.open {width: 1245px !important;}
		.grid-item.open  .item  {width: 1271px !important; margin-left: 1px;}
		}*/


/*Карточка товара*/

.grid-item.open .details,
.grid-item.open img.preview {
    display: none;
}

.grid-item .item .opendetails {
    display: none;
}

.grid-item.open .item .opendetails {
    display: block;
}

.close {
    width: 39px;
    height: 39px;
    background: #fff url('../images/close.png') center;
    display: block;
    position: absolute;
    top: -1px;
    right: -1px;
    cursor: pointer;
    z-index: 9;
    border: 1px solid #feed00;
}

.close:hover {
    background-color: #feed00
}

.grid-item.open .item .opendetails .gallery {
    width: 492px;
    height: 410px !important;
    float: left;
    margin-right: 20px;
}

.grid-item.open .item .opendetails .gallery .ug-item-wrapper>img {
    width: auto !important;
    left: 0 !important;
    height: 328px !important;
    top: 0 !important;
}

/*.grid-item.open .item .opendetails .info {
					margin-left: 520px !important;
					}*/


.info>.sendblock_container {
    width: 45%;
    float: left;
}

.info>.zakazblock_container {
    width: 45%;
    float: left;
}

.info>.sendblock_container,
.info>* {
    transition: none;
    -moz-transition: none;
    -webkit-transition: none;
}

.info>.zakazblock_container,
.info>* {
    transition: none;
    -moz-transition: none;
    -webkit-transition: none;
}

.grid-item.open .item .opendetails .info .title {
    font-family: 'Open Sans';
    font-weight: 700;
    font-size: 15px;
    color: #000;
    text-transform: uppercase;
    line-height: 19px;
    display: block;
    /*margin-bottom: 9px !important;*/
}


.grid-item.open .item .opendetails .info p,
.grid-item.open .item .opendetails .info ul {
    font-size: 14px;
    color: #000;
    font-family: 'Open Sans';
    line-height: 19px;
    /*margin-bottom: 16px !important;*/
    /*width: 95%;*/
    font-weight: 400;
}

.opendetails .info ul {
    margin-top: 20px;
}

.grid-item.open .item .opendetails .info ul li {
    line-height: 25px;
    display: table;
    white-space: nowrap;
    vertical-align: top;
}

.grid-item.open .item .opendetails .info ul li .left {
    float: left;
    white-space: nowrap;
    padding-right: 4px;
    vertical-align: top;
    text-align: left;
}

.grid-item.open .item .opendetails .info ul li .center {
    display: table-cell;
    width: 100%;
    background: url('../images/listsep.png') 0 15px repeat-x;
    vertical-align: top;
}

.grid-item.open .item .opendetails .info ul li .right {
    float: right;
    padding-left: 4px;
    vertical-align: top;
    white-space: nowrap;
    text-align: right;
}

.grid-item.open .item .opendetails .info ul li .left.price {
    line-height: 41px;
}

.grid-item.open .item .opendetails .info ul li .center.price {
    background: transparent;
}

.grid-item.open .item .opendetails .info ul li .right.price {
    font-family: 'NeoSansPro-Bold';
    font-size: 22px;
    font-weight: 400;
    position: absolute;
    right: 7.1%;
    line-height: 41px;
    color: #000;
}

.grid-item.open .item .opendetails .info .button {
    width: 192px;
    position: absolute;
    bottom: 30px;
}

.grid-item.open .item .opendetails .info .button.right {
    right: 7.1%;
}

@media screen and (min-width: 1360px) {
    .grid-item.open .item .opendetails .info ul li .right.price {
        right: 7.5%
    }

    .grid-item.open .item .opendetails .info .button.right {
        right: 7.5%;
    }
}

/*callform*/

.grid-item.open .item .opendetails .info.callform {}

.grid-item.open .item .opendetails .info.callform p {
    font-family: 'Open Sans';
    font-style: italic;
    font-size: 12px;
    font-weight: 400;
    color: #666666;
    line-height: 14px;
    margin: 15px 0 !important;
}

.grid-item.open .item .opendetails .info.callform form {
    padding: 0 !important;
}

.grid-item.open .item .opendetails .info.callform form label,
.grid-item.open .item .opendetails .info.callform form input {
    cursor: pointer;
}

.grid-item.open .item .callform form input[type="text"] {
    width: 90% !important;
}

.grid-item.open .item .callform form input[type="submit"] {
    position: absolute;
    bottom: 30px;
}

.grid-item.open .item .callform .sendlater {
    color: #151616;
    font-family: 'Open Sans';
    font-size: 12px;
    font-weight: 400;
    border-bottom: 1px dashed #151616;
    cursor: pointer;
    position: absolute;
    bottom: 41px;
    margin-left: 200px !important;
}

.grid-item.open .item .callform .sendlater2 {
    color: #151616;
    font-family: 'Open Sans';
    font-size: 12px;
    font-weight: 400;
    border-bottom: 1px dashed #151616;
    cursor: pointer;
    display: inline-block;
    margin-top: 20px;
}

.sendlater:hover {
    color: #e3000f !important;
    border-color: #e3000f !important;
}

/*popup img*/

.popupimg {
    cursor: pointer;
    -webkit-transition: all 0.3s ease 0s !important;
    -moz-transition: all 0.3s ease 0s !important;
    -o-transition: all 0.3s ease 0s !important;
    transition: all 0.3s ease 0s !important;
}

.popupimg:hover {
    opacity: 0.8 !important;
}

.popupbg {
    position: fixed;
    width: 100%;
    height: 100%;
    background: url('../images/popupbg.png');
    top: 0;
    left: 0;
    z-index: 99;
    overflow: auto;
    display: none;
}

.popupbg img {
    top: 30%;
    left: 50%;
    margin-left: -350px;
    width: 700px;
    position: absolute;
    padding-bottom: 100px;
}

.popupbg .close {
    right: 0;
    top: 0;
}

/*Hideblock*/

.hideblock,
.hideblock2 {
    max-width: 1170px;
    margin: 0 auto;
    margin-top: 12px;
    margin-bottom: 26px;
    border: 1px solid #feed00;
    min-height: 100px;
    background: #fff;
    position: relative;
}

.open.hideblock,
.open.hideblock2 {
    margin-top: 12px;
    margin-bottom: 30px;
}

/*@media screen and (min-width: 1360px) {.hideblock h3.toggler
			.hideblock {width: 1214px;}
			}*/

.hideblock h3,
.hideblock2 h3 {
    font-family: 'NeoSansPro-Light';
    font-weight: 400;
    font-size: 30px;
    color: #151616;
    text-align: center;
    height: 100px;
    line-height: 98px;
    display: block;
}

.hideblock h3.toggler,
.hideblock2 h3.toggler2 {
    background: #feed00;
    position: absolute;
    max-width: 1170px;
    cursor: pointer;
    line-height: 95px;
}

/*@media screen and (min-width: 1360px) {
						.hideblock h3.toggler {width: 1214px;}
					}*/
.open.hideblock h3.toggler,
.open.hideblock2 h3.toggler2 {
    opacity: 0;
}

.hideblock h3:hover,
.hideblock2 h3:hover {
    background: #feed00;
}

.hideblock h3:active,
.hideblock2 h3:active {
    background: #E8BA02;
}

/*.open.hideblock h3, .open.hideblock2 h3 {background: transparent !important;}*/

.hideblock .picture,
.hideblock2 .picture {
    width: 244px;
    height: 443px;
    background: #feed00 url('../images/picture.png');
    margin-top: -10px;
    float: left;
    margin-left: -1px;
    display: none;
}

.hideblock .hidecontent,
.hideblock2 .hidecontent2 {
    text-align: left;
    padding: 0 20px 20px 20px;
    font-family: 'Open Sans';
    display: none;
    position: relative;
    z-index: 1;
}

.hideblock.open .hidecontent,
.hideblock2.open .hidecontent2 {
    display: block;
    opacity: 1;
}

.hideblock.withpicture .hidecontent,
.hideblock2.withpicture .hidecontent2 {
    margin-left: 252px;
}

.hideblock .hidecontent h4,
.hideblock2 .hidecontent2 h4 {
    font-size: 15px;
    font-weight: 700;
    color: #db2d27;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.hideblock .hidecontent p,
.hideblock2 .hidecontent2 p {
    color: #000;
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    margin-bottom: 22px;
    width: 489px;
}

.hideblock .hidecontent ul,
.hideblock2 .hidecontent2 ul {
    margin-top: 6px;
}

.hideblock .hidecontent ul li,
.hideblock2 .hidecontent2 ul li {
    background: url('../images/list.png') center left no-repeat;
    font-size: 14px;
    font-weight: 400;
    padding-left: 15px;
}

.hidecontent h3,
.hidecontent2 h3 {
    text-align: center;
    line-height: 95px;
    height: 100px;
}

.open.hideblock.withpicture,
.open.hideblock2.withpicture {
    min-height: 425px;
}

.hideblock .hidecontent a.button,
.hideblock2 .hidecontent2 a.button {
    float: right;
}

a.button {
    font-family: 'Open Sans';
    font-size: 13px;
    font-weight: 600;
    color: #151616;
    height: 38px;
    line-height: 36px;
    padding: 0 17px;
    background: #fff;
    border: 1px solid #feed00;
    display: inline-block;
    text-transform: uppercase;
    cursor: pointer;
    position: relative;
    margin-top: 19px;
    text-align: center;

}

a.button:hover {
    background: #feed00
}

a.button:active {
    background: #E8BA02;
    border-color: #E8BA02
}

.hideblock .hidecontent a.button,
.hideblock2 .hidecontent2 a.button {
    float: right;
}

a.button_anb {
    font-family: 'Open Sans';
    font-size: 13px;
    font-weight: 600;
    color: #151616;
    height: 38px;
    line-height: 36px;
    padding: 0 17px;
    background: #fff;
    border: 1px solid #feed00;
    display: inline-block;
    text-transform: uppercase;
    cursor: pointer;
    position: relative;
    margin-top: 19px;
    text-align: center;

}

a.button_anb:hover {
    background: #feed00
}

a.button_anb:active {
    background: #E8BA02;
    border-color: #E8BA02
}


.anchor_zam {
    position: absolute;
    top: -42px;
}


.offices .title:before {
    width: 33px;
    height: 33px;
    content: '';
    background: url('../images/i9.png');
    display: block;
    float: left;
    margin-top: 2px;
    margin-right: 10px;
}


form input[type="text"]:hover,
.grid-item.open .item .callform form input[type="text"]:hover {
    border-color: #aaa;
}

form input[type="text"]:focus,
.grid-item.open .item .callform form input[type="text"]:focus {
    background: #f8f8f8
}


.offices {
    margin-top: 48px;
    position: relative;
}

.anchor_off {
    position: absolute;
    top: -35px;
}


.offices .maps {
    height: 700px;
    position: relative;
}

.offices .maps .map {
    display: none;
    width: 100%;
    height: 700px;
    position: absolute;
}

.offices .maps .map.t01 {
    display: block;
}

.offices .maps .card {
    display: none;
    position: absolute;
    width: 540px;
    height: 540px;
    right: 50%;
    margin-right: -585px;
    top: 50%;
    transform: translate(0%, -50%);
    z-index: 2;
}


.offices .maps .card .image,
.offices .maps .card .image img {
    width: 318px;
    height: 216px;
    text-align: left;

}

.offices .maps .card .image img {
    position: absolute;
    width: auto;
    margin: 0 auto;
    left: 50%;
    transform: translate(-50%, 0);
}

.offices .maps .card .officetabs {
    margin-top: 2px;
}

.offices .maps .card .officetabs li {
    width: 74px;
    height: 49px;
    display: inline-block;
    opacity: 0.4;
    cursor: pointer;
}

.offices .maps .card .officetabs li.active,
.offices .maps .card .officetabs li:hover {
    opacity: 1;
}

.offices .maps .card .description {
    padding: 0 10px;
    font-family: 'Open Sans';
    font-size: 14px;
    color: #000000;
    line-height: 40px;
    text-align: left;
    margin-top: 6px;
}

.offices .maps .card .description .address {
    float: left;
    font-weight: 700;
}

.offices .maps .card .description .phone {
    float: right;
}

.offices .maps .card .description ul {
    font-family: 'Open Sans';
    font-size: 14px;
    color: #000000;
    line-height: 25px;
    text-align: left;
    margin-top: 3px;
}

.offices .maps .card .description ul li {
    display: table;
    white-space: nowrap;
    vertical-align: top;
}

.offices .maps .card .description ul li .left {
    float: left;
    white-space: nowrap;
    padding-right: 4px;
    vertical-align: top;
    text-align: left;
}

.offices .maps .card .description ul li .center {
    display: table-cell;
    width: 100%;
    background: url('../images/listsep.png') 0 13px repeat-x;
    vertical-align: top;
}

.offices .maps .card .description ul li .right {
    float: right;
    padding-left: 4px;
    vertical-align: top;
    white-space: nowrap;
    text-align: right;
    font-weight: 700;
}

.offices .maps .card a.button {
    margin-top: 21px;
}


.footer .left {
    width: 26%;
    float: left;
    text-align: center;
}

.footer .logo {
    width: 204px;
    height: 92px;
    display: block;
    background: url('../images/logo.png') no-repeat;
    margin-left: 28px;
    float: left;
}

.footer .phone {
    font-size: 31px;
    font-family: 'NeoSansPro-Bold';
    color: #151616;
    text-align: center;
    width: 160px;
    display: block;
    margin-left: 55px;
    margin-top: 16px;
}

.footer .phone .call {
    position: relative;
    white-space: nowrap;
    width: 160px;
    margin-top: -2px;
}

.footer .topopup {
    font-family: 'Open Sans';
    font-size: 12px;
    border-bottom: 1px dashed #000;
    cursor: pointer;
    line-height: 12px;
    font-weight: 400;
    display: block;
}

.footer .topopup:hover {
    border-color: #e3000f;
}

.footer ul.menu {
    text-align: left;
    float: right;
    margin-top: -3px;
    display: block;
    width: 74%;
}

.footer ul.menu li {
    float: left;
    width: 20%;
}

.footer ul.menu li a {
    font-family: 'Open Sans';
    font-weight: 700;
    color: #151616;
    text-decoration: none;
    line-height: 19px;
    height: 42px;
    display: block;
    max-width: 100px;
}

@media screen and (min-width: 1360px) {
    .footer ul.menu li a {
        max-width: 100%;
    }

    /*.footer ul.menu li {
						margin-right: 50px;
					}*/
}

.footer ul.menu li a:hover,
.footer ul.menu li.active>a {
    color: #db2d27
}

.footer ul.menu li.parent ul {}

.footer ul.menu li.parent ul li {
    float: none;
    margin-right: 0;
    width: 100%;
}

.footer ul.menu li.parent ul li a {
    font-size: 12px;
    line-height: 13px;
    margin-bottom: 6px;
    font-weight: 400;
    height: auto;
    max-width: 100%;
}

.footer .copyrights {
    text-align: center;
    position: absolute;
    bottom: 13px;
    left: 50%;
    width: 500px;
    margin-left: -250px;
    color: #635000;
    font-size: 12px;
    font-family: 'Open Sans';
    font-weight: 400;
}

/*checkbox*/

input[type="checkbox"] {
    position: relative;
    width: 18px;
    height: 18px;
    cursor: pointer;
}

input[type="checkbox"]:hover {
    opacity: 0.7;
}

.grid-item.open .item input[type="checkbox"] {
    margin: 0 8px 6px 0 !important;
}

input[type="checkbox"]:before {
    content: '';
    width: 18px;
    height: 18px;
    display: block;
}


li.check {
    color: #777777;
}

.error {
    border: 1px solid #E31E24 !important;
}

label#name-error {
    display: none !important;
}

label#phone-error {
    display: none !important;
}

label#email-error {
    display: none !important;
}

/*
[class*="ymaps-2"][class*="-ground-pane"] {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(100%);
}
*/

.advantages {
    display: inline-block;
    width: 100%;
    margin-bottom: 60px;
}

.advantages h3 {
    color: #151616;
    font-family: "NeoSansPro-Light";
    font-size: 36px;
    font-weight: 400;
}

.advantages .pics {
    text-align: center;
}

.advantages .pics span {
    font-weight: bold;
}

.advantages .pics>div {
    display: inline-block;
    padding: 20px;
    cursor: pointer;
    width: 170px;
}

.advantages .pics div.sel {
    background: url("../images/red-arrow.png") no-repeat scroll center bottom;

}

.advantages .pics div .pic1 {
    display: block;
}

.advantages .pics div .pic2 {
    display: none;
}

.advantages .pics div.sel .pic1 {
    display: none;
}

.advantages .pics div.sel .pic2 {
    display: block;
}

.advantages .line {
    display: block;
    background-color: #DF3035;
    height: 2px;
}

.advantages .desc div {
    text-align: center;
    margin-top: 15px;
}

/* ----------------------- style dima --------------------------*/

.carousel {
    max-width: 1170px;
    margin: 0 auto;
    position: relative;
}

.carousel-control {
    width: 70px;
    height: 45px;
    display: block;
    background: #feed00;
    position: absolute;
    top: 50%;
}

a.left {
    left: 0;
}

a.right {
    right: 0;
}

a.carousel-control {
    text-decoration: none;
    transition: all 0s ease 0s;
}

a.right.carousel-control:hover {
    background: #feed00;
}

a.left.carousel-control:hover {
    background: #feed00;
}

a.right span:after {
    content: "";
    position: absolute;
    width: 11px;
    height: 11px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    top: 15px;
    left: 39%;
}

a.left span:after {
    content: "";
    position: absolute;
    width: 11px;
    height: 11px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-left: 3px solid #fff;
    border-bottom: 3px solid #fff;
    top: 15px;
    left: 42%;
}

.slider-caption {
    position: absolute;
    top: 0px;
    width: 39%;
    left: 30px;
}

.name-header {
    font-size: 76px;
    padding: 60px 0px;
    padding-bottom: 0px;
    font-weight: 900;
    letter-spacing: 3px;
    line-height: 70px;
}

.price-block {
    width: 270px;
    height: 270px;
    margin: 0 auto;
    margin-top: 25px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.4);
    padding: 70px 0px;
    padding-left: 15px;
    font-family: neosanspro-bold;
}

.empty-block {
    width: 270px;
    height: 270px;
    margin-top: 25px;
}

.thous {
    font-size: 78px;
}

.hundr {
    font-size: 54px;
}

.3 dig_h {
    font-size: 78px;
}

.3 dig_d {
    font-family: 'Times New Roman';
    font-size: 154px;
    line-height: 10px;
    margin-left: -10px;
}

.4 dig_t {
    font-size: 88px;
}

.4 dig_h {
    font-size: 68px;
}

.4 dig_d {
    font-family: 'Times New Roman';
    font-size: 154px;
    line-height: 10px;
    margin-left: -10px;
}

.switch-block {
    margin: 0px auto;
    margin-top: 30px;
    border: 2px solid #feed00;
    border-radius: 15px;
    padding: 8px 0px;
    overflow: hidden;
    display: inline-block;
}

.switch-ul li {
    float: left;
    padding: 10px 20px;
    font-size: 18px;
    border-right: 2px solid #feed00;
}

.switch-ul li:last-child {
    border-right: 0px solid #feed00;
}

.switch-ul li a {
    text-decoration: none;
    border-bottom: 1px dashed #000;
}

.switch-ul li a:hover {
    text-decoration: none;
    border-bottom: 0px dashed #000;
}

.switch-ul li a.sw_active {
    text-decoration: none;
    border-bottom: 0px dashed #000;
    color: #e3000f;
}

ol.carousel-indicators {
    position: absolute;
    bottom: 25px;
    left: 50%;
    z-index: 15;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none;
}

ol.carousel-indicators li {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 0px 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    border: 1px solid #feed00;
    border-radius: 10px;
}

ol.carousel-indicators li.active {
    width: 15px;
    height: 15px;
    background-color: #feed00;
    border: 1px solid #feed00;
}

.carousel-inner {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.carousel-inner>.item {
    display: none;
    position: relative;
    -webkit-transition: 0.6s ease-in-out left;
    -o-transition: 0.6s ease-in-out left;
    transition: 0.6s ease-in-out left;
    font-family: neosanspro-bold;
}

.carousel-inner>.item>img,
.carousel-inner>.item>a>img {
    line-height: 1;
}

@media all and (transform-3d),
(-webkit-transform-3d) {
    .carousel-inner>.item {
        -webkit-transition: -webkit-transform 0.6s ease-in-out;
        -o-transition: -o-transform 0.6s ease-in-out;
        transition: transform 0.6s ease-in-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000px;
        perspective: 1000px;
    }

    .carousel-inner>.item.next,
    .carousel-inner>.item.active.right {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        left: 0;
    }

    .carousel-inner>.item.prev,
    .carousel-inner>.item.active.left {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        left: 0;
    }

    .carousel-inner>.item.next.left,
    .carousel-inner>.item.prev.right,
    .carousel-inner>.item.active {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        left: 0;
    }
}

.carousel-inner>.active,
.carousel-inner>.next,
.carousel-inner>.prev {
    display: block;
}

.carousel-inner>.active {
    left: 0;
}

.carousel-inner>.next,
.carousel-inner>.prev {
    position: absolute;
    top: 0;
    width: 100%;
}

.carousel-inner>.next {
    left: 100%;
}

.carousel-inner>.prev {
    left: -100%;
}

.carousel-inner>.next.left,
.carousel-inner>.prev.right {
    left: 0;
}

.carousel-inner>.active.left {
    left: -100%;
}

.carousel-inner>.active.right {
    left: 100%;
}


/* ----  style dima  ----- */

.info_box {
    display: inline-block;
    text-align: center;
    position: absolute;
    left: 46%;
    margin-left: -88px;
    padding: 7px 0px;
    padding-top: 31px;
}

.info-email,
.info-callback {
    font-family: Open Sans;
    font-size: 13px;
    position: relative;
    float: left;
}

.info-callback>a {
    display: inline-block;
    text-decoration: none;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    text-transform: uppercase;
    color: #002138;
    font-family: 'NeoSansPro-Bold';
    padding-top: 10px;
    padding-bottom: 8px;
    border: 2px solid #DD281D;
    box-sizing: border-box;
    border-radius: 16px;
    width: 155px;
    margin-left: 23px;
}

.info-callback a:hover {
    color: #DD281D;
    /* border-bottom: 1px dashed #e3000f; */
}

.info-tel {
    font-family: 'NeoSansPro-Bold';
    font-size: 22px;
    display: flex;
    align-items: center;
    float: left;
    line-height: 36px;
}

.clear {
    clear: both;
}


.menu_block {
    max-width: 1170px;
    margin: 0 auto;
    margin-top: 10px;
    min-width: 1170px;
}

ul.menu_d {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
    width: 100%;
    border-bottom: 1px solid #feed00;
    border-top: 1px solid #feed00;
}

ul.menu_d li {
    display: block;
    position: relative;
    font-size: 15px;
    font-family: 'NeoSansPro-Medium';
    background: #fff;
    border-right: 1px solid #feed00;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    cursor: pointer;
}

ul.menu_d>li {
    float: left;
}

ul.menu_d li a {
    display: block;
    text-decoration: none;
    padding-top: 22px;
    padding-bottom: 22px;
    line-height: 18px;
}

ul.menu_d li:hover {
    background: #feed00;
}

ul.menu_d li:hover ul {
    display: block;
}

ul.menu_d li ul {
    margin: 0;
    padding: 0;
    position: absolute;
    width: 101%;
    display: none;
    top: 62px;
    box-shadow: 0px 20px 26px -15px rgba(0, 0, 0, 0.54);
    z-index: 200;
    left: -1px;
}

ul.menu_d li ul li {
    display: block;
    background: #feed00;
    text-align: left;
    border-right: 0px solid;
    height: auto;

}

ul.menu_d li ul li:first-child {
    border-top: 1px solid #feed00;
}

ul.menu_d li ul li a {
    padding: 15px;
    font-family: 'Open Sans';
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

ul.menu_d li ul li a:hover {
    background: #fff;
    color: #e3000f;

}

ul.menu_d li a.down_str:after {
    content: '';
    position: absolute;
    margin-left: 10px;
    top: 30px;

    border: 5px solid transparent;
    border-top: 5px solid #000;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

ul.menu_d li:hover a.down_str:after {
    top: 24px;
    border: 5px solid transparent;
    border-bottom: 5px solid #000;
}

/*@media screen and (min-width: 1360px) {
	.menu_block {width: 1280px;}
}*/

/*  moskitnye setki  */

.section {
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    color: #151616;
}

.section .row {
    max-width: 1170px;
    margin: 0 auto;
}

.section1 {
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    color: #151616;
}

.section1 .row {
    max-width: 1170px;
    margin: 0 auto;
}


/*@media screen and (min-width: 1360px) {
	.section .row {width: 1214px;}
}*/

.row {
    margin: 0 auto;
    overflow: hidden;
    /*text-align: center;*/
    line-height: 25px;
    padding-top: 15px;
}

.row p {
    padding-bottom: 15px;
}

.fl_l {
    float: left;
}

.fl_r {
    float: right;
}

.bold {
    font-weight: 700;
}

.mr_l_20 {
    margin-left: 20px;
}

.mr_b_10 {
    margin-bottom: 10px;
}

.mr_b_20 {
    margin-bottom: 20px;
}


.header-h {
    font-size: 30px;
    font-family: 'NeoSansPro-Bold';
    padding-top: 20px;
    color: #151616;
}

.header-h2 {
    font-size: 28px;
    font-family: 'NeoSansPro-Bold';
    padding-top: 20px;
    color: #151616;
    text-align: center;
}

.wind {
    overflow: hidden;
    padding-top: 50px;
    padding-bottom: 50px;
}

.right.price {
    font-family: PFDinDisplayProM;
    font-size: 36px;
    color: #EE1919;
}

.calculator {
    overflow: hidden;
    background: #fff;
    padding: 50px 20px;
    margin-top: 40px;
}

.calculator form {
    padding: 0px;
}

.col_half {
    width: 50%;
    float: left;
    position: relative;
}

.for_ratio_box {
    display: inline-block;
    margin: 10px 10px;
    margin-top: 3px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.for_ratio_box2 {
    display: inline-block;
    margin-right: 10px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.for_ratio_box2:last-child {
    margin-right: 0px;
}

.radio {
    vertical-align: top;
    width: 17px;
    height: 17px;
    margin: 0 3px 0 0;

}

.radio+label {
    cursor: pointer;
    font-size: 16px;
    margin-bottom: 0px !important;
}

.radio:not(checked) {
    position: absolute;
    opacity: 0 !important;
}

.radio:not(checked)+label {
    position: relative;
    padding: 0 0 0 25px;

}

.radio:not(checked)+label:before {
    content: '';
    position: absolute;
    left: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #666;
    border-radius: 50%;
    /* background: #ccc; */
}

.radio:not(checked)+label:after {
    content: '';
    position: absolute;
    margin-top: 6px;
    left: 6px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #000;
    opacity: 0;
}

.radio:checked+label:before {
    background: #feed00;
}

.radio:checked+label:after {
    opacity: 1;
}

.checkbox {
    vertical-align: top;
    width: 17px;
    height: 17px;
    margin: 0 3px 0 0;
}

.checkbox+label {
    cursor: pointer;
}

.checkbox:not(checked) {
    position: absolute;
    opacity: 0 !important;
    left: 0px;
}

.checkbox:not(checked)+label {
    position: relative;
    padding: 0 0 0 20px;
    display: block;
}

.checkbox:not(checked)+label:before {
    content: '';
    position: absolute;
    left: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #B4B4B5;
    background: #FFF;
    top: 0px;
}

.checkbox:not(checked)+label:after {
    content: '';
    position: absolute;
    left: 3px;
    width: 18px;
    height: 18px;
    opacity: 0;
    top: 4px;

}

.checkbox:checked+label:before {
    background: #feed00;

}

.checkbox:checked+label:after {
    opacity: 1;
    background: url(../images/gal.png) no-repeat;
}

.txt_chb {
    text-align: left;
    padding-left: 10px;
}

.line_box_data {
    overflow: hidden;
    position: relative;
    padding: 15px 20px;
    border-bottom: 1px solid #eeeeef;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.line_box_data:last-child {
    border-bottom: 0px solid #F3F8FD;
}

.line_box_data>.cell_data>.for_check_box label {
    margin-bottom: 0px !important;
}

.double_bord {
    border-top: 1px double #eeeeef;
    margin-top: 2px;
}

.line_box_data_m {
    overflow: hidden;
    position: relative;
    padding: 15px;
}

.line_box_data_m:first-child {
    border-top: 1px solid #F3F8FD;
}

.line_box_data_m:last-child {
    border-bottom: 1px solid #F3F8FD;
}

.options,
.option_winds {
    font-size: 16px;
    font-family: 'Open Sans';
    text-align: center;
}

.btn_box {
    overflow: hidden;
}

.btn_order {
    padding: 12px;
    border: 1px solid #feed00;
    font-size: 13px;
    font-family: 'Open Sans';
    color: #000;
    text-decoration: none;
    margin-top: 20px;
    float: left;
}

.btn_order:hover {
    background: #feed00;
    color: #000;
}

.to_order.btn.btn_full:only-child {
    max-width: 100%;
    flex: 1;
}

.post_info {
    margin-top: 80px;
    overflow: hidden;
    float: left;
    font-size: 12px;
    margin-left: 75px;
    color: #808080;
}

.gray {
    color: #B3B3B3;
}

.main_block_option {
    padding-left: 70px;
}

.sizes {
    position: absolute;
    top: 0px;
    left: 0px;
}

.y-size {
    height: 236px;
    border-top: 2px solid #feed00;
    border-bottom: 2px solid #feed00;
    left: 10px;
    top: 25px;
    position: relative;
    width: 185px;
}

.y-size2 {
    height: 278px;
    border-top: 2px solid #feed00;
    border-bottom: 2px solid #feed00;
    left: 5px;
    top: 25px;
    position: relative;
    width: 115px;
}

/*@media screen and (min-width: 1360px) {
	.y-size {
		height: 236px;
		left: 15px;
		top: 25px;
		width: 230px;
	}
	.y-size2 {
		height: 277px;
		left: 13px;
		top: 25px;
		width: 155px;
	}
}*/
.y-size-dop {
    position: relative;
    width: 2px;
    height: 100%;
    background: #feed00;
    left: 18px;
    float: left;
}

.y-size-dop:before {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-top: 1px solid #feed00;
    border-left: 1px solid #feed00;
    left: -4px;
}

.y-size-dop:after {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-bottom: 1px solid #feed00;
    border-right: 1px solid #feed00;
    left: -4px;
    bottom: 2px;
}

.size_dig {
    position: absolute;
    top: 100px;
    left: -95px;
    font-size: 14px;
    width: 140px;
}

.size_dig_inp {
    width: 73px !important;
    display: inline-block !important;
    padding: 3px 5px !important;
    font-size: 14px !important;
    line-height: 1.42857143 !important;
    color: #555 !important;
    background-color: #fff !important;
    background-image: none !important;
    border: 1px solid #feed00 !important;
    text-align: center !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) !important;
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s !important;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s !important;
    margin-top: 0px !important;
}

.x-size {
    width: 76px;
    height: 60px;
    border-right: 2px solid #feed00;
    border-left: 2px solid #feed00;
    position: absolute;
    left: 172px;
    top: 250px;
}

.x-size2 {
    width: 89px;
    height: 62px;
    border-right: 2px solid #feed00;
    border-left: 2px solid #feed00;
    position: absolute;
    left: 85px;
    top: 292px;
}

/*@media screen and (min-width: 1360px) {
	.x-size {
		left: 232px;
	}
	.x-size2 {
		width: 89px;
		height: 62px;
		border-right: 1px solid #feed00;
		border-left: 1px solid #feed00;
		position: absolute;
		left: 158px;
		top: 292px;
	}
}*/
.x-size-dop {
    position: relative;
    height: 1px;
    width: 100%;
    background: #feed00;
    top: 50px;
    float: right;
}

.x-size-dop:before {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-left: 1px solid #feed00;
    border-bottom: 1px solid #feed00;
    left: 2px;
    bottom: -4px;
}

.x-size-dop:after {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-top: 1px solid #feed00;
    border-right: 1px solid #feed00;
    right: 2px;
    bottom: -4px;
}

.size_dig_2 {
    position: absolute;
    top: 75px;
    font-size: 14px;
    left: 7px;
}

#window .size_dig_2 {
    left: 0px;
}

.sz_hgth {
    position: absolute;
    top: 7px;
    left: -85px
}

.sz_wdth {
    font-size: 12px;
    position: absolute;
    top: 9px;
    left: 80px;
    width: 90px;
}

.block_object {
    position: relative;
}

.bx_order_make .bx_block {
    text-align: left;
}

.zamer_form input {
    cursor: text;
}

.zamer_form label {
    cursor: default;
}

.btn_up {
    width: 37px;
    height: 37px;
    position: fixed;
    bottom: 10%;
    right: 50px;
    background: url(../images/up.png) no-repeat;
    z-index: 29;
    cursor: pointer;
    background-color: #fff;
    display: block;

    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.btn_up:hover {
    background-color: #feed00;
}

/* контакты */


.header-h_kont,
.header-h_rek {
    font-size: 36px;
    font-family: 'NeoSansPro-Medium';
    padding-top: 40px;
    color: #151616;
    text-align: center;

}

.header-h_kont span,
.header-h_rek span {
    position: relative;
}

.header-h_kont span:before {
    content: '';
    background: url(../images/kont_ico.png) no-repeat;
    width: 40px;
    height: 30px;
    position: absolute;
    top: 7px;
    left: -55px;
}

.header-h_rek span:before {
    content: '';
    background: url(../images/rek_ico.png) no-repeat;
    width: 28px;
    height: 40px;
    position: absolute;
    top: 2px;
    left: -45px;
}

.contacts_block {
    overflow: hidden;
    width: 60%;
    margin: 0 auto;
    margin-top: 30px;
}

.line_block {
    color: #000;
    overflow: hidden;
    font-family: 'Open Sans';
    font-weight: 700;
    padding: 10px 0px;
    position: relative;
}

.line_block:before {
    content: '';
    width: 100%;
    height: 1px;
    position: absolute;
    top: 50%;
    left: 0px;
    background: #feed00;
    z-index: 1;

}

.col_l {
    float: left;
    position: relative;
    z-index: 1;
    background: #f8f8f8;
    padding-right: 20px;
}

.col_r {
    float: right;
    position: relative;
    z-index: 1;
    background: #fff;
    padding-left: 20px;
}

.cont_txt p {
    color: #000;
    font-family: 'Open Sans';
    margin: 0px;
    padding: 10px 0px;
    text-align: left;
}


/*  Вакансии  */

.header-h_kont,
.header-h_cv {
    font-size: 30px;
    font-family: 'NeoSansPro-Medium';
    padding-top: 40px;
    color: #151616;

}

.header-h_kont span,
.header-h_cv span {
    position: relative;
}

.header-h_kont span:before {
    content: '';
    background: url(../images/kont_ico.png) no-repeat;
    width: 40px;
    height: 30px;
    position: absolute;
    top: 3px;
    left: -55px;
}

.header-h_cv span:before {
    content: '';
    background: url(../images/cv_ico.png) no-repeat;
    width: 34px;
    height: 33px;
    position: absolute;
    top: 3px;
    left: -55px;
}

.cv_block {
    margin-top: 20px;
    background: #fff;
    padding-bottom: 30px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    overflow: hidden;
    text-align: center;
    padding: 0px 20px;
    padding-bottom: 20px;
}

.cv_block:hover {
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.08);
}

.header_cv {
    font-size: 20px;
    padding-top: 40px;
    color: #151616;
}

.option_n {
    display: inline-block;
    margin: 0px 10px;
    margin-top: 20px;
    font-weight: 700;
    font-size: 14px;
}

.option_n a {
    padding: 5px 15px;
    display: block;
    text-decoration: none;
}

.option_n a span {
    border-bottom: 1px dashed;
    color: #000;
}

.option_n.active a span {
    border: none;
    color: #000;
    border: none;
}

.option_n.active {
    border: none;
    border-radius: 30px;
}

.paragraph {
    text-align: left;
    width: 50%;
    padding-right: 20px;
    font-size: 14px;
    color: black;
    font-family: 'Open Sans';
    margin-bottom: 20px;
    position: relative;
    padding-left: 20px;
    float: left;
    box-sizing: border-box;
}

.line_par {
    overflow: hidden;
}

.info_block {
    margin-top: 30px;
}

.paragraph:before {
    content: '';
    position: absolute;
    width: 12px;
    left: 0px;
    height: 12px;
    background: url(../images/dot.png) no-repeat;
    top: 5px;
}

.kont_inf {
    font-size: 20px;
    font-family: 'NeoSansPro-Bold';
    padding-top: 40px;
    color: #151616;
    line-height: 40px;
    text-align: center;
}

.causes_block {
    margin-top: 40px;
    text-align: center;
}

.cause_n {
    width: 40%;
    padding-left: 60px;
    display: inline-block;
    position: relative;
    text-align: left;
    margin-bottom: 50px;
    font-family: 'Open Sans';
    font-size: 14px;
    vertical-align: top;
}

.cause_n1 {
    width: 80%;
    padding-left: 60px;
    display: inline-block;
    position: relative;
    text-align: left;
    margin-bottom: 50px;
    font-family: 'Open Sans';
    font-size: 16px;
    vertical-align: baseline;
}

.one_c:before {
    content: '';
    width: 36px;
    height: 45px;
    position: absolute;
    left: 0px;
    top: -4px;
    background: url(../images/one_c.png) no-repeat;

}

.two_c:before {
    content: '';
    width: 43px;
    height: 44px;
    position: absolute;
    left: 0px;
    top: -4px;
    background: url(../images/five_c.png) no-repeat;

}

.three_c:before {
    content: '';
    width: 43px;
    height: 32px;
    position: absolute;
    left: 0px;
    top: -6px;
    background: url(../images/two_c.png) no-repeat;

}

.four_c:before {
    content: '';
    width: 44px;
    height: 41px;
    position: absolute;
    left: 0px;
    top: -1px;
    background: url(../images/six_c.png) no-repeat;

}

.five_c:before {
    content: '';
    width: 41px;
    height: 41px;
    position: absolute;
    left: 0px;
    top: -7px;
    background: url(../images/three_c.png) no-repeat;

}

.six_c:before {
    content: '';
    width: 34px;
    height: 32px;
    position: absolute;
    left: 0px;
    top: 3px;
    background: url(../images/seven_c.png) no-repeat;

}

.seven_c:before {
    content: '';
    width: 40px;
    height: 41px;
    position: absolute;
    left: 0px;
    top: -10px;
    background: url(../images/four_c.png) no-repeat;

}

.eight_c:before {
    content: '';
    width: 34px;
    height: 40px;
    position: absolute;
    left: 0px;
    top: -4px;
    background: url(../images/eight_c.png) no-repeat;

}

.tabs ul {
    display: inline-block;
    margin-left: -40px;
}

.balcony {
    position: relative;
    margin: 0 50px;
    margin-bottom: 40px;
}

.horizontal-slider {
    position: relative;
    overflow: hidden;
    padding: 0px 26px;
}

ul.sm-slider {
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
}

ul.sm-slider li {
    display: inline-block;
    / / zoom: 1;
    / / display: inline;
    vertical-align: top;
    white-space: normal;
    position: relative;
    width: 175px;
    text-align: center;
}

ul.sm-slider .slide-cont {
    display: block;
    margin: 0 15px;
    text-decoration: none;
}

.balcony a:hover img {
    border: 3px solid #feed00;
}

.slider-prev,
.slider-next {
    position: absolute;
    top: 50%;
    margin: -23px -50px 0 -50px;
    width: 37px;
    height: 37px;
    background: url(../images/arrow_sl.png) no-repeat;
}

.slider-prev {
    background-position: 0 0;
    left: 0;
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.slider-next {
    background-position: 0px 0;
    right: 0;
}

.slider-prev:hover,
.slider-next:hover {
    background-color: #feed00;
}

.slider-with-rounds {
    position: relative;
    height: 354px;
    margin-bottom: 65px;
    background: #3399cc;
}

.slider-with-rounds .slider-item {
    position: absolute;
    display: none;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #3399cc;
    border-radius: 10px;
}

.slider-with-rounds .slider-item:first-child {
    display: block;
}

.slider-with-rounds a.slider-item:hover {}

.reviews a img {
    border: 3px solid #d7d7d7;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.reviews ul.sm-slider li {
    margin-right: 46px;
    width: 166px;
}


.com_comment_row {
    text-align: left;
}

.date_otz {
    font-size: 12px;
    margin-left: 20px;
    margin-bottom: 10px;
    display: block;
    text-align: left;
}

.title_otz {
    color: #ED1E26;
    margin-bottom: 5px;
    display: block;
}


.anb.hideblock2 .hidecontent2 {
    text-align: left;
    font-family: 'Open Sans';
    display: none;
    position: relative;
    z-index: 1;
    overflow: hidden;
    padding: 0px;
}

.hidecontent2 .col_l {
    background: #feed00;
    width: 28%;
    float: left;
    margin-right: 20px;
    padding: 10px 0px;
}

.hidecontent2 .col_r {
    width: 70%;
    float: right;
}

.anb.hideblock2 .hidecontent2 a.button_anb {
    float: right;
    margin-right: 20px;
}

.skeleton {
    background: url(../img/skelet.png) no-repeat;
    width: 277px;
    height: 439px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
    top: 55px;
    left: 23px;
}

.pluse {}

.plus:hover {
    background-size: 100%;
    background-position: 0px 0px;
}

.plus.active {
    background-size: 100%;
    background-position: 0px 0px;
}

.element {
    position: absolute;
    top: 212px;
    left: 50px;
}

.krsh {
    opacity: 0;
}

.krsh:after {
    content: '';
    border-color: #ffffff transparent transparent transparent;
    border-style: solid;
    border-width: 221px 0px 0px 55px;
    height: 0;
    width: 0;
    top: -285px;
    left: 62px;
    position: absolute;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}


.plus_pot {
    background: url(../img/plus.png) no-repeat;
    width: 25px;
    height: 25px;
    position: absolute;
    background-size: 70%;
    background-position: 3px 3px;
    cursor: pointer;
    top: -130px;
    left: 152px;
    z-index: 3;
}

.potolok {
    opacity: 0;
}

.potolok:after {
    content: '';
    border-color: transparent transparent transparent transparent;
    top: -135px;
    left: -11px;
    position: absolute;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    border-bottom: 63px solid white;
    border-left: 40px solid transparent;
    border-right: 75px solid transparent;
    height: 0;
    width: 93px;
}


.plus_ok {
    background: url(../img/plus.png) no-repeat;
    width: 25px;
    height: 25px;
    position: absolute;
    background-size: 70%;
    background-position: 3px 3px;
    cursor: pointer;
    top: -106px;
    left: -10px;
    z-index: 3;
}

.okno {
    opacity: 0;
}

.okno:after {
    content: '';
    border-color: transparent transparent transparent transparent;
    top: -77px;
    left: -70px;
    position: absolute;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    border-bottom: 74px solid white;
    border-left: 65px solid transparent;
    border-right: 37px solid transparent;
    height: 0;
    width: 88px;
}


.plus_sh {
    background: url(../img/plus.png) no-repeat;
    width: 25px;
    height: 25px;
    position: absolute;
    background-size: 70%;
    background-position: 3px 3px;
    cursor: pointer;
    top: -24px;
    left: 108px;
    z-index: 3;
}

.shkaf {
    opacity: 0;
}

.shkaf:after {
    content: '';
    top: -49px;
    left: 79px;
    position: absolute;
    height: 114px;
    width: 80px;
    background: #fff;
}

.plus_pod {
    background: url(../img/plus.png) no-repeat;
    width: 25px;
    height: 25px;
    position: absolute;
    background-size: 70%;
    background-position: 3px 3px;
    cursor: pointer;
    top: 38px;
    left: 18px;
    z-index: 3;
}

.podok {
    opacity: 0;
}

.podok:before {
    content: "";
    position: absolute;
    top: 21px;
    left: 17px;
    width: 22px;
    height: 42px;
    -webkit-transform: skew(-62deg);
    -moz-transform: skew(-62deg);
    -o-transform: skew(-62deg);
    background: #fff;
}

.podok:after {
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    top: 21px;
    left: 19px;
    border-width: 0px 25px 43px;
    border-style: solid;
    border-color: transparent transparent #fff;
    -webkit-transform: skew(-59deg);
    -moz-transform: skew(-59deg);
    -o-transform: skew(-59deg);
}

.bok {
    opacity: 0;
}

.plus_bok {
    background: url(../img/plus.png) no-repeat;
    width: 25px;
    height: 25px;
    position: absolute;
    background-size: 70%;
    background-position: 3px 3px;
    cursor: pointer;
    top: 72px;
    left: 35px;
    z-index: 3;
}

.bok:before {
    content: "";
    position: absolute;
    top: 66px;
    left: 15px;
    width: 15px;
    height: 90px;
    background: #fff;
}

.bok:after {
    content: '';
    border-color: transparent transparent transparent transparent;
    top: 63px;
    left: 13px;
    position: absolute;
    border-bottom: 49px solid white;
    border-left: 0px solid transparent;
    border-right: 40px solid transparent;
    height: 0;
    width: 41px;
    -webkit-transform: rotate(90deg) skew(43deg);
    -moz-transform: rotate(90deg) skew(43deg);
    -ms-transform: rotate(90deg) skew(43deg);
    -o-transform: rotate(90deg) skew(43deg);
}

.plus_pol {
    background: url(../img/plus.png) no-repeat;
    width: 25px;
    height: 25px;
    position: absolute;
    background-size: 70%;
    background-position: 3px 3px;
    cursor: pointer;
    top: 101px;
    left: 121px;
    z-index: 3;
}

.pol {
    opacity: 0;
}

.pol:after {
    content: '';
    border-color: transparent transparent transparent transparent;
    top: 67px;
    left: 29px;
    position: absolute;
    border-bottom: 88px solid white;
    border-left: 48px solid transparent;
    border-right: 32px solid transparent;
    height: 0;
    width: 83px;
}

.plus_prof {
    background: url(../img/plus.png) no-repeat;
    width: 25px;
    height: 25px;
    position: absolute;
    background-size: 70%;
    background-position: 3px 3px;
    cursor: pointer;
    top: 109px;
    left: -4px;
    z-index: 3;
}

.prof {
    opacity: 0;
}

.prof:after {
    content: '';
    background: url(../img/prof.png) no-repeat;
    width: 5px;
    height: 102px;
    position: absolute;
    top: 66px;
    left: 10px;
}

.plus_pod2 {
    background: url(../img/plus.png) no-repeat;
    width: 25px;
    height: 25px;
    position: absolute;
    background-size: 70%;
    background-position: 3px 3px;
    cursor: pointer;
    top: 38px;
    left: 176px;
    z-index: 3;
}

.pod2 {
    opacity: 0;
}

.pod2:after {
    content: '';
    background: url(../img/pod.png) no-repeat;
    width: 23px;
    height: 18px;
    position: absolute;
    top: 31px;
    left: 167px;
}

.plus_sten {
    background: url(../img/plus.png) no-repeat;
    width: 25px;
    height: 25px;
    position: absolute;
    background-size: 70%;
    background-position: 3px 3px;
    cursor: pointer;
    top: 54px;
    left: 161px;
    z-index: 3;
}

.sten {
    opacity: 0;
}

.sten:after {
    content: '';
    background: url(../img/sten.png) no-repeat;
    width: 44px;
    height: 252px;
    position: absolute;
    top: -135px;
    left: 157px;
}

.plus_otkos {
    background: url(../img/plus.png) no-repeat;
    width: 25px;
    height: 25px;
    position: absolute;
    background-size: 70%;
    background-position: 3px 3px;
    cursor: pointer;
    top: -30px;
    left: 158px;
    z-index: 3;
}

.otkos {
    opacity: 0;
}

.otkos:after {
    content: '';
    background: url(../img/otkos.png) no-repeat;
    width: 44px;
    height: 252px;
    position: absolute;
    top: -112px;
    left: 166px;
}

.op {
    opacity: 1;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.sub_head {
    color: #DB2D27;
    font-family: 'OpenSans-bold';
    font-size: 16px;
    margin-bottom: 30px;
}

.cont_anatomiya {
    display: none;
}

.cont_anatomiya.active {
    display: block;
}

.cont_anatomiya p {
    color: #000;
    font-family: 'OpenSans-Semibold';
    font-size: 14px;
    margin-bottom: 20px;
}

.cont_anatomiya ul {
    color: #000;
    font-family: 'OpenSans-Regular';
    font-size: 14px;
    margin-bottom: 20px;
}

.cont_anatomiya ul li {
    position: relative;
    padding-left: 15px;
}

/*.cont_anatomiya ul li:before {
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #DB2D27;
    position: absolute;
    left: 0px;
    top: 8px;

}*/

.konkurs_btn {
    position: fixed;
    right: -15px;
    top: 480px;
    z-index: 9999;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.konkurs_btn:hover {
    right: 0px;
}

@media (max-width: 768px) {
    .konkurs_btn {
        display: none;
    }
}

.callback_ppb_video {
    position: relative;
    width: 80%;
    display: none;
    overflow: hidden;
    z-index: 30;
    margin: 20px auto;
    display: inline-block;
    min-width: 300px;
    max-width: 800px;
}

.callback_ppb_video.active {
    display: block;

}

.callback_ppb {
    position: fixed;
    left: 50%;
    top: 50%;
    width: 392px;
    display: none;
    overflow: hidden;
    z-index: 210;
    margin-left: -196px;
    margin-top: -225px;
}

.callback_ppb.active {
    display: block;

}

.bord_shadow {
    position: relative;
    z-index: 4;
    overflow: hidden;
    /*    transition: height 280ms ease-in-out;*/
    margin: 0 auto;
    height: 15px;
    width: 100%;
    top: -10px;
}

.bord_top {
    height: 1px;
    background: radial-gradient(rgba(255, 255, 255, 0.52), rgba(255, 204, 0, 0));
    position: relative;
}

/*
.bord_top:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    top: -8px;
    left: 0%;
    height: 18px;
    width: 100%;
    opacity: 1;
    background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 88%);
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.46) 0%, rgba(0, 0, 0, 0) 75%);
}
*/

.callback_ppb_bg {
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0, 0, 0, 0.6);
    z-index: 205;
    display: none;
}

.callback_ppb_bg_video {
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0, 0, 0, 0.6);
    z-index: 99999999;
    display: none;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    overflow-x: hidden;
}

.window_callback_video {
    position: relative;
    z-index: 2;
    padding: 40px 40px;
    min-width: 150px;
    background: #FEED00 url(/local/templates/new_pogoda/img/desc_vid.png) no-repeat;
    border-radius: 5px;
    background-position: top right;
}

.window_callback_video .adapt_vid {
    width: 450px;
}

.window_callback_video .adapt_lab {
    display: inline-block;
    width: 213px;
}

.window_callback_video .lab_2 {
    margin-left: 20px;
}

.window_callback_video_title {
    font-size: 36px;
    line-height: 30px;
    text-align: left;
    color: #002138;
    font-family: 'NeoSansPro-Regular';
}

.window_callback_video_title2 {
    font-size: 16px;
    line-height: 17px;
    text-align: left;
    color: #002138;
    padding-top: 16px;
    padding-bottom: 27px;
    font-family: 'NeoSansPro-Regular';
}

@media (max-width: 940px) {
    .window_callback_video {
        padding: 32px 30px;
        background: #FEED00;
    }

    .window_callback_video .adapt_vid {
        width: 100%;
    }

    .window_callback_video_title {
        font-size: 20px;
        font-family: 'NeoSansPro-Medium';
    }

    .window_callback_video .adapt_lab {
        display: block;
        width: 100%;
    }

    .window_callback_video .lab_2 {
        margin-left: 0px;
    }
}


.window_callback {
    position: relative;
    z-index: 2;
    padding: 32px;
    width: 392px;
    /* height: 450px; */
    background: #FFFFFF;
    border-radius: 20px;
}

.window_callback_title {
    text-align: center;
    color: #002138;
    font-family: 'NeoSansPro-Bold';
    font-size: 16px;
    line-height: 19px;
}

.window_callback_title2 {
    text-align: center;
    color: #002138;
    padding-top: 8px;
    padding-bottom: 24px;
    font-family: 'NeoSansPro-Regular';
    font-size: 14px;
    line-height: 17px;
}

.close_calback {
    position: absolute;
    right: 17px;
    font-size: 28px;
    top: 10px;
    color: #424242;
    cursor: pointer;
    line-height: 100%;
}

.close_calback_video {
    position: absolute;
    right: 17px;
    font-size: 22px;
    top: 10px;
    color: #C4C4C4;
    cursor: pointer;
    line-height: 20px;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    background-color: white;
}

.sent_clb h2 {
    margin-bottom: 20px;
    font-size: 16px;
}

.sent_clb {
    display: none;
    font-size: 14px;
    text-align: center;
    font-family: 'NeoSansPro-Regular';
    line-height: 20px;
}

.sent_clb .bold:nth-child(1) {
    margin-bottom: 8px;
    font-size: 16px;
    line-height: 19px;
}

span.bold.clb_time24 {
    display: inline-flex;
}

span.bold.clb_time24 img {
    margin-right: 4px;
}

span.clb_time {
    font-size: 14px;
    line-height: 17px;
}

span.label_zv {
    color: rgba(227, 30, 36, 1);
    margin-left: 2px;
}

.bannerdoor {
    position: relative;
    display: inline-block;
}

.banndoorinfo {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 47%;
    display: flex;
    text-align: left;
    justify-content: center;
    height: 100%;
    flex-direction: column;
    padding: 20px;
}

.banndoorinfo p {
    padding-bottom: 10px;
    font-size: 14px;
}

.banndoorinfo p a {
    text-decoration: none;
    border-bottom: 1px dashed;
}

.enter_txt {
    font-family: 'NeoSansPro-Medium';
    font-size: 18px;
    text-align: center;
    margin-bottom: 20px;
    color: #333333;
}

.txt_content {
    font-family: 'Open Sans';
    font-size: 16px;
    text-align: center;
    margin-bottom: 20px;
    color: #666666;
}

/*-----------------OTZIVI PAGE BEGIN-----------------------*/

.new_otziv {
    max-width: 1170px;
    margin: 0 auto;
}

.header-h_rev {
    font-size: 30px;
    font-family: 'NeoSansProM';
    padding-top: 40px;
    color: #151616;

}

.header-h_rev span {
    position: relative;
}

.header-h_rev span:before {
    content: '';
    background: url(/images/rev_ico.png) no-repeat;
    width: 36px;
    height: 29px;
    position: absolute;
    top: 5px;
    left: -43px;
}

.header_cv {
    font-size: 20px;
    padding-top: 40px;
    margin-bottom: 30px;
    color: #151616;
    font-weight: 700;
}

.rev_block {
    margin-top: 20px;
    background: #fff;
    padding-bottom: 30px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    overflow: hidden;
    text-align: center;

}

.option_n {
    display: inline-block;
    margin-top: 20px;
    font-size: 14px;
    font-family: "Open Sans";
}

.option_n a {
    padding: 5px 15px;
    display: block;
}

.option_n a span {
    border-bottom: 1px dashed;
    color: #000;
}

.option_n.active a span {
    border: none;
    color: #000;
    border: none;
}

.option_n.active {
    border: none;
    border-radius: 30px;
    background: #feed00;
}

.info_block {
    margin-top: 30px;
}

.question_block {
    padding: 30px;
    text-align: left;
    border: 1px solid #E6E6E6;
    font-size: 14px;
    box-shadow: 0px 20px 50px -15px rgba(204, 204, 204, 0.80);
    position: relative;
    z-index: 2;
    background: #fff;
    color: #000;
    line-height: 19px;
    font-family: 'Open Sans';
}

.shadow_none {
    box-shadow: none;
}

.autor_comment {
    font-size: 14px;
    text-align: left;
    margin-top: 25px;
    font-weight: bold;
}

.data_box {
    text-align: left;
    margin-top: 5px;
    font-style: italic;
    margin-bottom: 10px;
}

.comment_block div:last-child .data_box {
    margin-bottom: 0px;
}

.btn_answer {
    text-transform: uppercase;
    position: absolute;
    width: 250px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #feed00;
    bottom: 43px;
    right: 30px;
    margin-left: -126px;
    background: #fff;
    cursor: pointer;
    z-index: 3;
    outline: none;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    font-weight: 700;
}

.btn_answer:hover {
    background: #feed00;
}

.o_eye:before {
    content: '';
    position: absolute;
    background: url(/images/eye_ico.png) no-repeat;
    width: 25px;
    height: 14px;
    top: 12px;
    left: 25px;
}

.c_eye {
    background: #fff !important;
}

.c_eye:before {
    content: '';
    position: absolute;
    background: url(/images/eye_ico_c.png) no-repeat;
    width: 25px;
    height: 16px;
    top: 11px;
    left: 25px;
    ;
}

.answer_block {
    padding: 30px;
    text-align: left;
    font-size: 14px;
    box-shadow: 0px 20px 50px -15px rgba(255, 204, 0, 0.50);
    position: relative;
    background: #feed00;
    color: #000;
    z-index: 1;
    overflow: hidden;
    display: block;
    line-height: 19px;
    font-family: "Open Sans";
}

.pagination_comm {
    margin-top: 40px;
}

.pagination_comm ul {
    list-style: none;
    display: flex;
    justify-content: center;
}

.pagination_comm ul li a:link,
.pagination_comm ul li a:visited {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    font-size: 14px;
    margin: 0px 10px;
    color: #000;
    border: 1px solid transparent;
    text-decoration: none;
    font-weight: 700;
    font-family: "Open Sans";
}

.pagination_comm ul li a.active {
    background: #feed00;
}

.pagination_comm ul li a:hover {
    border: 1px solid #feed00;
}

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

.punkt_rev_send label {
    width: 49%;
}

.send_rev textarea {
    height: 150px;
    resize: none;
}

#sent_rev {
    font-family: 'Open Sans';
    font-size: 13px;
    font-weight: 600;
    color: #151616;
    height: 38px;
    line-height: 36px;
    padding: 0 17px;
    background: #fff;
    border: 1px solid #feed00;
    margin-top: 10px;
    display: inline-block;
    text-transform: uppercase;
    cursor: pointer;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

#sent_rev:hover {
    background: #feed00;
}

/* form */


form.rev_send_block {
    padding: 0;
}

.new_otziv_title span:before {
    content: '';
    background: url(/images/rev_ico.png) no-repeat;
    width: 36px;
    height: 29px;
    position: absolute;
    top: 8px;
    left: -43px;
}

.new_otziv_title span {
    font-size: 36px;
    position: relative;
}

.otziv_error {
    padding-bottom: 30px;
    color: red;
    display: none;
}

.otziv_success {
    color: green;
}

/*-----------------OTZIVI PAGE END-----------------------*/

.bl {
    width: 27px;
    height: 3px;
    border-radius: 10px;
    background: #000;
    margin-bottom: 4px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.bl:nth-child(2) {
    margin-bottom: 0px;
}

.dl-menuwrapper span {
    font-size: 8px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.dl-submenu {
    background: #feed00;
}

.phone_ico {
    width: 20px;
    height: 20px;
    background: url(../images/phone_ico.png);
}

.phone_mob {
    position: absolute;
    right: 15px;
    top: 42px;
    display: none;
}

.phone_ico {
    width: 27px;
    height: 27px;
    background: url(../images/phone_ico.png);
    display: block;
}

.mslider {
    height: 0px;
    visibility: hidden;
    display: none;
}

.bxslider img {
    /*width: 100%;*/
}

.bx-pager-item {
    display: none !important;
}

.np_slider_wrapper .bx-pager-item {
    display: inline-block !important;
}

.holidays_block ul {
    text-align: left;
    padding: 0px 20%;
}

.ms_mob {
    display: none;
}

.more_doors {
    display: none;
}


.sendblock .privacy_opacity,
.sendblock .privacy_opacity:hover {
    opacity: 0.5;
    cursor: text !important;
    background: #feed00 !important;
}

.privacy_box div,
.privacy_box {
    -ms-box-orient: horizontal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    justify-content: flex-end;
    flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    padding-top: 5px;
}

.privacy_box label {
    cursor: default;
}

.privacy_box input {
    position: initial !important;
    cursor: pointer;
}

.slider_bottom_text {
    font-family: 'Open Sans';
    font-style: italic;
    font-size: 12px;
    font-weight: 400;
    color: #666666;
    line-height: 14px;
    padding: 0px 30px;
    margin: 0 auto;
    height: 55px;
    margin-top: 5px;
}

.carousel {
    height: 630px;
}

ol.carousel-indicators {
    bottom: 70px;
}

.carousel-control {
    margin-top: -45px;
}

.fs12 {
    font-size: 12px !important;
}

.fs12 span {
    font-size: 12px !important;
}


.ban_tech img {
    height: 100%;
}

.ban_tech {
    overflow: hidden;
    position: relative;
    width: 1170px;
    margin: 0 auto;
}

.ban_tech .box {
    position: relative;
}

.title_ban {
    font-size: 40px;
    color: #000;
    line-height: 55px;
    font-family: 'NeoSansPro-Light';
}

.ban_tech_info {
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 35px 110px;
    width: 100%;
    height: 100%;
    text-align: left;
}

.link_prods a {
    color: #000;
    font-size: 16px;
    border-bottom: 1px solid;
    margin-bottom: 10px;
    display: inline-block;
    margin-right: 10px;
    text-decoration: none;
}

.link_prods a:hover {
    border-bottom: 1px solid transparent;
}

.link_prods {
    margin-top: 50px;
}

.bt_bn2 {
    height: 100%;
}


.privacy_send {
    cursor: pointer !important;
}

.window_callback form {
    padding: 0;
}

.window_callback form label,
.grid-item.open .item .callform form label {
    text-align: left;
    display: block;
    margin-bottom: 17px !important;
    color: #002138;
    font-family: 'NeoSansPro-Bold';
    font-weight: 500;
    font-size: 13px;
    line-height: 18px;
}

.window_callback form label span span {
    color: rgba(227, 30, 36, 1);
}

.window_callback form .privacy_box label,
.grid-item.open .item .callform form .privacy_box label {
    font-weight: 400;
    font-size: 10px;
    line-height: 12px;
    color: #333333;
    font-family: 'NeoSansPro-Regular';
}

.window_callback form input[type="text"],
.grid-item.open .item .callform form input[type="text"] {
    display: block;
    width: 100%;
    line-height: 32px;
    padding: 0 15px;
    margin-top: 4px !important;
    background: #FFFFFF;
    border: 1px solid #E0E2E7;
    box-sizing: border-box;
    border-radius: 5px;
    height: 32px;
    font-family: 'NeoSansPro-Light';
    color: #002138;
    font-size: 13px;
}

.window_callback form input.error {
    color: #002138 !important;
    background: #ffffff !important;
    border: 1px solid #E31E24;
}

.window_callback input[type="checkbox"]:focus,
.window_callback input[type="checkbox"] {
    width: 20px;
    height: 20px;
    border: none;
    appearance: none;
    outline: none;
}

.window_callback input[type="checkbox"]:before {
    width: 20px;
    height: 20px;
    border: 2px solid #E31E24;
    border-radius: 3px;
}

.window_callback input[type="checkbox"]:checked:before {
    background: #fff url(/images/Checkmark.svg) center center no-repeat;
}

.window_callback input[type="checkbox"]:not(checked):before {
    background: #fff;
    box-sizing: border-box;
}

.window_callback form input[type="submit"],
.sendblock a.button {
    margin-top: 19px;
    cursor: pointer;
    font-family: 'NeoSansPro-Regular';
    width: 296px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border: none;
    background: #FEED00;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 400;

    color: #333333;
}

.window_callback .privacy_opacity,
.window_callback .privacy_opacity:hover {
    opacity: 0.5;
    cursor: text !important;
}


.window_callback_video form {
    padding: 0;
}

.window_callback_video form label,
.grid-item.open .item .callform form label {
    text-align: left;
    display: block;
    font-weight: normal;
    margin-bottom: 17px !important;
    font-size: 12px;
    line-height: 15px;
    font-family: 'NeoSansPro-Regular';
}

.window_callback_video form input[type="text"],
.grid-item.open .item .callform form input[type="text"] {
    display: block;
    width: 100%;
    line-height: 44px;
    padding: 0 15px;
    margin-top: 4px !important;
    background: #FFFFFF;
    border: 1px solid #E4DEDE;
    box-sizing: border-box;
    border-radius: 9px;
    height: 44px;
    font-family: 'NeoSansPro-Light';
    font-size: 18px;
    color: #002138;
}

.window_callback_video form textarea {
    display: block;
    width: 100%;
    line-height: 44px;
    padding: 0 15px;
    margin-top: 4px !important;
    background: #FFFFFF;
    border: 1px solid #E4DEDE;
    box-sizing: border-box;
    border-radius: 9px;
    height: 113px;
    font-family: 'NeoSansPro-Light';
    font-size: 18px;
    color: #002138;
}

.window_callback_video input[type="checkbox"] {
    width: 16px;
    height: 16px;
}

.window_callback_video input[type="checkbox"]:before {
    width: 16px;
    height: 16px;
}

.window_callback_video input[type="checkbox"]:checked:before {
    background: #fff url(/images/gal.png) center center no-repeat;
}

.window_callback_video input[type="checkbox"]:not(checked):before {
    background: #fff;
    border: 1px solid #E4DEDE;
    box-sizing: border-box;
    border-radius: 3px;
}

.window_callback_video form input[type="submit"],
.sendblock a.button {
    cursor: pointer;
    font-family: 'NeoSansPro-Regular';
    background: #E41E27;
    border-radius: 17px;
    width: 211px;
    height: 34px;
    font-size: 14px;
    line-height: 34px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    border: none;
}

.window_callback_video .privacy_opacity,
.window_callback_video .privacy_opacity:hover {
    opacity: 0.5;
    cursor: text !important;
}


.title_h5 a:link,
.title_h5 a:visited {
    color: red;
}

.title_h5 a:hover {
    text-decoration: underline;
}

@-webkit-keyframes ripple {
    100% {
        opacity: 0;
        -webkit-transform: scale(2.5);
    }
}

@-moz-keyframes ripple {
    100% {
        opacity: 0;
        -moz-transform: scale(2.5);
    }
}

@-o-keyframes ripple {
    100% {
        opacity: 0;
        -o-transform: scale(2.5);
    }
}

@keyframes ripple {
    100% {
        opacity: 0;
        transform: scale(2.5);
    }
}

.ripple {
    position: relative;
    overflow: hidden;
    z-index: 0;
}

.animate {
    -webkit-animation: ripple 0.65s linear;
    -moz-animation: ripple 0.65s linear;
    -ms-animation: ripple 0.65s linear;
    -o-animation: ripple 0.65s linear;
    animation: ripple 0.65s linear;
}

.ink {
    display: block;
    position: absolute;
    background: rgba(221, 40, 29, 0.5);
    border-radius: 100%;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}

.call_block {
    display: none;
    background: #FFED00;
    border-radius: 0px 0px 14px 14px;
    width: 254px;
    height: 123px;
    position: fixed;
    top: 0;
    right: 34px;
    z-index: 30;
}

.call_block .info-tel {
    float: none;
    font-size: 22px;
    line-height: 31px;
    color: #002138;
    margin-top: 26px;
    padding-left: 21px;
}

.call_block_button {
    width: 211px;
    height: 34px;
    background: #E41E27;
    border-radius: 17px;
    font-size: 14px;
    line-height: 34px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    margin: 12px auto 0;
    cursor: pointer;
}


.blocks_contacts_2 {
    width: 696px;
    background: #FEED00;
    border-radius: 10px;
    margin: 0 auto;
    margin-bottom: 80px;
    padding-bottom: 38px;
}

.blocks_contacts_2 .sendblock {
    width: 550px;
    margin: 0 auto;
}

.blocks_contacts_2 .wrap_contact {
    background: none;
    min-height: initial;
    /* padding: 47px 0 0; */
    padding: 38px 0 0;
}

.blocks_contacts_2 .title_h2 {
    font-size: 36px;
    line-height: 43px;
    color: #000000;
    padding-bottom: 22px;
}

.blocks_contacts_2 .title_h5 {
    line-height: 17px;
    color: #000000;
    padding-bottom: 60px;
}

.blocks_contacts_2 .line_box_inp {
    margin-bottom: 50px;
}

.blocks_contacts_2 input[name="name"] {
    width: 250px;
    float: left;
    margin-right: 50px;
    border: none;
    border-radius: 8px;
    background: #fff !important;
}

.blocks_contacts_2 input[name="phone"] {
    width: 250px;
    float: left;
    border: none;
    border-radius: 8px;
    background: #fff !important;
}

.blocks_contacts_2 textarea {
    border: none !important;
    border-radius: 8px !important;
    background: #fff !important;
    height: 122px !important;
}

.blocks_contacts_2 .privacy_box {
    padding-top: 0;
    margin-bottom: 0;
}

.blocks_contacts_2 .checbox_block span:before {
    border: none;
    border-radius: 8px;
}

.blocks_contacts_2 .checbox_block {
    font-size: 12px;
    line-height: 14px;
    color: #000000;
}

.blocks_contacts_2 .checbox_block a:link,
.blocks_contacts_2 .checbox_block a:visited {
    color: #E91A23;
    padding-left: 38px;
}

.blocks_contacts_2 .checbox_block a:hover {
    text-decoration: underline;
}

.blocks_contacts_2 .form_phone {
    font-size: 16px;
    line-height: 19px;
    color: #000000;
    margin-top: 60px;
    text-align: left;
    float: left;
}

.blocks_contacts_2 .form_phone span {
    font-family: 'NeoSansPro-Bold';
}

.blocks_contacts_2 #sent_to5 {
    width: 255px;
    height: 47px;
    margin: 0;
    color: #FFFFFF;
    border-radius: 24px;
    background: #E41E27 !important;
    padding: 0;
    line-height: 47px;
    float: right;
    margin-top: 45px;
    position: relative;
}

.blocks_contacts_2 #sent_to5:hover {
    background: #FF121D !important;
    box-shadow: 0px 0px 10px #FF757B;
}

.blocks_contacts_2 .btn_balkony {
    width: 255px;
    height: 47px;
    margin: 0;
    color: #FFFFFF;
    border-radius: 24px;
    background: #E41E27 !important;
    padding: 0;
    line-height: 47px;
    float: right;
    margin-top: 45px;
    position: relative;
}

.blocks_contacts_2 .btn_balkony:hover {
    background: #FF121D !important;
    box-shadow: 0px 0px 10px #FF757B;
}

.blocks_contacts_2 #sent_to4 {
    width: 255px;
    height: 47px;
    margin: 0;
    color: #FFFFFF;
    border-radius: 24px;
    background: #E41E27 !important;
    padding: 0;
    line-height: 47px;
    float: right;
    margin-top: 45px;
    position: relative;
}

.blocks_contacts_2 #sent_to4:hover {
    background: #FF121D !important;
    box-shadow: 0px 0px 10px #FF757B;
}

.blocks_contacts_2 input.error[name="name"] {
    background: rgba(255, 144, 144, 0.24) !important;
}

.f_icons {
    margin-top: 30px;
}

.f_icons a {
    margin: 0 8px;
}

.tbl_line_quantity {
    padding: 3px 0 !important;
    line-height: 30px;
}

.pvd_minus,
.pvd_plus {
    width: 12px;
    height: 30px;
    float: left;
    cursor: pointer;
}

.pvd_minus {
    background: #fff url(/images/minus.png) center center no-repeat;
    margin-right: 13px;
}

.pvd_plus {
    background: #fff url(/images/plus.png) center center no-repeat;
    margin-left: 13px;
}

.pvd_set_quantity input {
    width: 32px;
    height: 30px;
    font-size: 16px;
    text-align: center;
    color: #000;
    float: left;
    border: 1px solid #C4C4C4;
    box-sizing: border-box;
    border-radius: 4px;
    font-family: 'NeoSansPro-Regular';
    line-height: 30px;
}

.cn_title {
    font-size: 18px;
    margin-top: 0;
    margin-bottom: 0;
    display: -webkit-flex;
    -webkit-justify-content: center;
    display: flex;
    justify-content: center;
    height: 76px;
    width: 100%;
    line-height: 76px;
    font-family: 'NeoSansPro-Bold';
    text-transform: uppercase;
}

.cn_title_tab {
    width: 50%;
    color: #707070;
    cursor: pointer;
    background: #FCF592;
}

.cn_title_tab:first-child {
    border-radius: 10px 0px 10px 0px;
}

.cn_title_tab:last-child {
    border-radius: 0px 10px 0px 10px;
}

.cn_title_tab.active {
    color: #000;
    background: #FEED00;
}

.cn_title_tab:not(.active):hover {
    color: #4A4A4A;
    background: #FFF451;
}

.cfc_2 {
    display: none;
}

.calculation_preloader {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1000;
}

.calculation_preloader_bg {
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 0.9;
}

.calculation_preloader_img {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -32px;
    margin-left: -32px;
}

.file_raschet.size_error {
    color: #e91a23;
}

.floor_line {
    color: #a3a3a3;
}

.floor {
    width: 32px;
    height: 30px;
    font-size: 16px;
    text-align: center;
    color: #000;
    border: 1px solid #C4C4C4;
    box-sizing: border-box;
    border-radius: 4px;
    font-family: 'NeoSansPro-Regular';
    line-height: 30px;
    margin-left: -70px;
}

.covid {
    background: #e31e24;
    color: #fff;
    text-align: center;
    padding: 10px;
}

.covid a:link,
.covid a:visited {
    color: #fff;
    text-decoration: underline;
}


@media (max-width: 799px) {
    .blocks_contacts_2 {
        width: 100%;
        border-radius: 0;
    }
}

@media (max-width: 599px) {
    .blocks_contacts_2 .sendblock {
        width: 90%;
    }

    .blocks_contacts_2 input[name="name"] {
        width: 100%;
        margin-right: 0;
        margin-bottom: 30px;
    }

    .blocks_contacts_2 input[name="phone"] {
        width: 100%;
    }

    .blocks_contacts_2 .line_box_inp {
        margin-bottom: 30px;
        text-align: left;
    }

    .blocks_contacts_2 .checbox_block a:link,
    .blocks_contacts_2 .checbox_block a:visited {
        padding-left: 0;
        display: block;
        text-align: left;
    }

    .cn_title {
        line-height: initial;
    }

    .cn_title_tab {
        padding-top: 18px;
    }
}

@media (max-width: 499px) {
    .blocks_contacts_2 #sent_to5 {
        float: none;
        margin-top: 30px;
    }

    .blocks_contacts_2 .btn_balkony {
        float: none;
        margin-top: 30px;
    }

    .blocks_contacts_2 .form_phone {
        float: none;
        text-align: center;
    }

    .floor_line {
        width: 140px;
        text-align: left !important;
        padding-top: 3px;
    }

    .floor {
        margin-left: 0;
    }

    .tbl_line {
        line-height: initial !important;
    }

    .sent_clb {
        font-size: 12px;
        line-height: 14px;
    }

    .sent_clb .bold {
        font-size: 14px;
        line-height: 17px;
    }

    .sent_clb .bold:nth-child(1) {
        font-size: 16px;
        line-height: 19px;
    }

    .sent_clb .bold:nth-of-type(3) {
        font-size: 12px;
        line-height: 14px;
    }
}

#ofisiprodazh {
    margin-bottom: 30px;
    text-align: center;
}

/*start-Statyi*/
.statyi_advant_blocks {
    margin: 30px 0 10px 0;
    float: center;
}

.statyi_advant_block {
    padding: 20px 0 50px 0;
}

.statyi_advant {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 30px;
}

.statyi_end {
    margin-bottom: 30px;
}

.section ul {
    list-style-type: disc;
    padding-left: 5%;
    padding-bottom: 3%;
}

.section ul li {
    padding-bottom: 3%;
}

.section1 ul {
    list-style-type: disc;
    padding-left: 20px;
    padding-bottom: 20px;
}

.section1 ul li {
    padding-bottom: 10px;
}

/*end-Statyi*/

/*start-hk*/
.breadcrumbs {
    margin-top: 20px;
    margin-bottom: 50px;
    font-size: 14px;
}

/*end-hk*/

.s_text {
    text-align: justify;
    margin-bottom: 40px;
}

.s_text p {
    margin-bottom: 20px;
}

.s_text ul {
    margin: 0 0 20px 35px;
    list-style-type: disc;
}


@media (max-width: 1199px) {

    .mkd_advantages {
        max-width: 600px;
        flex-wrap: wrap;
        margin: 60px auto -30px;
    }

    .content h1 {
        max-width: 480px;
    }

    .bx_filter_block .bx_filter_parameters_box_container {
        flex-wrap: nowrap;
    }

    .smartfilter {
        max-width: 600px;
        flex-wrap: wrap;
        margin: 0 auto;
        margin-top: -40px;
        flex-direction: initial;
    }

    input#set_filter {
        margin-top: 35px;
    }

    .pd_content.cart_tovar .leftside {
        max-width: 600px;
        margin: 30px auto 20px;
        float: none;
    }

    .mkd_advantage {
        margin-bottom: 50px;
    }

    .catalog>div>div>div {
        justify-content: center;
    }

    .pd_content.cart_tovar .prod_itm {
        margin: 0 15px 30px;
    }

    .pd_content.cart_tovar .load_more {
        height: 36px;
        line-height: 32px;
        font-size: 16px;
    }

}

@media (max-width: 991px) {

    .np_work {
        height: 254px;
        width: 456px;
    }

    .owl-carousel .owl-stage-outer {
        height: 254px !important;
    }

    .owl-nav {
        top: 103px;
        width: 580px;
    }

    .owl-carousel {
        width: 100vw !important;
    }

    .slider_block_map .owl-carousel {
        width: 100% !important;
    }

    .slider_block_map .owl-carousel .owl-stage-outer {
        height: initial !important;
    }

}

@media (max-width: 767px) {

    .mkd-main__section.mkd-first-screen__section {
        height: 300px;
        min-height: 300px;
        background-size: 187%;
        background-position-y: 39%;
        padding: 0;
    }

    .d-first-screen__media-banner {
        position: absolute;
        top: 25px;
        left: 340px;
    }

    .mkd-section__title {
        font-size: 28px !important;
        line-height: 38px;
        max-width: 65%;
        margin-bottom: 25px;
        margin-top: 25px !important;
    }

    .mkd-first-screen__subtitle {
        display: none;
    }

}

@media (max-width: 699px) {

    .owl-nav {
        width: 90%;
    }

}

@media (max-width: 599px) {

    .sort-select {
        text-align: center !important;
    }

    .smartfilter {
        display: block;
    }

    .line_item_filter {
        max-width: 270px;
        margin: 30px auto 0;
    }

    .content h1 {
        max-width: 270px;
        font-size: 20px;
        line-height: 24px;
        color: #474747;
        margin-top: 10px;
        margin-bottom: 35px;
    }

    .d-first-screen__media-banner {
        left: initial;
        right: 0;
        top: 0;
    }

    .mkd-main__section.mkd-first-screen__section {
        background-size: cover;
    }

    .smartfilter>div {
        max-width: 270px;
        margin: 30px auto 0;
    }

    input#set_filter {
        margin-top: 0;
        float: left;
    }


}

@media (max-width: 499px) {

    .mkd-section__title {
        font-size: 24px !important;
        line-height: 29px;
        color: #151616;
    }

    .d-first-screen__media-banner img {
        max-width: 130px;
    }

    .mkd-section__title {
        margin-top: 30px !important;
        margin-bottom: 50px;
    }

    .d-first-screen__media-banner {
        left: initial;
        right: -7px !important;
        top: -50px !important;
    }

    .mkd-main__section.mkd-first-screen__section {
        background-position: initial;
        background-position-x: 25%;
    }

}

.btn-cottage-reviews {
    background: #E41E27;
    border-radius: 21px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    width: max-content;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    color: #FFFFFF;
    padding: 10px 56px;
    border: solid 1px #E41E27;
    cursor: pointer;
    z-index: 99999;
}

.btn-cottage-reviews:hover {
    background: #fff;
    color: #E41E27;
}

.newform8 {
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    width: 598px;
    overflow: hidden;
    z-index: 30;
    margin-left: -249px;
    margin-top: -225px;
}

.newform8 .window_callback_title {
    font-family: 'NeoSansPro-Bold';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    color: #000000;
    margin-bottom: 32px;
}

.newform8 .window_callback form label {
    position: relative;
}

.newform8 textarea {
    width: 100%;
    background: #FFFFFF;
    border: 1px solid #E4DEDE;
    box-sizing: border-box;
    border-radius: 9px;
    min-height: 120px;
}

.newform8 .form_order__attachment {
    position: absolute;
    right: 15px;
    bottom: 30px;
    z-index: 2;
}

.newform8 .privacy_box label {
    font-size: 12px;
    line-height: 14px;
    color: #000000;
    order: 2;
}

.newform8 .privacy_box label a {
    font-size: 10px;
    line-height: 12px;
    color: #2962FF;
}

.newform8 .privacy_box input[type=checkbox] {
    order: 2;
}

.newform8 input#sent_to {
    margin: 0 auto;
    cursor: pointer;
    font-family: 'NeoSansPro-Regular';
    width: 296px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border: none;
    background: #FEED00;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 400;

    color: #333333;
    order: 3;
}

.newform8 input#sent_to.privacy_opacity {
    background: rgba(254, 237, 0, 0.25) !important;
}

.newform8_form .privacy_box {
    flex-wrap: wrap;
}

.newform8 input#sent_to:hover {
    opacity: 1;

    cursor: pointer !important;
}

.title_h2.text-center.bold.mb30.title {
    text-transform: inherit;
}



@media (max-width: 399px) {

    .np_work {
        height: 140px;
        width: 251px;
    }

    .owl-carousel .owl-stage-outer {
        height: 140px !important;
    }

    .owl-nav {
        top: 52px;
    }

    .owl-prev,
    .owl-next {
        width: 36px !important;
        height: 36px !important;
        background-size: cover !important;
    }

    .slider_block_map .owl-prev,
    .slider_block_map .owl-next {
        width: 12px !important;
        height: 24px !important;
        background-size: initial !important;
    }

    .owl-carousel .owl-item.center.active .np_work_price {
        display: none;
    }

    .owl-carousel .owl-item.center.active .np_work_more {
        display: none;
    }

    .mkd_advantage {
        margin: 0;
        margin-bottom: 20px;
        width: 130px;
    }

    .mkd_advantages {
        margin: 30px auto 0;
    }

    .form-order .col-4_5 {
        width: 100%;
    }

    .form-control {
        width: 100% !important;
    }

    .mkd_advantage_img img {
        width: 48px;
    }

    .mkd_advantage_text {
        font-size: 14px;
        line-height: 17px;
    }

    .pd_content.cart_tovar .leftside {
        margin: 0 auto 20px !important;
    }

    .pd_content.cart_tovar .prod_itm {
        margin: 0 0 30px;
    }

    .content .cart_tovar h1 {
        margin-bottom: 15px;
    }

    .pd_content.cart_tovar .load_more {
        margin: 7px auto 0;
        max-width: 270px;
    }

    .newform8 {
        max-width: 98vw;
        left: 1vw;
        margin-left: 0;
        top: 40%;
        margin-top: -240px;
    }

    .window_callback {
        max-width: 98vw;
    }

    .newform8 .window_callback form .privacy_box label {
        width: 210px;
    }

    .callback_ppb {
        max-width: 98vw;
        margin-left: calc(98vw - 147%);
    }

    .window_callback form input[type="submit"],
    .sendblock a.button {
        max-width: 100%;
    }
}

.bp-input__title {
    font-family: 'Neo Sans Pro';
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    color: #000000;
}

.balcony-catalog {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 16px;
}

.balcony-catalog-item {
    padding: 24px;
    position: relative;
    border-radius: 20px;
    display: flex;
}

.balcony-catalog-item::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(29, 32, 35, 0.7);
    border-radius: 20px;
}

.balcony-catalog-item__image {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 20px;
}

.balcony-catalog-menu {
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 1;
}

.balcony-catalog-menu__section {
    font-size: 24px;
    font-weight: 500;
    line-height: 29px;
    margin-bottom: 10px;
    color: #fff;
}

.balcony-catalog-menu__item {
    font-size: 15px;
    line-height: 19px;
    margin-bottom: 10px;
    color: #fff;
}

@media (max-width: 1023px) {
    .balcony-catalog-item {
        padding: 16px;
    }

    .balcony-catalog-menu__section {
        margin-bottom: 4px;
        font-size: 16px;
        line-height: normal;
    }

    .balcony-catalog-menu__item {
        margin-bottom: 8px;
        font-size: 12px;
        line-height: normal;
    }
}

@media (max-width: 767px) {
    .balcony-catalog {
        grid-template-columns: 1fr 1fr;
    }

    .balcony-catalog-item:first-child,
    .balcony-catalog-item:nth-child(2) {
        grid-column-start: 1;
        grid-column-end: 3;
    }
}

.promo-banner {
    padding: 16px 0;
}

.promo-banner img {
    width: 100%;
}