@import "https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700&subset=cyrillic";

* {
    margin: 0;
    padding: 0;
}

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
}

article,
aside,
footer,
header,
nav,
section {
    display: block;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

figcaption,
figure,
main {
    display: block;
}

figure {
    margin: 1em 40px;
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

pre {
    font-family: monospace, monospace;
    font-size: 1em;
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

a:active,
a:hover {
    outline-width: 0;
}

abbr[title] {
    border-bottom: 0;
    text-decoration: underline;
    text-decoration: underline dotted;
}

b,
strong {
    font-weight: inherit;
    font-weight: bolder;
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

dfn {
    font-style: italic;
}

mark {
    background-color: #ff0;
    color: #000;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

audio,
video {
    display: inline-block;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

img {
    border-style: none;
}

svg:not(:root) {
    overflow: hidden;
}

button,
input,
optgroup,
select,
textarea {
    font-size: 100%;
}

button,
input {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}

textarea {
    overflow: auto;
    resize: none;
}

[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

body {
    font-family: "Roboto", sans-serif;
}

img {
    max-width: 100%;
    height: auto;
    background: transparent;
}

.mobile-navigation {
    display: none;
}

.fixed-nav {
    width: 100% !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
}

.container {
    max-width: 1340px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}

body.thank-you {
    background: url("../image/bg/thanks.jpg");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

body.thank-you .thank-you-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
}

body.thank-you .thank-you-wrapper .container {
    text-align: center;
    margin: 0 auto;
}

body.thank-you .thank-you-wrapper .thank-you-box {
    max-width: 500px;
    margin: 0 auto;
    border-radius: 10px;
    background: #292929;
    text-align: center;
    padding: 45px;
}

body.thank-you .thank-you-wrapper .thank-you-box p {
    color: #fff;
    font-weight: 400;
}

body.thank-you .thank-you-wrapper .thank-you-box p.str-1 {
    font-size: 42px;
    line-height: 48px;
    margin-bottom: 8px;
}

body.thank-you .thank-you-wrapper .thank-you-box p.str-2 {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 25px;
}

body.thank-you .thank-you-wrapper .thank-you-box a {
    display: inline-block;
    vertical-align: top;
    width: 200px;
    border-radius: 5px;
    background: #c01011;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    line-height: 23px;
    padding: 12px 0;
    text-decoration: none;
    cursor: pointer;
}

body.thank-you .thank-you-wrapper .thank-you-box a:hover {
    opacity: 0.9;
}

.header-top {
    background-color: #292929;
}

.header-top .container {
    overflow: hidden;
    padding: 19px 15px;
    margin: 0 auto;
}

.header-top .logotype {
    float: left;
}

.header-top .logotype a:hover {
    opacity: 1;
}

.header-top .contacts-list {
    float: left;
    margin: 8px 0 0 160px;
}

.header-top .contacts-list ul {
    list-style-type: none;
}

.header-top .contacts-list ul li {
    display: inline-block;
    vertical-align: top;
    color: #ffffff;
    font-size: 15px;
    font-weight: 700;
    line-height: 22px;
    margin-right: 55px;
}

.header-top .contacts-list ul li a {
    color: #ffffff;
    text-decoration: none;
    font-size: 15px;
    font-weight: 700;
    line-height: 22px;
    cursor: pointer;
}

.header-top .contacts-list ul li a:hover {
    text-decoration: underline;
}

.header-top .contacts-list ul li:last-child a {
    font-weight: 700;
}

.header-top .contacts-list ul li.mail p {
    display: inline-block;
    height: 25px;
    padding: 10px 0 9px 40px;
    background: url("../image/icons/mail.png") no-repeat left center;
}

.header-top .contacts-list ul li.work-time p {
    display: inline-block;
    padding-left: 40px;
    background: url("../image/icons/time.png") no-repeat left center;
}

.header-top .contacts-list ul li.phones p {
    display: inline-block;
    padding-left: 40px;
    background: url("../image/icons/phone.png") no-repeat left center;
}

.header-top .contacts-list ul span {
    display: list-item;
}

.header-top .contacts-list ul li:last-child {
    margin-right: 0;
}

.header-top .recall-box {
    float: right;
}

.header-top .recall-box button {
    margin: 10px 0;
    padding: 9px 22px;
    background: #fff;
    color: #c01011;
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    text-transform: uppercase;
    border: 0;
    outline: 0;
    border-radius: 0;
    cursor: pointer;
}

.header-top .recall-box button:hover {
    opacity: 0.9;
}

.header-bottom .navigation {
    font-family: "Roboto Condensed", sans-serif;
    background: #c01011;
    border-bottom: 1px solid #c1c0c0;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    position: relative;
    z-index: 100;
    text-align: left;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.header-bottom .navigation .container {
    padding: 0 15px;
    height: 60px;
}

.header-bottom .navigation ul {
    list-style-type: none;
    text-align: center;
}

.header-bottom .navigation ul li {
    display: inline-block;
    padding: 0 6px;
}

.header-bottom .navigation ul li a {
    display: block;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
    padding: 21px 0 18px;
    border-bottom: 0;
    position: relative;
}

.header-bottom .navigation ul li a:hover:after {
    content: "";
    display: block;
    border-bottom: 2px solid #c01011;
    position: relative;
    top: 16px;
}

#page .gallery-and-form {
    padding: 70px 0 90px 0;
    background: url("/wp-content/themes/disol/image/bg/alutech/slide-bg.jpg");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

#page .gallery-and-form .container {
    overflow: hidden;
}

#page .gallery-and-form .gallery {
    float: left;
    width: 69%;
    overflow: hidden;
}

#page .gallery-and-form .gallery .column {
    float: left;
}

#page .gallery-and-form .gallery .column img {
    display: block;
    opacity: 1;
}

#page .gallery-and-form .gallery .column img.one-line {
    display: inline-block;
    vertical-align: top;
}

#page .gallery-and-form .gallery .column img.one-line.i2 {
    margin-left: -5px;
}

#page .gallery-and-form .leave-request-form-box {
    float: right;
    width: 29%;
    margin-left: 22px;
}

#page .gallery-and-form .leave-request-form-box .info-box p.str1 {
    color: #fefefe;
    font-size: 30px;
    font-weight: 400;
    line-height: 50px;
    text-transform: uppercase;
    position: relative;
    top: -12px;
}

#page .gallery-and-form .leave-request-form-box .info-box p.str2 {
    margin: 10px 0 30px;
    color: #fff;
    line-height: 24px;
    font-size: 16px;
    font-weight: 500;
}

#page .gallery-and-form .leave-request-form-box .info-box p.str2 .inner {
    display: block;
}

#page .gallery-and-form .leave-request-form-box .info-box p.str2 .inner.i2 {
    margin-top: 7px;
}

#page .gallery-and-form .leave-request-form-box .info-box p.str2 span.s1 {
    font-weight: 900;
    text-transform: uppercase;
}

#page .gallery-and-form .leave-request-form-box .info-box p.str2 span.s2 {
    font-size: 20px;
    font-weight: 900;
    text-transform: uppercase;
}

#page
.gallery-and-form
.leave-request-form-box
.info-box
p.str2
span.s2.bordered {
    border: 1px solid #fff;
    padding: 2px 7px;
    margin-left: 5px;
}

#page .gallery-and-form .leave-request-form-box .info-box p.str2 span.s3 {
    font-weight: 500;
    text-transform: uppercase;
}

#page .gallery-and-form .leave-request-form-box form {
    display: block;
}

#page .gallery-and-form .leave-request-form-box form .input-box {
    width: 85%;
    border-bottom: 1px solid #fff;
    box-sizing: border-box;
    margin: 18px 0;
    position: relative;
}

#page .gallery-and-form .leave-request-form-box form .input-box input {
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    line-height: 22px;
    width: 100%;
    padding: 0 0 10px 20px;
    background: transparent;
    border: 0;
    outline: 0;
}

#page
.gallery-and-form
.leave-request-form-box
form
.input-box
input::-webkit-input-placeholder {
    color: #fff;
}

#page
.gallery-and-form
.leave-request-form-box
form
.input-box
input:-moz-placeholder {
    color: #fff;
}

#page
.gallery-and-form
.leave-request-form-box
form
.input-box
input::-moz-placeholder {
    color: #fff;
}

#page
.gallery-and-form
.leave-request-form-box
form
.input-box
input:-ms-input-placeholder {
    color: #fff;
}

#page .gallery-and-form .leave-request-form-box form .input-box input.error {
    padding: 0 0 16px 20px;
}

#page .gallery-and-form .leave-request-form-box form .input-box label.error {
    display: block;
    position: absolute;
    top: 20px;
    left: 20px;
    color: red;
    font-size: 14px;
    font-weight: 300;
}

#page .gallery-and-form .leave-request-form-box form .submit-box {
    margin-top: 34px;
}

#page .gallery-and-form .leave-request-form-box form .submit-box input {
    padding: 9px 22px;
    background: #fff;
    color: #c01011;
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    text-transform: uppercase;
    border: 0;
    border-radius: 0;
    outline: 0;
    cursor: pointer;
}

#page .gallery-and-form .leave-request-form-box form .submit-box input:hover {
    opacity: 0.9;
}

#page .gallery-and-form .leave-request-form-box form .thanks-box {
    display: none;
    margin-top: 12px;
    border: 3px solid #fff;
    text-align: center;
    padding: 15px 5px;
    max-width: 280px;
}

#page .gallery-and-form .leave-request-form-box form .thanks-box p {
    color: #fff;
}

#page .gallery-and-form .leave-request-form-box form .thanks-box p.str1 {
    font-size: 20px;
    font-weight: 500;
    line-height: 23px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

#page .gallery-and-form .leave-request-form-box form .thanks-box p.str2 {
    font-size: 16px;
    font-weight: 400;
    line-height: 23px;
}

#page .hormann-slider {
    background: url("../image/bg/hormann/slide-bg.jpg");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

#page .hormann-slider .container {
    text-align: center;
    margin: 0 auto;
    padding: 146px 15px 230px;
}

#page .hormann-slider .info-box {
    text-align: center;
    margin-bottom: 12px;
}

#page .hormann-slider .info-box p {
    color: #fefefe;
    line-height: 36px;
}

#page .hormann-slider .info-box .str1 {
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase;
    padding-bottom: 22px;
}

#page .hormann-slider .info-box .str2 {
    font-size: 26px;
    font-weight: 400;
    text-transform: uppercase;
    padding-bottom: 20px;
}

#page .hormann-slider .info-box .str2 span {
    font-size: 27px;
    font-weight: 600;
    border: 1px solid #fff;
    padding: 3px 8px 1px 7px;
}

#page .hormann-slider .form-box {
    position: relative;
    width: 83%;
    margin: 0 auto;
    border-radius: 10px;
    background-color: #292929;
}

#page .hormann-slider .form-box form {
    display: block;
    overflow: hidden;
    padding: 17px;
}

#page .hormann-slider .form-box form .input-box {
    float: left;
    width: 23%;
    margin-right: 20px;
    background-color: #fff;
    border-radius: 5px;
}

#page .hormann-slider .form-box form .input-box input {
    width: 100%;
    background: transparent;
    border: 2px solid #fff;
    outline: 0;
    border-radius: 5px;
    box-sizing: border-box;
    color: #5f5e5e;
    font-size: 15px;
    font-weight: 300;
    line-height: 36px;
    padding: 1px 15px 1px 12px;
}

#page
.hormann-slider
.form-box
form
.input-box
input::-webkit-input-placeholder {
    color: #8c8a8a;
}

#page .hormann-slider .form-box form .input-box input:-moz-placeholder {
    color: #8c8a8a;
}

#page .hormann-slider .form-box form .input-box input::-moz-placeholder {
    color: #8c8a8a;
}

#page .hormann-slider .form-box form .input-box input:-ms-input-placeholder {
    color: #8c8a8a;
}

#page .hormann-slider .form-box form .submit-box {
    width: 24%;
    float: left;
}

#page .hormann-slider .form-box form .submit-box input {
    width: 100%;
    background-color: #c01011;
    border-radius: 5px;
    border: 0;
    outline: 0;
    color: #fff;
    font-size: 15px;
    font-weight: 300;
    line-height: 36px;
    padding: 3px 61px;
    cursor: pointer;
}

#page .hormann-slider .form-box form .submit-box input:hover {
    opacity: 0.9;
}

#page .hormann-slider .form-box .thank-you-box {
    display: none;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    line-height: 23px;
    text-transform: uppercase;
    padding: 29px 20px 24px;
}

#page .hormann-slider.automatics {
    background: url("../image/bg/automatics/slide-bg.jpg");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

#page .hormann-slider.rollety {
    background: url("../image/bg/rollety/slide-bg.jpg");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

#page .hormann-slider.solncezashhitnye-sistemy {
    background: url("../image/bg/solncezashhitnye-sistemy/slide-bg.jpg");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.advantages .container {
    opacity: 1;
    padding: 95px 15px;
    text-align: center;
    margin: 0 auto;
}

.advantages .container > div:last-child {
    max-width: 545px;
    height: auto;
}

.advantages #light_gallery {
    max-width: initial;
}

.advantages .title {
    color: #2a2a2a;
    font-size: 30px;
    font-weight: 900;
    line-height: 32px;
}

.advantages .subtitle {
    padding: 4% 0;
}

.advantages .summary {
    margin: 31px 0 62px;
    color: #6f6f6f;
    font-size: 14px;
    font-weight: 300;
    line-height: 22px;
}

.advantages .single-advantage {
    display: inline-block;
    vertical-align: top;
    max-width: 261px;
    width: 100%;
    height: 363px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    margin: 0 10px 28px;
}

.advantages .single-advantage .box {
    padding: 22px 23px 25px;
    text-align: left;
}

.advantages .single-advantage .box .name {
    color: #2a2a2a;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    margin-top: 25px;
}

.advantages .single-advantage .box .name span {
    display: block;
}

.advantages .single-advantage .box .text {
    color: #2a2a2a;
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    margin-top: 19px;
}

.advantages .single-advantage .box .text span {
    display: block;
}

.advantages .big-single-advantage {
    display: inline-block;
    vertical-align: top;
    max-width: 545px;
    width: 100%;
    height: 227px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    margin: 0 10px 28px;
}

.advantages .big-single-advantage .box {
    padding: 26px 21px 25px 25px;
    text-align: left;
    overflow: hidden;
}

.advantages .big-single-advantage .box .img {
    float: left;
}

.advantages .big-single-advantage .box .content {
    float: left;
    padding-left: 35px;
    width: 248px;
}

.advantages .big-single-advantage .box .content .name {
    color: #2a2a2a;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
}

.advantages .big-single-advantage .box .content .text {
    color: #2a2a2a;
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    margin-top: 21px;
}

.hormann-advantages .container {
    opacity: 1;
    padding: 65px 15px 75px;
    text-align: center;
    margin: 0 auto;
}

.hormann-advantages .title {
    color: #2a2a2a;
    font-size: 30px;
    font-weight: 900;
    line-height: 23px;
    padding-bottom: 30px;
}

.hormann-advantages .summary {
    color: #6f6f6f;
    font-size: 14px;
    font-weight: 300;
    line-height: 23px;
    padding-bottom: 55px;
}

.hormann-advantages .single-advantage {
    display: inline-block;
    vertical-align: top;
    max-width: 295px;
    width: 100%;
    height: 422px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    margin: 0 40px 28px;
}

.hormann-advantages .single-advantage .box {
    padding: 22px 23px 25px;
    text-align: left;
}

.hormann-advantages .single-advantage .box .name {
    color: #2a2a2a;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    margin-top: 25px;
}

.hormann-advantages .single-advantage .box .text {
    color: #2a2a2a;
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    margin-top: 19px;
}

.automatics-advantages .container {
    opacity: 1;
    text-align: center;
    margin: 0 auto;
    padding: 52px 15px 60px;
}

.automatics-advantages .title {
    color: #2a2a2a;
    font-size: 30px;
    font-weight: 900;
    line-height: 23px;
    margin-bottom: 44px;
}

.automatics-advantages .advantages-block {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    padding: 52px 15px 45px;
}

.automatics-advantages .advantages-block .single-advantage {
    opacity: 1;
    display: inline-block;
    vertical-align: top;
    width: 22%;
    margin: 0 14px;
}

.automatics-advantages .advantages-block .single-advantage .box .image {
    text-align: left;
}

.automatics-advantages .advantages-block .single-advantage .box .text {
    color: #2a2a2a;
    font-size: 14px;
    font-weight: 300;
    line-height: 22px;
    text-align: left;
    margin-top: 19px;
    height: 285px;
}

.automatics-advantages .advantages-block .single-advantage .box .download {
    margin-top: 22px;
}

.automatics-advantages .advantages-block .single-advantage .box .download a {
    color: #626262;
    font-size: 20px;
    font-weight: 300;
    line-height: 34px;
    text-decoration: none;
    border: 0;
    background: url("../image/icons/pdf-icon.png") no-repeat right center;
    padding: 6px 40px 10px 0;
    cursor: pointer;
}

.automatics-advantages
.advantages-block
.single-advantage
.box
.download
a
span {
    background: url(../image/icons/grey-dotted-line.png) no-repeat center 24px;
    padding-bottom: 3px;
}

.automatics-advantages
.advantages-block
.single-advantage
.box
.download
a:hover {
    opacity: 0.88;
}

.features-of-rollety .container {
    padding: 60px 15px 12px;
    text-align: center;
    margin: 0 auto;
}

.features-of-rollety .container.roletniye-reshetki-alutech,
.features-of-rollety .container.roletniye-vorota-alutech {
    padding: 52px 15px 35px;
}

.features-of-rollety .title {
    color: #2a2a2a;
    font-size: 30px;
    font-weight: 900;
    line-height: 23px;
    margin-bottom: 58px;
}

.features-of-rollety .single-features-of-rollety {
    opacity: 1;
    display: inline-block;
    vertical-align: top;
    max-width: 290px;
    width: 100%;
    margin: 0 38px 38px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    background-color: #fff;
}

.features-of-rollety .single-features-of-rollety.e1,
.features-of-rollety .single-features-of-rollety.e2,
.features-of-rollety .single-features-of-rollety.e3 {
    height: 186px;
}

.features-of-rollety .single-features-of-rollety.e4,
.features-of-rollety .single-features-of-rollety.e5,
.features-of-rollety .single-features-of-rollety.e6 {
    height: 206px;
}

.features-of-rollety .single-features-of-rollety.e_a1,
.features-of-rollety .single-features-of-rollety.e_a2,
.features-of-rollety .single-features-of-rollety.e_a3,
.features-of-rollety .single-features-of-rollety.e_a4,
.features-of-rollety .single-features-of-rollety.e_a5,
.features-of-rollety .single-features-of-rollety.e_a6 {
    height: 210px;
}

.features-of-rollety .single-features-of-rollety.e_v1,
.features-of-rollety .single-features-of-rollety.e_v2,
.features-of-rollety .single-features-of-rollety.e_v3,
.features-of-rollety .single-features-of-rollety.e_v4,
.features-of-rollety .single-features-of-rollety.e_v5,
.features-of-rollety .single-features-of-rollety.e_v6 {
    height: 210px;
}

.features-of-rollety .single-features-of-rollety .box {
    text-align: center;
    padding: 20px 20px 20px;
}

.features-of-rollety .single-features-of-rollety .box .title-name {
    color: #2a2a2a;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    text-align: left;
}

.features-of-rollety .single-features-of-rollety .box .title-name.i1 {
    background: url("../image/icons/features-of-rollets-system/1.png") no-repeat -13px -13px;
    padding: 7px 0 24px 52px;
}

.features-of-rollety .single-features-of-rollety .box .title-name.i2 {
    background: url("../image/icons/features-of-rollets-system/2.png") no-repeat -7px -4px;
    padding: 7px 0 24px 52px;
}

.features-of-rollety .single-features-of-rollety .box .title-name.i3 {
    background: url("../image/icons/features-of-rollets-system/3.png") no-repeat -11px -11px;
    padding: 7px 0 20px 52px;
}

.features-of-rollety .single-features-of-rollety .box .title-name.i4 {
    background: url("../image/icons/features-of-rollets-system/4.png") no-repeat -2px -1px;
    padding: 7px 0 26px 52px;
}

.features-of-rollety .single-features-of-rollety .box .title-name.i5 {
    background: url("../image/icons/features-of-rollets-system/5.png") no-repeat -1px 0;
    padding: 7px 0 26px 52px;
}

.features-of-rollety .single-features-of-rollety .box .title-name.i6 {
    background: url("../image/icons/features-of-rollets-system/6.png") no-repeat -7px -7px;
    padding: 7px 0 26px 52px;
}

.features-of-rollety .single-features-of-rollety .box .title-name.a1 {
    background: url("../image/icons/roletniye-reshetki-alutech/1.png") no-repeat 0 0;
    padding: 7px 0 24px 44px;
}

.features-of-rollety .single-features-of-rollety .box .title-name.a2 {
    background: url("../image/icons/roletniye-reshetki-alutech/2.png") no-repeat 0 0;
    padding: 7px 0 25px 44px;
}

.features-of-rollety .single-features-of-rollety .box .title-name.a3 {
    background: url("../image/icons/roletniye-reshetki-alutech/3.png") no-repeat 0 1px;
    padding: 0 0 12px 44px;
}

.features-of-rollety .single-features-of-rollety .box .title-name.a4 {
    background: url("../image/icons/roletniye-reshetki-alutech/4.png") no-repeat 0 1px;
    padding: 0 0 12px 44px;
}

.features-of-rollety .single-features-of-rollety .box .title-name.a5 {
    background: url("../image/icons/roletniye-reshetki-alutech/5.png") no-repeat 0 0;
    padding: 7px 0 24px 44px;
}

.features-of-rollety .single-features-of-rollety .box .title-name.a6 {
    background: url("../image/icons/roletniye-reshetki-alutech/6.png") no-repeat 0 0;
    padding: 7px 0 24px 44px;
}

.features-of-rollety .single-features-of-rollety .box .title-name.v1 {
    background: url("../image/icons/roletniye-vorota-alutech/1.png") no-repeat 0 0;
    padding: 7px 0 24px 44px;
}

.features-of-rollety .single-features-of-rollety .box .title-name.v2 {
    background: url("../image/icons/roletniye-vorota-alutech/2.png") no-repeat 0 0;
    padding: 7px 0 24px 44px;
}

.features-of-rollety .single-features-of-rollety .box .title-name.v3 {
    background: url("../image/icons/roletniye-vorota-alutech/3.png") no-repeat 0 0;
    padding: 7px 0 24px 44px;
}

.features-of-rollety .single-features-of-rollety .box .title-name.v4 {
    background: url("../image/icons/roletniye-vorota-alutech/4.png") no-repeat 0 0;
    padding: 0 0 12px 44px;
}

.features-of-rollety .single-features-of-rollety .box .title-name.v5 {
    background: url("../image/icons/roletniye-vorota-alutech/5.png") no-repeat 0 0;
    padding: 7px 0 24px 44px;
}

.features-of-rollety .single-features-of-rollety .box .title-name.v6 {
    background: url("../image/icons/roletniye-vorota-alutech/6.png") no-repeat 0 0;
    padding: 0 0 12px 44px;
}

.features-of-rollety .single-features-of-rollety .box .text {
    margin-top: 4px;
    color: #2a2a2a;
    font-size: 14px;
    font-weight: 300;
    line-height: 22px;
    text-align: left;
}

.energoeffekivnost .container {
    text-align: center;
    margin: 0 auto;
    padding: 15px 15px 70px;
}

.energoeffekivnost .title {
    color: #2a2a2a;
    font-size: 30px;
    font-weight: 900;
    line-height: 23px;
    margin-bottom: 80px;
}

.energoeffekivnost .left-part,
.energoeffekivnost .right-part {
    opacity: 1;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    max-width: 392px;
    margin: 0 76px;
}

.energoeffekivnost .left-part .box,
.energoeffekivnost .right-part .box {
    text-align: center;
}

.energoeffekivnost .left-part .box .image,
.energoeffekivnost .right-part .box .image {
    display: block;
}

.energoeffekivnost .left-part .box .title-name,
.energoeffekivnost .right-part .box .title-name {
    color: #4e4e4e;
    font-size: 20px;
    font-weight: 900;
    line-height: 22px;
    text-transform: uppercase;
    text-align: left;
    margin-top: 40px;
}

.energoeffekivnost .left-part .box .title-name span,
.energoeffekivnost .right-part .box .title-name span {
    color: #cb4849;
}

.energoeffekivnost .left-part .box .list ul,
.energoeffekivnost .right-part .box .list ul {
    list-style: none;
    text-align: left;
    margin-top: 20px;
}

.energoeffekivnost .left-part .box .list ul li,
.energoeffekivnost .right-part .box .list ul li {
    display: block;
    color: #212121;
    font-size: 15px;
    font-weight: 300;
    line-height: 23px;
}

.energoeffekivnost .left-part .box .list ul li span,
.energoeffekivnost .right-part .box .list ul li span {
    font-weight: 400;
}

.zaschitniye-koroba {
    background: #424242;
}

.zaschitniye-koroba .container {
    margin: 0 auto;
    text-align: center;
    padding: 60px 15px 25px;
}

.zaschitniye-koroba .title {
    color: #fff;
    font-size: 30px;
    font-weight: 900;
    line-height: 23px;
    margin-bottom: 52px;
}

.zaschitniye-koroba .single-korob {
    opacity: 1;
    display: inline-block;
    vertical-align: top;
    width: 31%;
    margin: 0 10px;
}

.zaschitniye-koroba .single-korob .box {
    text-align: center;
}

.zaschitniye-koroba .single-korob .box .title-name {
    color: #fff;
    font-size: 20px;
    font-weight: 900;
    line-height: 34px;
    margin-bottom: 16px;
}

.zaschitniye-koroba .single-korob .box .images-box {
    overflow: hidden;
}

.zaschitniye-koroba .single-korob .box .images-box .left-image {
    float: left;
}

.zaschitniye-koroba .single-korob .box .images-box .right-image {
    float: right;
}

