.object-fit-cover {
    object-fit: cover;
}

.orange {
    color: #FF5E1B
}

.bg-orange {
    background: #FF5E1B;
}

.bg-orange-light {
    background: #FFD1BF;
    --bs-table-bg: #FFD1BF;
}

img {
    max-width: 100%;
}

.height-min-1 {
    min-height: 1rem;
}
.height-min-2 {
    min-height: 2rem;
}
.height-min-3 {
    min-height: 3rem;
}
.height-min-4 {
    min-height: 4rem;
}
.height-min-5 {
    min-height: 5rem;
}
.height-5 {
    height: 5rem;
}

.fancybox-opened {
    display: none;
}

.no-toggle-icon::after {
    display: none;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none
}

::selection {
    background: #b3d4fc;
    text-shadow: none
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0
}

textarea {
    resize: vertical
}

.chromeframe {
    margin: .2em 0;
    background: #ccc;
    color: #000;
    padding: .2em 0
}

html {
    height: 100%
}

.uppercase {
    text-transform: uppercase !important
}

a {
    color: #fb7c36;
    text-decoration: none
}

a:hover {
    color: #fb7c36;
}

a:focus {
    outline: none
}

textarea {
    resize: none
}

.cursor-pointer {
    cursor: pointer;
}

input[type="text"]:hover,
textarea:hover {
    background-color: #f8f9fa
}

input[type="text"]:focus,
textarea:focus,
.select2-container.select2-container-active .select2-choice {
    outline: #feb642 solid 2px;
    color: #333;
    background: #fff
}

input[type="text"].error,
textarea.error,
.select2-container.error {
    outline: #f60 solid 2px
}

input[type="text"]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #7e8787
}

input[type="text"]:-moz-placeholder,
textarea:-moz-placeholder {
    color: #7e8787
}

input[type="text"]::-moz-placeholder,
textarea::-moz-placeholder {
    color: #7e8787
}

input[type="text"]:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #7e8787
}

body .select2-container {
    background: #f3f5f6
}

body .select2-container .select2-choice {
    padding: 5px 20px 6px 15px;
    border: 0;
    border-radius: 0;
    border-top: 2px solid #e2e9ed;
    border-left: 2px solid #e2e9ed;
    background: #f3f5f6;
    -webkit-box-shadow: none;
    box-shadow: none
}

body .select2-container .select2-choice .select2-chosen {
    padding-right: 7px;
    margin-right: 0;
    color: #7e8787
}

body .select2-container .select2-choice .select2-arrow {
    border: 0;
    background: #f3f5f6;
    width: 28px
}

body .select2-container .select2-choice .select2-arrow b {
    margin: 16px 0 0 8px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAFCAYAAACXU8ZrAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAEFJREFUeNpiXLrjYAMDA0M9A27QyBTlbgdS1IhLAUieCcTCobARKs7A8P//fzgGWQ3E/0E0sjiKIqhCB3QxgAADAG9pP7EAl/ucAAAAAElFTkSuQmCC) 0 0 no-repeat
}

body .select2-container.select2-dropdown-open,
body .select2-container.select2-dropdown-open.select2-drop-above {
    background: #fff
}

body .select2-container.select2-dropdown-open a.select2-choice,
body .select2-container.select2-dropdown-open.select2-drop-above a.select2-choice {
    background: #fff
}

body .select2-container.select2-dropdown-open a.select2-choice .select2-chosen,
body .select2-container.select2-dropdown-open.select2-drop-above a.select2-choice .select2-chosen {
    color: #535959
}

body .select2-container.select2-dropdown-open a.select2-choice .select2-arrow,
body .select2-container.select2-dropdown-open.select2-drop-above a.select2-choice .select2-arrow {
    background-color: #fff
}

body .select2-container.select2-dropdown-open a.select2-choice .select2-arrow b,
body .select2-container.select2-dropdown-open.select2-drop-above a.select2-choice .select2-arrow b {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAFCAYAAACXU8ZrAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAEJJREFUeNpi+P//PwMyXrrjoAO6GBMDEli281ADkNoPpeGACU1BPZRbj6yQCYsCBnSFzGqWTtgUwIDD5bsPGQECDAAJjDFDYIOw2QAAAABJRU5ErkJggg==) 0 0 no-repeat #fff
}

body .select2-drop {
    border: 3px solid #f3f5f6;
    border-top-width: 1px;
    margin-top: 2px;
    margin-left: -2px;
    color: #535959;
    -webkit-box-shadow: none;
    box-shadow: none
}

body .select2-drop .select2-search {
    display: block;
    width: 1px;
    height: 1px;
    min-height: 1px;
    overflow: hidden;
    opacity: .1
}

body .select2-drop .select2-search input {
    border: 0;
    margin: 0
}

body .select2-drop .select2-search input:focus {
    background: none;
    outline: none
}

body .select2-drop .select2-search input.select2-active {
    background: none
}

body .select2-drop .select2-results {
    padding-left: 0;
    margin: 0 0 4px
}

body .select2-drop .select2-results .select2-highlighted {
    background-color: #feb642
}

body .select2-drop .select2-results .select2-disabled {
    cursor: default
}

body .select2-drop .select2-results .select2-disabled .select2-result-label {
    cursor: default
}

.price-mixin {
    display: inline-block;
    width: 120px;
    height: 45px;
    overflow: hidden;
    text-align: right;
    font-size: 22px;
    line-height: 50px;
    font-weight: 700;
    letter-spacing: 0
}

.price-mixin .currency {
    font-size: 17px
}

.price-block-default .price {
    display: inline-block;
    width: 120px;
    height: 45px;
    overflow: hidden;
    text-align: right;
    font-size: 22px;
    line-height: 50px;
    font-weight: 700;
    letter-spacing: 0
}

.price-block-default .price .currency {
    font-size: 17px
}

.price-block-default .btn {
    float: right;
    width: 132px
}

.fancybox-skin {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    background-color: #fff
}

.fancybox-skin .fancybox-outer {
    background-color: #fff
}

.fancybox-skin .fancybox-close {
    position: absolute;
    top: 10px;
    right: 10px;
    bottom: auto;
    left: auto;
    background: url(../img/_sprite.png) -791px -41px no-repeat;
    width: 12px;
    height: 12px
}

#page-layout > #layout-wrapper {
    padding-bottom: 0 !important;
    overflow: hidden
}

* html #page-layout {
    height: 100%
}

.border-box {
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.reset-ul,
.reset-li {
    margin: 0;
    padding: 0;
    border: 0;
    background: none
}

.reset-ul {
    list-style: none
}

samp {
    display: inline-block;
    width: auto;
    height: auto;
    border: 3px solid #f3f5f6;
    padding: 24px 31px 24px 35px;
    font-family: Arial, sans-serif;
    font-size: 12px;
    margin-bottom: 2em
}

.content {
    background-color: #f5f8f9;
    padding-top: 1rem;
    padding-bottom: 4rem
}

.content img[align="left"] {
    margin-right: 25px
}

.content img[align="right"] {
    margin-left: 25px
}

.content p,
.content blockquote {
    margin: 1em 0 1.7em
}

#content-wrapper {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto
}

#content-wrapper .main-content {
    padding-top: 28px;
    padding-bottom: 50px
}

#content-wrapper .constant-bg {
    background: #f5f8f9
}

#content-wrapper .gradiend-bg {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAwCAYAAADQMxCBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAGZJREFUeNqczLEGgGAUQOFbKZIkkoiISERDRERDQzREQ/RgvWoU/dQZW1u+4QxHjvPadRG5v6h/Tcn722CFBWaYYIQBeuighQZqqKCEAnLIIIUEYogghAB88MAFB2ywwAQDtEeAAQDtXXQZKvi4fgAAAABJRU5ErkJggg==) 0 0 repeat-x
}

#content-wrapper .gradiend-reverse-bg {
    background: #f7f9fb;
    background: -moz-linear-gradient(top, #fff 0, #f7f9fb 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(100%, #f7f9fb));
    background: -webkit-linear-gradient(top, #fff 0, #f7f9fb 100%);
    background: -o-linear-gradient(top, #fff 0, #f7f9fb 100%);
    background: -ms-linear-gradient(top, #fff 0, #f7f9fb 100%);
    background: linear-gradient(to bottom, #fff 0, #f7f9fb 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f7f9fb', GradientType=0);
    margin-bottom: 2px
}

#content-wrapper #page-menu {
    display: block;
    width: 100%;
    height: 45px;
    background: #fff;
    background: -moz-linear-gradient(top, #fbfcfd 0, #fff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fbfcfd), color-stop(100%, #fff));
    background: -webkit-linear-gradient(top, #fbfcfd 0, #fff 100%);
    background: -o-linear-gradient(top, #fbfcfd 0, #fff 100%);
    background: -ms-linear-gradient(top, #fbfcfd 0, #fff 100%);
    background: linear-gradient(to bottom, #fbfcfd 0, #fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbfcfd', endColorstr='#ffffff', GradientType=0);
    border-bottom: 1px solid #e9f0f2;
    overflow: hidden
}

#content-wrapper #page-menu ul {
    width: 1080px;
    margin: auto;
    padding: 0
}

#content-wrapper #page-menu li {
    display: inline-block;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    line-height: 45px;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 700
}

#content-wrapper #page-menu li + li {
    margin-left: 21px
}

#content-wrapper #page-menu li a {
    -webkit-transition: color .3s ease 0s;
    -moz-transition: color .3s ease 0s;
    -ms-transition: color .3s ease 0s;
    -o-transition: color .3s ease 0s;
    transition: color .3s ease 0s;
    color: #7c8182;
    letter-spacing: .045em
}

#content-wrapper #page-menu li span,
#content-wrapper #page-menu li a:hover,
#content-wrapper #page-menu li .active {
    color: #fb7c36
}

#content-wrapper #breadcrumbs {
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 700;
    margin-top: 2em;
    margin-bottom: 2em;
    padding-left: 0;
}

#content-wrapper #breadcrumbs li {
    display: inline-block;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    background: none;
    letter-spacing: .04em;
    white-space: nowrap
}

#content-wrapper #breadcrumbs li + li {
    margin-left: 21px
}

#content-wrapper #breadcrumbs li + li:before {
    content: '';
    position: absolute;
    top: 3px;
    right: auto;
    bottom: auto;
    left: auto;
    display: block;
    width: 4px;
    height: 9px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAJCAYAAAAVb42gAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAGlJREFUeNpi2LVr1xogtvn//z8DCDMxMDAsAuIlu3fvFgDSDEyurq6bgPROIJ4KEmAEKQPKcgPZ54C4ESwAAkDBaCAVi6GCiQEC+oD4DNC8ZSxAWT8gxx2IDcC2AHEcEMcAZT+ABAACDAASNyzYqTGFLQAAAABJRU5ErkJggg==) 0 0 no-repeat;
    margin-left: -12px
}

#content-wrapper #breadcrumbs li a {
    text-decoration: underline
}

#content-wrapper #breadcrumbs li a:hover {
    color: #fb7c36;
    text-decoration: none
}

#main-page .about {
    padding-top: 65px;
    margin-bottom: 10px
}

#main-page .about .description {
    float: left;
    margin-left: -2px;
    letter-spacing: .2px
}

#main-page .about .description .header-big {
    margin: 0 0 20px;
    font-size: 28px;
    letter-spacing: -.2px
}

#main-page .about .preview {
    margin: 15px -10px 10px 70px;
    width: 458px;
    border: 2px solid #f6f8fa;
    float: right;
    padding: 4px;
    padding-bottom: 0
}

#main-page .about .preview iframe {
    width: 458px !important;
    height: 317px !important
}

#main-page .about p {
    font-size: 16px
}

#main-page .about + .five-reasons {
    margin-top: 50px
}

#main-page .reviews-block {
    padding-top: 40px;
    background: url(../img/reviews_background_main.jpg) 0 100% repeat-x #f9fbfc;
    width: 1200px;
    margin-left: auto;
    margin-right: auto
}

#main-page .reviews-block .reviews-title {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    color: #656565
}

#main-page .reviews-block .reviews-title:after {
    position: absolute;
    top: auto;
    right: -35px;
    bottom: auto;
    left: auto;
    width: 30px;
    height: 27px;
    background: url(../img/_sprite.png) -898px -67px no-repeat;
    content: ''
}

#main-page .reviews-block .reviews-title:hover {
    opacity: .8
}

.btn-primary {
    color: #FFF;
    background-color: #FF5E1B;
    border: none;
}

.btn-primary:hover {
    color: #FFF;
    background-color: #FF5E1B
}

.btn-primary:active {
    color: #FFF;
    background-color: #FF5E1B
}

.btn-outline-orange {
    border: 1.5px solid #FB7C36;
    background: transparent;
    color: #000;
    font-weight: bold;
    width: 100%;
}

.btn-outline-orange:hover {
    background: #FB7C36;
    color: #ffff;
}

.btn-outline-primary {
    color: #FF5E1B;
    background-color: #FFF;
    border-color: #FF5E1B;
}

.btn-outline-primary:hover {
    color: #FFF;
    background-color: #FF5E1B;
    border-color: #FF5E1B;
}

.btn-outline-primary:active, .btn-outline-primary.active {
    color: #FFF;
    background-color: #FF5E1B;
    border-color: #FF5E1B;
}

.btn-link:hover {
    color: #FFF !important;
    background-color: #FF5E1B
}

.catalog .item {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 2px 2px 0 0 #e6e9e9;
    box-shadow: 2px 2px 0 0 #e6e9e9;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -ms-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    overflow: hidden;
    background: #fff
}

.catalog .item > img {
    float: left;
    margin: 0
}

.catalog .item > .info {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 520px;
    height: 217px;
    float: right;
    padding: 21px 30px 0 0;
    overflow: hidden;
    font-size: 12px
}

.catalog .item > .info .text {
    letter-spacing: 0;
    margin-bottom: 10px;
    line-height: 1.7em
}

.catalog .item > .info .text p {
    margin-bottom: 1em
}

.catalog .item > .btn {
    position: absolute;
    top: auto;
    right: auto;
    bottom: 38px;
    left: 562px;
    width: 159px
}

.catalog .item + .item {
    margin-top: 30px
}

.catalog .item .info {
    margin-bottom: 20px
}

.catalog .item .info a {
    margin-top: 10px
}

.partners {
    padding-top: 10px;
    margin-bottom: 20px
}

.partners img {
    width: 100%;
    margin: 0
}

.partners .partner > .info {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 770px;
    height: auto;
    float: right;
    padding: 25px 30px 60px 0;
    font-size: 12px
}

.partners .partner > .info .header-medium {
    margin-top: .7em;
    margin-bottom: .5em;
    letter-spacing: .15px;
    line-height: 1.45em
}

.partners .partner > .info .header-medium span {
    font-weight: 400
}

.partners .partner > .info .text {
    letter-spacing: 0;
    margin-bottom: 10px;
    line-height: 1.7em
}

.partners .partner > .info .text p {
    margin-bottom: 1em
}

.partners .partner > .info .show {
    margin-bottom: 33px
}

.partners .partner > .info .show a {
    text-transform: uppercase;
    border-bottom: 1px dashed #fb7c36;
    font-weight: 700;
    letter-spacing: .8px
}

.partners .partner > .info .show a:hover {
    border-bottom: 1px dashed #fff
}

.partners .partner > .info .toggle-block {
    margin-left: -9px
}

.partners .partner > .info .toggle-block img {
    padding: 8px;
    border: 1px solid #e9eff1
}

.partners .partner + .partner {
    margin-top: 30px
}

.in-interior {
    background: #fff;
    overflow: hidden;
    text-align: left;
    margin-bottom: 0;
    margin-top: 40px
}

.in-interior .col {
    float: left
}

.in-interior .col span {
    display: block
}

.in-interior + .action-slider {
    margin-top: -63px
}

.action-slider {
    width: 1200px;
    height: 187px;
    overflow: hidden;
    margin-bottom: 50px
}

.action-slider .sliderkit-panel {
    background: url() 0 0 no-repeat;
    display: block;
    width: 100%;
    height: 187px;
    overflow: hidden;
    color: #7e8787
}

.action-slider .sliderkit-panel h2,
.action-slider .sliderkit-panel .action-text {
    position: relative;
    top: 29px;
    right: auto;
    bottom: auto;
    left: 460px;
    display: block;
    width: 470px;
    height: 70px;
    overflow: hidden;
    font-size: 22px;
    line-height: 1.5em;
    font-weight: 400;
    margin: 0
}

.action-slider .sliderkit-panel .btn {
    position: relative;
    top: 42px;
    right: auto;
    bottom: auto;
    left: 460px;
    width: 128px
}

.action-slider .sliderkit-panel .action-end {
    position: relative;
    top: 8px;
    right: auto;
    bottom: auto;
    left: 671px;
    display: block;
    width: 260px;
    height: 20px;
    overflow: hidden;
    font-weight: 700;
    font-size: 14px
}

.action-slider .sliderkit-panel.left h2,
.action-slider .sliderkit-panel.left .action-text,
.action-slider .sliderkit-panel.left .btn {
    left: 97px
}

.action-slider .sliderkit-panel.left .action-end {
    left: 308px
}

.slider-production {
    width: 1200px;
    height: 392px;
    overflow: hidden
}

.slider-production .sliderkit-panel {
    background: url() 0 0 no-repeat;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    color: #fff
}

.slider-production .sliderkit-panel .slider-inner {
    position: relative;
    top: 157px;
    right: auto;
    bottom: auto;
    left: 154px
}

.slider-production .sliderkit-panel h2,
.slider-production .sliderkit-panel .header-big {
    display: block;
    width: 560px;
    height: 70px;
    margin: 0;
    overflow: hidden;
    font-size: 22px;
    line-height: 1.5em;
    letter-spacing: 0;
    font-weight: 400
}

.slider-production .sliderkit-panel h2 span,
.slider-production .sliderkit-panel .header-big span {
    font-weight: 700;
    letter-spacing: .35px
}

.slider-production .sliderkit-panel .action-end {
    display: block;
    width: 560px;
    height: 40px;
    margin-top: 10px;
    overflow: hidden;
    font-size: 28px
}

.slider-production .sliderkit-panel .action-end span {
    font-weight: 700
}

.slider-production .sliderkit-panel .btn {
    width: 210px;
    margin-top: 22px
}

.slider-production + .hire-purchase {
    margin-bottom: 40px
}

.slider-production .second-picture {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0
}

.slider-half-holder {
    width: 480px;
    float: left;
    margin: 0 30px 20px 0
}

.slider-half-holder .slider-production-half {
    width: 480px;
    height: 320px
}

.slider-half-holder .slider-production-half .caption {
    position: absolute;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 12px 20px 8px;
    height: 40px;
    white-space: nowrap;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjMiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjMiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.3) 80%, rgba(0, 0, 0, 0.3) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0)), color-stop(80%, rgba(0, 0, 0, 0.3)), color-stop(100%, rgba(0, 0, 0, 0.3)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.3) 80%, rgba(0, 0, 0, 0.3) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.3) 80%, rgba(0, 0, 0, 0.3) 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.3) 80%, rgba(0, 0, 0, 0.3) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.3) 80%, rgba(0, 0, 0, 0.3) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#4d000000', GradientType=0)
}

.hire-purchase {
    margin-top: 40px;
    font-weight: 700;
    font-size: 12px
}

.hire-purchase + .reviews-block {
    margin-top: 30px
}

.hire-purchase .header {
    font-size: 35px;
    margin-bottom: 1em;
    color: #535959
}

.hire-purchase .item {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    display: inline-block;
    width: 159px;
    height: 200px;
    text-transform: uppercase;
    letter-spacing: .5px;
    vertical-align: top;
    text-align: center
}

.hire-purchase .item a,
.hire-purchase .item span {
    display: block;
    width: 159px;
    height: 240px;
    color: #535959;
    -webkit-transition: color .3s ease 0s;
    -moz-transition: color .3s ease 0s;
    -ms-transition: color .3s ease 0s;
    -o-transition: color .3s ease 0s;
    transition: color .3s ease 0
}

.hire-purchase .item a i.unactive-state,
.hire-purchase .item span i.unactive-state {
    position: absolute;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    display: block;
    width: 159px;
    height: 159px;
    background: url(../img/_sprite.png) 0 -660px no-repeat;
    margin-bottom: 12px;
    opacity: .99
}

.hire-purchase .item a i.active-state,
.hire-purchase .item span i.active-state {
    display: block;
    width: 159px;
    height: 159px;
    background: url(../img/_sprite.png) 0 -130px no-repeat;
    margin-bottom: 12px;
    opacity: .01
}

.hire-purchase .item a > span,
.hire-purchase .item span > span {
    display: block;
    width: 100%;
    height: 69px;
    line-height: 2em;
    overflow: hidden
}

.hire-purchase .item a:hover span {
    color: #999
}

.hire-purchase .item + .item {
    margin-left: 144px
}

.hire-purchase .item + .item:before,
.hire-purchase .item + .item:after {
    content: '';
    position: absolute;
    top: 69px;
    right: auto;
    bottom: auto;
    left: 14px;
    display: inline-block;
    width: 113px;
    height: 21px;
    margin-left: -100px;
    -webkit-transition: width 600ms ease 0s;
    -moz-transition: width 600ms ease 0s;
    -ms-transition: width 600ms ease 0s;
    -o-transition: width 600ms ease 0s;
    transition: width 600ms ease 0
}

.hire-purchase .item + .item:before {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHEAAAAVCAYAAABxGwGcAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAcNJREFUeNrsmrtKA0EUhncTUVNoYSfY+gDmKbQQUeOFBAmiEBBB0MI3sLGzkHi/gKgxoha+RmwkL6CoTSyCEPC2/sfMysmwu1bRGTg//OzsOTNb7MfMzmVdz/McXfePz47oX7UKz8NHcK6nu+sjqrIrEI1UDW5X5TM4DZDvYZVj8r6M1D4rj8En6FitAtEu0VB6wO5Ho0AKRAOlvoEz8B4LD8OFIJAC0WyQs/AuCw/BRR2kQDQb5KcCucXCg/AlQLYJRHtA0vIhB+dZeECB/J7BxlBIwSXllPYMui8pS+6PcjoHBXIOXmfhfgUy4d49VKhhn0rcoEGSrRMbcnCSPURyTcwRh4D1u4vLmpq9+irIcGrf0LoA3/JZa3xxabmCQi/8BK90diTK1ZeaX6EhB5dZY8k1MUccQnpiXn0Tf3qibLuZ2eOCmNCouaFmq76u4REZTi0QAMZx2dYAXhFAAH8ViHYA3IGnWfgCHieAsk60AyBtvWVZ+Bye9AGSWuRVGQ3wEE6zcNGpH0u98boC0VyAdCA8wcKncCbogFiGUzO1qQE8DgMoEM1VhpWpR05F/aIhEM0U/WNTdep7pdnf/rH5EmAAJs4BRH0rc0QAAAAASUVORK5CYII=) 100% 0 no-repeat;
    left: auto;
    right: 272px;
    background-size: 71%
}

.hire-purchase .item + .item:after {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHEAAAAVCAYAAABxGwGcAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAa5JREFUeNrsms1Kw0AQx7O2aH0MD30A+wh6sQcRtX5gkCAKBRF8BG9evHmQ+v0BUi0V7UE9+Qr1In0GL148Km38j05kCGm8mV2YgR/ZzCQ55Mduks2aMAw9GeHjuKeRXZjyEznYQXMDXIIqct20cwb0tlkZJLAAVkEdUvMq0b04E+05cAWRgyrRvZ54LvZn00SqRDufi10eSk9Feho0kkSqRLtFroETkZ4CzbhIlWi3yB6LPBTpSXAHkUMq0R2R9A1YBTWRLrPIwrdENCqgzVRi16D9NqO1f6gleWCR62BPpCdY5LDpPYzRBUe58AxK4kCtZVSDuFK8V0KYwWaX316jaOhw6t7Qugle5FtrbssfeUOjCF7BNuiIA7SWUc0Ug06fnljjZ+JvTzQ6d2pdb0vMwwuNmvv8thrFPZjR4dSBgMAcNkcxgS0SCOkfKtENgcdgRaRvwTwJ1O9ENwTS1Fsg0jdgMRJIkddbZbXAC7Ak0k3ah8BPeaxKtFcg/RBeEOlr4Cf9INbh1M44iAms9xOoEu0NX7SpRy6nLdFQiXYGrbF5937mSoO/1th8CTAAgYP2LNzvSZcAAAAASUVORK5CYII=) 0 0 no-repeat;
    width: 0;
    background-size: 70%
}

.hire-purchase .item i.active-state {
    background-position: 0 -130px
}

.hire-purchase .item + .item i.active-state {
    background-position: -160px -130px
}

.hire-purchase .item + .item + .item i.active-state {
    background-position: -320px -130px
}

.hire-purchase .item + .item + .item + .item i.active-state {
    background-position: -480px -130px
}

.hire-purchase .item i.unactive-state {
    background-position: 0 -660px
}

.hire-purchase .item + .item i.unactive-state {
    background-position: -160px -660px
}

.hire-purchase .item + .item + .item i.unactive-state {
    background-position: -320px -660px
}

.hire-purchase .item + .item + .item + .item i.unactive-state {
    background-position: -480px -660px
}

.hire-purchase .item i.active-state,
.hire-purchase .item i.unactive-state {
    -webkit-transition: opacity 200ms ease 1200ms;
    -moz-transition: opacity 200ms ease 1200ms;
    -ms-transition: opacity 200ms ease 1200ms;
    -o-transition: opacity 200ms ease 1200ms;
    transition: opacity 200ms ease 1200ms
}

.hire-purchase .item + .item i.active-state,
.hire-purchase .item + .item i.unactive-state {
    -webkit-transition: opacity 200ms ease 800ms;
    -moz-transition: opacity 200ms ease 800ms;
    -ms-transition: opacity 200ms ease 800ms;
    -o-transition: opacity 200ms ease 800ms;
    transition: opacity 200ms ease 800ms
}

.hire-purchase .item + .item + .item i.active-state,
.hire-purchase .item + .item + .item i.unactive-state {
    -webkit-transition: opacity 200ms ease 400ms;
    -moz-transition: opacity 200ms ease 400ms;
    -ms-transition: opacity 200ms ease 400ms;
    -o-transition: opacity 200ms ease 400ms;
    transition: opacity 200ms ease 400ms
}

.hire-purchase .item + .item + .item + .item i.active-state,
.hire-purchase .item + .item + .item + .item i.unactive-state {
    -webkit-transition: opacity 200ms ease 0s;
    -moz-transition: opacity 200ms ease 0s;
    -ms-transition: opacity 200ms ease 0s;
    -o-transition: opacity 200ms ease 0s;
    transition: opacity 200ms ease 0
}

.hire-purchase .item + .item:after,
.hire-purchase .item + .item:before {
    -webkit-transition: width 200ms ease 1000ms;
    -moz-transition: width 200ms ease 1000ms;
    -ms-transition: width 200ms ease 1000ms;
    -o-transition: width 200ms ease 1000ms;
    transition: width 200ms ease 1000ms
}

.hire-purchase .item + .item + .item:after,
.hire-purchase .item + .item + .item:before {
    -webkit-transition: width 200ms ease 600ms;
    -moz-transition: width 200ms ease 600ms;
    -ms-transition: width 200ms ease 600ms;
    -o-transition: width 200ms ease 600ms;
    transition: width 200ms ease 600ms
}

.hire-purchase .item + .item + .item + .item:after,
.hire-purchase .item + .item + .item + .item:before {
    -webkit-transition: width 200ms ease 200ms;
    -moz-transition: width 200ms ease 200ms;
    -ms-transition: width 200ms ease 200ms;
    -o-transition: width 200ms ease 200ms;
    transition: width 200ms ease 200ms
}

.hire-purchase.animate .item i.unactive-state {
    opacity: .01
}

.hire-purchase.animate .item i.active-state {
    opacity: .99
}

.hire-purchase.animate .item + .item:before {
    width: 0
}

.hire-purchase.animate .item + .item:after {
    width: 113px
}

.hire-purchase.animate .item i.active-state,
.hire-purchase.animate .item i.unactive-state {
    -webkit-transition: opacity 1200ms ease 0s;
    -moz-transition: opacity 1200ms ease 0s;
    -ms-transition: opacity 1200ms ease 0s;
    -o-transition: opacity 1200ms ease 0s;
    transition: opacity 1200ms ease 0
}

.hire-purchase.animate .item + .item i.active-state,
.hire-purchase.animate .item + .item i.unactive-state {
    -webkit-transition: opacity 1200ms ease 1200ms;
    -moz-transition: opacity 1200ms ease 1200ms;
    -ms-transition: opacity 1200ms ease 1200ms;
    -o-transition: opacity 1200ms ease 1200ms;
    transition: opacity 1200ms ease 1200ms
}

.hire-purchase.animate .item + .item + .item i.active-state,
.hire-purchase.animate .item + .item + .item i.unactive-state {
    -webkit-transition: opacity 1200ms ease 2400ms;
    -moz-transition: opacity 1200ms ease 2400ms;
    -ms-transition: opacity 1200ms ease 2400ms;
    -o-transition: opacity 1200ms ease 2400ms;
    transition: opacity 1200ms ease 2400ms
}

.hire-purchase.animate .item + .item + .item + .item i.active-state,
.hire-purchase.animate .item + .item + .item + .item i.unactive-state {
    -webkit-transition: opacity 1200ms ease 3600ms;
    -moz-transition: opacity 1200ms ease 3600ms;
    -ms-transition: opacity 1200ms ease 3600ms;
    -o-transition: opacity 1200ms ease 3600ms;
    transition: opacity 1200ms ease 3600ms
}

.hire-purchase.animate .item + .item:after,
.hire-purchase.animate .item + .item:before {
    -webkit-transition: width 600ms ease 600ms;
    -moz-transition: width 600ms ease 600ms;
    -ms-transition: width 600ms ease 600ms;
    -o-transition: width 600ms ease 600ms;
    transition: width 600ms ease 600ms
}

.hire-purchase.animate .item + .item + .item:after,
.hire-purchase.animate .item + .item + .item:before {
    -webkit-transition: width 600ms ease 1800ms;
    -moz-transition: width 600ms ease 1800ms;
    -ms-transition: width 600ms ease 1800ms;
    -o-transition: width 600ms ease 1800ms;
    transition: width 600ms ease 1800ms
}

.hire-purchase.animate .item + .item + .item + .item:after,
.hire-purchase.animate .item + .item + .item + .item:before {
    -webkit-transition: width 600ms ease 3000ms;
    -moz-transition: width 600ms ease 3000ms;
    -ms-transition: width 600ms ease 3000ms;
    -o-transition: width 600ms ease 3000ms;
    transition: width 600ms ease 3000ms
}

.four-steps-wrapper {
    margin-top: 30px;
    background: #f8fafd;
    background: -moz-linear-gradient(top, #fff 0, #f8fafd 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(100%, #f8fafd));
    background: -webkit-linear-gradient(top, #fff 0, #f8fafd 100%);
    background: -o-linear-gradient(top, #fff 0, #f8fafd 100%);
    background: -ms-linear-gradient(top, #fff 0, #f8fafd 100%);
    background: linear-gradient(to bottom, #fff 0, #f8fafd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f8fafd', GradientType=0)
}

.four-steps-wrapper .four-steps {
    margin-top: 10px;
    padding-bottom: 17px;
    font-weight: 700;
    font-size: 12px
}

.four-steps-wrapper .four-steps .header {
    font-size: 35px;
    margin-bottom: 1em;
    color: #535959
}

.four-steps-wrapper .four-steps .item {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    display: inline-block;
    width: 159px;
    height: 185px;
    text-transform: uppercase;
    letter-spacing: .6px;
    vertical-align: top;
    text-align: center
}

.four-steps-wrapper .four-steps .item a,
.four-steps-wrapper .four-steps .item span {
    display: block;
    width: 159px;
    height: 185px;
    color: #535959;
    -webkit-transition: color .3s ease 0s;
    -moz-transition: color .3s ease 0s;
    -ms-transition: color .3s ease 0s;
    -o-transition: color .3s ease 0s;
    transition: color .3s ease 0
}

.four-steps-wrapper .four-steps .item a i.unactive-state,
.four-steps-wrapper .four-steps .item span i.unactive-state {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    z-index: 4;
    display: block;
    width: 159px;
    height: 165px;
    background: url(../img/about-schema.png) 0 0 no-repeat;
    opacity: .99;
    -webkit-transition: opacity .3s ease 0s;
    -moz-transition: opacity .3s ease 0s;
    -ms-transition: opacity .3s ease 0s;
    -o-transition: opacity .3s ease 0s;
    transition: opacity .3s ease 0s;
    -webkit-transform: rotateX(360deg)
}

.four-steps-wrapper .four-steps .item a i.active-state,
.four-steps-wrapper .four-steps .item span i.active-state {
    position: absolute;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    z-index: 5;
    display: block;
    width: 159px;
    height: 165px;
    background: url(../img/about-schema.png) 0 -200px no-repeat;
    opacity: .01
}

.four-steps-wrapper .four-steps .item a > span,
.four-steps-wrapper .four-steps .item span > span {
    display: block;
    width: 100%;
    height: 20px;
    line-height: 2em;
    overflow: hidden
}

.four-steps-wrapper .four-steps .item a span,
.four-steps-wrapper .four-steps .item span span {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    z-index: 10;
    display: block;
    width: 100%;
    height: 80px;
    line-height: 2.1em;
    margin-top: -60px;
    overflow: hidden
}

.four-steps-wrapper .four-steps .item a:hover span {
    color: #888
}

.four-steps-wrapper .four-steps .item + .item:before,
.four-steps-wrapper .four-steps .item + .item:after {
    content: '';
    position: absolute;
    top: 41px;
    right: auto;
    bottom: auto;
    left: 14px;
    display: inline-block;
    width: 113px;
    height: 21px;
    margin-left: -145px;
    -webkit-transition: width 400ms ease 0s;
    -moz-transition: width 400ms ease 0s;
    -ms-transition: width 400ms ease 0s;
    -o-transition: width 400ms ease 0s;
    transition: width 400ms ease 0
}

.four-steps-wrapper .four-steps .item + .item:before {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHEAAAAVCAYAAABxGwGcAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAcNJREFUeNrsmrtKA0EUhncTUVNoYSfY+gDmKbQQUeOFBAmiEBBB0MI3sLGzkHi/gKgxoha+RmwkL6CoTSyCEPC2/sfMysmwu1bRGTg//OzsOTNb7MfMzmVdz/McXfePz47oX7UKz8NHcK6nu+sjqrIrEI1UDW5X5TM4DZDvYZVj8r6M1D4rj8En6FitAtEu0VB6wO5Ho0AKRAOlvoEz8B4LD8OFIJAC0WyQs/AuCw/BRR2kQDQb5KcCucXCg/AlQLYJRHtA0vIhB+dZeECB/J7BxlBIwSXllPYMui8pS+6PcjoHBXIOXmfhfgUy4d49VKhhn0rcoEGSrRMbcnCSPURyTcwRh4D1u4vLmpq9+irIcGrf0LoA3/JZa3xxabmCQi/8BK90diTK1ZeaX6EhB5dZY8k1MUccQnpiXn0Tf3qibLuZ2eOCmNCouaFmq76u4REZTi0QAMZx2dYAXhFAAH8ViHYA3IGnWfgCHieAsk60AyBtvWVZ+Bye9AGSWuRVGQ3wEE6zcNGpH0u98boC0VyAdCA8wcKncCbogFiGUzO1qQE8DgMoEM1VhpWpR05F/aIhEM0U/WNTdep7pdnf/rH5EmAAJs4BRH0rc0QAAAAASUVORK5CYII=) 100% 0 no-repeat;
    left: auto;
    right: 177px
}

.four-steps-wrapper .four-steps .item + .item:after {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHEAAAAVCAYAAABxGwGcAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAa5JREFUeNrsms1Kw0AQx7O2aH0MD30A+wh6sQcRtX5gkCAKBRF8BG9evHmQ+v0BUi0V7UE9+Qr1In0GL148Km38j05kCGm8mV2YgR/ZzCQ55Mduks2aMAw9GeHjuKeRXZjyEznYQXMDXIIqct20cwb0tlkZJLAAVkEdUvMq0b04E+05cAWRgyrRvZ54LvZn00SqRDufi10eSk9Feho0kkSqRLtFroETkZ4CzbhIlWi3yB6LPBTpSXAHkUMq0R2R9A1YBTWRLrPIwrdENCqgzVRi16D9NqO1f6gleWCR62BPpCdY5LDpPYzRBUe58AxK4kCtZVSDuFK8V0KYwWaX316jaOhw6t7Qugle5FtrbssfeUOjCF7BNuiIA7SWUc0Ug06fnljjZ+JvTzQ6d2pdb0vMwwuNmvv8thrFPZjR4dSBgMAcNkcxgS0SCOkfKtENgcdgRaRvwTwJ1O9ENwTS1Fsg0jdgMRJIkddbZbXAC7Ak0k3ah8BPeaxKtFcg/RBeEOlr4Cf9INbh1M44iAms9xOoEu0NX7SpRy6nLdFQiXYGrbF5937mSoO/1th8CTAAgYP2LNzvSZcAAAAASUVORK5CYII=) 0 0 no-repeat;
    width: 0
}

.four-steps-wrapper .four-steps .item a i.active-state,
.four-steps-wrapper .four-steps .item a i.unactive-state,
.four-steps-wrapper .four-steps .item span i.unactive-state,
.four-steps-wrapper .four-steps .item span i.active-state {
    top: 0;
    left: 60px
}

.four-steps-wrapper .four-steps .item a i.active-state.active-state,
.four-steps-wrapper .four-steps .item a i.unactive-state.active-state,
.four-steps-wrapper .four-steps .item span i.unactive-state.active-state,
.four-steps-wrapper .four-steps .item span i.active-state.active-state {
    background-position: 0 0
}

.four-steps-wrapper .four-steps .item a i.active-state.unactive-state,
.four-steps-wrapper .four-steps .item a i.unactive-state.unactive-state,
.four-steps-wrapper .four-steps .item span i.unactive-state.unactive-state,
.four-steps-wrapper .four-steps .item span i.active-state.unactive-state {
    background-position: 0 -200px
}

.four-steps-wrapper .four-steps .item span {
    margin-left: 0
}

.four-steps-wrapper .four-steps .item + .item {
    margin-left: 144px
}

.four-steps-wrapper .four-steps .item + .item a i,
.four-steps-wrapper .four-steps .item + .item span i {
    top: 1px;
    left: 40px
}

.four-steps-wrapper .four-steps .item + .item a i.active-state,
.four-steps-wrapper .four-steps .item + .item span i.active-state {
    background-position: -230px 0
}

.four-steps-wrapper .four-steps .item + .item a i.unactive-state,
.four-steps-wrapper .four-steps .item + .item span i.unactive-state {
    background-position: -230px -200px
}

.four-steps-wrapper .four-steps .item + .item span {
    margin-left: -7px
}

.four-steps-wrapper .four-steps .item + .item + .item {
    margin-left: 144px
}

.four-steps-wrapper .four-steps .item + .item + .item i {
    top: 1px;
    left: 30px
}

.four-steps-wrapper .four-steps .item + .item + .item i.active-state {
    background-position: -430px 0
}

.four-steps-wrapper .four-steps .item + .item + .item i.unactive-state {
    background-position: -430px -200px
}

.four-steps-wrapper .four-steps .item + .item + .item span {
    margin-left: 0
}

.four-steps-wrapper .four-steps .item + .item + .item:after {
    left: 5px
}

.four-steps-wrapper .four-steps .item + .item + .item:before {
    right: 186px
}

.four-steps-wrapper .four-steps .item + .item + .item + .item {
    margin-left: 144px
}

.four-steps-wrapper .four-steps .item + .item + .item + .item i {
    top: 1px;
    left: 50px
}

.four-steps-wrapper .four-steps .item + .item + .item + .item i.active-state {
    background-position: -650px 0
}

.four-steps-wrapper .four-steps .item + .item + .item + .item i.unactive-state {
    background-position: -650px -200px
}

.four-steps-wrapper .four-steps .item + .item + .item + .item span {
    margin-left: 4px
}

.four-steps-wrapper .four-steps .item + .item + .item + .item:after {
    left: 16px
}

.four-steps-wrapper .four-steps .item + .item + .item + .item:before {
    right: 175px
}

.four-steps-wrapper .item i.active-state,
.four-steps-wrapper .item i.unactive-state {
    -webkit-transition: opacity 133.33333333ms ease 800ms;
    -moz-transition: opacity 133.33333333ms ease 800ms;
    -ms-transition: opacity 133.33333333ms ease 800ms;
    -o-transition: opacity 133.33333333ms ease 800ms;
    transition: opacity 133.33333333ms ease 800ms
}

.four-steps-wrapper .item + .item i.active-state,
.four-steps-wrapper .item + .item i.unactive-state {
    -webkit-transition: opacity 133.33333333ms ease 533.33333333ms;
    -moz-transition: opacity 133.33333333ms ease 533.33333333ms;
    -ms-transition: opacity 133.33333333ms ease 533.33333333ms;
    -o-transition: opacity 133.33333333ms ease 533.33333333ms;
    transition: opacity 133.33333333ms ease 533.33333333ms
}

.four-steps-wrapper .item + .item + .item i.active-state,
.four-steps-wrapper .item + .item + .item i.unactive-state {
    -webkit-transition: opacity 133.33333333ms ease 266.66666667ms;
    -moz-transition: opacity 133.33333333ms ease 266.66666667ms;
    -ms-transition: opacity 133.33333333ms ease 266.66666667ms;
    -o-transition: opacity 133.33333333ms ease 266.66666667ms;
    transition: opacity 133.33333333ms ease 266.66666667ms
}

.four-steps-wrapper .item + .item + .item + .item i.active-state,
.four-steps-wrapper .item + .item + .item + .item i.unactive-state {
    -webkit-transition: opacity 133.33333333ms ease 0s;
    -moz-transition: opacity 133.33333333ms ease 0s;
    -ms-transition: opacity 133.33333333ms ease 0s;
    -o-transition: opacity 133.33333333ms ease 0s;
    transition: opacity 133.33333333ms ease 0
}

.four-steps-wrapper .item + .item:after,
.four-steps-wrapper .item + .item:before {
    -webkit-transition: width 133.33333333ms ease 666.66666667ms;
    -moz-transition: width 133.33333333ms ease 666.66666667ms;
    -ms-transition: width 133.33333333ms ease 666.66666667ms;
    -o-transition: width 133.33333333ms ease 666.66666667ms;
    transition: width 133.33333333ms ease 666.66666667ms
}

.four-steps-wrapper .item + .item + .item:after,
.four-steps-wrapper .item + .item + .item:before {
    -webkit-transition: width 133.33333333ms ease 400ms;
    -moz-transition: width 133.33333333ms ease 400ms;
    -ms-transition: width 133.33333333ms ease 400ms;
    -o-transition: width 133.33333333ms ease 400ms;
    transition: width 133.33333333ms ease 400ms
}

.four-steps-wrapper .item + .item + .item + .item:after,
.four-steps-wrapper .item + .item + .item + .item:before {
    -webkit-transition: width 133.33333333ms ease 133.33333333ms;
    -moz-transition: width 133.33333333ms ease 133.33333333ms;
    -ms-transition: width 133.33333333ms ease 133.33333333ms;
    -o-transition: width 133.33333333ms ease 133.33333333ms;
    transition: width 133.33333333ms ease 133.33333333ms
}

.four-steps-wrapper.animate .four-steps .item a i.unactive-state,
.four-steps-wrapper.animate .four-steps .item span i.unactive-state {
    opacity: .01
}

.four-steps-wrapper.animate .four-steps .item a i.active-state,
.four-steps-wrapper.animate .four-steps .item span i.active-state {
    opacity: .99
}

.four-steps-wrapper.animate .four-steps .item + .item:before {
    width: 0
}

.four-steps-wrapper.animate .four-steps .item + .item:after {
    width: 113px
}

.four-steps-wrapper.animate .four-steps .item i.active-state,
.four-steps-wrapper.animate .four-steps .item i.unactive-state {
    -webkit-transition: opacity 800ms ease 0s;
    -moz-transition: opacity 800ms ease 0s;
    -ms-transition: opacity 800ms ease 0s;
    -o-transition: opacity 800ms ease 0s;
    transition: opacity 800ms ease 0
}

.four-steps-wrapper.animate .four-steps .item + .item i.active-state,
.four-steps-wrapper.animate .four-steps .item + .item i.unactive-state {
    -webkit-transition: opacity 800ms ease 800ms;
    -moz-transition: opacity 800ms ease 800ms;
    -ms-transition: opacity 800ms ease 800ms;
    -o-transition: opacity 800ms ease 800ms;
    transition: opacity 800ms ease 800ms
}

.four-steps-wrapper.animate .four-steps .item + .item + .item i.active-state,
.four-steps-wrapper.animate .four-steps .item + .item + .item i.unactive-state {
    -webkit-transition: opacity 800ms ease 1600ms;
    -moz-transition: opacity 800ms ease 1600ms;
    -ms-transition: opacity 800ms ease 1600ms;
    -o-transition: opacity 800ms ease 1600ms;
    transition: opacity 800ms ease 1600ms
}

.four-steps-wrapper.animate .four-steps .item + .item + .item + .item i.active-state,
.four-steps-wrapper.animate .four-steps .item + .item + .item + .item i.unactive-state {
    -webkit-transition: opacity 800ms ease 2400ms;
    -moz-transition: opacity 800ms ease 2400ms;
    -ms-transition: opacity 800ms ease 2400ms;
    -o-transition: opacity 800ms ease 2400ms;
    transition: opacity 800ms ease 2400ms
}

.four-steps-wrapper.animate .four-steps .item + .item:after,
.four-steps-wrapper.animate .four-steps .item + .item:before {
    -webkit-transition: width 400ms ease 400ms;
    -moz-transition: width 400ms ease 400ms;
    -ms-transition: width 400ms ease 400ms;
    -o-transition: width 400ms ease 400ms;
    transition: width 400ms ease 400ms
}

.four-steps-wrapper.animate .four-steps .item + .item + .item:after,
.four-steps-wrapper.animate .four-steps .item + .item + .item:before {
    -webkit-transition: width 400ms ease 1200ms;
    -moz-transition: width 400ms ease 1200ms;
    -ms-transition: width 400ms ease 1200ms;
    -o-transition: width 400ms ease 1200ms;
    transition: width 400ms ease 1200ms
}

.four-steps-wrapper.animate .four-steps .item + .item + .item + .item:after,
.four-steps-wrapper.animate .four-steps .item + .item + .item + .item:before {
    -webkit-transition: width 400ms ease 2000ms;
    -moz-transition: width 400ms ease 2000ms;
    -ms-transition: width 400ms ease 2000ms;
    -o-transition: width 400ms ease 2000ms;
    transition: width 400ms ease 2000ms
}

.accordion-slider {
    overflow: hidden
}

.accordion-slider .wrapper.closed .top:after,
.accordion-slider .wrapper.closed .bottom:after {
    display: block;
    width: auto;
    height: auto;
    opacity: .99
}

.accordion-slider .wrapper.closed:hover {
    cursor: pointer
}

.accordion-slider .wrapper.closed:hover .top:after,
.accordion-slider .wrapper.closed:hover .bottom:after {
    opacity: .45
}

.accordion-slider .panel {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    width: 100%;
    height: auto;
    color: #fff;
    -webkit-perspective: 2000px;
    -moz-perspective: 2000px;
    -ms-perspective: 2000px;
    -o-perspective: 2000px;
    perspective: 2000px
}

.accordion-slider .panel .top,
.accordion-slider .panel .bottom {
    position: absolute;
    top: auto;
    right: 0;
    bottom: auto;
    left: 0;
    width: 100%;
    height: 224px;
    -webkit-transform: perspective(200px);
    -moz-transform: perspective(200px);
    -ms-transform: perspective(200px);
    -o-transform: perspective(200px);
    transform: perspective(200px);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.accordion-slider .panel .top:after,
.accordion-slider .panel .bottom:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    content: '';
    display: none;
    opacity: 0;
    -webkit-transition: opacity 1s ease 0s;
    -moz-transition: opacity 1s ease 0s;
    -ms-transition: opacity 1s ease 0s;
    -o-transition: opacity 1s ease 0s;
    transition: opacity 1s ease 0s;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIzJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjY1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjI1JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjUiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.4) 35%, rgba(0, 0, 0, 0.2) 60%, rgba(0, 0, 0, 0.2) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0.5)), color-stop(35%, rgba(0, 0, 0, 0.4)), color-stop(60%, rgba(0, 0, 0, 0.2)), color-stop(100%, rgba(0, 0, 0, 0.2)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.4) 35%, rgba(0, 0, 0, 0.2) 60%, rgba(0, 0, 0, 0.2) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.4) 35%, rgba(0, 0, 0, 0.2) 60%, rgba(0, 0, 0, 0.2) 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.4) 35%, rgba(0, 0, 0, 0.2) 60%, rgba(0, 0, 0, 0.2) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.4) 35%, rgba(0, 0, 0, 0.2) 60%, rgba(0, 0, 0, 0.2) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=0)
}

.accordion-slider .panel .top {
    top: 0;
    -webkit-transform-origin: center top;
    -moz-transform-origin: center top;
    -ms-transform-origin: center top;
    -o-transform-origin: center top;
    transform-origin: center top
}

.accordion-slider .panel .bottom {
    bottom: 0;
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    -o-transform-origin: center bottom;
    transform-origin: center bottom
}

.accordion-slider .panel .title {
    position: absolute;
    top: 39px;
    right: 300px;
    bottom: auto;
    left: 54px;
    height: 142px;
    font-size: 75px;
    font-weight: 700;
    letter-spacing: -5px;
    line-height: .95em;
    overflow: hidden
}

.accordion-slider .panel .info {
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: 58px;
    display: block;
    width: 702px;
    height: auto;
    max-height: 201px;
    overflow: hidden;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA9JREFUeNpikJKQOAMQYAABsQEXUXBBawAAAABJRU5ErkJggg==) 0 0 repeat;
    padding: 33px 24px 33px 29px;
    line-height: 1.6em;
    letter-spacing: .43px
}

.accordion-slider .panel .info .text {
    margin-bottom: 20px;
    max-height: 60px;
    overflow: hidden
}

.accordion-slider .panel .info .action-end {
    color: #feb942;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0
}

.accordion-slider .panel .info .btn {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    z-index: 20;
    float: right;
    width: 109px;
    margin-top: -4px
}

.accordion-slider .panel .info .profit-block {
    position: relative;
    top: 8px;
    right: auto;
    bottom: auto;
    left: auto;
    font-size: 22px;
    letter-spacing: 0
}

.accordion-slider .panel .info .profit-block .value {
    font-size: 28px;
    font-weight: 700;
    color: #feb942;
    letter-spacing: -1px
}

.accordion-slider .panel .info .profit-block .currency {
    font-size: 28px;
    color: #feb942
}

.accordion-slider.no-transform {
    width: 1200px;
    height: 446px
}

.accordion-slider.no-transform .panel {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 1200px;
    height: 446px
}

.accordion-slider.no-transform .panel .info {
    top: 211px
}

.accordion-slider.no-transform .sliderkit-panels .sliderkit-go-btn {
    position: absolute;
    top: 0;
    right: auto;
    bottom: 0;
    left: auto;
    width: 86px;
    z-index: 10
}

.accordion-slider.no-transform .sliderkit-panels .sliderkit-go-btn.sliderkit-go-prev {
    left: 0
}

.accordion-slider.no-transform .sliderkit-panels .sliderkit-go-btn.sliderkit-go-prev a {
    position: absolute;
    top: 0;
    right: auto;
    bottom: 0;
    left: 0;
    width: 58px
}

.accordion-slider.no-transform .sliderkit-panels .sliderkit-go-btn.sliderkit-go-prev a:before {
    position: absolute;
    top: 100px;
    right: auto;
    bottom: auto;
    left: 8px;
    display: block;
    width: 41px;
    height: 246px;
    background: url(../img/_sprite.png) 0 -290px no-repeat;
    content: ''
}

.accordion-slider.no-transform .sliderkit-panels .sliderkit-go-btn.sliderkit-go-prev a:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    opacity: 0;
    -webkit-transition: opacity .3s ease 0s;
    -moz-transition: opacity .3s ease 0s;
    -ms-transition: opacity .3s ease 0s;
    -o-transition: opacity .3s ease 0s;
    transition: opacity .3s ease 0s;
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.5) 2%, rgba(0, 0, 0, 0.41) 23%, rgba(0, 0, 0, 0.09) 76%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(0, 0, 0, 0.5)), color-stop(2%, rgba(0, 0, 0, 0.5)), color-stop(23%, rgba(0, 0, 0, 0.41)), color-stop(76%, rgba(0, 0, 0, 0.09)), color-stop(100%, rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.5) 2%, rgba(0, 0, 0, 0.41) 23%, rgba(0, 0, 0, 0.09) 76%, rgba(0, 0, 0, 0) 100%);
    background: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.5) 2%, rgba(0, 0, 0, 0.41) 23%, rgba(0, 0, 0, 0.09) 76%, rgba(0, 0, 0, 0) 100%);
    background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.5) 2%, rgba(0, 0, 0, 0.41) 23%, rgba(0, 0, 0, 0.09) 76%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.5) 2%, rgba(0, 0, 0, 0.41) 23%, rgba(0, 0, 0, 0.09) 76%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1)
}

.accordion-slider.no-transform .sliderkit-panels .sliderkit-go-btn.sliderkit-go-prev a:hover:after {
    opacity: .99
}

.accordion-slider.no-transform .sliderkit-panels .sliderkit-go-btn.sliderkit-go-next {
    right: 0
}

.accordion-slider.no-transform .sliderkit-panels .sliderkit-go-btn.sliderkit-go-next a {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    width: 58px
}

.accordion-slider.no-transform .sliderkit-panels .sliderkit-go-btn.sliderkit-go-next a:before {
    position: absolute;
    top: 100px;
    right: 8px;
    bottom: auto;
    left: auto;
    display: block;
    width: 41px;
    height: 246px;
    background: url(../img/_sprite.png) -50px -290px no-repeat;
    content: ''
}

.accordion-slider.no-transform .sliderkit-panels .sliderkit-go-btn.sliderkit-go-next a:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    opacity: 0;
    -webkit-transition: opacity .3s ease 0s;
    -moz-transition: opacity .3s ease 0s;
    -ms-transition: opacity .3s ease 0s;
    -o-transition: opacity .3s ease 0s;
    transition: opacity .3s ease 0s;
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.09) 24%, rgba(0, 0, 0, 0.41) 77%, rgba(0, 0, 0, 0.5) 98%, rgba(0, 0, 0, 0.5) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(0, 0, 0, 0)), color-stop(24%, rgba(0, 0, 0, 0.09)), color-stop(77%, rgba(0, 0, 0, 0.41)), color-stop(98%, rgba(0, 0, 0, 0.5)), color-stop(100%, rgba(0, 0, 0, 0.5)));
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.09) 24%, rgba(0, 0, 0, 0.41) 77%, rgba(0, 0, 0, 0.5) 98%, rgba(0, 0, 0, 0.5) 100%);
    background: -o-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.09) 24%, rgba(0, 0, 0, 0.41) 77%, rgba(0, 0, 0, 0.5) 98%, rgba(0, 0, 0, 0.5) 100%);
    background: -ms-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.09) 24%, rgba(0, 0, 0, 0.41) 77%, rgba(0, 0, 0, 0.5) 98%, rgba(0, 0, 0, 0.5) 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.09) 24%, rgba(0, 0, 0, 0.41) 77%, rgba(0, 0, 0, 0.5) 98%, rgba(0, 0, 0, 0.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1)
}

.accordion-slider.no-transform .sliderkit-panels .sliderkit-go-btn.sliderkit-go-next a:hover:after {
    opacity: .99
}

.calculator-error {
    padding: 50px 0;
    color: #c33
}

#content-wrapper .calculator .image-loader {
    position: absolute;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    display: block;
    width: 1px;
    height: 1px;
    overflow: hidden;
    z-index: -1
}

#content-wrapper .calculator .fallback-text {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: none;
    padding-top: 285px;
    z-index: 500;
    text-align: center;
    background: rgba(255, 255, 255, 0.8);
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px
}

#content-wrapper .calculator.fallback .fallback-text {
    display: block
}

#content-wrapper .calculator .calculator-holder:before {
    background: rgba(255, 255, 255, 0.5) url(../img/ajax-loader.gif) 50% 50% no-repeat
}

#content-wrapper .calculator.images-loaded .calculator-holder:before,
#content-wrapper .calculator.fallback .calculator-holder:before {
    display: none
}

#content-wrapper .calculator .debug {
    position: absolute;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    display: block;
    width: 100%;
    height: 450px;
    display: none;
    margin-top: -41px;
    left: 0;
    z-index: 0;
    border: 1px solid #999;
    font-size: 11px;
    background: rgba(255, 255, 255, 0.7);
    color: #000;
    font-family: 'Courier New', Verdana, Arial
}

#content-wrapper .calculator .debug:hover {
    z-index: 5000
}

#content-wrapper .calculator .debug > div {
    position: absolute;
    top: 0;
    right: auto;
    bottom: 0;
    left: auto;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 27%;
    padding: 10px
}

#content-wrapper .calculator .debug > div.calculate-params {
    left: 27%
}

#content-wrapper .calculator .debug > div.calculating {
    right: 0;
    width: 46%
}

#content-wrapper .calculator .panel-container {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    background: #fff;
    padding: 40px 40px 28px 29px
}

#content-wrapper .calculator .panel-container .size-block {
    width: 600px;
    float: left;
    counter-reset: tracker-list
}

#content-wrapper .calculator .panel-container .size-block .height-tracker-wrapper {
    position: absolute;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    display: block;
    width: 65px;
    height: 442px;
}

#content-wrapper .calculator .panel-container .size-block .height-tracker-wrapper .vert-tracker {
    margin-left: 31px;
    margin-top: 16px
}

#content-wrapper .calculator .panel-container .size-block .length-tracker-wrapper {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    display: block;
    width: 600px;
    height: 30px;
}

#content-wrapper .calculator .panel-container .size-block .length-tracker-wrapper .slider-input {
    float: left
}

#content-wrapper .calculator .panel-container .size-block .length-tracker-wrapper .hor-tracker {
    float: right;
    margin-left: 0;
    margin-top: 13px
}

#content-wrapper .calculator .panel-container .size-block .length-tracker-wrapper:before {
    counter-increment: tracker-list;
    content: counter(tracker-list);
    position: absolute;
    top: -9px;
    right: 0;
    bottom: auto;
    left: auto;
    display: block;
    width: 17px;
    height: 17px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAQtJREFUeNqclL8KglAUxq+noHeoxgaXQIdWw9VHaA1C8BmaeoYgBGnrEVoDx5akKWgN3yEo6Lvy3RApsnvgh6DnfHycPzrH81U1wgURCIAHhuAGCpCDPbiY5Ml4pKQhEIMdGIAtmIIen1u+3zHvHU7NyRL0QQpO6nv4YAFKsKo7iSmQ/BBQ/J4wPzZOXFqctxBoOsrATNjEw58CxpGui4RTyJVd6LpAOMbCUkTXebonD47xaSHSAXfhIg0tnVSLKMaSpUjVCjHNsRSphiK8hZBzV3/uia7bC48p5SpLSwFhfoq1v5iiDW9h3cKRz7ySdapb+7jiLWTcxJxNN9Pz2IOQzjefrtj6f/ISYABwoUkyuj3bnAAAAABJRU5ErkJggg==) 0 0 no-repeat;
    font-size: 10px;
    font-weight: 700;
    line-height: 17px;
    text-align: center;
    color: #999ea3
}

#content-wrapper .calculator .panel-container .size-block .length-tracker-wrapper.no-counter:before {
    display: none
}

#content-wrapper .calculator .panel-container .size-block .length-tracker-wrapper + .length-tracker-wrapper {
    margin-top: 10px
}

#content-wrapper .calculator .panel-container .size-block .window {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    display: block;
    width: 500px;
    height: 440px;
    margin-left: 73px;
    margin-bottom: 50px;
    overflow: hidden
}

#content-wrapper .calculator .panel-container .size-block .window.shadowed:before {
    content: '';
    position: absolute;
    top: 446px;
    right: auto;
    bottom: auto;
    left: -18px;
    display: block;
    width: 536px;
    height: 39px;
}

#content-wrapper .calculator .panel-container .type-block {
    width: 370px;
    float: right;
    margin-top: -3px
}

#content-wrapper .calculator .panel-container .type-block .title {
    margin-bottom: 23px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: #515657
}

#content-wrapper .calculator .panel-container .type-block .type-select {
    margin: 0 0 0 -18px;
    padding: 0;
    list-style-type: none
}

#content-wrapper .calculator .panel-container .type-block .type-select li {
    display: inline-block;
    width: auto;
    height: auto;
    margin: 0 0 7px 18px;
    padding: 0;
    vertical-align: top;
    background: none
}

#content-wrapper .calculator .panel-container .type-block .type-select li > a {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    vertical-align: top;
    cursor: default
}

#content-wrapper .calculator .panel-container .type-block .type-select li > a img {
    cursor: pointer
}

#content-wrapper .calculator .panel-container .type-block .type-select li > a img.active {
    cursor: default
}

#content-wrapper .calculator .panel-container .type-block .type-select li > a img:not(.active) {
    -webkit-transition: opacity .3s ease 0s;
    -moz-transition: opacity .3s ease 0s;
    -ms-transition: opacity .3s ease 0s;
    -o-transition: opacity .3s ease 0s;
    transition: opacity .3s ease 0s;
    opacity: .99
}

#content-wrapper .calculator .panel-container .type-block .type-select li > a img:not(.active):hover {
    opacity: .7
}

#content-wrapper .calculator .panel-container .type-block .type-select li > a .variants {
    position: absolute;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    display: block;
    width: auto;
    height: auto;
    display: none;
    padding: 20px 24px;
    margin: -22px 0 0 -26px;
    border: 2px solid #f3f6f9;
    background: #fff;
    z-index: 2
}

#content-wrapper .calculator .panel-container .type-block .type-select li > a .variants > div + div {
    margin-top: 18px
}

#content-wrapper .calculator .panel-container .type-block .type-select li > a.hover .variants {
    display: block
}

#content-wrapper .calculator .panel-container .type-block .params-block {
    border: 3px solid #f3f6f9;
    margin-top: 12px;
    padding: 21px 21px 13px 22px;
    color: #515657
}

#content-wrapper .calculator .panel-container .type-block .params-block .radio-block {
    height: 21px;
    overflow: hidden;
    font-size: 12px
}

#content-wrapper .calculator .panel-container .type-block .params-block .radio-block > span,
#content-wrapper .calculator .panel-container .type-block .params-block .radio-block .row .col-5 > span {
    display: inline-block;
    width: 141px;
    height: 17px;
    overflow: hidden;
    font-weight: 700;
    line-height: 12px;
    color: #515657;
    vertical-align: middle
}

#content-wrapper .calculator .panel-container .type-block .params-block .radio-block label {
    vertical-align: middle;
    cursor: pointer
}

#content-wrapper .calculator .panel-container .type-block .params-block .radio-block label + .iradio_flat-red {
    margin-left: 17px
}

#content-wrapper .calculator .panel-container .type-block .params-block .radio-block + .radio-block {
    margin-top: 13px
}

#content-wrapper .calculator .panel-container .type-block .params-block .order-block {
    margin-top: 23px;
    border-top: 1px solid #ebeef0;
    padding-top: 15px
}

#content-wrapper .calculator .panel-container .type-block .params-block .order-block .price {
    display: inline-block;
    width: 120px;
    height: 45px;
    overflow: hidden;
    text-align: right;
    font-size: 22px;
    line-height: 50px;
    font-weight: 700;
    letter-spacing: 0
}

#content-wrapper .calculator .panel-container .type-block .params-block .order-block .price .currency {
    font-size: 17px
}

#content-wrapper .calculator .panel-container .type-block .params-block .order-block .btn {
    float: right
}

#content-wrapper .calculator .panel-container .type-block .params-block .order-block .error-text {
    display: none;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #f33;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase
}

#content-wrapper .calculator .panel-container .type-block .params-block .order-block.error .info-block {
    display: none
}

#content-wrapper .calculator .panel-container .type-block .params-block .order-block.error .error-text {
    display: block
}

#content-wrapper .calculator .panel-container .type-block .info {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 134px;
    overflow: hidden;
    margin-top: 24px;
    padding: 20px;
    border: 3px solid #feb642;
    line-height: 20px;
    color: #515657;
    letter-spacing: -.04em
}

#content-wrapper .calculator .panel-container .type-block .info .phone {
    margin-top: 8px;
    font-size: 18px;
    letter-spacing: 0
}

#content-wrapper .calculator .panel-container .type-block .info .phone span {
    color: #feb642
}

#content-wrapper .calculator .panel-container #balcony .type-select {
    margin-top: -8px;
    margin-bottom: -8px
}

.slider-input {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto
}

.slider-input label {
    position: absolute;
    top: -21px;
    right: auto;
    bottom: auto;
    left: auto;
    width: 80px;
    color: #515657;
    font-size: 11px;
    letter-spacing: 0;
    white-space: nowrap;
    margin-left: -40px;
    left: 50%;
    text-align: center
}

.slider-input label span {
    font-weight: 700
}

.slider-input input {
    display: inline-block;
    width: 65px;
    height: 30px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 8px;
    font-size: 12px;
    vertical-align: top;
    text-align: center
}

.vert-tracker.ui-slider-vertical {
    display: block;
    width: 6px;
    height: 398px;
    box-sizing: border-box;
    background: url(data:image/gif;base64,R0lGODlhBgABAKIAAOzw8u3y9Orv8e7y9OLp7evv8QAAAAAAACH5BAAAAAAALAAAAAAGAAEAAAMESBNQkgA7) 0 0 repeat-y;
    border: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px
}

.vert-tracker.ui-slider-vertical .ui-widget-header {
    background: url(data:image/gif;base64,R0lGODlhBgABAJEAAPOrNv/GMP/GMQAAACH5BAAAAAAALAAAAAAGAAEAAAIDhB5RADs=) 0 0 repeat-y
}

.vert-tracker.ui-slider-vertical .ui-slider-handle {
    left: -11px;
    width: 32px;
    height: 25px;
    background: url(../img/_sprite.png) -220px -30px no-repeat;
    overflow: hidden;
    margin-bottom: -13px;
    border: none
}

.hor-tracker.ui-slider-horizontal {
    display: block;
    width: 510px;
    height: 6px;
    box-sizing: border-box;
    background: url(data:image/gif;base64,R0lGODlhAQAGAKIAAOzw8u3y9Orv8evv8eLp7QAAAAAAAAAAACH5BAAAAAAALAAAAAABAAYAAAMESBQwkgA7) 0 0 repeat-x;
    border: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px
}

.hor-tracker.ui-slider-horizontal .ui-widget-header {
    background: url(data:image/gif;base64,R0lGODlhAQAGAKIAAP/IKfOrNv7GJv/IKP/HJwAAAAAAAAAAACH5BAAAAAAALAAAAAABAAYAAAMEGAJDlAA7) 0 0 repeat-x
}

.hor-tracker.ui-slider-horizontal .ui-slider-handle {
    top: -11px;
    width: 25px;
    height: 32px;
    background: url(../img/_sprite.png) -220px -60px no-repeat;
    overflow: hidden;
    margin-right: -13px;
    border: none
}

.tab-container > .etabs {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.tab-container > .etabs .tab {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    margin: 0;
    padding: 0;
    display: inline-block;
    zoom: 1;
    *display: inline;
    background: #fff
}

.tab-container > .etabs .tab a {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    display: block;
    width: auto;
    height: 50px;
    background: #feb642;
    padding: 0 50px;
    font-size: 11px;
    font-weight: 700;
    line-height: 56px;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: #fff;
    -webkit-transition: background .2s ease 0s;
    -moz-transition: background .2s ease 0s;
    -ms-transition: background .2s ease 0s;
    -o-transition: background .2s ease 0s;
    transition: background .2s ease 0
}

.tab-container > .etabs .tab a.hover:hover,
.tab-container > .etabs .tab a.active {
    background: #fff;
    color: #515657
}

.tab-container > .etabs .tab a.active {
    cursor: default
}

.tab-container > .etabs .tab a span {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    z-index: 5
}

.tab-container > .etabs .tab.active {
    background: #fff;
    position: relative;
    cursor: default
}

.tab-container > .etabs .tab + .tab {
    border-left: 2px solid #fff
}

.tab-container > .etabs .tab.active + .tab a:before {
    position: absolute;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    display: block;
    width: 50px;
    height: 50px;
    background: url(../img/_sprite.png) -150px -30px no-repeat;
    -webkit-transition: opacity .2s ease 0s;
    -moz-transition: opacity .2s ease 0s;
    -ms-transition: opacity .2s ease 0s;
    -o-transition: opacity .2s ease 0s;
    transition: opacity .2s ease 0s;
    left: 0;
    opacity: .99;
    content: ''
}

.tab-container > .etabs .tab + .tab:hover a:before {
    opacity: .01
}

.tab-container > .etabs.full-width {
    display: table;
    width: 100%;
    height: auto
}

.tab-container > .etabs.full-width .tab {
    display: table-cell;
    width: auto;
    height: auto;
    text-align: center
}

.tab-container > .etabs.full-width .tab a {
    padding: 0 20px
}

.no-opacity .tab-container > .etabs .tab + .tab:hover a:before {
    display: none
}

.rotate-slider {
    display: block;
    width: 100%;
    height: 360px;
    background: #fbfcfd;
    background: -moz-linear-gradient(top, #fff 0, #fbfcfd 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(100%, #fbfcfd));
    background: -webkit-linear-gradient(top, #fff 0, #fbfcfd 100%);
    background: -o-linear-gradient(top, #fff 0, #fbfcfd 100%);
    background: -ms-linear-gradient(top, #fff 0, #fbfcfd 100%);
    background: linear-gradient(to bottom, #fff 0, #fbfcfd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#fbfcfd', GradientType=0);
    text-align: center;
    margin-bottom: 3px;
    z-index: 0
}

.rotate-slider.single a {
    display: none !important
}

.rotate-slider img {
    opacity: .7 !important
}

.rotate-slider img:hover,
.rotate-slider img.selected {
    opacity: 1 !important
}

.rotate-slider img:hover {
    cursor: pointer
}

.rotate-slider .theatre-control {
    display: none !important
}

.page-404 {
    background: url(data:image/gif;base64,R0lGODlhKAABAIAAAP////z8/CH5BAAAAAAALAAAAAAoAAEAAAIIjI+gy90IQwEAOw==) 50% 0 repeat;
    margin-bottom: -40px;
    padding: 120px 0 215px;
    text-align: center;
    color: #535959
}

.page-404 a {
    text-decoration: underline
}

.page-404 a:hover {
    text-decoration: none
}

.page-404 img {
    margin-bottom: 29px
}

.page-404 .page-not-found {
    font-size: 36px;
    font-weight: 700;
    letter-spacing: -.05em;
    margin-bottom: 14px
}

.page-404 .page-not-exist {
    margin-bottom: 47px;
    font-size: 14px;
    line-height: 1.5em;
    letter-spacing: -.02em
}

.page-404 .try-again {
    font-size: 18px;
    letter-spacing: .02em
}

.reviews-background {
    background: #f5f8f9 url(../img/reviews_background.jpg) 50% 0 repeat-x
}

.reviews-block {
    padding-top: 27px;
    padding-bottom: 30px;
    margin-bottom: -29px;
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto
}

.reviews-block .reviews-title {
    font-size: 35px;
    font-weight: 700
}

.reviews-block:after {
    position: absolute;
    top: 100%;
    right: auto;
    bottom: auto;
    left: auto;
    content: '';
    width: 100%;
    height: 1000px;
    background-color: #f5f8f9
}

.reviews-background {
    background: #f5f8f9 url(../img/reviews_background.jpg) 50% 0 repeat-x
}

.reviews-block {
    padding-top: 27px;
    padding-bottom: 30px;
    margin-bottom: -29px;
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto
}

.reviews-block .reviews-title {
    font-size: 35px;
    font-weight: 700
}

.reviews-block:after {
    position: absolute;
    top: 100%;
    right: auto;
    bottom: auto;
    left: auto;
    content: '';
    width: 100%;
    height: 1000px;
    background-color: #f5f8f9
}

.reviews-container {
    margin: 16px 0 40px
}

.reviews-container .container {
    -webkit-box-shadow: 2px 2px 0 0 #e6e9e9;
    box-shadow: 2px 2px 0 0 #e6e9e9;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -ms-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    width: 216px;
    padding: 32px 28px 27px;
    background-color: #fff;
    margin-left: 16px;
    margin-bottom: 25px;
    color: #656565
}

.reviews-mainpage .container {
    width: 250px
}

.reviews-container .container > img {
    position: relative;
    top: -32px;
    right: auto;
    bottom: auto;
    left: -30px;
    width: calc(100% + 28px + 28px)
}

.reviews-container .container span {
    line-height: 1.3em
}

.reviews-container .container span,
.reviews-container .container .description {
    display: inline-block;
    width: auto;
    height: auto;
    max-width: 192px;
    overflow: hidden
}

.reviews-container .container .title {
    font-size: 17px;
    font-weight: 700
}

.reviews-container .container .company {
    padding-bottom: 1px
}

.reviews-container .container .description {
    font-size: 12px;
    padding-top: 11px;
    line-height: 1.7em;
    letter-spacing: -.015em
}

.reviews-container .container .description p {
    margin-top: 0
}

.reviews-container .container.hoverable {
    -webkit-box-shadow: 2px 2px 0 0 #e6e9e9;
    box-shadow: 2px 2px 0 0 #e6e9e9;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -ms-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0
}

.reviews-container .container.hoverable:hover {
    -webkit-box-shadow: 2px 2px 0 0 #df8030;
    box-shadow: 2px 2px 0 0 #df8030;
    background: #f99937;
    color: #fff
}

.reviews-container .form {
    width: 226px;
    padding: 0 12px 19px
}

.reviews-container .form .form-content {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    z-index: 10;
    width: 218px;
    height: auto;
    padding-top: 112px
}

.reviews-container .form .form-content .form-caption {
    display: inline-block;
    width: 226px;
    height: auto;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase
}

.reviews-container .form .form-content input[type="text"],
.reviews-container .form .form-content textarea {
    display: inline-block;
    width: 194px;
    height: auto
}

.reviews-container .form .form-content input[type="text"] {
    margin-bottom: 16px
}

.reviews-container .form .form-content textarea {
    margin-bottom: 13px
}

.reviews-container .form .form-content input[type="submit"] {
    width: 194px;
    margin-top: 23px
}

.reviews-container .form .form-content textarea {
    height: 181px
}

.reviews-container .form .form-content:before {
    background: url(../img/_sprite.png) -833px -112px no-repeat;
    width: 167px;
    height: 126px;
    position: absolute;
    top: 22px;
    right: auto;
    bottom: auto;
    left: 69px;
    content: '';
    z-index: 5
}

.reviews-container .form .form-thanks {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    height: 282px;
    padding: 331px 10px 0;
    text-align: center;
    display: none
}

.reviews-container .form .form-thanks:before {
    position: absolute;
    top: 208px;
    right: auto;
    bottom: auto;
    left: 62px;
    background: url(../img/_sprite.png) -823px -247px no-repeat;
    width: 177px;
    height: 136px;
    content: '';
    z-index: 5
}

.reviews-container .form .form-thanks span {
    display: inline-block;
    width: 100%;
    height: auto;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 6px
}

.reviews-container .form .text-content {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    z-index: 10
}

.reviews-container .form form {
    margin-top: 24px
}

.popup {
    padding: 37px 20px 32px;
    color: #535959;
    display: none
}

.popup .header-big {
    display: inline-block;
    width: auto;
    height: auto;
    width: 100%;
    margin: 0
}

.popup form {
    margin-top: 21px
}

.popup input[type="text"],
.popup .day-select {
    margin-bottom: 22px
}

.popup input[type="submit"] {
    width: 210px
}

.popup .thanks {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    width: 300px;
    margin: auto;
    padding-top: 180px;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.6em;
    display: none
}

.popup .thanks:before {
    position: absolute;
    top: 46px;
    right: 21px;
    bottom: auto;
    left: auto;
    background: url(../img/_sprite.png) -823px -247px no-repeat;
    width: 177px;
    height: 136px;
    content: '';
    z-index: 5
}

.popup-window .popup-window-buttons .btn {
    display: unset;
    margin-top: 10px;
}

.fancybox-popup .fancybox-inner {
    height: auto
}

.popup-gallery .fancybox-title-inside-wrap {
    font-size: 12px;
    font-family: Arial, sans-serif;
    color: #515657
}

.popup-gallery .fancybox-skin {
    padding: 27px 9px
}

.popup-gallery .fancybox-outer {
    margin-top: 20px
}

.popup-gallery .title {
    padding: 7px 19px;
    line-height: .9em;
    font-size: 28px;
    font-weight: 700
}

.popup-gallery .fancybox-title {
    padding-top: 22px;
    padding-left: 21px
}

.popup-gallery .fancybox-prev span,
.popup-gallery .fancybox-next span {
    margin-top: -123px;
    visibility: visible
}

.popup-gallery .fancybox-prev span {
    background: url(../img/_sprite.png) 0 -290px no-repeat;
    width: 41px;
    height: 246px
}

.popup-gallery .fancybox-next span {
    background: url(../img/_sprite.png) -50px -290px no-repeat;
    width: 41px;
    height: 246px
}

.popup-gallery .fancybox-prev:hover,
.popup-gallery .fancybox-next:hover {
    opacity: .5
}

.popup-gallery .fancybox-prev:hover {
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.5) 2%, rgba(0, 0, 0, 0.41) 23%, rgba(0, 0, 0, 0.09) 76%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(0, 0, 0, 0.5)), color-stop(2%, rgba(0, 0, 0, 0.5)), color-stop(23%, rgba(0, 0, 0, 0.41)), color-stop(76%, rgba(0, 0, 0, 0.09)), color-stop(100%, rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.5) 2%, rgba(0, 0, 0, 0.41) 23%, rgba(0, 0, 0, 0.09) 76%, rgba(0, 0, 0, 0) 100%);
    background: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.5) 2%, rgba(0, 0, 0, 0.41) 23%, rgba(0, 0, 0, 0.09) 76%, rgba(0, 0, 0, 0) 100%);
    background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.5) 2%, rgba(0, 0, 0, 0.41) 23%, rgba(0, 0, 0, 0.09) 76%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.5) 2%, rgba(0, 0, 0, 0.41) 23%, rgba(0, 0, 0, 0.09) 76%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1)
}

.popup-gallery .fancybox-next:hover {
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.09) 24%, rgba(0, 0, 0, 0.41) 77%, rgba(0, 0, 0, 0.5) 98%, rgba(0, 0, 0, 0.5) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(0, 0, 0, 0)), color-stop(24%, rgba(0, 0, 0, 0.09)), color-stop(77%, rgba(0, 0, 0, 0.41)), color-stop(98%, rgba(0, 0, 0, 0.5)), color-stop(100%, rgba(0, 0, 0, 0.5)));
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.09) 24%, rgba(0, 0, 0, 0.41) 77%, rgba(0, 0, 0, 0.5) 98%, rgba(0, 0, 0, 0.5) 100%);
    background: -o-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.09) 24%, rgba(0, 0, 0, 0.41) 77%, rgba(0, 0, 0, 0.5) 98%, rgba(0, 0, 0, 0.5) 100%);
    background: -ms-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.09) 24%, rgba(0, 0, 0, 0.41) 77%, rgba(0, 0, 0, 0.5) 98%, rgba(0, 0, 0, 0.5) 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.09) 24%, rgba(0, 0, 0, 0.41) 77%, rgba(0, 0, 0, 0.5) 98%, rgba(0, 0, 0, 0.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1)
}

#callback-order {
    width: 349px;
    height: auto
}

#callback-order input[type="text"] {
    width: 100%
}

#callback-order input[type="submit"] {
    margin-top: 13px;
    margin-left: 55px
}

#callback-order .thanks {
    padding-bottom: 67px
}

#call-measurer {
    width: 372px;
    height: auto
}

.call-director {
    width: 372px;
    height: auto
}

#call-measurer input[type="text"],
#call-measurer textarea {
    width: 100%
}

#call-measurer textarea {
    height: 147px
}

#call-measurer input[type="submit"] {
    margin-top: 33px;
    margin-left: 70px
}

#call-measurer .day {
    width: 60px;
    margin-left: 4px
}

#call-measurer .month {
    width: 80px;
    margin-left: 3px
}

#call-measurer .year {
    width: 80px;
    margin-left: 3px
}

#call-measurer .thanks {
    padding-bottom: 317px
}

#get-cost,
#order-popup,
#calculator-popup {
    width: 349px;
    height: auto
}

#get-cost input[type="text"],
#order-popup input[type="text"],
#calculator-popup input[type="text"],
#get-cost textarea,
#order-popup textarea,
#calculator-popup textarea {
    width: 318px
}

#get-cost textarea,
#order-popup textarea,
#calculator-popup textarea {
    height: 117px
}

#get-cost input[type="submit"],
#order-popup input[type="submit"],
#calculator-popup input[type="submit"] {
    margin-top: 13px;
    margin-left: 70px
}

#get-cost .thanks,
#order-popup .thanks,
#calculator-popup .thanks {
    padding-bottom: 67px;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

#get-cost .items-list,
#order-popup .items-list,
#calculator-popup .items-list {
    width: 100%
}

#get-cost .items-list .item,
#order-popup .items-list .item,
#calculator-popup .items-list .item {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    margin-top: 14px;
    font-size: 12px
}

#get-cost .items-list .item:first-child,
#order-popup .items-list .item:first-child,
#calculator-popup .items-list .item:first-child {
    margin-top: 34px
}

#get-cost .items-list .item > span,
#order-popup .items-list .item > span,
#calculator-popup .items-list .item > span,
#get-cost .items-list .item .description,
#order-popup .items-list .item .description,
#calculator-popup .items-list .item .description,
#get-cost .items-list .item .remove,
#order-popup .items-list .item .remove,
#calculator-popup .items-list .item .remove {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    background-color: #fff;
    z-index: 5
}

#get-cost .items-list .item > span,
#order-popup .items-list .item > span,
#calculator-popup .items-list .item > span {
    font-weight: 700
}

#get-cost .items-list .item .description,
#order-popup .items-list .item .description,
#calculator-popup .items-list .item .description,
#get-cost .items-list .item .remove,
#order-popup .items-list .item .remove,
#calculator-popup .items-list .item .remove {
    float: right
}

#get-cost .items-list .item .description,
#order-popup .items-list .item .description,
#calculator-popup .items-list .item .description {
    padding-right: 11px
}

#get-cost .items-list .item .remove,
#order-popup .items-list .item .remove,
#calculator-popup .items-list .item .remove {
    background: url(../img/_sprite.png) -845px -67px no-repeat;
    width: 15px;
    height: 15px;
    opacity: .99;
    -webkit-transition: opacity .3s ease 0s;
    -moz-transition: opacity .3s ease 0s;
    -ms-transition: opacity .3s ease 0s;
    -o-transition: opacity .3s ease 0s;
    transition: opacity .3s ease 0
}

#get-cost .items-list .item .remove:hover,
#order-popup .items-list .item .remove:hover,
#calculator-popup .items-list .item .remove:hover,
#get-cost .items-list .item .remove:focus,
#order-popup .items-list .item .remove:focus,
#calculator-popup .items-list .item .remove:focus {
    opacity: .7
}

#get-cost .items-list .item:after,
#order-popup .items-list .item:after,
#calculator-popup .items-list .item:after {
    position: absolute;
    top: auto;
    right: 0;
    bottom: 3px;
    left: 0;
    width: 100%;
    content: '';
    border-bottom: 1px solid #f3f3f3
}

#get-cost input[type="submit"],
#order-popup input[type="submit"],
#calculator-popup input[type="submit"] {
    margin-top: 34px
}

#order-popup .thanks {
    height: 463px
}

#calculator-popup .thanks {
    height: 463px
}

#get-cost .thanks {
    height: 463px
}

.recall-form {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    padding: 16px 35px;
    margin-top: 40px;
    margin-bottom: 20px;
    border: 3px solid #e0e9ec;
    background-color: #fff;
    z-index: 20
}

.recall-form .text {
    width: 255px;
    font-size: 22px;
    font-weight: 700;
    float: left;
    letter-spacing: .02em
}

.recall-form input {
    margin-top: 8px
}

.recall-form input[type="submit"] {
    margin-right: 3px
}

.recall-form .name {
    width: 238px;
    margin-left: 22px
}

.recall-form .phone-number {
    width: 226px;
    margin-left: 18px
}

.recall-form .btn {
    float: right
}

.recall-form .form-result {
    position: absolute;
    top: 27px;
    right: 34px;
    bottom: auto;
    left: auto;
    width: 730px;
    text-align: center;
    font-size: 16px
}

#configurator-page {
    background: url(../img/configurator_background.png) 0 -16px no-repeat #f7f9fb
}

#configurator-page .window-block {
    height: 574px
}

@media only screen and (max-width: 300px) {
    #configurator-page .window-block {
        height: 265px
    }
}

@media only screen and (max-width: 450px) {
    #configurator-page .window-block {
        height: 400px
    }
}

#configurator-page .window-block .layouts {
    position: relative;
    left: -4em;
    width: 100%;
    z-index: 10
}

#configurator-page .window-block .layouts img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-width: 100%
}

#configurator-page .window-block .marks {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 15
}

#configurator-page .window-block .marks:before {
    content: '';
    position: absolute;
    bottom: -2em;
    left: 0;
    width: 100%;
    height: 33px;
    background: url(../img/window_shadow.png) 0 0 no-repeat;
    opacity: .09
}

#configurator-page .configurator-background {
    background: url(../img/configurator_background_2.png) 0 0 repeat-y
}

#configurator-page .short-width #breadcrumbs {
    padding-bottom: 2em;
    padding-top: 1.5em
}

#configurator-page .plus {
    position: absolute;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    background: url(../img/_sprite.png) -865px -67px no-repeat;
    width: 24px;
    height: 24px;
    opacity: .3;
    z-index: 5
}

#configurator-page .plus.active {
    cursor: default;
    opacity: .7
}

#configurator-page .plus:hover {
    opacity: .7
}

#configurator-page .plus-slope {
    top: 6em;
    left: .8em
}

#configurator-page .plus-handle {
    left: 26.8em;
    top: 22em
}

#configurator-page .plus-layout {
    top: 13em;
    left: 12em
}

#configurator-page .plus-sill {
    left: 15em;
    top: 41em
}

#configurator-page .plus-window {
    top: 3em;
    left: 25em
}

#configurator-page .tab-container {
    padding: 0 0 4em
}

#configurator-page .tab-container.main-page-tab {
    top: 29px
}

#configurator-page .tab-container .panel-container {
    width: 100%;
    z-index: 10
}

#configurator-page .tab-container .panel-container > div {
    display: none;
    margin-bottom: 3em;
    background: #fff
}

#configurator-page .tab-container .panel-container > div > .description {
    width: 100%;
    padding: 2em 2em 1em;
    font-size: .93em;
    line-height: 1.8em;
    overflow: hidden;
    letter-spacing: -.01em
}

#configurator-page .tab-container .panel-container > div > .description p {
    margin: 0 0 .8em
}

#configurator-page .tab-container .panel-container .sections {
    background-color: #fff;
    width: 100%
}

#configurator-page .tab-container .panel-container .sections .etabs {
    list-style-type: none;
    padding-left: 18px;
    width: 533px;
    border-bottom: 1px solid #f3f3f3
}

#configurator-page .tab-container .panel-container .sections .etabs li {
    float: left;
    height: 30px;
    line-height: 30px
}

#configurator-page .tab-container .panel-container .sections .etabs a {
    display: inline-block;
    width: auto;
    height: auto;
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    margin: 0 11px;
    line-height: 1em;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    color: #515657;
    border-bottom: 1px dashed #515657
}

#configurator-page .tab-container .panel-container .sections .etabs a.active {
    margin: 0;
    padding: 0 11px;
    line-height: 30px;
    background-color: #feb642;
    color: #fff;
    border-bottom: none
}

#configurator-page .tab-container .panel-container .sections .etabs a.active:after {
    position: absolute;
    top: auto;
    right: auto;
    bottom: -4px;
    left: 50%;
    margin-left: -4px;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #feb642;
    content: ''
}

#configurator-page .tab-container .panel-container .sections .etabs a.active:hover {
    cursor: default
}

#configurator-page .tab-container .panel-container .sections .palette {
    padding-top: 0;
    margin: -2px 0 0 -2px
}

#configurator-page .tab-container .panel-container .sections .palette .item {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    width: 5.164em;
    height: 3.56em;
    float: left;
    margin: 2px 0 0 2px
}

#configurator-page .tab-container .panel-container .sections .palette .item .enlarge {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden
}

#configurator-page .tab-container .panel-container .sections .palette .item .enlarge.hover:hover {
    position: absolute;
    top: -20px;
    right: auto;
    bottom: auto;
    left: -22px;
    width: 105px;
    height: 86px;
    border: 3px solid #fff;
    z-index: 20
}

#configurator-page .tab-container .panel-container .sections .palette .item .enlarge.hover:hover img {
    width: 105px;
    height: 86px
}

#configurator-page .tab-container .panel-container .sections .palette .item .enlarge.hover:hover .description {
    width: 91px;
    height: auto;
    display: block;
    padding: 4px 7px
}

#configurator-page .tab-container .panel-container .sections .palette .item .enlarge.hover:hover .darker,
#configurator-page .tab-container .panel-container .sections .palette .item .enlarge.hover:hover .description {
    display: block;
    top: 50%
}

#configurator-page .tab-container .panel-container .sections .palette .item .enlarge.hover:hover .darker {
    height: 43px
}

#configurator-page .tab-container .panel-container .sections .palette .item .enlarge.hover:hover .description {
    height: 35px
}

#configurator-page .tab-container .panel-container .sections .palette .item .description {
    position: absolute;
    top: 50%;
    right: auto;
    bottom: auto;
    left: auto;
    display: none;
    z-index: 10
}

#configurator-page .tab-container .panel-container .sections .palette .item.selected .description,
#configurator-page .tab-container .panel-container .sections .palette .item.selected .darker {
    display: block
}

#configurator-page .tab-container .panel-container .sections .palette .item .description {
    top: 0;
    width: 53px;
    height: 42px;
    padding: 2px 7px;
    line-height: 1.3em;
    color: #fff;
    font-size: 11px
}

#configurator-page .tab-container .panel-container .sections .palette .item .darker {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.3);
    display: none
}

#configurator-page .tab-container .panel-container .sections .palette .item.big {
    width: 274px;
    height: 190px
}

#configurator-page .tab-container .panel-container .sections .palette .item.empty {
    background: url(../img/_sprite.png) -485px -35px no-repeat;
    width: 67px;
    height: 46px;
    opacity: .99
}

#configurator-page .tab-container .panel-container .sections .palette .item.empty a {
    display: block;
    width: auto;
    height: auto;
    width: 100%;
    height: 100%
}

#configurator-page .tab-container .panel-container .sections .palette .item.empty:hover {
    -webkit-box-shadow: 0 0 1px #a7a7a7;
    box-shadow: 0 0 1px #a7a7a7;
    opacity: .8
}

#configurator-page .tab-container .panel-container .subsections {
    margin-top: 0
}

#configurator-page .tab-container .panel-container .subsections .etabs {
    border: 0
}

#configurator-page .tab-container .panel-container .subsections .etabs a.active {
    color: #feb642;
    background: none;
    margin: 0 11px;
    padding: 0
}

#configurator-page .tab-container .panel-container .subsections .etabs a.active:after {
    border: 0
}

#configurator-page .tab-container .panel-container .subsections .palette {
    margin: -3px 0 0
}

#configurator-page .tab-container .btn {
    position: absolute;
    bottom: 1.5em;
    left: 50%;
    margin-left: -7.5em;
    width: 15em;
    z-index: 15
}

#content-wrapper #window-card-page {
    padding-top: 45px;
    margin-bottom: 85px
}

#content-wrapper #window-card-page .window-block {
    float: left;
    display: inline-block;
    width: 530px;
    height: 545px;
    margin-left: -20px;
    text-align: center
}

#content-wrapper #window-card-page .window-block .window {
    width: 100%;
    height: 100%;
    overflow: hidden
}

#content-wrapper #window-card-page .window-block:after {
    content: '';
    position: relative;
    top: auto;
    right: auto;
    bottom: -5px;
    left: auto;
    display: block;
    width: 530px;
    height: 39px;
    background: url(../img/window-card-shadow.png) 0 0 no-repeat
}

#content-wrapper #window-card-page .tabs-block {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    float: right;
    display: inline-block;
    width: 512px;
    height: 545px
}

#content-wrapper #window-card-page .tabs-block h1 {
    margin-top: -10px;
    margin-bottom: 23px;
    font-size: 35px;
    line-height: 46px;
    font-weight: 700;
    letter-spacing: -.2px;
    color: #535959
}

#content-wrapper #window-card-page .tabs-block .tab-container {
    height: 440px
}

#content-wrapper #window-card-page .tabs-block .tab-container .panel-container {
    position: absolute;
    top: 50px;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    padding: 14px 27px 20px 22px
}

#content-wrapper #window-card-page .tabs-block .tab-container .panel-container .panel {
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    height: 215px;
    overflow: hidden;
    padding: 0 8px 0 10px;
    font-size: 12px;
    line-height: 1.75em
}

#content-wrapper #window-card-page .tabs-block .tab-container .panel-container .panel .props {
    display: table;
    width: 100%;
    height: auto;
    margin-top: 18px
}

#content-wrapper #window-card-page .tabs-block .tab-container .panel-container .panel .props .prop {
    display: table-row
}

#content-wrapper #window-card-page .tabs-block .tab-container .panel-container .panel .props .prop > span {
    display: table-cell;
    width: auto;
    height: auto;
    margin: 0;
    padding: 5px 0 4px 5px
}

#content-wrapper #window-card-page .tabs-block .tab-container .panel-container .panel .props .prop > span:first-child {
    font-weight: 700;
    width: 69%;
    background: url(data:image/gif;base64,R0lGODlhAQALAIABAPPz8////yH5BAEAAAEALAAAAAABAAsAAAIDRI5ZADs=) 0 100% repeat-x;
    padding: 0
}

#content-wrapper #window-card-page .tabs-block .tab-container .panel-container .panel .props .prop > span:first-child > span {
    display: inline-block;
    width: auto;
    height: auto;
    background: #fff;
    margin: 0;
    padding: 5px 5px 4px 0
}

#content-wrapper #window-card-page .tabs-block .tab-container .panel-container .panel#delivery {
    margin-top: -10px
}

#content-wrapper #window-card-page .tabs-block .tab-container .panel-container .panel.content p {
    margin: 1em 0 .7em
}

#content-wrapper #window-card-page .tabs-block .tab-container .panel-container .panel.content ul,
#content-wrapper #window-card-page .tabs-block .tab-container .panel-container .panel.content ol {
    padding-left: 0
}

#content-wrapper #window-card-page .tabs-block .tab-container .panel-container .panel.content ul li,
#content-wrapper #window-card-page .tabs-block .tab-container .panel-container .panel.content ol li {
    padding-left: 14px
}

#content-wrapper #window-card-page .tabs-block .tab-container .panel-container.big {
    bottom: -20px
}

#content-wrapper #window-card-page .tabs-block .tab-container .price-line {
    position: absolute;
    top: auto;
    right: 27px;
    bottom: 22px;
    left: 22px
}

#content-wrapper #window-card-page .tabs-block .tab-container .price-line .price-block,
#content-wrapper #window-card-page .tabs-block .tab-container .price-line .info-block {
    display: block;
    width: 220px;
    height: 124px;
    border: 3px solid #f3f6f9;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

#content-wrapper #window-card-page .tabs-block .tab-container .price-line .price-block {
    float: left;
    text-align: center;
    padding-top: 5px
}

#content-wrapper #window-card-page .tabs-block .tab-container .price-line .price-block .price {
    display: inline-block;
    width: 120px;
    height: 45px;
    overflow: hidden;
    text-align: right;
    font-size: 22px;
    line-height: 50px;
    font-weight: 700;
    letter-spacing: 0
}

#content-wrapper #window-card-page .tabs-block .tab-container .price-line .price-block .price .currency {
    font-size: 17px
}

#content-wrapper #window-card-page .tabs-block .tab-container .price-line .price-block .btn {
    float: right;
    width: 132px
}

#content-wrapper #window-card-page .tabs-block .tab-container .price-line .price-block .price {
    display: block;
    width: 100%;
    height: auto;
    line-height: 46px;
    text-align: center
}

#content-wrapper #window-card-page .tabs-block .tab-container .price-line .price-block .btn {
    float: none
}

#content-wrapper #window-card-page .tabs-block .tab-container .price-line .price-block .discount {
    text-decoration: line-through;
    font-size: 14px
}

#content-wrapper #window-card-page .tabs-block .tab-container .price-line .price-block .discount .value {
    font-size: 14px;
    font-weight: 700
}

#content-wrapper #window-card-page .tabs-block .tab-container .price-line .price-block .discount .currency {
    font-size: 14px;
    font-weight: 400
}

#content-wrapper #window-card-page .tabs-block .tab-container .price-line.big {
    bottom: -142px
}

#content-wrapper #window-card-page .tabs-block .tab-container .price-line.big > div {
    height: 144px
}

#content-wrapper #window-card-page .tabs-block .tab-container .price-line.big .price-block .price {
    margin-top: -9px;
    padding-left: 13px
}

#content-wrapper #window-card-page .tabs-block .tab-container .price-line.big .price-block .price.discount {
    line-height: 26px;
    padding-left: 12px;
    margin-top: 0
}

#content-wrapper #window-card-page .tabs-block .tab-container .price-line.big .info-block {
    padding-top: 22px
}

#content-wrapper #window-card-page .tabs-block .tab-container .price-line .info-block {
    float: right;
    font-size: 12px;
    padding: 12px 8px 5px 22px;
    line-height: 1.9em
}

#content-wrapper #window-card-page .tabs-block .tab-container .price-line .info-block .info-link {
    display: block;
    width: auto;
    height: auto;
    margin-top: 7px
}

#content-wrapper #window-card-page .tabs-block .tab-container .price-line .info-block .info-link a {
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: underline
}

#content-wrapper #window-card-page .tabs-block .tab-container .price-line .info-block .info-link a:hover {
    text-decoration: none
}

#gallery-page {
    background-color: #f5f8f9
}

#gallery-page .gallery {
    margin-top: -30px;
    padding-bottom: 25px;
    margin-left: -44px
}

#gallery-page .album {
    width: 330px;
    background-color: #fff;
    margin: 43px 0 0 44px
}

#gallery-page .album .title,
#gallery-page .album .orange {
    background-color: #fff
}

#gallery-page .album .title {
    padding: 21px 50px 0 28px;
    color: #656565;
    font-size: 18px;
    font-weight: 700;
    min-height: 72px
}

#gallery-page .album .orange {
    padding: 12px 28px 30px;
    font-size: 14px
}

.photo-gallery {
    margin-top: -23px;
    margin-left: -25px
}

.photo-gallery .photo {
    width: 249px;
    margin-top: 30px;
    margin-left: 27px;
    -webkit-box-shadow: 3px 3px 0 #ecf1f3;
    box-shadow: 3px 3px 0 #ecf1f3
}

.photo-gallery .image-wrapper:before {
    display: block;
    width: 81px;
    height: 93px;
    background: url(../img/_sprite.png) -275px 0 no-repeat
}

.contacts-page .title {
    display: inline-block;
    width: auto;
    height: auto;
    font-weight: 700;
    text-transform: uppercase;
    padding-top: 23px;
    line-height: 1em
}

.contacts-page .title .underline {
    border-top: 4px solid transparent;
    border-bottom: 1px dashed #000;
    -webkit-transition: border-top-color .7s ease 0s;
    -moz-transition: border-top-color .7s ease 0s;
    -ms-transition: border-top-color .7s ease 0s;
    -o-transition: border-top-color .7s ease 0s;
    transition: border-top-color .7s ease 0s;
    padding-top: 17px
}

.contacts-page .title .underline:hover {
    border-bottom-color: transparent
}

.contacts-page .title a {
    color: #656565
}

.contacts-page .selected .title .underline {
    border-top-color: #fb7c36;
    border-bottom: 0
}

.contacts-page .selected .title .underline a:hover {
    cursor: default
}

.contacts-page .orange {
    display: inline-block;
    width: auto;
    height: auto;
    padding-top: 5px;
    font-size: 22px;
    white-space: nowrap
}

.contacts-page .info span {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    display: inline-block;
    width: auto;
    height: auto;
    padding: 10px 34px 0
}

.contacts-page .info span:before {
    position: absolute;
    top: 7px;
    right: auto;
    bottom: auto;
    left: 1px;
    width: 26px;
    height: 26px;
    content: ''
}

.contacts-page .info span.email:before {
    background: url(../img/_sprite.png) -610px -60px no-repeat
}

.contacts-page .info span.icq:before {
    background: url(../img/_sprite.png) -640px -60px no-repeat
}

.contacts-page .info span.address:before {
    background: url(../img/_sprite.png) -670px -60px no-repeat
}

.contacts-page .info span.working-time:before {
    background: url(../img/_sprite.png) -700px -60px no-repeat
}

.contacts-page .content {
    margin-top: 61px
}

.contacts-page .contact-us,
.contacts-page .description {
    border: 3px solid #f3f5f6
}

.contacts-page .contact-us {
    margin: 54px 0 29px;
    padding: 0 48px;
    background-color: #FFF
}

.contacts-page .contact-us h1 {
    padding-top: 19px
}

.contacts-page .contact-us form {
    padding-top: 6px
}

.contacts-page .contact-us form .left-block {
    float: left;
    width: 350px;
    margin-top: -22px
}

.contacts-page .contact-us form input,
.contacts-page .contact-us form select,
.contacts-page .contact-us form .select2-container {
    width: 318px;
    margin-top: 22px
}

.contacts-page .contact-us form .select2-container {
    width: 350px
}

.contacts-page .contact-us form textarea {
    float: right;
    width: 558px;
    height: 198px
}

.contacts-page .contact-us form .description {
    margin-top: 19px;
    padding: 23px 35px 25px;
    text-align: center;
    line-height: 1.4em
}

.contacts-page .contact-us form .submit-button {
    text-align: center;
    padding: 3px 0 33px
}

.contacts-page .contact-us form .submit-button input {
    width: 210px
}

.contacts-page .contact-us .contact-form-thanks {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 516px;
    padding: 111px 10px 0;
    text-align: center
}

.contacts-page .contact-us .contact-form-thanks:before {
    content: '';
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: 38px;
    background: url(../img/_sprite.png) -823px -247px no-repeat;
    display: block;
    width: 177px;
    height: 136px;
    z-index: 5;
    margin: 0 auto
}

.contacts-page .contact-us .contact-form-thanks span {
    display: inline-block;
    width: 100%;
    height: auto;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 6px
}

.ajax-loader {
    position: absolute;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    display: inline-block;
    width: 32px;
    height: 32px;
    display: none
}

.ajax-loader:before {
    content: '';
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url(../img/ajax-loader.gif) 0 0 no-repeat
}

.ajax-loader#callback-order-ajax-loader {
    margin: 21px 0 0 15px
}

.ajax-loader#callback-simple-order-ajax-loader {
    margin: 22px 0 0 184px
}

.ajax-loader#contactus-ajax-loader {
    margin: 30px 0 0 10px
}

.ajax-loader#specialist-ajax-loader {
    margin: 41px 0 0 10px
}

.ajax-loader#order-ajax-loader {
    margin: 43px 0 0 10px
}

.ajax-loader#get-price-ajax-loader {
    margin: 43px 0 0 10px
}

.ajax-loader#calculator-ajax-loader {
    margin: 43px 0 0 10px
}

.ajax-loader#remove-file-ajax-loader {
    margin: -5px -8px 0 0;
    right: 0
}

.ajax-loader#response-ajax-loader {
    margin: 32px 0 0 189px
}

.ajax-loader#response-ajax-loader:before {
    background: url(../img/ajax-loader-yellow.gif) 0 0 no-repeat
}

.form-errors {
    color: #c33;
    font-size: 11px;
    margin-bottom: 10px
}

.form-errors:empty {
    margin-bottom: 0
}

.reviews-container .form-errors {
    margin: 10px 0 0
}

.reviews-container .form-errors:empty {
    margin: 0
}

.contact-us .form-errors {
    margin: 10px 0 0;
    padding: 0 20px
}

.contact-us .form-errors:empty {
    margin: 0
}

.recall-form .form-errors {
    overflow: hidden;
    width: 100%;
    margin: 0;
    padding: 10px 0 0
}

.recall-form .form-errors:empty {
    padding: 0
}

#call-measurer .form-errors {
    margin: 10px 0 0
}

#call-measurer .form-errors:empty {
    margin: 0
}

#order-popup .form-errors {
    margin: 10px 0 0
}

#order-popup .form-errors:empty {
    margin: 0
}

#calculator-popup .form-errors {
    margin: 10px 0 0
}

#calculator-popup .form-errors:empty {
    margin: 0
}

#get-cost .form-errors {
    margin: 10px 0 0
}

#get-cost .form-errors:empty {
    margin: 0
}

.form-result {
    display: none
}

.windows-gallery h1 {
    padding-bottom: 5px;
    letter-spacing: -.03em
}

.windows-gallery .short-width > .description {
    line-height: 1.7em;
    letter-spacing: -.005em;
    margin-bottom: 54px
}

.windows-gallery .windows .window {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    width: 100%;
    height: 420px;
    text-align: center;
    overflow: hidden;
    margin-bottom: 40px
}

.windows-gallery .windows .window img {
    height: 100%;
    display: block;
    margin: 0 auto
}

.windows-gallery .windows .window .description {
    position: absolute;
    top: 70px;
    right: auto;
    bottom: auto;
    left: 42px;
    width: 190px;
    border: 3px solid #feb642;
    background-color: #fff;
    text-align: left;
    padding: 18px 8px 13px 18px;
    color: #656565
}

.windows-gallery .windows .window .description span {
    display: inline-block;
    width: auto;
    height: auto
}

.windows-gallery .windows .window .description .price {
    font-size: 12px;
    margin-top: 0
}

.windows-gallery .windows .window .description .height,
.windows-gallery .windows .window .description .width {
    font-size: 11px;
    margin-top: 5px
}

.windows-gallery .windows .window .description .size {
    padding-bottom: 10px;
    margin-top: 5px
}

.windows-gallery .windows .window .description .size .height {
    margin-top: 4px
}

.windows-gallery .windows .window .description .title {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5em;
    letter-spacing: -.0035em
}

.windows-gallery .windows .window .description .cross-out {
    display: block;
    width: auto;
    height: auto;
    text-decoration: line-through;
    font-size: 14px;
    font-weight: 700;
    text-align: right;
    padding: 4px 31px 0 0
}

.windows-gallery .windows .window .description .cross-out span {
    text-decoration: line-through
}

.windows-gallery .windows .window .description .cross-out .currency {
    font-weight: 400
}

.windows-gallery .windows .window .description .price {
    font-size: 12px
}

.windows-gallery .windows .window .description .price span {
    font-size: 24px;
    font-weight: 700;
    color: #feb942;
    padding-left: 4px
}

.windows-gallery .windows .window .description .price .currency {
    font-size: 14px;
    font-weight: 400
}

.windows-gallery .windows .window .description:before {
    position: absolute;
    top: 20px;
    right: -9px;
    bottom: auto;
    left: auto;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid #feb642;
    content: ''
}

.windows-gallery .windows .window .description:after {
    position: absolute;
    top: 21px;
    right: -5px;
    bottom: auto;
    left: auto;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #fff;
    content: ''
}

.windows-gallery .recall-form {
    margin-bottom: 50px;
    bottom: 50px;
    margin-top: 50px
}

.windows-page-blocks .sliderkit {
    margin-bottom: 0;
    margin-top: -50px
}

body .file-upload-wrapper {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto
}

body .file-upload-wrapper .uploadify {
    position: absolute;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    margin-bottom: 0
}

body .file-upload-wrapper .uploadify .uploadify-button {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    border: 0 none;
    background: none
}

body .file-upload-wrapper .uploadify:hover .uploadify-button {
    background: none
}

body .file-upload-wrapper #queue {
    overflow: hidden;
    width: 226px
}

body .file-upload-wrapper #queue .fileName {
    font-size: 9px
}

body .file-upload-wrapper #queue .cancel a {
    background: none;
    text-indent: 0;
    color: #333
}

body .file-upload-wrapper #fake-control {
    opacity: .99;
    -webkit-transition: opacity .3s ease 0s;
    -moz-transition: opacity .3s ease 0s;
    -ms-transition: opacity .3s ease 0s;
    -o-transition: opacity .3s ease 0s;
    transition: opacity .3s ease 0
}

body .file-upload-wrapper #fake-control.hover {
    opacity: .8
}

body .file-upload-wrapper .remove-image {
    position: absolute;
    top: 3px;
    right: 0;
    bottom: auto;
    left: auto;
    background: url(../img/_sprite.png) -845px -67px no-repeat;
    width: 15px;
    height: 15px;
    display: none;
    -webkit-transition: opacity .3s ease 0s;
    -moz-transition: opacity .3s ease 0s;
    -ms-transition: opacity .3s ease 0s;
    -o-transition: opacity .3s ease 0s;
    transition: opacity .3s ease 0
}

body .file-upload-wrapper .remove-image:hover {
    opacity: .7
}

.blocks-on-actions-page,
.blocks-on-product-page,
.blocks-on-calculator-page {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    margin-bottom: 50px;
    z-index: 30
}

#content-wrapper .detail-action {
    padding-bottom: 0;
    min-height: 350px;
}

#content-wrapper .detail-action img {
    margin-bottom: 10px;
}

.lt-label {
    -webkit-transition: opacity .3s ease 0s;
    -moz-transition: opacity .3s ease 0s;
    -ms-transition: opacity .3s ease 0s;
    -o-transition: opacity .3s ease 0s;
    transition: opacity .3s ease 0
}

.lt-label:hover {
    opacity: .85
}

.samples {
    width: 1080px;
    height: auto;
    margin-left: 0;
    margin-bottom: -25px;
    overflow: visible
}

.samples .sliderkit-nav-clip {
    width: 1080px
}

.samples .sliderkit-nav-clip ul {
    margin-left: -14px;
    padding-right: 3px
}

.samples .sliderkit-nav-clip ul li {
    float: left;
    background: none;
    padding: 0
}

.samples .sliderkit-nav-btn {
    position: absolute;
    top: -89px;
    right: auto;
    bottom: auto;
    left: auto;
    width: 61px;
    height: 324px
}

.samples .sliderkit-nav-btn a {
    display: block;
    width: 100%;
    height: 100%
}

.samples .sliderkit-nav-prev {
    left: -60px
}

.samples .sliderkit-nav-prev a {
    position: absolute;
    top: 0;
    right: auto;
    bottom: 0;
    left: 17px;
    background: url(../img/_sprite.png) -90px 0 no-repeat;
    width: 21px;
    height: 126px;
    margin: auto
}

.samples .sliderkit-nav-prev:hover {
    cursor: pointer;
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.2) 2%, rgba(0, 0, 0, 0.16) 23%, rgba(0, 0, 0, 0.09) 56%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(0, 0, 0, 0.2)), color-stop(2%, rgba(0, 0, 0, 0.2)), color-stop(23%, rgba(0, 0, 0, 0.16)), color-stop(56%, rgba(0, 0, 0, 0.09)), color-stop(100%, rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.2) 2%, rgba(0, 0, 0, 0.16) 23%, rgba(0, 0, 0, 0.09) 56%, rgba(0, 0, 0, 0) 100%);
    background: -o-linear-gradient(left, rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.2) 2%, rgba(0, 0, 0, 0.16) 23%, rgba(0, 0, 0, 0.09) 56%, rgba(0, 0, 0, 0) 100%);
    background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.2) 2%, rgba(0, 0, 0, 0.16) 23%, rgba(0, 0, 0, 0.09) 56%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.2) 2%, rgba(0, 0, 0, 0.16) 23%, rgba(0, 0, 0, 0.09) 56%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1)
}

.samples .sliderkit-nav-prev:hover a {
    background-position: -650px -90px
}

.samples .sliderkit-nav-next {
    right: -60px
}

.samples .sliderkit-nav-next a {
    position: absolute;
    top: 0;
    right: 17px;
    bottom: 0;
    left: auto;
    background: url(../img/_sprite.png) -120px 0 no-repeat;
    width: 21px;
    height: 126px;
    margin: auto
}

.samples .sliderkit-nav-next:hover {
    cursor: pointer;
    background: -moz-linear-gradient(right, rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.2) 2%, rgba(0, 0, 0, 0.16) 23%, rgba(0, 0, 0, 0.09) 56%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-gradient(linear, right top, left top, color-stop(0, rgba(0, 0, 0, 0.2)), color-stop(2%, rgba(0, 0, 0, 0.2)), color-stop(23%, rgba(0, 0, 0, 0.16)), color-stop(56%, rgba(0, 0, 0, 0.09)), color-stop(100%, rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.2) 2%, rgba(0, 0, 0, 0.16) 23%, rgba(0, 0, 0, 0.09) 56%, rgba(0, 0, 0, 0) 100%);
    background: -o-linear-gradient(right, rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.2) 2%, rgba(0, 0, 0, 0.16) 23%, rgba(0, 0, 0, 0.09) 56%, rgba(0, 0, 0, 0) 100%);
    background: -ms-linear-gradient(right, rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.2) 2%, rgba(0, 0, 0, 0.16) 23%, rgba(0, 0, 0, 0.09) 56%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to left, rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.2) 2%, rgba(0, 0, 0, 0.16) 23%, rgba(0, 0, 0, 0.09) 56%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1)
}

.samples .sliderkit-nav-next:hover a {
    background-position: -675px -90px
}

.type-windows-catalog {
    display: block;
    overflow: hidden;
    margin: 0 -40px 0 0;
    padding: 16px 0 36px
}

.type-windows-catalog .type-windows-item {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    width: 520px;
    height: 250px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 2px 2px 0 0 #e6e9e9;
    box-shadow: 2px 2px 0 0 #e6e9e9;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -ms-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    background: #fff;
    margin: 0 36px 40px 0
}

.type-windows-catalog .type-windows-item > img {
    width: 210px;
    float: left;
    margin: 0;
    padding: 1px 0 0
}

.type-windows-catalog .type-windows-item .item-text {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 310px;
    height: 250px;
    float: right;
    overflow: hidden;
    padding: 17px 30px 0
}

.type-windows-catalog .type-windows-item h3 {
    max-height: 70px;
    overflow: hidden
}

.type-windows-catalog .type-windows-item h3 + p {
    margin-bottom: 1em
}

.type-windows-catalog .type-windows-item .list-caption {
    margin-top: 0;
    margin-bottom: .2em
}

.type-windows-catalog .type-windows-item a {
    text-decoration: underline
}

.type-windows-catalog .type-windows-item a:hover {
    text-decoration: none
}

.type-windows-catalog .type-windows-item ul {
    height: 120px;
    overflow: hidden;
    padding: 0 0 0 2px
}

.type-windows-catalog .type-windows-item ul li {
    padding: 0 0 1px 13px
}

.links-catalog {
    padding: 7px 0 49px;
    margin-right: -46px
}

.links-catalog .column {
    width: 520px;
    display: inline-block;
    vertical-align: top;
    margin: 0 36px 0 0
}

.links-catalog .links-block {
    margin: 0 0 34px
}

.links-catalog .links-block h3 {
    line-height: 20px;
    overflow: hidden
}

.links-catalog .links-block a {
    display: table;
    text-decoration: underline;
    line-height: 22px;
    margin-bottom: 5px
}

.links-catalog .links-block a:hover {
    text-decoration: none
}

.header-container {
    background: #fff;
    width: 100%;
    z-index: 110;
    min-width: 320px
}

.header-container-fixed {
    position: fixed
}

.header-container-fixed .main-menu-first {
    display: none !important
}

#header .top {
    padding: 15px 0 15px;
    margin: auto
}

#header .directions {
    float: left;
    width: 271px
}

#header .directions a {
    color: #fb7c36;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: underline;
    letter-spacing: .035em
}

#header .directions a:hover {
    text-decoration: none
}

#header .directions a.no-underline {
    text-decoration: none;
    cursor: default
}

#header .directions ul {
    list-style-type: none;
    padding-left: 17px;
    margin-top: 0
}

#header .directions li {
    padding-bottom: 1px
}

.callback-blocks {
    text-align: right
}

.callback-blocks a {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    height: 60px;
    line-height: 1.7em;
    padding-top: 10px;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 700;
    color: #656565
}

.callback-blocks a:hover {
    -webkit-box-shadow: 0 0 3px #feb642;
    box-shadow: 0 0 3px #feb642
}

.callback-blocks .callback-order {
    width: 180px;
    padding-left: 50px
}

@media (max-width: 576px) {
    .callback-blocks .callback-order {
        width: 110px;
        font-size: .6em
    }
}

.callback-blocks .callback-order:before {
    position: absolute;
    top: 15px;
    right: auto;
    bottom: auto;
    left: 12px;
    content: '';
    width: 29px;
    height: 24px;
    background: url(../img/_sprite.png) -514px 0 no-repeat
}

.callback-blocks .call-measurer {
    width: 140px;
    padding-left: 50px
}

@media (max-width: 576px) {
    .callback-blocks .call-measurer {
        width: 115px;
        font-size: .6em
    }
}

#footer .callback-blocks {
    float: none
}

#footer .callback-blocks .call-measurer,
#footer .callback-blocks .callback-order {
    background-color: #fff;
    color: #656565 !important;
    float: none;
    width: 100%;
    box-sizing: border-box;
    padding-top: 16px;
    padding-bottom: 16px;
    height: auto
}

#footer .callback-blocks .call-measurer {
    margin-left: 0;
    margin-top: 10px
}

.callback-blocks .call-measurer:before {
    position: absolute;
    top: 17px;
    right: auto;
    bottom: auto;
    left: 12px;
    content: '';
    width: 33px;
    height: 23px;
    background: url(../img/_sprite.png) -545px 0 no-repeat
}

#header .main-menu .menu .item.root-item {
    position: relative;
    display: inline-block;
    -webkit-transition: background-color .1s ease 0s;
    -moz-transition: background-color .1s ease 0s;
    -ms-transition: background-color .1s ease 0s;
    -o-transition: background-color .1s ease 0s;
    transition: background-color .1s ease 0s;
}

#header .main-menu .menu .item.root-item.selected span:before {
    position: absolute;
    bottom: 0;
    right: auto;
    left: auto;
    content: '';
    width: 100%;
    border-top: 4px solid #fb7c36
}

#header .main-menu .menu .item.root-item a {
    position: relative;
    display: inline-block;
    color: #333;
    text-transform: none;
    font-size: 15px;
    line-height: 44px;
    font-weight: 500;
    z-index: 100;
    padding: 0 15px;
}

#header .main-menu .menu .item.root-item a.non-clickable {
    opacity: .8
}

#header .main-menu .menu .item.root-item a.non-clickable:hover {
    cursor: default
}

#header .main-menu .menu .item.root-item span {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    display: inline-block;
    width: auto;
    height: auto;
    letter-spacing: .03em
}

#header .main-menu .menu .item.root-item .submenu,
#header .main-menu .menu .item.root-item .right-align{
    background-color: #fff
}

#header .main-menu .menu .item.root-item > .submenu {
    position: absolute;
    top: auto;
    right: auto;
    bottom: auto;
    left: 0;
    white-space: nowrap;
    display: none;
    z-index: 200;
    background: #FFFFFF;
    padding: 19px 0 11px;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
}

#header .main-menu .menu .item.root-item > .submenu .submenu {
    position: absolute;
    top: 0;
    right: auto;
    bottom: 0;
    left: 3px
}

#header .main-menu .menu .item.root-item > .submenu .submenu:before {
    position: absolute;
    top: 3px;
    right: auto;
    bottom: 3px;
    left: 0;
    width: 1px;
    background-color: #f3f3f3;
    content: ''
}

#header .main-menu .menu .item.root-item > .submenu .submenu .item {
    padding-left: 27px
}

#header .main-menu .menu .item.root-item > .submenu .submenu.description .preview-picture {
    width: 164px;
    height: 311px;
    margin-left: 434px;
    overflow: hidden
}

#header .main-menu .menu .item.root-item > .submenu .submenu .item:hover a:before,
#header .main-menu .menu .item.root-item > .submenu .submenu .item:hover a:after {
    right: -36.5px
}

#header .main-menu .menu .item.root-item .right-align {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    width: 0;
    display: none
}

#header .main-menu .menu .item.root-item .right-align > .submenu {
    top: -3px;
    bottom: -3px
}

#header .main-menu .menu .item.root-item .item {
    padding: 0 24px 0 21px
}

/* ������ ������� ����������� ������ */
.main-menu .menu .item .submenu .item{
    min-width:170px;
    float:none;
    display:list-item;
    list-style: none;
    position: relative;
}

#header .main-menu .menu .item.root-item .item:hover > a::after {
    right: -35px
}

#header .main-menu .menu .item.root-item > .submenu .submenu {
    left: 2px;
    padding-right: 0
}

#header .main-menu .menu .item.root-item > .submenu .submenu.description {
    top: 0;
    bottom: 0;
    left: 0
}

#header .main-menu .menu .item.root-item > .submenu .submenu .item:hover a::before,
#header .main-menu .menu .item.root-item > .submenu .submenu .item:hover a::after {
    right: -36px
}

#footer .bottom-menu {
    background: radial-gradient(circle at bottom, #fe9d2a, #f06700)
}

#footer .bottom-menu .bottom-menu-bg {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    padding: 33px 30px 29px;
    z-index: 10
}

#footer .bottom-menu .bottom-menu-bg a {
    color: #fff;
    font-size: 13px
}

#footer .bottom-menu .bottom-menu-bg a:hover {
    text-decoration: none
}

#footer .bottom-menu .bottom-menu-bg ul {
    list-style-type: none;
    padding: 0;
    margin: .5em 0;
    line-height: 2.2em
}

#footer .bottom-menu .bottom-menu-bg ul a {
    text-decoration: none
}

#footer .bottom-menu .bottom-menu-bg .big {
    line-height: 1.5em;
    padding-top: 12px;
    font-weight: 700;
    text-transform: uppercase
}

#footer .bottom-menu .bottom-menu-bg .column .title {
    border-bottom: 2px solid #feb743;
    text-transform: uppercase;
    padding-bottom: 5px
}

#footer .bottom {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    padding: 27px 30px;
    background-color: #fff;
    z-index: 15
}

#footer .bottom .title {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700
}

#footer .bottom .column {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    font-size: 12px;
    letter-spacing: -.015em;
    margin-left: 10px;
    width: 212px
}

#footer-map .bottom .column .title {
    letter-spacing: .035em
}

#footer-map .bottom .column .address {
    display: inline-block;
    line-height: 1.7em;
    padding-top: 4px
}

#footer-map .bottom .column:before {
    position: absolute;
    top: -41px;
    right: auto;
    bottom: auto;
    left: auto;
    background: url(../img/_sprite.png) -580px 0 no-repeat;
    width: 27px;
    height: 27px;
    content: ''
}

#footer-map .bottom {
    position: absolute;
    top: 80px;
    padding: 25px;
    background: #fff
}

#footer-map .bottom .column .working-time {
    line-height: 1.7em
}

#footer-map .bottom .orange {
    font-size: 16px;
    letter-spacing: .005em
}

#footer .bottom .columns {
    float: left;
    margin-left: 20px
}

#footer .bottom .right-bottom {
    float: right;
    padding: 15px 25px 0 0;
    font-size: 12px
}

#footer .bottom .right-bottom .social-buttons {
    margin-left: -14px;
    padding-top: 18px
}

#footer .bottom .right-bottom .social-buttons a {
    display: inline-block;
    width: 26px;
    height: 26px;
    margin-left: 8px
}

#footer .bottom .right-bottom > a {
    margin-top: 26px;
    position: absolute;
    color: #333;
    text-decoration: underline
}

#footer .column {
    width: 192px;
    margin-left: 30px;
    float: left;
    line-height: 2em
}

#footer .column .title {
    font-weight: 700
}

#footer .certificates {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    width: 1180px;
    margin: auto;
    margin-top: 80px
}

#footer .certificates .clip {
    position: absolute;
    top: -31px;
    right: auto;
    bottom: auto;
    left: 495px;
    width: 190px;
    height: 67px;
    background: url(../img/_sprite.png) -810px 0 no-repeat;
    z-index: 10
}

#footer .certificates .clip .arrow {
    position: absolute;
    top: 25px;
    right: auto;
    bottom: auto;
    left: 80px;
    content: '';
    width: 33px;
    height: 33px;
    background: url(../img/_sprite.png) -967px -67px no-repeat
}

#footer .certificates .clip:hover {
    cursor: pointer
}

#footer .certificates .clip:hover .arrow {
    opacity: .6
}

#footer .certificates .background {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -ms-border-radius: 5px 5px 0 0;
    -o-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    background: #c4d0d3 url(../img/certificates_background.png) 0 0 repeat-x;
    min-height: 34px;
    padding: 20px 30px 0;
    overflow: hidden
}

#footer .certificates .background .wrapper {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    background-color: #fff;
    min-height: 7px;
    max-height: 358px;
    padding: 27px 59px 20px;
    z-index: 5;
    -webkit-box-shadow: 5px 10px 1px 0 #fff, 10px 20px 0 0 #d2d9db;
    box-shadow: 5px 10px 1px 0 #fff, 10px 20px 0 0 #d2d9db
}

#footer .certificates .background .wrapper .content {
    padding-bottom: 22px
}

#footer .certificates .background .wrapper .content .title {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    display: inline-block;
    width: auto;
    height: auto;
    padding-top: 12px;
    font-size: 35px;
    font-weight: 700
}

#footer .certificates .background .wrapper .content .title:after {
    position: absolute;
    top: 11px;
    right: -29px;
    bottom: auto;
    left: auto;
    background: url(../img/_sprite.png) -485px 0 no-repeat;
    width: 22px;
    height: 33px;
    content: ''
}

#footer .certificates .background .wrapper .multi-columns-text {
    line-height: 1.7em;
    letter-spacing: .035em;
    padding-top: 1em
}

#footer .certificates .background .wrapper .multi-columns-text p {
    margin: 0 0 1.4em
}

#footer .certificates .background .wrapper:after {
    position: absolute;
    top: 0;
    right: -29px;
    bottom: auto;
    left: auto;
    background: url(../img/_sprite.png) -790px -70px no-repeat;
    width: 29px;
    height: 385px;
    content: ''
}

#footer .certificates:after {
    position: absolute;
    top: auto;
    right: 10px;
    bottom: 0;
    left: -10px;
    width: 1200px;
    height: 73px;
    background: url(../img/certificates_gradient.png) 0 0 no-repeat;
    opacity: .2;
    content: ''
}

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%
}

.hidden {
    display: none !important;
    visibility: hidden
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
}

.invisible {
    visibility: hidden
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both
}

.clearfix {
    *zoom: 1
}

.clear {
    float: none;
    clear: both;
    height: 0;
    width: 100%
}

.bordered-block {
    border: 3px solid #feb642;
    border-radius: 3px
}

@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important
    }

    a,
    a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: " (" attr(href) ")"
    }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: ""
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    tr,
    img {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    @page {
        margin: .5cm
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3
    }

    h2,
    h3 {
        page-break-after: avoid
    }
}

.block5 img {
    margin-top: -3em
}

.video-block {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

.video-block iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

@media (max-width: 768px) {
    .video-block-small {
        position: relative;
        padding-bottom: 56.25%;
        height: 0;
        overflow: hidden;
        margin: 1em 0
    }

    .video-block-small iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }
}

#header .main-menu .menu .item.root-item > .submenu .submenu {
    display: table
}

#header .main-menu .menu .item.root-item > .submenu .submenu.description {
    display: block
}

.pricse_colour {
    margin-top: 20px
}

.pricse_colour > p {
    font-weight: 700;
    color: #676767
}

.pricse_colour > p span {
    text-decoration: line-through
}

.pricse_colour > span {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 10px;
    display: block
}

.colour-type {
    margin-bottom: 40px;
    text-align: center
}

.new_price p {
    font-weight: 700
}

.new_price p span {
    color: red
}

.colour-type .text-center {
    margin-bottom: 40px
}

.colour-type h3 + h3 {
    margin-top: 40px
}

.colour-type h3 {
    font-size: 21px;
    margin-bottom: 20px
}

.colour-type > .text-center {
    margin: 20px
}

.block_text_22 {
    position: absolute;
    bottom: 3.2em;
    left: 2em;
    width: 100%;
    text-align: center;
    line-height: 13px
}

.block_price_top_content .windows-gallery {
    padding-top: 0
}

.wpic {
    margin-right: -10px;
    margin-bottom: 20px;
    background-color: #fff;
    overflow: hidden;
    padding: 15px;
    clear: both
}

.wpic .wpic-text {
    display: inline;
    float: left;
    height: 495px;
    position: relative;
    width: 200px;
    z-index: 1000000
}

.wpic .wpic-pic img {
    max-width: 100%
}

.wpic a img {
    cursor: pointer
}

.wpic-colors a.wpic-colors-on img {
    border: 2px solid #FFA31C;
}

.wpic-colors a.wpic-colors-on p {
    color: #FFA31C;
}

.rwd {
    margin-top: 40px;
    margin-bottom: 40px;
    display: flow-root
}

figure {
    margin: 0
}

.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
    display: block;
    max-width: 100%;
    height: auto
}

.img-rounded {
    border-radius: 6px
}

.img-thumbnail {
    display: inline-block;
    max-width: 100%;
    height: auto;
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.img-circle {
    border-radius: 50%
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

[role="button"] {
    cursor: pointer
}

.main-logos {
    padding: 20px 0 0;
    height: 120px;
    position: relative
}

.main-logos > .logo-main {
    height: 80px;
    float: left
}

.main-logos > .logo-rehau {
    height: 50px;
    float: left;
    margin-top: 10px;
    margin-left: 15px
}

.main-logos .contacts {
    float: left;
    padding-top: 18px;
    margin-left: 100px
}

.main-logos .contacts .wrapper {
    text-align: right;
    line-height: 1.7em;
    margin-top: 8px
}

.main-logos .contacts .phone {
    font-size: 27px;
    font-weight: 700;
    color: #656565
}

.header .callback-blocks {
    float: right;
    margin-top: 5px
}

.header .callback-blocks a {
    box-sizing: content-box;
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    display: block;
    width: auto;
    height: auto;
    text-align: left;
    display: inline-block;
    vertical-align: top;
    height: 44px;
    line-height: 1.7em;
    padding-top: 10px;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 700;
    color: #656565
}

.header .callback-blocks a:hover {
    -webkit-box-shadow: 0 0 3px #feb642;
    box-shadow: 0 0 3px #feb642
}

.header .callback-blocks .callback-order {
    width: 144px;
    padding-left: 51px
}

.header .callback-blocks .callback-order:before {
    position: absolute;
    top: 15px;
    right: auto;
    bottom: auto;
    left: 12px;
    content: '';
    width: 29px;
    height: 24px;
    background: url(/local/images/_sprite.png) -514px 0 no-repeat
}

.header .callback-blocks .call-measurer {
    width: 89px;
    padding-left: 58px;
    margin-left: 15px
}

.header .callback-blocks .call-measurer:before {
    position: absolute;
    top: 17px;
    right: auto;
    bottom: auto;
    left: 12px;
    content: '';
    width: 33px;
    height: 23px;
    background: url(/local/images/_sprite.png) -545px 0 no-repeat
}

.bordered-block {
    border: 3px solid #feb642;
    border-radius: 3px
}

.top-menu {
    height: 50px;
    vertical-align: baseline
}

.slider-main-fluid {
    padding: 0
}

.slider-main-fluid p {
    padding: 0
}

.slider-mainpage a.button-slider {
    display: block;
    font-size: 32px;
    text-decoration: none;
    color: #fff;
    margin-top: 20px;
    padding: 15px 20px;
    width: fit-content;
    width: -moz-fit-content;
    max-width: 47%;
    text-align: center;
    vertical-align: baseline;
    background: linear-gradient(to right, #FF5E1B, #FFA81B)
}

.slider-1 .slider-text {
    background-color: rgba(255, 255, 255, 0.79);
    height: 174px;
    width: 590px;
    max-width: 100%;
    padding: 20px;
    position: absolute;
    bottom: 40px;
    font-size: 16px
}

.slider-1 .slider-text > div {
    position: relative;
    width: 100%
}

.slider-1 div.slider-action {
    font-weight: 700;
    bottom: 20px
}

.slider-mainpage .slider-button {
    display: block;
    text-decoration: none !important;
    color: #fff !important;
    background: #FF5E1B;
    border-radius: 3px;
    width: 146px;
    height: 42px;
    font-size: 18px;
    line-height: 42px;
    text-align: center;
    float: right
}

.slider-1 .slider-button:hover {
    background: #FFA81B
}

.slider-1 {
    height: 490px;
    background: url(/upload/images/girl_banner.jpg) no-repeat;
    background-size: cover;
    background-position: center
}

@media (max-width: 1199px) {
    .slider-1 {
        height: 400px
    }
}

@media (max-width: 991px) {
    .slider-1 {
        height: 350px
    }
}

@media (max-width: 767px) {
    .slider-1 {
        height: 42vw;
        background-position: center;
        margin-bottom: 10px
    }

    .slider-mainpage .container {
        margin-left: unset;
        margin-right: unset
    }

    .slider-mainpage a.button-slider {
        padding: 5px 0;
        width: 100%;
        max-width: 100% !important;
        text-align: left;
        margin-top: auto
    }
}

.categories {
    margin-top: 60px
}

.categories .cat-container {
    position: relative;
    height: 0;
    border: none;
    padding-top: 82%
}

.categories .cat-content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    padding: 0
}

.categories .cat {
    width: 82%;
    height: 100%;
    margin: 0 auto;
    border-radius: 50%;
    background-size: 100% 100%;
    background-color: rgba(255, 255, 255, 0.25)
}

.categories .title {
    text-decoration: none;
    color: #333
}

.categories .cat:before {
    background: none;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    width: 100%
}

.categories .cat-href:hover .cat:before {
    background-color: rgba(255, 255, 255, 0.37)
}

.categories .cat-1 {
    background: transparent url(/upload/images/rehau2.jpg) no-repeat center center
}

.categories .cat-2 {
    background: transparent url(/upload/images/windows_color.jpg) no-repeat center center
}

.categories .cat-3 {
    background: transparent url(/upload/images/balkon.jpg) no-repeat center center
}

.categories .cat-4 {
    background: transparent url(/upload/images/kottedzh.jpg) no-repeat center center
}

.categories .title {
    text-align: center;
    width: 100%;
    font-size: 14px;
    text-decoration: none;
    vertical-align: middle;
    min-height: 40px
}

.categories .title > s {
    color: #777;
    font-size: 14px
}

.slider-2 {
    height: auto;
    margin-top: 60px
}

.slider-2 .container {
    background: url(/upload/images/rehau_windows.jpg) no-repeat;
    background-size: auto 100%;
    background-position: right center
}

.slider-2 .slider-text {
    margin-top: 40px;
    width: 715px;
    max-width: 100%;
    font-size: 16px;
    line-height: 26px
}

.slider-2 p {
    padding: 0
}

.slider-2 .slider-button {
    display: block;
    margin-top: 60px;
    text-decoration: none !important;
    color: #fff !important;
    background: #FF5E1B;
    border-radius: 3px;
    font-size: 18px;
    line-height: 42px;
    text-align: center;
    width: 164px
}

.price .price-tabs {
    display: block;
    width: 100%;
    height: 48px;
    padding: 0;
    border: 2px solid #FF5E1B;
    border-radius: 2px;
    cursor: pointer
}

.price-tabs .divTable {
    display: table;
    width: 100%;
    height: 100%
}

.price-tabs .divTableRow {
    display: table-row;
    height: 100%
}

.price-tabs .divTableCell {
    width: 20%;
    height: 100%;
    display: table-cell;
    background-color: inherit;
    color: #FF5E1B;
    font-size: 18px;
    text-align: center;
    vertical-align: middle;
    border-left: 1px solid #FF5E1B;
    border-right: 1px solid #FF5E1B
}

.price-tabs .divTableCell:first-of-type {
    border-left: none
}

.price-tabs .divTableCell:last-of-type {
    border-right: none
}

.price-tabs .divTableCell:hover,
.price-tabs .active {
    background-color: #FF5E1B;
    color: #fff;
    transition-duration: .4s
}

.price-tabs .divTableBody {
    display: table-row-group
}

.price .price-content .elem {
    text-align: center;
    display: none
}

.price .price-content .default-show {
    display: block
}

.price .price-content div.title p {
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    color: #000
}

.price .price-content div.text {
    margin-top: 20px;
    text-align: center;
    padding: 0 15px
}

.price .price-content div.text p {
    font-size: 14px;
    line-height: 22px;
    margin: 0;
    padding: 0
}

.price .price-content div.text .info {
    background: #F1F4F5;
    border-radius: 3px;
    padding: 17px 20px 16px;
    text-align: left;
    margin-bottom: 13px
}

.price .price-content div.text .info p {
    margin: 10px 0
}

.price .price-content div.text span.price {
    color: #FF5E1B;
    font-size: 34px;
    line-height: 41px;
    font-weight: 700
}

.price .price-content div.text span.price small {
    font-size: .7em
}

.price .price-content div.text div.price-special span.price-special-text {
    color: #7F7F7F;
    font-size: 14px
}

.price .price-content div.text div.price-special span.price-special-price {
    color: #7F7F7F;
    font-size: 22px;
    line-height: 41px;
    padding-left: 10px
}

.price .price-content div.text div.price-special span.price-special-price small {
    font-size: .65em
}

.price .price-content div.line {
    margin: 10px 0 14px;
    border-top: 1px solid #7f7f7f;
    width: 100%;
    display: none
}

.price .price-content div.bar {
    width: calc(100% + 6px);
    border: 1px solid #DDDFE0;
    padding: 4px 2px;
    height: 15px;
    margin: -6px -3px 15px;
    background: #fff
}

.price .price-content div.bar-container {
    width: 100%;
    height: 100%;
    padding: 0
}

.price .price-content div.bar .divTable {
    display: table;
    width: 100%;
    height: 100%
}

.price .price-content div.bar .divTableRow {
    display: table-row;
    height: 100%
}

.price .price-content div.bar .divTableCell {
    width: 20%;
    height: 100%;
    display: table-cell;
    background-color: inherit;
    padding-left: 2px;
    padding-right: 2px
}

.price .price-content div.bar .divTableCell > div {
    width: 100%;
    height: 100%
}

.price .price-content div.bar .divTableCell > div.active {
    background-color: #FFA81B
}

.price .price-content div.bar .divTableBody {
    display: table-row-group
}

.price .price-content div.text .rassrochka {
    font-size: 22px;
    line-height: 35px;
    padding-left: 6px !important
}

.rasschet {
    margin-top: 50px;
    border: 6px solid #FF5E1B;
    border-radius: 4px;
    background: url(../img/operator.png) no-repeat;
    background-position: 90% 100%;
    min-height: 255px;
    text-align: left;
    padding: 26px 50px 21px
}

.rasschet form {
    max-width: 800px
}

#rasschet-simple-order-result-view {
    text-align: center;
    padding-top: 40px
}

#zamer-simple-order-result-view {
    color: #fff;
    margin-top: 40px
}

.slider-3 {
    margin-top: 60px
}

.slider-3 .slider-main-fluid h1 {
    display: block;
    margin-top: 60px
}

.slider-3 .slider-text {
    display: block;
    margin-top: 40px;
    font-size: 16px;
    line-height: 26px;
    width: 530px;
    max-width: 100%;
    padding: 0;
    color: #333
}

.slider-3 .slider-text > div {
    width: 100%;
    height: 100%
}

.slider-3 .slider-button {
    display: block;
    margin-top: 60px;
    text-decoration: none !important;
    color: #fff !important;
    background: #FF5E1B;
    border-radius: 3px;
    font-size: 18px;
    line-height: 42px;
    text-align: center;
    width: 164px
}

.slider-3 .slider-button:hover {
    background: #FFA81B
}

.slider-3 {
    height: auto;
    background: url(/upload/images/balkon_osteklenie.jpg) no-repeat;
    background-size: 100% 100%;
    background-position: center
}

.slider-4 {
    margin-top: 60px
}

.slider-4 h1.main-h1 {
    display: block;
    margin-top: 0;
    width: 100%
}

.rassrochka {
    padding: 0 !important
}

.rassrochka .rassrochka-list {
    margin-top: 40px;
    padding-left: 75px !important
}

.rassrochka .rassrochka-list .rassrochka-list-item {
    height: 42px;
    width: 100%;
    background: url(/upload/images/check-box.svg) no-repeat;
    background-position: 0 50%;
    padding-left: 60px;
    font-size: 24px;
    line-height: 42px;
    text-align: left;
    vertical-align: middle;
    font-weight: 700;
    margin-top: 22px
}

.rassrochka-list-item-text {
    position: relative;
    left: 2000px;
    top: auto;
    right: auto;
    bottom: auto
}

.rassrochka-list-item-text-animated {
    left: 0 !important
}

.rassrochka-list-item-animate1 {
    webkit-transition: left 500ms cubic-bezier(.165, .84, .44, 1) 0;
    -moz-transition: left 500ms cubic-bezier(.165, .84, .44, 1) 0;
    -ms-transition: left 500ms cubic-bezier(.165, .84, .44, 1) 0;
    -o-transition: left 500ms cubic-bezier(.165, .84, .44, 1) 0;
    transition: left 500ms cubic-bezier(.165, .84, .44, 1) 0
}

.rassrochka-list-item-animate2 {
    webkit-transition: left 500ms cubic-bezier(.165, .84, .44, 1) 250ms;
    -moz-transition: left 500ms cubic-bezier(.165, .84, .44, 1) 250ms;
    -ms-transition: left 500ms cubic-bezier(.165, .84, .44, 1) 250ms;
    -o-transition: left 500ms cubic-bezier(.165, .84, .44, 1) 250ms;
    transition: left 500ms cubic-bezier(.165, .84, .44, 1) 250ms
}

.rassrochka-list-item-animate3 {
    webkit-transition: left 500ms cubic-bezier(.165, .84, .44, 1) 500ms;
    -moz-transition: left 500ms cubic-bezier(.165, .84, .44, 1) 500ms;
    -ms-transition: left 500ms cubic-bezier(.165, .84, .44, 1) 500ms;
    -o-transition: left 500ms cubic-bezier(.165, .84, .44, 1) 500ms;
    transition: left 500ms cubic-bezier(.165, .84, .44, 1) 500ms
}

.rassrochka-list-item-animate4 {
    webkit-transition: left 500ms cubic-bezier(.165, .84, .44, 1) 750ms;
    -moz-transition: left 500ms cubic-bezier(.165, .84, .44, 1) 750ms;
    -ms-transition: left 500ms cubic-bezier(.165, .84, .44, 1) 750ms;
    -o-transition: left 500ms cubic-bezier(.165, .84, .44, 1) 750ms;
    transition: left 500ms cubic-bezier(.165, .84, .44, 1) 750ms
}

.rassrochka .rassrochka-list .rassrochka-list-item:first-of-type {
    margin-top: 0
}

.slider-4 .slider-text {
    display: block;
    margin-top: 40px;
    background-color: rgba(255, 255, 255, 0.79);
    font-size: 14px;
    line-height: 22px;
    width: 530px;
    max-width: 100%;
    padding: 0;
    color: #333
}

.slider-4 .slider-text > div {
    width: 100%;
    height: 100%
}

.slider-4 .slider-button {
    display: block;
    margin-top: 40px;
    text-decoration: none !important;
    color: #fff !important;
    background: #FF5E1B;
    border-radius: 3px;
    font-size: 18px;
    line-height: 42px;
    text-align: center;
    width: 164px
}

.slider-4 .slider-button:hover {
    background: #FFA81B
}

.rassrochka img.credit {
    width: 100%;
    margin-top: 40px
}

.slider-5 {
    margin-top: 60px
}

.slider-5 h1.main-h1 {
    display: block;
    margin-top: 0;
    width: 100%;
    color: #FFF
}

.slider-5 h2.main-h2 {
    display: block;
    margin-top: 0;
    width: 100%;
    color: #FFF
}

.slider-5 .slider-text {
    display: block;
    margin-top: 40px;
    font-size: 14px;
    width: 530px;
    max-width: 100%;
    padding: 0;
    min-height: 88px;
    color: #FFF;
    line-height: 22px
}

.slider-5 .slider-text > div {
    width: 100%;
    height: 100%
}

.slider-5 .slider-button {
    display: block;
    margin-top: 40px;
    text-decoration: none !important;
    color: #fff !important;
    background: #FF5E1B;
    border-radius: 3px;
    font-size: 18px;
    line-height: 42px;
    text-align: center;
    width: 164px
}

.slider-5 .slider-button:hover {
    background: #FFA81B
}

.slider-5 {
    height: 560px;
    background: url(/upload/images/kottedzh_1.jpg) no-repeat;
    background-size: 100% 100%;
    background-position: center
}

.advantages .title {
    margin-top: 20px;
    height: 64px;
    padding-left: 70px;
    padding-top: 10px;
    background-size: 64px auto;
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    text-align: left;
    vertical-align: middle
}

.let-17 {
    background: url(/upload/images/number.svg) no-repeat left center
}

.manu {
    background: url(/upload/images/manufacturing.svg) no-repeat left top
}

.warr {
    background: url(/upload/images/waranty.svg) no-repeat left top
}

.ruler {
    background: url(/upload/images/ruler.svg) no-repeat left top
}

.deli {
    background: url(/upload/images/delivery.svg) no-repeat left top
}

.time {
    background: url(/upload/images/time.svg) no-repeat left top
}

.pig {
    background: url(/upload/images/pig.svg) no-repeat left top
}

.perc {
    background: url(/upload/images/percent.svg) no-repeat left top
}

.thermometr {
    background: url(/upload/images/thermometr.svg) no-repeat left top
}

.mute {
    background: url(/upload/images/mute.svg) no-repeat left top
}

.shield {
    background: url(/upload/images/shield.svg) no-repeat left top
}

.resize {
    background: url(/upload/images/resize.svg) no-repeat left top
}

.like {
    background: url(/upload/images/like.svg) no-repeat left top
}

.umbrella {
    background: url(/upload/images/umbrella.svg) no-repeat left top
}

.download {
    background: url(/local/images/icons/download.svg) no-repeat 18px center / 24px auto;
    padding-left: 5rem;
}

.advantages .elem .elem-content {
    padding: 0 10px 0 0;
    margin-top: 16px;
    width: 100%;
    text-align: left;
    font-size: 16px;
    line-height: 24px;
    min-height: 9em
}

.bold {
    font-weight: 700
}

.types3 {
    padding: 40px 0
}

.types3 .col-lg-4,
.types3 .col-lg-6,
.types3 .col-lg-5,
.types3 .col-lg-7 {
    padding-left: 15px;
    padding-right: 15px
}

.types3 .circle {
    width: 90%;
    height: auto;
    display: block;
    margin: 9% auto;
    padding: 0
}

.types3 img {
    width: 100%;
    display: block;
    border-radius: 50%;
    border: 2px solid transparent
}

.types3 a:hover .circle img {
    border: 2px solid #FF5E1B
}

.types3 a {
    text-decoration: none;
    color: #555
}

.types3 a .info h2 {
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    margin: 50px 0 20px
}

.types3 a .info-container {
    padding: 0
}

.types3 a .circle-container {
    padding: 0;
    padding-left: 30px;
    padding-right: 0
}

.types3 a .info p {
    font-size: 14px;
    line-height: 17px;
    margin: 0
}

.types3 a .info p span {
    padding-left: 4px
}

#balkony-i-lodzhiy .slider-6 {
    min-height: 400px;
    background: url(/upload/images/balkon_osteklenie.jpg) no-repeat;
    background-size: cover;
    background-position: center center
}

#balkony-i-lodzhiy .slider-6 h1 span {
    font-size: 42px;
    line-height: 50px;
    margin-bottom: 20px
}

#balkony-i-lodzhiy .slider-6 .slider-button {
    display: block;
    margin-top: 20px;
    text-decoration: none !important;
    color: #fff !important;
    background: #FF5E1B;
    border-radius: 3px;
    font-size: 18px;
    line-height: 18px;
    text-align: center;
    padding: 12px 20px;
    width: fit-content;
    width: -moz-fit-content
}

#balkony-i-lodzhiy .slider-6 .slider-button:hover {
    background: #FFA81B
}

#balkony-i-lodzhiy .slider-6 .items .title {
    margin-top: 10px;
    height: 42px;
    padding-left: 60px;
    padding-top: 10px;
    background-size: 42px auto;
    font-size: 18px;
    line-height: 22px;
    text-align: left;
    vertical-align: middle
}

#balkony-i-lodzhiy .slider-6 .items {
    padding-left: 20px
}

#balkony-i-lodzhiy .paragraph {
    border-bottom: 1px solid #eee
}

#balkony-i-lodzhiy .paragraph .text {
    margin-top: 40px
}

#balkony-i-lodzhiy .types {
    margin-top: 0
}

#balkony-i-lodzhiy .types .container {
    padding: 40px 0 0
}

#balkony-i-lodzhiy .types .col-lg-6 #balkony-i-lodzhiy .types2 .col-lg-6 {
    padding-left: 15px;
    padding-right: 15px
}

#balkony-i-lodzhiy .types h1 {
    margin-bottom: 40px
}

#balkony-i-lodzhiy .types h2 {
    margin-bottom: 40px
}

#balkony-i-lodzhiy .types .elem {
    min-height: 360px;
    color: #fff;
    position: relative
}

#balkony-i-lodzhiy .types .elem h2 {
    font-size: 24px;
    text-align: left;
    padding: 0;
    margin: 0
}

#balkony-i-lodzhiy .types .elem p {
    font-size: 14px;
    text-align: left;
    padding: 0;
    margin: 40px 0 0
}

#balkony-i-lodzhiy .types .elem div.price {
    position: absolute;
    left: 40px;
    bottom: 40px
}

#balkony-i-lodzhiy .types .elem .button {
    border: 2px solid #fff;
    border-radius: 3px;
    font-size: 18px;
    color: #fff;
    line-height: 18px;
    text-align: center;
    padding: 12px 20px;
    width: 140px;
    background: none;
    position: absolute;
    bottom: 40px;
    right: 40px
}

#balkony-i-lodzhiy .types .elem .button:hover {
    text-decoration: none;
    background-color: rgba(255, 255, 255, 0.3)
}

#balkony-i-lodzhiy .types .elem div.price p {
    font-size: 24px;
    text-align: left;
    padding: 0;
    margin: 0;
    line-height: 40px
}

#balkony-i-lodzhiy .types .elem > div {
    padding: 40px
}

#balkony-i-lodzhiy .types .warm-container {
    background: url(/upload/images/bd1808fef2f59f1c50cf530ff2dffefd.jpg) no-repeat;
    background-size: cover;
    background-position: center
}

#balkony-i-lodzhiy .types .cold-container {
    background: url(/upload/images/c347a642879411274420722be62cd8d0.jpg) no-repeat;
    background-size: cover;
    background-position: center
}

#balkony-i-lodzhiy .types .warm-container .warm {
    background-color: rgba(96, 56, 19, 0.4)
}

#balkony-i-lodzhiy .types .cold-container .cold {
    background-color: rgba(11, 29, 79, 0.4)
}

#balkony-i-lodzhiy .types2 .items .title {
    margin-top: 10px;
    height: 42px;
    padding-left: 50px;
    background-size: 42px auto;
    font-size: 14px;
    line-height: 17px;
    text-align: left
}

#balkony-i-lodzhiy .types2 .items .title > div {
    vertical-align: middle;
    display: table-cell;
    height: 42px
}

#balkony-i-lodzhiy .types2 .profile-img {
    height: 100%;
    position: relative
}

#balkony-i-lodzhiy .types2 .profile-img .label-img {
    background: linear-gradient(to right, #FF5E1B, #FFA81B 100%);
    width: 120px;
    height: 32px;
    line-height: 32px;
    color: #fff;
    font-size: 18px;
    text-align: center;
    position: absolute;
    top: 25px;
    right: 2px;
    border-radius: 0
}

#balkony-i-lodzhiy .types2 .pl {
    background: url(/upload/images/pl-prof.jpg) no-repeat;
    background-size: auto 100%;
    background-position: center
}

#balkony-i-lodzhiy .types2 .al {
    background: url(/upload/images/al-prof.jpg) no-repeat;
    background-size: auto 100%;
    background-position: center
}

#balkony-i-lodzhiy .types2 .button {
    display: block;
    margin: 30px auto 10px;
    text-decoration: none !important;
    color: #fff !important;
    background: #FF5E1B;
    border-radius: 3px;
    font-size: 18px;
    line-height: 18px;
    text-align: center;
    padding: 12px 20px;
    width: fit-content;
    width: -moz-fit-content
}

#balkony-i-lodzhiy .types2 .button:hover {
    background: #FFA81B
}

#balkony-i-lodzhiy .types2 p {
    font-size: 14px;
    line-height: 22px;
    margin-top: 40px
}

#balkony-i-lodzhiy .price2 h1 {
    width: auto
}

#balkony-i-lodzhiy .price2 .col-lg-6 {
    padding-left: 15px;
    padding-right: 15px;
    position: relative
}

#balkony-i-lodzhiy .price2 .elem img {
    height: auto;
    width: 100%;
    display: block;
    margin: 20px auto 10px
}

#balkony-i-lodzhiy .price2 .elem div.img-title {
    width: 100%;
    text-align: center;
    font-size: 14px;
    line-height: 22px;
    margin: -10px auto 40px
}

#balkony-i-lodzhiy .price2 .elem div.info {
    width: 88%;
    font-size: 14px;
    line-height: 22px;
    margin: 20px auto
}

#balkony-i-lodzhiy .price2 .elem div.info .price-row {
    margin: 20px auto 0;
    font-size: 18px;
    line-height: 22px;
    display: block;
    position: relative
}

#balkony-i-lodzhiy .price2 .elem div.info .cold {
    background: url(/upload/images/snow.svg) no-repeat left top;
    height: 25px;
    padding-left: 30px;
    padding-top: 2px
}

#balkony-i-lodzhiy .price2 .elem div.info .warm {
    background: url(/upload/images/sun.svg) no-repeat left top;
    height: 25px;
    padding-left: 30px;
    padding-top: 2px
}

#balkony-i-lodzhiy .price2 .elem div.info .cold > .left {
    text-align: left;
    display: inline-block;
    float: left
}

#balkony-i-lodzhiy .price2 .elem div.info .cold > .right {
    text-align: right;
    display: inline-block;
    float: right
}

#balkony-i-lodzhiy .price2 .elem div.info .cold > .right > span {
    font-size: 24px;
    font-weight: 700
}

#balkony-i-lodzhiy .price2 .elem div.info .warm > .left {
    text-align: left;
    display: inline-block;
    float: left
}

#balkony-i-lodzhiy .price2 .elem div.info .warm > .right {
    text-align: right;
    display: inline-block;
    float: right
}

#balkony-i-lodzhiy .price2 .elem div.info .warm > .right > span {
    font-size: 24px;
    font-weight: 700
}

#balkony-i-lodzhiy .price2 .elem div.info .line {
    width: 100%;
    border-bottom: 1px solid #eee;
    display: block;
    position: relative;
    margin: 6px 0
}

#balkony-i-lodzhiy .price2 .elem div.info .text {
    font-size: 14px;
    line-height: 17px;
    font-style: italic;
    color: #7F7F7F;
    width: 100%;
    display: block;
    position: relative;
    padding-bottom: 20px
}

#balkony-i-lodzhiy .otdelka .row {
    background: #fff
}

#balkony-i-lodzhiy .otdelka .underlined-ul {
    list-style: decimal;
    font-size: 14px;
    line-height: 22px;
    padding-left: 15px
}

#balkony-i-lodzhiy .otdelka .underlined-ul li {
    border-bottom: 1px solid #D3D3D3;
    margin-bottom: 5px
}

#balkony-i-lodzhiy .otdelka .extra-ul {
    list-style: disc;
    padding-left: 12px
}

#balkony-i-lodzhiy .otdelka .underlined-ul li span:nth-child(odd) {
    padding-right: 6px
}

#balkony-i-lodzhiy .otdelka .underlined-ul li span:nth-child(even) {
    float: right;
    padding-left: 6px
}

#balkony-i-lodzhiy .otdelka .underlined-ul span {
    background: #fff;
    position: relative;
    margin-bottom: -5px;
    padding-bottom: 5px
}

#balkony-i-lodzhiy .otdelka h1 {
    margin-top: 40px
}

#balkony-i-lodzhiy .otdelka .col-lg-6 {
    padding-left: 15px;
    padding-right: 15px;
    position: relative
}

#balkony-i-lodzhiy .otdelka .info p {
    text-align: left;
    font-size: 14px;
    line-height: 22px;
    margin-top: 40px
}

#balkony-i-lodzhiy .otdelka .info h2 {
    text-align: left;
    margin: 40px 0;
    font-size: 24px;
    padding: 0
}

#balkony-i-lodzhiy .otdelka .info h3 {
    text-align: left;
    margin: 20px 0 5px;
    font-size: 16px;
    line-height: 24px;
    padding: 0
}

#balkony-i-lodzhiy .otdelka ol {
    padding-left: 15px
}

#balkony-i-lodzhiy .otdelka .image {
    background: url(/upload/images/otdelka_uteplenie.jpg) no-repeat;
    background-position: center;
    min-height: 550px;
    margin-top: 40px
}

#balkony-i-lodzhiy .types3 {
    padding: 40px 0
}

#balkony-i-lodzhiy .types3 .col-lg-4,
#balkony-i-lodzhiy .types3 .col-lg-6,
#balkony-i-lodzhiy .types3 .col-lg-5,
#balkony-i-lodzhiy .types3 .col-lg-7 {
    padding-left: 15px;
    padding-right: 15px
}

#balkony-i-lodzhiy .types3 .circle {
    width: 90%;
    height: auto;
    display: block;
    margin: 9% auto;
    padding: 0
}

#balkony-i-lodzhiy .types3 img {
    width: 100%;
    display: block;
    border-radius: 50%;
    border: 2px solid transparent
}

#balkony-i-lodzhiy .types3 a:hover .circle img {
    border: 2px solid #FF5E1B
}

#balkony-i-lodzhiy .types3 a {
    text-decoration: none;
    color: #555
}

#balkony-i-lodzhiy .types3 a .info h2 {
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    margin: 50px 0 20px
}

#balkony-i-lodzhiy .types3 a .info-container {
    padding: 0
}

#balkony-i-lodzhiy .types3 a .circle-container {
    padding: 0;
    padding-left: 30px;
    padding-right: 0
}

#balkony-i-lodzhiy .types3 a .info p {
    font-size: 14px;
    line-height: 17px;
    margin: 0
}

#balkony-i-lodzhiy .types3 a .info p span {
    padding-left: 4px
}

#balkony-i-lodzhiy .examples .slider-container .balkony-slider .slick-next,
#balkony-i-lodzhiy .examples .slider-container .balkony-slider .slick-prev {
    right: 25px;
    width: 30px;
    height: 30px;
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 50%;
    color: #555;
    z-index: 1
}

#balkony-i-lodzhiy .examples .slider-container .balkony-slider .slick-prev:before,
#balkony-i-lodzhiy .examples .slider-container .balkony-slider .slick-next:before {
    color: #555
}

#balkony-i-lodzhiy .examples .slider-container .balkony-slider .slick-prev {
    left: 25px
}

#balkony-i-lodzhiy .examples .slider-container .balkony-slider [dir='rtl'] .slick-prev {
    right: 25px;
    left: auto
}

#balkony-i-lodzhiy .examples .slider-container .balkony-slider .slick-prev:before {
    content: '<'
}

#balkony-i-lodzhiy .examples .slider-container .balkony-slider [dir='rtl'] .slick-prev:before {
    content: '>'
}

#balkony-i-lodzhiy .examples .slider-container .balkony-slider .slick-next {
    right: 25px
}

#balkony-i-lodzhiy .examples .slider-container .balkony-slider [dir='rtl'] .slick-next {
    right: auto;
    left: 25px
}

#balkony-i-lodzhiy .examples .slider-container .balkony-slider .slick-next:before {
    content: '>'
}

#balkony-i-lodzhiy .examples .slider-container .balkony-slider [dir='rtl'] .slick-next:before {
    content: '<'
}

#balkony-i-lodzhiy .examples .info-container .elem {
    display: none
}

#balkony-i-lodzhiy .examples .info-container .elem p.summary {
    margin-top: 22px
}

#balkony-i-lodzhiy .rasschet {
    margin-bottom: 40px
}

#plastikovye-okna .slider-6 {
    min-height: 400px;
    background: url(/upload/images/windows_girl2.jpg) no-repeat;
    background-size: cover;
    background-position: center center
}

#plastikovye-okna .slider-6 h1 span {
    font-size: 42px;
    line-height: 50px;
    margin-bottom: 20px
}

#plastikovye-okna .slider-6 .slider-button {
    display: block;
    margin-top: 20px;
    text-decoration: none !important;
    color: #fff !important;
    background: #FF5E1B;
    border-radius: 3px;
    font-size: 18px;
    line-height: 18px;
    text-align: center;
    padding: 12px 20px;
    width: fit-content;
    width: -moz-fit-content
}

#plastikovye-okna .slider-6 .slider-button:hover {
    background: #FFA81B
}

#plastikovye-okna .slider-6 .items .title {
    margin-top: 10px;
    height: 42px;
    padding-left: 60px;
    padding-top: 10px;
    background-size: 42px auto;
    font-size: 18px;
    line-height: 22px;
    text-align: left;
    vertical-align: middle
}

#plastikovye-okna .slider-6 .items {
    padding-left: 20px
}

#plastikovye-okna .line-bottom {
    border-bottom: 1px solid #eee
}

#plastikovye-okna .line-top {
    border-top: 1px solid #eee
}

#plastikovye-okna .paragraph .text {
    margin-top: 40px
}

#plastikovye-okna .categories {
    margin-top: 40px;
    margin-bottom: 40px
}

#plastikovye-okna .categories .cat-1 {
    background: transparent url(/upload/images/rehau2.jpg) no-repeat center center
}

#plastikovye-okna .categories .cat-2 {
    background: transparent url(/upload/images/windows_color.jpg) no-repeat center center
}

#plastikovye-okna .categories .cat-3 {
    background: transparent url(/upload/images/gotovye_okna.jpg) no-repeat center center
}

#plastikovye-okna .categories .cat-4 {
    background: transparent url(/upload/images/kottedzh.jpg) no-repeat center center
}

#plastikovye-okna .slider-7 {
    margin-top: 60px
}

#plastikovye-okna .slider-7 .slider-main-fluid h1 {
    display: block;
    margin-top: 60px
}

#plastikovye-okna .slider-7 .slider-text {
    display: block;
    margin-top: 40px;
    font-size: 14px;
    line-height: 22px;
    width: 530px;
    max-width: 100%;
    padding: 0;
    color: #333
}

#plastikovye-okna .slider-7 .slider-text > div {
    width: 100%;
    height: 100%
}

#plastikovye-okna .slider-7 .slider-button {
    display: block;
    margin-top: 40px;
    text-decoration: none !important;
    color: #fff !important;
    background: #FF5E1B;
    border-radius: 3px;
    font-size: 18px;
    line-height: 42px;
    text-align: center;
    width: 164px
}

#plastikovye-okna .slider-7 .slider-button:hover {
    background: #FFA81B
}

#plastikovye-okna .slider-7 {
    height: 470px;
    background: url(/upload/images/color_windows.jpg) no-repeat;
    background-size: 100% 100%;
    background-position: center
}

#plastikovye-okna .slider-8 {
    margin-top: 60px
}

#plastikovye-okna .slider-8 .slider-main-fluid h1 {
    display: block;
    margin-top: 60px
}

#plastikovye-okna .slider-8 .slider-text {
    display: block;
    margin-top: 40px;
    font-size: 14px;
    line-height: 22px;
    width: 530px;
    max-width: 100%;
    padding: 0;
    color: #333
}

#plastikovye-okna .slider-8 .slider-text > div {
    width: 100%;
    height: 100%
}

#plastikovye-okna .slider-8 .slider-button {
    display: block;
    margin-top: 40px;
    text-decoration: none !important;
    color: #fff !important;
    background: #FF5E1B;
    border-radius: 3px;
    font-size: 18px;
    line-height: 42px;
    text-align: center;
    width: 164px
}

#plastikovye-okna .slider-8 .slider-button:hover {
    background: #FFA81B
}

#plastikovye-okna .slider-8 {
    height: 415px;
    background: url(/upload/images/kompectuyuzshie.jpg) no-repeat;
    background-size: 100% 100%;
    background-position: center
}

#plastikovye-okna .zakazat-paragraph .container {
    padding: 40px 0 0
}

#plastikovye-okna .zakazat {
    margin-top: 0
}

#plastikovye-okna .zakazat .row .col-lg-4 {
    padding-left: 10px;
    padding-right: 10px
}

#plastikovye-okna .zakazat .title {
    margin-top: 40px;
    height: 60px;
    padding-left: 70px;
    padding-top: 14px;
    background-size: 54px auto;
    font-size: 22px;
    line-height: 26px;
    font-weight: 400;
    text-align: left;
    vertical-align: middle;
    border-bottom: 1px solid #D3D3D3
}

.zamerschik {
    background: url(/upload/images/worker.svg) no-repeat left top
}

.toolbox {
    background: url(/upload/images/toolbox.svg) no-repeat left top
}

#plastikovye-okna .zakazat .elem .content {
    margin-top: 20px;
    width: 100%;
    text-align: left;
    font-size: 14px;
    line-height: 22px
}

#content-wrapper .calculator .panel-container .type-block .params-block .order-block {
    margin-top: 23px;
    border-top: 1px solid #ebeef0;
    padding-top: 15px
}

#content-wrapper .calculator .panel-container .type-block .params-block .order-block .price.old {
    font-weight: 400;
    color: #666;
    font-size: 1.5rem;
    text-decoration: line-through;
    text-transform: lowercase;
    display: inline;
    margin: 0
}

#content-wrapper .calculator .panel-container .type-block .params-block .order-block .price.new {
    font-weight: 700;
    color: #900;
    font-size: 3rem;
    text-transform: lowercase;
    display: inline;
    margin: 0
}

#content-wrapper .calculator .panel-container .type-block .params-block .order-block .error-text {
    display: none;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #f33;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase
}

#footer .multi-columns-text ul li,
#footer .multi-columns-text ol li {
    list-style-type: none;
    margin: 0;
    padding: 0 0 1px 1.4em;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFJJREFUeNpi/F1jxsbAwNANxDFAzAjEi4G4lAVIdAFxHgMCgNjfGYE63gIZQiwli8Gif3piQdQ7JgYcAKRjApDORxPvAtlRBrU0FioIMrMWIMAA9h8R4snKg3kAAAAASUVORK5CYII=) 0 7px no-repeat
}

.main-user-consent-request a {
    font-size: 10px;
    text-decoration: none;
    color: #333;
    font-weight: 400;
    line-height: 10px
}

.grecaptcha-badge {
    display: none !important;
    opacity: 0 !important
}

.rasschet .consest-label-container {
    margin-top: 20px;
    display: flex;
    align-items: flex-start;
    line-height: 1.6
}

.rasschet .consest-label-container input {
    flex-shrink: 0;
    margin-right: 10px
}

.consest-label-container {
    text-align: left
}

#price-page .slider-1 {
    margin-top: 0;
    padding: 40px 0;
    height: auto;
    background: url(/upload/images/price-slider-1.png) no-repeat;
    background-size: 100% auto;
    background-position: center
}

#price-page .slider-1 .container {
    padding: 0
}

#price-page .slider-1 .main-h2 {
    display: block;
    font-size: 28px;
    line-height: 43px;
    font-weight: 700;
    margin: 0
}

#price-page .slider-1 p {
    display: block;
    margin-top: 40px;
    font-size: 14px;
    line-height: 22px;
    max-width: 100%;
    padding: 0;
    color: #333
}

#price-page .price {
    margin-top: 0;
    margin-bottom: 0;
    padding: 40px 0
}

#price-page .price .price-tabs {
    margin-top: 0
}

#price-page .rasschet {
    padding: 40px 0 !important;
    margin-top: 0
}

#price-page .payments {
    margin: 40px 0 0;
    padding: 40px 0
}

#price-page .payments h2 {
    display: block;
    font-size: 28px;
    line-height: 43px;
    font-weight: 700;
    margin: 0
}

#price-page .payments p {
    display: block;
    margin: 40px 0 0;
    font-size: 14px;
    line-height: 22px;
    max-width: 100%;
    padding: 0;
    color: #333
}

#price-page .payments .payments-types .item h3 {
    display: block;
    font-size: 24px;
    line-height: 70px;
    font-weight: 700;
    margin: 0
}

#price-page .payments .payments-types .item {
    height: 70px;
    padding-left: 80px;
    margin: 40px 0 0;
    background-size: 70px 70px
}

.purse {
    background: url(/upload/images/purse.svg) no-repeat left top
}

.online_pay {
    background: url(/upload/images/online_pay.svg) no-repeat left top
}

.percent {
    background: url(/upload/images/percent.svg) no-repeat left top
}

.bank {
    background: url(/upload/images/bank.svg) no-repeat left top
}

#price-page .row {
    margin-right: -10px;
    margin-left: -10px
}

#price-page > .container,
#price-page > noindex > .container {
    padding-left: 0;
    padding-right: 0
}

#price-page .slider-2 {
    margin-top: 0;
    padding: 40px 0;
    height: auto;
    background: url(/upload/images/price-slider-2.png) no-repeat;
    background-size: 100% auto;
    background-position: center
}

#price-page .slider-2 .container {
    padding: 0;
    background: none
}

#price-page .slider-2 .main-h2 {
    display: block;
    font-size: 28px;
    line-height: 43px;
    font-weight: 700;
    margin: 0
}

#price-page .slider-2 p {
    display: block;
    margin: 40px 0 0;
    font-size: 14px;
    line-height: 22px;
    max-width: 100%;
    padding: 0;
    color: #333
}

#price-page .zamer .row {
    margin-left: 0;
    margin-right: 0
}

#price-page .slider-simple {
    margin-top: 0;
    padding: 40px 0;
    height: auto
}

.no-padding {
    padding: 0 !important
}

#price-page .slider-simple .container {
    padding: 0;
    background: none
}

#price-page .slider-simple .main-h2 {
    display: block;
    font-size: 28px;
    line-height: 43px;
    font-weight: 700;
    margin: 0
}

#price-page .slider-simple p {
    display: block;
    margin: 40px 0 0;
    font-size: 14px;
    line-height: 22px;
    max-width: 100%;
    padding: 0;
    color: #333
}

#price-page .slider-simple p.no-margin {
    margin: 0
}

#price-page .calculators .elem a img {
    display: block;
    margin: 30px auto 0
}

#price-page .calculators .elem a h3 {
    display: block;
    margin: 20px auto 0;
    text-align: center;
    font-size: 18px;
    line-height: 22px;
    max-width: 100%;
    padding: 0;
    color: #333
}

#price-page .calculators .elem a:hover h3 {
    text-decoration: underline
}

#price-page .categories {
    margin-top: 0;
    padding: 40px 0
}

#price-page .categories .cat-container {
    position: relative;
    height: 0;
    border: none;
    padding-top: 98%
}

#price-page .categories .cat-content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    padding: 0
}

#price-page .categories .cat {
    width: 98%;
    height: 100%;
    margin: 0 auto;
    border-radius: 50%;
    background-size: 100% 100%;
    background-color: rgba(255, 255, 255, 0.25)
}

#price-page .categories .title {
    text-decoration: none;
    color: #333
}

#price-page .categories .cat:before {
    background: none;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    width: 100%
}

#price-page .categories .cat-href .cat:before {
    background-color: rgba(255, 255, 255, 0.37)
}

#price-page .categories .cat-href:hover .cat:before {
    background-color: transparent
}

#price-page .categories .cat-href:hover .title {
    text-decoration: underline
}

#price-page .categories .cat-1 {
    background: transparent url(/upload/images/p44.jpg) no-repeat center center
}

#price-page .categories .cat-2 {
    background: transparent url(/upload/images/kope.jpg) no-repeat center center
}

#price-page .categories .cat-3 {
    background: transparent url(/upload/images/p43.jpg) no-repeat center center
}

#price-page .categories .cat-4 {
    background: transparent url(/upload/images/p3.jpg) no-repeat center center
}

#price-page .categories .cat-5 {
    background: transparent url(/upload/images/ii68-01.jpg) no-repeat center center
}

#price-page .categories .cat-6 {
    background: transparent url(/upload/images/p46m.jpg) no-repeat center center
}

#price-page .categories .title {
    margin-top: 20px;
    text-align: center;
    width: 100%;
    font-size: 14px;
    text-decoration: none
}

#okna-rehau > .container,
#okna-rehau > noindex > .container {
    padding-left: 0;
    padding-right: 0
}

#okna-rehau .slider-1 {
    margin-top: 0;
    padding: 40px 0;
    height: auto;
    background: transparent
}

#okna-rehau .slider-1 .container {
    padding: 0
}

#okna-rehau .slider-1 .main-h2 {
    display: block;
    font-size: 28px;
    line-height: 43px;
    font-weight: 700;
    margin: 0
}

#okna-rehau .slider-1 p {
    display: block;
    font-size: 14px;
    line-height: 22px;
    max-width: 100%;
    padding: 0;
    color: #333
}

#okna-rehau .slider-1.slider-image-1 {
    background: url(/upload/images/rehau_windows-u19886-fr.png) no-repeat;
    background-size: 100% auto;
    background-position: center
}

#okna-rehau .slider-1.slider-image-2 {
    background: url(/upload/images/rehau-company-u21042-fr.png) no-repeat;
    background-size: 100% auto;
    background-position: center
}

#okna-rehau .zamer .row {
    margin-left: 0;
    margin-right: 0
}

#okna-rehau .zamer {
    margin-top: 0
}

#okna-rehau .types3 {
    padding: 40px 0
}

#okna-rehau .types3 .col-lg-4,
#okna-rehau .types3 .col-lg-6,
#okna-rehau .types3 .col-lg-5,
#okna-rehau .types3 .col-lg-7 {
    padding-left: 15px;
    padding-right: 15px
}

#okna-rehau .types3 .circle {
    width: 90%;
    height: auto;
    display: block;
    margin: 9% auto;
    padding: 0
}

#okna-rehau .types3 img {
    width: 100%;
    display: block;
    border-radius: 50%;
    border: 2px solid transparent
}

#okna-rehau .types3 a:hover .circle img {
    border: 2px solid #FF5E1B
}

#okna-rehau .types3 a {
    text-decoration: none;
    color: #555
}

#okna-rehau .types3 a .info h2 {
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    margin: 70px 0 20px
}

#okna-rehau .types3 a .info h2.two-rows {
    margin: 59px 0 20px
}

#okna-rehau .types3 a .info-container {
    padding: 0
}

#okna-rehau .types3 a .circle-container {
    padding: 0;
    padding-left: 30px
}

#okna-rehau .types3 a .info p {
    font-size: 14px;
    line-height: 17px;
    margin: 0
}

#okna-rehau .types3 a .info p span {
    padding-left: 4px
}

#okna-rehau .okna-info-block-bars p {
    font-size: 12px;
    line-height: 19px;
    margin: 4px 0
}

.okna-info-block-bars div.bar {
    width: calc(100% + 6px);
    border: 1px solid #7f7f7f;
    padding: 2px 1px;
    height: 14px;
    margin: 4px -3px
}

.okna-info-block-bars div.bar-container {
    width: 100%;
    height: 100%;
    padding: 0
}

.okna-info-block-bars div.bar .divTable {
    display: table;
    width: 100%;
    height: 100%
}

.okna-info-block-bars div.bar .divTableRow {
    display: table-row;
    height: 100%
}

.okna-info-block-bars div.bar .divTableCell {
    width: 20%;
    height: 100%;
    display: table-cell;
    background-color: inherit;
    padding-left: 1px;
    padding-right: 1px
}

.okna-info-block-bars div.bar .divTableCell > div {
    width: 100%;
    height: 100%
}

.okna-info-block-bars div.bar .divTableCell > div.active {
    background-color: #FFA81B
}

.okna-info-block-bars div.bar .divTableBody {
    display: table-row-group
}

.okna-rehau-info a.info-button {
    display: block;
    float: right;
    text-decoration: none !important;
    color: #fff !important;
    background: #FF5E1B;
    border-radius: 3px;
    font-size: 14px;
    line-height: 14px;
    text-align: center;
    padding: 8px 15px;
    width: fit-content;
    width: -moz-fit-content
}

.okna-rehau-info a.info-button:hover {
    background: #FFA81B
}

.okna-rehau-info h3 {
    font-size: 24px
}

.okna-rehau-info .info {
    font-size: 12px !important;
    line-height: 19px !important;
    margin: 20px 0 0 !important;
}

.okna-rehau-info .info-price {
    font-size: 14px !important;
    line-height: 19px !important;
    margin: 30px 0 0;
}

.okna-rehau-info .okna-info-block-bars-container {
    margin-top: 20px
}

.okna-rehau-info .okna-info-block-bars-container p {
    margin: unset
}

.okna-rehau-info span.price {
    display: block;
    float: left;
    font-size: 30px;
    line-height: 28px;
    text-align: left;
    font-weight: 700;
    padding: 0;
    margin: 0
}

#okna-rehau .price-m2 {
    font-size: 14px;
    line-height: 17px;
    font-weight: 400;
    color: #333
}

.okna-rehau-info img.info-img {
    width: 100%;
    display: block;
    margin: 110px auto 0;
    max-height: 320px
}

#okna-rehau .steps .steps-tabs {
    display: block;
    height: 44px;
    border: 2px solid #FF5E1B;
    border-radius: 2px;
    cursor: pointer
}

#okna-rehau .steps-tabs .divTable {
    display: table;
    width: 100%;
    height: 100%
}

#okna-rehau .steps-tabs .divTableRow {
    display: table-row;
    height: 100%
}

#okna-rehau .steps-tabs .divTableCell {
    width: 20%;
    height: 100%;
    display: table-cell;
    background-color: inherit;
    color: #FF5E1B;
    font-size: 18px;
    text-align: center;
    vertical-align: middle;
    border-left: 1px solid #FF5E1B;
    border-right: 1px solid #FF5E1B
}

#okna-rehau .steps-tabs .divTableCell:first-of-type {
    border-left: none
}

#okna-rehau .steps-tabs .divTableCell:last-of-type {
    border-right: none
}

#okna-rehau .steps-tabs .divTableCell:hover,
#okna-rehau .steps-tabs .active {
    background-color: #FF5E1B;
    color: #fff;
    transition-duration: .4s
}

#okna-rehau .steps-tabs .divTableBody {
    display: table-row-group
}

#okna-rehau .steps .steps-content .elem {
    display: none
}

#okna-rehau .steps .steps-content .default-show {
    display: block
}

#okna-rehau .steps-content .elem h3 {
    margin: 20px 0;
    width: 100%;
    text-align: center;
    font-size: 18px;
    line-height: 22px
}

#okna-rehau .steps .steps-buttons {
    height: 50px
}

#okna-rehau .steps a.info-button {
    display: block;
    float: right;
    text-decoration: none !important;
    color: #fff !important;
    background: #FF5E1B;
    border-radius: 3px;
    font-size: 14px;
    line-height: 14px;
    font-weight: 700;
    text-align: center;
    padding: 8px 15px;
    width: fit-content;
    width: -moz-fit-content;
    margin-top: 20px;
    cursor: pointer;
    text-transform: uppercase
}

#okna-rehau .steps a.info-button:hover {
    background: #FFA81B
}

#okna-rehau .steps a.info-button.left {
    float: left;
    display: none
}

#okna-rehau .steps a.info-button.right {
    float: right
}

#okna-rehau .steps .steps-content .elem > .row > div {
    height: 320px;
    padding: 0 !important;
    border: 4px transparent solid;
    background-size: 100% 100% !important;
    background-position: center;
    transition-duration: .4s
}

#okna-rehau .steps .steps-content .elem.step-1 > .row > div,
#okna-rehau .steps .steps-content .elem.step-2 > .row > div,
#okna-rehau .steps .steps-content .elem.step-3 > .row > div {
    cursor: pointer
}

#okna-rehau .steps .steps-content .elem > .row > div:hover,
#okna-rehau .steps .steps-content .elem > .row > div.active {
    border: 4px #FF5E1B solid;
    transition-duration: .4s
}

#okna-rehau .steps .steps-content .elem > .row > div.flat {
    background: url(/upload/images/windows_kv_1.jpg) no-repeat;
    transition-duration: .4s
}

#okna-rehau .steps .steps-content .elem > .row > div:hover.flat,
#okna-rehau .steps .steps-content .elem > .row > div.active.flat {
    background: url(/upload/images/windows_kv_1.jpg) no-repeat;
    transition-duration: .4s
}

#okna-rehau .steps .steps-content .elem > .row > div.house {
    background: url(/upload/images/windows_dom_2.jpg) no-repeat;
    transition-duration: .4s
}

#okna-rehau .steps .steps-content .elem > .row > div:hover.house,
#okna-rehau .steps .steps-content .elem > .row > div.active.house {
    background: url(/upload/images/windows_dom_1.jpg) no-repeat;
    transition-duration: .4s
}

#okna-rehau .steps .steps-content .elem > .row > div.office {
    background: url(/upload/images/windows_office_2.jpg) no-repeat;
    transition-duration: .4s
}

#okna-rehau .steps .steps-content .elem > .row > div:hover.office,
#okna-rehau .steps .steps-content .elem > .row > div.active.office {
    background: url(/upload/images/windows_office_1.jpg) no-repeat;
    transition-duration: .4s
}

#okna-rehau .steps .steps-content .elem > .row > div.cold {
    background: url(/upload/images/cold_2.jpg) no-repeat;
    transition-duration: .4s
}

#okna-rehau .steps .steps-content .elem > .row > div:hover.cold,
#okna-rehau .steps .steps-content .elem > .row > div.active.cold {
    background: url(/upload/images/cold_1.jpg) no-repeat;
    transition-duration: .4s
}

#okna-rehau .steps .steps-content .elem > .row > div.noise {
    background: url(/upload/images/noise_2.jpg) no-repeat;
    transition-duration: .4s
}

#okna-rehau .steps .steps-content .elem > .row > div:hover.noise,
#okna-rehau .steps .steps-content .elem > .row > div.active.noise {
    background: url(/upload/images/noise_1.jpg) no-repeat;
    transition-duration: .4s
}

#okna-rehau .steps .steps-content .elem > .row > div.shine {
    background: url(/upload/images/sun_light_2.jpg) no-repeat;
    transition-duration: .4s
}

#okna-rehau .steps .steps-content .elem > .row > div:hover.shine,
#okna-rehau .steps .steps-content .elem > .row > div.active.shine {
    background: url(/upload/images/sun_light_1.jpg) no-repeat;
    transition-duration: .4s
}

#okna-rehau .steps .steps-content .elem > .row > div div.label {
    display: block;
    text-decoration: none !important;
    background: #FFF;
    color: #333;
    border-radius: 3px;
    font-size: 14px;
    line-height: 14px;
    text-align: center;
    padding: 10px 36px;
    width: fit-content;
    width: -moz-fit-content;
    margin-left: 10px;
    margin-top: 10px;
    text-transform: uppercase;
    position: relative;
    transition-duration: .4s
}

#okna-rehau .steps .steps-content .elem > .row > div.active div.label,
#okna-rehau .steps .steps-content .elem > .row > div:hover div.label {
    color: #fff !important;
    background: #FF5E1B;
    transition-duration: .4s
}

#okna-rehau .steps .steps-content .elem > .row > div div.label div.circle-big {
    position: absolute;
    width: 14px;
    height: 14px;
    top: 10px;
    left: 10px;
    border-radius: 50%;
    background: linear-gradient(to bottom, #EFEFEF, #D3D3D3 100%);
    transition-duration: .4s
}

#okna-rehau .steps .steps-content .elem > .row > div div.label div.circle-big > div.circle-small {
    position: absolute;
    width: 8px;
    height: 8px;
    top: 3px;
    left: 3px;
    border-radius: 50%;
    background: #FF5E1B;
    display: none;
    transition-duration: .4s
}

#okna-rehau .steps .steps-content .elem > .row > div.active div.label div.circle-big > div.circle-small {
    display: block;
    transition-duration: .4s
}

#okna-rehau .steps .steps-content .elem > .row > div.form-container {
    box-sizing: border-box;
    background-size: 100% 100% !important;
    background-position: center;
    background: url(/upload/images/abstract-orange-lines-backgrounds.jpg) no-repeat;
    border: none;
    padding: 20px 0 !important
}

#okna-rehau .steps .steps-content .elem.step-3 > .row > div {
    background-size: auto 100% !important;
    background-position: center;
    display: none
}

#okna-rehau .steps .steps-content .elem.step-3 > .row > div div.label-price {
    display: block;
    text-align: left;
    width: fit-content;
    width: -moz-fit-content;
    position: absolute;
    right: 20px;
    bottom: 45px
}

#okna-rehau .steps .steps-content .elem.step-3 > .row > div div.label-price p {
    font-size: 14px;
    line-height: 17px;
    margin: 4px 0;
    padding: 0;
    text-align: left
}

#okna-rehau .steps .steps-content .elem.step-3 > .row > div div.label-price .price {
    font-size: 30px;
    line-height: 36px;
    font-weight: 700;
    margin: 4px 0;
    padding: 0;
    text-align: left
}

#okna-rehau .steps .steps-content .elem .form-container h3 {
    text-align: center;
    color: #FFF;
    font-size: 36px;
    line-height: 43px;
    font-weight: 700;
    margin: 0;
    padding-bottom: 10px
}

#okna-rehau .steps .steps-content .elem .form-container form input.name,
#okna-rehau .steps .steps-content .elem .form-container form input.phone {
    margin: 20px auto 0;
    display: block;
    width: 62%;
    color: #B5B5B5;
    min-height: 0;
    padding: 10px 6px;
    line-height: 14px;
    font-size: 14px;
    background-color: #f7f7f7;
    -webkit-box-shadow: none !important
}

#okna-rehau .steps .steps-content .elem .form-container form input:focus,
#okna-rehau .steps .steps-content .elem .form-container form input:active {
    color: #555;
    font-style: normal;
    background-color: #f7f7f7;
    border: 1px solid #FF5E1B !important;
    border-radius: 3px;
    box-shadow: none !important
}

#okna-rehau .steps .steps-content .elem .form-container form input.submit {
    display: block;
    width: auto;
    margin: 0 auto;
    color: #FFF;
    padding: 12px 8px;
    line-height: 16px;
    border-radius: 3px;
    font-size: 18px;
    border-style: solid;
    border-width: 2px;
    border-color: #FFF;
    background-color: transparent;
    padding-left: 35px;
    padding-right: 35px
}

#okna-rehau .steps .steps-content .elem .form-container form .consent-link {
    color: #333 !important;
    text-decoration: underline;
    font-size: 8px;
    line-height: 8px
}

#okna-rehau .steps .steps-content .elem .form-container form input.submit:hover {
    background-color: rgba(255, 255, 255, 0.25)
}

#okna-rehau .steps .steps-content .elem .form-container form .consest-label-container {
    width: 96%;
    margin: 10px auto;
    display: block;
    font-size: 8px;
    line-height: 8px
}

#okna-rehau .steps .steps-content .step-4 .okna-info-block-bars-container .info-price {
    font-size: 14px !important;
    line-height: 19px !important;
    margin: 10px 0 0 !important
}

#okna-rehau .steps .steps-content .step-4 .okna-info-block-bars-container {
    margin-top: 70px
}

#okna-rehau .steps .steps-content .step-4 span.price {
    font-size: 30px;
    line-height: 36px
}

#okna-rehau .steps .steps-content .step-4 img.info-img {
    margin: 10px auto;
    max-height: 270px
}

#okna-rehau .steps .steps-content .step-4 .okna-info-block-bars p {
    font-size: 12px;
    line-height: 19px;
    margin: 0
}

#okna-rehau .steps .steps-content .elem.step-4 > .row > div div.label {
    display: block;
    text-decoration: none !important;
    background: #FFF;
    border-radius: 3px;
    padding: 4px 10px;
    width: fit-content;
    width: -moz-fit-content;
    margin-left: 10px;
    margin-top: 10px;
    position: absolute;
    transition-duration: .4s;
    text-align: left
}

#okna-rehau .steps .steps-content .elem.step-4 > .row > div div.label span.title {
    font-size: 14px;
    line-height: 22px;
    text-align: left !important;
    text-transform: uppercase;
    font-weight: 700;
    color: #333
}

#okna-rehau .steps .steps-content .elem.step-4 > .row > div div.label span.info {
    font-size: 14px;
    line-height: 22px;
    color: #333;
    font-weight: 400;
    text-transform: none
}

#okna-rehau .steps .steps-content .elem.step-4 .result-window-type {
    background-size: auto 100% !important
}

#rehau-form-callback input.input-error {
    border: 2px solid red !important
}

#window-detail-view-page {
    padding-bottom: 50px
}

#window-detail-view-page .row {
    margin-left: -10px;
    margin-right: -10px
}

#window-detail-view-page .col-info .window-price,
#window-detail-view-page .col-info .window-info,
#window-detail-view-page .col-info .window-info-header {
    padding: 10px 20px
}

#window-detail-view-page .col-info .window-price .col-left,
#window-detail-view-page .col-info .window-price .col-right {
    border: 3px solid #D3D3D3;
    padding: 6px;
    min-height: 150px;
    text-align: center;
    margin-bottom: 10px
}

#window-detail-view-page .col-info .window-price .col-right {
    padding-top: 20px
}

#window-detail-view-page .col-info {
    background-color: #fff
}

#window-detail-view-page .col-image img {
    display: block;
    max-width: 90%;
    max-height: 350px;
    margin: 10px auto
}

#window-detail-view-page .window-info .props {
    display: table;
    width: 100%;
    height: auto;
    margin-top: 18px
}

#window-detail-view-page .window-info .props .prop {
    display: table-row
}

#window-card-page .tabs-block .tab-container .panel-container .panel .props .prop > span {
    display: table-cell;
    width: auto;
    height: auto;
    margin: 0;
    padding: 5px 0 4px 5px
}

#window-detail-view-page .window-info .props .prop > span:first-child {
    font-weight: 700;
    width: 69%;
    background: url(data:image/gif;base64,R0lGODlhAQALAIABAPPz8////yH5BAEAAAEALAAAAAABAAsAAAIDRI5ZADs=) 0 100% repeat-x;
    padding: 0
}

#window-detail-view-page .window-info .props .prop > span:first-child > span {
    display: inline-block;
    width: auto;
    height: auto;
    margin: 0;
    padding: 5px 5px 4px 0
}

#window-detail-view-page .window-info #delivery {
    margin-top: -10px
}

#window-card-page .tabs-block .tab-container .panel-container .panel.content p {
    margin: 1em 0 .7em
}

#window-detail-view-page .window-info .content ul,
#window-card-page .tabs-block .tab-container .panel-container .panel.content ol {
    padding-left: 0
}

#window-detail-view-page .window-info .content ul li,
#window-card-page .tabs-block .tab-container .panel-container .panel.content ol li {
    padding-left: 14px
}

#window-detail-view-page .info-tabs {
    display: block;
    width: 100%;
    height: 44px;
    margin: 10px 0 0;
    padding: 0;
    border: 2px solid #FF5E1B;
    border-radius: 2px;
    cursor: pointer
}

#window-detail-view-page .info-tabs .divTable {
    display: table;
    width: 100%;
    height: 100%
}

#window-detail-view-page .info-tabs .divTableRow {
    display: table-row;
    height: 100%
}

#window-detail-view-page .info-tabs .divTableCell {
    width: 33.333333333333%;
    height: 100%;
    display: table-cell;
    background-color: inherit;
    color: #FF5E1B;
    font-size: 16px;
    text-align: center;
    vertical-align: middle;
    border-left: 1px solid #FF5E1B;
    border-right: 1px solid #FF5E1B
}

#window-detail-view-page .info-tabs .divTableCell:first-of-type {
    border-left: none
}

#window-detail-view-page .info-tabs .divTableCell:last-of-type {
    border-right: none
}

#window-detail-view-page .info-tabs .divTableCell:hover,
#window-detail-view-page .info-tabs .active {
    background-color: #FF5E1B;
    color: #fff;
    transition-duration: .4s
}

#window-detail-view-page .info-tabs .divTableBody {
    display: table-row-group
}

#window-detail-view-page .col-info .discount .value {
    font-size: 1em;
    font-weight: 700
}

#window-detail-view-page .col-info .price.discount {
    line-height: 26px;
    text-decoration: line-through;
    font-size: 1em
}

#window-detail-view-page .col-info .price {
    padding-top: .1em;
    display: block;
    width: 100%;
    height: auto;
    line-height: 46px;
    text-align: center;
    overflow: hidden;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 0
}

#window-detail-view-page .col-info .col-left .btn {
    margin-bottom: 10px
}

#window-detail-view-page .col-info .col-right .info-link {
    text-decoration: underline;
    text-transform: uppercase;
    font-weight: 700
}

#window-detail-view-page .col-info .price .currency {
    font-size: .8em
}

@media (max-width: 767px) {
    #window-detail-view-page .info-tabs {
        height: 36px
    }

    #window-detail-view-page .info-tabs .divTableCell {
        font-size: 11px
    }
}

#window-detail-view-page .multiple-items .tab-1 {
    display: none;
    min-height: 300px
}

#window-detail-view-page .multiple-items .tab-1:first-of-type {
    display: block
}

#okna-rahau-compare-table-container table th {
    vertical-align: middle
}

#okna-rahau-compare-table-container .header-image {
    width: 100%;
    padding: 5px
}

#okna-rahau-compare-table-container table td,
#okna-rahau-compare-table-container table td {
    text-align: center
}

#okna-rahau-compare-table-container table td.word-break {
    word-wrap: break-word;
    word-break: break-all
}

#okna-rahau-compare-table-container .shtapik-icon {
    width: 80%;
    display: block;
    margin: 0 auto 5px
}

#okna-rahau-compare-table-container .title {
    text-align: center;
    font-weight: 700;
    font-size: .6em;
    margin-bottom: 5px
}

#okna-rahau-compare-table-container table td.cell-name {
    background-color: #FF5E1B
}

#okna-rahau-compare-table-container table td.cell-name a,
#okna-rahau-compare-table-container table td.cell-name a:hover {
    background-color: transparent;
    color: #FFF;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none
}

#okna-rahau-compare-table-container table td.cell-price,
#okna-rahau-compare-table-container table td.cell-price {
    color: #FF5E1B;
    font-weight: 700
}

#okna-rahau-compare-table-container table .window-explain {
    width: 100%;
    display: block;
    margin: 5px auto 25px
}

#okna-rahau-compare-table-container > tbody > tr > th,
#okna-rahau-compare-table-container > tbody > tr > td {
    border: 1px solid #7b7b7b
}

#okna-rahau-compare-table-container table tr.no-border td,
#okna-rahau-compare-table-container table tr.no-border th {
    border: none
}

#okna-rahau-compare-table-container td div.circle {
    height: 20px;
    width: 20px;
    border-radius: 50%;
    border: 1px solid #7b7b7b;
    display: inline-block
}

#okna-rahau-compare-table-container table {
    width: 100%
}

#okna-rahau-compare-table-container .number {
    position: absolute;
    font-size: .8em
}

@media only screen and (max-width: 767px) {
    .okna-rahau-compare-table {
        padding: 0 !important
    }

    #okna-rahau-compare-table-container tr th,
    #okna-rahau-compare-table-container tr td {
        font-size: 12px
    }
}

.okna-rahau-compare-table .row {
    margin-left: -10px;
    margin-right: -10px
}

#okna-rahau-compare-table-container .callback-order-buttons {
    padding: 8px 24px;
    background-color: #FF5E1B;
    color: #FFF;
    border-radius: 4px;
    font-weight: 700;
    margin: 5px auto
}

.main_text_full {
    background: #F1F4F5;
    margin: 120px 0 80px
}

.main_text_intro {
    font-size: 16px;
    padding: 40px 315px 39px 0;
    position: relative;
    font-size: 16px;
    line-height: 1.65;
    color: #333
}

.main_text_intro:before {
    background: url(../img/main_text_full.png) no-repeat center left;
    position: absolute;
    width: 280px;
    height: 396px;
    content: "";
    right: 8px;
    bottom: 3px
}

.main_text_intro h1 {
    position: relative;
    font-size: 36px;
    font-weight: 400;
    margin-bottom: 30px
}

.main_text_intro p {
    margin: 10px 0 28px
}

.compare-table-toggle-button-mainpage {
    width: fit-content;
    margin: 20px auto;
    display: block;
    text-align: center;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 18px;
    color: #FFF;
    background: #FF5E1B;
    border-radius: 3px;
    padding: .9em 2.2em;
    position: relative
}

.compare-table-toggle-button-mainpage:before {
    position: absolute;
    content: "";
    left: 100%;
    margin-left: 20px;
    bottom: 50%;
    width: 140px;
    height: 40px;
    border-bottom: 1px solid #CDCDCD;
    border-right: 1px solid #CDCDCD
}

.compare-table-toggle-button-mainpage:after {
    position: absolute;
    content: "";
    right: 100%;
    margin-right: 20px;
    bottom: 50%;
    width: 140px;
    height: 40px;
    border-bottom: 1px solid #CDCDCD;
    border-left: 1px solid #CDCDCD
}

.compare-table-toggle-button-mainpage:hover,
.compare-table-toggle-button-mainpage:active,
.compare-table-toggle-button-mainpage:focus {
    text-decoration: none !important;
    color: #fb7c36 !important
}

.grecaptcha-badge {
    display: none
}

.link-button {
    display: block;
    margin-top: 20px;
    text-decoration: none !important;
    color: #fff !important;
    background: #FF5E1B;
    border-radius: 3px;
    font-size: 18px;
    line-height: 42px;
    text-align: center;
    min-width: 160px;
    width: fit-content
}

.blocks {
    padding: 2.1em 0 2.85em
}

.containerrow {
    margin-top: 4rem
}

.stickerblock {
    margin-top: 2rem
}

.stickerblock .stickerhead {
    color: #000;
    height: 3em;
    max-width: 200px;
    justify-content: center;
    align-items: flex-end;
    display: flex;
    margin: 7px auto 6px;
    font-size: 18px
}

.stickerblock a {
    text-decoration: none
}

.stickerblock img {
    -webkit-transition: all .4s ease 0s;
    -moz-transition: all .4s ease 0s;
    -o-transition: all .4s ease 0s;
    transition: all .4s ease 0s;
    border-radius: 130px;
    width: 255px
}

.stickerblock span {
    color: #2b2b2b;
    display: block
}

.stickerblock .sticker-text {
    font-weight: 700;
    text-align: center;
    font-size: 16px;
    background: #FF5F1B;
    padding: .3em .5em;
    display: table;
    margin: 0 auto;
    color: #fff
}

.block {
    text-align: center;
    font-size: 1em;
    color: #fff
}

.blocks .container > .block:last-child {
    margin: 0
}

.sticker {
    display: block;
    height: 3em;
    position: relative;
    padding: .25em 0 0;
    z-index: 1
}

.block img {
    display: inline-block;
    padding: 0 .5em;
    margin: -.25em 0 0;
    -webkit-transition: all .4s ease 0s;
    -moz-transition: all .4s ease 0s;
    -o-transition: all .4s ease 0s;
    transition: all .4s ease 0s;
    border-radius: 130px;
    width: 210px
}

.block:hover img {
    opacity: .6
}

.block span {
    color: #2b2b2b;
    font-style: italic;
    display: block;
    margin: .6em 0 0
}

.block .sticker {
    color: #000;
    font-size: 1.2em;
    text-transform: uppercase;
    font-style: normal;
    text-align: center
}

.block .sticker span {
    color: #FFF;
    font-size: .9em;
    text-transform: uppercase;
    font-style: normal;
    text-align: center;
    margin: 0
}

.partners {
    padding-top: 10px;
    margin-bottom: 20px
}

.partners .partner {
    width: 100%;
    height: auto;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 2px 2px 0 0 #e6e9e9;
    box-shadow: 2px 2px 0 0 #e6e9e9;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    overflow: hidden;
    background: #fff
}

.partners .partner > .image {
    width: 100%;
    text-align: center
}

.partners .partner > .image img {
    margin: 0;
    max-width: 100%
}

.partners .partner > .info {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: auto;
    height: auto;
    padding: 10px 30px 20px;
    font-size: 12px
}

.partners .partner > .info .header-medium {
    margin-top: .7em;
    margin-bottom: .5em;
    letter-spacing: .15px;
    line-height: 1.45em
}

.partners .partner > .info .header-medium span {
    font-weight: 400
}

.partners .partner > .info .text {
    letter-spacing: 0;
    margin-bottom: 10px;
    line-height: 1.7em
}

.partners .partner > .info .text p {
    margin-bottom: 1em
}

.partners .partner > .info .show {
    margin-bottom: 33px
}

.partners .partner > .info .show a {
    text-transform: uppercase;
    border-bottom: 1px dashed #fb7c36;
    font-weight: 700;
    letter-spacing: .8px
}

.partners .partner > .info .show a:hover {
    border-bottom: 1px dashed #fff
}

.partners .partner > .info .toggle-block {
    margin-left: -9px
}

.partners .partner > .info .toggle-block img {
    padding: 8px;
    border: 1px solid #e9eff1
}

.partners .partner + .partner {
    margin-top: 30px
}

.types2 .items .title {
    margin-top: 10px;
    height: 42px;
    padding-left: 50px;
    background-size: 42px auto;
    font-size: 14px;
    line-height: 17px;
    text-align: left
}

.types2 .items .title > div {
    vertical-align: middle;
    display: table-cell;
    height: 42px
}

.types2 .profile-img {
    height: 100%;
    position: relative
}

.types2 .profile-img .label-img {
    background: linear-gradient(to right, #FF5E1B, #FFA81B 100%);
    width: 120px;
    height: 32px;
    line-height: 32px;
    color: #fff;
    font-size: 18px;
    text-align: center;
    position: absolute;
    top: 25px;
    right: 2px;
    border-radius: 0
}

.types2 .pl {
    background: url(/upload/images/pl-prof.jpg) no-repeat;
    background-size: auto 100%;
    background-position: center
}

.types2 .al {
    background: url(/upload/images/al-prof.jpg) no-repeat;
    background-size: auto 100%;
    background-position: center
}

.types2 p {
    font-size: 14px;
    line-height: 22px;
    margin-top: 40px
}

.price2 .elem div.img-title {
    width: 100%;
    text-align: center;
    font-size: 14px;
    line-height: 22px;
    margin: -10px auto 40px
}

.price2 .elem div.info {
    width: 88%;
    font-size: 14px;
    line-height: 22px;
    margin: 20px auto
}

.price2 .elem div.info .price-row {
    margin: 20px auto 0;
    font-size: 18px;
    line-height: 22px;
    display: block;
    position: relative
}

.price2 .elem div.info .cold {
    background: url(/upload/images/snow.svg) no-repeat left top;
    height: 25px;
    padding-left: 30px;
    padding-top: 2px
}

.price2 .elem div.info .warm {
    background: url(/upload/images/sun.svg) no-repeat left top;
    height: 25px;
    padding-left: 30px;
    padding-top: 2px
}

.price2 .elem div.info .cold > .left {
    text-align: left;
    display: inline-block;
    float: left
}

.price2 .elem div.info .cold > .right {
    text-align: right;
    display: inline-block;
    float: right
}

.price2 .elem div.info .cold > .right > span {
    font-size: 24px;
    font-weight: 700
}

.price2 .elem div.info .warm > .left {
    text-align: left;
    display: inline-block;
    float: left
}

.price2 .elem div.info .warm > .right {
    text-align: right;
    display: inline-block;
    float: right
}

.price2 .elem div.info .warm > .right > span {
    font-size: 24px;
    font-weight: 700
}

.price2 .elem div.info .line {
    width: 100%;
    border-bottom: 1px solid #eee;
    display: block;
    position: relative;
    margin: 6px 0
}

.price2 .elem div.info .text {
    font-size: 14px;
    line-height: 17px;
    font-style: italic;
    color: #7F7F7F;
    width: 100%;
    display: block;
    position: relative;
    padding-bottom: 20px
}

.contact-block-widget .title {
    display: inline-block;
    width: auto;
    height: auto;
    font-weight: 700;
    text-transform: uppercase;
    padding-top: 23px;
    line-height: 1em
}

.contact-block-widget .title .underline {
    border-top: 4px solid transparent;
    border-bottom: 1px dashed #000;
    -webkit-transition: border-top-color .7s ease;
    -moz-transition: border-top-color .7s ease;
    -ms-transition: border-top-color .7s ease;
    -o-transition: border-top-color .7s ease;
    transition: border-top-color .7s ease;
    padding-top: 17px
}

.contact-block-widget .title .underline:hover {
    border-bottom-color: transparent
}

.contact-block-widget .title a {
    color: #656565
}

.contact-block-widget.selected .title .underline {
    border-top-color: #fb7c36;
    border-bottom: 0
}

.contact-block-widget.selected .title .underline a:hover {
    cursor: default
}

.contact-block-widget .orange {
    display: inline-block;
    width: auto;
    height: auto;
    padding-top: 5px;
    font-size: 22px;
    white-space: nowrap
}

.contact-block-widget .info span {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    display: inline-block;
    width: auto;
    height: auto;
    padding: 10px 34px 0
}

.contact-block-widget .info span:before {
    position: absolute;
    top: 7px;
    right: auto;
    bottom: auto;
    left: 1px;
    width: 26px;
    height: 26px;
    content: ''
}

.contact-block-widget .info span.email:before {
    background: url(../img/_sprite.png) -610px -60px no-repeat
}

.contact-block-widget .info span.icq:before {
    background: url(../img/_sprite.png) -640px -60px no-repeat
}

.contact-block-widget .info span.address:before {
    background: url(../img/_sprite.png) -670px -60px no-repeat
}

.contact-block-widget .info span.working-time:before {
    background: url(../img/_sprite.png) -700px -60px no-repeat
}

.contact-block-widget .manager-block {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 20px;
    background-color: #fff
}

.contact-block-widget .manager-block .manager-photo {
    width: 100%;
    border-radius: 49%
}

.contact-block-widget .manager-block .manager-info a {
    width: 100%;
    display: block;
    padding: 5px 0;
    text-align: center;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 700;
    color: #656565
}

@media screen and (max-width: 767px) {
    .contact-block-widget .manager-block .manager-info {
        text-align: center
    }

    .contact-block-widget .manager-block .manager-info a.call_one {
        display: block;
        margin: 0 auto
    }
}

ul.slick-dots {
    margin: 0;
    padding: 0
}

ul.slick-dots > li {
    margin: 0;
    padding: 0;
    background: none !important
}

.rassrochka .row {
    padding-left: -15px;
    padding-right: -15px
}

.hire-purchase .item + .item::before {
    right: 264px
}

.hire-purchase .item {
    width: auto;
    height: auto;
    text-align: center
}

.hire-purchase .item + .item {
    margin-left: 0
}

.hire-purchase .item a i.active-state img {
    width: auto;
    display: block;
    position: relative;
    left: 0
}

.hire-purchase .item a,
.hire-purchase .item span {
    width: auto;
    height: auto
}

.hire-purchase .item a i.active-state,
.hire-purchase .item span i.active-state {
    background: none;
    width: auto;
    height: auto
}

.hire-purchase .item a i.unactive-state,
.hire-purchase .item span i.unactive-state {
    background: none;
    width: auto;
    height: auto
}

.hire-purchase .item a > span,
.hire-purchase .item span > span {
    margin-left: -20%
}

.hire-purchase.inner-page-r .item + .item::before {
    right: 286px
}

.hire-purchase.animate .item i.active-state,
.hire-purchase.animate .item i.unactive-state {
    -webkit-transition: opacity 1200ms ease 1200ms;
    -moz-transition: opacity 1200ms ease 1200ms;
    -ms-transition: opacity 1200ms ease 1200ms;
    -o-transition: opacity 1200ms ease 1200ms;
    transition: opacity 1200ms ease 1200ms
}

.hire-purchase.animate.inner-page-r .item i.active-state,
.hire-purchase.animate .item i.unactive-state {
    -webkit-transition: opacity 1200ms ease 1200ms;
    -moz-transition: opacity 1200ms ease 1200ms;
    -ms-transition: opacity 1200ms ease 1200ms;
    -o-transition: opacity 1200ms ease 1200ms;
    transition: opacity 1200ms ease 1200ms
}

.hire-margin {
    margin-left: 55px
}

.four-steps-wrapper {
    padding-right: 20px;
    padding-left: 6%
}

.four-steps-wrapper span {
    display: block;
    width: 100%;
    line-height: 2.1em;
    margin-top: -10px;
    overflow: hidden;
    font-weight: 700;
    font-size: 12px;
    color: #535959;
    text-transform: uppercase;
    text-align: left;
    padding-left: 12%
}

.four-steps-wrapper a {
    padding: 10px 20px 5px 25px
}

.four-steps-wrapper img + img {
    position: absolute;
    right: 0;
    top: 12%;
    overflow: visible
}

.four-steps-wrapper .col-xl-3 span:nth-child(3) {
    padding-left: 20%
}

#main-page .reviews-block {
    width: 100%
}

.container.responses {
    padding-left: 0;
    padding-right: 0
}

.reviews-title {
    padding-left: 60px
}

.reviews-container {
    margin-top: 40px
}

.reviews-container .ss-box .title {
    font-size: 17px;
    font-weight: 700
}

.reviews-container .ss-box {
    -webkit-box-shadow: 2px 2px 0 0 #e6e9e9;
    box-shadow: 2px 2px 0 0 #e6e9e9;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -ms-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    padding: 32px 24px 27px 0;
    background-color: #fff;
    margin-bottom: 25px;
    color: #656565
}

.reviews-container .ss-box .ss-box-item {
    margin-left: 16px;
    color: #656565;
    display: block
}

.reviews-container .slick-slide {
    margin-left: 20px
}

.slick-slider-2 {
    margin-left: 40px;
    margin-right: 40px
}

.ss-box-item > img {
    position: relative;
    top: -32px;
    right: auto;
    bottom: auto;
    left: -11px;
    width: calc(100% + 28px + 28px)
}

#footer .certificates {
    width: 100%;
    margin-top: 0
}

#footer .certificates::after {
    width: 100%;
    right: 0;
    left: 0
}

#footer .bottom-menu .bottom-menu-bg .title {
    border-bottom: 2px solid #feb743;
    text-transform: uppercase;
    padding-bottom: 1px
}

#footer .bottom-menu .bottom-menu-bg {
    line-height: 2em
}

#footer .title {
    font-weight: 700;
    width: 80%
}

#footer .bottom .right-bottom {
    float: none;
    padding: 0
}

#footer .bottom .right-bottom .push-right > a {
    margin-top: 26px;
    position: absolute;
    color: #333;
    text-decoration: underline
}

.about-video {
    width: 360px;
    height: 300px
}

.options .slick-prev {
    left: -40px
}

.cards .card {
    margin-bottom: 2em
}

.cards .card .card-img-top {
    height: 7em;
    overflow-y: hidden
}

.cards .card .card-body {
    height: 6em
}

.cards .card .card-text {
    text-align: center;
    margin-bottom: 0;
    margin-top: 0
}

.partner .image {
    width: auto
}

.partner .image img {
    width: 100%
}

.reviews-container .container {
    width: auto
}

.reviews-container .js-item {
    max-width: 260px
}

.links-catalog .column {
    width: auto;
    margin: 0
}

#plastikovye-okna {
    margin-bottom: 40px
}

#plastikovye-okna .gallery-photo {
    padding-left: 20px;
    padding-right: 20px
}

#plastikovye-okna .zakazat .elem {
    min-height: 150px !important
}

#plastikovye-okna .types3 .info h2 {
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    margin: 70px 0 20px
}

#balkony-i-lodzhiy .gallery-photo {
    padding-left: 20px;
    padding-right: 20px
}

@media (max-width: 767px) {
    .gallery-photo {
        display: none
    }
}

#okna-rehau .slider-1 .slick-list.draggable {
    overflow: visible
}

#okna-rehau .slider-1 .slick-slide {
    margin-left: 15px
}

#okna-rehau .types3 .info h2 {
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    margin: 70px 0 20px
}

.shtapiki h3 {
    height: 50px;
    font-size: 22px
}

.shtapiki .shtapik-label {
    text-transform: uppercase
}

#price-page .slick-slider-5 .slick-slide {
    margin-left: 10px;
    padding: 5px
}

#gallery-page .album {
    width: auto;
    max-width: 330px
}

.displaylabel,
.appear-992 {
    display: none
}

#content-wrapper .calculator .panel-container .type-block .info {
    height: auto
}

#content-wrapper .calculator .panel-container .type-block .params-block .radio-block {
    height: auto
}

#content-wrapper .calculator .panel-container .type-block .params-block .radio-block > span,
#content-wrapper .calculator .panel-container .type-block .params-block .radio-block .row .col-6 > span {
    display: inline-block;
    width: auto;
    height: auto;
    overflow: hidden;
    font-weight: 700;
    line-height: 12px;
    color: #515657;
    vertical-align: middle
}

#content-wrapper .calculator .panel-container .type-block .params-block {
    padding-left: 10px;
    padding-right: 10px
}

.line-xxx {
    padding-bottom: 5px
}

#windows a.hover {
    z-index: 1000
}

.displaylabel-2 {
    display: none
}

.card_payment .tmg {
    width: 100%
}

.samples {
    width: 100%
}

.sliderkit-nav-clip {
    width: 100% !important
}

.type-windows-catalog .type-windows-item {
    width: 100%;
    margin-right: 1px;
    height: auto
}

.type-windows-catalog .type-windows-item .item-text {
    width: auto;
    height: auto;
    float: none;
    padding-left: 14px;
    padding-right: 10px
}

.type-windows-catalog .type-windows-item ul {
    height: auto
}

.type-windows-catalog {
    margin-right: 0
}

.in-interior img {
    width: 100%
}

.menu2padd {
    margin-top: 10px;
    margin-bottom: 10px
}

.menu2 ul {
    list-style: none
}

.menu2 .slick-menu2 {
    display: block;
    width: 100%;
    height: 33px;
    margin: 0;
    padding: 0;
    border-top: 2px solid #FF5E1B;
    border-bottom: 2px solid #FF5E1B;
    border-radius: 2px;
    border-left: 1px solid #FF5E1B;
    border-right: 1px solid #FF5E1B;
    cursor: pointer
}

.menu2_elem {
    height: 29px
}

.menu2_elem .needformiddle a {
    font-weight: 700
}

.slick-menu2 {
    overflow: hidden
}

.slick-menu2.slick-initialized {
    overflow: visible
}

.menu2 .slick-menu2 li {
    width: 20%;
    display: table-cell;
    height: 30px;
    background-color: inherit;
    color: #FF5E1B;
    font-size: 18px;
    text-align: center;
    padding: 5px 4px 0;
    vertical-align: middle;
    font-size: 15px;
    font-size: 18px;
    border-left: 1px solid #FF5E1B;
    border-right: 1px solid #FF5E1B
}

.menu2 .slick-menu2 li.menu2_elem:first-of-type {
    border-left: 1px solid #FF5E1B
}

.menu2 .slick-menu2 li.menu2_elem:last-of-type {
    border-right: 1px solid #FF5E1B
}

.menu2 .slick-menu2 li {
    font-size: 12px;
    line-height: 22px;
    text-transform: uppercase
}

.menu2 .slick-menu2 li:hover,
.menu2 .slick-menu2 li.active {
    background-color: #FF5E1B;
    transition-duration: .4s
}

.menu2 .slick-menu2 li:hover a,
.menu2 .slick-menu2 li.active a {
    color: #fff
}

.menu2 .slick-menu2 .slick-slide {
    text-align: center;
    line-height: 22px;
    vertical-align: middle
}

.menu2 .slick-menu2 .slick-slide > div {
    height: 100%
}

.menu2 .slick-menu2 .slick-slide li a {
    font-size: 12px;
    text-transform: uppercase;
    vertical-align: middle;
    display: block
}

.menu2 .slick-prev::before,
.menu2 .slick-next::before {
    font-size: 23px;
    opacity: 1;
    font-weight: 700;
    color: gray;
    border: none
}

.menu2 .slick-prev {
    left: -25px
}

.menu2 .slick-next {
    right: -25px
}

.menu2 .needformiddle {
    height: 100%;
    vertical-align: middle;
    width: 100%
}

.gallery-photo .row {
    margin-left: 0;
    margin-right: 0
}

.gallery-photo .row .col-1,
.gallery-photo .row .col-2,
.gallery-photo .row .col-3,
.gallery-photo .row .col-4,
.gallery-photo .row .col-5,
.gallery-photo .row .col-6 {
    padding-left: 0;
    padding-right: 0
}

.gallery-photo img {
    height: 100% !important
}

.gallery-photo .half-height {
    height: 175px !important
}

.gallery-photo .full-height {
    height: 350px !important
}

@media only screen and (max-width: 1199px) {
    .gallery-photo .half-height {
        height: 140px !important
    }

    .gallery-photo .full-height {
        height: 280px !important
    }
}

@media only screen and (max-width: 991px) {
    .gallery-photo {
        display: none
    }
}

@media only screen and (max-width: 1199px) {
    .about-video {
        width: 300px;
        height: 230px
    }

    .recall-form .name {
        width: 210px
    }

    .recall-form .phone-number {
        width: 180px
    }

    .recall-form .text {
        font-size: 20px
    }

    .in-interior {
        overflow: visible
    }

    .in-interior .slick-prev {
        left: -38px
    }

    #plastikovye-okna .types3 .info h2 {
        font-size: 16px
    }

    #balkony-i-lodzhiy .types .col-md-6 {
        padding-left: 0;
        padding-right: 0
    }

    #balkony-i-lodzhiy .examples .slick-prev::before,
    #balkony-i-lodzhiy .examples .slick-next::before {
        padding: 3px 8px !important
    }

    #okna-rehau .slider-1.slider-image-2 {
        background-size: cover !important
    }

    #okna-rehau .steps-content .multiple-items .elem {
        min-height: 0 !important
    }

    #okna-rehau .steps .steps-content .elem > .row > div div.label {
        text-align: left
    }

    #okna-rehau .steps .label {
        white-space: normal
    }

    #okna-rehau .steps .window-type {
        background-position: -180% 50% !important
    }

    #okna-rehau .steps .steps-content .elem > .row > div.form-container {
        background-size: cover !important
    }

    #okna-rehau .types3 .info h2 {
        font-size: 16px
    }

    #price-page h2 {
        font-size: 26px !important;
        line-height: 34px !important
    }

    #price-page .slider-1,
    #price-page .slider-2 {
        background-size: cover !important
    }

    #price-page .calculators img {
        width: 90%
    }

    #price-page .slider-simple .elem {
        min-width: 0
    }

    #price-page .payments .payments-types .item h3 {
        font-size: 22px
    }

    #gallery-page .album {
        max-width: 260px;
        margin-left: 30px
    }

    #configurator-page .tab-container > .etabs.full-width .tab a {
        padding: 0 6px
    }

    #configurator-page .tab-container .panel-container > div > .description {
        width: auto
    }

    #configurator-page .shadow.shadow-top {
        display: none
    }

    #configurator-page .tab-container .panel-container .sections .etabs {
        width: auto
    }

    .calculator .shadow {
        display: none
    }

    #content-wrapper .calculator .panel-container .size-block .length-tracker-wrapper {
        width: 100%
    }

    #content-wrapper .calculator .panel-container {
        padding-right: 20px;
        padding-left: 20px
    }

    #window-premium-yes {
        display: inline-block
    }

    .line-xxx {
        display: block;
        padding-bottom: 5px
    }

    .xxx {
        display: inline-block
    }

    #content-wrapper .calculator .panel-container .type-block .params-block .radio-block {
        height: auto
    }

    #content-wrapper .calculator .panel-container .size-block .window {
        width: 100%;
        margin-left: 59px
    }

    .hor-tracker.ui-slider-horizontal {
        width: 85%
    }

    .type-windows-catalog .type-windows-item .item-text {
        padding-left: 3px;
        padding-right: 3px;
        padding-top: 0
    }

    .type-windows-catalog .type-windows-item h3 {
        max-height: 100%
    }

    .type-windows-catalog {
        margin-right: 0
    }

    .slider-1 a.button-slider {
        font-size: 26px
    }

    .menu2 .slick-menu2.slick-slider {
        margin-right: 4px
    }

    .menu2 .slick-prev {
        left: -40px
    }

    .menu2_elem {
        min-width: 220px
    }

    .slider-2 .container {
        background: url(/upload/images/rehau_windows_2.jpg) no-repeat;
        background-size: auto 100%;
        background-position: right center
    }

    h1.main-h1,
    h1 {
        font-size: 26px
    }

    .price .price-content div.text .rassrochka {
        display: block
    }

    .rassrochka .rassrochka-list {
        padding-left: 50px !important
    }

    .rasschet .row .disp-n {
        display: none
    }

    .rasschet h2 {
        font-size: 30px
    }

    .hire-purchase .col-lg-3 {
        max-width: 24.5%
    }

    .hire-purchase .header {
        font-size: 30px
    }

    .rassrochka .rassrochka-list .rassrochka-list-item {
        font-size: 20px
    }

    .active-state img {
        width: 68% !important
    }

    .unactive-state img {
        width: 84% !important
    }

    .hire-margin {
        margin-left: 40px
    }

    .hire-purchase .item a i.active-state img {
        left: 5px
    }

    .hire-purchase.animate .item + .item::before {
        width: 80px;
        background-size: 50%
    }

    .hire-purchase .item + .item::before {
        background-size: 50%
    }

    .hire-purchase.animate .item + .item::after {
        width: 80px
    }

    .hire-purchase .item + .item::before {
        right: 220px
    }

    .hire-purchase .item + .item::before {
        background-size: 49%
    }

    .hire-purchase.inner-page-r .item + .item::before {
        right: 233px;
        background-size: 56%
    }

    .hire-purchase .item + .item::after {
        left: 42px
    }

    .hire-purchase .item a > span,
    .hire-purchase .item span > span {
        margin-left: -10%
    }

    .four-steps-wrapper img + img {
        width: 38%;
        right: -16px
    }

    .zamer h2 {
        font-size: 30px;
        line-height: 32px
    }

    .four-steps-wrapper .col-lg-3 {
        max-width: 24.9%
    }

    .reviews-block .reviews-title {
        font-size: 30px
    }

    .reviews-container .ss-box {
        box-shadow: none
    }

    #main-page .reviews-block {
        padding-bottom: 60px
    }

    #footer .certificates .clip {
        left: 40%
    }

    #footer .certificates .background .wrapper .multi-columns-text p {
        margin: 0 0 1.4rem 15px
    }

    #footer .certificates .background .wrapper {
        padding: 27px 30px 0
    }

    #footer .bottom .title {
        font-size: 12px
    }

    #footer .column {
        line-height: 1.5rem
    }

    #footer .bottom .orange {
        font-size: 14px
    }

    #footer-map .bottom {
        left: 0
    }

    #footer .bottom .column {
        font-size: 11px
    }

    #footer .bottom .right-bottom .push-right > a {
        margin-top: 26px;
        position: absolute;
        color: #333;
        text-decoration: underline
    }
}

@media only screen and (max-width: 991px) {
    #content-wrapper #breadcrumbs li {
        padding-bottom: 10px
    }

    .need-for-resp {
        width: 94% !important;
        height: auto !important;
        float: left !important
    }

    .recall-form .text {
        width: 100%
    }

    .recall-form .name {
        margin-left: 0
    }

    .in-interior .slick-prev {
        left: -39px
    }

    .reviews-container .js-item {
        max-width: 290px
    }

    .profiles .img-col {
        height: 250px
    }

    #plastikovye-okna .zakazat .title {
        font-size: 18px;
        height: 72px
    }

    #plastikovye-okna .slider-7 {
        background: url(/local/images/color_windows_2.jpg) no-repeat;
        background-size: auto 100%;
        background-position: right center;
        height: auto
    }

    #plastikovye-okna .slider-8 {
        background: url(/local/images/kompectuyuzshie_2.jpg) no-repeat;
        background-size: auto 100%;
        background-position: right center;
        height: auto
    }

    #balkony-i-lodzhiy .types .main-h2 {
        padding-left: 25px
    }

    #balkony-i-lodzhiy .types .col-md-6 {
        padding-left: 0;
        padding-right: 0
    }

    #balkony-i-lodzhiy .types .elem div.price {
        position: relative;
        left: 5px;
        bottom: 0;
        margin-top: 30px
    }

    #balkony-i-lodzhiy .types .elem .button {
        position: relative;
        left: 5px;
        bottom: 0;
        right: 0;
        top: 30px;
        display: block;
        margin-top: 15px
    }

    #balkony-i-lodzhiy .types .elem.cold div.price {
        margin-top: 40px
    }

    #balkony-i-lodzhiy .types .elem.cold .button {
        margin-top: 25px
    }

    #balkony-i-lodzhiy .types .elem {
        min-height: 398px
    }

    #balkony-i-lodzhiy .types2 h2 {
        font-size: 21px
    }

    #balkony-i-lodzhiy .types2 .al {
        background-position: 100% center !important
    }

    #balkony-i-lodzhiy .types2 .pl {
        background-position: 100% center !important
    }

    #balkony-i-lodzhiy .price2 .elem div.info .cold > .right {
        float: none
    }

    #balkony-i-lodzhiy .price2 .elem div.info .warm > .right {
        float: none
    }

    #balkony-i-lodzhiy .price2 .elem div.info .text {
        top: 10px
    }

    #balkony-i-lodzhiy .price2 .elem div.info .line {
        margin-top: 28px
    }

    #balkony-i-lodzhiy .examples .info-container .elem h2 {
        line-height: 23px;
        margin-bottom: 5px
    }

    #okna-rehau .slider-1 .slick-list.draggable {
        overflow: visible
    }

    #okna-rehau .slider-1 .slick-slide {
        margin-left: 5px
    }

    #okna-rehau .okna-rehau-info h3 {
        font-size: 19px;
        margin-top: 20px
    }

    #okna-rehau .okna-rehau-info {
        min-height: 483px
    }

    #okna-rehau .okna-rehau-info span.price {
        font-size: 25px
    }

    .okna-rehau-info a.info-button {
        float: left
    }

    #okna-rehau .slider-1.slider-image-2 {
        background-size: cover !important
    }

    #okna-rehau .steps-content .multiple-items .elem {
        min-height: 0 !important
    }

    #okna-rehau .steps .steps-content .elem > .row > .flat,
    #okna-rehau .steps .steps-content .elem > .row > .house,
    #okna-rehau .steps .steps-content .elem > .row > .office,
    #okna-rehau .steps .steps-content .elem > .row > .cold,
    #okna-rehau .steps .steps-content .elem > .row > .noise,
    #okna-rehau .steps .steps-content .elem > .row > .shine {
        height: 252px
    }

    #okna-rehau .steps .window-type {
        background-position: 172% 50% !important
    }

    #okna-rehau .steps .steps-content .elem > .row > .result-window-type,
    #okna-rehau .steps .steps-content .elem > .row > .form-container {
        height: 310px
    }

    #okna-rehau .steps .steps-content .elem .form-container h3 {
        font-size: 28px
    }

    #okna-rehau .steps .steps-content .elem > .row > .result-window-type {
        background-position: -69% 50% !important
    }

    #okna-rehau .steps .steps-content .elem .form-container form input.name,
    #okna-rehau .steps .steps-content .elem .form-container form input.phone {
        margin-top: 10px
    }

    .shtapiki h3 {
        height: 50px;
        font-size: 20px
    }

    #price-page .payments .payments-types .item h3 {
        line-height: 29px
    }

    #gallery-page .album {
        max-width: 290px;
        margin-left: 20px
    }

    #gallery-page .gallery {
        margin-left: -22px
    }

    .contacts-page .contact-us textarea {
        margin-top: 20px
    }

    .contacts-page .contact-us form .select2-container {
        width: 100%
    }

    .contacts-page .contact-us form input,
    .contacts-page .contact-us form select,
    .contacts-page .contact-us form .select2-container {
        width: 100%
    }

    .contacts-page .contact-us form .left-block {
        width: 100%
    }

    .contacts-page .contact-us form textarea {
        width: 100%
    }

    .contacts-page .left-block.col-lg-6 {
        padding-left: 0;
        padding-right: 0
    }

    #content-wrapper .calculator .panel-container .size-block .window {
        width: 100%;
        margin-left: 10px
    }

    .js-main-img {
        width: 100%
    }

    .hor-tracker.ui-slider-horizontal {
        width: 100%
    }

    #content-wrapper .calculator .panel-container .type-block .params-block {
        padding: 21px 0 0;
        border: none
    }

    #content-wrapper .calculator .panel-container .type-block .params-block .order-block .price.old {
        display: block
    }

    #content-wrapper .calculator .panel-container .type-block .info.v1 {
        height: auto
    }

    #content-wrapper .calculator .panel-container .size-block .height-tracker-wrapper .vert-tracker {
        margin-left: -3px
    }

    .hide-992 {
        display: none
    }

    .apear-992 {
        display: block
    }

    .displaylabel-2 {
        display: block
    }

    .type-block.displaylabel-2 {
        margin-bottom: 20px
    }

    #balcony .hor-tracker.ui-slider-horizontal {
        width: 85%
    }


    .slider-1 a.button-slider {
        max-width: 65%
    }

    .menu2 .slick-menu2 li {
        width: 19%
    }

    .menu2_elem {
        min-width: 214px
    }

    .categories .cat {
        width: 95%;
        height: 110%
    }

    .slider-3 .slider-text {
        width: 71%
    }

    .rassrochka .rassrochka-list .rassrochka-list-item {
        height: 40px;
        line-height: 23px;
        font-size: 18px;
        margin-top: 31px
    }

    .hire-purchase .header {
        font-size: 26px
    }

    .active-state img {
        width: 75% !important
    }

    .unactive-state img {
        width: 69% !important
    }

    .hire-purchase .item a i.active-state img {
        left: 21px
    }

    .hire-purchase .item + .item::before {
        width: 60px
    }

    .hire-purchase.animate .item + .item::before {
        width: 60px;
        background-size: 71%
    }

    .hire-purchase.animate .item + .item::after {
        width: 60px
    }

    .hire-purchase .item + .item::before {
        right: 145px;
        top: 50px
    }

    .hire-purchase.inner-page-r .item + .item::before {
        right: 150px
    }

    .hire-purchase.inner-page-r.animate .item + .item::before {
        background-size: 40%
    }

    .hire-purchase.inner-page-r .active-state img {
        width: 60% !important
    }

    .hire-purchase .item + .item::after {
        left: 80px;
        top: 50px
    }

    .hire-purchase .item a > span,
    .hire-purchase .item span > span {
        margin-left: 0;
        font-size: 11px
    }

    .hire-margin {
        margin-left: -5px
    }

    .zamer .row .image {
        display: none
    }

    .four-steps-wrapper {
        padding-right: 10px;
        padding-left: 2%
    }

    .four-steps-wrapper img {
        width: 80%
    }

    .four-steps-wrapper img + img {
        width: 30%
    }

    .slick-slider-2 {
        margin-left: 30px
    }

    #footer .certificates .clip {
        left: 37%
    }

    #footer .certificates .background .wrapper {
        max-height: 388px
    }

    .certificates img {
        margin-top: 20px
    }

    #footer .bottom .column {
        margin-left: 0
    }

    #footer .right-bottom {
        margin-top: 15px
    }

    #footer .right-bottom .push-right {
        float: right;
        padding-right: 30px
    }
}

@media only screen and (max-width: 767px) {
    .mobile-menu {
        display: block
    }
}

@media only screen and (max-width: 766px) {
    .about-video {
        width: 100%;
        height: 230px;
        margin-bottom: 20px
    }

    .menu2_elem {
        min-width: 231px
    }

    .recall-form .name {
        width: 100%;
        margin-left: 0
    }

    .recall-form .phone-number {
        width: 100%;
        margin-left: 0
    }

    .in-interior img.fw-need {
        width: 100%
    }

    .gallery-photo {
        padding-left: 30px;
        padding-right: 30px
    }

    .partners .partner > .info {
        padding: 25px 10px 30px 20px;
        width: auto
    }

    .partners .partner > .image {
        float: none
    }

    .partners .partner > .info {
        float: none
    }

    .photo-gallery .photo {
        max-width: 200px;
        width: auto
    }

    .photo-gallery.js-freetile .image-wrapper img {
        width: 100%
    }

    #plastikovye-okna .types3 .info h2 {
        margin-top: 0;
        text-align: center
    }

    .gallery-photo .in-interior {
        display: none
    }

    #balkony-i-lodzhiy .price2 .elem div.info .cold > .right {
        float: right
    }

    #balkony-i-lodzhiy .price2 .elem div.info .warm > .right {
        float: right
    }

    #balkony-i-lodzhiy .price2 .elem div.info .text {
        top: 0
    }

    #balkony-i-lodzhiy .price2 .elem div.info .line {
        margin-top: 6px
    }

    #balkony-i-lodzhiy .otdelka .image {
        margin-top: 0
    }

    #balkony-i-lodzhiy .types3 a .info h2 {
        margin-top: 15px;
        text-align: center
    }

    #balkony-i-lodzhiy .types3 a .info p {
        text-align: center
    }

    #okna-rehau .slider-1 .main-h2 {
        font-size: 26px
    }

    #okna-rehau .slider-1 .slick-list.draggable {
        overflow: hidden
    }

    #okna-rehau .slider-1 .slick-slide {
        margin-left: 10px;
        padding-left: 10px;
        padding-right: 10px
    }

    #okna-rehau .okna-rehau-info h3 {
        font-size: 22px;
        margin-top: 40px
    }

    #okna-rehau .okna-rehau-info {
        min-height: 0
    }

    #okna-rehau .okna-rehau-info span.price {
        font-size: 26px
    }

    .okna-rehau-info a.info-button {
        float: right
    }

    #okna-rehau .slider-1.slider-image-1 {
        background-size: cover !important
    }

    #okna-rehau .steps-content .multiple-items .elem {
        min-height: 0 !important
    }

    #okna-rehau .steps .steps-content .elem > .row > .flat,
    #okna-rehau .steps .steps-content .elem > .row > .house,
    #okna-rehau .steps .steps-content .elem > .row > .office,
    #okna-rehau .steps .steps-content .elem > .row > .cold,
    #okna-rehau .steps .steps-content .elem > .row > .noise,
    #okna-rehau .steps .steps-content .elem > .row > .shine {
        height: 200px
    }

    #okna-rehau .steps .steps-content .elem > .row > div div.label {
        margin-left: 0;
        padding: 10px 10px 10px 30px
    }

    #okna-rehau .steps .window-type {
        background-position: 116% 50% !important
    }

    #okna-rehau .steps .steps-content .elem.step-3 > .row > div div.label-price .price {
        font-size: 26px
    }

    #okna-rehau .steps .steps-content .elem.step-3 > .row > div div.label-price {
        bottom: 80px;
        right: 8px
    }

    #okna-rehau .steps .steps-content .elem > .row > .result-window-type {
        background-position: 0 50% !important
    }

    #okna-rehau .types3 .info h2,
    types3 .info h2 {
        text-align: center;
        margin-top: 0
    }

    #okna-rehau .types3 {
        padding-top: 20px
    }

    .shtapiki h3 {
        height: auto
    }

    #price-page .payments .payments-types .item h3 {
        font-size: 18px
    }

    #gallery-page .album {
        max-width: 220px;
        margin-left: 20px
    }

    #gallery-page .album .title {
        font-size: 16px
    }

    .displaylabel {
        display: block
    }

    .hide-766 {
        display: none
    }

    #content-wrapper .calculator .panel-container .type-block .type-select li {
        margin-right: 9px
    }

    #content-wrapper .calculator .panel-container {
        padding-right: 20px !important
    }

    #content-wrapper .calculator .panel-container .type-block {
        width: 100%
    }

    #balcony .hor-tracker.ui-slider-horizontal {
        width: 80%
    }

    .contacts-page .info span {
        width: 100%
    }

    .custom-img {
        width: 100% !important;
        height: auto !important
    }

    .display-no {
        display: flex
    }

    .mobile-menu {
        display: block
    }

    .slider-1 a.button-slider {
        max-width: 87%
    }

    .categories .cat-container {
        padding-top: 80%
    }

    .categories .cat {
        width: 87%;
        height: 105%
    }

    .categories .title {
        margin-top: 23px;
        margin-bottom: 15px;
        font-size: 15px
    }

    .price-tabs .divTableCell {
        font-size: 17px
    }

    .price .price-content div.text .rassrochka {
        display: inline-block
    }

    .rasschet {
        background: none
    }

    .slider-3 {
        background: url(/upload/images/balkon_osteklenie_2.jpg) no-repeat;
        background-size: 100% 100%;
        background-position: center
    }

    .slider-3 .slider-button {
        margin-top: 10px
    }

    .slider-3 .slider-text {
        margin-top: 25px;
        line-height: 24px
    }

    .hire-purchase {
        display: none
    }

    .slider-4 .slider-text {
        font-size: 16px;
        line-height: 24px
    }

    .rassrochka .rassrochka-list {
        padding-left: 5px !important
    }

    .short-width.hire-purchase {
        display: none
    }

    .slider-5 .slider-text {
        font-size: 16px;
        line-height: 24px
    }

    .slider-5 .slider-button {
        margin-top: 30px
    }

    .slider-5 {
        height: auto
    }

    .advantages .slick-slide {
        margin-left: 20px;
        margin-right: 20px;
        padding: 0 3px
    }

    .zamer .row .col-lg-6 {
        height: 434px
    }

    .consest-label-container {
        margin-top: 5px
    }

    .zamer .image {
        display: none
    }

    .four-steps-wrapper span {
        font-size: 10px
    }

    .four-steps-wrapper {
        padding-left: 0;
        padding-right: 0
    }

    .slick-slider-2 {
        margin-left: 85px;
        margin-right: 85px
    }

    .reviews-container .slick-slide {
        margin-left: 0
    }

    .reviews-container .slick-next {
        right: -35px
    }

    .reviews-container .slick-prev {
        left: -45px
    }

    .ss-box-item > img {
        left: -27px
    }

    #footer .certificates .clip {
        left: 32%
    }

    #footer .certificates .background .wrapper {
        max-height: 645px
    }

    #footer .title {
        width: 86%
    }

    #footer .bottom .column {
        margin-bottom: 20px
    }

    #footer .bottom .column::before {
        display: none
    }

    #footer .bottom .title {
        font-size: 13px
    }

    #footer .bottom .orange {
        font-size: 15px;
        line-height: 22px
    }

    #footer .bottom .column {
        font-size: 12px;
        margin-left: 0
    }

    #footer .bottom {
        padding: 27px 54px
    }

    .certificates {
        display: none
    }

    .reviews-container .container span,
    .reviews-container .container .description {
        max-width: 100%
    }

    .reviews-container .js-item {
        max-width: 500px
    }

    .reviews-container .container {
        margin-left: 0
    }

    .links-catalog .column {
        max-width: 100%
    }

    .content .windows-install dl dd {
        margin-left: 0
    }
}

@media only screen and (max-width: 575px) {
    .menu2_elem {
        min-width: 245px;
        min-width: 50%
    }
}

@media only screen and (max-width: 576px) {
    .menu2_elem {
        min-width: 245px
    }

    .menu2_elem a {
        font-size: 11px
    }

    .menu2 .slick-menu2 .slick-slide li a {
        font-size: 11px
    }

    .gallery-photo {
        padding-left: 50px;
        padding-right: 50px
    }

    .in-interior img.fw-need {
        width: auto
    }

    .photo-gallery .photo {
        max-width: 80%;
        width: 80%
    }

    .popup-gallery .title {
        font-size: 22px
    }

    #plastikovye-okna .zakazat .elem.col-12 {
        max-width: 50%;
        flex: 0 0 50%
    }

    #plastikovye-okna .gallery-photo {
        padding-left: 45px;
        padding-right: 45px
    }

    #balkony-i-lodzhiy .price2 .elem div.info .cold > .right > span {
        font-size: 22px
    }

    #balkony-i-lodzhiy .price2 .elem div.info .warm > .right > span {
        font-size: 22px
    }

    #balkony-i-lodzhiy .otdelka .image {
        background-size: contain !important;
        background-position: top !important;
        min-height: 500px
    }

    #balkony-i-lodzhiy .types3 a .info h2 {
        margin-top: 15px;
        text-align: center
    }

    #balkony-i-lodzhiy .types3 a .info p {
        text-align: center
    }

    #balkony-i-lodzhiy .gallery-photo {
        padding-left: 45px;
        padding-right: 45px
    }

    .okna-rehau-info img.info-img {
        width: 46%;
        margin-top: 30px
    }

    #okna-rehau .slider-1 {
        padding: 30px 0
    }

    #okna-rehau .okna-rehau-info h3 {
        margin-top: 5px
    }

    #okna-rehau .okna-rehau-info .info {
        margin-top: 10px !important
    }

    .okna-rehau-info .okna-info-block-bars-container {
        margin-top: 0
    }

    #okna-rehau .slider-1 .slick-next {
        right: -8px
    }

    #okna-rehau .steps-content .multiple-items .elem {
        min-height: 0 !important
    }

    #price-page .calculators img {
        width: auto
    }

    #price-page .payments .payments-types .item {
        margin-top: 15px
    }

    #price-page .payments .payments-types .item h3 {
        line-height: 40px
    }

    #price-page .categories .cat-container {
        padding-top: 96%
    }

    #price-page .slick-slider-5 .slick-slide {
        padding: 31px
    }

    #gallery-page .album {
        max-width: 330px;
        margin-left: 50px
    }

    #configurator-page .plus-slope {
        left: 27px
    }

    #configurator-page .plus-layout {
        left: 116px
    }

    #configurator-page .plus-handle {
        top: 208px;
        left: 251px
    }

    #configurator-page .plus-sill {
        bottom: 19px;
        left: 150px
    }

    #content-wrapper .calculator .panel-container .size-block {
        width: auto
    }

    .vert-tracker.ui-slider-vertical {
        height: 270px
    }

    #content-wrapper .calculator .panel-container .size-block .window {
        height: 330px
    }

    #header .push-right {
        float: right
    }

    h1.main-h1,
    h1 {
        font-size: 24px
    }

    .zamer .image {
        display: none
    }

    .rasschet h2 {
        font-size: 24px
    }

    .slider-3 .slider-text {
        width: 95%
    }

    .rassrochka .rassrochka-list .rassrochka-list-item {
        height: 36px
    }

    .slider-5 .slider-button {
        margin-top: 10px
    }

    .elem {
        min-height: 200px
    }

    .zamer h2 {
        font-size: 26px
    }

    .zamer .row .col-lg-6 {
        height: 449px
    }

    .reviews-block .reviews-title {
        font-size: 26px
    }

    .ss-box-item > img {
        left: -26px
    }

    .slick-slider-2 {
        margin-left: 100px;
        margin-right: 100px
    }

    .reviews-container .ss-box {
        padding: 32px 19px 21px 10px
    }

    #footer .certificates .clip {
        left: 33%
    }

    .footer .bottom .col-6 {
        max-width: 49%
    }

    .footer .bottom-menu-bg .col-6 {
        max-width: 49%
    }
}

@media only screen and (max-width: 558px) {
    .menu2_elem {
        min-width: 200px
    }

    .menu2_elem a {
        font-size: 11px
    }

    .menu2 .slick-menu2 .slick-slide li a {
        font-size: 11px
    }
}

@media only screen and (max-width: 480px) {
    ul.ulStyle01 {
        padding-left: 5px
    }

    #content-wrapper .container.price {
        width: auto
    }

    #content-wrapper #breadcrumbs {
        padding-top: 0
    }


    .slider-1 .slider-text {
        height: 250px
    }

    .slider-1 div.slider-action {
        bottom: 50px
    }

    .slider-2 {
        height: auto
    }

    .price-tabs .divTableCell {
        font-size: 14px
    }

    .slider-3 {
        height: auto
    }

    .slider-5 {
        height: auto
    }

    .slick-slider-2 {
        margin-left: 0;
        margin-right: 0
    }

    .four-steps-wrapper .col-lg-3 {
        max-width: 49%
    }

    .four-steps-wrapper .col-lg-3 img:nth-child(2) {
        display: none
    }

    .four-steps-wrapper .col-lg-3 img {
        margin-left: 30px
    }

    .four-steps-wrapper .col-lg-3 a {
        text-align: center
    }

    .four-steps-wrapper .col-xl-3 span:nth-child(3) {
        text-align: center;
        padding: 0
    }

    .ss-box-item > img {
        left: -10px;
        width: 100% !important
    }

    .reviews-container .ss-box {
        padding: 32px 40px 21px 30px
    }

    .reviews-container .slick-prev {
        left: 10px;
        z-index: 50
    }

    .reviews-container .slick-next {
        right: 24px;
        z-index: 50
    }

    .certificates img {
        margin-top: 0
    }

    .certificates ul {
        padding: 0 0 0 10px
    }

    #footer .certificates .background .wrapper {
        max-height: none;
        height: auto
    }

    #footer .certificates .clip {
        left: 27%
    }

    #footer .bottom {
        padding: 27px 25px
    }

    .container.bottom .right-bottom {
        max-width: 100%;
        flex: 0 0 100%;
        text-align: center
    }

    #footer .right-bottom .push-right {
        float: none
    }

    #footer .bottom .right-bottom .push-right > a {
        position: relative;
        top: 25px
    }

    #plastikovye-okna .zakazat .elem.col-12 {
        max-width: 100%;
        flex: 0 0 100%
    }

    .more-481 {
        display: none
    }

    .slick-slider-stagesofwork {
        display: block !important
    }

    #plastikovye-okna .slick-slider-stagesofwork .slick-prev {
        left: -38px
    }

    #balkony-i-lodzhiy .types2 .container {
        padding-top: 30px
    }

    #balkony-i-lodzhiy .types2 h2 {
        margin: 30px 0 20px
    }

    #balkony-i-lodzhiy .types2 .pl {
        background-size: contain !important
    }

    #balkony-i-lodzhiy .types2 .al {
        background-size: contain !important
    }

    #balkony-i-lodzhiy .price2 .elem div.info .cold > .left {
        float: none
    }

    #balkony-i-lodzhiy .price2 .elem div.info .cold > .right {
        float: none;
        display: block;
        text-align: left
    }

    #balkony-i-lodzhiy .price2 .elem div.info .warm > .left {
        float: none
    }

    #balkony-i-lodzhiy .price2 .elem div.info .warm > .right {
        float: none;
        text-align: left;
        display: block
    }

    #balkony-i-lodzhiy .price2 .elem div.info .text {
        top: 10px
    }

    #balkony-i-lodzhiy .price2 .elem div.info .line {
        margin-top: 28px
    }

    #balkony-i-lodzhiy .otdelka .underlined-ul {
        font-size: 13px
    }

    #balkony-i-lodzhiy .otdelka .info h2 {
        font-size: 22px
    }

    #balkony-i-lodzhiy .otdelka .image {
        min-height: 410px
    }

    #balkony-i-lodzhiy .types3 a .info h2 {
        font-size: 16px
    }

    #okna-rehau .steps .steps-content .elem .row .col-4 {
        flex: 0 0 100%;
        max-width: 100%
    }

    #okna-rehau .steps .steps-content .elem > .row > .flat,
    #okna-rehau .steps .steps-content .elem > .row > .house,
    #okna-rehau .steps .steps-content .elem > .row > .office,
    #okna-rehau .steps .steps-content .elem > .row > .cold,
    #okna-rehau .steps .steps-content .elem > .row > .noise,
    #okna-rehau .steps .steps-content .elem > .row > .shine {
        height: 100px;
        background-size: cover !important
    }

    #okna-rehau .steps .result-window-type .col-5:nth-child(2) {
        flex: 0 0 50%;
        max-width: 50%
    }

    #okna-rehau .steps .window-type {
        background-position: 101% 50% !important
    }

    #okna-rehau .steps .steps-content .elem.step-3 > .row > div div.label-price {
        top: 57px;
        bottom: 0;
        right: 21px
    }

    #okna-rehau .okna-info-block-bars-container {
        background-color: rgba(255, 255, 255, .7)
    }

    #price-page .payments .payments-types .item {
        margin-top: 20px
    }

    #price-page .payments .payments-types .item h3 {
        font-size: 16px;
        line-height: 20px
    }

    #price-page .categories .cat-1,
    #price-page .categories .cat-2,
    #price-page .categories .cat-3,
    #price-page .categories .cat-4,
    #price-page .categories .cat-5,
    #price-page .categories .cat-6 {
        background-size: 100% !important
    }

    #price-page .slick-slider-5 .slick-slide {
        padding: 50px
    }

    #gallery-page .album {
        max-width: 100%;
        margin-left: 20px
    }

    #gallery-page .album img {
        width: 100%;
        height: auto
    }

    #configurator-page .plus-sill {
        bottom: 49px
    }

    .tab-container.js-tabs.js-configurator-tabs.col-lg-5 {
        padding-left: 10px
    }

    .js-main-img {
        margin-top: 0 !important
    }

    .vert-tracker.ui-slider-vertical {
        height: 240px
    }

    #content-wrapper .calculator .panel-container .size-block .window {
        height: 267px
    }

    #balcony .hor-tracker.ui-slider-horizontal {
        width: 70%
    }

    .menu2 .slick-menu2 .slick-slide li a {
        font-size: 11px
    }

    .menu2_elem {
        min-width: 160px
    }

    .menu2 .slick-menu2 {
        height: 43px
    }

    .menu2 .slick-menu2 li {
        height: 40px
    }

    .menu2_elem {
        height: 40px
    }

    .menu2 .slick-menu2 li {
        line-height: 16px
    }

    .menu2 .slick-menu2 .slick-slide {
        line-height: 16px
    }

    .menu2 .slick-menu2 li {
        padding-top: 4px
    }
}

@media only screen and (max-width: 400px) {
    #configurator-page .plus-sill {
        bottom: 24px
    }

    #configurator-page .plus-handle {
        left: 211px
    }

    #configurator-page .tab-container {
        min-height: 840px
    }

    #configurator-page .tab-container .panel-container > div > .description {
        max-height: 100%
    }

    .windows-gallery .windows .window .description {
        width: 168px;
        padding: 18px 5px 13px 9px
    }

    .js-main-img {
        margin-top: 10px !important
    }
}

@media only screen and (max-width: 380px) {
    #call-measurer {
        width: 320px
    }

    .rasschet .orange {
        display: block;
        line-height: 32px
    }

    .partners .partner > .info {
        padding-top: 5px
    }

    #plastikovye-okna .types3 .info h2 {
        font-size: 14px
    }

    #balkony-i-lodzhiy .types h2.main-h2 {
        padding-left: 25px
    }

    #balkony-i-lodzhiy .paragraph .container {
        padding-bottom: 15px
    }

    #balkony-i-lodzhiy .price2 .elem div.info .price-row {
        font-size: 16px
    }

    #balkony-i-lodzhiy .otdelka .underlined-ul li {
        border-bottom: 0
    }

    #balkony-i-lodzhiy .otdelka .underlined-ul span.col-50 {
        max-width: 48% !important;
        display: block;
        float: left
    }

    #balkony-i-lodzhiy .otdelka .underlined-ul li span:nth-child(2n) {
        display: block;
        float: right;
        text-align: right;
        vertical-align: bottom
    }

    #balkony-i-lodzhiy .otdelka .underlined-ul li {
        clear: both
    }

    #balkony-i-lodzhiy .otdelka .info h3 {
        float: left;
        display: block;
        width: 100%
    }

    #balkony-i-lodzhiy .otdelka .image {
        min-height: 340px
    }

    #balkony-i-lodzhiy .types3 a .info p span {
        display: block
    }

    #okna-rehau .slider-1 .main-h2 {
        font-size: 22px;
        line-height: 32px
    }

    .okna-rehau-info img.info-img {
        width: 72%
    }

    .okna-rehau-info .okna-info-block-bars-container {
        margin-top: 10px
    }

    .okna-rehau-info span.price {
        float: none
    }

    .okna-rehau-info a.info-button {
        float: left
    }

    #okna-rehau .steps .window-type {
        background-position: 101% 50% !important
    }

    #okna-rehau .steps .steps-content .elem.step-3 > .row > div div.label-price {
        top: 57px;
        bottom: 0;
        right: 21px
    }

    #okna-rehau .steps .steps-content .elem > .row > .result-window-type {
        background-position: -37% 50% !important
    }

    #okna-rehau .steps-tabs .divTableCell {
        font-size: 16px
    }

    #price-page .slick-slider-5 .slick-slide {
        padding: 32px
    }

    #gallery-page .album {
        max-width: 100%;
        margin-left: 5px
    }

    #gallery-page .gallery {
        margin-left: 0
    }

    #configurator-page .plus-sill {
        bottom: 55px
    }

    #configurator-page .plus-layout {
        left: 84px
    }

    #configurator-page .plus-handle {
        left: 188px;
        top: 184px
    }

    #configurator-page .tab-container .panel-container > div > .description {
        max-height: 100%
    }

    #configurator-page .tab-container > .etabs.full-width .tab a {
        padding: 0 3px
    }

    .menu2_elem {
        min-width: 150px
    }
}

@media only screen and (max-width: 370px) {
    .slider-1 a.button-slider {
        font-size: 24px
    }

    .rasschet h2 {
        font-size: 22px
    }

    .slider-3 .slider-text {
        width: 100%
    }

    .slick-slider-2 {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    #footer .certificates .clip {
        left: 24%
    }

    #header .logo {
        height: 40px
    }

    .slider-2 {
        height: auto
    }

    .price-tabs .divTableCell {
        font-size: 14px
    }

    .zamer .row .col-lg-6 {
        height: auto
    }

    .sliderkit-nav-clip li {
        width: 110px !important
    }

    #balkony-i-lodzhiy .types2 h2 {
        font-size: 18px
    }

    #balkony-i-lodzhiy .types2 .items .title {
        padding-left: 42px
    }

    #okna-rehau .steps .result-window-type .col-5:nth-child(1) {
        flex: 0 0 30%;
        max-width: 30%
    }

    #okna-rehau .steps .result-window-type .col-5:nth-child(2) {
        flex: 0 0 60%;
        max-width: 60%
    }

    #okna-rehau .steps .steps-content .elem.step-3 > .row > div div.label-price .price {
        font-size: 22px
    }

    #okna-rehau .steps .steps-content .step-4 .okna-info-block-bars-container {
        margin-top: 84px
    }

    .menu2_elem {
        min-width: 120px
    }
}

@media only screen and (max-width: 380px) {
    #footer .certificates .clip {
        left: 20%
    }
}

@media only screen and (max-width: 576px) {
    .gallery-photo {
        display: none
    }
}

.balkon-ustanovka-slider-element {
    width: 100%;
    margin: 0 auto;
    display: block
}

.slider-mainpage.slick-slider {
    margin-bottom: 98px
}

.slider-mainpage .slick-dots {
    bottom: -44px
}

.slider-mainpage .slick-dots button:before {
    font-size: 28px
}

.slider-mainpage .slick-next,
.slider-mainpage .slick-prev {
    z-index: 2;
    padding: 0;
    width: 40px;
    height: 50px;
    background: #0A2C50;
    opacity: .4;
    border-radius: 3px
}

.slider-mainpage .slick-next:before,
.slider-mainpage .slick-prev:before {
    border: none;
    padding: 0
}

.slider-mainpage .slick-next {
    right: 30px
}

.slider-mainpage .slick-prev {
    left: 30px;
    -webkit-transform: translate(0, -50%) scaleX(-1);
    -ms-transform: translate(0, -50%) scaleX(-1);
    transform: translate(0, -50%) scaleX(-1)
}

.slider-mainpage__item {
    min-height: 490px;
    background: #e6e9f0 url(/local/new_design/img/mainpage_1.jpg) no-repeat center/cover;
    display: -webkit-box !important;
    display: flex !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center
}

.slider-mainpage__title {
    font-family: 'Arial Black';
    font-weight: 900;
    font-size: 42px;
    line-height: 1.1;
    text-transform: uppercase;
    color: #0A2C50
}

.slider-mainpage__title small {
    font-size: .9em
}

.slider-mainpage__desc {
    font-size: 26px;
    text-transform: uppercase;
    color: #0A2C50;
    margin: 13px 0 62px
}

.slider-mainpage__desc small {
    font-size: .76em
}

.slider-mainpage .btn {
    background: #FF5E1B;
    border-radius: 3px;
    text-transform: none;
    font-weight: 700;
    font-size: 18px;
    height: auto;
    padding: .85em 1.7em;
    display: inline-block
}

.home-price__img {
    display: block;
    height: 150px;
    overflow: hidden
}

.home-price__item {
    padding: 0 15px
}

.home-price__link {
    display: block;
    font-size: 11px;
    text-align: center;
    text-transform: uppercase;
    color: #535959;
    box-shadow: 2px 2px 0 0 #E6E9E9;
    padding-bottom: 1px
}

.home-price__link p {
    margin: 20px 0 12px
}

.home-price__list {
    margin-top: 30px;
    margin-bottom: 32px
}

.home-price__btn {
    background: #FF5E1B;
    border-radius: 3px;
    text-transform: none;
    font-weight: 700;
    font-size: 16px;
    height: auto;
    padding: .5em 1.1em;
    display: inline-block
}

.home-prod {
    margin: 78px 0 86px;
    background: #F1F4F5;
    padding: 59px 0 30px
}

.home-prod__wr {
    position: relative;
    font-size: 16px;
    line-height: 1.65;
    color: #333
}

.home-prod__content {
    font-size: 16px;
    line-height: 1.7;
    color: #333
}

.home-prod__content p {
    margin-top: 0
}

.home-prod__img {
    padding-top: 7px
}

.home-prod__title {
    position: relative;
    font-size: 30px;
    font-weight: 400;
    margin: 0 0 30px;
    display: inline-block
}

.mainpage-six-steps h2 {
    margin: 0 0 40px;
    font-size: 24px
}

.steps-item {
    cursor: pointer;
    font-weight: 700;
    color: #535959
}

.steps-item span {
    display: block
}

.steps-item__icon {
    width: 84px;
    height: 84px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    border-radius: 50%;
    padding: 15px;
    margin: 20px auto 10px;
    border: 4px solid #000000;
    box-sizing: border-box;
    position: relative
}

.steps-item__icon .steps-item_icon_step {
    position: absolute;
    left: -5px;
    top: -5px;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 50%;
    background: #000000;
    color: #fff;
    box-shadow: 0 0 0 10px #fff;
}

.steps-item.active span {
    color: #FF5E1B
}

.steps-item.active .steps-item__icon {
    border-color: #FF5E1B
}

.steps-item.active .steps-item__icon .steps-item_icon_step {
    background: #FF5E1B
}

.steps-item__content .steps-descr {
    -webkit-box-align: center;
    align-items: center
}

.steps-item__content span {
    flex-shrink: 0;
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 50%;
    background: #FF5E1B;
    color: #fff;
    margin-right: 10px
}

.production {
    font-size: 16px;
    line-height: 1.5;
    margin: 73px 0 52px
}

.production h2 {
    font-weight: 400;
    font-size: 30px;
    color: #333
}

.advantages h2 {
    font-size: 24px
}

.slick-slider-1 {
    margin-right: -15px;
    margin-left: -15px
}

.advantages .elem {
    margin-bottom: 55px;
    margin-left: 15px;
    margin-right: 15px
}

.reasons {
    background: #F1F4F5;
    padding: 37px 0 47px
}

.reasons__top {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    color: #333;
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 35px
}

.reasons__top b {
    display: block;
    font-weight: 700;
    font-size: 30px;
    line-height: 1.1
}

.reasons__top strong {
    flex-shrink: 0;
    font-weight: 700;
    font-size: 66px;
    line-height: 1;
    margin-right: 10px
}

.reasons__list {
    font-weight: 700;
    font-size: 16px;
    color: #333;
    list-style: none
}

.reasons__list li {
    position: relative;
    padding-left: 18px;
    margin-bottom: 21px
}

.reasons__list li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 7px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #FF5E1B
}

.footer {
    background: #54585A;
    padding: 59px 0 65px;
    color: #FFF
}

.footer__title {
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    border-bottom: 2px solid #7D8A91;
    margin-bottom: 24px;
    padding-bottom: 2px
}

.footer__list {
    list-style: none;
    font-style: normal;
    font-weight: 400;
    font-size: 15px
}

.footer__list li {
    margin-bottom: 13px
}

.footer__list a {
    color: #fff;
    text-decoration: none
}

.footer__location {
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    display: table;
    position: relative;
    padding-left: 30px;
    margin: 8px 0 20px
}

.footer__location:hover {
    color: #fff;
    text-decoration: underline
}

.footer__location:before {
    content: "";
    position: absolute;
    left: -4px;
    top: 45%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 32px;
    height: 32px;
    background: no-repeat center / cover;
    background-image: url("data:image/svg+xml,%3Csvg width='34' height='34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.083 12.75A9.91 9.91 0 0 1 17 2.833a9.91 9.91 0 0 1 9.917 9.917c0 7.437-9.917 18.417-9.917 18.417S7.083 20.187 7.083 12.75zm3.654-.224a6.263 6.263 0 1 1 12.526 0 6.263 6.263 0 0 1-12.526 0z' fill='%23fff'/%3E%3C/svg%3E");
    background-image: url("data:image/svg+xml,%3Csvg width='34' height='34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.083 12.75A9.91 9.91 0 0 1 17 2.833a9.91 9.91 0 0 1 9.917 9.917c0 7.437-9.917 18.417-9.917 18.417S7.083 20.187 7.083 12.75zm3.654-.224a6.263 6.263 0 1 1 12.526 0 6.263 6.263 0 0 1-12.526 0z' fill='%23fff'/%3E%3C/svg%3E")
}

.footer__phone {
    font-weight: 700;
    font-size: 20px;
    color: #fff;
    display: table
}

.footer__phone:hover {
    color: #fff;
    text-decoration: underline
}

.footer__email {
    font-weight: 700;
    font-size: 14px;
    color: #fff;
    display: table
}

.footer__email:hover {
    color: #fff;
    text-decoration: underline
}

.footer__callback {
    margin: 25px 0 30px;
    font-weight: 700;
    font-size: 14px;
    text-transform: none;
    height: auto;
    padding: 1em 1em 1.1em 4.6em;
    background: #FF5E1B url(/local/new_design/svg/pen.svg) no-repeat 18px center/24px auto
}

.footer__callback:hover {
    color: #fff;
    background: #FF5E1B url(/local/new_design/svg/pen.svg) no-repeat 18px center/24px auto
}

.footer__social {
    color: #fff;
    display: -webkit-box;
    display: flex;
    margin-bottom: 15px
}

.footer__link {
    margin: 0 15px 10px 0
}

.footer__copy {
    font-size: 12px;
    line-height: 21px
}

.work {
    margin: -6px 0 0;
    color: #333;
    padding: 52px 0 51px;
    background: #F1F4F5 url(/local/new_design/img/work.png) no-repeat calc(50% - 400px) 10px/530px auto
}

.work__title {
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 40px
}

.work__item {
    margin-bottom: 26px;
    font-size: 16px
}

.work__item b {
    display: block;
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    color: #FF5E1B
}

.work .btn {
    margin-top: 10px;
    background: #FF5E1B;
    border-radius: 3px;
    text-transform: none;
    font-weight: 700;
    font-size: 16px;
    height: auto;
    padding: .8em 1.6em;
    display: inline-block
}

.tv {
    margin: 76px 0 79px
}

.tv__title {
    color: #333;
    font-weight: 400;
    font-size: 30px;
    margin: 0
}

.tv__list {
    margin-top: 12px;
    margin-bottom: 15px
}

.tv__btn {
    background: #FF5E1B;
    border-radius: 3px;
    text-transform: none;
    font-weight: 700;
    font-size: 16px;
    height: auto;
    padding: .45em 1.1em;
    display: inline-block
}

.elem__img {
    display: block;
    text-align: center;
    max-height: 240px
}

.elem__img img {
    margin: 0 auto
}

.price-special {
    margin: -3px 0 7px
}

.price .slick-next.slick-disabled,
.price .slick-prev.slick-disabled {
    opacity: 0
}

.price .slick-next:before,
.price .slick-prev:before {
    border: none;
    padding: 0;
    opacity: 1
}

.price .slick-next {
    right: 0
}

.price .slick-prev {
    left: 0;
}

.price .price-content div.text .info div p:nth-child(3) {
    margin-top: 29px
}

.price .price-content div.text .info ~ p {
    font-size: 16px;
    text-align: left
}

.price__selected {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    font-size: 16px;
    color: #000
}

.price__toggle {
    cursor: pointer;
    border-radius: 3px;
    text-transform: none;
    font-weight: 700;
    font-size: 15px;
    display: inline-block;
    text-align: left;
    background: #FF5E1B no-repeat right 15px center / 14px auto;
}

.price__toggle:hover {
    color: #fff;
    background: #FF5E1B no-repeat right 15px center / 14px auto;
    background-image: url("data:image/svg+xml,%3Csvg fill='#fff' xmlns='http://www.w3.org/2000/svg' width='451.847' height='451.847'%3E%3Cpath d='M225.923 354.706c-8.098 0-16.195-3.092-22.369-9.263L9.27 151.157c-12.359-12.359-12.359-32.397 0-44.751 12.354-12.354 32.388-12.354 44.748 0l171.905 171.915 171.906-171.909c12.359-12.354 32.391-12.354 44.744 0 12.365 12.354 12.365 32.392 0 44.751L248.292 345.449c-6.177 6.172-14.274 9.257-22.369 9.257z'/%3E%3C/svg%3E")
}

.price-content__item {
    padding-top: 20px;
    position: relative;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    z-index: 2;
    background: #fff
}

.price-content__item:not(.active) {
    opacity: 0;
    visibility: hidden;
    position: absolute;
}

.price .price-tabs {
    display: -webkit-box;
    display: flex
}

.price .price-tabs .divTableCell {
    cursor: pointer;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: auto;
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    height: auto
}

.rasschet-second {
    margin-top: 58px
}

@media only screen and (min-width: 1200px) {
    .home-price__item {
        -webkit-box-flex: 0;
        flex: 0 0 20%;
        max-width: 20%
    }
}

@media only screen and (max-width: 991px) and (min-width: 576px) {
    .price .price-content .elem {
        display: -webkit-box !important;
        display: flex !important;
        flex-wrap: wrap;
        -webkit-box-align: start;
        align-items: flex-start;
        position: relative
    }

    .price .price-content .elem .title {
        -webkit-box-flex: 0;
        flex: 0 0 40%;
        margin-right: 60%
    }

    .price .price-content .elem .elem__img {
        -webkit-box-flex: 0;
        flex: 0 0 40%;
        max-width: 40%;
        margin: 0;
        padding: 0 15px
    }

    .price .price-content .elem .text {
        -webkit-box-flex: 0;
        flex: 0 0 60%;
        max-width: 60%;
        margin: 0
    }

    .price .price-content .elem div.text .info ~ p {
        font-size: 14px
    }

    .price .price-content .elem .rassrochka.rassrochka {
        font-size: 22px;
        display: inline-block
    }

    .price .price-content .elem .price {
        position: absolute;
        left: 0;
        top: 300px;
        width: 40%
    }

    .price .price-content .elem .price-special {
        position: absolute;
        left: 0;
        top: 340px;
        width: 40%
    }
}

@media only screen and (max-width: 991px) {
    .mobile-menu .nav-item {
        display: -webkit-box;
        display: flex;
        flex-wrap: wrap;
        box-shadow: inset 0 -1px #F4F4F4
    }

    .offcanvas-collapse {
        position: fixed;
        top: 72px;
        bottom: 0;
        left: 100%;
        width: 100%;
        max-width: 320px;
        overflow-y: auto;
        visibility: hidden;
        background: #FFF;
        transition: visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
        -webkit-transition: visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
        transition: transform .3s ease-in-out, visibility .3s ease-in-out;
        transition: transform .3s ease-in-out, visibility .3s ease-in-out, -webkit-transform .3s ease-in-out
    }

    .offcanvas-collapse.open {
        visibility: visible;
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    .navbar-light .navbar-toggler {
        font-weight: 700;
        font-size: 12px;
        text-transform: uppercase;
        color: #FFF;
        background: #FF5E1B;
        border-radius: 3px;
        border: none;
        padding: .6em .9em .6em .6em;
        display: -webkit-box;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        margin: 4px 0 0
    }

    .mobile-menu {
        background: rgba(0, 0, 0, 0);
        -webkit-transition: background-color .1s ease-in-out;
        transition: background-color .1s ease-in-out;
        bottom: 0;
        pointer-events: none
    }

    .mobile-menu.dark {
        pointer-events: auto;
        background: rgba(0, 0, 0, 0.5)
    }

    .mobile-menu__title {
        font-weight: 700;
        font-size: 16px;
        line-height: 18px;
        text-transform: uppercase;
        color: #000
    }

    .mobile-menu__top {
        display: -webkit-box;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        justify-content: space-between;
        height: 72px;
        padding: 5px 20px 5px 30px;
        border-bottom: 1px solid #F4F4F4
    }

    .mobile-menu .navbar-toggler {
        position: static;
        margin: 0;
        width: 32px;
        height: 32px;
        text-align: center;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
        padding: 2px;
        font-size: 24px
    }

    .mobile-menu .dropdown-item {
        padding: 15px 10px 15px 40px
    }

    .mobile-menu .navbar-nav {
        padding: 0
    }

    .mobile-menu__top {
        top: 0
    }

    .mobile-menu .dropdown-item {
        white-space: normal
    }

    .mobile-menu .dropdown-menu {
        background: #F4F4F4;
        -webkit-box-flex: 0;
        flex: 0 1 100%
    }

    .mobile-menu .dropdown-menu.show {
        display: -webkit-box;
        display: flex;
        flex-wrap: wrap
    }

    .mobile-menu .dropdown-menu.show > .dropdown-menu {
        border-left: 1px solid #FF5E1B;
        background: none;
        margin: 15px 0 15px 40px
    }

    .mobile-menu .dropdown-menu.show > .dropdown-menu .dropdown-item {
        padding: 10px 20px;
        box-shadow: none
    }

    .mobile-menu .nav-link.dropdown-toggle.dropdown-toggle:hover {
        background-color: #3c3c3c;
        color: #fff
    }

    .mobile-menu .dropdown-item {
        box-shadow: inset 0 -1px #d7d7d7
    }

    .mobile-menu .dropdown .caret {
        background: no-repeat center / 14px auto;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='451.847' height='451.847'%3E%3Cpath d='M225.923 354.706c-8.098 0-16.195-3.092-22.369-9.263L9.27 151.157c-12.359-12.359-12.359-32.397 0-44.751 12.354-12.354 32.388-12.354 44.748 0l171.905 171.915 171.906-171.909c12.359-12.354 32.391-12.354 44.744 0 12.365 12.354 12.365 32.392 0 44.751L248.292 345.449c-6.177 6.172-14.274 9.257-22.369 9.257z'/%3E%3C/svg%3E");
        border: none;
        font-size: 30px;
        width: 1em;
        height: 1em
    }

    .mobile-menu .navbar-nav {
        background: none
    }

    .mobile-menu .toggle_mogle.toggle_mogle {
        display: -webkit-box;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        margin: 0 20px 0 0;
        line-height: 1;
        padding: 5px 0;
        color: #000
    }

    .mobile-menu .nav-item .nav-link {
        font-style: normal;
        font-weight: 700;
        font-size: 12px;
        line-height: 1.2;
        text-transform: uppercase;
        color: #656565;
        padding: 15px 10px 15px 30px;
        -webkit-box-flex: 1;
        flex: 1 1;
        min-width: 50%
    }

    .mobile-menu .nav-item.dropdown .third-lv,
    .mobile-menu .dropdown-item {
        font-style: normal;
        font-weight: 700;
        font-size: 11px;
        text-transform: uppercase;
        color: #656565
    }

    .mobile-menu .nav-item.dropdown.show > .nav-link {
        color: #656565
    }

    .mobile-menu {
        display: block;
        z-index: 101;
        position: fixed;
        left: 0;
        right: 0;
        top: 0
    }
}

@media only screen and (max-width: 1399px) {
    .slider-mainpage .slick-next {
        right: 0
    }

    .slider-mainpage .slick-prev {
        left: 0
    }

    .price .slick-next {
        right: 0
    }

    .price .slick-prev {
        left: 0
    }
}

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

    .price .slick-prev::before,
    .price .slick-next::before {
        color: #fff !important
    }

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

    .callback-blocks .callback-order,
    .callback-blocks .call-measurer,
    .callback-blocks a {
        border: none;
        width: auto;
        display: table;
        padding: 0 0 0 55px;
        height: auto;
        margin: 11px 0 17px !important;
        text-decoration: none;
        font-size: 12px;
        color: #656565
    }

    .callback-blocks .callback-order span,
    .callback-blocks .call-measurer span,
    .callback-blocks a span {
        display: inline-block;
        border-bottom: 1px dashed
    }

    .callback-blocks .callback-order:before,
    .callback-blocks .call-measurer:before,
    .callback-blocks a:before {
        position: absolute;
        text-decoration: none;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    #header .top {
        padding: 10px 0 10px
    }

    .top .contacts {
        -ms-grid-row-align: center;
        align-self: center
    }

    .slider-mainpage__item {
        min-height: 390px
    }

    .slider-mainpage__title {
        font-size: 30px
    }

    .slider-mainpage__desc {
        font-size: 20px;
        margin: 8px 0 49px
    }

    .slider-mainpage .slick-dots {
        bottom: -35px
    }

    .slider-mainpage.slick-slider {
        margin-bottom: 68px
    }

    .stickerblock .stickerhead {
        margin-top: 21px
    }

    .main_text_full {
        margin: 98px 0 58px
    }

    .main_text_intro {
        padding: 31px 298px 31px 0
    }

    .main_text_intro:before {
        right: -6px
    }

    .main_text_intro h1 {
        font-size: 30px
    }

    .price-content__item {
        padding-top: 10px
    }

    .price .price-content div.text span.price {
        font-size: 28px
    }

    .price .price-content div.text {
        margin-top: 15px
    }

    .price-special {
        margin: 2px 0 6px
    }

    .price .price-content div.text .info {
        margin-bottom: 23px
    }

    .home-price__title {
        font-size: 26px;
        margin-top: 60px
    }

    .home-prod {
        margin: 58px 0 60px
    }

    .home-prod__title {
        font-size: 26px
    }

    .mainpage-six-steps h2 {
        font-size: 22px
    }

    .production h2 {
        font-size: 26px
    }

    .production {
        margin: 60px 0 19px
    }

    .advantages h2 {
        font-size: 22px
    }

    .advantages .elem {
        margin-bottom: 10px
    }

    .work {
        margin: 26px 0 0;
        background-position: calc(50% - 217px) 10px
    }

    .rasschet {
        padding: 22px 35px 25px;
        background-position: calc(100% + 20px) 100%
    }

    .rasschet form {
        max-width: 720px
    }

    .tv {
        margin: 57px 0 64px
    }

    .tv__title {
        font-size: 26px
    }

    .footer__callback {
        text-align: left;
        white-space: normal;
        line-height: 1.1;
        padding: .6em 1em .7em 4.6em
    }
}

@media only screen and (max-width: 991px) {
    .price__top {
        position: relative;
        display: table
    }

    .price .price-tabs {
        position: absolute;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        top: 100%;
        right: 0;
        margin-top: 10px;
        z-index: 100;
        background: #FFF;
        box-sizing: border-box;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
        width: 160px;
        border: none;
        height: auto;
        padding: 5px 15px;
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translate(0, 20px);
        -ms-transform: translate(0, 20px);
        transform: translate(0, 20px);
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out
    }

    .price .price-tabs.show {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    .price .price-tabs .divTableCell {
        background: none;
        color: #000;
        border: none;
        font-size: 15px;
        line-height: 1.5;
        display: block;
        text-align: left;
        padding: .7em 0
    }

    .price .price-tabs .divTableCell.active {
        color: rgba(0, 0, 0, 0.36)
    }

    .price .price-tabs .divTableCell:not(:last-child) {
        border-bottom: 1px solid #CDCDCD
    }

    #header .main-menu .menu .item.root-item > a {
        padding: 0 9px
    }

    .slider-mainpage__item {
        min-height: 320px
    }

    .slider-mainpage__title {
        font-size: 25px
    }

    .slider-mainpage__desc {
        font-size: 18px
    }

    .slider-mainpage .btn {
        font-size: 16px
    }

    .stickerblock .stickerhead {
        font-size: 15px;
        margin-top: 11px
    }

    .main_text_full {
        margin: 63px 0 50px
    }

    .main_text_intro {
        padding: 20px 150px 30px 0;
        font-size: 14px
    }

    .main_text_intro p {
        max-width: 480px
    }

    .main_text_intro:before {
        right: -15px;
        width: 250px;
        height: 334px;
        background-size: cover;
        bottom: 50px
    }

    .main_text_intro h1 {
        font-size: 26px;
        margin-bottom: 21px
    }

    .rasschet h2 {
        font-size: 22px;
        margin-bottom: -5px
    }

    .rasschet form input.submit {
        font-size: 16px
    }

    .rasschet form input.name,
    .rasschet form input.phone {
        font-size: 13px
    }

    .rasschet {
        padding: 16px 23px 18px;
        background: none;
        min-height: 100px
    }

    .home-price__title {
        font-size: 22px
    }

    .home-prod__title {
        font-size: 22px
    }

    .home-prod {
        padding: 40px 0 11px;
        margin-bottom: 45px
    }

    .home-prod__wr {
        overflow: hidden
    }

    .home-prod__content {
        font-size: 14px
    }

    .home-prod__img {
        float: right
    }

    .steps-item__icon {
        width: 90px;
        height: 90px;
        margin-bottom: 13px
    }

    .mainpage-six-steps h2 {
        font-size: 20px
    }

    .steps-item {
        font-size: 11px
    }

    .steps-item__content {
        font-size: 14px;
        margin-top: 30px;
        padding: 34px 0 33px
    }

    .production h2 {
        font-size: 22px
    }

    .production {
        font-size: 14px
    }

    .advantages .elem .elem-content {
        font-size: 14px
    }

    .work {
        background-position: calc(50% - 217px) 100%
    }

    .tv__title {
        font-size: 22px
    }

    .reasons__top {
        font-size: 14px;
        margin-bottom: 28px
    }

    .reasons__top b {
        font-size: 24px
    }

    .reasons__top strong {
        font-size: 56px;
        margin-right: 16px
    }

    .reasons__list {
        font-size: 14px
    }

    .reasons__list li {
        margin-bottom: 23px
    }

    .reasons {
        padding: 44px 0 15px
    }

    .footer__wr {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 59px 30px;
        -webkit-box-align: start;
        align-items: flex-start
    }

    .footer__social {
        grid-column: 2/-1;
        -webkit-box-ordinal-group: 2;
        order: 1;
        -webkit-box-pack: end;
        justify-content: flex-end;
        margin-bottom: 0
    }

    .footer {
        padding: 31px 0
    }

    .footer__link {
        margin: 0 0 0 15px
    }

    .footer__callback {
        margin: 0
    }
}

@media only screen and (max-width: 767px) {
    .price__selected {
        font-size: 14px
    }

    .price .price-tabs {
        width: 145px
    }

    .callback-blocks {
        margin: 0 auto;
        max-width: 260px
    }

    .slider-mainpage .slick-next,
    .slider-mainpage .slick-prev {
        display: none !important
    }

    .slider-mainpage__desc {
        margin: 10px 0 25px
    }

    .stickerblock {
        margin: 0 0 40px
    }

    .main_text_intro {
        padding-right: 0
    }

    .main_text_intro:before {
        display: none
    }

    .steps-item {
        margin-bottom: 30px
    }

    .steps-item__content {
        margin-top: 10px
    }

    .work {
        background-image: none
    }

    .reasons__top {
        margin-bottom: 20px
    }

    .reasons__list li {
        margin-bottom: 15px
    }

    .footer__wr {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        grid-gap: 20px 20px
    }

    .footer__social {
        grid-column: 1 span;
        -webkit-box-ordinal-group: 1;
        order: 0
    }
}

@media only screen and (max-width: 575px) {
    .footer__wr {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }

    #header .logo {
        height: auto;
        text-align: center
    }

    #header .logo a {
        display: inline-block;
        max-width: 90px
    }

    .stickerblock .stickerhead {
        font-size: 13px
    }

    .stickerblock .sticker-text {
        font-size: 14px
    }

    .main_text_full {
        margin: 0 0 20px
    }

    .rasschet {
        margin-top: 40px
    }

    .reasons {
        padding-top: 20px
    }

    .reasons__top {
        margin-top: 20px
    }

    .footer__callback {
        padding: 1em 1em 1.1em 4.6em
    }

    .footer__social {
        -webkit-box-pack: justify;
        justify-content: space-between
    }

    .footer__social a {
        margin: 0 0 10px
    }

    .callback-blocks {
        margin-top: 10px
    }
}

#goroda-list-map {
    width: 100%;
    height: 600px;
    margin-bottom: 40px
}

@media only screen and (max-width: 576px) {
    #goroda-list-map {
        height: 400px
    }
}

.cards-big-blocks a,
.cards-big-blocks a:hover {
    text-decoration: none !important
}

.cards-big-blocks .card {
    border: none
}

.cards-big-blocks .header {
    padding: 2rem 1rem;
    background-color: #c7c2b9;
    text-align: center
}

.cards-big-blocks .image-div {
    background-size: cover !important;
    background-position: center center !important
}

.cards-big-blocks .header h4 {
    color: #333;
    min-height: 36px;
    margin: 0;
    text-decoration: none !important
}

.cards-big-blocks .block-container {
    position: relative;
    height: 0;
    border: none;
    padding-top: 70%
}

.cards-big-blocks .block-container > div {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    padding: 0
}

.cards-big-blocks .block-container .button-container {
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    padding-left: 14px;
    padding-top: 14px;
    background-color: #fff
}

.cards-big-blocks .block-container .button-container > div {
    text-align: center;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 18px;
    color: #FFF;
    background: #FF5E1B;
    padding: 12px 18px;
    position: relative
}

.youtube {
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    display: block;
    overflow: hidden;
    transition: all 200ms ease-out;
    cursor: pointer;
    margin: 0 auto;
    background-size: cover
}

iframe {
    margin: 0 auto
}

.order .callback-order {
    background: #FF5E1B;
    padding: 8px 10px;
    color: #fff;
    border: 0;
    display: block;
    font-size: 17px
}

.title-h2 {
    margin-top: 20px;
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 2rem;
}

.title_h2 {
    margin-top: 20px;
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 3rem;
}

.info .info-profil:before {
    content: "Профиль:"
}

.text .info-rassrochka:before {
    content: "Рассрочка на 6 мес. под 0%:"
}

.info .info-camera:before {
    content: "Количество камер: "
}

.info .info-razmer:before {
    content: "Размер: "
}

.info .info-izol:before {
    content: "Теплоизоляция: "
}

.info .info-zvuk:before {
    content: "Звукоизоляция: "
}

.info .info-svet:before {
    content: "Светопропускаемость: "
}

.b1t-lazyload[data-src] {
    opacity: 0;
}

.b1t-lazyload {
    opacity: 1;

    transition: opacity 0.3s ease-out;
    -webkit-transition: opacity 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
}

.b1t-lazyload.screen-saver[data-src] {
    background-color: #F2F2F2;
    opacity: 1;
    position: relative;
}


.b1t-lazyload.screen-saver[data-src]:before {
    content: "Загрузка...";
    position: absolute;
    top: 50%;
    left: 50%;

    color: #999;
    font-size: 10px;

    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.info .title {
    font-weight: bold;
    font-size: 16px;
}

.info .text p {
    padding: 0;
    margin: 0;
}

.info .text {
    padding: 15px 0;
}

.home-prod__title + span {
    position: relative;
    font-size: 30px;
    font-weight: 400;
    margin: 0 0 30px;

}

.footer__link {
    width: 30px;
    height: 30px;
}

.icon1 {
    background: url("/local/new_design/svg/social_1.svg") no-repeat scroll;
}

.icon2 {
    background: url("/local/new_design/svg/social_2.svg") no-repeat scroll;
}

.icon3 {
    background: url("/local/new_design/svg/social_3.svg") no-repeat scroll;
}

.icon4 {
    background: url("/local/new_design/svg/social_4.svg") no-repeat scroll;
}

.iconmax {
    background: url("/local/new_design/svg/max.svg") no-repeat scroll;
}

.icondzen{
    background: url("/local/new_design/svg/dzen.svg") no-repeat scroll;
}

span.img_plus {
    background: url("/local/new_design/img/list_style.png") no-repeat scroll center;
    width: 100%;
    height: 62px;
    display: block;
}

.info-call {
    padding: 15px 0 0;
    display: block;
    text-align: center;
    font-weight: bold;
}

.text-rehau:before {
    content: "Rehau "
}

.home-prod__wr .order {
    max-width: 40%;
    text-align: center;
}

.steps-item__content .d-flex {
    display: block !important;
}

.steps-item__content a {
}

.certif .image-wrapper img {
    width: 248px;
    height: 351px
}

.sliderkit-nav ul {
    margin: 0;
    padding: 0;
}

.sliderkit-nav ul li {
    list-style: none;
    float: left;
    background: none;
    padding: 0;
    margin: 0;
    display: flex;
    overflow: hidden;
    width: 155px;
    height: 152px;;
}

.option.js-carousel span {
    display: block;
}

.oplata_card {
    background: url("/local/images/oplata.webp") no-repeat scroll;
    background-size: contain;
    width: 100%;
    height: 43px;
}


.wind img {
    max-height: 240px;
}

@media (max-width: 768px) and (min-width: 1px) {

    jdiv,
    #uptocall-mini {
        display: none;
    !important;
    }

    .top .callback-blocks {
        position: fixed;
        bottom: 0;
        padding: 10px 0 10px 0;
        max-width: none;
        text-align: center;
        background-color: white;
        z-index: 15;
        border-top: 1px solid gray;
        display: table;
        left: 0;
        margin: 0 auto;
    }

    .top .callback-blocks a {
        display: table-cell;
        text-align: center;
    }

}

@media screen and (min-width: 768px) {

    .slick-slider-1 .slick-slide {
        display: inline-block;
        width: 50%;
        vertical-align: top
    }
}

@media screen and (min-width: 992px) {

    .slick-slider-1 .slick-slide {
        display: inline-block;
        width: 33%;
        vertical-align: top
    }
}

@media screen and (min-width: 1200px) {

    .slick-slider-1 .slick-slide {
        display: inline-block;
        width: 25%;
        vertical-align: top
    }
}


@media screen and (min-width: 768px) {
    .photo_text_two_colum .item {
        max-width: 50%;
        padding: 10px;
        display: inline-block;
        vertical-align: top;
        float: left;
    }

    .photo_text_two_colum .item img {
        max-height: 356px;
    }
}

.photo_text_two_colum .item .text {
    min-height: 100px;
    margin-top: 10px;
}

.strong {
    font-weight: bold;
}

.news-list .news-item {

    margin-bottom: 40px;
}

.index_map a:before {
    content: "Смотреть все контакты";
    display: block;
    font-size: 30px;
    text-align: center;
    color: white;
    top: 50%;
    position: relative;
}

.index_map a {
    display: block;
    background: url("../img/mapokna.png") scroll no-repeat;
    width: 100%;
    height: 402px;
    background-size: cover;
}

.content.okna-rehau {
    background-color: unset;
}

.okna-rehau .okna-rehau-h1 {
    font-size: 1.6rem;
    line-height: 2.5rem;
}

.okna-rehau .okna-rehau-info {
    padding: 15px;
    background-color: #f5f8f9;
    margin-bottom: 30px;
}

.okna-rehau .okna-rehau-info a.info-button {
    padding: 12px 20px;
    font-size: 16px;
    font-weight: 700;
}

.okna-rehau .okna-rehau-advantages-container {
    background-color: #f5f8f9;
    padding: 25px;
}

.okna-rehau .okna-rehau-advantages-header {
    font-size: 18px;
    margin: 0 0 20px;
}

.okna-rehau.content ul {
    padding: 0;
}

.okna-rehau.content ul li {
    background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='15' cy='15' r='15' fill='%23FF5E1B' fill-opacity='0.5'/%3E%3Ccircle cx='15' cy='15' r='12' fill='%23FF5E1B'/%3E%3Cpath d='M11.2034 14.6756L14.7575 18.6792L20.2822 11.4628' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-size: 30px;
    font-weight: 550;
    font-size: 16px;
    line-height: 24px;
    padding: 10px 0 10px 40px;
}

.okna-rehau .okna-rehau-tabs-container {
    background-color: #f5f8f9;
    padding: 15px;
}

.okna-rehau #okna-rehau .steps a.info-button {
    font-size: 20px;
    line-height: 20px;
    padding: 15px 70px;
    text-transform: unset;
}

.compare-table .text-rehau {
    font-weight: 700;
    font-size: 18px;

}

.compare-table .text-rehau:before {
    content: unset;
}

.compare-table .text-rehau-subtitle {
    font-size: 14px;
    padding: 5px 0;
}

.compare-table .text-rahau-info {
    font-size: 13px;
    color: #656565;
}

.compare-table .price {
    display: block;
    font-size: 24px;
    line-height: 24px;
    text-align: center;
    font-weight: 700;
    padding: 18px 0;
    margin: 0;
}

table.rehau-params.compare-table td {
    vertical-align: middle;
    padding: 1rem 0.75rem;
    border-right: 1px solid #dee2e6;
}

table.rehau-params.compare-table tr:first-of-type td {
    border-top: unset;
}

table.rehau-params.compare-table td:last-of-type {
    border-right: unset;
}

#okna-rahau-compare-table-container .table-container {
    background-color: #f5f8f9;
}

#okna-rahau-compare-table-container .table-container table {
    background-color: #ffffff;
}

.okna-rehau.content ul.font-light li {
    font-weight: 400;
}

.okna-rehau.content .how-to-choose-container {
    padding: 45px;
    background-color: #f5f8f9;
}

.okna-rehau.content .how-to-choose-container p {
    margin: 0;
    line-height: 2.5rem;
}

.okna-rehau.content .how-to-choose-container .okna-rehau-h1 {
    margin-top: 0;
}

.okna-rehau .okna-rehau-info h3 {
    min-height: 80px;
}

.okna-rehau .okna-rehau-info .info {
    min-height: 120px;
}

.okna-rehau #okna-rehau .steps .steps-buttons {
    height: 80px;
}

.osteklenie-balkonov-i-lodzhiy.content {
    background-color: unset;
}

.osteklenie-balkonov-i-lodzhiy .osteklenie-balkonov-i-lodzhiy-h1 {
    font-size: 2.5rem;
    line-height: 2.5rem;
}

.osteklenie-balkonov-i-lodzhiy-type-container {
    background-size: cover;
    background-position: center center;
    height: 100%;
}

.osteklenie-balkonov-i-lodzhiy-type-container > div {
    background-color: rgba(80, 98, 125, .6);
    padding: 25px;
    color: #FFFFFF;
    height: 100%;
}

.osteklenie-balkonov-i-lodzhiy-type-container h2 {
    font-size: 25px;
    font-weight: 700;
}

.osteklenie-balkonov-i-lodzhiy-type-container p {
    font-weight: 550;
}

.osteklenie-balkonov-i-lodzhiy-type-container .price-block {
    margin: 20px 0;
    display: block;
}

.osteklenie-balkonov-i-lodzhiy-type-container .price-block .price {
    font-weight: 700;
    font-size: 24px;
}

.osteklenie-balkonov-i-lodzhiy .osteklenie-balkonov-i-lodzhiy-advantages .icon-container {
    width: fit-content;
    display: block;
    margin: 0 auto;
}

.osteklenie-balkonov-i-lodzhiy .osteklenie-balkonov-i-lodzhiy-advantages p {
    text-align: center;
}

.osteklenie-balkonov-i-lodzhiy .osteklenie-balkonov-i-lodzhiy-advantages h2.osteklenie-balkonov-i-lodzhiy-h1 {
    margin-bottom: 40px;
}

.osteklenie-balkonov-i-lodzhiy .osteklenie-balkonov-i-lodzhiy-advantages .osteklenie-balkonov-i-lodzhiy-advantages-item {
    margin-bottom: 25px;
}

.osteklenie-balkonov-i-lodzhiy .catalog.types2 {
    background-color: #f5f8f9;
    padding: 25px 0;
}

.osteklenie-balkonov-i-lodzhiy .catalog.types2 .catalog-types2-col {
    background-color: #FFFFFF;
    padding: 15px;
}

#balkony-i-lodzhiy .osteklenie-balkonov-i-lodzhiy .price2 .elem img {
    margin: 5px auto 10px;
}

#balkony-i-lodzhiy .osteklenie-balkonov-i-lodzhiy .price2 .elem h3 {
    margin: 5px 0;
    font-size: 16px;
    font-weight: 700;
}

#balkony-i-lodzhiy .osteklenie-balkonov-i-lodzhiy .price2 .elem h3 span.h3-sub-title {
    color: #959595;
    font-weight: 400;
    padding-left: 5px;
}

#balkony-i-lodzhiy .osteklenie-balkonov-i-lodzhiy .price2 .elem a.btn {
    margin: 10px auto;
    display: block;
    width: fit-content;
    padding: 16px 45px;
}

#balkony-i-lodzhiy .osteklenie-balkonov-i-lodzhiy .price2 .elem div.info {
    margin: 0 auto;
    padding: 20px;
    background-color: #f5f8f9;
}

.osteklenie-balkonov-i-lodzhiy .inner-types-3 .orange.bold {
    font-size: 24px;
    font-weight: 700;
}

.osteklenie-balkonov-i-lodzhiy.content .how-to-choose-container {
    padding: 45px;
    background-color: #f5f8f9;
}

.osteklenie-balkonov-i-lodzhiy.content .how-to-choose-container p {
    margin: 0;
    line-height: 2.5rem;
}

.osteklenie-balkonov-i-lodzhiy.content .how-to-choose-container .osteklenie-balkonov-i-lodzhiy-h1 {
    margin-top: 0;
}

.rassrochka-osteklenie-balkonov-i-lodzhiy-container {
    color: #FFFFFF;
    background: no-repeat 100% 15% url("/local/images/rassrochka-container-image-1.png"), no-repeat -2% 40% url("/local/images/rassrochka-container-image-2.png"), no-repeat 101% 40% url("/local/images/rassrochka-container-image-3.png"), no-repeat 89% -16% url("/local/images/rassrochka-container-image-4.png"), radial-gradient(circle at center, #FFB11B, #FF5E1B);
    padding: 12px;
    margin-bottom: 12px;
}

.rassrochka-osteklenie-balkonov-i-lodzhiy-container h2 {
    text-align: center;
    font-weight: 700;
    font-size: 35px;
    margin: 5px 0;
}

.rassrochka-osteklenie-balkonov-i-lodzhiy-container a.btn {
    background-color: #ffffff;
    display: block;
    width: fit-content;
    margin: 28px auto 0;
    color: #FFA31C;
    font-size: 20px;
    font-weight: 700;
}

.rassrochka-osteklenie-balkonov-i-lodzhiy-container a.btn:hover {
    color: #FFA31C;
}

.rassrochka-osteklenie-balkonov-i-lodzhiy-container table tr td {
    font-size: 22px;
    font-weight: 700;
    padding: 8px 12px;
}

@media screen and (min-width: 1200px) {
    .rassrochka-osteklenie-balkonov-i-lodzhiy-container {
        padding: 48px;
        margin-bottom: 48px;
    }
}

@media only screen and (max-width: 766px) {
    .rassrochka-osteklenie-balkonov-i-lodzhiy-container-hire-purchase {
        display: block;
    }

    .rassrochka-osteklenie-balkonov-i-lodzhiy-container-hire-purchase .rassrochka-osteklenie-balkonov-i-lodzhiy-container-circles {
        display: none;
    }
}

.rehau-callback-new-container {
    color: #FFFFFF;
    background: no-repeat 3% 100% / auto 100% url("/local/images/rehau-callback-container-image-1.webp"), no-repeat 97% 100% / auto 100% url("/local/images/rehau-callback-container-image-2.webp"), radial-gradient(circle at center, #FFB11B, #FF5E1B);
    padding: 12px;
}

.rehau-callback-reviews {
    background-image: url(/local/images/windows_to_houses/bg-callback.png);
    background-size: cover;
}

@media only screen and (max-width: 1200px) {
    .rehau-callback-new-container {
        background: radial-gradient(circle at center, #FFB11B, #FF5E1B);
    }
}

.rehau-callback-new-container .consent-text {
    color: #FFFFFF;
}

.rehau-callback-new-container input,
.rehau-callback-new-container input:hover,
.rehau-callback-new-container input:active,
.rehau-callback-new-container input:focus {
    background: transparent;
    border: 3px solid #FFFFFF;
    box-sizing: border-box;
    border-radius: 5px;
    color: #FFFFFF;
    display: block;
    width: 100%;
    padding: 11px 15px 9px;
    margin-bottom: 10px;
}

.rehau-callback-new-container input[type="checkbox"] {
    display: inline-block;
}

.rehau-callback-new-container input.submit,
.rehau-callback-new-container input.submit:hover,
.rehau-callback-new-container input.submit:active,
.rehau-callback-new-container input.submit:focus {
    background: #FFFFFF;
    color: #FFA31C;
    font-weight: 700;
}

.rehau-callback-new-container input::placeholder {
    color: #FFFFFF;
}

@media screen and (min-width: 1200px) {
    .rehau-callback-new-container {
        padding: 36px;
    }
}

.rehau-callback-new-container .rehau_callback-h1 {
    font-size: 35px;
    text-align: center;
    margin: 0 0 15px;
}

.rehau-callback-new-container .rehau_callback-h3 {
    text-align: center;
}

.header-slider-new {
    min-height: 490px;
    background-size: cover;
    background-position: center center;
}

.header-slider-new > div {
    min-height: 490px;
    display: block;
    width: 100%;
    height: 100%;
    background: linear-gradient(90.63deg, #FFFFFF 0%, rgba(255, 255, 255, 0.75) 25%, rgba(255, 255, 255, 0) 50%);;
}

.header-slider-new .slider-button {
    display: block;
    margin-top: 40px;
    text-decoration: none !important;
    color: #fff !important;
    background: #FF5E1B;
    border-radius: 5px;
    font-size: 18px;
    line-height: 18px;
    text-align: center;
    padding: 17px 50px;
    width: fit-content;
}

.slider-home .slick-dots li button:before {
    color: white;
    opacity: 1;
}

@media (max-width: 991.98px) {
    .header-slider-new .slider-button {
        position: inherit;
    }
}

h1 {
    font-size: 35px;
}

.header-slider-new h2 {
    font-size: 35px;
    font-weight: 700;
}

.header-slider-new h2 .sub-sub-title {
    font-weight: 550;
    font-size: 20px;
}

.header-slider-new .sub-sub-title {
    font-weight: 550;
    font-size: 20px;
}

.header-slider-new .list-container {
    margin-top: 30px;
    margin-bottom: 40px;
}

.header-slider-new h3 {
    background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='15' cy='15' r='15' fill='%23FF5E1B' fill-opacity='0.5'/%3E%3Ccircle cx='15' cy='15' r='12' fill='%23FF5E1B'/%3E%3Cpath d='M11.2034 14.6756L14.7575 18.6792L20.2822 11.4628' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: 30px;
    font-size: 18px;
    line-height: 30px;
    font-weight: 700;
    padding-left: 40px;
    margin-bottom: 2px;
}

.header-slider-new .h3 {
    background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='15' cy='15' r='15' fill='%23FF5E1B' fill-opacity='0.5'/%3E%3Ccircle cx='15' cy='15' r='12' fill='%23FF5E1B'/%3E%3Cpath d='M11.2034 14.6756L14.7575 18.6792L20.2822 11.4628' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: 30px;
    font-size: 18px;
    line-height: 30px;
    font-weight: 700;
    padding-left: 40px;
    margin-bottom: 2px;
}

.rehau_callback_header_form-container h2 {
    font-size: 22px;
    font-weight: 700;
    text-align: center;
}

.rehau_callback_header_form-container input,
.rehau_callback_header_form-container input:hover,
.rehau_callback_header_form-container input:active,
.rehau_callback_header_form-container input:focus {
    border: 1px solid #C4C4C4;
    box-sizing: border-box;
    border-radius: 5px;
    background: transparent;
    display: block;
    width: 100%;
    padding: 11px 15px 9px;
    margin-bottom: 10px;
}

.rehau_callback_header_form-container input[type="checkbox"] {
    display: inline-block;
}

.rehau_callback_header_form-container input.submit,
.rehau_callback_header_form-container input.submit:hover,
.rehau_callback_header_form-container input.submit:active,
.rehau_callback_header_form-container input.submit:focus {
    background-color: #FF5E1B;
    color: #ffffff;
    padding: 17px 50px;
}

.profits2_popup {
    max-width: 500px;
    width: 100%;
    height: auto;
}

.profits2_popup .caption {
    padding: 1rem;
    width: fit-content;
    border: 4px solid #FF5E1B;
    border-radius: 5px;
}

.icon-container svg {
    max-width: 100px;
    display: block;
    margin: 0 auto;
}

.card-grey {
    background: #F5F8F9;
    border-radius: 0.5rem;
}

.border-orange {
    border: 2px solid #FFA31C;
}

.border-orange-dark {
    border: 2px solid #FF5E1B;
}

.text-8-img-4-section-new .text-8-img-4-section-new-left-col {
    padding: 20px;
}

.text-8-img-4-section-new .text-8-img-4-section-new-left-col p {
    font-weight: 400;
    font-size: 16px;
    line-height: 2em;
}

@media screen and (min-width: 1200px) {
    .text-8-img-4-section-new .text-8-img-4-section-new-left-col {
        padding: 40px;
    }
}

.text-8-img-4-section-new .text-8-img-4-section-new-right-col {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 100%;
}

.bg-col-right {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 332px;
}

.balkony-house-type > div {
    margin-bottom: 30px;
}

.balkony-house-type .balkony-house-type-image-container img {
    display: block;
    width: 100%;
}

.balkony-house-type .balkony-house-type-info-container {
    display: block;
    width: 100%;
    background-color: #F5F8F9;
    padding: 10px 0;
}

.balkony-house-type .balkony-house-type-info-container .balkony-house-type-info-title {
    display: block;
    width: 100%;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    padding: 5px 0;

}

.balkony-house-type .balkony-house-type-info-container .balkony-house-type-info-title a {
    color: #333;
}

.balkony-house-type .balkony-house-type-info-container .balkony-house-type-info-subtitle {
    display: block;
    width: 100%;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    color: #FF5E1B;
}

.balkony-house-type .balkony-house-type-info-container .balkony-house-type-info-subtitle .sub {
    font-size: 14px;
    font-weight: 700;
}

#footer-responses-container-new .footer-responses-new-h1 {
    font-size: 35px;
    font-weight: 700;
}

#footer-responses-container-new a.orange {
    text-decoration: underline;
    margin-bottom: 10px;
    display: block;
}

#footer-responses-container-new .footer-responses-new-elem-container {
    background-color: #F5F8F9;
    background-image: url("data:image/svg+xml,%3Csvg width='27' height='25' viewBox='0 0 27 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M26.75 0.599999V9.975C26.75 13.775 25.85 16.975 24.05 19.575C22.3 22.175 19.625 23.775 16.025 24.375V19.425C19.225 18.475 20.9 16.025 21.05 12.075H16.025V0.599999H26.75ZM10.85 0.599999V9.975C10.85 13.775 9.95 16.975 8.15 19.575C6.4 22.175 3.725 23.775 0.125 24.375V19.425C3.325 18.475 5 16.025 5.15 12.075H0.125V0.599999H10.85Z' fill='%23FFA31C'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: 95% 15%;
    border-radius: 5px;
    padding: 20px;
}

@media screen and (min-width: 1200px) {
    #footer-responses-container-new .footer-responses-new-elem-container {
        padding: 40px;
    }

    #footer-responses-container-new .footer-responses-new-elem-container .info {
        min-height: 150px;
    }
}

#footer-responses-container-new .footer-responses-new-elem-container .info .title {
    font-size: 25px;
    font-weight: 700;
}

#footer-responses-container-new .footer-responses-new-elem-container .info .text {
    font-size: 16px;
}

.footer-certificates-container-new .title-h2 {
    font-size: 35px;
    font-weight: 700;
    margin-bottom: 20px;
}

#footer-works-new {
    display: none;
}

#footer-works-new .footer-works-new-h2 {
    font-size: 35px;
    font-weight: 700;
    text-align: center;
}

#footer-works-new .footer-works-new-elem-img {
    border-radius: 5px;
}

#footer-works-new .footer-works-new-elems-container-nav {
    padding: 6px 0;
    margin: 0 -3px;
}

#footer-works-new .footer-works-new-elems-container-nav .footer-works-new-elem {
    padding: 0 3px;
}

.komplektuyuschie-new-container .komplektuyuschie-new-h1 {
    font-size: 35px;
    font-weight: 700;
}

.komplektuyuschie-new-container .komplektuyuschie-new-elem-container {
    border-radius: 5px;
    background-color: #F5F8F9;
    margin-bottom: 30px;
}

.komplektuyuschie-new-container .komplektuyuschie-new-elem-container .komplektuyuschie-new-elem-info {
    padding: 10px;
}

.komplektuyuschie-new-container .komplektuyuschie-new-elem-container .komplektuyuschie-new-elem-info .komplektuyuschie-new-elem-info-left-col-title {
    font-size: 16px;
    font-weight: 700;
}

.komplektuyuschie-new-container .komplektuyuschie-new-elem-container .komplektuyuschie-new-elem-info .komplektuyuschie-new-elem-info-left-col-subtitle {
    font-size: 16px;
}

.komplektuyuschie-new-container .komplektuyuschie-new-elem-container .komplektuyuschie-new-elem-info .komplektuyuschie-new-elem-info-left-col-subtitle .orange.price {
    font-size: 18px;
    font-weight: 700;
}

.komplektuyuschie-new-container .komplektuyuschie-new-elem-container .komplektuyuschie-new-elem-info .komplektuyuschie-new-elem-info-right-col-container {
    padding: 10px 0;
}

.komplektuyuschie-new-container .komplektuyuschie-new-elem-container .komplektuyuschie-new-elem-info .komplektuyuschie-new-elem-info-right-col-container a.btn {
    margin-left: 0;
    margin-right: auto;
}

@media screen and (min-width: 1200px) {
    .komplektuyuschie-new-container .komplektuyuschie-new-elem-container .komplektuyuschie-new-elem-info .komplektuyuschie-new-elem-info-right-col-container a.btn {
        margin-left: auto;
        margin-right: 0;
    }
}

.container .slick-arrow.slick-prev {
    left: 0px;
}

.container .slick-arrow.slick-next {
    right: 0px;
}

@media screen and (max-width: 575px) {
    .slick-arrow.slick-prev {
        display: none !important;
    }

    .slick-arrow.slick-next {
        display: none !important;
    }
}

@media screen and (min-width: 1200px) {
    .container .slick-arrow.slick-prev {
        left: -75px;
    }

    .container .slick-arrow.slick-next {
        right: -75px;
    }
}

.orange-light {
    color: #FFA31C;
}

.h3-opasity-title {
    font-weight: normal;
    font-size: 16px;
    line-height: 30px;

}

.grey-light {
    color: #959595;
}

.content-col p {
    margin: 0;
    font-style: normal;
    font-weight: normal;
    line-height: 188.5%;
    color: #000000;
}

.content__viws-window {
    border-radius: 5px;
    margin-top: 100px;
    background: #F5F8F9;
}

.card-title:hover h3 {
    color: #FF5E1B;
    text-decoration: underline;
}

.discount-glazing a.btn {
    color: #FFA31C;
    background: #ffffff;
    display: block;
    font-size: 20px;
    width: fit-content;
    font-weight: 700;
    padding: 1.5rem 6rem;
}

.discount-glazing p {
    font-style: normal;
    font-weight: normal;
    line-height: 30px;

}

.discount-glazing {
    background-repeat: no-repeat;
    background-size: cover;
    padding: 12px;
    margin-bottom: 12px;
}

@media screen and (max-width: 992px) {
    .discount-glazing {
        text-align: center;
    }

    .discount-glazing a.btn {
        margin: 3rem auto 0;
    }
}

.image-bg-circle {
    display: block;
    width: 93px;
    height: 93px;
    border-radius: 50%;
    background: rgba(255, 94, 27, 0.5);
}

/*Extended bootstrap styles*/
@media (min-width: 576px) {
    .position-sm-static {
        position: static !important;
    }

    .position-sm-relative {
        position: relative !important;
    }

    .position-sm-absolute {
        position: absolute !important;
    }

    .position-sm-fixed {
        position: fixed !important;
    }

    .position-sm-sticky {
        position: sticky !important;
    }
}

@media (min-width: 768px) {
    .position-md-static {
        position: static !important;
    }

    .position-md-relative {
        position: relative !important;
    }

    .position-md-absolute {
        position: absolute !important;
    }

    .position-md-fixed {
        position: fixed !important;
    }

    .position-md-sticky {
        position: sticky !important;
    }
}

@media (min-width: 992px) {
    .position-lg-static {
        position: static !important;
    }

    .position-lg-relative {
        position: relative !important;
    }

    .position-lg-absolute {
        position: absolute !important;
    }

    .position-lg-fixed {
        position: fixed !important;
    }

    .position-lg-sticky {
        position: sticky !important;
    }
}

@media (min-width: 1200px) {
    .position-xl-static {
        position: static !important;
    }

    .position-xl-relative {
        position: relative !important;
    }

    .position-xl-absolute {
        position: absolute !important;
    }

    .position-xl-fixed {
        position: fixed !important;
    }

    .position-xl-sticky {
        position: sticky !important;
    }
}

/*Extended bootstrap styles End*/

.fs-1 {
    font-size: 2.5rem;
    line-height: 2.9rem;
}

.fs-2 {
    font-size: 2rem;
    line-height: 2.4rem;
}

@media (max-width: 575px) {
    .fs-1 {
        font-size: 2.1rem;
        line-height: 2.5rem;
    }

    .fs-2 {
        font-size: 1.8rem;
        line-height: 2.2rem;
    }
}

.br10 {
    border-radius: 0.625rem;

}

.br20 {
    border-radius: 1.25rem;
}

.blue {
    background: #4C8BF7;
}

.article-primary {

    background: #84ABEE;
    color: #ffff;
}

.br-left-orange-title {
    font-size: 1.875rem;
    font-weight: bold;
    border-left: 5px solid #F95930;
}

.br-left-orange {
    border-left: 5px solid #F95930;
}

.lineX-top-left {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
}

.lineX-bottom-left {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
}

.lineY-bottom-left {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
}

.lineY-top-left {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
}

.lineX-top-right {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
}

.lineX-bottom-right {
    position: absolute;
    bottom: 0;
    right: 0;
    display: block;
}

.lineY-bottom-right {
    position: absolute;
    bottom: 0;
    right: 0;
    display: block;
}

.lineY-top-right {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
}

.tab-pills .nav-link {
    background: transparent;
    border: 1px solid #DDDDDD;
    color: #000;
    width: 200px;
    max-width: 100%;
}

.tab-pills .nav-link.active,
.tab-pills .show > .nav-link {
    color: #000;
    background: transparent;
    font-weight: bold;
    border: 1.5px solid #FB7C36;

}

.nav-pills-custom .nav-link {
    background: transparent;
    border: 1px dashed #94A9B0;
    color: #94A9B0;
    max-width: 100%;
}

.nav-pills-custom .nav-link.active,
.nav-pills-custom .show > .nav-link {
    color: #FFFFFF;
    background: #FF5E1B;
    font-weight: bold;
    border: 1.5px solid #FF5E1B;
}

.tab-content .border-secondary {
    border: 1px solid #D9D9D9;
    border-radius: 10px 0 0 10px;
}

.btn-orange {
    background: linear-gradient(54.13deg, #E1643D -0.59%, #FCB868 98.55%);
}

@media screen and (max-width: 778px) {
    .tab-content .border-secondary {
        border: 1px solid #D9D9D9;
        border-radius: 0 0 10px 10px;
    }


    .tab-pills .nav-link {
        width: 150px;
    }

    .btn-orangeman {
        min-height: 250px;
    }
}

.btn-orangeman p {
    font-size: 14px;
}

.manbtn {
    bottom: 0px;
    right: 20px;
}

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

@media screen and (max-width: 992px) {
    .btn-icon-phone {
        padding: 0 0px 0 15px;

    }

    .btn-icon-phone .btn {
        padding: 0 5px;
    }
}

.cardPLD .card-img-overlay {
    top: inherit;
}

.cardPLD .card-down_right {
    position: absolute;
    bottom: 15px;
    right: 15px;
    transition: 0.4s;
}

.cardPLD .card-down_right:hover {
    transform: scale(1.15);
    transition: 0.4s;
}

.type-plOkon {
    box-shadow: 0px 4px 60px rgba(0, 0, 0, 0.05);
    border-radius: 5px;
}

.fs-6 {
    font-size: 1.4rem;
}

.fs-7 {
    font-size: 1.2rem;
}

.pricePLD .card-body {
    max-width: 18.375rem;
}

.pricePLD .card-body .card-text {
    border-bottom: 1px solid #DCDCDC;

}

.btn-outline-orange {
    border: 1.5px solid #FB7C36;
    background: transparent;
    color: #000;
    font-weight: bold;
    width: 100%;
}

.btn-outline-orange:hover {
    background: #FB7C36;
    color: #ffff;
}

@media screen and (min-width: 992px) {
    .border-requisites {
        border: 1px solid #D9D9D9;
    }
}

@media screen and (min-width: 992px) {
    .tab-pills .nav-item {
        width: 20%;
    }
}

.blue-light {
    background: #F9FDFE;
}

.min-h35 {
    min-height: 3.5rem;
}

.min-h6 {
    min-height: 6rem;
}

.max-h13 {
    max-height: 13.5rem;
}

.fs-18 {
    font-size: 1.6rem;
    line-height: 168.5%;
}


.p-lh2 {
    line-height: 2em;
}

.light-blue-gradient {
    background: linear-gradient(135.75deg, #F5F8F9 2.75%, #CEE0E6 96.11%);
}

@media screen and (min-width: 768px) {
    .min-h16 {
        min-height: 30rem;
    }
}

@media screen and (min-width: 992px) {
    .min-h16 {
        min-height: 20rem;
    }
}

@media screen and (min-width: 1200px) {
    .mounting-p {
        max-width: 480px;
    }

    .min-h16 {
        min-height: 16rem;
    }

    .min-h8 {
        min-height: 8rem;
    }
}

@media screen and (min-width: 1400px) {
    .d-xxl-block {
        display: block !important;
    }
}

.number-fs88 {
    font-size: 5.5rem;
}

.bg-dark-opacity {
    background: rgba(0, 0, 0, 0.6);
}

.bg-dark-orange {
    background: #FF5E1B;
}

.card-hover .img-description {
    transition: 0.3s;
    font-size: 1.4rem;
    line-height: 15px;
    display: none;
}

.card-hover .card {
    transition: 0.3s;
}

.card-hover .img-description {
    transition: 0.3s;
    font-size: 1.4rem;
    line-height: 1.5rem;
    display: none;
}

@media screen and (max-width: 1200px) {
    .card-hover .img-description {
        line-height: 2.2rem;
        font-size: 1.4rem;
    }

    .card-hover .card .card-img {
        transition: 0.3s;
        width: 100%;
        height: 420px;
        object-fit: cover;
        object-position: 50%;
    }
}

@media screen and (max-width: 992px) {
    .card-hover .card .card-img {
        transition: 0.3s;
        height: 500px;
    }
}


@media screen and (max-width: 550px) {
    .card-hover .card .card-img {
        transition: 0.3s;
        height: calc(510px - (10vw + 6vw));
    }
}

@media screen and (max-width: 380px) {
    .card-hover .card .card-img {
        transition: 0.3s;
        height: 480px;
    }
}

@media screen and (max-width: 330px) {
    .card-hover .card .card-img {
        transition: 0.3s;
        height: 540px;
    }
}


@media screen and (min-width: 1200px) {

    .card-hover .card:hover {
        transform: scale(1.2);
        transition: 0.3s;
    }

}

.card-hover .card-img-overlay {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 100%;
}

.card-hover .card-img-overlay:hover {
    top: 0;
    background: #000000;
    opacity: 0.8;
    transition: 0.3s;
    justify-content: space-between;

}

.card-hover .card-img-overlay:hover .img-description {
    transition: 0.3s;
    display: block;
}

.card-hover .card-img-overlay a .arrow-details1 {
    display: inline-block;
}

.card-hover .card-img-overlay a .arrow-details2 {
    display: none;
}

.card-hover .card-img-overlay:hover a .arrow-details1 {
    display: none;
}

.card-hover .card-img-overlay:hover a .arrow-details2 {
    display: inline-block;
}

.sash-type {
    min-height: 4.4rem;
    height: 100%;
}

.btn.btn-outline-secondary {
    border: 1px solid #DDDDDD;
    background: transparent;
    color: #000;
}

.btn.btn-outline-secondary:hover {
    background: #DDDDDD;
    color: #ffff;
}

.company-wrapper #footer-responses-container-new .footer-responses-new-h1,
.company-wrapper .footer-certificates-container-new .title-h2 {
    font-size: 1.875rem;
    font-weight: bold;
    border-left: 5px solid #F95930;
    padding-left: 1rem;
}

.mobile-menu__top .nav-pills .nav-link.active,
.mobile-menu__top .nav-pills .show > .nav-link {
    color: #fb7c36;
    border-bottom: 2px dotted #fb7c36;
}

.slider-wrapper__furnitura .type-image {
    padding: 4px 4px 0 0;
}

.slider-preview__furnitura .type-image img {
    height: 309px;
    object-fit: cover;
}

.slider-thumb__furnitura .type-image img {
    height: 63px;
    object-fit: cover;
    border: 1px solid #CEE0E6;
}

.slider-thumb__furnitura .slick-current.slick-active img {
    border: 2px solid #fb7c36;
}

.logo {
    border-right: 2px solid #000;
}

@media screen and (max-width: 599px) {
    .logo {
        border: none;
    }
}

.btn-light {
    background-color: #F5F8F9 !important;
    border-color: #F5F8F9 !important;
}

.btn-light:hover,
.btn-light.active__btn-light {
    background: rgba(255, 94, 27, 0.5) !important;
    border-color: rgba(255, 94, 27, 0.5) !important;
    text-decoration: none !important;
}

.half-logo1 {
    top: 0;
    left: 0;
}

.half-logo2 {
    bottom: 0;
    right: 12px;
}

.line-point1 {
    top: 27px;
    left: -74px;
    transform: rotate(-20deg);
}

.line-point2 {
    top: 21px;
    left: -73px;
    width: 86px;
    transform: rotate(-10deg);
}

@media screen and (max-width: 1199px) {
    .line-point1 {
        top: 20px;
        left: -50px;
        width: 64px;
        transform: rotate(-13deg);
    }

    .line-point2 {
        top: 4px;
        left: -51px;
        width: 50px;
        transform: rotate(19deg);
    }
}

@media screen and (max-width: 991px) {
    .half-logo1 {
        width: 90px;
    }

    .half-logo2 {
        width: 90px;
    }

    .line-point1 {
        top: 26px;
        left: -69px;
        width: 93px;
        transform: rotate(-19deg);
    }

    .line-point2 {
        top: 26px;
        left: -71px;
        width: 90px;
        transform: rotate(-16deg);
    }
}

@media screen and (max-width: 767px) {
    .line-point1 {
        display: none;
    }

    .line-point2 {
        display: none;
    }
}

.circle-diameter-45 {
    min-width: 45px;
    width: 45px;
    min-height: 45px;
    height: 45px;
}

a.text-dark:hover {
    color: #FF5E1B !important;
    text-decoration-line: underline;
}

.bg {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.btn__collapse_accordion {
    cursor: pointer;
}

.btn__collapse_accordion span {
    min-width: 36px;
    min-height: 36px;
    transition: 0.3s;
}

@media screen and (max-width: 767px) {
    .btn__collapse_accordion span {
        min-width: 26px;
        min-height: 26px;
    }
}

.btn__collapse_accordion span::after {
    content: '';
    border: 4px solid transparent;
    border-top: 6px solid #FFFFFF;
    display: block;
    width: 4px;
    height: 4px;
    margin-top: 6px;
}

.btn__collapse_accordion[aria-expanded=true] span {
    transform: rotate(180deg);
    transition: 0.3s;
}

.bg-dim-orange {
    background-color: #f67c49;
}

.text-line-through {
    text-decoration: line-through;
}

.btn-sliding {
    line-height: 36px;
    height: 36px;
}

@media screen and (min-width: 768px) {
    .btn-sliding {
        max-width: 195px;
        line-height: 48px;
        height: 50px;
    }
}

.tab__orange .nav-pills .nav-link {
    padding: 0 2rem;
    color: #c4c4c4;
    -webkit-border-radius: 0.5rem;
    border-radius: 0.5rem;
    height: 5rem;
    line-height: 4.8rem;
    background-color: transparent;
    border: 1px solid #c4c4c4;
}

.tab__orange .nav-pills .nav-link img {
    margin-right: 1.6rem;
}

.tab__orange .nav-pills .nav-link.active {
    border-color: #ff5e1b;
    background-color: #ff5e1b;
    color: #ffffff;
    font-weight: 700;
}

.tab__orange .nav-pills .nav-link.active img {
    -webkit-filter: invert(1) brightness(1000%);
    filter: invert(1) brightness(1000%);
}

.carousel__sliding_img {
    height: 47.8rem;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: left top;
    object-position: left top;
}

@media screen and (max-width: 767px) {
    .carousel__sliding_img {
        height: 30rem;
    }
}

.carousel__sliding .carousel-indicators {
    bottom: 0;
}

.carousel__sliding_btn {
    background: #f4f4f4;
    border-left: 1px solid #e7e7e7;
}

.carousel__sliding_btn.active {
    background: #ffffff;
    border-left: 1px solid #ff5e1b;
    color: #ff5e1b !important;
    font-weight: 700;
}

.carousel__sliding_content {
    padding: 36px 42px;
}

@media screen and (max-width: 992px) {
    .carousel__sliding_content {
        padding: 1.6rem 2.4rem;
    }
}

@media screen and (max-width: 767px) {
    .carousel__sliding_content {
        padding: 1.2rem 1.2rem;
    }
}

.carousel__sliding .carousel-item {
    -webkit-border-radius: 1rem;
    border-radius: 1rem;
    overflow: hidden;
}

.carousel__sliding .carousel-control-prev {
    width: 4.3rem;
    left: -2rem;
}

.carousel__sliding .carousel-control-next {
    width: 4.3rem;
    right: -2rem;
}

.sliding__price img {
    max-height: 25rem;
    height: 100%;
}

.orange-dot-list {
    padding: 0;
    list-style: none;
}

.orange-dot-list li {
    position: relative;
    padding-left: 2rem;
}

.orange-dot-list li::before {
    position: absolute;
    content: "";
    top: 0.8rem;
    left: 0;
    width: 1.4rem;
    height: 1.4rem;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #ff5e1b;
}

.table-light {
    border: 1px solid #e7e7e7;
    border-collapse: collapse;
}

.table-light th,
.table-light td {
    height: 5.8rem;
    line-height: 5.8rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    border-left: 1px solid #e7e7e7;
    border-right: 1px solid #e7e7e7;
}

.table-border-orange-dark ,
.table-border-orange-dark td{
    border: 2px solid #FF5E1B;
    border-collapse: collapse;
}

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

    .table-light th,
    .table-light td {
        height: 3.8rem;
        line-height: 3.8rem;
    }
}

.wrapper-table-steklopakety {
    overflow-x: auto;
    overflow-y: hidden;
}

.wrapper-table-steklopakety .table-light {
    min-width: 50rem;
}

.wrapper-table-steklopakety .table-light tr:nth-child(even) td {
    background: #f5f8f9;
}

.wrapper-table-steklopakety .table-light thead tr th:nth-child(1),
.wrapper-table-steklopakety .table-light thead tr th:nth-child(2) {
    max-width: 100%;
    width: 41.2rem;
}

.wrapper-table-steklopakety .table-light thead tr th:nth-child(3) {
    max-width: 100%;
    width: 34.5rem;
}

.wrapper-table-otdelka-balkona {
    overflow-x: auto;
    overflow-y: hidden;
}

.wrapper-table-otdelka-balkona .table-light {
    min-width: 40rem;
}

.wrapper-table-otdelka-balkona .table-light td {
    min-width: 20rem;
}

.wrapper-table-otdelka-balkona .table-light tr:nth-child(even) td {
    background: #f5f8f9;
}

.wrapper-table-provedal {
    overflow-x: auto;
    overflow-y: hidden;
}

.wrapper-table-provedal .table-light {
    -webkit-border-radius: 1rem;
    border-radius: 1rem;
    overflow: hidden;
    border: 3px solid #fff;
}

.wrapper-table-provedal .table-light tr:nth-child(odd) td {
    background: #f5f8f9;
}

@media screen and (min-width: 992px) {
    .col-lg-20 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 20%;
    }
}

@media screen and (min-width: 992px) {
    .row-mx-lg-2 {
        margin-left: -0.5rem;
        margin-right: -0.5rem;
    }
}

@media screen and (min-width: 768px) {
    .card-img-cover {
        height: 400px;
        object-fit: cover;
        -o-object-fit: cover;
        object-position: center center;
        -o-object-position: center center;
    }
}

@media screen and (min-width: 1200px) {
    .card-img-cover {
        height: 500px;
    }
}

.btn.btn-outline-orange-dark {
    border: 1px solid #ff5e1b;
    background-color: transparent;
    color: #000;
    border-radius: 5px;
}

.btn.btn-outline-orange-dark:hover {
    background-color: #ff5e1b;
    color: #fff;
}

.wrapper-body {
    overflow-x: hidden;
    height: 100%;
}

@media screen and (max-width: 767px) {
    .bg-white_767 {
        background: #fff !important;
    }
}

.rounded-10 {
    border-radius: 1rem;
}

.card-img-overlay__dealers.card-img-overlay {
    top: auto;
    padding: 1.8rem 3.2rem;
}

.card-img-overlay__dealers.card-img-overlay .card-title {
    font-size: 2.2rem;
}

.circle-number {
    width: 3.2rem;
    height: 3.2rem;
}

.history-years-line {
    min-width: 3px;
    margin: 1.5rem 5.2rem 2rem 1.6rem;
}

.history-years-number {
    position: relative;
}

.history-years-number::after {
    position: absolute;
    content: url(../img/circle-orange.svg);
    top: -0.5rem;
    left: -7.2rem;
}

@media screen and (max-width: 767px) {
    .history-years-line {
        margin: 1.5rem 3.2rem 2rem 1rem;
    }

    .history-years-number::after {
        left: -5.2rem;
    }
}

#header .main-menu-dropdown.main-menu .menu .item.root-item a {
    line-height: 6rem;
}

.header-text-partner {
    line-height: 1;
    font-size: 1.4rem;
    color: #959595;
}

.header-contacts__phone {
    text-decoration: none;
    font-weight: 700;
    line-height: 1;
    color: #000000;
    font-size: calc(18px + (31 - 18) * ((100vw - 320px) / (1920 - 320)));;
}

@media screen and (min-width: 1920px) {
    .header-contacts__phone {
        font-size: 3.1rem;
    }
}

.header-contacts__phone:hover {
    text-decoration: none;
}

.header-contacts__callback {
    text-decoration: underline;
    font-weight: 700;
    line-height: 1;
    font-size: calc(11px + (14 - 11) * ((100vw - 320px) / (1920 - 320)));;
}

@media screen and (min-width: 1920px) {
    .header-contacts__callback {
        font-size: 1.4rem;
    }
}

.header-logo-hover:hover {
    opacity: .85;
    transition: 0.2s;
}

.header__clock_icon {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #212121;
    border-radius: 50%;
    width: 3.1rem;
    height: 3.1rem;
}

.header__clock_text {
    font-size: 1.4rem;
    line-height: 1.8rem;
}

.header__working-hours-mobile {
    line-height: 130%;
    font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (576 - 320)));;
}

@media screen and (min-width: 576px) {
    .header__working-hours-mobile {
        font-size: 1.4rem;
    }
}

.types-windows__row {
    row-gap: 2.4rem;
}

.types-windows__card {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    min-height: 15rem;
}


.types-windows__card:hover {
    text-decoration: none;
    opacity: 0.8;
    transition: 0.2s;
}

.types-windows__text {
    font-weight: 700;
    font-size: 2.2rem;
    line-height: 1.4;
}

li::marker {
    color: #FF5E1B;
    font-size: 1.5rem;
}

.table-cell {
    vertical-align: center;
    width: 100%;
    height: 100%;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    min-height: 7rem;
}
.h2_header {
    font-size: 2rem;
}
@media screen and (max-width: 576px) {
    .h2_header {
        font-size: calc(1.325rem + .9vw);
    }
}