.zaschitniye-koroba .single-korob .box .images-box .center-image {
    text-align: center;
}

.zaschitniye-koroba .single-korob .box .summary {
    color: #fff;
    font-size: 13px;
    font-weight: 300;
    line-height: 25px;
    text-align: left;
    margin-top: 16px;
}

.type-of-profiles {
    background: #424242;
}

.type-of-profiles .container {
    margin: 0 auto;
    text-align: center;
    padding: 26px 15px 56px;
}

.type-of-profiles .title {
    color: #fff;
    font-size: 30px;
    font-weight: 900;
    line-height: 23px;
    margin-bottom: 55px;
}

.type-of-profiles .type-of-profiles-slider {
    opacity: 1;
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 0 12px;
}

.type-of-profiles .download-box {
    opacity: 1;
    margin-top: 22px;
}

.type-of-profiles .download-box a {
    color: #dadada;
    font-size: 20px;
    font-weight: 300;
    line-height: 34px;
    text-decoration: none;
    border: 0;
    background: url("../image/icons/pdf-icon.png") no-repeat right center;
    padding: 6px 40px 10px 0;
}

.type-of-profiles .download-box a span {
    background: url(../image/icons/white-dotted-line.png) no-repeat center 24px;
    padding-bottom: 3px;
}

.type-of-profiles .download-box a:hover {
    opacity: 0.88;
}

.type-of-profiles .make-order-box {
    opacity: 1;
    text-align: center;
    margin-top: 36px;
}

.type-of-profiles .make-order-box button {
    display: inline-block;
    padding: 11px 54px;
    border: 0;
    border-radius: 0;
    outline: 0;
    background: #c01c1c;
    cursor: pointer;
    color: #fff;
    font-size: 23px;
    font-weight: 400;
    line-height: 34px;
}

.type-of-profiles .make-order-box button:hover {
    opacity: 0.88;
}

.series-of-roletniye-reshetki {
    background: #434243;
}

.series-of-roletniye-reshetki .container {
    margin: 0 auto;
    text-align: center;
    padding: 60px 15px 55px;
}

.series-of-roletniye-reshetki .title {
    color: #fff;
    font-size: 30px;
    font-weight: 900;
    line-height: 23px;
    margin-bottom: 52px;
}

.series-of-roletniye-reshetki .series-of-roletniye-reshetki-slider {
    opacity: 1;
    max-width: 1010px;
    margin: 0 auto;
    padding: 5px 0 12px;
}

.series-of-roletniye-reshetki .download-box {
    opacity: 1;
    margin-top: 22px;
}

.series-of-roletniye-reshetki .download-box a {
    color: #dadada;
    font-size: 20px;
    font-weight: 300;
    line-height: 34px;
    text-decoration: none;
    border: 0;
    background: url("../image/icons/pdf-icon.png") no-repeat right center;
    padding: 6px 40px 10px 0;
}

.series-of-roletniye-reshetki .download-box a span {
    background: url(../image/icons/white-dotted-line.png) no-repeat center 24px;
    padding-bottom: 3px;
}

.series-of-roletniye-reshetki .download-box a:hover {
    opacity: 0.88;
}

.series-of-roletniye-reshetki .make-order-box {
    opacity: 1;
    text-align: center;
    margin-top: 36px;
}

.series-of-roletniye-reshetki .make-order-box button {
    display: inline-block;
    padding: 11px 54px;
    border: 0;
    border-radius: 0;
    outline: 0;
    background: #c01c1c;
    cursor: pointer;
    color: #fff;
    font-size: 23px;
    font-weight: 400;
    line-height: 34px;
}

.series-of-roletniye-reshetki .make-order-box button:hover {
    opacity: 0.88;
}

.series-of-roletniye-vorota {
    background: #434243;
}

.series-of-roletniye-vorota .container {
    margin: 0 auto;
    text-align: center;
    padding: 62px 15px 56px;
}

.series-of-roletniye-vorota .title {
    color: #fff;
    font-size: 30px;
    font-weight: 900;
    line-height: 23px;
    margin-bottom: 52px;
}

.series-of-roletniye-vorota .series-of-roletniye-vorota-slider {
    opacity: 1;
    max-width: 490px;
    margin: 0 auto;
    padding: 0 0 12px;
}

.series-of-roletniye-vorota .download-box {
    opacity: 1;
    margin-top: 22px;
}

.series-of-roletniye-vorota .download-box a {
    color: #dadada;
    font-size: 20px;
    font-weight: 300;
    line-height: 34px;
    text-decoration: none;
    border: 0;
    background: url("../image/icons/pdf-icon.png") no-repeat right center;
    padding: 6px 40px 10px 0;
}

.series-of-roletniye-vorota .download-box a span {
    background: url(../image/icons/white-dotted-line.png) no-repeat center 24px;
    padding-bottom: 3px;
}

.series-of-roletniye-vorota .download-box a:hover {
    opacity: 0.88;
}

.series-of-roletniye-vorota .make-order-box {
    opacity: 1;
    text-align: center;
    margin-top: 36px;
}

.series-of-roletniye-vorota .make-order-box button {
    display: inline-block;
    padding: 11px 54px;
    border: 0;
    border-radius: 0;
    outline: 0;
    background: #c01c1c;
    cursor: pointer;
    color: #fff;
    font-size: 23px;
    font-weight: 400;
    line-height: 34px;
}

.series-of-roletniye-vorota .make-order-box button:hover {
    opacity: 0.88;
}

.automatics-for-gate-1 .container {
    padding: 65px 15px 12px;
}

.automatics-for-gate-2 .container {
    padding: 32px 15px 56px;
}

.automatics-for-gate-1,
.automatics-for-gate-2 {
    background: #424242;
}

.automatics-for-gate-1 .container,
.automatics-for-gate-2 .container {
    text-align: center;
    margin: 0 auto;
}

.automatics-for-gate-1 .title,
.automatics-for-gate-2 .title {
    opacity: 1;
    color: #fff;
    font-size: 30px;
    font-weight: 900;
    line-height: 23px;
}

.automatics-for-gate-1 .title.t1,
.automatics-for-gate-2 .title.t1 {
    margin-bottom: 42px;
}

.automatics-for-gate-1 .title.t2,
.automatics-for-gate-2 .title.t2 {
    margin-top: 36px;
    margin-bottom: 42px;
}

.automatics-for-gate-1 .single-automatics-for-gate,
.automatics-for-gate-2 .single-automatics-for-gate {
    opacity: 1;
    display: inline-block;
    vertical-align: top;
    width: 23%;
    margin: 0 8px;
}

.automatics-for-gate-1 .single-automatics-for-gate .box,
.automatics-for-gate-2 .single-automatics-for-gate .box {
    text-align: center;
}

.automatics-for-gate-1 .single-automatics-for-gate .box .image,
.automatics-for-gate-2 .single-automatics-for-gate .box .image {
    display: block;
    position: relative;
    margin: 0 auto;
    text-align: center;
}

.automatics-for-gate-1 .single-automatics-for-gate .box .image .shadow,
.automatics-for-gate-2 .single-automatics-for-gate .box .image .shadow {
    width: 100%;
    box-sizing: border-box;
    opacity: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    background: rgba(36, 36, 36, 0.55);
    padding: 0;
    text-align: left;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    overflow: hidden;
}

.automatics-for-gate-1 .single-automatics-for-gate .box .image .shadow ol,
.automatics-for-gate-2 .single-automatics-for-gate .box .image .shadow ol,
.automatics-for-gate-1 .single-automatics-for-gate .box .image .shadow ul,
.automatics-for-gate-2 .single-automatics-for-gate .box .image .shadow ul {
    padding: 30px 20px 0 26px;
}

.automatics-for-gate-1 .single-automatics-for-gate .box .image .shadow ol li,
.automatics-for-gate-2 .single-automatics-for-gate .box .image .shadow ol li,
.automatics-for-gate-1 .single-automatics-for-gate .box .image .shadow ul li,
.automatics-for-gate-2 .single-automatics-for-gate .box .image .shadow ul li{
    color: #fff;
    font-size: 13px;
    font-weight: 300;
    line-height: 22px;
}

.automatics-for-gate-1 .single-automatics-for-gate .box .image .details-box,
.automatics-for-gate-2 .single-automatics-for-gate .box .image .details-box {
    background: #fff;
    position: relative;
    top: -4px;
    text-align: center;
    border-top: 1px solid #ccc;
    padding: 5px 0;
}

.automatics-for-gate-1 .single-automatics-for-gate .box .image .details-box p,
.automatics-for-gate-2 .single-automatics-for-gate .box .image .details-box p {
    color: #000;
    line-height: 22px;
    min-height: 4em;
}

.automatics-for-gate-1
.single-automatics-for-gate
.box
.image
.details-box
p.title_name,
.automatics-for-gate-2
.single-automatics-for-gate
.box
.image
.details-box
p.title_name {
    font-size: 15px;
    font-weight: 700;
}

.automatics-for-gate-1
.single-automatics-for-gate
.box
.image
.details-box
p.price,
.automatics-for-gate-2
.single-automatics-for-gate
.box
.image
.details-box
p.price {
    font-size: 15px;
    font-weight: 500;
    margin-top: 2px;
}

.automatics-for-gate-1 .single-automatics-for-gate .box .image:hover > .shadow,
.automatics-for-gate-2 .single-automatics-for-gate .box .image:hover > .shadow {
    opacity: 1;
}

.automatics-for-gate-1 .single-automatics-for-gate .box .button-box,
.automatics-for-gate-2 .single-automatics-for-gate .box .button-box {
    position: relative;
    top: -4px;
}

.automatics-for-gate-1 .single-automatics-for-gate .box .button-box button,
.automatics-for-gate-2 .single-automatics-for-gate .box .button-box button {
    width: 100%;
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    line-height: 23px;
    border: 0;
    border-radius: 0;
    outline: 0;
    background-color: #c01c1c;
    padding: 9px 0;
    cursor: pointer;
}

.automatics-for-gate-1
.single-automatics-for-gate
.box
.button-box
button:hover,
.automatics-for-gate-2
.single-automatics-for-gate
.box
.button-box
button:hover {
    opacity: 0.9;
}

.product-types {
    background: url("../image/bg/alutech/product-types-bg.jpg");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.product-types .container {
    padding: 115px 15px 105px;
    margin: 0 auto;
    text-align: center;
}

.product-types .trend {
    opacity: 1;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    max-width: 481px;
    background: url("../image/icons/separate-line.png") no-repeat right;
    padding-right: 68px;
}

.product-types .trend .box {
    text-align: right;
}

.product-types .trend .box .name {
    color: #fff;
    font-size: 30px;
    line-height: 22px;
    font-weight: 300;
    border: 1px solid rgba(255, 255, 255, 0.3);
    display: inline-block;
    padding: 32px 29px 23px 39px;
}

.product-types .trend .box .name span {
    font-weight: 900;
    text-transform: uppercase;
}

.product-types .trend .box .list {
    margin-top: 30px;
}

.product-types .trend .box .list ul {
    list-style-type: none;
}

.product-types .trend .box .list ul li {
    color: #fff;
    font-size: 20px;
    font-weight: 300;
    line-height: 30px;
    background: url("../image/icons/pin.png") no-repeat right;
    padding-right: 56px;
    margin: 20px 0;
}

.product-types .trend .box .list ul li span {
    display: block;
}

.product-types .classic {
    opacity: 1;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    max-width: 481px;
    padding-left: 45px;
}

.product-types .classic .box {
    text-align: left;
}

.product-types .classic .box .name {
    color: #fff;
    font-size: 30px;
    line-height: 22px;
    font-weight: 300;
    border: 1px solid rgba(255, 255, 255, 0.3);
    display: inline-block;
    padding: 31px 30px 24px;
}

.product-types .classic .box .name span {
    font-weight: 900;
    text-transform: uppercase;
}

.product-types .classic .list {
    margin-top: 30px;
}

.product-types .classic .list ul {
    list-style-type: none;
}

.product-types .classic .list ul li {
    color: #fff;
    font-size: 20px;
    font-weight: 300;
    line-height: 30px;
    background: url("../image/icons/pin.png") no-repeat left;
    padding-left: 56px;
    margin: 20px 0;
}

.product-types .classic .list ul li span {
    display: block;
}

.panels {
    background: #4e4e4e;
}

.panels .container {
    padding: 85px 15px 105px;
    margin: 0 auto;
    text-align: center;
}

.panels .title {
    color: #fff;
    font-size: 30px;
    font-weight: 900;
    line-height: 32px;
    text-align: center;
    padding-bottom: 65px;
}

.panels .left-part {
    opacity: 1;
    display: inline-block;
    vertical-align: top;
    width: 47%;
    text-align: right;
}

.panels .left-part .type-box .name {
    color: #fff;
    font-size: 20px;
    font-weight: 900;
    line-height: 22px;
}

.panels .left-part .type-box ul {
    margin-top: 29px;
    list-style-type: none;
}

.panels .left-part .type-box ul li {
    display: inline-block;
    vertical-align: top;
    margin: 0 5px;
    cursor: pointer;
}

.panels .left-part .type-box ul button {
    display: block;
    border-radius: 0;
    outline: 0;
    cursor: pointer;
    border: 3px solid #9a9292;
    height: 52px;
}

.panels .left-part .type-box ul button:hover {
    opacity: 0.85;
}

.panels .left-part .color-box {
    margin-top: 43px;
}

.panels .left-part .color-box .name {
    color: #fff;
    font-size: 20px;
    font-weight: 900;
    line-height: 22px;
}

.panels .left-part .color-box ul {
    margin-top: 20px;
    list-style-type: none;
}

.panels .left-part .color-box ul li {
    display: inline-block;
    vertical-align: top;
    margin: 0 5px;
    cursor: pointer;
}

.panels .left-part .color-box ul li button {
    display: block;
    border: 3px solid #eae7e7;
    border-radius: 0;
    outline: 0;
    width: 31px;
    height: 31px;
    cursor: pointer;
}

.panels .left-part .color-box ul li button:hover {
    opacity: 0.7;
}

.panels .left-part .color-box ul li button.white {
    background: #fff;
}

.panels .left-part .color-box ul li button.yellow {
    background: #ede3be;
}

.panels .left-part .color-box ul li button.red {
    background: #b02440;
}

.panels .left-part .color-box ul li button.blue {
    background: #055097;
}

.panels .left-part .color-box ul li button.green {
    background: #006032;
}

.panels .left-part .color-box ul li button.brown {
    background: #5d2f1d;
}

.panels .left-part .color-box ul li button.black {
    background: #4e4c4e;
}

.panels .left-part .color-box ul li button.grey {
    background: #bbbdc0;
}

.panels .left-part .color-box ul.second {
    margin-top: 10px;
}

.panels .right-part {
    opacity: 1;
    display: inline-block;
    vertical-align: top;
    width: 49%;
}

.panels .right-part .garage-box {
    text-align: left;
    padding: 4px 0 0 60px;
}

.panels .right-part .detail-information {
    text-align: left;
    margin-top: 38px;
    padding-left: 60px;
}

.panels .right-part .detail-information p {
    color: #fff;
    font-size: 14px;
    line-height: 22px;
    font-weight: 900;
    margin: 2px 0;
}

.panels .right-part .detail-information p span {
    font-weight: 300;
}

.hormann-panels {
    background: #4f4f4f;
}

.hormann-panels .container {
    opacity: 1;
    padding: 60px 15px 68px;
    text-align: center;
    margin: 0 auto;
}

.hormann-panels .title {
    color: #fff;
    font-size: 30px;
    font-weight: 900;
    line-height: 23px;
    padding-bottom: 40px;
}

.hormann-panels .types {
    opacity: 1;
    text-align: left;
    margin: 20px 0;
}

.hormann-panels .types .name {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    line-height: 23px;
    margin-bottom: 12px;
    padding-left: 10px;
}

.hormann-panels .types ul {
    list-style-type: none;
}

.hormann-panels .types ul li {
    display: inline-block;
    vertical-align: top;
    margin: 4px 12px;
}

.hormann-panels .types ul li:first-child {
    margin-left: 5px;
}

.hormann-panels .types ul li span {
    display: block;
    color: #fff;
    font-size: 15px;
    font-weight: 300;
    text-align: left;
    line-height: 34px;
    padding-bottom: 2px;
}

.hormann-panels .types ul li img {
    display: block;
    border: 1px solid #fff;
}

.hormann-panels .surfaces {
    opacity: 1;
    text-align: left;
    margin: 20px 0;
    overflow: hidden;
}

.hormann-panels .surfaces .name {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    line-height: 23px;
    margin-bottom: 12px;
    padding-left: 10px;
}

.hormann-panels .surfaces .left-part {
    float: left;
    width: 50%;
}

.hormann-panels .surfaces .left-part ul {
    list-style-type: none;
    max-width: 425px;
}

.hormann-panels .surfaces .left-part ul li {
    display: inline-block;
    vertical-align: top;
    margin: 5px;
}

.hormann-panels .surfaces .left-part ul li span {
    display: block;
    color: #fff;
    font-size: 15px;
    font-weight: 300;
    text-align: left;
    line-height: 34px;
}

.hormann-panels .surfaces .left-part ul li img {
    display: block;
    border: 1px solid #fff;
}

.hormann-panels .surfaces .right-part {
    float: right;
    width: 48%;
    overflow: hidden;
    margin-right: 1.6%;
}

.hormann-panels .surfaces .right-part .special-surface-name {
    float: left;
    width: 20%;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    text-align: left;
    line-height: 23px;
}

.hormann-panels .surfaces .right-part ul {
    display: block;
    float: right;
    list-style-type: none;
    width: 80%;
    text-align: right;
}

.hormann-panels .surfaces .right-part ul li {
    display: inline-block;
    vertical-align: top;
    margin: 5px;
}

.hormann-panels .surfaces .right-part ul li span {
    display: block;
    color: #fff;
    font-size: 15px;
    font-weight: 300;
    text-align: left;
    line-height: 34px;
}

.hormann-panels .surfaces .right-part ul li img {
    display: block;
    border: 1px solid #fff;
}

.hormann-panels .colors {
    opacity: 1;
    text-align: left;
    margin: 20px 0;
}

.hormann-panels .colors .name {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    line-height: 23px;
    margin-bottom: 12px;
    padding-left: 10px;
}

.hormann-panels .colors ul {
    list-style-type: none;
}

.hormann-panels .colors ul li {
    display: inline-block;
    vertical-align: top;
    margin: 5px;
}

.hormann-panels .colors ul li img {
    display: block;
    border: 1px solid #fff;
}

.hormann-panels .colors ul li span {
    display: block;
    color: #fff;
    font-size: 15px;
    font-weight: 300;
    text-align: left;
    line-height: 34px;
    text-transform: uppercase;
}

.hormann-panels .download-box {
    opacity: 1;
    margin-top: 42px;
}

.hormann-panels .download-box a {
    color: #dadada;
    font-size: 20px;
    font-weight: 300;
    line-height: 34px;
    text-decoration: none;
    border: 0;
    background: url("../image/icons/pdf-icon.png") no-repeat right center;
    padding: 6px 40px 10px 0;
}

.hormann-panels .download-box a span {
    background: url(../image/icons/white-dotted-line.png) no-repeat center 24px;
    padding-bottom: 3px;
}

.hormann-panels .download-box a:hover {
    opacity: 0.88;
}

.akcia {
    background: url("../image/bg/alutech/akcia-bg.jpg");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.akcia .container {
    opacity: 1;
    padding: 99px 15px 90px;
    text-align: center;
    margin: 0 auto;
}

.akcia .akcia-box {
    background: url("../image/icons/procent.png") no-repeat rgba(255, 255, 255, 0.85) 26px 23px;
    overflow: hidden;
}

.akcia .content-box {
    display: block;
    float: left;
    width: 60%;
    text-align: right;
    padding: 65px 25px 50px 90px;
}

.akcia .content-box .name {
    display: inline-block;
    color: #c01011;
    font-size: 40px;
    font-weight: 900;
    line-height: 34px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    padding: 11px 20px;
}

.akcia .content-box .content {
    color: #2a2a2a;
    text-align: left;
    line-height: 30px;
    margin-top: 50px;
    padding-left: 70px;
}

.akcia .content-box .content .top .p1 {
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
}

.akcia .content-box .content .top .p2 {
    margin-top: 1px;
    font-size: 15px;
    font-weight: 400;
}

.akcia .content-box .content .top p span {
    font-weight: 600;
}

.akcia .content-box .content .middle {
    padding: 14px 0 10px 30px;
}

.akcia .content-box .content .middle p {
    font-size: 15px;
    font-weight: 400;
}

.akcia .content-box .content .middle p span {
    font-weight: 600;
}

.akcia .content-box .content .bottom p {
    font-size: 14px;
    font-weight: 300;
}

.akcia .content-box .content .bottom p span {
    font-weight: 600;
}

.akcia .form-box {
    display: block;
    float: right;
    width: 25%;
    padding: 75px 15px 40px 10px;
}

.akcia .form-box .information-line {
    color: #878787;
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    text-align: left;
    margin-bottom: 28px;
}

.akcia .form-box form {
    display: block;
}

.akcia .form-box form .input-box {
    width: 85%;
    border-bottom: 1px solid #939393;
    box-sizing: border-box;
    margin: 18px 0;
    position: relative;
}

.akcia .form-box form .input-box input {
    color: #2a2a2a;
    font-size: 14px;
    font-weight: 300;
    line-height: 22px;
    width: 100%;
    padding: 0 0 12px 20px;
    background: transparent;
    border: 0;
    outline: 0;
}

.akcia .form-box form .input-box input::-webkit-input-placeholder {
    color: #2a2a2a;
}

.akcia .form-box form .input-box input:-moz-placeholder {
    color: #2a2a2a;
}

.akcia .form-box form .input-box input::-moz-placeholder {
    color: #2a2a2a;
}

.akcia .form-box form .input-box input:-ms-input-placeholder {
    color: #2a2a2a;
}

.akcia .form-box form .input-box input.error {
    padding: 0 0 18px 20px;
}

.akcia .form-box form .input-box label.error {
    display: block;
    position: absolute;
    top: 21px;
    left: 20px;
    color: red;
    font-size: 14px;
    font-weight: 400;
}

.akcia .form-box form .submit-box {
    text-align: left;
    margin-top: 28px;
}

.akcia .form-box form .submit-box input {
    background: #c01011;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    text-transform: uppercase;
    cursor: pointer;
    padding: 9px 22px;
    border: 0;
    border-radius: 0;
    outline: 0;
}

.akcia .form-box form .submit-box input:hover {
    opacity: 0.8;
}

.akcia .form-box form .akcia-thanks-box {
    display: none;
    margin-top: 15px;
    border: 3px solid #fff;
    text-align: center;
    padding: 86px 7px;
    max-width: 244px;
}

.akcia .form-box form .akcia-thanks-box p {
    color: #383838;
}

.akcia .form-box form .akcia-thanks-box p.str1 {
    font-size: 20px;
    font-weight: 500;
    line-height: 23px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.akcia .form-box form .akcia-thanks-box p.str2 {
    font-size: 16px;
    font-weight: 400;
    line-height: 23px;
}

.hormann-akcia-1 {
    background: url("../image/bg/hormann/akcia-1-bg.jpg");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.hormann-akcia-1 .container {
    opacity: 1;
    text-align: center;
    margin: 0 auto;
    padding: 74px 15px 72px;
}

.hormann-akcia-1 .akcia-box {
    overflow: hidden;
    background: rgba(255, 255, 255, 0.85);
}

.hormann-akcia-1 .akcia-box .left-part {
    width: 100%;
    max-width: 239px;
    float: left;
    padding: 35px 30px 30px 65px;
    text-align: left;
    border-right: 1px solid #d4d4d4;
}

.hormann-akcia-1 .akcia-box .left-part .title {
    color: #c01011;
    font-size: 28px;
    font-weight: 900;
    line-height: 34px;
    text-align: left;
}

.hormann-akcia-1 .akcia-box .left-part .color-box {
    padding: 15px 0 0;
}

.hormann-akcia-1 .akcia-box .left-part .color-box .name {
    color: #242424;
    font-size: 20px;
    font-weight: 400;
    line-height: 34px;
    margin-bottom: 5px;
}

.hormann-akcia-1 .akcia-box .left-part .color-box .name span {
    font-size: 17px;
    font-weight: 300;
}

.hormann-akcia-1 .akcia-box .left-part .color-box ul {
    width: 170px;
    list-style-type: none;
}

.hormann-akcia-1 .akcia-box .left-part .color-box ul li {
    display: inline-block;
    vertical-align: top;
    margin: 4px 5px;
}

.hormann-akcia-1 .akcia-box .left-part .color-box ul li button {
    background: 0;
    border: 0;
    outline: 0;
    border-radius: 0;
    cursor: pointer;
}

.hormann-akcia-1 .akcia-box .left-part .color-box ul li button:hover {
    opacity: 0.9;
}

.hormann-akcia-1 .akcia-box .left-part .size-box {
    padding: 15px 0 0;
}

.hormann-akcia-1 .akcia-box .left-part .size-box .name {
    color: #242424;
    font-size: 20px;
    font-weight: 400;
    line-height: 34px;
    margin-bottom: 5px;
}

.hormann-akcia-1 .akcia-box .left-part .size-box p {
    color: #242424;
    font-size: 18px;
    font-weight: 300;
    line-height: 34px;
}

.hormann-akcia-1 .akcia-box .left-part .akcia-price {
    padding: 15px 0 0;
}

.hormann-akcia-1 .akcia-box .left-part .akcia-price .name {
    color: #242424;
    font-size: 20px;
    font-weight: 400;
    line-height: 34px;
    margin-bottom: 5px;
}

.hormann-akcia-1 .akcia-box .left-part .akcia-price p {
    color: #242424;
    font-size: 25px;
    font-weight: 500;
    line-height: 34px;
}

.hormann-akcia-1 .akcia-box .right-part {
    width: 100%;
    max-width: 805px;
    float: right;
}

.hormann-akcia-1 .akcia-box .right-part .top {
    overflow: hidden;
}

.hormann-akcia-1 .akcia-box .right-part .top button {
    display: block;
    float: left;
    width: 50%;
    background: #d0d0d0;
    border: 0;
    border-radius: 0;
    outline: 0;
    box-sizing: border-box;
    cursor: pointer;
    text-align: left;
}

.hormann-akcia-1 .akcia-box .right-part .top button .big {
    display: block;
    color: #242424;
    font-size: 18px;
    font-weight: 400;
    line-height: 34px;
}

.hormann-akcia-1 .akcia-box .right-part .top button .little {
    display: block;
    color: #3c3e3a;
    font-size: 13px;
    font-weight: 300;
    line-height: 18px;
}

.hormann-akcia-1 .akcia-box .right-part .top button:hover {
    background: #c1c0c0;
}

.hormann-akcia-1 .akcia-box .right-part .top button.active {
    background: #4e4e4e;
}

.hormann-akcia-1 .akcia-box .right-part .top button.active .big {
    color: #fff;
}

.hormann-akcia-1 .akcia-box .right-part .top button.active .little {
    color: #fff;
}

.hormann-akcia-1 .akcia-box .right-part .top button.active:hover {
    opacity: 0.9;
}

.hormann-akcia-1 .akcia-box .right-part .top .b1 {
    padding: 25px 15px 32px 40px;
}

.hormann-akcia-1 .akcia-box .right-part .top .b2 {
    padding: 25px 20px 14px 40px;
}

.hormann-akcia-1 .akcia-box .right-part .bottom {
    overflow: hidden;
}

.hormann-akcia-1 .akcia-box .right-part .bottom .image {
    float: left;
    width: 50%;
    box-sizing: border-box;
    padding: 40px 0 0;
}

.hormann-akcia-1 .akcia-box .right-part .bottom .form-box {
    float: right;
    width: 50%;
    box-sizing: border-box;
    padding: 20px 50px 0;
}

.hormann-akcia-1 .akcia-box .right-part .bottom .form-box .information-line {
    color: #878787;
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    text-align: left;
    margin-bottom: 28px;
}

.hormann-akcia-1 .akcia-box .right-part .bottom .form-box form {
    display: block;
}

.hormann-akcia-1 .akcia-box .right-part .bottom .form-box form .input-box {
    width: 98%;
    border-bottom: 1px solid #939393;
    box-sizing: border-box;
    margin: 18px 0;
    position: relative;
}

.hormann-akcia-1
.akcia-box
.right-part
.bottom
.form-box
form
.input-box
input {
    color: #2a2a2a;
    font-size: 14px;
    font-weight: 300;
    line-height: 22px;
    width: 100%;
    padding: 0 0 12px 20px;
    background: transparent;
    border: 0;
    outline: 0;
}

.hormann-akcia-1
.akcia-box
.right-part
.bottom
.form-box
form
.input-box
input.error {
    padding: 0 0 18px 20px;
}

.hormann-akcia-1
.akcia-box
.right-part
.bottom
.form-box
form
.input-box
input::-webkit-input-placeholder {
    color: #2a2a2a;
}

.hormann-akcia-1
.akcia-box
.right-part
.bottom
.form-box
form
.input-box
input:-moz-placeholder {
    color: #2a2a2a;
}

.hormann-akcia-1
.akcia-box
.right-part
.bottom
.form-box
form
.input-box
input::-moz-placeholder {
    color: #2a2a2a;
}

.hormann-akcia-1
.akcia-box
.right-part
.bottom
.form-box
form
.input-box
input:-ms-input-placeholder {
    color: #2a2a2a;
}

.hormann-akcia-1
.akcia-box
.right-part
.bottom
.form-box
form
.input-box
label.error {
    display: block;
    position: absolute;
    top: 21px;
    left: 20px;
    color: red;
    font-size: 14px;
    font-weight: 400;
}

.hormann-akcia-1 .akcia-box .right-part .bottom .form-box form .submit-box {
    text-align: left;
    margin-top: 28px;
}

.hormann-akcia-1
.akcia-box
.right-part
.bottom
.form-box
form
.submit-box
input {
    background: #c01011;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    text-transform: uppercase;
    cursor: pointer;
    padding: 9px 22px;
    border: 0;
    border-radius: 0;
    outline: 0;
}

.hormann-akcia-1
.akcia-box
.right-part
.bottom
.form-box
form
.submit-box
input:hover {
    opacity: 0.8;
}

.hormann-akcia-1
.akcia-box
.right-part
.bottom
.form-box
form
.akcia-thanks-box {
    display: none;
    margin-top: 15px;
    border: 3px solid #fff;
    text-align: center;
    padding: 86px 7px;
    max-width: 244px;
}

.hormann-akcia-1
.akcia-box
.right-part
.bottom
.form-box
form
.akcia-thanks-box
p {
    color: #383838;
}

.hormann-akcia-1
.akcia-box
.right-part
.bottom
.form-box
form
.akcia-thanks-box
.str1 {
    font-size: 20px;
    font-weight: 500;
    line-height: 23px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.hormann-akcia-1
.akcia-box
.right-part
.bottom
.form-box
form
.akcia-thanks-box
.str2 {
    font-size: 16px;
    font-weight: 400;
    line-height: 23px;
}

.type-of-doors {
    background: #4d4d4d;
}

.type-of-doors .container {
    text-align: center;
    margin: 0 auto;
    padding: 56px 15px 60px;
    overflow: hidden;
}

.type-of-doors .left-part,
.type-of-doors .right-part {
    opacity: 1;
    width: 100%;
    max-width: 460px;
    margin: 0 40px;
}

.type-of-doors .left-part .name,
.type-of-doors .right-part .name {
    color: #fff;
    font-size: 25px;
    font-weight: 500;
    line-height: 34px;
    margin-bottom: 25px;
    text-align: center;
}

.type-of-doors .left-part .image,
.type-of-doors .right-part .image {
    display: block;
    position: relative;
    margin: 0 auto;
    text-align: center;
}

.type-of-doors .left-part .image .shadow,
.type-of-doors .right-part .image .shadow {
    opacity: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    background: rgba(36, 36, 36, 0.55);
    padding: 55px 20px 10px;
    text-align: center;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.type-of-doors .left-part .image .shadow p,
.type-of-doors .right-part .image .shadow p {
    height: 320px;
    color: #fff;
    font-size: 15px;
    font-weight: 300;
    line-height: 34px;
}

.type-of-doors .left-part .image:hover > .shadow,
.type-of-doors .right-part .image:hover > .shadow {
    opacity: 1;
}

.type-of-doors .left-part .button-box,
.type-of-doors .right-part .button-box {
    position: relative;
    top: -4px;
}

.type-of-doors .left-part .button-box button,
.type-of-doors .right-part .button-box button {
    display: block;
    width: 100%;
    color: #fff;
    font-size: 23px;
    font-weight: 400;
    line-height: 34px;
    background: #c01c1c;
    border: 0;
    border-radius: 0;
    outline: 0;
    cursor: pointer;
    padding: 7px 0;
}

.type-of-doors .left-part .button-box button:hover,
.type-of-doors .right-part .button-box button:hover {
    opacity: 0.9;
}

.type-of-doors .left-part .download-box,
.type-of-doors .right-part .download-box {
    margin-top: 28px;
}

.type-of-doors .left-part .download-box a,
.type-of-doors .right-part .download-box a {
    color: #dadada;
    font-size: 20px;
    font-weight: 300;
    line-height: 34px;
    text-decoration: none;
    border: 0;
    background: url("../image/icons/pdf-icon.png") no-repeat right center;
    padding: 6px 40px 10px 0;
}

.type-of-doors .left-part .download-box a:hover,
.type-of-doors .right-part .download-box a:hover {
    opacity: 0.88;
}

.type-of-doors .left-part .download-box a span,
.type-of-doors .right-part .download-box a span {
    background: url(../image/icons/white-dotted-line.png) no-repeat center 24px;
    padding-bottom: 3px;
}

.type-of-doors .left-part {
    float: left;
}

.type-of-doors .right-part {
    float: right;
}

.hormann-akcia-2 {
    background: url("../image/bg/hormann/akcia-2-bg.jpg");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.hormann-akcia-2 .container {
    opacity: 1;
    text-align: center;
    margin: 0 auto;
    padding: 74px 15px 72px;
}

.hormann-akcia-2 .akcia-box {
    background: rgba(255, 255, 255, 0.85);
    overflow: hidden;
}

.hormann-akcia-2 .akcia-box .left-part {
    width: 100%;
    max-width: 239px;
    float: left;
    padding: 35px 30px 47px 65px;
    text-align: left;
    border-right: 1px solid #d4d4d4;
}

.hormann-akcia-2 .akcia-box .left-part .title {
    color: #c01011;
    font-size: 28px;
    font-weight: 900;
    line-height: 34px;
    text-align: left;
}

.hormann-akcia-2 .akcia-box .left-part .color-box {
    padding: 15px 0 0;
}

.hormann-akcia-2 .akcia-box .left-part .color-box .name {
    color: #242424;
    font-size: 20px;
    font-weight: 400;
    line-height: 34px;
    margin-bottom: 5px;
}

.hormann-akcia-2 .akcia-box .left-part .color-box .name span {
    font-size: 17px;
    font-weight: 300;
}

.hormann-akcia-2 .akcia-box .left-part .color-box ul {
    width: 170px;
    list-style-type: none;
}

.hormann-akcia-2 .akcia-box .left-part .color-box ul li {
    display: inline-block;
    vertical-align: top;
    margin: 4px 5px;
}

.hormann-akcia-2 .akcia-box .left-part .color-box ul li button {
    background: 0;
    border: 0;
    outline: 0;
    border-radius: 0;
    cursor: pointer;
}

.hormann-akcia-2 .akcia-box .left-part .color-box ul li button:hover {
    opacity: 0.9;
}

.hormann-akcia-2 .akcia-box .left-part .size-box {
    padding: 15px 0 0;
}

.hormann-akcia-2 .akcia-box .left-part .size-box .name {
    color: #242424;
    font-size: 20px;
    font-weight: 400;
    line-height: 34px;
    margin-bottom: 5px;
}

.hormann-akcia-2 .akcia-box .left-part .size-box p {
    color: #242424;
    font-size: 18px;
    font-weight: 300;
    line-height: 34px;
}

.hormann-akcia-2 .akcia-box .left-part .akcia-price .name {
    color: #242424;
    font-size: 20px;
    font-weight: 400;
    line-height: 34px;
    margin-bottom: 5px;
}

.hormann-akcia-2 .akcia-box .left-part .akcia-price p {
    color: #242424;
    font-size: 25px;
    font-weight: 00;
    line-height: 34px;
}

.hormann-akcia-2 .akcia-box .right-part {
    width: 100%;
    max-width: 805px;
    float: right;
    padding: 0 0 26px 0;
}

.hormann-akcia-2 .akcia-box .right-part .top {
    padding: 20px 20px 15px 25px;
    border-bottom: 1px solid #d4d4d4;
}

.hormann-akcia-2 .akcia-box .right-part .top p {
    color: #3c3e3a;
    font-size: 15px;
    font-weight: 300;
    line-height: 24px;
    text-align: left;
}

.hormann-akcia-2 .akcia-box .right-part .bottom {
    padding: 25px 10px 15px;
    overflow: hidden;
}

.hormann-akcia-2 .akcia-box .right-part .bottom .image {
    float: left;
    width: 50%;
    box-sizing: border-box;
}

.hormann-akcia-2 .akcia-box .right-part .bottom .form-box {
    float: right;
    width: 50%;
    box-sizing: border-box;
    padding: 1px 50px 0;
}

.hormann-akcia-2 .akcia-box .right-part .bottom .form-box .information-line {
    color: #878787;
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    text-align: left;
    margin-bottom: 28px;
}

.hormann-akcia-2 .akcia-box .right-part .bottom .form-box form {
    display: block;
}

.hormann-akcia-2 .akcia-box .right-part .bottom .form-box form .input-box {
    width: 98%;
    border-bottom: 1px solid #939393;
    box-sizing: border-box;
    margin: 18px 0;
    position: relative;
}

.hormann-akcia-2
.akcia-box
.right-part
.bottom
.form-box
form
.input-box
input {
    color: #2a2a2a;
    font-size: 14px;
    font-weight: 300;
    line-height: 22px;
    width: 100%;
    padding: 0 0 12px 20px;
    background: transparent;
    border: 0;
    outline: 0;
}

.hormann-akcia-2
.akcia-box
.right-part
.bottom
.form-box
form
.input-box
input.error {
    padding: 0 0 18px 20px;
}

.hormann-akcia-2
.akcia-box
.right-part
.bottom
.form-box
form
.input-box
input::-webkit-input-placeholder {
    color: #2a2a2a;
}

.hormann-akcia-2
.akcia-box
.right-part
.bottom
.form-box
form
.input-box
input:-moz-placeholder {
    color: #2a2a2a;
}

.hormann-akcia-2
.akcia-box
.right-part
.bottom
.form-box
form
.input-box
input::-moz-placeholder {
    color: #2a2a2a;
}

.hormann-akcia-2
.akcia-box
.right-part
.bottom
.form-box
form
.input-box
input:-ms-input-placeholder {
    color: #2a2a2a;
}

.hormann-akcia-2 .akcia-box .right-part .bottom .form-box form label.error {
    display: block;
    position: absolute;
    top: 21px;
    left: 20px;
    color: red;
    font-size: 14px;
    font-weight: 400;
}

.hormann-akcia-2 .akcia-box .right-part .bottom .form-box form .submit-box {
    text-align: left;
    margin-top: 28px;
}

.hormann-akcia-2
.akcia-box
.right-part
.bottom
.form-box
form
.submit-box
input {
    background: #c01011;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    text-transform: uppercase;
    cursor: pointer;
    padding: 9px 22px;
    border: 0;
    border-radius: 0;
    outline: 0;
}

.hormann-akcia-2
.akcia-box
.right-part
.bottom
.form-box
form
.submit-box
input:hover {
    opacity: 0.8;
}

.hormann-akcia-2
.akcia-box
.right-part
.bottom
.form-box
form
.akcia-thank-you-box {
    display: none;
    margin-top: 15px;
    border: 3px solid #fff;
    text-align: center;
    padding: 86px 7px;
    max-width: 244px;
}

.hormann-akcia-2
.akcia-box
.right-part
.bottom
.form-box
form
.akcia-thank-you-box
p {
    color: #383838;
}

.hormann-akcia-2
.akcia-box
.right-part
.bottom
.form-box
form
.akcia-thank-you-box
.str1 {
    font-size: 20px;
    font-weight: 500;
    line-height: 23px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.hormann-akcia-2
.akcia-box
.right-part
.bottom
.form-box
form
.akcia-thank-you-box
.str2 {
    font-size: 16px;
    font-weight: 400;
    line-height: 23px;
}

.pergoly .container {
    opacity: 1;
    text-align: center;
    margin: 0 auto;
    padding: 56px 15px 72px;
    overflow: hidden;
}

.pergoly .title {
    color: #2a2a2a;
    font-size: 30px;
    font-weight: 900;
    line-height: 23px;
    margin-bottom: 35px;
}

.pergoly .second-title {
    color: #2a2a2a;
    font-size: 24px;
    font-weight: 900;
    line-height: 34px;
    margin-bottom: 32px;
}

.pergoly .left-part {
    text-align: left;
    float: left;
    padding-top: 4px;
}

.pergoly .left-part img {
    border: 2px solid #979797;
}

.pergoly .right-part {
    float: left;
    text-align: left;
    width: 100%;
    max-width: 698px;
    margin-left: 38px;
    color: #2a2a2a;
    font-size: 16px;
    font-weight: 300;
    line-height: 26px;
}

.type-of-montazha {
    background: #424242;
}

.type-of-montazha .container {
    opacity: 1;
    text-align: center;
    margin: 0 auto;
    padding: 52px 15px 46px;
}

.type-of-montazha .title {
    color: #fff;
    font-size: 30px;
    font-weight: 900;
    line-height: 23px;
    margin-bottom: 52px;
}

.type-of-montazha .single-type-of-montazh {
    display: inline-block;
    vertical-align: top;
}

.type-of-montazha .single-type-of-montazh .box {
    text-align: center;
}

.type-of-montazha .single-type-of-montazh.e1 {
    width: 180px;
    margin-right: 8px;
}

.type-of-montazha .single-type-of-montazh.e2 {
    width: 177px;
    margin-right: 8px;
}

.type-of-montazha .single-type-of-montazh.e3 {
    width: 200px;
    margin-right: 32px;
}

.type-of-montazha .single-type-of-montazh.e4 {
    width: 400px;
}

.type-of-montazha .make-order-box {
    text-align: center;
    margin-top: 44px;
}

.type-of-montazha .make-order-box button {
    display: inline-block;
    padding: 11px 54px;
    border: 0;
    border-radius: 0;
    outline: 0;
    background: #c01c1c;
    cursor: pointer;
    color: #fff;
    font-size: 23px;
    font-weight: 400;
    line-height: 34px;
}

.type-of-montazha .make-order-box button:hover {
    opacity: 0.88;
}

.markizy .container {
    opacity: 1;
    text-align: center;
    margin: 0 auto;
    padding: 52px 15px 72px;
    overflow: hidden;
}

.markizy .title {
    color: #2a2a2a;
    font-size: 24px;
    font-weight: 900;
    line-height: 34px;
    margin-bottom: 32px;
}

.markizy .left-part {
    float: left;
    text-align: left;
    width: 100%;
    max-width: 698px;
    margin-right: 38px;
    color: #2a2a2a;
    font-size: 16px;
    font-weight: 300;
    line-height: 26px;
}

.markizy .left-part p.str1 {
    margin-top: 35px;
}

.markizy .left-part p.str2 {
    margin-top: 36px;
}

.markizy .right-part {
    text-align: left;
    float: left;
    padding-top: 4px;
}

.markizy .right-part img {
    border: 2px solid #979797;
}

.varianty-ispolneniya {
    background: #424242;
}

.varianty-ispolneniya .container {
    text-align: center;
    margin: 0 auto;
    padding: 62px 15px 54px;
}

.varianty-ispolneniya .varianty-box {
    width: 90%;
    text-align: center;
    margin: 0 auto;
    overflow: hidden;
}

.varianty-ispolneniya .varianty-box .left-part,
.varianty-ispolneniya .varianty-box .right-part {
    opacity: 1;
    width: 50%;
}

.varianty-ispolneniya .left-part {
    float: left;
    text-align: center;
}

.varianty-ispolneniya .left-part .title {
    color: #fff;
    font-size: 24px;
    font-weight: 900;
    line-height: 34px;
}

.varianty-ispolneniya .left-part ul {
    margin: 40px auto 0;
    list-style-type: none;
    width: 100%;
    max-width: 320px;
    padding-left: 35px;
}

.varianty-ispolneniya .left-part ul li {
    color: #fff;
    font-size: 16px;
    line-height: 34px;
    font-weight: 100;
    text-align: left;
}

.varianty-ispolneniya .left-part ul li span {
    font-weight: 500;
}

.varianty-ispolneniya .left-part ul li:before {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #c01c1c;
    margin-right: 10px;
    position: relative;
    top: -1px;
}

.varianty-ispolneniya .right-part {
    float: right;
    text-align: center;
}

.varianty-ispolneniya .right-part .title {
    color: #fff;
    font-size: 24px;
    font-weight: 900;
    line-height: 34px;
}

.varianty-ispolneniya .right-part ul {
    margin: 40px auto 0;
    list-style-type: none;
    width: 100%;
    max-width: 385px;
    padding-left: 115px;
}

.varianty-ispolneniya .right-part ul li {
    color: #fff;
    font-size: 16px;
    line-height: 34px;
    font-weight: 100;
    text-align: left;
}

.varianty-ispolneniya .right-part ul li span {
    font-weight: 500;
}

.varianty-ispolneniya .right-part ul li:before {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #c01c1c;
    margin-right: 10px;
    position: relative;
    top: -1px;
}

.varianty-ispolneniya .make-order-box {
    text-align: center;
    margin-top: 44px;
    clear: both;
}

.varianty-ispolneniya .make-order-box button {
    display: inline-block;
    padding: 11px 54px;
    border: 0;
    border-radius: 0;
    outline: 0;
    background: #c01c1c;
    cursor: pointer;
    color: #fff;
    font-size: 23px;
    font-weight: 400;
    line-height: 34px;
}

.varianty-ispolneniya .make-order-box button:hover {
    opacity: 0.88;
}

.terrasniye-sistemy .container {
    opacity: 1;
    text-align: center;
    margin: 0 auto;
    padding: 52px 15px 60px;
}

.terrasniye-sistemy .title {
    color: #2a2a2a;
    font-size: 24px;
    font-weight: 900;
    line-height: 34px;
    margin-bottom: 35px;
}

.terrasniye-sistemy .summary {
    width: 100%;
    max-width: 855px;
    margin: 0 auto;
    color: #2a2a2a;
    font-size: 16px;
    font-weight: 300;
    line-height: 26px;
    text-align: left;
}

.terrasniye-sistemy-details {
    background: #424242;
}

.terrasniye-sistemy-details .container {
    text-align: center;
    margin: 0 auto;
    padding: 62px 15px 54px;
}

.terrasniye-sistemy-details .terrasniye-sistemy-details-box {
    width: 87%;
    margin: 0 auto;
    overflow: hidden;
}

.terrasniye-sistemy-details .terrasniye-sistemy-details-box .left-part,
.terrasniye-sistemy-details .terrasniye-sistemy-details-box .right-part {
    opacity: 1;
    width: 100%;
    max-width: 428px;
    margin: 0 auto;
}

.terrasniye-sistemy-details .terrasniye-sistemy-details-box .left-part .title,
.terrasniye-sistemy-details .terrasniye-sistemy-details-box .right-part .title {
    color: #fff;
    font-size: 30px;
    font-weight: 900;
    line-height: 23px;
    text-transform: uppercase;
    margin-bottom: 26px;
}

.terrasniye-sistemy-details
.terrasniye-sistemy-details-box
.left-part
.image
img,
.terrasniye-sistemy-details
.terrasniye-sistemy-details-box
.right-part
.image
img {
    border: 2px solid #979797;
}

.terrasniye-sistemy-details
.terrasniye-sistemy-details-box
.left-part
.summary-list,
.terrasniye-sistemy-details
.terrasniye-sistemy-details-box
.right-part
.summary-list {
    margin-top: 15px;
    text-align: left;
    padding: 0 2px 0 41px;
}

.terrasniye-sistemy-details
.terrasniye-sistemy-details-box
.left-part
.summary-list
p,
.terrasniye-sistemy-details
.terrasniye-sistemy-details-box
.right-part
.summary-list
p {
    color: #fff;
    font-size: 16px;
    line-height: 34px;
    font-weight: 100;
}

.terrasniye-sistemy-details
.terrasniye-sistemy-details-box
.left-part
.summary-list
p
span,
.terrasniye-sistemy-details
.terrasniye-sistemy-details-box
.right-part
.summary-list
p
span {
    font-weight: 500;
}

.terrasniye-sistemy-details .left-part {
    float: left;
}

.terrasniye-sistemy-details .right-part {
    float: right;
}

.terrasniye-sistemy-details .make-order-box {
    text-align: center;
    margin-top: 44px;
    clear: both;
}

.terrasniye-sistemy-details .make-order-box button {
    display: inline-block;
    padding: 11px 54px;
    border: 0;
    border-radius: 0;
    outline: 0;
    background: #c01c1c;
    cursor: pointer;
    color: #fff;
    font-size: 23px;
    font-weight: 400;
    line-height: 34px;
}

.terrasniye-sistemy-details .make-order-box button:hover {
    opacity: 0.88;
}

.refleksoly .container {
    opacity: 1;
    text-align: center;
    margin: 0 auto;
    padding: 52px 15px 60px;
}

.refleksoly .title {
    color: #2a2a2a;
    font-size: 24px;
    font-weight: 900;
    line-height: 34px;
    margin-bottom: 35px;
}

.refleksoly .summary {
    width: 100%;
    max-width: 855px;
    margin: 0 auto;
    color: #2a2a2a;
    font-size: 16px;
    font-weight: 300;
    line-height: 26px;
    text-align: left;
}

.verandi {
    background: #424242;
}

.verandi .container {
    text-align: center;
    margin: 0 auto;
    padding: 62px 15px 60px;
}

.verandi .single-veranda {
    opacity: 1;
    display: inline-block;
    vertical-align: top;
    width: 29%;
    margin: 0 22px;
}

.verandi .single-veranda .box {
    text-align: center;
}

.verandi .single-veranda .box .title {
    color: #fff;
    font-size: 20px;
    font-weight: 900;
    line-height: 23px;
    margin-bottom: 25px;
}

.verandi .single-veranda .box .image img {
    border: 2px solid #979797;
}

.verandi .single-veranda .box .text {
    margin-top: 14px;
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    text-align: left;
    padding: 0 12px 0 14px;
}

.verandi .single-veranda .box .text p.type-of-handler-string {
    margin-top: 25px;
}

.verandi .make-order-box {
    text-align: center;
    margin-top: 32px;
}

.verandi .make-order-box button {
    display: inline-block;
    padding: 11px 54px;
    border: 0;
    border-radius: 0;
    outline: 0;
    background: #c01c1c;
    cursor: pointer;
    color: #fff;
    font-size: 23px;
    font-weight: 400;
    line-height: 34px;
}

.verandi .make-order-box button:hover {
    opacity: 0.88;
}

.vnutreniye-solncezaschitniye-sistemy {
    border-bottom: 2px solid #ccc;
}

.vnutreniye-solncezaschitniye-sistemy .container {
    text-align: center;
    margin: 0 auto;
    padding: 62px 15px 65px;
}

.vnutreniye-solncezaschitniye-sistemy .title {
    color: #2a2a2a;
    font-size: 30px;
    font-weight: 900;
    line-height: 23px;
    margin-bottom: 60px;
}

.vnutreniye-solncezaschitniye-sistemy .single {
    opacity: 1;
    display: inline-block;
    vertical-align: top;
    width: 29%;
    margin: 0 22px;
}

.vnutreniye-solncezaschitniye-sistemy .single .box {
    text-align: center;
}

.vnutreniye-solncezaschitniye-sistemy .single .box .title-name {
    color: #2a2a2a;
    font-size: 20px;
    font-weight: 900;
    line-height: 23px;
    margin-bottom: 25px;
}

.vnutreniye-solncezaschitniye-sistemy .single .box .image img {
    border: 2px solid #cecece;
}

.vnutreniye-solncezaschitniye-sistemy .single .box .text {
    margin-top: 14px;
    color: #2a2a2a;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    text-align: left;
    padding: 0 12px 0 14px;
}

.vnutreniye-solncezaschitniye-sistemy .make-order-box {
    text-align: center;
    margin-top: 43px;
}

.vnutreniye-solncezaschitniye-sistemy .make-order-box button {
    display: inline-block;
    padding: 11px 54px;
    border: 0;
    border-radius: 0;
    outline: 0;
    background: #c01c1c;
    cursor: pointer;
    color: #fff;
    font-size: 23px;
    font-weight: 400;
    line-height: 34px;
}

.vnutreniye-solncezaschitniye-sistemy .make-order-box button:hover {
    opacity: 0.88;
}

.why-we .container {
    padding: 84px 0 30px;
    margin: 0 auto;
    text-align: center;
}

.why-we .title {
    color: #2a2a2a;
    font-size: 30px;
    font-weight: 900;
    line-height: 23px;
    margin-bottom: 80px;
}

.why-we .single-block {
    opacity: 1;
    display: inline-block;
    vertical-align: top;
    width: 24%;
    margin-bottom: 63px;
}

.why-we .single-block .box .image {
    display: block;
    margin: 0 auto;
}

.why-we .single-block .box .text {
    color: #2a2a2a;
    font-size: 16px;
    font-weight: 300;
    line-height: 23px;
    margin-top: 23px;
    padding: 0 40px;
}

.work-steps {
    background: #2a2a2a;
}

.work-steps .container {
    text-align: center;
    margin: 0 auto;
    padding: 73px 15px 80px;
}

.work-steps .title {
    color: #fff;
    font-size: 30px;
    font-weight: 900;
    line-height: 22px;
    margin-bottom: 60px;
}

.work-steps .steps-box {
    display: flex;
}

.work-steps .single-step {
    opacity: 1;
    display: inline-block;
    vertical-align: top;
    width: 16%;
}

.work-steps .single-step .box {
    padding: 0 20px;
}

.work-steps .single-step .box .number {
    display: inline-block;
    padding: 5.15px 10px;
    color: #fff;
    font-size: 16px;
    font-weight: 900;
    border-radius: 50%;
    background: #c01011;
}

.work-steps .single-step .box .name {
    display: inline-block;
    width: 100%;
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    line-height: 20px;
    margin-top: 30px;
    padding: 0 3px;
    height: 63px;
}

.work-steps .single-step .box .line {
    display: inline-block;
    content: "";
    width: 100%;
    height: 7px;
    background: url("../image/icons/vertical-separate-line.png") no-repeat center;
    margin-top: 12px;
}

.order-gate {
    background: url("../image/bg/alutech/part-of-picture.jpg");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.order-gate.rollety {
    background: url("../image/bg/rollety/part-of-picture.jpg");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.order-gate .container {
    text-align: center;
    margin: 0 auto;
    padding: 20px 15px 56px;
}

.order-gate .bg-box {
    opacity: 1;
    display: inline-block;
    vertical-align: top;
    width: 370px;
    text-align: right;
    padding-right: 83px;
    background: url(../image/icons/red-triangle.png) no-repeat right center;
    position: relative;
    left: -170px;
    top: 88px;
}

.order-gate .bg-box .str1 {
    color: #2a2a2a;
    font-size: 57px;
    font-weight: 900;
    line-height: 67px;
    text-transform: uppercase;
    background: url("../image/icons/big-vertical-separate-line.png") no-repeat right bottom;
    padding-bottom: 25px;
}

.order-gate .bg-box .str2 {
    color: #2a2a2a;
    font-size: 25px;
    font-weight: 500;
    line-height: 38px;
    margin-top: 30px;
}

.order-gate .bg-box .str2 span {
    display: block;
}

.order-gate .order-form-box {
    opacity: 1;
    display: inline-block;
    vertical-align: top;
    width: 296px;
    margin-top: 46px;
}

.order-gate .order-form-box form {
    display: block;
}

.order-gate .order-form-box form .area-box-1 .input-box {
    width: 100%;
    max-width: 294px;
    border: 1px solid #555;
    margin: 12px 0;
    position: relative;
}

.order-gate .order-form-box form .area-box-1 .input-box input {
    width: 100%;
    color: #2a2a2a;
    font-size: 14px;
    font-weight: 300;
    border: 0;
    border-radius: 0;
    outline: 0;
    background: 0;
    box-sizing: border-box;
    padding: 8px 15px 6px 16px;
    line-height: 2.5;
}

.order-gate
.order-form-box
form
.area-box-1
.input-box
input::-webkit-input-placeholder {
    color: #2a2a2a;
}

.order-gate .order-form-box form .area-box-1 .input-box input:-moz-placeholder {
    color: #2a2a2a;
}

.order-gate
.order-form-box
form
.area-box-1
.input-box
input::-moz-placeholder {
    color: #2a2a2a;
}

.order-gate
.order-form-box
form
.area-box-1
.input-box
input:-ms-input-placeholder {
    color: #2a2a2a;
}

.order-gate .order-form-box form .area-box-2 {
    margin: 21px 0;
}

.order-gate .order-form-box form .area-box-2 .radio-box {
    text-align: left;
}

.order-gate .order-form-box form .area-box-2 .radio-box input {
    opacity: 1;
    position: absolute;
    width: 0;
    height: 0;
}

.order-gate .order-form-box form .area-box-2 .radio-box label {
    display: block;
    margin: 12px 0;
    position: relative;
    padding: 2px 0 2px 25px;
    color: #2a2a2a;
    font-size: 14px;
    font-weight: 300;
    line-height: 22px;
    cursor: pointer;
}

.order-gate .order-form-box form .area-box-2 .radio-box label:before {
    content: "";
    position: absolute;
    width: 14px;
    height: 14px;
    left: 0;
    top: 4px;
    border-radius: 50%;
    border: 1px solid #555;
    background-color: #fff;
}

.order-gate
.order-form-box
form
.area-box-2
.radio-box
input:checked
+ label:after {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    left: 4px;
    top: 8px;
    border-radius: 50%;
    border: 1px solid #555;
    background-color: #ca0000;
    transition: all 0.3s ease;
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.order-gate .order-form-box form .area-box-2 .radio-box .status-warning {
    display: none;
    background: transparent;
    color: red;
    font-size: 14px;
    font-weight: 400;
}

.order-gate .order-form-box form .area-box-3 {
    margin: 20px 0;
}

.order-gate .order-form-box form .area-box-3 .select-box {
    position: relative;
    border: 1px solid #555;
}

.order-gate .order-form-box form .area-box-3 .select-box select {
    display: block;
    width: 100%;
    background: transparent;
    border: 0;
    border-radius: 0;
    outline: 0;
    padding: 16px 15px 15px 22px;
    appearance: none !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    color: #2a2a2a;
    font-size: 14px;
    font-weight: 300;
    cursor: pointer;
}

.order-gate .order-form-box form .area-box-3 .select-box:after {
    content: "";
    display: block;
    width: 11px;
    height: 7px;
    position: absolute;
    top: 50%;
    right: 20px;
    background: url("../image/icons/select-arrow.png") no-repeat;
    margin-top: -2px;
}

.order-gate .order-form-box form .area-box-4 {
    margin: 32px 0;
}

.order-gate .order-form-box form .area-box-4 .input-box {
    border-bottom: 1px solid #393939;
    box-sizing: border-box;
    margin: 18px 0;
    position: relative;
}

.order-gate .order-form-box form .area-box-4 .input-box input {
    color: #2a2a2a;
    font-size: 14px;
    font-weight: 300;
    line-height: 22px;
    width: 100%;
    padding: 0 0 12px 20px;
    background: transparent;
    border: 0;
    outline: 0;
}

.order-gate
.order-form-box
form
.area-box-4
.input-box
input::-webkit-input-placeholder {
    color: #2a2a2a;
}

.order-gate .order-form-box form .area-box-4 .input-box input:-moz-placeholder {
    color: #2a2a2a;
}

.order-gate
.order-form-box
form
.area-box-4
.input-box
input::-moz-placeholder {
    color: #2a2a2a;
}

.order-gate
.order-form-box
form
.area-box-4
.input-box
input:-ms-input-placeholder {
    color: #2a2a2a;
}

.order-gate .order-form-box form .area-box-4 .input-box input.error {
    padding: 0 0 17px 20px;
}

.order-gate .order-form-box form .area-box-4 .input-box label.error {
    display: block;
    position: absolute;
    top: 20px;
    left: 20px;
    color: red;
    font-size: 14px;
    font-weight: 400;
}

.order-gate .order-form-box form .submit-box {
    text-align: center;
    margin-top: 42px;
}

.order-gate .order-form-box form .submit-box input {
    width: 100%;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    text-transform: uppercase;
    background: #c01c1c;
    border: 0;
    border-radius: 0;
    outline: 0;
    padding: 10px 0;
    cursor: pointer;
}

.order-gate .order-form-box form .submit-box input:hover {
    opacity: 0.8;
}

.order-gate .order-form-box form .calculate-costs-thanks-box {
    display: none;
    padding: 50px 15px;
    border: 3px solid #000;
    text-align: center;
    margin: 110px 0 180px;
}

.order-gate .order-form-box form .calculate-costs-thanks-box p {
    color: #383838;
    text-align: center;
}

.order-gate .order-form-box form .calculate-costs-thanks-box p.str1 {
    font-size: 20px;
    font-weight: 500;
    line-height: 23px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.order-gate .order-form-box form .calculate-costs-thanks-box p.str2 {
    font-size: 16px;
    font-weight: 400;
    line-height: 23px;
}

.additional-services .container {
    text-align: center;
    margin: 0 auto;
    padding: 65px 15px 72px;
}

.additional-services .title {
    color: #2b2b2b;
    font-size: 30px;
    font-weight: 900;
    line-height: 28px;
    margin-bottom: 68px;
}

.additional-services .single-service {
    opacity: 1;
    display: inline-block;
    vertical-align: top;
    width: 23%;
    margin: 0 6px;
}

.additional-services .single-service a {
    display: block;
    text-decoration: none;
}

.additional-services .single-service a .box {
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

.additional-services .single-service a .box:hover > .summary {
    background: #c01c1c;
    color: #fff;
}

.additional-services .single-service a .box .image {
    display: block;
    border: 2px solid #cacaca;
}

.additional-services .single-service a .box .summary {
    background: #fff;
    border: 2px solid #cacaca;
    color: #c01c1c;
    font-size: 15px;
    font-weight: 500;
    line-height: 21px;
    text-transform: uppercase;
    position: relative;
    top: -6px;
    padding: 18px 5px 17px;
}

.our-location {
    overflow: hidden;
}

.our-location .map {
    float: left;
    width: 49.8%;
    background: #161616;
    border-bottom: 2px solid #eaeaea;
}

.our-location .map iframe {
    display: block;
    width: 100%;
    height: 340px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.our-location .address {
    float: left;
    width: 50.2%;
    background: #161616;
}

.our-location .address .location-box {
    padding: 20px 0 20px 55px;
}

.our-location .address .location-box .logotype {
    margin-top: 13px;
}

.our-location .address .location-box .office-address {
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    line-height: 23px;
    margin-top: 25px;
}

.our-location .address .location-box .phone-numbers {
    display: block;
    list-style-type: none;
    margin-top: 28px;
}

.our-location .address .location-box .phone-numbers li a {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    text-decoration: none;
}

.our-location .address .location-box .phone-numbers li a:hover {
    text-decoration: underline;
}

.our-location .address .location-box .email-address {
    margin-top: 23px;
}

.our-location .address .location-box .email-address a {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    text-decoration: none;
}

.our-location .address .location-box .email-address a:hover {
    text-decoration: underline;
}

.pre-footer .container {
    margin: 0 auto;
    text-align: center;
    padding: 22px 15px 25px;
}

.pre-footer .company-logotype a:hover {
    opacity: 0.8;
}

.footer .top {
    background: #161616;
}

.footer .top .container {
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
    padding: 15px;
}

.footer .top .container .left-part {
    float: left;
}

.footer .top .container .left-part button {
    background: #fff;
    color: #c01011;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    padding: 8px 33px;
    border: 0;
    border-radius: 0;
    outline: 0;
    cursor: pointer;
    margin-top: 4px;
}

.footer .top .container .left-part button:hover {
    opacity: 0.9;
}

.footer .top .container .right-part {
    float: right;
}

.footer .top .container .right-part ul {
    list-style-type: none;
}

.footer .top .container .right-part ul li {
    display: inline-block;
    vertical-align: top;
    padding: 0 30px;
    text-align: left;
    border-left: 1px solid #262626;
}

.footer .top .container .right-part ul li:last-child {
    padding-right: 0;
}

.footer .top .container .right-part ul .work-time {
    color: #fff;
    font-size: 12px;
    font-weight: 100;
    line-height: 23px;
}

.footer .top .container .right-part ul .email-address {
    padding-top: 23px;
}

.footer .top .container .right-part ul .email-address a {
    color: #fff;
    font-size: 12px;
    font-weight: 100;
    line-height: 23px;
    text-decoration: none;
}

.footer .top .container .right-part ul .email-address a:hover {
    text-decoration: underline;
}

.footer .top .container .right-part ul .our-phones a {
    color: #fff;
    font-size: 12px;
    font-weight: 100;
    line-height: 23px;
    text-decoration: none;
}

.footer .top .container .right-part ul .our-phones a:hover {
    text-decoration: underline;
}

.footer .bottom .container {
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
    padding: 10px 15px 4px;
}

.footer .bottom .container .left-part {
    float: left;
    color: #585858;
    font-size: 12px;
    font-weight: 300;
    line-height: 23px;
}

.footer .bottom .container .right-part {
    float: right;
}

.footer .bottom .container .right-part p {
    display: inline-block;
    vertical-align: top;
    color: #585858;
    font-size: 12px;
    font-weight: 300;
    line-height: 23px;
}

.footer .bottom .container .right-part .str {
    margin-right: 16px;
}

.footer .bottom .container .right-part a {
    color: #585858;
    font-size: 12px;
    font-weight: 300;
    line-height: 23px;
    text-decoration: none;
    cursor: pointer;
}

.footer .bottom .container .right-part a:hover {
    opacity: 0.8;
}

@media (max-width: 1680px) {
    .our-location .map {
        width: 49.79%;
    }

    .our-location .map iframe {
        height: 297px;
    }

    .our-location .address {
        width: 50.21%;
    }

    .our-location .address .location-box {
        padding: 20px 40px 61px;
    }

    .our-location .address .location-box .logotype {
        margin-bottom: 30px;
    }

    .our-location .address .location-box .office-address,
    .our-location .address .location-box .phone-numbers,
    .our-location .address .location-box .email-address {
        display: inline-block;
        vertical-align: top;
        border-right: 1px solid #565454;
        padding: 0 28px;
    }

    .our-location .address .location-box .office-address {
        padding-left: 28px;
    }

    .our-location .address .location-box .phone-numbers {
        padding: 0 28px 25px;
    }

    .our-location .address .location-box .email-address {
        padding-top: 4px;
        border-right: 0;
    }
}

@media (max-width: 1660px) {
    .our-location .map {
        width: 49.7%;
    }

    .our-location .map iframe {
        height: 294px;
    }

    .our-location .address {
        width: 50.3%;
    }

    .our-location .address .location-box {
        padding: 20px 40px 58px;
    }
}

@media (max-width: 1600px) {
    .our-location .map iframe {
        height: 283px;
    }

    .our-location .address .location-box {
        padding: 20px 40px 47px;
    }
}

@media (max-width: 1536px) {
    .order-gate .container {
        padding: 12px 15px 65px;
    }

    .our-location .map iframe {
        height: 272px;
    }

    .our-location .address .location-box {
        padding: 20px 40px 36px;
    }
}

@media (max-width: 1440px) {
    .our-location .map iframe {
        height: 304px;
    }

    .our-location .address .location-box .logotype {
        margin-bottom: 13px;
    }
}

@media (max-width: 1366px) {
    .advantages .container {
        padding: 75px 15px;
    }

    .panels .container {
        padding: 75px 15px 70px;
    }

    .order-gate .container {
        padding: 12px 15px 60px;
    }

    .order-gate .bg-box {
        left: -160px;
    }

    .our-location .map iframe {
        height: 286px;
    }

    .our-location .address .location-box {
        padding: 20px 40px 28px;
    }

    .our-location .address .location-box .logotype {
        margin-bottom: 10px;
    }

    .our-location .address .location-box .office-address,
    .our-location .address .location-box .phone-numbers,
    .our-location .address .location-box .email-address {
        padding: 0 18px;
    }
}

@media (max-width: 1360px) {
    .our-location .map iframe {
        height: 285px;
    }

    .our-location .address .location-box {
        padding: 20px 40px 27px;
    }
}

@media (max-width: 1345px) {
    .our-location .map iframe {
        height: 282px;
    }

    .our-location .address .location-box {
        padding: 20px 40px 24px;
    }
}

@media (max-width: 1280px) {
    .advantages .single-advantage {
        height: 365px;
    }

    .order-gate .bg-box {
        left: -155px;
    }

    .our-location .map iframe {
        height: 271px;
    }

    .our-location .address .location-box {
        padding: 20px 40px 20px;
    }

    .our-location .address .location-box .logotype {
        margin-bottom: 3px;
    }

    .our-location .address .location-box .office-address,
    .our-location .address .location-box .phone-numbers,
    .our-location .address .location-box .email-address {
        padding: 0 18px;
    }

    .our-location .address .location-box .office-address {
        font-size: 15px;
    }

    .our-location .address .location-box .phone-numbers li a {
        font-size: 15px;
    }

    .our-location .address .location-box .email-address a {
        font-size: 15px;
    }
}

@media (max-width: 1340px) {
    .header-top .contacts-list {
        margin: 8px 0 0 160px;
    }

    #page .gallery-and-form {
        padding: 60px 0 70px 0;
    }

    #page .gallery-and-form .container {
        overflow: auto;
        margin: 0 auto;
        text-align: center;
    }

    #page .gallery-and-form .gallery {
        float: none;
        display: inline-block;
        vertical-align: top;
        width: 38%;
    }

    #page .gallery-and-form .gallery .column.b2 {
        display: none;
    }

    #page .gallery-and-form .leave-request-form-box {
        float: none;
        display: inline-block;
        vertical-align: top;
        width: 30%;
        text-align: left;
        margin-left: 0;
    }

    .header-bottom .navigation ul li {
        padding: 0 11px;
    }

    .advantages .single-advantage {
        max-width: 250px;
    }

    .advantages .big-single-advantage {
        width: 47.2%;
    }

    .advantages .big-single-advantage .box .content {
        width: 220px;
    }

    .akcia .content-box {
        width: 63%;
        padding: 75px 15px 50px 60px;
    }

    .hormann-advantages .single-advantage {
        max-width: 280px;
    }

    .hormann-panels .types ul li {
        margin: 4px 9px;
    }

    .hormann-panels .colors ul li {
        margin: 5px 3px;
    }

    .hormann-akcia-1 .akcia-box .left-part {
        max-width: 238px;
        padding: 35px 21px 30px 45px;
    }

    .hormann-akcia-2 .akcia-box .left-part {
        max-width: 238px;
        padding: 35px 21px 47px 45px;
    }

    .automatics-for-gate-1 .single-automatics-for-gate .box .image .shadow ol,
    .automatics-for-gate-1 .single-automatics-for-gate .box .image .shadow ol,
    .automatics-for-gate-2 .single-automatics-for-gate .box .image .shadow ol,
    .automatics-for-gate-2 .single-automatics-for-gate .box .image .shadow ol {
        padding: 18px 15px 0 26px;
    }

    .type-of-profiles .type-of-profiles-slider {
        max-width: 1016px;
    }

    .pergoly .right-part {
        max-width: 660px;
        margin-left: 35px;
    }

    .markizy .left-part {
        max-width: 660px;
        margin-right: 35px;
    }

    .verandi .single-veranda .box .text {
        padding: 0 12px 0 10px;
    }

    .vnutreniye-solncezaschitniye-sistemy .single .box .text {
        padding: 0 12px 0 10px;
    }
}

@media (max-width: 1120px) {
    .mobile-navigation {
        display: block;
        position: fixed;
        z-index: 999;
        top: 0;
        left: 0;
        width: 100%;
        height: 42px;
    }

    .mobile-navigation .m-navigation-button {
        margin: 0 auto;
        text-align: center;
    }

    .mobile-navigation .m-navigation-button button {
        display: block;
        width: 100%;
        border: 0;
        border-radius: 0;
        outline: 0;
        background: #941742;
        color: #fff;
        font-size: 16px;
        font-weight: 600;
        text-align: center;
        text-transform: uppercase;
        padding: 12px 0;
        cursor: pointer;
    }

    .mobile-navigation .m-navigation-button button:hover {
        background: #94334d;
    }

    .mobile-navigation .m-list {
        display: block;
        height: auto;
        position: relative;
    }

    .mobile-navigation .m-list ul {
        display: none;
        position: absolute;
        width: 100%;
        list-style-type: none;
    }

    .mobile-navigation .m-list ul li {
        background: #2a2a2a;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }

    .mobile-navigation .m-list ul li:last-child {
        padding-bottom: 2px;
        border-bottom: 0;
    }

    .mobile-navigation .m-list ul li a {
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: 300;
        text-align: left;
        text-decoration: none;
        padding: 10px 15px 7px;
        text-transform: uppercase;
        cursor: pointer;
    }

    .mobile-navigation .m-list ul li a:hover {
        color: #c02e2e;
    }

    .header-top {
        margin-top: 42px;
    }

    .header-top .contacts-list {
        margin: 8px 0 0 140px;
    }

    .header-bottom .navigation {
        display: none;
    }

    .features-of-rollety .single-features-of-rollety {
        max-width: 280px;
    }

    .features-of-rollety .single-features-of-rollety.e1,
    .features-of-rollety .single-features-of-rollety.e2,
    .features-of-rollety .single-features-of-rollety.e3,
    .features-of-rollety .single-features-of-rollety.e4,
    .features-of-rollety .single-features-of-rollety.e5,
    .features-of-rollety .single-features-of-rollety.e6 {
        height: 212px;
    }

    .features-of-rollety .single-features-of-rollety.e_a1,
    .features-of-rollety .single-features-of-rollety.e_a2,
    .features-of-rollety .single-features-of-rollety.e_a3,
    .features-of-rollety .single-features-of-rollety.e_a4,
    .features-of-rollety .single-features-of-rollety.e_a5,
    .features-of-rollety .single-features-of-rollety.e_a6 {
        height: 230px;
    }

    .features-of-rollety .single-features-of-rollety.e_v1,
    .features-of-rollety .single-features-of-rollety.e_v2,
    .features-of-rollety .single-features-of-rollety.e_v3,
    .features-of-rollety .single-features-of-rollety.e_v4,
    .features-of-rollety .single-features-of-rollety.e_v5,
    .features-of-rollety .single-features-of-rollety.e_v6 {
        height: 242px;
    }

    .features-of-rollety .single-features-of-rollety .box .title-name.a1 {
        padding: 6px 0 27px 44px;
    }

    .features-of-rollety .single-features-of-rollety .box .title-name.a2 {
        padding: 0 0 10px 44px;
    }

    .features-of-rollety .single-features-of-rollety .box .title-name.a5 {
        padding: 0 0 12px 44px;
    }

    .features-of-rollety .single-features-of-rollety .box .title-name.a6 {
        padding: 5px 0 25px 44px;
    }

    .features-of-rollety .single-features-of-rollety .box .title-name.v1 {
        padding: 6px 0 27px 44px;
    }

    .features-of-rollety .single-features-of-rollety .box .title-name.v2 {
        padding: 0 0 10px 44px;
    }

    .features-of-rollety .single-features-of-rollety .box .title-name.v3 {
        padding: 6px 0 25px 44px;
    }

    .features-of-rollety .single-features-of-rollety .box .title-name.v5 {
        padding: 0 0 34px 44px;
    }

    .features-of-rollety .single-features-of-rollety .box .title-name.v6 {
        padding: 0 0 34px 44px;
    }

    .energoeffekivnost .left-part,
    .energoeffekivnost .right-part {
        max-width: 380px;
    }

    .zaschitniye-koroba .single-korob {
        display: block;
        width: auto;
        margin: 0 auto 30px;
    }

    .zaschitniye-koroba .single-korob .box .images-box .left-image,
    .zaschitniye-koroba .single-korob .box .images-box .right-image {
        float: none;
        display: inline-block;
        margin: 0 5px;
    }

    .zaschitniye-koroba .single-korob .box .summary {
        max-width: 580px;
        text-align: center;
        margin: 16px auto 0;
        padding: 0 10px;
    }

    .zaschitniye-koroba .single-korob:last-child {
        margin-bottom: 0;
    }

    .verandi .single-veranda .box .text {
        padding: 0 12px 0 6px;
    }

    .vnutreniye-solncezaschitniye-sistemy .single .box .text {
        padding: 0 12px 0 6px;
    }
}

@media (max-width: 1115px) {
    .header-top .contacts-list {
        margin: 8px 0 0 110px;
    }

    #page .hormann-slider .container {
        padding: 140px 15px 210px;
    }

    .advantages .container {
        padding: 60px 15px 45px;
    }

    .advantages .summary {
        margin: 31px 0 50px;
    }

    .advantages .single-advantage {
        max-width: none;
        width: 22%;
        height: 355px;
    }

    .advantages .single-advantage .box {
        padding: 22px 21px 25px;
    }

    .advantages .single-advantage .box .name {
        margin-top: 15px;
    }

    .advantages .single-advantage .box .text {
        margin-top: 15px;
    }

    .advantages .big-single-advantage {
        max-width: none;
        width: 94.8%;
        height: auto;
    }

    .advantages .big-single-advantage .box .content {
        width: 100%;
        max-width: 640px;
    }

    .product-types .container {
        padding: 92px 15px 64px;
    }

    .product-types .trend {
        width: auto;
    }

    .product-types .classic {
        width: auto;
    }

    .akcia .content-box .content .middle {
        padding: 14px 0 10px 10px;
    }

    #page .hormann-slider .form-box form .submit-box {
        width: 23%;
    }

    #page .hormann-slider .form-box form .submit-box input {
        padding: 3px 0;
    }

    .hormann-advantages .single-advantage {
        max-width: 265px;
        height: 420px;
    }

    .hormann-panels .types ul li {
        margin: 4px 3px;
    }

    .hormann-panels .surfaces .left-part {
        width: 41%;
    }

    .hormann-panels .surfaces .left-part ul li {
        margin: 5px 3px;
    }

    .hormann-panels .surfaces .right-part {
        width: 52%;
        margin-right: 2%;
    }

    .hormann-panels .surfaces .right-part ul li {
        margin: 5px 3px;
    }

    .hormann-akcia-1 .akcia-box .right-part {
        max-width: 745px;
    }

    .hormann-akcia-1 .akcia-box .right-part .top .b1 {
        padding: 25px 15px 32px 20px;
    }

    .hormann-akcia-1 .akcia-box .right-part .top .b2 {
        padding: 25px 20px 14px 20px;
    }

    .hormann-akcia-1 .akcia-box .right-part .bottom .image {
        padding: 40px 0 0 25px;
    }

    .hormann-akcia-1 .akcia-box .right-part {
        max-width: 765px;
    }

    .type-of-doors .left-part,
    .type-of-doors .right-part {
        margin: 0 24px;
    }

    .hormann-akcia-2 .akcia-box .right-part {
        max-width: 745px;
    }

    #page .hormann-slider .info-box .str1 {
        font-size: 30px;
    }

    #page .hormann-slider .info-box .str2 {
        font-size: 24px;
    }

    .our-location .map {
        width: 49.5%;
    }

    .our-location .address {
        width: 50.5%;
    }

    .automatics-advantages .advantages-block {
        padding: 36px 5px 38px;
    }

    .automatics-advantages .advantages-block .single-advantage {
        margin: 0 13px;
    }

    .automatics-advantages .advantages-block .single-advantage .box .text {
        height: 305px;
    }

    .automatics-advantages .advantages-block .single-advantage .box .download {
        margin-top: 16px;
    }

    .automatics-for-gate-1 .single-automatics-for-gate .box .image .shadow ol,
    .automatics-for-gate-2 .single-automatics-for-gate .box .image .shadow ol {
        padding: 15px 15px 0 26px;
    }

    .verandi .single-veranda {
        width: 30%;
        margin: 0 12px;
    }

    .verandi .single-veranda .box .text {
        padding: 0 10px 0 11px;
    }

    .vnutreniye-solncezaschitniye-sistemy .single {
        width: 30%;
        margin: 0 12px;
    }

    .vnutreniye-solncezaschitniye-sistemy .single .box .text {
        padding: 0 10px 0 11px;
    }

    .varianty-ispolneniya .varianty-box {
        width: auto;
    }
}

@media (max-width: 1081px) {
    .our-location .map iframe {
        height: 190px;
    }

    .header-top .contacts-list {
        margin: 8px 0 0 85px;
    }

    .advantages .container {
        padding: 60px 15px 45px;
    }

    .advantages .summary {
        margin: 31px 0 50px;
    }

    .advantages .single-advantage {
        max-width: none;
        width: 22%;
        height: 355px;
    }

    .advantages .single-advantage .box {
        padding: 22px 21px 25px;
    }

    .advantages .single-advantage .box .name {
        margin-top: 15px;
    }

    .advantages .single-advantage .box .text {
        margin-top: 15px;
    }

    .advantages .big-single-advantage {
        max-width: none;
        width: 94.8%;
        height: auto;
    }

    .advantages .big-single-advantage .box .content {
        width: 100%;
        max-width: 640px;
    }

    .panels .container {
        padding: 62px 15px 65px;
    }

    .akcia .container {
        padding: 55px 15px 65px;
    }

    .akcia .content-box {
        width: 66%;
        padding: 75px 15px 50px 10px;
    }

    .why-we .container {
        padding: 74px 0 15px;
    }

    .why-we .title {
        margin-bottom: 72px;
    }

    .why-we .single-block {
        width: 23%;
    }

    .why-we .single-block .box .text {
        padding: 0 30px;
    }

    .work-steps .container {
        padding: 75px 15px 62px;
    }

    .work-steps .title {
        margin-bottom: 50px;
    }

    .work-steps .single-step {
        width: 32%;
        margin: 30px 0 24px;
    }

    .work-steps .single-step .box {
        padding: 0 50px;
    }

    .work-steps .single-step .box .number {
        padding: 16.15px 30px;
        font-size: 46px;
    }

    .work-steps .single-step .box .name {
        height: 45px;
    }

    .order-gate .bg-box {
        left: -110px;
    }

    .our-location .address .logotype {
        display: none;
    }

    .our-location .address .location-box {
        padding: 46px 10px 52px 15px;
    }

    .our-location .address .location-box .office-address,
    .our-location .address .location-box .phone-numbers,
    .our-location .address .location-box .email-address {
        padding: 0 11px;
    }

    .our-location .address .location-box .office-address {
        font-size: 14px;
    }

    .our-location .address .location-box .phone-numbers {
        margin-top: 25px;
        padding: 0 11px 25px;
    }

    .our-location .address .location-box .phone-numbers li a {
        font-size: 14px;
    }

    .our-location .address .location-box .email-address {
        padding: 0 11px 47px;
    }

    .our-location .address .location-box .email-address a {
        font-size: 14px;
    }

    .hormann-advantages .single-advantage {
        max-width: 265px;
        height: 420px;
    }

    .hormann-panels .types ul li {
        margin: 4px 3px;
    }

    .hormann-panels .surfaces .left-part {
        width: 41%;
    }

    .hormann-panels .surfaces .left-part ul li {
        margin: 5px 3px;
    }

    .hormann-panels .surfaces .right-part {
        width: 52%;
        margin-right: 2%;
    }

    .hormann-panels .surfaces .right-part ul li {
        margin: 5px 3px;
    }

    .hormann-akcia-1 .akcia-box .right-part {
        max-width: 745px;
    }

    .hormann-akcia-1 .akcia-box .right-part .top .b1 {
        padding: 25px 15px 32px 20px;
    }

    .hormann-akcia-1 .akcia-box .right-part .top .b2 {
        padding: 25px 20px 14px 20px;
    }

    .hormann-akcia-1 .akcia-box .right-part .bottom .image {
        padding: 40px 0 0 25px;
    }

    .type-of-doors .left-part,
    .type-of-doors .right-part {
        margin: 0 24px;
    }

    .hormann-akcia-2 .akcia-box .right-part {
        max-width: 745px;
    }

    #page .hormann-slider .info-box .str1 {
        font-size: 30px;
    }

    #page .hormann-slider .info-box .str2 {
        font-size: 24px;
    }

    .features-of-rollety .single-features-of-rollety {
        margin: 0 25px 38px;
    }

    .energoeffekivnost .left-part,
    .energoeffekivnost .right-part {
        max-width: 400px;
        margin: 0 52px;
    }

    .type-of-profiles .type-of-profiles-slider {
        max-width: 960px;
    }

    .series-of-roletniye-reshetki .series-of-roletniye-reshetki-slider {
        max-width: 890px;
    }

    .pergoly .right-part {
        max-width: 630px;
        margin-left: 25px;
    }

    .type-of-montazha .single-type-of-montazh.e1 {
        margin-right: 5px;
    }

    .type-of-montazha .single-type-of-montazh.e2 {
        margin-right: 5px;
    }

    .type-of-montazha .single-type-of-montazh.e3 {
        margin-right: 14px;
    }

    .markizy .left-part {
        max-width: 630px;
        margin-right: 25px;
    }

    .verandi .single-veranda {
        width: 31%;
        margin: 0 8px;
    }

    .verandi .single-veranda .box .text {
        padding: 0 10px 0 11px;
    }

    .vnutreniye-solncezaschitniye-sistemy .single {
        width: 31%;
        margin: 0 8px;
    }

    .vnutreniye-solncezaschitniye-sistemy .single .box .text {
        padding: 0 10px 0 11px;
    }

    .verandi .single-veranda .box .title {
        font-size: 19px;
    }

    .additional-services .single-service a .box .summary {
        font-size: 14px;
    }
}

@media (max-width: 1025px) {
    .header-top .contacts-list {
        margin: 8px 0 0 55px;
    }

    .advantages .big-single-advantage {
        width: 95.4%;
    }

    .akcia .content-box .content {
        padding-left: 30px;
    }

    .our-location .map iframe {
        height: 272px;
    }

    .our-location .address .location-box {
        padding: 41px 10px 47px 15px;
    }

    .hormann-advantages .single-advantage {
        max-width: 280px;
        margin: 0 20px 28px;
    }

    .hormann-panels .types ul li {
        margin: 5px;
        width: 15%;
    }

    .hormann-akcia-1 .container {
        padding: 60px 15px 65px;
    }

    .hormann-akcia-1 .akcia-box .left-part {
        width: auto;
        max-width: none;
        float: none;
        margin: 0 auto;
        padding: 28px 21px 25px;
    }

    .hormann-akcia-1 .akcia-box .left-part .color-box,
    .hormann-akcia-1 .akcia-box .left-part .size-box,
    .hormann-akcia-1 .akcia-box .left-part .akcia-price {
        display: inline-block;
        vertical-align: top;
    }

    .hormann-akcia-1 .akcia-box .left-part .color-box {
        padding: 15px 15px 30px 0;
        border-right: 1px solid #ccc;
    }

    .hormann-akcia-1 .akcia-box .left-part .color-box ul {
        width: 335px;
    }

    .hormann-akcia-1 .akcia-box .left-part .size-box {
        padding: 15px 30px 16px;
        border-right: 1px solid #ccc;
    }

    .hormann-akcia-1 .akcia-box .left-part .akcia-price {
        padding: 15px 15px 50px;
    }

    .hormann-akcia-1 .akcia-box .right-part {
        width: auto;
        max-width: none;
        float: none;
    }

    .hormann-akcia-1 .akcia-box .right-part .top .b1 {
        padding: 25px 15px 32px 30px;
    }

    .hormann-akcia-1 .akcia-box .right-part .top .b2 {
        padding: 25px 20px 14px 30px;
    }

    .hormann-akcia-1 .akcia-box .right-part .bottom {
        padding: 8px 0 22px;
    }

    .hormann-akcia-1 .akcia-box .right-part .bottom .image {
        padding: 40px 0 40px 25px;
    }

    .hormann-akcia-1 .akcia-box .right-part .bottom .form-box {
        padding: 20px 50px 10px;
    }

    .hormann-akcia-1 .akcia-box .right-part .bottom .form-box .information-line {
        max-width: 250px;
    }

    .hormann-akcia-1 .akcia-box .right-part .bottom .form-box form {
        max-width: 330px;
    }

    .type-of-doors .left-part,
    .type-of-doors .right-part {
        margin: 0 16px;
    }

    .hormann-akcia-2 .akcia-box .left-part {
        width: auto;
        max-width: none;
        float: none;
        margin: 0 auto;
        padding: 28px 21px 0;
    }

    .hormann-akcia-2 .akcia-box .left-part .color-box,
    .hormann-akcia-2 .akcia-box .left-part .size-box,
    .hormann-akcia-2 .akcia-box .left-part .akcia-price {
        display: inline-block;
        vertical-align: top;
    }

    .hormann-akcia-2 .akcia-box .left-part .color-box {
        padding: 15px 20px 30px 0;
        border-right: 1px solid #ccc;
    }

    .hormann-akcia-2 .akcia-box .left-part .color-box ul {
        width: 340px;
    }

    .hormann-akcia-2 .akcia-box .left-part .color-box ul li {
        margin: 4px;
    }

    .hormann-akcia-2 .akcia-box .left-part .size-box {
        padding: 15px 30px 20px;
        border-right: 1px solid #ccc;
    }

    .hormann-akcia-2 .akcia-box .left-part .akcia-price {
        padding: 15px 15px 50px;
    }

    .hormann-akcia-2 .akcia-box .right-part {
        width: auto;
        max-width: none;
        display: block;
    }

    .hormann-akcia-2 .akcia-box .right-part .top {
        border-top: 1px solid #d4d4d4;
        padding: 22px 20px 15px 25px;
    }

    .automatics-advantages .advantages-block {
        padding: 28px 5px 34px;
    }

    .automatics-advantages .advantages-block .single-advantage {
        margin: 0 12px;
    }

    .automatics-advantages .advantages-block .single-advantage .box .text {
        height: 328px;
    }

    .automatics-for-gate-1 .single-automatics-for-gate,
    .automatics-for-gate-2 .single-automatics-for-gate {
        width: 24%;
        margin: 0 3px;
    }

    .automatics-for-gate-1 .single-automatics-for-gate .box .image,
    .automatics-for-gate-2 .single-automatics-for-gate .box .image {
        background: #fff;
    }

    .automatics-for-gate-1 .single-automatics-for-gate .box .image .shadow ol,
    .automatics-for-gate-2 .single-automatics-for-gate .box .image .shadow ol {
        padding: 13px 15px 0 26px;
    }

    .automatics-for-gate-1 .single-automatics-for-gate .box .image .shadow ol li,
    .automatics-for-gate-2 .single-automatics-for-gate .box .image .shadow ol li {
        font-size: 13px;
    }

    .features-of-rollety .single-features-of-rollety {
        margin: 0 20px 38px;
    }

    .energoeffekivnost .left-part,
    .energoeffekivnost .right-part {
        margin: 0 40px;
    }

    .type-of-profiles .type-of-profiles-slider {
        max-width: 880px;
    }

    .series-of-roletniye-reshetki .series-of-roletniye-reshetki-slider {
        max-width: 875px;
    }

    .pergoly .left-part {
        padding-top: 5px;
    }

    .pergoly .right-part {
        max-width: 590px;
        margin-left: 25px;
        line-height: 25px;
    }

    .type-of-montazha .single-type-of-montazh.e1 {
        margin-right: 4px;
    }

    .type-of-montazha .single-type-of-montazh.e2 {
        margin-right: 4px;
    }

    .type-of-montazha .single-type-of-montazh.e3 {
        margin-right: 8px;
    }

    .markizy .left-part {
        max-width: 590px;
        margin-right: 25px;
        line-height: 25px;
    }

    .markizy .left-part p.str1 {
        margin-top: 0;
    }

    .markizy .left-part p.str2 {
        margin-top: 30px;
    }

    .terrasniye-sistemy-details .terrasniye-sistemy-details-box .left-part,
    .terrasniye-sistemy-details .terrasniye-sistemy-details-box .right-part {
        max-width: 420px;
    }

    .terrasniye-sistemy-details
    .terrasniye-sistemy-details-box
    .left-part
    .summary-list,
    .terrasniye-sistemy-details
    .terrasniye-sistemy-details-box
    .right-part
    .summary-list {
        padding: 0 2px 0 37px;
    }

    .verandi .single-veranda .box .title {
        font-size: 19px;
    }

    .verandi .single-veranda .box .text {
        padding: 0 5px 0 3px;
    }

    .vnutreniye-solncezaschitniye-sistemy .single .box .text {
        padding: 0 5px 0 3px;
    }
}

@media (max-width: 1011px) {
    .header-top .contacts-list {
        margin: 8px 0 0 35px;
    }

    #page .gallery-and-form .leave-request-form-box {
        margin-left: 5px;
    }

    #page .hormann-slider .container {
        padding: 140px 15px 180px;
    }

    #page .hormann-slider .container {
        padding: 75px 15px 70px;
    }

    .advantages .big-single-advantage .box .content {
        width: 100%;
        max-width: 560px;
    }

    .akcia .content-box .content {
        padding-left: 25px;
    }

    .akcia .content-box .content .middle {
        padding: 14px 0 10px 10px;
    }

    .order-gate .bg-box {
        left: -103px;
    }

    .our-location .map iframe {
        height: 268px;
    }

    .our-location .address .location-box {
        padding: 41px 10px 43px 15px;
    }

    #page .hormann-slider .form-box {
        width: auto;
        max-width: 420px;
    }

    #page .hormann-slider .form-box form {
        padding: 8px 17px 22px;
    }

    #page .hormann-slider .form-box form .input-box {
        float: none;
        width: 100%;
        margin: 18px 0;
    }

    #page .hormann-slider .form-box form .submit-box {
        text-align: center;
        width: 100%;
    }

    #page .hormann-slider .form-box form .submit-box input {
        width: 100%;
        font-size: 17px;
        font-weight: 400;
    }

    .hormann-advantages .container {
        padding: 60px 15px 55px;
    }

    .hormann-panels .surfaces .left-part {
        width: 43%;
    }

    .hormann-panels .surfaces .right-part {
        width: 53%;
    }

    .type-of-doors .left-part,
    .type-of-doors .right-part {
        margin: 0 10px;
    }

    .automatics-advantages .advantages-block {
        padding: 18px 20px 10px;
    }

    .automatics-advantages .advantages-block .single-advantage {
        width: auto;
        display: block;
        text-align: center;
        margin: 0 0 25px;
        border-bottom: 1px solid rgba(230, 230, 230, 0.8);
        padding-bottom: 28px;
    }

    .automatics-advantages .advantages-block .single-advantage .box .image {
        text-align: center;
    }

    .automatics-advantages .advantages-block .single-advantage .box .text {
        height: auto;
        text-align: center;
        margin-top: 18px;
    }

    .automatics-advantages .advantages-block .single-advantage .box .download {
        margin-top: 20px;
    }

    .automatics-advantages .advantages-block .single-advantage:last-child {
        border-bottom: 0;
        padding-bottom: 0;
    }

    .automatics-for-gate-1 .single-automatics-for-gate,
    .automatics-for-gate-2 .single-automatics-for-gate {
        width: 34%;
        margin: 0 10px 19px;
    }

    .automatics-for-gate-1 .single-automatics-for-gate .box .image,
    .automatics-for-gate-2 .single-automatics-for-gate .box .image {
        background: #fff;
    }

    .automatics-for-gate-1 .single-automatics-for-gate .box .image .shadow ol li,
    .automatics-for-gate-2 .single-automatics-for-gate .box .image .shadow ol li {
        font-size: 14px;
    }

    .pergoly .right-part {
        max-width: 580px;
    }

    .type-of-montazha .single-type-of-montazh.e1 {
        margin-right: 3px;
    }

    .type-of-montazha .single-type-of-montazh.e2 {
        margin-right: 0;
    }

    .type-of-montazha .single-type-of-montazh.e3 {
        margin-right: 5px;
    }

    .markizy .left-part {
        max-width: 580px;
    }

    .verandi .single-veranda .box .text {
        padding: 0 5px 0 1px;
    }

    .vnutreniye-solncezaschitniye-sistemy .single .box .text {
        padding: 0 5px 0 1px;
    }
}

@media (max-width: 981px) {
    .header-top .contacts-list {
        margin: 8px 0 0 24px;
    }

    .header-top .contacts-list ul li {
        margin-right: 40px;
    }

    #page .gallery-and-form .leave-request-form-box {
        margin-left: 10px;
    }

    .akcia .form-box {
        width: 26%;
    }

    .our-location .map {
        float: none;
        width: auto;
        margin: 0 auto;
        text-align: center;
    }

    .our-location .map iframe {
        height: 282px;
    }

    .our-location .address {
        float: none;
        width: auto;
    }

    .our-location .address .location-box {
        text-align: center;
        margin: 0 auto;
        padding: 32px 15px 25px;
    }

    .our-location .address .location-box .office-address,
    .our-location .address .location-box .phone-numbers,
    .our-location .address .location-box .email-address {
        margin-top: 0;
        text-align: left;
        padding: 0 18px;
    }

    .hormann-advantages .single-advantage {
        margin: 0 16px 28px;
    }

    .hormann-panels .surfaces .left-part ul li {
        margin: 5px 2px;
    }

    .hormann-panels .surfaces .right-part .special-surface-name {
        width: 19%;
    }

    .hormann-panels .surfaces .right-part ul {
        width: 81%;
    }

    .hormann-panels .surfaces .right-part ul li {
        margin: 5px 2px;
    }

    .hormann-panels .colors ul li {
        margin: 5px 4px;
        width: 11%;
    }

    .hormann-akcia-1 .akcia-box .right-part .bottom {
        padding: 8px 0 26px;
    }

    .type-of-doors .left-part,
    .type-of-doors .right-part {
        max-width: 440px;
    }

    .type-of-doors .left-part .image .shadow p,
    .type-of-doors .right-part .image .shadow p {
        line-height: 30px;
    }

    #page .hormann-slider .info-box .str1 {
        font-size: 28px;
    }

    .automatics-for-gate-1 .single-automatics-for-gate .box .image .shadow ol,
    .automatics-for-gate-2 .single-automatics-for-gate .box .image .shadow ol {
        padding: 16px 15px 0 26px;
    }

    .automatics-for-gate-1 .single-automatics-for-gate .box .image .shadow ol li,
    .automatics-for-gate-2 .single-automatics-for-gate .box .image .shadow ol li {
        font-size: 14px;
    }

    .features-of-rollety .container {
        padding: 60px 15px 6px;
    }

    .features-of-rollety .single-features-of-rollety {
        margin: 0 12px 34px;
    }

    .energoeffekivnost .title {
        margin-bottom: 60px;
    }

    .energoeffekivnost .left-part,
    .energoeffekivnost .right-part {
        margin: 0 28px;
    }

    .type-of-profiles .type-of-profiles-slider {
        max-width: 852px;
    }

    .pergoly .right-part {
        max-width: 540px;
    }

    .type-of-montazha .single-type-of-montazh.e1,
    .type-of-montazha .single-type-of-montazh.e2,
    .type-of-montazha .single-type-of-montazh.e3 {
        margin: 4px 12px 0 !important;
    }

    .type-of-montazha .single-type-of-montazh.e4 {
        margin-top: 32px;
    }

    .markizy .left-part {
        max-width: 540px;
    }

    .varianty-ispolneniya .left-part ul {
        padding-left: 8px;
    }

    .varianty-ispolneniya .right-part ul {
        padding-left: 85px;
    }

    .terrasniye-sistemy-details .terrasniye-sistemy-details-box {
        width: 92%;
    }

    .terrasniye-sistemy-details .terrasniye-sistemy-details-box .left-part,
    .terrasniye-sistemy-details .terrasniye-sistemy-details-box .right-part {
        max-width: 402px;
    }

    .terrasniye-sistemy-details
    .terrasniye-sistemy-details-box
    .left-part
    .summary-list,
    .terrasniye-sistemy-details
    .terrasniye-sistemy-details-box
    .right-part
    .summary-list {
        padding: 0 2px 0 26px;
    }

    .verandi .single-veranda .box .title {
        font-size: 18px;
    }

    .verandi .single-veranda .box .image {
        width: 95%;
    }

    .additional-services .container {
        padding: 65px 15px 46px;
    }

    .additional-services .single-service {
        width: 37%;
        margin: 0 8px 15px;
    }

    .additional-services .single-service a .box .summary {
        font-size: 15px;
    }
}

@media (max-width: 961px) {
    .header-top .contacts-list {
        margin: 8px 0 0 36px;
    }

    .header-top .contacts-list ul li {
        margin-right: 30px;
    }

    .akcia .form-box {
        width: 27%;
    }

    .order-gate .bg-box {
        left: -95px;
        padding-right: 80px;
    }

    #page .hormann-slider .form-box form .input-box {
        min-width: 210px;
    }

    .hormann-advantages .container {
        padding: 50px 15px 50px;
    }

    .hormann-advantages .single-advantage {
        margin: 0 12px 28px;
    }

    .hormann-panels .surfaces .left-part ul li {
        margin: 5px 3px;
        width: 31%;
    }

    .hormann-panels .surfaces .right-part ul li {
        margin: 5px 3px;
        width: 31%;
    }

    .automatics-for-gate-1 .single-automatics-for-gate,
    .automatics-for-gate-2 .single-automatics-for-gate {
        width: 38%;
        margin: 0 12px 22px;
    }

    .energoeffekivnost .left-part,
    .energoeffekivnost .right-part {
        margin: 0 24px;
    }

    .type-of-profiles .type-of-profiles-slider {
        max-width: 845px;
    }

    .series-of-roletniye-reshetki .series-of-roletniye-reshetki-slider {
        max-width: 845px;
    }

    .pergoly .right-part {
        max-width: 524px;
    }

    .markizy .left-part {
        max-width: 524px;
    }
}

@media (max-width: 911px) {
    .header-top .contacts-list {
        margin: 8px 0 0 20px;
    }

    .header-top .contacts-list ul li {
        margin-right: 15px;
    }

    #page .gallery-and-form .leave-request-form-box {
        margin-left: 25px;
    }

    .advantages .big-single-advantage {
        width: 96%;
    }

    .advantages .big-single-advantage .box .content {
        max-width: 530px;
    }

    .product-types .trend {
        max-width: 400px;
        padding-right: 60px;
    }

    .product-types .classic {
        max-width: 360px;
        padding-left: 40px;
    }

    .panels .left-part {
        width: 52%;
    }

    .panels .right-part {
        width: 40%;
    }

    .order-gate {
        background: 0;
    }

    .order-gate .container {
        padding: 40px 15px 60px;
    }

    .order-gate .bg-box {
        display: block;
        width: auto;
        position: relative;
        background: 0;
        text-align: center;
        top: auto;
        left: 0;
        margin: 0;
        padding: 0;
    }

    .order-gate .bg-box .str1 {
        background: 0;
        padding-bottom: 10px;
    }

    .order-gate .bg-box .str2 {
        margin-top: 0;
    }

    .order-gate .bg-box .str2 span {
        display: inline;
    }

    .order-gate .order-form-box {
        display: block;
        width: auto;
        margin-top: 45px;
    }

    .order-gate .order-form-box form {
        padding: 0 50px;
    }

    .order-gate .order-form-box form .area-box-1 .input-box {
        max-width: none;
        width: 100%;
    }

    .order-gate .order-form-box form .submit-box input {
        padding: 15px 0;
    }

    .akcia .akcia-box {
        background: rgba(255, 255, 255, 0.85);
    }

    .akcia .akcia-box .content-box {
        width: auto;
        float: none;
        margin: 0 auto;
        text-align: center;
        padding: 45px 10px 20px;
    }

    .akcia .akcia-box .content-box .content {
        margin-top: 30px;
        padding-left: 0;
        text-align: center;
    }

    .akcia .akcia-box .content-box .content .middle {
        padding: 14px 0 10px;
    }

    .akcia .akcia-box .form-box {
        width: 66%;
        float: none;
        margin: 0 auto;
        padding: 5px 10px 40px;
        text-align: center;
    }

    .akcia .akcia-box .form-box .information-line {
        color: #716f6f;
        font-size: 20px;
        font-weight: 400;
        line-height: 25px;
        text-align: center;
        padding: 0 35px;
    }

    .akcia .akcia-box .form-box form .input-box {
        margin: 18px auto;
    }

    .akcia .akcia-box .form-box form .submit-box {
        text-align: center;
    }

    .akcia .akcia-box .form-box form .submit-box input {
        padding: 11px 42px;
    }

    #page .hormann-slider .info-box .str1 {
        font-size: 26px;
    }

    #page .hormann-slider .info-box .str2 {
        font-size: 22px;
    }

    #page .hormann-slider .container {
        padding: 70px 15px 65px;
    }

    #page .hormann-slider .form-box {
        width: 100%;
        max-width: 435px;
        margin: 0 auto;
    }

    #page .hormann-slider .form-box form {
        padding: 8px 17px 22px;
    }

    #page .hormann-slider .form-box form .input-box {
        float: none;
        max-width: none;
        width: 100%;
        margin: 18px 0;
    }

    #page .hormann-slider .form-box form .submit-box {
        float: none;
        max-width: none;
    }

    #page .hormann-slider .form-box form .submit-box input {
        width: 100%;
        font-size: 17px;
        font-weight: 400;
        text-transform: uppercase;
    }

    #page .hormann-slider .form-box .thank-you-box {
        padding: 49px 20px 44px;
    }

    .hormann-advantages .single-advantage {
        max-width: 265px;
        margin: 0 8px 28px;
    }

    .hormann-panels .surfaces .left-part {
        width: auto;
        float: none;
    }

    .hormann-panels .surfaces .left-part ul {
        width: auto;
        max-width: none;
    }

    .hormann-panels .surfaces .left-part ul li {
        margin: 5px 4px;
        width: auto;
    }

    .hormann-panels .surfaces .right-part {
        width: auto;
        float: none;
        margin-right: 0;
    }

    .hormann-panels .surfaces .right-part .special-surface-name {
        float: none;
        width: auto;
        margin-bottom: 2px;
    }

    .hormann-panels .surfaces .right-part ul {
        width: auto;
        float: none;
        text-align: left;
    }

    .hormann-panels .surfaces .right-part ul li {
        width: auto;
    }

    .hormann-panels .colors ul li {
        margin: 5px 3px;
        width: auto;
    }

    .type-of-doors .left-part,
    .type-of-doors .right-part {
        max-width: 400px;
    }

    .type-of-doors .left-part .image .shadow p,
    .type-of-doors .right-part .image .shadow p {
        font-size: 14px;
        line-height: 26px;
    }

    .hormann-akcia-2 .akcia-box .left-part .color-box {
        padding: 15px 15px 30px 0;
    }

    .hormann-akcia-2 .akcia-box .left-part .size-box {
        padding: 15px 30px 16px;
    }

    .hormann-akcia-2 .akcia-box .left-part .akcia-price {
        padding: 15px 0 50px 15px;
    }

    .features-of-rollety .single-features-of-rollety {
        max-width: 270px;
        margin: 0 8px 21px;
    }

    .energoeffekivnost .left-part,
    .energoeffekivnost .right-part {
        max-width: 380px;
        margin: 0 26px;
    }

    .type-of-profiles .type-of-profiles-slider {
        max-width: 805px;
    }

    .series-of-roletniye-reshetki .series-of-roletniye-reshetki-slider {
        max-width: 796px;
    }

    .features-of-rollety .single-features-of-rollety.e_v1,
    .features-of-rollety .single-features-of-rollety.e_v2,
    .features-of-rollety .single-features-of-rollety.e_v3,
    .features-of-rollety .single-features-of-rollety.e_v4,
    .features-of-rollety .single-features-of-rollety.e_v5,
    .features-of-rollety .single-features-of-rollety.e_v6 {
        height: 250px;
    }

    .pergoly .second-title {
        margin-bottom: 25px;
    }

    .pergoly .left-part {
        float: none;
        text-align: center;
        padding-top: 0;
    }

    .pergoly .right-part {
        float: none;
        max-width: none;
        width: auto;
        text-align: justify;
        margin: 25px auto 0;
        padding: 0 15px;
        line-height: 26px;
    }

    .markizy .container {
        position: relative;
    }

    .markizy .left-part {
        position: relative;
        bottom: -285px;
        float: none;
        max-width: none;
        width: auto;
        text-align: justify;
        margin: 0 auto;
        padding: 0 15px;
        line-height: 26px;
    }

    .markizy .right-part {
        position: relative;
        top: -175px;
        float: none;
        text-align: center;
        padding-top: 0;
    }

    .markizy .left-part p.str2 {
        margin-top: 12px;
    }

    .varianty-ispolneniya .varianty-box .left-part,
    .varianty-ispolneniya .varianty-box .right-part {
        width: auto;
        float: none;
    }

    .varianty-ispolneniya .left-part ul {
        max-width: 385px;
        margin: 10px auto 0;
        padding: 0;
    }

    .varianty-ispolneniya .left-part ul li {
        text-align: center;
    }

    .varianty-ispolneniya .left-part ul li:before {
        content: normal;
    }

    .varianty-ispolneniya .right-part {
        margin-top: 30px;
    }

    .varianty-ispolneniya .right-part ul {
        max-width: 385px;
        margin: 10px auto 0;
        padding: 0;
    }

    .varianty-ispolneniya .right-part ul li {
        text-align: center;
    }

    .varianty-ispolneniya .right-part ul li:before {
        content: normal;
    }

    .terrasniye-sistemy .summary {
        width: auto;
        max-width: none;
        padding: 0 15px;
    }

    .terrasniye-sistemy-details .terrasniye-sistemy-details-box {
        width: 96%;
    }

    .refleksoly .summary {
        width: auto;
        max-width: none;
        padding: 0 15px;
    }

    .verandi .single-veranda {
        width: auto;
        display: block;
        margin: 0 0 25px;
    }

    .verandi .single-veranda .box {
        text-align: center;
        width: 316px;
        margin: 0 auto;
    }

    .verandi .single-veranda .box .title {
        font-size: 20px;
    }

    .vnutreniye-solncezaschitniye-sistemy .single {
        width: auto;
        display: block;
        margin: 0 0 25px;
    }

    .vnutreniye-solncezaschitniye-sistemy .single .box {
        text-align: center;
        width: 306px;
        margin: 0 auto;
    }

    .vnutreniye-solncezaschitniye-sistemy .single .box .title {
        font-size: 20px;
    }
}

@media (max-width: 870px) {
    .header-top .container {
        padding: 19px 15px 11px;
        overflow: auto;
        text-align: center;
    }

    .header-top .container .logotype {
        float: none;
    }

    .header-top .container .contacts-list {
        margin: 14px 0 10px;
        float: none;
    }

    .header-top .container .contacts-list ul li {
        text-align: left;
        margin: 0 12px;
    }

    .header-top .container .contacts-list ul li p,
    .header-top .container .contacts-list ul li a {
        font-weight: 500;
    }

    .header-top .recall-box {
        float: none;
    }

    .header-top .recall-box button {
        padding: 10px 55px;
    }

    .header-bottom .navigation ul {
        text-align: center;
    }

    .header-bottom .navigation ul li {
        padding: 0 15px;
    }

    #page .gallery-and-form {
        padding: 60px 0 40px;
    }

    .advantages .container {
        padding: 60px 15px 35px;
    }

    .advantages .single-advantage {
        width: 30%;
    }

    .advantages .big-single-advantage {
        width: 30%;
        height: 355px;
    }

    .advantages .big-single-advantage .box {
        padding: 22px 21px 25px;
    }

    .advantages .big-single-advantage .box .img {
        float: none;
    }

    .advantages .big-single-advantage .box .content {
        float: none;
        width: auto;
        max-width: none;
        padding-left: 0;
    }

    .advantages .big-single-advantage .box .content .name {
        margin-top: 15px;
    }

    .advantages .big-single-advantage .box .content .text {
        margin-top: 15px;
    }

    .advantages .big-single-advantage.b2 {
        width: 96%;
        height: auto;
    }

    .advantages .big-single-advantage.b2 .box .img {
        float: left;
    }

    .advantages .big-single-advantage.b2 .box .content {
        float: left;
        max-width: 500px;
        margin-left: 30px;
    }

    .automatics-advantages .container {
        padding: 32px 15px 50px;
    }

    .automatics-advantages .title {
        line-height: 35px;
        margin-bottom: 30px;
    }

    .product-types {
        background: #d21e21;
    }

    .product-types .container {
        padding: 65px 15px 34px;
    }

    .product-types .trend {
        display: block;
        background: 0;
        width: 100%;
        max-width: none;
        padding: 0;
        margin: 0 auto;
    }

    .product-types .trend .box {
        margin: 0 auto;
        text-align: center;
    }

    .product-types .trend .box .list {
        margin-top: 20px;
    }

    .product-types .trend .box .list ul li {
        background-position: center 0;
        padding: 32px 15px 0;
    }

    .product-types .classic {
        display: block;
        width: 100%;
        max-width: none;
        padding: 0;
        margin: 35px auto 0;
    }

    .product-types .classic .box {
        margin: 0 auto;
        text-align: center;
    }

    .product-types .classic .box .list {
        margin-top: 20px;
    }

    .product-types .classic .box .list ul li {
        background-position: center 0;
        padding: 32px 15px 0;
    }

    .akcia .content-box {
        width: 63%;
        padding: 80px 25px 45px 0;
    }

    .akcia .form-box {
        width: 30%;
    }

    .panels .container {
        overflow: hidden;
        padding: 55px 15px 60px;
    }

    .panels .left-part {
        display: block;
        float: right;
        width: 48%;
        text-align: left;
    }

    .panels .left-part .type-box ul {
        margin-top: 18px;
    }

    .panels .left-part .type-box ul li {
        margin: 6px 5px;
    }

    .panels .left-part .color-box {
        margin-top: 15px;
    }

    .panels .right-part {
        display: block;
        float: left;
        width: 46%;
        text-align: left;
    }

    .why-we .container {
        padding: 66px 0 5px;
    }

    .why-we .title {
        margin-bottom: 65px;
    }

    .why-we .single-block {
        width: 32%;
    }

    #page .hormann-slider .form-box {
        max-width: 460px;
    }

    .hormann-advantages .container {
        padding: 55px 15px 42px;
    }

    .hormann-advantages .single-advantage {
        max-width: 255px;
        margin: 0 9px 22px;
        height: 435px;
    }

    .hormann-akcia-1 .akcia-box .left-part .color-box {
        padding: 15px 12px 30px 0;
    }

    .hormann-akcia-1 .akcia-box .left-part .size-box {
        padding: 15px 13px 16px;
    }

    .hormann-akcia-1 .akcia-box .left-part .price-box {
        padding: 15px 0 50px 12px;
    }

    .type-of-doors .left-part,
    .type-of-doors .right-part {
        max-width: 370px;
    }

    .hormann-akcia-2 .akcia-box .left-part .color-box {
        padding: 15px 12px 30px 0;
    }

    .hormann-akcia-2 .akcia-box .left-part .size-box {
        padding: 15px 13px 16px;
    }

    .hormann-akcia-2 .akcia-box .left-part .akcia-price {
        padding: 15px 0 50px 15px;
    }

    .features-of-rollety .single-features-of-rollety {
        max-width: 255px;
    }

    .features-of-rollety .single-features-of-rollety.e1,
    .features-of-rollety .single-features-of-rollety.e2,
    .features-of-rollety .single-features-of-rollety.e3,
    .features-of-rollety .single-features-of-rollety.e4,
    .features-of-rollety .single-features-of-rollety.e5,
    .features-of-rollety .single-features-of-rollety.e6 {
        height: 225px;
    }

    .features-of-rollety .single-features-of-rollety.e_a1,
    .features-of-rollety .single-features-of-rollety.e_a2,
    .features-of-rollety .single-features-of-rollety.e_a3,
    .features-of-rollety .single-features-of-rollety.e_a4,
    .features-of-rollety .single-features-of-rollety.e_a5,
    .features-of-rollety .single-features-of-rollety.e_a6 {
        height: 246px;
    }

    .energoeffekivnost .left-part,
    .energoeffekivnost .right-part {
        max-width: 355px;
    }

    .type-of-profiles .type-of-profiles-slider {
        max-width: 600px;
    }

    .series-of-roletniye-reshetki .series-of-roletniye-reshetki-slider {
        max-width: 730px;
    }

    .markizy .right-part {
        top: -196px;
    }
}

@media (max-width: 801px) {
    .advantages .single-advantage {
        height: 370px;
    }

    .advantages .big-single-advantage {
        height: 370px;
    }

    .advantages .big-single-advantage.b2 .box .content {
        max-width: 440px;
    }

    .why-we .container {
        padding: 66px 0 0;
    }

    .akcia .akcia-box {
        background: rgba(255, 255, 255, 0.85);
    }

    .akcia .akcia-box .content-box {
        width: auto;
        float: none;
        text-align: center;
        padding: 50px 15px 15px;
    }

    .akcia .akcia-box .content-box .content {
        padding-left: 0;
        margin-top: 32px;
        text-align: center;
    }

    .akcia .akcia-box .content-box .content .top .p1 {
        font-size: 20px;
    }

    .akcia .akcia-box .content-box .content .top .p2 {
        margin-top: 4px;
    }

    .akcia .akcia-box .content-box .content .middle {
        padding: 14px 0 10px;
    }

    .akcia .akcia-box .form-box {
        width: auto;
        float: none;
        padding: 5px 15px 55px;
    }

    .akcia .akcia-box .form-box .information-line {
        color: #6b6b73;
        font-size: 15px;
        text-align: center;
    }

    .akcia .akcia-box .form-box form {
        display: block;
        margin: 0 auto;
        text-align: center;
        width: 60%;
    }

    .akcia .akcia-box .form-box form .input-box {
        width: 100%;
    }

    .akcia .akcia-box .form-box form .submit-box {
        text-align: center;
        margin-top: 45px;
    }

    .akcia .akcia-box .form-box form .submit-box input {
        width: 100%;
        padding: 11px 22px;
    }

    .additional-services .container {
        padding: 65px 15px 58px;
    }

    .additional-services .title {
        margin-bottom: 58px;
    }

    .hormann-advantages .single-advantage {
        max-width: 235px;
        height: 418px;
    }

    .hormann-panels .types ul li {
        width: 14%;
    }

    .hormann-panels .surfaces .right-part ul li {
        margin: 5px 4px;
    }

    .hormann-akcia-1 .akcia-box .left-part {
        padding: 28px 0 10px;
    }

    .hormann-akcia-1 .akcia-box .left-part .title {
        text-align: center;
    }

    .hormann-akcia-1 .akcia-box .left-part .color-box,
    .hormann-akcia-1 .akcia-box .left-part .size-box,
    .hormann-akcia-1 .akcia-box .left-part .akcia-price {
        display: block;
        margin: 0 auto;
        text-align: center;
        border: 0;
    }

    .hormann-akcia-1 .akcia-box .left-part .color-box {
        padding: 12px 12px 2px 0;
    }

    .hormann-akcia-1 .akcia-box .left-part .color-box ul {
        width: auto;
    }

    .hormann-akcia-1 .akcia-box .left-part .size-box {
        padding: 8px 12px 4px;
    }

    .hormann-akcia-1 .akcia-box .left-part .akcia-price {
        padding: 4px 12px 10px;
    }

    .type-of-doors .left-part,
    .type-of-doors .right-part {
        max-width: 320px;
        margin: 0 30px;
    }

    .type-of-doors .left-part .image .shadow,
    .type-of-doors .right-part .image .shadow {
        display: none;
    }

    .hormann-akcia-2 .akcia-box .left-part {
        padding: 28px 0 10px;
    }

    .hormann-akcia-2 .akcia-box .left-part .title {
        text-align: center;
    }

    .hormann-akcia-2 .akcia-box .left-part .color-box,
    .hormann-akcia-2 .akcia-box .left-part .size-box,
    .hormann-akcia-2 .akcia-box .left-part .akcia-price {
        display: block;
        float: none;
        margin: 0 auto;
        text-align: center;
        border: 0;
    }

    .hormann-akcia-2 .akcia-box .left-part .color-box {
        padding: 12px 12px 2px 0;
    }

    .hormann-akcia-2 .akcia-box .left-part .color-box ul {
        width: auto;
    }

    .hormann-akcia-2 .akcia-box .left-part .size-box {
        padding: 8px 12px 4px;
    }

    .hormann-akcia-2 .akcia-box .left-part .akcia-price {
        padding: 4px 12px 10px;
    }

    .hormann-akcia-2 .akcia-box .right-part .top p {
        text-align: center;
    }

    .automatics-for-gate-1 .single-automatics-for-gate,
    .automatics-for-gate-2 .single-automatics-for-gate {
        width: 42%;
    }

    .features-of-rollety .single-features-of-rollety {
        max-width: 300px;
        margin: 0 16px 35px;
    }

    .features-of-rollety .single-features-of-rollety.e1,
    .features-of-rollety .single-features-of-rollety.e2,
    .features-of-rollety .single-features-of-rollety.e3,
    .features-of-rollety .single-features-of-rollety.e4,
    .features-of-rollety .single-features-of-rollety.e5,
    .features-of-rollety .single-features-of-rollety.e6 {
        height: 205px;
    }

    .features-of-rollety .single-features-of-rollety.e_a1,
    .features-of-rollety .single-features-of-rollety.e_a2,
    .features-of-rollety .single-features-of-rollety.e_a3,
    .features-of-rollety .single-features-of-rollety.e_a4,
    .features-of-rollety .single-features-of-rollety.e_a5,
    .features-of-rollety .single-features-of-rollety.e_a6 {
        height: 212px;
    }

    .features-of-rollety .single-features-of-rollety.e_v1,
    .features-of-rollety .single-features-of-rollety.e_v2,
    .features-of-rollety .single-features-of-rollety.e_v3,
    .features-of-rollety .single-features-of-rollety.e_v4,
    .features-of-rollety .single-features-of-rollety.e_v5,
    .features-of-rollety .single-features-of-rollety.e_v6 {
        height: 235px;
    }

    .energoeffekivnost .left-part,
    .energoeffekivnost .right-part {
        max-width: 310px;
        margin: 0 30px;
    }

    .type-of-profiles .type-of-profiles-slider {
        max-width: 590px;
    }

    .series-of-roletniye-reshetki .series-of-roletniye-reshetki-slider {
        max-width: 588px;
    }

    .terrasniye-sistemy-details .terrasniye-sistemy-details-box {
        width: auto;
    }

    .terrasniye-sistemy-details .terrasniye-sistemy-details-box .left-part,
    .terrasniye-sistemy-details .terrasniye-sistemy-details-box .right-part {
        width: auto;
        max-width: none;
        float: none;
    }

    .terrasniye-sistemy-details
    .terrasniye-sistemy-details-box
    .left-part
    .summary-list,
    .terrasniye-sistemy-details
    .terrasniye-sistemy-details-box
    .right-part
    .summary-list {
        padding: 0;
        text-align: center;
    }

    .terrasniye-sistemy-details .terrasniye-sistemy-details-box .right-part {
        margin-top: 35px;
    }
}

@media (max-width: 770px) {
    #page .gallery-and-form {
        padding: 50px 0 55px;
    }

    #page .gallery-and-form .gallery {
        display: none;
    }

    #page .gallery-and-form .leave-request-form-box {
        width: 80%;
        text-align: center;
        margin: 0 auto;
    }

    #page .gallery-and-form .leave-request-form-box form .input-box {
        width: 100%;
    }

    #page .gallery-and-form .leave-request-form-box form .submit-box input {
        width: 100%;
        padding: 10px 0;
    }

    .advantages .big-single-advantage.b2 {
        width: 96.5%;
    }

    .advantages .big-single-advantage.b2 .box .content {
        max-width: 410px;
    }

    .panels .container {
        padding: 50px 15px 40px;
    }

    .panels .left-part .color-box ul {
        max-width: 180px;
    }

    .panels .left-part .color-box ul li {
        margin: 6px 5px;
    }

    .panels .left-part .color-box ul.second {
        margin-top: 0;
    }

    .why-we .single-block {
        margin-bottom: 50px;
    }

    .work-steps .title {
        margin-bottom: 40px;
    }

    .order-gate .bg-box .str1 {
        font-size: 50px;
    }

    .order-gate .bg-box .str2 {
        font-size: 19px;
    }

    .order-gate .order-form-box form {
        margin: 0 auto;
        width: 75%;
    }

    .additional-services .container {
        padding: 60px 15px 56px;
    }

    .additional-services .title {
        margin-bottom: 62px;
    }

    .hormann-advantages .single-advantage {
        max-width: 260px;
        height: 412px;
        margin: 0 14px 30px;
    }

    .hormann-akcia-1 .akcia-box .right-part .top .b1 {
        padding: 25px 10px 32px 20px;
    }

    .hormann-akcia-1 .akcia-box .right-part .top .b2 {
        padding: 25px 10px 14px 20px;
    }

    .type-of-doors .left-part,
    .type-of-doors .right-part {
        max-width: 460px;
        margin: 0 auto 40px;
        width: auto;
        float: none;
    }

    .hormann-akcia-2 .akcia-box .left-part .color-box {
        padding: 12px 0 2px;
    }

    .automatics-for-gate-1 .title.t1,
    .automatics-for-gate-2 .title.t1 {
        line-height: 32px;
        margin-bottom: 32px;
    }

    .energoeffekivnost .left-part,
    .energoeffekivnost .right-part {
        max-width: 280px;
        margin: 0 34px;
    }
}

@media (max-width: 720px) {
    .header-bottom .navigation ul li {
        padding: 0 12px;
    }

    .advantages .single-advantage,
    .advantages .big-single-advantage {
        height: 383px;
    }

    .advantages .big-single-advantage.b2 .box .content {
        max-width: 360px;
    }

    .order-gate .order-form-box form {
        width: 70%;
    }

    #page .hormann-slider .info-box .str1 {
        font-size: 28px;
        line-height: 40px;
    }

    #page .hormann-slider .info-box .str2 {
        font-size: 20px;
        padding: 0 30px 20px;
    }

    .hormann-akcia-1 .akcia-box .right-part .top .b1 {
        padding: 25px 10px 16px 20px;
    }

    .hormann-akcia-1 .akcia-box .right-part .top .b2 {
        padding: 25px 10px 23px 20px;
    }

    .hormann-akcia-1 .akcia-box .right-part .top button .big {
        line-height: 25px;
        margin-bottom: 2px;
    }

    .type-of-doors .container {
        padding: 45px 15px 25px;
    }

    .type-of-doors .left-part,
    .type-of-doors .right-part {
        display: block;
        float: none;
        max-width: 450px;
        margin: 0 auto 40px;
        text-align: center;
    }

    .type-of-doors .left-part .name,
    .type-of-doors .right-part .name {
        margin-bottom: 30px;
    }

    .hormann-akcia-2 .akcia-box .right-part .bottom .form-box {
        padding: 1px 50px 0 40px;
    }

    .automatics-for-gate-1 .single-automatics-for-gate,
    .automatics-for-gate-2 .single-automatics-for-gate {
        width: 45%;
    }

    .automatics-for-gate-1 .single-automatics-for-gate .box .image .shadow ol,
    .automatics-for-gate-2 .single-automatics-for-gate .box .image .shadow ol {
        padding: 20px 15px 0 26px;
    }

    .energoeffekivnost .container {
        padding: 15px 15px 22px;
    }

    .energoeffekivnost .title {
        margin-bottom: 40px;
    }

    .energoeffekivnost .left-part,
    .energoeffekivnost .right-part {
        display: block;
        max-width: 390px;
        margin: 0 auto 45px;
    }

    .type-of-profiles .type-of-profiles-slider {
        max-width: 575px;
    }

    .series-of-roletniye-reshetki .series-of-roletniye-reshetki-slider {
        max-width: 570px;
    }
}

@media (max-width: 690px) {
    #page .hormann-slider .container {
        padding: 50px 15px 48px;
    }

    .header-bottom .navigation ul li {
        padding: 0 9px;
    }

    .advantages .single-advantage {
        width: 44%;
        height: 329px;
    }

    .advantages .big-single-advantage {
        width: 44% !important;
        height: 412px !important;
    }

    .advantages .big-single-advantage.b2 .box .content {
        max-width: none;
        margin-left: 0;
    }

    .panels .title {
        padding-bottom: 50px;
    }

    .akcia .akcia-box .form-box form {
        width: 70%;
    }

    .work-steps .single-step .box {
        padding: 0;
    }

    .work-steps .single-step .box .name {
        height: 60px;
    }

    .order-gate .order-form-box form {
        width: 62%;
    }

    .additional-services .title {
        margin-bottom: 35px;
        line-height: 35px;
    }

    .additional-services .single-service {
        width: 42%;
        max-width: none;
        margin: 10px;
    }

    .pre-footer .navigation ul li {
        padding: 0 9px;
    }

    .hormann-panels .types ul li {
        width: 19%;
    }

    .hormann-akcia-2 .akcia-box .right-part .bottom .image {
        padding: 0 10px 0 15px;
    }

    .hormann-akcia-2 .akcia-box .right-part .bottom .form-box {
        padding: 1px 40px 0 20px;
    }

    .features-of-rollety .single-features-of-rollety {
        max-width: 270px;
        margin: 0 16px 36px;
    }

    .features-of-rollety .single-features-of-rollety.e_a1,
    .features-of-rollety .single-features-of-rollety.e_a2,
    .features-of-rollety .single-features-of-rollety.e_a3,
    .features-of-rollety .single-features-of-rollety.e_a4,
    .features-of-rollety .single-features-of-rollety.e_a5,
    .features-of-rollety .single-features-of-rollety.e_a6 {
        height: 226px;
    }

    .features-of-rollety .single-features-of-rollety .box .title-name.v5 {
        padding: 0 0 14px 44px;
    }

    .features-of-rollety .single-features-of-rollety .box .title-name.v6 {
        padding: 0 0 14px 44px;
    }

    .type-of-profiles .type-of-profiles-slider {
        max-width: 550px;
    }

    .series-of-roletniye-reshetki .series-of-roletniye-reshetki-slider {
        max-width: 550px;
    }

    .markizy .right-part {
        top: -250px;
    }
}

@media (max-width: 646px) {
    #page .gallery-and-form {
        padding: 35px 0 55px;
    }

    .advantages .big-single-advantage {
        height: 427px !important;
    }

    .panels .left-part,
    .panels .right-part {
        width: 47%;
    }

    .order-gate .bg-box .str1 {
        font-size: 46px;
    }

    .order-gate .bg-box .str2 {
        font-size: 17px;
    }

    .footer .top {
        padding: 15px 15px 20px;
    }

    .footer .top .container .left-part {
        float: none;
        display: block;
    }

    .footer .top .container .left-part button {
        margin-top: 8px;
        padding: 10px 55px;
    }

    .footer .top .container .right-part {
        margin-top: 25px;
        float: none;
        display: block;
    }

    .hormann-akcia-1 .akcia-box .right-part .top .b1 {
        padding: 25px 10px 32px 20px;
    }

    .hormann-akcia-1 .akcia-box .right-part .top .b2 {
        padding: 25px 10px 14px 20px;
    }

    .type-of-montazha .single-type-of-montazh.e1,
    .type-of-montazha .single-type-of-montazh.e2,
    .type-of-montazha .single-type-of-montazh.e3 {
        margin: 4px 20px 0 !important;
    }
}

@media (max-width: 610px) {
    .why-we .single-block {
        width: 45%;
    }

    .akcia .akcia-box .form-box .information-line {
        color: #6b6b73;
        font-size: 17px;
        padding: 0 20px;
    }

    .akcia .akcia-box .form-box form {
        width: 75%;
    }

    .work-steps .single-step {
        width: 47%;
    }

    .order-gate .bg-box .str1 {
        font-size: 42px;
    }

    .order-gate .bg-box .str2 {
        font-size: 16px;
    }

    .footer .top {
        padding: 15px 15px 20px;
    }

    .footer .top .container .left-part {
        float: none;
        display: block;
    }

    .footer .top .container .left-part button {
        margin-top: 8px;
        padding: 10px 55px;
    }

    .footer .top .container .right-part {
        margin-top: 25px;
        float: none;
        display: block;
    }

    .hormann-akcia-2 .akcia-box .right-part .top {
        padding: 22px 15px 15px;
    }

    .features-of-rollety .single-features-of-rollety {
        max-width: 260px;
        margin: 0 8px 24px;
    }

    .features-of-rollety .single-features-of-rollety.e1,
    .features-of-rollety .single-features-of-rollety.e2,
    .features-of-rollety .single-features-of-rollety.e3,
    .features-of-rollety .single-features-of-rollety.e4,
    .features-of-rollety .single-features-of-rollety.e5,
    .features-of-rollety .single-features-of-rollety.e6 {
        height: 228px;
    }

    .features-of-rollety .single-features-of-rollety.e_a1,
    .features-of-rollety .single-features-of-rollety.e_a2,
    .features-of-rollety .single-features-of-rollety.e_a3,
    .features-of-rollety .single-features-of-rollety.e_a4,
    .features-of-rollety .single-features-of-rollety.e_a5,
    .features-of-rollety .single-features-of-rollety.e_a6 {
        height: 232px;
    }

    .features-of-rollety .single-features-of-rollety.e_v1,
    .features-of-rollety .single-features-of-rollety.e_v2,
    .features-of-rollety .single-features-of-rollety.e_v3,
    .features-of-rollety .single-features-of-rollety.e_v4,
    .features-of-rollety .single-features-of-rollety.e_v5,
    .features-of-rollety .single-features-of-rollety.e_v6 {
        height: 250px;
    }

    .type-of-profiles .type-of-profiles-slider {
        max-width: 286px;
    }

    .series-of-roletniye-reshetki .series-of-roletniye-reshetki-slider {
        max-width: 470px;
    }

    .series-of-roletniye-vorota .series-of-roletniye-vorota-slider {
        max-width: 470px;
    }

    .vnutreniye-solncezaschitniye-sistemy .container {
        padding: 52px 15px 54px;
    }

    .vnutreniye-solncezaschitniye-sistemy .title {
        margin-bottom: 40px;
    }
}

@media (max-width: 590px) {
    .our-location .address .location-box {
        padding: 5px 15px 5px;
    }

    .our-location .address .location-box .office-address,
    .our-location .address .location-box .phone-numbers,
    .our-location .address .location-box .email-address {
        display: block;
        border: 0;
        text-align: center;
        border-bottom: 1px solid #565454;
        padding: 4px 0 12px;
        margin: 8px 0;
    }

    .our-location .address .location-box .email-address {
        border: 0;
    }

    .automatics-for-gate-1 .single-automatics-for-gate,
    .automatics-for-gate-2 .single-automatics-for-gate {
        width: 47%;
        margin: 0 6px 22px;
    }

    .vnutreniye-solncezaschitniye-sistemy .title {
        line-height: 38px;
    }
}

@media (max-width: 570px) {
    .advantages .single-advantage {
        height: 346px;
    }

    .akcia .akcia-box .form-box form {
        width: 80%;
    }

    .additional-services .single-service {
        width: 62%;
    }

    #page .hormann-slider .info-box .str2 {
        padding: 0 20px 20px;
    }

    .hormann-advantages .container {
        padding: 55px 15px 35px;
    }

    .hormann-advantages .single-advantage {
        max-width: 246px;
        margin: 0 10px 23px;
        height: 422px;
    }

    .hormann-akcia-1 .akcia-box .right-part .top button {
        float: none;
        width: 100%;
        text-align: center;
    }

    .hormann-akcia-1 .container {
        padding: 50px 15px 55px;
    }

    .hormann-akcia-1 .akcia-box .right-part .top .b1,
    .hormann-akcia-1 .akcia-box .right-part .top .b2 {
        padding: 16px 0;
    }

    .hormann-akcia-1 .akcia-box .right-part .bottom {
        padding: 8px 0 34px;
    }

    .hormann-akcia-1 .akcia-box .right-part .bottom .image {
        display: block;
        float: none;
        width: auto;
        padding: 20px 0;
    }

    .hormann-akcia-1 .akcia-box .right-part .bottom .form-box {
        display: block;
        float: none;
        width: auto;
        padding: 12px 50px 10px;
    }

    .hormann-akcia-1 .akcia-box .right-part .bottom .form-box .information-line {
        max-width: none;
        color: #716f6f;
        font-size: 20px;
        font-weight: 400;
        line-height: 25px;
        text-align: center;
        padding: 0 30px;
    }

    .hormann-akcia-1 .akcia-box .right-part .bottom .form-box form {
        max-width: 390px;
        width: 100%;
        margin: 0 auto;
    }

    .hormann-akcia-1
    .akcia-box
    .right-part
    .bottom
    .form-box
    form
    .submit-box
    input {
        width: 100%;
        padding: 11px 0;
    }

    .hormann-akcia-2 .akcia-box .right-part .bottom .image {
        display: block;
        float: none;
        width: auto;
        margin: 0 auto;
        padding: 20px 0;
    }

    .hormann-akcia-2 .akcia-box .right-part .bottom .form-box {
        display: block;
        float: none;
        width: auto;
        margin: 0 auto;
        padding: 12px 50px 10px;
    }

    .hormann-akcia-2 .akcia-box .right-part .bottom .form-box .information-line {
        max-width: none;
        color: #716f6f;
        font-size: 20px;
        font-weight: 400;
        line-height: 25px;
        text-align: center;
        padding: 0 30px;
    }

    .hormann-akcia-2 .akcia-box .right-part .bottom .form-box form {
        max-width: 390px;
        width: 100%;
        margin: 0 auto;
    }

    .hormann-akcia-2
    .akcia-box
    .right-part
    .bottom
    .form-box
    form
    .submit-box
    input {
        width: 100%;
        padding: 11px 0;
    }

    .features-of-rollety .single-features-of-rollety {
        max-width: 250px;
        margin: 0 8px 22px;
    }

    .features-of-rollety .single-features-of-rollety.e_a1,
    .features-of-rollety .single-features-of-rollety.e_a2,
    .features-of-rollety .single-features-of-rollety.e_a3,
    .features-of-rollety .single-features-of-rollety.e_a4,
    .features-of-rollety .single-features-of-rollety.e_a5,
    .features-of-rollety .single-features-of-rollety.e_a6 {
        height: 248px;
    }

    .series-of-roletniye-reshetki .series-of-roletniye-reshetki-slider {
        max-width: 330px;
    }

    .series-of-roletniye-vorota .series-of-roletniye-vorota-slider {
        max-width: 325px;
    }

    .series-of-roletniye-vorota .series-of-roletniye-vorota-slider div {
        display: block;
        vertical-align: top;
        margin: 0;
    }

    .pergoly .container {
        padding: 50px 15px 50px;
    }

    .pergoly .title {
        line-height: 36px;
        margin-bottom: 24px;
    }

    .markizy .right-part {
        top: -278px;
    }
}

@media (max-width: 480px) {
    .header-top .container .contacts-list ul {
        display: inline-block;
    }

    .header-top .container .contacts-list ul li {
        display: block;
        margin: 6px 0;
    }

    .header-top .container .contacts-list ul li:first-child {
        margin-top: 2px;
    }

    .panels .left-part {
        float: none;
        display: block;
        width: auto;
        padding: 0 15px;
    }

    .panels .left-part .summary {
        margin-top: 28px;
    }

    .panels .left-part .color-box ul {
        max-width: none;
    }

    .panels .right-part {
        float: none;
        display: block;
        width: auto;
        padding: 0 15px;
    }

    .panels .right-part .garage-box {
        text-align: left;
        margin-top: 26px;
        padding-left: 0;
    }

    .panels .right-part .detail-information {
        text-align: left;
        margin-top: 20px;
        padding-left: 0;
    }

    .akcia .akcia-box .form-box form {
        width: 85%;
    }

    .order-gate .order-form-box form {
        width: 72%;
    }

    .additional-services .single-service {
        width: 72%;
    }

    .our-location .address .location-box {
        padding: 5px 15px 5px;
    }

    .our-location .address .location-box .office-address,
    .our-location .address .location-box .phone-numbers,
    .our-location .address .location-box .email-address {
        display: block;
        border: 0;
        text-align: center;
        border-bottom: 1px solid #565454;
        padding: 4px 0 12px;
        margin: 8px 0;
    }

    .our-location .address .location-box .email-address {
        border: 0;
    }

    .footer .top .container .right-part ul li {
        display: block;
        border: 0;
        text-align: center;
        padding: 12px 0 !important;
    }

    .footer .top .container .right-part ul .email-address {
        border-top: 1px solid #565454;
        border-bottom: 1px solid #565454;
    }

    .hormann-panels .types ul li {
        width: 27.7%;
    }

    #page .hormann-slider .info-box .str1 {
        font-size: 24px;
        line-height: 36px;
    }

    #page .hormann-slider .info-box .str2 {
        font-size: 17px;
        padding: 0 10px 20px;
    }

    .hormann-advantages .single-advantage {
        width: 100%;
        max-width: 300px;
        margin: 0 0 23px;
        height: 420px;
    }

    .hormann-advantages .summary {
        padding-bottom: 40px;
    }

    .hormann-akcia-1 .akcia-box .right-part .bottom .form-box .information-line {
        padding: 0;
    }

    .type-of-doors .left-part,
    .type-of-doors .right-part {
        max-width: 400px;
    }

    .hormann-akcia-2 .akcia-box .right-part .bottom .form-box {
        padding: 12px 40px 10px;
    }

    .hormann-akcia-2 .akcia-box .right-part .bottom .form-box .information-line {
        padding: 0;
    }

    .automatics-for-gate-1 .title.t1,
    .automatics-for-gate-1 .title.t2,
    .automatics-for-gate-2 .title.t1,
    .automatics-for-gate-2 .title.t2 {
        line-height: 35px;
        margin-bottom: 30px;
    }

    .automatics-for-gate-1 .single-automatics-for-gate,
    .automatics-for-gate-2 .single-automatics-for-gate {
        width: 82%;
    }

    .features-of-rollety .title {
        line-height: 34px;
        margin-bottom: 40px;
    }

    .features-of-rollety .single-features-of-rollety {
        max-width: 340px;
        margin: 0 0 22px;
        height: auto !important;
    }

    .features-of-rollety .single-features-of-rollety .box .title-name {
        padding: 6px 0 16px 44px !important;
    }

    .energoeffekivnost .left-part,
    .energoeffekivnost .right-part {
        max-width: 352px;
    }

    .series-of-roletniye-reshetki .series-of-roletniye-reshetki-slider {
        max-width: 230px;
    }

    .series-of-roletniye-vorota .series-of-roletniye-vorota-slider {
        max-width: 235px;
    }

    .markizy .right-part {
        top: -358px;
    }

    .varianty-ispolneniya .container {
        padding: 52px 15px 54px;
    }

    body.thank-you .thank-you-wrapper .thank-you-box {
        width: auto;
        max-width: none;
        padding: 45px 10px 33px;
    }
}

@media (max-width: 460px) {
    .mobile-navigation .m-list ul li a {
        font-size: 14px;
    }

    .header-top .container .contacts-list ul {
        display: inline-block;
    }

    .header-top .container .contacts-list ul li {
        display: block;
        margin: 6px 0;
    }

    .header-top .container .contacts-list ul li:first-child {
        margin-top: 2px;
    }

    .hormann-panels .types ul li {
        width: 29%;
    }

    #page .hormann-slider .info-box .str2 {
        font-size: 16px;
    }

    .akcia .akcia-box .content-box .content {
        padding: 0 10px;
    }

    .akcia .akcia-box .form-box {
        padding: 5px 15px 45px;
    }

    .footer .top .container {
        padding: 15px 15px 0;
    }

    .footer .bottom .container .left-part {
        display: block;
        float: none;
        margin-top: 6px;
    }

    .footer .bottom .container .right-part {
        display: block;
        float: none;
        margin-top: 12px;
    }

    .hormann-advantages .container {
        padding: 50px 15px 30px;
    }

    .hormann-advantages .title {
        line-height: 38px;
    }

    .hormann-advantages .summary {
        padding-bottom: 34px;
    }

    .hormann-akcia-1 .akcia-box .left-part .color-box {
        padding: 12px 0 2px;
    }

    .hormann-akcia-1 .akcia-box .right-part .bottom .form-box {
        padding: 12px 40px 10px;
    }

    .hormann-akcia-2 .container {
        padding: 50px 15px 55px;
    }

    .hormann-akcia-2 .akcia-box .right-part .bottom .form-box {
        padding: 12px 30px 10px;
    }

    .hormann-akcia-2 .akcia-box .right-part .bottom {
        padding: 15px 10px 15px;
    }

    .type-of-montazha .single-type-of-montazh.e1,
    .type-of-montazha .single-type-of-montazh.e2,
    .type-of-montazha .single-type-of-montazh.e3 {
        display: block;
        margin: 0 auto 26px !important;
        text-align: center;
    }

    .type-of-montazha .single-type-of-montazh.e4 {
        margin-top: 8px;
    }
}

@media (max-width: 440px) {
    .advantages .single-advantage,
    .advantages .big-single-advantage {
        width: 63% !important;
        height: auto !important;
    }

    .panels .left-part,
    .panels .right-part {
        padding: 0 20px;
    }

    .panels .left-part .color-box ul {
        max-width: 180px;
    }

    .why-we .single-block .box .text {
        padding: 0 10px;
    }

    .work-steps .container {
        padding: 62px 15px 58px;
    }

    .work-steps .single-step {
        width: 49%;
    }

    .work-steps .single-step .box .name {
        padding: 0;
    }

    .hormann-advantages .container {
        padding: 45px 15px 30px;
    }

    .hormann-panels .types ul li {
        width: 30%;
    }

    .hormann-panels .surfaces .left-part ul li {
        margin: 5px 3px;
    }

    .hormann-panels .surfaces .right-part ul li {
        margin: 5px 3px;
    }

    .hormann-akcia-1 .akcia-box .left-part {
        padding: 36px 0 10px;
    }

    .hormann-akcia-1 .akcia-box .right-part .bottom .form-box {
        padding: 12px 30px 10px;
    }

    .type-of-doors .left-part,
    .type-of-doors .right-part {
        max-width: 380px;
    }

    .hormann-akcia-2 .akcia-box .right-part .bottom .form-box {
        padding: 12px 20px 10px;
    }

    .markizy .right-part {
        top: -382px;
    }

    body.thank-you .thank-you-wrapper .thank-you-box {
        padding: 34px 10px 32px;
    }

    body.thank-you .thank-you-wrapper .thank-you-box p.str-1 {
        font-size: 38px;
    }

    body.thank-you .thank-you-wrapper .thank-you-box p.str-2 {
        font-size: 16px;
    }

    body.thank-you .thank-you-wrapper .thank-you-box p.str-1 {
        font-size: 35px;
    }

    body.thank-you .thank-you-wrapper .thank-you-box p.str-2 {
        font-size: 15px;
    }
}

@media (max-width: 400px) {
    .why-we .single-block {
        width: 49%;
    }

    .hormann-panels .types ul li {
        width: 33.5%;
    }

    #page .hormann-slider .info-box .str1 {
        font-size: 22px;
    }

    #page .hormann-slider .info-box .str2 {
        font-size: 16px;
    }

    .type-of-doors .left-part,
    .type-of-doors .right-part {
        max-width: 350px;
    }

    .hormann-akcia-1 .akcia-box .right-part .top .b1,
    .hormann-akcia-1 .akcia-box .right-part .top .b2 {
        padding: 16px 5px;
    }

    .hormann-akcia-1 .akcia-box .right-part .bottom .image {
        padding: 20px 30px;
    }

    .hormann-akcia-1 .akcia-box .right-part .bottom .form-box {
        padding: 12px 25px 10px;
    }

    .hormann-akcia-1 .akcia-box .right-part .bottom .form-box .information-line {
        font-size: 18px;
    }

    .hormann-akcia-2 .akcia-box .right-part .bottom .form-box .information-line {
        font-size: 18px;
    }

    .hormann-akcia-2 .akcia-box .right-part .bottom .form-box {
        padding: 12px 10px 10px;
    }

    .automatics-for-gate-1 .single-automatics-for-gate,
    .automatics-for-gate-2 .single-automatics-for-gate {
        width: 88%;
    }

    .series-of-roletniye-reshetki .title {
        line-height: 34px;
        margin-bottom: 40px;
    }

    .pergoly .title {
        font-size: 28px;
    }

    .pergoly .right-part {
        padding: 0;
    }

    .type-of-montazha .single-type-of-montazh.e4 {
        width: 100%;
        max-width: 350px;
    }

    .markizy .left-part {
        padding: 0;
    }

    .markizy .right-part {
        top: -378px;
    }

    .vnutreniye-solncezaschitniye-sistemy .title {
        font-size: 28px;
    }
}

@media (max-width: 380px) {
    .advantages .single-advantage,
    .advantages .big-single-advantage {
        width: 74% !important;
    }

    .product-types .trend .box .list ul li {
        font-size: 17px;
    }

    .product-types .classic .box .list ul li {
        font-size: 17px;
    }

    .order-gate .order-form-box form {
        width: 78%;
        padding: 0;
    }

    .hormann-panels .types ul li {
        width: 35.5%;
    }

    .type-of-doors .left-part,
    .type-of-doors .right-part {
        max-width: 320px;
    }

    #page .hormann-slider .info-box .str1 {
        font-size: 18px;
    }

    .hormann-akcia-2 .akcia-box .right-part .bottom .image {
        padding: 20px 10px;
    }

    .hormann-akcia-2 .akcia-box .left-part .color-box ul li {
        margin: 4px 3px;
    }

    .energoeffekivnost .left-part,
    .energoeffekivnost .right-part {
        max-width: 300px;
    }

    .energoeffekivnost .left-part .box .title-name,
    .energoeffekivnost .right-part .box .title-name {
        margin-top: 32px;
        line-height: 28px;
    }

    .energoeffekivnost .left-part .box .list ul,
    .energoeffekivnost .right-part .box .list ul {
        margin-top: 14px;
    }

    .zaschitniye-koroba .single-korob .box .images-box .left-image,
    .zaschitniye-koroba .single-korob .box .images-box .right-image {
        display: block;
        margin: 5px 0 15px;
    }

    .zaschitniye-koroba .single-korob .box .summary {
        margin: 10px auto 0;
    }

    .pergoly .title {
        font-size: 27px;
    }

    .varianty-ispolneniya .left-part .title,
    .varianty-ispolneniya .right-part .title {
        font-size: 21px;
    }

    .terrasniye-sistemy-details .container {
        padding: 52px 15px 52px;
    }

    .terrasniye-sistemy-details .terrasniye-sistemy-details-box .left-part .title,
    .terrasniye-sistemy-details
    .terrasniye-sistemy-details-box
    .right-part
    .title {
        font-size: 27px;
    }

    .terrasniye-sistemy-details
    .terrasniye-sistemy-details-box
    .left-part
    .summary-list,
    .terrasniye-sistemy-details
    .terrasniye-sistemy-details-box
    .right-part
    .summary-list {
        padding: 0 0 0 2px;
        text-align: left;
    }

    .vnutreniye-solncezaschitniye-sistemy .title {
        font-size: 27px;
    }

    .terrasniye-sistemy-details
    .terrasniye-sistemy-details-box
    .left-part
    .image
    img,
    .terrasniye-sistemy-details
    .terrasniye-sistemy-details-box
    .right-part
    .image
    img {
        width: 94%;
    }

    .terrasniye-sistemy-details
    .terrasniye-sistemy-details-box
    .left-part
    .summary-list,
    .terrasniye-sistemy-details
    .terrasniye-sistemy-details-box
    .right-part
    .summary-list {
        padding: 0 0 0 12px;
    }

    body.thank-you .thank-you-wrapper .thank-you-box p.str-1 {
        font-size: 34px;
    }

    body.thank-you .thank-you-wrapper .thank-you-box p.str-2 {
        font-size: 15px;
    }
}

@media (max-width: 375px) {
    .hormann-akcia-1 .akcia-box .left-part .color-box ul li {
        margin: 4px;
    }

    .hormann-akcia-2 .akcia-box .right-part .bottom .image {
        padding: 20px 15px;
    }

    .hormann-akcia-2 .akcia-box .right-part .bottom .form-box {
        padding: 12px 15px 10px;
    }

    .series-of-roletniye-vorota .title {
        line-height: 34px;
        margin-bottom: 40px;
    }

    .markizy .left-part {
        bottom: -260px;
    }

    .markizy .right-part {
        top: -410px;
    }

    .terrasniye-sistemy-details
    .terrasniye-sistemy-details-box
    .left-part
    .summary-list,
    .terrasniye-sistemy-details
    .terrasniye-sistemy-details-box
    .right-part
    .summary-list {
        padding: 0 0 0 9px;
    }

    .additional-services .single-service a .box .summary {
        font-size: 14px;
    }
}

@media (max-width: 360px) {
    .advantages .single-advantage,
    .advantages .big-single-advantage {
        width: 77% !important;
    }

    .hormann-panels .types ul li {
        width: 37.5%;
    }

    #page .hormann-slider .info-box .str2 {
        padding: 0 0 20px;
    }

    .hormann-advantages .container {
        padding: 35px 15px 30px;
    }

    .hormann-akcia-1 .akcia-box .left-part .color-box ul li {
        margin: 4px 3px;
    }

    .type-of-doors .left-part,
    .type-of-doors .right-part {
        max-width: 305px;
    }

    .hormann-akcia-2 .akcia-box .left-part .color-box ul li {
        margin: 4px 2px;
    }

    .hormann-akcia-1 .akcia-box .right-part .top button .big {
        font-size: 14px;
    }

    .type-of-profiles .type-of-profiles-slider {
        max-width: 273px;
    }

    .energoeffekivnost .left-part,
    .energoeffekivnost .right-part {
        max-width: 280px;
    }

    .markizy .right-part {
        top: -432px;
    }

    .type-of-montazha .single-type-of-montazh.e4 {
        max-width: 310px;
    }

    .verandi .container {
        padding: 48px 15px 46px;
    }

    .verandi .single-veranda .box {
        width: auto;
    }

    .verandi .single-veranda .box .image {
        width: auto;
    }

    .verandi .single-veranda .box .text {
        padding: 0 5px 0 13px;
    }

    .vnutreniye-solncezaschitniye-sistemy .container {
        padding: 45px 15px 48px;
    }

    .vnutreniye-solncezaschitniye-sistemy .single .box {
        width: auto;
    }

    .vnutreniye-solncezaschitniye-sistemy .single .box .text {
        padding: 0 5px 0 15px;
    }
}

@media (max-width: 320px) {
    #page .hormann-slider .container {
        padding: 28px 15px 38px;
    }

    #page .hormann-slider .info-box .str2 span {
        font-size: 22px;
        font-weight: 600;
        border: 1px solid #fff;
        padding: 3px 8px 1px 7px;
    }

    .advantages .single-advantage,
    .advantages .big-single-advantage {
        width: 90% !important;
    }

    .product-types .trend .box .list ul li {
        font-size: 15px;
    }

    .product-types .classic .box .list ul li {
        font-size: 15px;
    }

    .why-we .single-block {
        width: 100%;
    }

    .work-steps .single-step {
        width: 100%;
    }

    .order-gate .bg-box .str1 {
        font-size: 29px;
        line-height: 38px;
    }

    .order-gate .bg-box .str2 {
        font-size: 15px;
        line-height: 23px;
    }

    .order-gate .order-form-box form {
        width: 94%;
    }

    .additional-services .single-service {
        width: 82%;
    }

    .hormann-advantages .single-advantage {
        max-width: 270px;
    }

    .hormann-panels .types ul li {
        width: 42.5%;
    }

    #page .hormann-slider .info-box .str1 {
        font-size: 17px;
    }

    #page .hormann-slider .info-box .str2 {
        font-size: 15px;
    }

    .hormann-akcia-1 .akcia-box .left-part .color-box ul {
        width: 180px;
        margin: 0 auto;
    }

    .hormann-akcia-1 .akcia-box .left-part .color-box ul li {
        margin: 4px 6px;
    }

    .type-of-doors .left-part,
    .type-of-doors .right-part {
        max-width: 270px;
    }

    .hormann-akcia-2 .akcia-box .left-part .color-box ul {
        width: 180px;
        margin: 0 auto;
    }

    .features-of-rollety .title,
    .energoeffekivnost .title,
    .series-of-roletniye-reshetki .title,
    .series-of-roletniye-vorota .title {
        font-size: 26px;
    }

    .type-of-profiles .type-of-profiles-slider {
        max-width: 230px;
    }

    .series-of-roletniye-reshetki .series-of-roletniye-reshetki-slider {
        max-width: 180px;
    }

    .series-of-roletniye-vorota .series-of-roletniye-vorota-slider {
        max-width: 180px;
    }

    .markizy .left-part {
        bottom: -230px;
    }

    .markizy .right-part {
        top: -512px;
    }

    .varianty-ispolneniya .container {
        padding: 45px 15px 48px;
    }

    .verandi .single-veranda .box .text {
        padding: 0 2px 0 2px;
    }

    .vnutreniye-solncezaschitniye-sistemy .single .box .text {
        padding: 0 2px 0 1px;
    }

    body.thank-you .thank-you-wrapper .thank-you-box {
        padding: 34px 12px 32px;
    }

    body.thank-you .thank-you-wrapper .thank-you-box p.str-1 {
        font-size: 29px;
    }

    body.thank-you .thank-you-wrapper .thank-you-box p.str-2 {
        font-size: 16px;
        margin-bottom: 21px;
    }
}

html.remodal-is-locked {
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none;
}

.remodal,
[data-remodal-id] {
    display: none;
}

.remodal-overlay {
    position: fixed;
    z-index: 101;
    top: -5000px;
    right: -5000px;
    bottom: -5000px;
    left: -5000px;
    display: none;
}

.remodal-wrapper {
    position: fixed;
    z-index: 102;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    overflow: auto;
    text-align: center;
    -webkit-overflow-scrolling: touch;
}

.remodal-wrapper:after {
    display: inline-block;
    height: 100%;
    margin-left: -0.05em;
    content: "";
}

.remodal-overlay,
.remodal-wrapper {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.remodal {
    max-width: 400px;
    position: relative;
    outline: 0;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

.remodal-is-initialized {
    display: inline-block;
}

.remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened {
    -webkit-filter: blur(3px);
    filter: blur(3px);
}

.remodal-overlay {
    background: rgba(43, 46, 56, 0.9);
}

.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing {
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.remodal-overlay.remodal-is-opening {
    -webkit-animation-name: remodal-overlay-opening-keyframes;
    animation-name: remodal-overlay-opening-keyframes;
}

.remodal-overlay.remodal-is-closing {
    -webkit-animation-name: remodal-overlay-closing-keyframes;
    animation-name: remodal-overlay-closing-keyframes;
}

.remodal-wrapper {
    padding: 10px 10px 0;
}

.remodal {
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 10px;
    padding: 35px 35px 32px;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    color: #2b2e38;
    background: #fff;
}

.remodal.remodal-is-opening,
.remodal.remodal-is-closing {
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.remodal.remodal-is-opening {
    -webkit-animation-name: remodal-opening-keyframes;
    animation-name: remodal-opening-keyframes;
}

.remodal.remodal-is-closing {
    -webkit-animation-name: remodal-closing-keyframes;
    animation-name: remodal-closing-keyframes;
}

.remodal,
.remodal-wrapper:after {
    vertical-align: middle;
}

.remodal-close {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    overflow: visible;
    width: 35px;
    height: 35px;
    margin: 0;
    padding: 0;
    cursor: pointer;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
    text-decoration: none;
    color: #95979c;
    border: 0;
    outline: 0;
    background: transparent;
}

.remodal-close:hover,
.remodal-close:focus {
    color: #2b2e38;
}

.remodal-close:before {
    font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
    font-size: 25px;
    line-height: 35px;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 35px;
    content: "\00d7";
    text-align: center;
}

.remodal-confirm,
.remodal-cancel {
    font: inherit;
    display: inline-block;
    overflow: visible;
    min-width: 110px;
    margin: 0;
    padding: 12px 0;
    cursor: pointer;
    -webkit-transition: background 0.2s;
    transition: background 0.2s;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    border: 0;
    border-radius: 0;
    outline: 0;
}

.remodal-confirm {
    color: #fff;
    background: #c01011;
    width: 100%;
    text-transform: uppercase;
}

.remodal-confirm:hover,
.remodal-confirm:focus {
    opacity: 0.8;
}

.remodal-cancel {
    display: none;
    color: #fff;
    background: #ef5350;
    width: 100%;
    margin-top: 12px;
    padding: 16px;
    text-transform: uppercase;
}

.remodal-cancel:hover,
.remodal-cancel:focus {
    background: #e57373;
}

.remodal-confirm::-moz-focus-inner,
.remodal-cancel::-moz-focus-inner,
.remodal-close::-moz-focus-inner {
    padding: 0;
    border: 0;
}

@-webkit-keyframes remodal-opening-keyframes {
    from {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        opacity: 1;
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
        -webkit-filter: blur(0);
        filter: blur(0);
    }
}

@keyframes remodal-opening-keyframes {
    from {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        opacity: 1;
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
        -webkit-filter: blur(0);
        filter: blur(0);
    }
}

@-webkit-keyframes remodal-closing-keyframes {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    to {
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
        opacity: 1;
        -webkit-filter: blur(0);
        filter: blur(0);
    }
}

@keyframes remodal-closing-keyframes {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    to {
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
        opacity: 1;
        -webkit-filter: blur(0);
        filter: blur(0);
    }
}

@-webkit-keyframes remodal-overlay-opening-keyframes {
    from {
        opacity: 1;
    }
    to {
        opacity: 1;
    }
}

@keyframes remodal-overlay-opening-keyframes {
    from {
        opacity: 1;
    }
    to {
        opacity: 1;
    }
}

@-webkit-keyframes remodal-overlay-closing-keyframes {
    from {
        opacity: 1;
    }
    to {
        opacity: 1;
    }
}

@keyframes remodal-overlay-closing-keyframes {
    from {
        opacity: 1;
    }
    to {
        opacity: 1;
    }
}

.lt-ie9 .remodal-overlay {
    background: #2b2e38;
}

.lt-ie9 .remodal {
    width: 400px;
}

.remodal .remodal-title {
    color: #2a2a2a;
    font-size: 21px;
    font-weight: 900;
    line-height: 32px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 20px;
}

.remodal .informational-box {
    display: none;
    color: #403e3e;
    font-size: 16px;
    font-weight: 300;
    line-height: 22px;
}

.remodal .input-box {
    margin: 15px 0;
    position: relative;
}

.remodal .input-box input {
    width: 100%;
    box-sizing: border-box;
    color: #2a2a2a;
    font-size: 14px;
    font-weight: 300;
    border: 1px solid #555;
    border-radius: 0;
    outline: 0;
    background: 0;
    padding: 8px 15px 6px 16px;
    line-height: 2.5;
}

.remodal .input-box input::-webkit-input-placeholder {
    color: #2a2a2a;
}

.remodal .input-box input:-moz-placeholder {
    color: #2a2a2a;
}

.remodal .input-box input::-moz-placeholder {
    color: #2a2a2a;
}

.remodal .input-box input:-ms-input-placeholder {
    color: #2a2a2a;
}

.remodal .input-box input.error {
    padding: 8px 15px 16px 16px;
}

.remodal .input-box label.error {
    display: block;
    background: transparent;
    padding: 4px 0;
    font-size: 14px;
    font-weight: 400;
    color: red;
    position: absolute;
    top: 34px;
    left: 16px;
}

#seoContent p {
    margin-bottom: 1rem;
}

#seoContent + [data-readmore-toggle],
#seoContent[data-readmore] {
    display: block;
    width: 100%;
    overflow: hidden;
    line-height: 1.64;
    color: #929292;
    font-size: 12px;
    padding: 0 22px 2rem;
}

.wpcf7-submit {
    position: relative;
    z-index: 1;
}

.wpcf7-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 0;
}

#page .hero-slider {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

#page .hero-slider .container {
    text-align: center;
    margin: 0 auto;
    padding: 146px 15px 230px;
}

@media (max-width: 870px) {
    #page .hero-slider .container {
        padding: 20px;
    }
}

#page .hero-slider .info-box {
    text-align: center;
    margin-bottom: 12px;
}

#page .hero-slider .info-box p {
    color: #fefefe;
    line-height: 36px;
}

#page .hero-slider .info-box .str1 {
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase;
    padding-bottom: 22px;
}

#page .hero-slider .info-box .str2 {
    font-size: 26px;
    font-weight: 400;
    text-transform: uppercase;
    padding-bottom: 20px;
}

#page .hero-slider .info-box .str2 span {
    font-size: 27px;
    font-weight: 600;
    border: 1px solid #fff;
    padding: 3px 8px 1px 7px;
}

#page .hero-slider .form-box {
    position: relative;
    width: 83%;
    margin: 0 auto;
    border-radius: 10px;
    background-color: #292929;
}

#page .hero-slider .form-box form {
    display: flex;
    overflow: hidden;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
    padding: 10px;
}

#page .hero-slider .form-box form .input-box {
    flex-grow: 1;
    flex-basis: 100%;
    max-width: calc(38% - 20px);
    background-color: #fff;
    border-radius: 5px;
}

#page .hero-slider .form-box form .input-box input {
    width: 100%;
    background: transparent;
    border: 2px solid #fff;
    outline: 0;
    border-radius: 5px;
    box-sizing: border-box;
    color: #5f5e5e;
    font-size: 15px;
    font-weight: 300;
    line-height: 36px;
    padding: 1px 15px 1px 12px;
}

#page .hero-slider .form-box form .input-box input::-webkit-input-placeholder {
    color: #8c8a8a;
}

#page .hero-slider .form-box form .input-box input:-moz-placeholder {
    color: #8c8a8a;
}

#page .hero-slider .form-box form .input-box input::-moz-placeholder {
    color: #8c8a8a;
}

#page .hero-slider .form-box form .input-box input:-ms-input-placeholder {
    color: #8c8a8a;
}

#page .hero-slider .form-box form .submit-box {
    width: 24%;
    float: left;
}

#page .hero-slider .form-box form .submit-box input {
    width: 100%;
    background-color: #c01011;
    border-radius: 5px;
    border: 0;
    outline: 0;
    color: #fff;
    font-size: 15px;
    font-weight: 300;
    cursor: pointer;
}

#page .hero-slider .form-box form .submit-box input:hover {
    opacity: 0.9;
}

#page .hero-slider .form-box .thank-you-box {
    display: none;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    line-height: 23px;
    text-transform: uppercase;
    padding: 29px 20px 24px;
}

.wpcf7-spinner {
    display: none!important;
}

/* Flexible Advantages */
.advantages__container,
.additional-services__container,
.products__container,
.consultation__container {
    display: flex;
    flex-direction: column;
    gap: 20px;
    max-width: 1400px;
    margin: 0 auto;
    padding: 4.5vw 4.5vw 0 4.5vw;
}

.consultation__wrapper {
    background-color: #f6dfe0;
    padding: 2.5em;
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
    gap: 4em;
}

.consultation__header {
    max-width: min(100%, 50em);
}

.advantages__title,
.additional-services__title,
.products__title,
.consultation__title {
    font-size: clamp(1.5rem, .80109375rem + 1.75vw, 2.375rem);
    margin-top: clamp(1.2rem, .640875rem + 1.4vw, 1.9rem);
    font-weight: 900;
    color: #2a2a2a;
}

.advantages__subtitle,
.additional-services__subtitle,
.products__subtitle,
.consultation__subtitle {
    font-size: clamp(1.25rem, .75078125rem + 1.25vw, 1.875rem);
    color: #555555;
}

.advantages__blocks,
.additional-services__list {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
    margin-top: 2vw;
}

.advantages__blocks::after,
.additional-services__list::after {
    content: "";
    flex: 1 1 500px;
}

.products__list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 2vw;
}

.products__list::after {
    content: "";
    flex: 1 1 calc(50% - 20px);
}

.advantages__block,
.additional-services__item {
    display: flex;
    flex-direction: column;
    flex: 1 1 500px;
    padding: 20px;
    gap: 20px;
    text-align: center;
    background: #ffffff;
    outline: 1px solid #f2f2f2;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, .1);
    box-sizing: border-box;
}

.additional-services__item {
    flex-direction: initial;
    gap: initial;
    padding: 0;
}

.products__item {
    display: flex;
    flex-direction: column;
    background: #ffffff;
    outline: 1px solid #f2f2f2;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, .1);
    box-sizing: border-box;
    gap: 20px;
    flex: 1 1 calc(100% - 20px);
}

.products__item-header {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    padding: 2.5em 1.25em 1.25em 1.5em;
}

.products__item-left, .products__item-right {
    flex: 1;
    min-width: min(100%, 10em);
}

.products__item-header > :not(:first-child) {
    flex: 2;
    min-width: min(100%, 20em);
}

.products__item-image img {
    width: 100%;
}

.products__item-name,
.products__item-footer-price {
    font-size: clamp(1.25rem, .75078125rem + 1.25vw, 1.875rem);
    font-weight: bold;
}

.products__item-desc {
    font-size: 16px;
    line-height: 1.5;
    color: #333;
    margin: 10px 0;
}

.products__item-desc ul {
    padding-left: 20px;
    margin: 10px 0;
    list-style-type: disc;
}

.products__item-desc ul li {
    margin-bottom: 5px;
    color: #555;
}

.products__item-desc ul li::marker {
    color: #c01011;
}

.products__item-desc ol {
    padding-left: 20px;
    margin: 10px 0;
    list-style-type: decimal;
}

.products__item-desc ol li {
    margin-bottom: 5px;
    color: #555;
}

.products__item-footer {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    background-color: #f6dfe0;
}

.products__item-footer-left {
    align-content: center;
    flex-grow: 1;
    padding: 20px;
}

.products__item-footer-right {
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: min(30%, 20em);
}

.products__item-footer-price,
.products__item-footer-order {
    display: flex;
    flex-grow: 1;
}

.products__item-footer-button {
    flex-grow: 1;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    border: none;
    cursor: pointer;
    background-color: #c01011;
    color: #ffffff;
    padding: 20px;
    transition: background-color 0.2s;
}

.products__item-footer-button:hover,
.products__item-footer-button:focus {
    background-color: #9e0b0b;
}

.advantages__block-name {
    font-weight: 500;
    color: #000;
    font-size: clamp(1.1rem, .82546875rem + .75vw, 1.2rem);
}

.additional-services__link {
    flex: auto;
    text-decoration: none;
}

.additional-services__name {
    padding: 18px 5px 17px;
    font-weight: 500;
    color: #000;
    font-size: clamp(1.1rem, .82546875rem + .75vw, 1.2rem);
    text-transform: uppercase;
    transition: background-color 0.2s;
}

.additional-services__box:hover .additional-services__name {
    background-color: #c01c1c;
    color: #fff;
    text-decoration: none;
}

.advantages__block-image img,
.additional-services__image img {
    width: 100%;
}

.advantages__block-text {
    font-weight: 300;
    font-size: 1rem;
    color: #2a2a2a;
}

@media screen and (min-width: 40em) {
    .advantages__block,
    .additional-services__item {
        max-width: calc(50% - 1em);
    }
}

@media screen and (min-width: 60em) {
    .advantages__block,
    .additional-services__item {
        max-width: calc(25% - 1em);
    }
}

/* CALCULATOR HERO SECTION */
.disol-hero {
    position: relative;
}

.disol-hero__wrapper {
    position: relative;
    overflow: hidden;
}

.disol-hero__content {
    position: relative;
    z-index: 2;
}

.disol-hero__text {
    position: relative;
    display: flex;
    align-items: flex-end;
    padding: 0 4.5vw;
}

.disol-hero__picture {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
}

.disol-hero__picture img,
.disol-hero__picture video,
.disol-hero__video img,
.disol-hero__video video {
    width: 100%;
    height: 100%;
}

.disol-hero__footer {
    display: block;
    flex-direction: row-reverse;
    padding: 0 4.5vw;
}

.disol-hero__footer .disol-box {
    display: inline-block;
    margin-top: -1px;
    background-color: #992323;
}

.disol-hero__meta {
    padding: 3vw 0;
    max-width: 100%;
    line-height: 1.5;
}

.disol-hero__meta p:first-child {
    margin-top: 0;
}

.disol-hero__meta li {
    list-style: none;
    padding-left: 1.75rem;
    position: relative;
}

.disol-hero__meta li:before {
    content: "";
    background: rgba(0, 0, 0, 0) url("data:image/svg+xml,%3Csvg fill=%27rgba%280, 0, 0, 0.99999%29%27 xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 512 512%27%3E%3Cpath d=%27M435.848 83.466L172.804 346.51l-96.652-96.652c-4.686-4.686-12.284-4.686-16.971 0l-28.284 28.284c-4.686 4.686-4.686 12.284 0 16.971l133.421 133.421c4.686 4.686 12.284 4.686 16.971 0l299.813-299.813c4.686-4.686 4.686-12.284 0-16.971l-28.284-28.284c-4.686-4.686-12.284-4.686-16.97 0z%27/%3E%3C/svg%3E") no-repeat left center;
    background-size: contain;
    min-width: 0.9375rem;
    min-height: 0.9375rem;
    width: 0.9375rem;
    height: 0.9375rem;
    margin: 0.375rem 0.9375rem 0 0;
    position: absolute;
    left: 0;
}

.disol-hero__logo img {
    max-width: 16.875rem;
    max-height: 4rem;
    min-height: 2.5rem;
    width: auto;
}

.disol-hero__buttons .c-btn {
    background-color: rgba(0, 0, 0, 0);
}

@media only screen and (min-width: 0.0625em) and (max-width: 39.9375em) {
    .disol-hero__text {
        padding: 0;
    }

    .disol-hero__footer {
        padding: 0;
    }

    .disol-hero__meta {
        padding-left: 4.5vw;
        padding-right: 4.5vw;
    }
}

@media only screen and (min-width: 0.0625em) and (max-width: 63.9375em) {
    .disol-hero__image {
        padding-top: 41.3793103448%;
        position: relative;
        overflow: hidden;
    }
}

@media only screen and (min-width: 40em) and (max-width: 63.9375em) {
    .disol-hero__text {
        margin-top: -3.125rem;
    }
}

@media only screen and (min-width: 48em) and (max-width: 63.9375em) {
    .disol-hero__meta {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }

    .disol-hero__meta li {
        margin-right: 1.875rem;
    }
}

@media only screen and (min-width: 64em) {
    .disol-hero__wrapper--full {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        min-height: 37.5vw;
    }

    .disol-hero__inside {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
    }

    .disol-hero__footer {
        display: flex;
    }

    .disol-hero__meta {
        max-width: calc(100% - 475px);
        flex: 0 1 100%;
    }
}

@media only screen and (min-width: 68.8125em) {
    .disol-hero__meta {
        max-width: calc(100% - 600px);
    }
}

@media only screen and (min-width: 80em) {
    .disol-hero__logo img {
        max-width: 21.875rem;
        max-height: 5rem;
        min-height: 3.125rem;
    }
}

@media only screen and (min-width: 90em) {
    .disol-hero__wrapper--full {
        min-height: 35vw;
    }

    .disol-hero__meta {
        max-width: calc(100% - 755px);
    }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .disol-hero__wrapper {
        min-height: 0 !important;
    }
}

.disol-box {
    background-color: #f6dfe0;
    color: #242424;
    width: 100%;
    position: relative;
    z-index: 1;
}

.disol-box__inside {
    padding: 1.875rem;
    position: relative;
}

.disol-box--dealer .disol-box__inside {
    padding-top: 3.75rem;
}

.disol-box__subheadline {
    margin-bottom: 0;
}

.disol-headline-light {
    font-size: clamp(1.875rem, .97640625rem + 2.25vw, 3rem);
    font-weight: 300;
}

.disol-box__headline span {
    font-weight: 700;
}

.disol-box__headline img {
    width: 4.6875rem;
    height: auto;
}

.disol-box__headline [class*="a-"] {
    flex: 0 1 100%;
    margin-bottom: 0;
}

.disol-box__cta {
    color: #fff;
    line-height: 1.25;
    font-weight: 700;
    font-size: clamp(1.25rem, 0.75078125rem + 1.25vw, 1.875rem);
    margin-top: 0;
    margin-bottom: clamp(.9rem, .660375rem + .6vw, 1.2rem);
}

.disol-box__cta span {
    font-weight: 700;
}

.disol-headline-sub {
    margin-bottom: clamp(1rem, 0.600625rem + 1vw, 1.5rem);
    font-size: clamp(1.25rem, .75078125rem + 1.25vw, 1.875rem);
    margin-top: clamp(1rem, .600625rem + 1vw, 1.5rem);
}

.disol-box__cta-simple {
    margin-right: 0.625rem;
    margin-bottom: 0.625rem;
    font-size: clamp(1.05rem, 0.75078125rem + 1.25vw, 1.275rem);
}

.disol-box__cta-red {
    color: #ffffff;
    font-weight: 900 !important;
    display: block;
    white-space: nowrap;
}

@media only screen and (min-width: 40em) {
    .disol-box__headline {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
    }
}

@media only screen and (min-width: 48em) {
    .disol-box--dealer .disol-box__inside {
        padding-top: 1.875rem;
        padding-right: 8.75rem;
    }

    .disol-box__headline img {
        width: 6.25rem;
        height: auto;
    }
}

@media only screen and (min-width: 64em) {
    .disol-box {
        margin-left: auto;
        max-width: 29.6875rem;
    }

    .disol-box__inside {
        padding: 3vw;
    }

    .disol-box--dealer .disol-box__inside {
        padding-right: calc(3vw + 110px);
    }

    .disol-box__headline img {
        width: 9.375rem;
        height: auto;
    }
}

@media only screen and (min-width: 68.8125em) {
    .disol-box {
        max-width: 37.5rem;
    }
}

@media only screen and (min-width: 90em) {
    .disol-box {
        max-width: 47.1875rem;
    }

    .disol-box--dealer .disol-box__inside {
        padding-right: calc(3vw + 150px);
    }
}

.c-btn {
    display: inline-flex;
    border: 1px solid #003a7d;
    font-size: .875rem;
    justify-content: center;
    align-items: center;
    position: relative;
    -webkit-text-decoration: none;
    text-decoration: none;
    text-align: left;
    text-transform: uppercase;
    line-height: 1.5;
    font-weight: 700;
    color: #fff;
    margin: 0;
    padding: .3125rem 1rem;
    vertical-align: middle;
    overflow: hidden;
    background-color: #c01011;
    min-width: 3rem;
    min-height: 3rem;
    height: 3rem;
    transition: none;
    cursor: pointer
}

.c-btn:hover,
.c-btn:active,
.c-btn:focus {
    transition: all 300ms ease-in-out;
    color: #fff;
    background-color: #c01011
}

.c-btn .c-icon {
    transition: none
}

.c-btn .c-btn__label {
    line-height: 1.25
}

.c-btn .c-btn__label + .c-btn__icon {
    margin-left: .625rem
}

.c-btn .c-btn__icon + .c-btn__label {
    margin-left: .625rem
}

.c-btn--secondary {
    color: #ffffff;
    background-color: #c01011;
    border-color: #c01011
}

.c-btn--secondary:hover,
.c-btn--secondary:active,
.c-btn--secondary:focus {
    opacity: 0.9;
}

/* Основной стиль для формы */
.consultation__form {
    padding-bottom: 3.5vw;
}

.consultation__form .wpcf7-form {
    display: flex;
    flex-wrap: wrap;
    gap: 1.25em;
    justify-content: center;
}

/* Стиль для поля ввода телефона */
.consultation__tel {

}

/* Стиль для поля ввода */
.consultation__tel input {
    padding: 20px 40px;
    border: 1px solid #ededed;
    font-size: 18px;
    transition: border-color 0.3s ease;
    box-sizing: border-box;
    width: 100%;
}

/* Стиль для фокуса на поле ввода */
.consultation__tel input:focus {
    border-color: #9e0b0b; /* Цвет при фокусе */
    outline: none;
}

/* Стиль для кнопки отправки */
.consultation__submit {
    padding: 20px 40px;
    background-color: #c01011;
    color: #fff;
    font-size: 18px;
    border: none;
    cursor: pointer;
    transition: background-color 0.3s ease;
    text-transform: uppercase;
}

/* Стиль для кнопки при наведении */
.consultation__submit:hover {
    background-color: #9e0b0b;
}

/* Мобильная версия (когда ширина экрана меньше 768px) */
@media (max-width: 768px) {
    .consultation__wrapper {
        gap: 2em;
    }
    .consultation__form {
        flex-direction: column;
    }

    .consultation__tel,
    .consultation__submit {
        width: 100%;
    }

    .consultation__wrapper {
        padding: 1.25em;
    }
}

.swal2-container {
    z-index: 103;
}