@charset "utf-8";

/*
@media only screen and (max-width: 767px) {}
@media only screen and (min-width: 768px) {}
*/


@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fABc4EsA.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}


@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}


html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

body {
    line-height: 1
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

a {
    text-decoration: none
}

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

*,
:after,
:before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}

button,
input {
    padding: 0;
    margin: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    box-shadow: none;
    text-shadow: none;
    border: none;
    border-radius: 0
}

button,
[type='button'],
[type='reset'],
[type='submit'] {
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

textarea {
    resize: none;
    overflow-y: auto;
    overflow-x: hidden;
}

button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
    padding: 0;
    border: none;
}

button:-moz-focusring,
[type='button']:-moz-focusring,
[type='reset']:-moz-focusring,
[type='submit']:-moz-focusring {
    outline: none;
}

[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
    height: auto;
}

[type='search'] {
    outline: none;
}

[type='search']::-webkit-search-decoration {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

::-webkit-file-upload-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font: inherit;
}

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

legend {
    padding: 0;
    display: block;
    white-space: normal;
}

button:active,
input:active,
button:focus,
input:focus,
button:hover,
input:hover {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    box-shadow: none;
    text-shadow: none;
    border: none;
    border-radius: 0
}

img {
    padding: 0;
    margin: 0;
    outline: none;
    border: none;
		height: auto; /* ! */
}

picture, source {
  display: contents;
}


body {
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 0;
    width: 100%;
    min-height: 100%;
    height: auto;
    font-size: 16px;
    line-height: 1.5;
    color: #000;
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    -webkit-font-feature-settings: 'liga', 'kern';
    -moz-font-feature-settings: 'liga', 'kern'
}

.align-center {
    align-items: center;
}
.justify-center {
	justify-content: center;
}

.absolute {
    position: absolute;
}

svg {
    fill: currentColor;
}

.t--small {
    font-size: 14px;
}

.visually-hidden {
    position: absolute;
    z-index: -1;
    width: 0;
    height: 0;
    padding: 0;
    margin: 0;
    border: none;
    overflow: hidden;
}

.img-lazy {
    position: relative;
    width: 100%;
    max-height: 100%;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.img-lazy::before {
    content: "";
    width: 100%;
    display: block;
    padding-top: 60%;
    /* background-color: #f2f2f2; */
    max-height: 100%;
}

.img-lazy::after {
    z-index: 1;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    margin-top: -25px;
    margin-left: -25px;
    border-radius: 100%;
    animation: load 0.8s infinite linear;
    border: 6px solid rgba(99, 99, 99, 0.4);
    border-top: 6px solid rgba(255, 255, 255, 0.6);
}

@keyframes load {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(359deg);
    }
}

.body-no-scroll {
    overflow: hidden
}

.page-wrapper {
    display: block;
    width: 100%;
    min-width: 320px;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
    position: relative
}

.page-h1 {
    display: block;
    width: 100%;
    height: auto;
    padding: 0 0 30px;
    font-size: 36px;
    font-weight: 700;
    font-style: normal;
    line-height: 1;
    color: #000;
    letter-spacing: normal;
    text-align: center;
}
.page-h1-notation {
	display:block;
	width:100%;
	height: auto;
    padding: 0 0 30px;
    font-size: 24px;
    font-weight: 700;
    font-style: normal;
    line-height: 1;
    color: #000;
    letter-spacing: normal;
    text-align: center;
}
.page-h2 {
    display: block;
    width: 100%;
    max-width: 920px;
    height: auto;
    margin: 0 auto;
    padding: 0 0 30px;
    font-size: 36px;
    font-weight: 700;
    font-style: normal;
    line-height: 1;
    color: #000;
    text-align: center;
    letter-spacing: normal
}
.page-h2 .link-button {
	font-size: 12pt;
}
.main-h1 {
    max-width: 860px;
    margin: 0 auto;
}

@media (max-width: 767px) {
    .page-h2 {
        font-size: 24px
    }
    .page-h1 {
        font-size: 26px;
    }
}

.page-text,
.feedback-item {
    display: block;
    width: 100%;
    height: auto;
    padding: 0 0 24px;
    font-weight: 300;
    font-style: normal;
    line-height: 1.5;
    color: #000;
    text-align: justify;
    letter-spacing: normal
}

.page-link {
    font-weight: 400;
    line-height: 20px;
    color: #0078ca;
}

.page-link:hover {
    color: #015690;
}

span.regular-text {
    display: inline;
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    font-weight: 400
}

.color-light {
    color: #777;
}

span.bold-text {
    display: inline;
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    font-weight: 700
}

.feedback-item {
    border-bottom: 1px solid #c1c1c1;
    padding-bottom: 5px;
    margin-bottom: 20px;
}

.feedback__name {
    font-weight: bold;
    margin-bottom: 10px;
}

.feedback__body p {
    text-indent: 20px;
}

.page-subtitle {
    display: block;
    width: 100%;
    height: auto;
    padding: 0;
    font-weight: 400;
    font-style: normal;
    line-height: 1.5;
    color: #000;
    text-align: left;
    letter-spacing: normal
}

ul.unordered-list {
    display: block;
    width: 100%;
    height: auto;
    padding: 0 0 0 15px;
    list-style: none
}

ul.unordered-list li {
    display: list-item;
    list-style: none;
    margin: 0;
    padding: 0;
    font-weight: 300;
    line-height: 1.75;
    color: #000;
    text-align: left;
    letter-spacing: normal;
    font-style: normal
}

ul.unordered-list li::before {
    content: '\000BB';
    padding: 0 15px 0 0
}
ul.unordered-list li.no-before:before {
    display:none;
}

ul.square-list {
    display: block;
    width: 100%;
    height: auto;
    padding: 0 0 0 15px;
}

ul.square-list li {
    display: list-item;
    list-style: square;
    margin: 0;
    padding: 0;
    font-size: 20px;
    color: rgb(0, 120, 202);
    text-align: left;
    letter-spacing: normal;
    font-style: normal
}

ul.square-list li p {
    padding: 0 0 5px;
}

.text-block-with-four-photos {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    height: auto;
    margin: 0 0 20px
}

.text-block-with-four-photos_reverse {
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

@media (max-width: 767px) {
    .text-block-with-four-photos {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .text-block-with-four-photos_reverse .four-photos-block_small {
        order: -1;
        margin-bottom: 20px !important;
    }
}

.text-block-with-four-photos__text {
    display: block;
    width: auto;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    height: auto;
    margin: 0;
    padding: 0
}

@media (min-width: 768px) {
    .text-block-with-four-photos_reverse .text-block-with-four-photos__text {
        margin: 0 0 0 20px;
    }
}

@media (min-width: 980px) {
    .text-block-with-four-photos__text_big {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
    }
}

@media (max-width: 767px) {
    .text-block-with-four-photos__text,
    .text-block-with-four-photos__text_big {
        width: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin: 0 0 20px
    }
}

.header {
    display: block;
    width: 100%;
    /* height: 166px */
}
@media (max-width: 767px) {
    .header { height: auto; }
}

.header-top-block-container {
    display: block;
    width: 100%;
    /* height: 127px; */
    background-color: #fff
}
@media (max-width: 767px) {
    .header-top-block-container { height: auto; }
}

.header-top-block {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    max-width: 1280px;
    min-width: 320px;
    /* height: 127px; */
    margin: 0 auto;
    padding: 20px 8px;
    position: relative;
    background-color: #fff
}

@media (max-width: 767px) {
	.header-top-block {
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
			-ms-flex-flow: row wrap;
			flex-flow: row wrap;
			-ms-flex-align: center;
			align-items: center;
			-ms-flex-line-pack: center;
			align-content: center;
			-ms-flex-pack: center;
			justify-content: center;
			-ms-flex-direction: column;
			flex-direction: column;
			row-gap: 22px;
			padding-bottom: 0;
	}
	.header-top-block .header-contacts-block {
		padding: 0 8px;
		margin-top: 6px;
		margin-inline: -8px;
		width: calc(100% + 32px);
	}
	.header-top-block .header-contacts-block__address,
	.header-top-block .header-contacts-block__work-hours {
		display: none;
	}
	.header-top-block .header-contacts-block__telephone-and-button-container {
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
		column-gap: 12px;
		justify-content: space-between;
		padding-block: 10px;
		padding-inline: 13px 5px;
		background: #f0f5f8;
	}
	.header-top-block .header-contacts-block__telephone {
		flex-basis: auto;
		padding: 0;
		height: auto;
		font-size: 19px;
		text-align: left;
	}
	.header-top-block .header-contacts-block__telephone span {
		font-size: 22px;
		font-weight: 500;
	}
	.header-top-block .call-request-button {
		flex-grow: 1;
		max-width: 200px;
		height: 32px;
		line-height: 32px;
		white-space: nowrap;
		min-width: auto;
	}
}

.header__in { display: contents; }
.header__info { display: none; }
@media only screen and (max-width: 767px) {
	.header__in { 
		display: flex; 
		align-items: center;
		column-gap: 28px;
		width: 100%;
	}
	.header__in .logo_header {
		flex-grow: 1;
		margin: 0 0 0 2px;
		/* max-width: 192px; */
		max-width: 252px;
		width: calc(100% * 192 / 344);
		min-width: 0;
		transform: translateY(-4px);
	}
	.header__info { 
		display: block; 
		color: #505050;
		font-size: 11px;
		line-height: 1.2;
	}
	.header__info p:not(:first-child) { margin-top: 9px; }
}

.header__btns { display: contents; }
.header__btn span:last-child { display: none; }	
@media only screen and (max-width: 767px) {
	.header__btns { 
		order: -1;
		display: flex; 
		column-gap: 10px;
		width: 100%;
		padding-inline: 2px;
	}
	/* 2 classes to increase specifiсity*/
	.header__btns .header__btn {
		flex: 1 1 100%;
		margin: 0;
		width: auto;	
		height: auto;
		padding: 7px 0;
		font-size: 12px;
		line-height: 1.5;
		height: auto;
		text-transform: uppercase;		
	}
	.header__btn span:first-child { display: none; }
	.header__btn span:last-child { display: inline; }
}

.logo {
    display: block;
    height: auto;
    margin: 0 10px 0 0
}

.logo img {
    display: block;
    width: 100%;
    height: auto
}

.logo_header {
    max-width: 252px;
    min-width: 200px
}

@media (min-width: 768px) and (max-width: 1023px) {
    .logo_header {
        max-width: 170px;
        min-width: auto
    }
}

@media (max-width: 767px) {
    .logo_header {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin: 20px auto
    }
}

.logo_footer {
    max-width: 166px;
    min-width: 122px
}

@media (min-width: 1024px) and (max-width: 1200px) {
    .logo_footer {
        max-width: 130px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .logo_footer {
        max-width: 100px;
        min-width: auto
    }
}

@media (max-width: 767px) {
    .logo_footer {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin: 20px auto
    }
}

.header-contacts-block {
    display: block;
    width: auto;
    height: auto;
    text-align: right
}

@media (max-width: 767px) {
    .header-contacts-block {
        width: 100%;
        text-align: center;
        padding: 10px 0
    }
}

.header-contacts-block__address {
    display: block;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0 0 10px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    text-align: inherit;
    color: #000
}

@media (min-width: 768px) and (max-width: 1023px) {
    .header-contacts-block__address {
        font-size: 12px
    }
}

@media (max-width: 767px) {
    .header-contacts-block__address {
        font-size: 12px;
        padding: 10px 0
    }
}

.footer .header-contacts-block__address {
    color: #fff
}

.header-contacts-block__telephone-and-button-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0
}

@media (min-width: 768px) and (max-width: 1023px) {
    .header-contacts-block__telephone-and-button-container {
        /* height: 48px; */
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-flow: column wrap;
        flex-flow: column wrap;
        -ms-flex-align: end;
        align-items: flex-end;
        -ms-flex-line-pack: end;
        align-content: flex-end;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media (max-width: 767px) {
    .header-contacts-block__telephone-and-button-container {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.header-contacts-block__telephone {
    display: block;
    width: auto;
    height: 36px;
    margin: 0;
    padding: 6px 10px;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    text-align: inherit;
    color: #000
}

@media (min-width: 768px) and (max-width: 1023px) {
    .header-contacts-block__telephone {
        height: auto;
        padding: 0 10px 5px 2px;
    }
}

@media (max-width: 767px) {
    .header-contacts-block__telephone {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        padding: 0 0 10px
    }
}

@media (min-width: 1024px) and (max-width: 1200px) {
    .footer .header-contacts-block__telephone {
        font-size: 18px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .footer .header-contacts-block__telephone {
        height: 24px;
        font-size: 12px;
        line-height: 12px
    }
}

.footer .header-contacts-block__telephone {
    color: #fff
}

.header-contacts-block__telephone span {
    font-family: inherit;
    font-size: 24px;
    font-weight: 700;
    line-height: 24px;
    text-align: inherit;
    color: #000
}

@media (min-width: 768px) and (max-width: 1023px) {
    .header-contacts-block__telephone span {
        font-size: 20px
    }
}

@media (min-width: 1024px) and (max-width: 1200px) {
    .footer .header-contacts-block__telephone span {
        font-size: 20px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .footer .header-contacts-block__telephone span {
        font-size: 14px
    }
}

.footer .header-contacts-block__telephone span {
    color: #fff
}

.header-contacts-block__email {
    display: block;
    width: auto;
    height: 36px;
    margin: 0;
    padding: 6px 10px 6px 30px;
    background: transparent url("../img/footer/mail-icon.png");
    background-repeat: no-repeat;
    background-position: 5px 50%;
    background-size: 20px;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    text-align: inherit;
    color: #fff
}

.header-contacts-block__email:hover,
.header-contacts-block__email:focus {
    color: #fff
}

.header-contacts-block__email:visited {
    color: #fff
}

.header-contacts-block__email:visited:hover,
.header-contacts-block__email:visited:focus {
    color: #fff
}

@media (min-width: 768px) and (max-width: 1023px) {
    .header-contacts-block__email {
        height: 24px;
        font-size: 12px;
        line-height: 12px;
        padding: 6px 6px 6px 22px;
        background-position: 0 50%;
        background-size: 16px
    }
}

.header-contacts-block__work-hours {
    display: block;
    width: auto;
    height: auto;
    margin: 0;
    padding: 10px 0 0;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    text-align: inherit;
    color: #000
}

.footer .header-contacts-block__work-hours {
    color: #fff
}

.header-navigation-container {
    display: block;
    width: 100%;
    height: 39px;
    background-color: #0078ca;
    position: relative
}
@media (max-width: 767px) {
	.header-navigation-container { height: 35px; }
}

input.mobile-nav-input { display: none; }

label.mobile-nav-label { display: none; }
@media (max-width: 767px) {
    label.mobile-nav-label {
        display: block;
				float:right;
        width: calc(100% - 206px);
        height: 35px;
				padding-left: 12px;
        /* width: 49px; */
        /* margin: 0; */
        /* padding: 0; */
        /* background-color: #000; */
				line-height: 35px;
				color: #fff;
        background-image: url("../img/header/hamburger-icon.png");
        background-repeat: no-repeat;
        background-size: 16px;
        /* background-position: 50% 50%; */
        background-position: right 14px top 50%;
    }
}
.header-navigation-container > .header-navigation__main-item {
	display:none;
}

@media (max-width: 767px) {
    input.mobile-nav-input:checked + label {
        background-color: #f00
    }
	input.header-navigation__input:checked + label {
        background-color: #f00
    }
	input.header-navigation__input:checked ~ .header-navigation__all-services-menu {
        display:block;
		/* z-index: 99999; */
		z-index: 9;
		position: absolute;
    }
	.header-navigation > .header-navigation__main-item[for="all-services-menu"] {
		display: none;
	}
	.header-navigation-container > .header-navigation__main-item {
		display:block;
	}
}

.header-navigation {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    max-width: 1280px;
    height: 39px;
    margin: 0 auto;
    padding: 0;
    background-color: #0078ca;
    /*transition: all 0.25s ease*/
}

@media (max-width: 767px) {
    .header-navigation {
        display: block;
        width: 224px;
        height: auto;
        max-height: 0;
        overflow: hidden;
        position: absolute;
        /* top: 39px; */
        top: 100%;
        right: 0;
        /* z-index: 9999; */
        z-index: 9;
        /*transition: all 0.25s ease*/
    }
}

@media (max-width: 767px) {
    input.mobile-nav-input:checked~.header-navigation {
        max-height: 9999px;
        /*transition: all 0.25s ease*/
    }
}

input.header-navigation__input {
    display: none
}

label.header-navigation__main-item {
    display: block;
    width: 224px;
    height: 39px;
    margin: 0;
    padding: 0 6px;
    font-weight: 400;
    line-height: 39px;
    text-align: center;
    color: #fff;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background: url("../img/header/hamburger-icon.png") no-repeat 20px 50%, url("../img/header/menu-dropdown-arrow.png") no-repeat 95% 50%;
    background-size: 16px, 9px;
    background-color: #269ae8;
    background-color: #e2017b;
    cursor: pointer
}

@media (min-width: 768px) and (max-width: 1023px) {
    label.header-navigation__main-item {
        width: 160px;
        padding: 0;
        font-size: 12px;
        background: url("../img/header/hamburger-icon.png") no-repeat 6px 50%, url("../img/header/menu-dropdown-arrow.png") no-repeat 95% 50%;
        background-size: 16px, 9px;
        background-color: #e2017b
    }
}

@media (max-width: 767px) {
    label.header-navigation__main-item {
				width: 206px;
				padding-left: 12px;
				height: 35px;
				line-height: 35px;
        text-align: left;
        background: url("../img/header/menu-dropdown-arrow.png");
        background-repeat: no-repeat;
        background-position: 95% 50%;
        background-size: 9px;
        background-color: #e2017b
    }
}

.header-navigation__all-services-menu {
    display: block;
    width: 224px;
    height: auto;
    max-height: 0;
    background-color: #0078ca;
    position: absolute;
    /* top: 39px; */
    top: 100%;
    left: calc(50% - 640px);
    /* z-index: 9998; */
    z-index: 9;
    overflow: hidden
}

@media (max-width: 1280px) {
    .header-navigation__all-services-menu {
        left: 0
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .header-navigation__all-services-menu {
        width: 160px
    }
}

@media (max-width: 767px) {
    .header-navigation__all-services-menu {
        position: static
    }
}

input.header-navigation__input:checked~.header-navigation__all-services-menu {
    max-height: 9999px
}

/* a.header-navigation__all-services-menu-link { */
.header-navigation__all-services-menu-link {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 10px 6px 10px 8px;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    text-align: left;
    color: #fff;
    background-color: #0078ca
}

a.header-navigation__all-services-menu-link:hover,
a.header-navigation__all-services-menu-link:focus {
    background-color: #269ae8
}

@media (min-width: 768px) and (max-width: 1023px) {
    /* a.header-navigation__all-services-menu-link { */
    .header-navigation__all-services-menu-link {
        font-size: 12px;
        line-height: 18px
    }
}

@media (max-width: 767px) {
    /* a.header-navigation__all-services-menu-link { */
    .header-navigation__all-services-menu-link {
        padding: 6px 6px 6px 14px;
        font-size: 12px;
        line-height: 18px
    }
}

a.header-navigation__all-services-menu-sublink {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 10px 8px 10px 20px;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    text-align: left;
    color: #fff;
    background-color: #0078ca
}

a.header-navigation__all-services-menu-sublink:hover,
a.header-navigation__all-services-menu-sublink:focus {
    background-color: #269ae8
}

@media (min-width: 768px) and (max-width: 1023px) {
    a.header-navigation__all-services-menu-sublink {
        font-size: 11px;
        line-height: 18px
    }
}

@media (max-width: 767px) {
    a.header-navigation__all-services-menu-sublink {
        /* padding: 6px 6px 6px 14px; */
        padding: 6px 6px 6px 27px;
        font-size: 11px;
        line-height: 18px
    }
}

.header-navigation__item {
    display: block;
    width: auto;
    height: 39px;
    margin: 0;
    padding: 0 6px;
    font-weight: 400;
    line-height: 39px;
    text-align: center;
    color: #fff;
    background-color: transparent;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1
}

.header-navigation__item:hover,
.header-navigation__item:focus {
    background-color: #269ae8
}

@media (min-width: 768px) and (max-width: 1023px) {
    .header-navigation__item {
        font-size: 12px
    }
}

@media (max-width: 767px) {
    .header-navigation__item {
        text-align: left;
        padding: 0 12px
    }
}

.header-navigation__item_active {
    text-decoration: underline
}

.footer {
    display: block;
    width: 100%;
    height: auto;
    min-height: 246px;
    background-color: transparent
}

.footer-top-block-container {
    display: block;
    width: 100%;
    height: 39px;
    background-color: #0078ca
}

@media (max-width: 767px) {
    .footer-top-block-container {
        height: auto
    }
}

.footer-top-block {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    width: 100%;
    max-width: 1280px;
    min-width: 320px;
    margin: 0 auto;
    padding: 0 8px
}

@media (max-width: 767px) {
    .footer-top-block {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 8px
    }
}

.footer-top-block__link {
    display: inline-block;
    width: auto;
    height: 39px;
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 39px;
    text-align: center;
    color: #fff;
    cursor: pointer
}

.footer-top-block__link:hover,
.footer-top-block__link:focus {
    border-bottom: 6px solid #269ae8
}

@media (min-width: 768px) and (max-width: 1023px) {
    .footer-top-block__link {
        font-size: 10px
    }
}

@media (max-width: 767px) {
    .footer-top-block__link {
        display: block;
        width: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        height: 24px;
        margin: 0 auto;
        font-size: 10px;
        line-height: 24px
    }
    .footer-top-block__link:hover,
    .footer-top-block__link:focus {
        border-bottom: none
    }
}

.footer-top-block_link_active {
    border-bottom: 6px solid #fff
}

.footer-top-block_link_active:hover,
.footer-top-block_link_active:focus {
    border-bottom: 6px solid #fff
}

@media (max-width: 767px) {
    .footer-top-block_link_active {
        background-color: #269ae8;
        border: none
    }
}

.footer-middle-block-container {
    display: block;
    width: 100%;
    height: 135px;
    background-color: #333
}

@media (max-width: 767px) {
    .footer-middle-block-container {
			height: auto
    }
    .footer-middle-block-container .calc-request-button {
			margin-left: 0;
		}
}

.footer-middle-block {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    max-width: 1280px;
    min-width: 320px;
    height: 135px;
    margin: 0 auto;
    padding: 0 8px;
    position: relative;
    background-color: #333
}

@media (max-width: 767px) {
    .footer-middle-block {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -ms-flex-pack: center;
        justify-content: center;
        height: auto;
        padding: 10px 8px
    }
}

.order-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
}

.order-item img {
    /* padding-right: 15px; */
    margin-right: 15px;
}

.suppliers-portal-link {
	text-align:center;
    display: block;
    width: 130px;
    min-width: 60px;
    /* height: 105px; */
    margin: 0 auto;
    /*background: transparent url("../img/footer/suppliers-portal.png");*/
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -ms-flex-positive: 0;
    flex-grow: 0
}
.suppliers-portal-link img {
    max-width: 100%;
    /* max-height: 100%; */
		height: auto;
}
@media (min-width: 1024px) and (max-width: 1200px) {
    .suppliers-portal-link {
        width: 90px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .suppliers-portal-link {
        width: 90px
    }
}

@media (max-width: 767px) {
    .suppliers-portal-link {
        /* -ms-flex-preferred-size: 100%; */
        /* flex-basis: 100%; */
        margin: 15px auto 0
    }
}

.footer-bottom-block-container {
    display: block;
    width: 100%;
    height: auto;
    min-height: 72px;
    background-color: #fff
}

.footer-bottom-block {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    max-width: 1280px;
    min-width: 320px;
    height: auto;
    min-height: 72px;
    margin: 0 auto;
    padding: 20px 8px 0;
    background-color: #fff
}

@media (max-width: 767px) {
    .footer-bottom-block {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.footer-copyright {
    display: block;
    width: auto;
    margin: 0 0 20px;
    font-size: 12px;
    font-weight: 300;
    line-height: 16px;
    text-align: left;
    color: #929292;
    -ms-flex-negative: 1;
    flex-shrink: 1
}

@media (min-width: 768px) and (max-width: 1023px) {
    .footer-copyright {
        font-size: 10px
    }
}

@media (max-width: 767px) {
    .footer-copyright {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
}

.member-area-link {
    display: block;
    width: 340px;
    height: 32px;
    margin: 0 0 20px;
    padding: 0 0 0 40px;
    background: transparent url("../img/footer/member-icon.png");
    background-repeat: no-repeat;
    background-size: 32px;
    background-position: 0 50%;
    font-size: 14px;
    font-weight: 400;
    line-height: 32px;
    text-align: left;
    color: #44b82c
}

.member-area-link:hover,
.member-area-link:focus {
    text-decoration: underline
}

@media (min-width: 768px) and (max-width: 1023px) {
    .member-area-link {
        width: 300px;
        padding: 0 0 0 30px;
        background-size: 24px;
        font-size: 12px
    }
}

@media (max-width: 767px) {
    .member-area-link {
        width: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        font-size: 12px
    }
}

.main {
    display: block;
    width: 100%;
    min-width: 320px;
    height: auto;
    margin: 0;
    padding: 0;
    background-color: transparent;
    position: relative;
    overflow: hidden
}

.breadcrumbs {
    display: block;
    width: 100%;
    min-width: 320px;
    max-width: 1280px;
    height: auto;
    min-height: 65px;
    margin: 0 auto;
    padding: 30px 8px;
}

.breadcrumbs ul {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0
}

.breadcrumbs ul li {
    display: inline-block;
    font-weight: 400;
    line-height: 20px;
    color: #0078ca;
    text-align: left
}

.breadcrumbs ul li::before {
    display: inline-block;
    content: "\02044\000A0";
    margin: 0;
    padding: 0 5px;
    font-family: sans-serif;
    line-height: 20px;
    color: #0078ca
}

@media (max-width: 767px) {
    .breadcrumbs {
        padding: 15px 8px;
    }
    .breadcrumbs ul li {
        font-size: 12px
    }
    .breadcrumbs ul li::before {
        font-size: 13px
    }
}

.breadcrumbs ul li:first-child::before {
    display: none
}

.breadcrumbs ul li a {
    display: inline-block;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
    text-decoration: inherit;
    text-align: inherit
}

.breadcrumbs ul li a:hover,
.breadcrumbs ul li a:active,
.breadcrumbs ul li a:focus {
    border-bottom: none
}

.breadcrumbs ul li:last-child a {
    border-bottom: none;
    pointer-events: none
}

.index-page-first-screen {
    display: block;
    width: 100%;
    height: 526px;
    position: relative;
    /* background: #269ae8 url("../img/page/index-page-first-screen-image.jpg"); */
    background-color: #269ae8;
		/* for inline bgs */
    background-repeat: no-repeat;
    background-position: 50% 0%;
    background-size: cover
}
.index-page-first-screen__i {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
@media (max-width: 767px) {
	.index-page-first-screen {
		height: 300px;
		/* background-image: url('../img/page/index-page-first-screen-image-mobile.jpg');*/
	}
}

.index-page-first-screen__bottom-line {
    display: block;
    width: 100%;
    height: 124px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #f0f5f8
}

.key-features-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    max-width: 1280px;
    min-width: 320px;
    height: 124px;
    margin: 0 auto;
    padding: 0 8px
}

@media (min-width: 768px) and (max-width: 1023px) {
    .key-features-container {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }
}

@media (max-width: 767px) {
    .key-features-container {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        padding: 0 6px
    }
}

.key-feature {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100px;
    min-width: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    height: 124px;
    margin: 0;
    padding: 8px 8px 8px 85px
}

@media (min-width: 768px) and (max-width: 1023px) {
    .key-feature {
        width: 100px;
        min-width: 40%;
        -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
        height: 62px;
        padding: 7px 7px 7px 70px
    }
}

@media (max-width: 767px) {
    .key-feature {
        width: 100px;
        min-width: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        height: 62px;
        padding: 5px 5px 5px 40px
    }
}

.key-feature__text {
    display: block;
    font-weight: 400;
    line-height: 1;
    text-align: left;
    color: #000
}

@media (min-width: 360px) and (max-width: 767px) {
    .key-feature__text {
        font-size: 11px
    }
}

@media (max-width: 359px) {
    .key-feature__text {
        font-size: 10px
    }
}

.key-feature_one {
    background: transparent url("../img/page/keyfeatures/icon-1.png");
    background-repeat: no-repeat;
    background-position: 5px 50%;
    background-size: 75px
}

@media (min-width: 768px) and (max-width: 1023px) {
    .key-feature_one {
        background-size: auto 70%
    }
}

@media (max-width: 767px) {
    .key-feature_one {
        background-size: 32px;
        background-position: 2px 50%
    }
}

.key-feature_two {
    background: transparent url("../img/page/keyfeatures/icon-2.png");
    background-repeat: no-repeat;
    background-position: 10px 50%;
    background-size: 59px
}

@media (min-width: 768px) and (max-width: 1023px) {
    .key-feature_two {
        background-size: auto 70%
    }
}

@media (max-width: 767px) {
    .key-feature_two {
        background-size: 30px;
        background-position: 2px 50%
    }
}

.key-feature_three {
    background: transparent url("../img/page/keyfeatures/icon-3.png");
    background-repeat: no-repeat;
    background-position: 9px 50%;
    background-size: 62px
}

@media (min-width: 768px) and (max-width: 1023px) {
    .key-feature_three {
        background-size: auto 70%
    }
}

@media (max-width: 767px) {
    .key-feature_three {
        background-size: 30px;
        background-position: 0 50%
    }
}

.key-feature_four {
    background: transparent url("../img/page/keyfeatures/icon-4.png");
    background-repeat: no-repeat;
    background-position: 9px 50%;
    background-size: 62px
}

@media (min-width: 768px) and (max-width: 1023px) {
    .key-feature_four {
        background-size: auto 70%
    }
}

@media (max-width: 767px) {
    .key-feature_four {
        background-size: 30px;
        background-position: 2px 50%
    }
}

.inner-page-first-screen {
    display: block;
    width: 100%;
    height: 354px;
    position: relative;
    /* background: #269ae8 url("../img/page/inner-page-first-screen-image.jpg"); */
    background-color: #269ae8;
		/* for inline bgs */
    background-repeat: no-repeat;
    background-position: 50% 0%;
    background-size: cover
}
.inner-page-first-screen__i {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@media (max-width: 767px) {
	.inner-page-first-screen {
		height: 240px;
		/* background-image: url("../img/page/inner-page-first-screen-image-mobile.jpg"); */
	}
	.inner-page-first-screen > * { position: relative;}
	.inner-page-first-screen:before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: #000;
		opacity: 0.25;
	}			
}

.inner-page-first-screen__bottom-line {
    display: block;
    width: 100%;
    height: auto;
    min-height: 63px;
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5)
}

.inner-page-heading {
    display: block;
    max-width: 1280px;
    min-width: 320px;
    margin: 0 auto;
    padding: 10px 8px;
    font-size: 40px;
    font-weight: 700;
    font-style: normal;
    line-height: 43px;
    color: #fff;
    text-align: left
}

@media (max-width: 767px) {
    .inner-page-heading {
        font-size: 22px;
        line-height: 30px
    }
}

.price-tiles-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    /*-ms-flex-pack: justify;*/
    /*justify-content: space-between;*/
    width: 100%;
    height: auto;
    margin: 0;
    padding: 24px 0 0
}

@media (max-width: 767px) {
    .price-tiles-container {
        padding: 0 0 30px
    }
}

.price-tile {
    display: block;
    width: 22%;
    -ms-flex-preferred-size: 22%;
    flex-basis: 22%;
    height: auto;
    margin: 0 4% 4vw 0;
    position: relative;
}

.price-tile:nth-child(4n) {
    margin-right: 0
}

.price-tile:hover,
.price-tile:focus {
    box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.55)
}
.price-tile-popup {
    display: none;
    position: absolute;
    left: 50%;
    bottom: 0;
    z-index: 3;
    opacity: 0;
    min-width: 100%;
    visibility: hidden;
    background-color: #fff;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transition: all 0.4s ease-in-out;
    box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.55);
    -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;
}
@media (min-width: 1024px) {
	.price-tile-popup .flex-container {
		justify-content: space-between;
	}
    .price-tile-popup-col {
        flex: 0 0 33%;
        max-width: 33%;
        flex-wrap: wrap;
        padding-top: 10px;
    }
    .price-tile-popup-col:first-child {
        border-right: 1px solid #999;
    }
    .price-tile-popup-col:hover {
        background-color: #f2f2f2;
    }
    .price-tile-popup-image {
        flex: 0 0 40%;
        max-width: 40%;
        padding-left: 10px;
    }
    .price-tile-popup__name {
        color: #000;
    }
    .price-tile-popup-content {
        flex: 0 0 60%;
        max-width: 60%;
        padding-left: 10px;
    }
    .price-tile-popup-image img {
        max-width: 100%;
        max-height: 50px;
    }
    .price-tile-popup {
        display: block;
    }
    .price-tile:hover .price-tile-popup ,
    .price-tile:focus .price-tile-popup {
        opacity: 1;
        min-width: 480px;
        visibility: visible;
    }
}
@media (max-width: 767px) {
    .price-tile {
        width: 49%;
        -ms-flex-preferred-size: 49%;
        flex-basis: 49%;
        margin: 0 2% 2vw 0
    }
    .price-tile:nth-child(2n) {
        margin-right: 0
    }
}

.price-tile__link {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

.price-tile__title {
    display: block;
    width: 100%;
    /*height: 30px;*/
    position: absolute;
    bottom: 30px;
    left: 0;
    z-index: 2;
    background-color: rgba(255, 255, 255, 0.75);
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    text-align: center;
    color: #000
}

@media (min-width: 768px) and (max-width: 1023px) {
    .price-tile__title {
        font-size: 14px
    }
}

@media (min-width: 360px) and (max-width: 767px) {
    .price-tile__title {
        font-size: 14px
    }
}

@media (max-width: 359px) {
    .price-tile__title {
        font-size: 12px
    }
}

.price-tile__image-container {
    display: block;
    width: 100%;
    height: auto;
    max-height: 260px;
    overflow: hidden;
    position: relative
}
.price-tile__image-container:before {
	content: "";
	display: block;
	padding-top: 100%;
}
.price-tile__image-container img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.price-tile__image-container.img-lazy {
    min-height: 250px;
}

.price-tile__image {
    display: block;
    width: 100%;
    height: auto;
    transition: all 0.75s ease
}

.price-tile:hover .price-tile__image,
.price-tile:focus .price-tile__image {
    transform: scale(1.2);
    transition: all 0.75s ease
}

.price-tile__price {
    display: block;
    width: 100%;
    height: 30px;
    background-color: #0078ca;
    font-size: 22px;
    font-weight: 400;
    line-height: 30px;
    text-align: center;
    color: #fff
}

@media (min-width: 768px) and (max-width: 1023px) {
    .price-tile__price {
        font-size: 16px
    }
}

@media (max-width: 767px) {
    .price-tile__price {
        font-size: 18px
    }
}

.profit-points-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -ms-flex-pack: distribute;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 24px 0 0
}

@media (max-width: 767px) {
    .profit-points-container {
        padding: 0 0 30px
    }
}

.profit-point {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100px;
    min-width: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    height: 75px;
    margin: 0 0 5vw 0;
    padding: 0 10px 0 97px;
    font-size: 18px;
    font-weight: 300;
    line-height: 25px;
    text-align: left;
    color: #000
}

.profit-point:nth-child(3n) {
    margin-right: 0
}

@media (min-width: 768px) and (max-width: 1023px) {
    .profit-point {
        width: 47.5%;
        -ms-flex-preferred-size: 47.5%;
        flex-basis: 47.5%
    }
    .profit-point:nth-child(3n) {
        margin-right: 5%
    }
    .profit-point:nth-child(2n) {
        margin-right: 0
    }
}

@media (max-width: 767px) {
    .profit-point {
        width: 100%;
        max-width: 304px;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin: 0 auto 5vw;
        font-size: 16px
    }
    .profit-point:nth-child(3n) {
        margin-right: auto
    }
}

.profit-point span {
    display: block
}

.profit-point_43 {
    width: 100px;
    min-width: 41%;
    -ms-flex-preferred-size: 41%;
    flex-basis: 41%;
    margin: 0 0 4vw;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 1;
    flex-shrink: 1
}

.profit-point_43:nth-child(3n) {
    margin: 0 0 5vw
}

.profit-point_43:nth-child(2n) {
    margin: 0 0 5vw
}

@media (max-width: 767px) {
    .profit-point_43 {
        width: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 400px;
        margin: 0 auto 5vw
    }
    .profit-point_43:nth-child(3n) {
        margin: 0 auto 5vw
    }
    .profit-point_43:nth-child(2n) {
        margin: 0 auto 5vw
    }
}

.profit-point_discount {
    background: transparent url("../img/page/profits/discount-icon.png");
    background-size: 75px;
    background-repeat: no-repeat;
    background-position: 0 0
}

.profit-point_edits {
    background: transparent url("../img/page/profits/edits-icon.png");
    background-size: 75px;
    background-repeat: no-repeat;
    background-position: 0 0
}

.profit-point_modern {
    background: transparent url("../img/page/profits/modern-icon.png");
    background-size: 75px;
    background-repeat: no-repeat;
    background-position: 0 0
}

.profit-point_delivery {
    background: transparent url("../img/page/profits/delivery-icon.png");
    background-size: 75px;
    background-repeat: no-repeat;
    background-position: 0 0
}

.profit-point_colors {
    background: transparent url("../img/page/profits/colors-icon.png");
    background-size: 75px;
    background-repeat: no-repeat;
    background-position: 0 0
}

.profit-point_distributors {
    background: transparent url("../img/page/profits/distributors-icon.png");
    background-size: 75px;
    background-repeat: no-repeat;
    background-position: 0 0
}

.profit-point_sizes {
    background: transparent url("../img/page/profits/sizes-icon.png");
    background-size: 75px;
    background-repeat: no-repeat;
    background-position: 0 0
}

.profit-point_price {
    background: transparent url("../img/page/profits/price-icon.png");
    background-size: 75px;
    background-repeat: no-repeat;
    background-position: 0 0
}

.profit-point_terms {
    background: transparent url("../img/page/profits/terms-icon.png");
    background-size: 75px;
    background-repeat: no-repeat;
    background-position: 0 0
}

.profit-point_color {
    background: transparent url("../img/page/profits/color-icon.png");
    background-size: 75px;
    background-repeat: no-repeat;
    background-position: 0 0
}

.profit-point_clock {
    background: transparent url("../img/page/profits/clock-icon.png");
    background-size: 75px;
    background-repeat: no-repeat;
    background-position: 0 0
}

.profit-tex-docs {
    background: transparent url("../img/page/profits/tex-docs.jpg");
    background-size: 75px;
    background-repeat: no-repeat;
    background-position: 0 0
}

.four-photos-block {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 611px;
    /* min-width: 300px; */
    height: auto;
    margin: 0 0 0 20px;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -ms-flex-positive: 0;
    flex-grow: 0
}

@media (min-width: 980px) {
    .four-photos-block_small {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%;
    }
}

.text-block-with-four-photos_reverse .four-photos-block_small {
    margin: 0;
}

@media (max-width: 767px) {
    .four-photos-block,
    .four-photos-block {
        margin: 0 auto;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }
}

.four-photos-block__main-photo {
    display: block;
    width: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    height: auto;
    max-height: 348px;
    margin: 0 0 2%;
    background-color: #fff;
    overflow: hidden
}

.four-photos-block__main-photo img {
    width: 100%;
    height: auto
}

.four-photos-block__small-photo {
    display: block;
    width: 32%;
    -ms-flex-preferred-size: 32%;
    flex-basis: 32%;
    height: auto;
    max-height: 110px;
    margin: 0 2% 0 0;
    background-color: #fff;
    overflow: hidden
}

.four-photos-block__small-photo_four {
    width: 23%;
    -ms-flex-preferred-size: 23%;
    flex-basis: 23%;
}

.four-photos-block__small-photo_two {
    width: 48%;
    -ms-flex-preferred-size: 48%;
    flex-basis: 48%;
}

.four-photos-block__small-photo:last-child {
    margin-right: 0
}

.four-photos-block__small-photo img {
    width: 100%;
    height: auto
}

.video-player-container {
    display: block;
    width: 80%;
    height: auto;
    margin: 0 auto 30px
}

.review-container-feedback-card {
    width: 100%;
    max-width: 50%;
}

@media (max-width: 767px) {
    .video-player-container {
        width: auto
    }
    .review-container-feedback-card {
        max-width: 100%;
    }
    .review-form-container {
        padding: 0 15px;
    }
}

.video-player-wrapper {
    display: block;
    margin: 0;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0
}

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

.review-container-feedback {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
		row-gap: 30px;
		margin-bottom: 30px;
}
.review-container-feedback .review-card {
	min-height: auto;
	height: 100%;
	margin: 0;
}

.reviews-container {
    display: block;
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0;
    padding: 0
}

@media (max-width: 1279px) {
    .reviews-container {
        padding: 0 8px
    }
}

.review-card-container {
    padding: 0 15px;
    /* display: none; */
}
.review-card-container:nth-child(1),
.review-card-container:nth-child(2) {
    display: block;
}
.review-card {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    /* height: auto; */
    /* margin: 0 0 2vw; */
    padding: 20px 16px;
    background-color: #fcfcfb;
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.17);
    /* min-height: 27vw; */
		position: relative;
}
.review-card:nth-child(2n) {
    margin-right: 0
}
.review-card__date {
	color: #72747e;
	font-size: 12px;
	transform: translateY(0.5em);
}
.review-card__review-bottom {
	margin-top: 20px;
}
.review-buttons span {
    float: left;
    padding: 9px 20px 0 0;
    line-height: 16px;
    color: #72747e;
    font-size: 14px;
}
.review-buttons__list {
    float: left;
}
@media (max-width: 400px) {
	.review-buttons__list {
		padding-block: 10px;
		float: none;
		clear: both;
	}	
}
.review-buttons__list a {
    cursor: pointer;
}
.review-buttons__list a {
    float: left;
    margin-right: 20px;
    color: #666666;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    width: 60px;
    height: 34px;
    border-radius: 4px;
    border: 2px solid #d3d6e4;
    background-color: #fcfcfb;
    line-height: 30px;
    box-sizing: border-box;
    text-align: center;
    position: relative;
}
.review-buttons__list:after {
    content: " ";
    display: table;
    clear: both;
}
.review-buttons__list a i {
    position: absolute;
    top: -12px;
    right: -12px;
    display: block;
    width: 24px;
    height: 24px;
    background-color: #fcfcfb;
    text-align: center;
    line-height: 24px;
    display: block;
    font-style: normal;
    color: #5fbb55;
    font-size: 14px;
    font-weight: 500;
}
.review-buttons__list a i.red {
    color: #e34c4c;
}
/* @media (min-width: 1681px) { */
    /* .review-card { */
        /* min-height: 17vw */
    /* } */
/* } */

/* @media (min-width: 1400px) and (max-width: 1680px) { */
    /* .review-card { */
        /* min-height: 21vw */
    /* } */
/* } */

/* @media (min-width: 1024px) and (max-width: 1200px) { */
    /* .review-card { */
        /* min-height: 42vw */
    /* } */
/* } */

@media (max-width: 1023px) {
    .review-card {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        /* min-height: 80vw */
    }
}

@media (max-width: 767px) {
    .review-card {
        width: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        /* max-width: 480px; */
        margin: 0 auto 5%;
        float: none;
        min-width: auto
    }
    .review-card:nth-child(2n) {
        margin-right: auto
    }
}

.review-card__image {
		flex-shrink: 0;
    /* display: block; */
    /* width: 100%; */
    /* max-width: 142px !important; */
    /* height: auto */
		width: 80px;
		height: 80px;
		border-radius: 100%;
		object-fit: cover;
		padding: 0!important; /* for slider fix */
}

/* @media (max-width: 767px) { */
    /* .review-card__image { display: none; } */
/* } */

.review-card__review {
    /* display: block; */
    /* width: calc(100% - 142px); */
    /* height: auto; */
    /* margin: 0; */
    padding: 0 0 0 16px;
}

@media (max-width: 1023px) {
    .review-card__review {
        width: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        padding: 20px 0 0
    }
}

.review-card__title {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 0 10px;
    padding: 0 0 10px;
    border-bottom: 1px solid #000;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    color: #000;
    word-wrap: break-word;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto
}

.review-card__text {
    font-weight: 300;
    line-height: 24px;
    text-align: left;
    color: #000
}
.review-card__review-src {
	clear: both; /*!*/
	display: flex;
	column-gap: 5px;
	padding-top: 5px;
	align-items: center;
	color: #72747e;
	font-size: 14px;	
}
.review-card__review-src img {
	display: block;
	padding: 0!important; /* slider fix */ 
	max-width: 67px!important; /* slider fix */
	height: auto;
}

.aside {
    display: block;
    width: 272px;
    height: auto;
    padding: 16px 0 0;
    float: left
}

@media (min-width: 768px) and (max-width: 1160px) {
    .aside {
        width: 220px
    }
}

@media (max-width: 767px) {
    .aside {
        width: 100%;
        float: none;
        padding: 0
    }
}

.article {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: calc(100% - 272px);
    max-width: calc(100% - 272px);
    margin: 0;
    padding: 16px;
    float: left
}

@media (min-width: 768px) and (max-width: 1160px) {
    .article {
        width: calc(100% - 220px);
        max-width: calc(100% - 220px);
        padding: 16px 6px
    }
}

@media (max-width: 767px) {
    .article {
        width: 100%;
        max-width: 100%;
        padding: 8px
    }
}

.section {
    display: block;
    width: 100%;
    height: auto;
    background-color: transparent
}

.section_blue {
    background-color: #f7fcfe
}

.section_gray {
    background-color: #f3f3f3
}

.section_bg-1 {
    background: #fff url("../img/page/section-bg-1.webp"); /*.jpg*/
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 0
}
.section_bg-1-lazy {
	background-color: #fff;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 0
}
.section_bg-1-lazy.lazy_bg_css-active {
 background-image: url("../img/page/section-bg-1.webp");
}
.section_bg-2 {
    background: #fff url("../img/page/section-bg-2.webp"); /*.jpg*/
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 0
}
.section_bg-2-lazy {
	background-color: #fff;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 0
}
.section_bg-2-lazy.lazy_bg_css-active {
 background-image: url("../img/page/section-bg-2.webp");
}

.section-content {
    display: block;
    max-width: 1280px;
    min-width: 320px;
    height: 100%;
    margin: 0 auto;
    padding: 45px 8px 50px;
    background-color: transparent
}

.section-content_border-bottom {
    border-bottom: 1px solid #c9c9c9
}

.section-content_no-padding-bottom {
    padding-bottom: 0
}

.section-content_no-padding-side {
    padding-left: 0;
    padding-right: 0
}

.section-content_no-padding-top {
    padding-top: 0
}

.more-info-button {
    display: inline-block;
    height: 36px;
    margin: 0 auto;
    padding: 0;
    border-bottom: 1px dotted #000;
    background: transparent;
    font-weight: 400;
    line-height: 36px;
    text-align: center;
    color: #000;
    cursor: pointer
}

.more-info-button:hover,
.more-info-button:focus {
    border-bottom: 1px solid #0078ca
}

.more-hardware-button {
    display: block;
    width: 176px;
    height: 36px;
    margin: 0 auto 30px;
    padding: 0;
    border-bottom: 1px dotted #000;
    background: transparent;
    font-weight: 400;
    line-height: 36px;
    text-align: center;
    color: #000;
    cursor: pointer
}

.more-hardware-button:hover,
.more-hardware-button:focus {
    border-bottom: 1px solid #0078ca
}

.call-request-button,
.link-button,
.popup-buyed {
    display: block;
    min-width: 164px;
    height: 36px;
    margin: 0 auto;
    padding: 0 10px;
    border-radius: 10px;
    background: #00a9ec;
    background: linear-gradient(to bottom, #00a9ec 0%, #015993 100%);
    font-weight: 400;
    line-height: 36px;
    text-align: center;
    color: #fff;
    cursor: pointer
}

.call-request-button:hover,
.call-request-button:focus,
.popup-buyed:hover,
.popup-buyed:focus,
.link-button:hover,
.link-button:focus {
    border-radius: 10px;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.75)
}

.hidden {
    display: none;
}

.link-button {
    padding: 0 20px;
    display: inline-block;
}

@media (min-width: 768px) and (max-width: 1023px) {
    .call-request-button,
    .popup-buyed,
    .link-button {
        width: 144px;
        padding: 0 8px;
        font-size: 14px
    }
}

.header-contacts-block .call-request-button {
    display: inline-block;
    width: auto;
    margin: 0
}

.calc-request-button, 
.calc-request-button-link  {
    display: block;
    width: 230px;
    height: 36px;
    margin: 0 0 0 20px;
    padding: 0 10px;
    border: 1px solid #000;
    border-radius: 10px;
    background-color: transparent;
    font-weight: 400;
    line-height: 36px;
    text-align: center;
    color: #000;
    cursor: pointer;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}
.calc-request-button-link  {
	margin-left: 0;
	margin-right: 20px;
}
.calc-request-button:hover,
.calc-request-button:focus,
.calc-request-button:active {
    border: 1px solid #0078ca;
    border-radius: 10px;
    color: #0078ca
}
	
@media (min-width: 768px) and (max-width: 1023px) {
    .calc-request-button {
        margin: 0 10px 0 auto;
    }
    .calc-request-button-link {
        margin: 0;
    }
    .calc-request-button, .calc-request-button-link {
        font-size: 12px;
        width: auto;
    }
}

.flex-container,
.contact-items {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}

.contact__item:first-child {
    margin-right: 15px;
}

.contact__item.map_f {
    width: 58%;
		flex-shrink: 0;
}

.calc-request-button_white {
    color: #fff;
    border: 1px solid #fff
}

.table-container-overflow {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0
}

@media (max-width: 991px) {
    .table-container-overflow {
        overflow-x: scroll
    }
}
@media (max-width: 767px) {
    .contact-items {
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
    }
    .contact__item {
        margin-bottom: 10px;
    }
    .contact__item.map_f {
        width: 100vw;
    }
    /* .header-top-block-container .calc-request-button { */
        /* margin: 0 0 20px 0; */
    /* } */
    /* .header-top-block-container .calc-request-button-link { */
        /* margin: 0; */
    /* } */
}

.table-overflow-hint {
    display: none
}

@media (max-width: 991px) {
    .table-overflow-hint {
        display: block;
        width: 100%;
        height: auto;
        margin: 0;
        padding: 20px 0 0;
        font-size: 12px;
        font-weight: 300;
        line-height: 20px;
        text-align: center;
        color: #2f2f2f
    }
}

.multiple-items {
    min-width: 300px;
    max-width: 305px;
}

table {
    width: 100%;
    min-width: 752px;
    line-height: 16px;
    font-weight: 300;
    color: #000;
    vertical-align: middle;
    background-color: #fdfeff;
    border: 1px solid #b3b4b6
}

@media (max-width: 1260px) {
    table {
        font-size: 12px
    }
}
@media (max-width: 991px) {
    table {
        min-width: 555px;
    }
}

table tbody tr:nth-child(2n-1) {
    background-color: #f6f7f8
}

table thead tr,
table tbody tr {
    height: 40px
}

table thead tr th {
    font-weight: 300
}

table tr th,
table tr td {
    vertical-align: middle;
    border: 1px solid #b3b4b6;
    padding: 0 2px;
    text-align: center;
    line-height: 18pt;
    padding: 5px 0px;
}

table tbody tr td {
    text-align: center
}

table tbody tr td:first-child {
    text-align: left;
    padding-left: 20px
}

@media (max-width: 1023px) {
    table tbody tr td:first-child {
        padding-left: 8px
    }
}

.hint-icon {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 0 0 4px;
    padding: 0;
    background: transparent url("../img/page/hint-icon.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50% 50%;
    cursor: pointer;
    position: relative
}

@media (max-width: 1199px) {
    .hint-icon {
        display: none
    }
}

.hint-icon:hover .table-hint {
    /* display: block*/
}

.hint-icon.active .table-hint {
    display: block;
}

.table-hint {
    display: none;
    width: 220px;
    height: auto;
    position: absolute;
    top: 110%;
    left: calc(50% - 80px);
    right: 0;
    z-index: 999;
    margin: 0 auto;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: 400;
    font-style: normal;
    line-height: 16px;
    color: #000;
    text-align: left;
    background-color: #f6f7f8;
    border: 1px solid #949494
}

.completed-projects-tiles-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0 -8px
}

.completed-projects-tiles-container.index-page-slider {
    margin: 0px -15px;
}

@media (max-width: 1279px) {
    .completed-projects-tiles-container {
        padding: 0 8px
    }
    .completed-projects-tiles-container.index-page-slider {
        margin: 0px;
    }
}

.completed-project-tile {
    display: block;
    width: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    height: auto;
    margin: 0 15px 1%;
    padding: 0;
    background-color: #e1e1e1
}
.completed-project-tile.w100 {
    width: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}
@media (max-width: 767px) {
    .completed-project-tile {
        width: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 480px;
        margin: 0 auto 3%
    }
    .completed-project-tile:nth-child(2n) {
        margin-right: auto
    }
}

.completed-project-tile__image-container {
    display: block;
    width: 100%;
    height: auto;
    max-height: 305px;
    margin: 0;
    padding: 0;
    overflow: hidden
}

.completed-project-tile__image-container img {
    display: block;
    width: 100%;
    height: auto
}

.completed-project-tile__text-container {
    display: block;
    width: 100%;
    height: auto;
    min-height: 65px;
    margin: 0;
    padding: 10px 10px;
    background-color: #f3f3f3
}

.completed-project-tile__title {
    display: block;
    width: 100%;
    height: auto;
    font-size: 17px;
    font-weight: 700;
    font-style: normal;
    line-height: 24px;
    text-align: left;
    text-transform: uppercase;
    color: #333
}

.completed-project-tile__text {
    display: block;
    width: 100%;
    height: auto;
    font-weight: 300;
    font-style: normal;
    line-height: 24px;
    text-align: left;
    color: #333
}

.hardware-tiles-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0
}

@media (max-width: 1279px) {
    .hardware-tiles-container {
        padding: 0 8px
    }
}

.hardware-tile {
    display: block;
    width: 31%;
    -ms-flex-preferred-size: 31%;
    flex-basis: 31%;
    height: auto;
    margin: 0 3.5% 3vw 0;
    padding: 0;
    background-color: #fff
}

.hardware-tile:nth-child(3n) {
    margin-right: 0
}

@media (max-width: 767px) {
    .hardware-tile {
        width: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 480px;
        margin: 0 auto 3%
    }
    .hardware-tile:nth-child(3n) {
        margin-right: auto
    }
}

.hardware-tile__title {
    display: block;
    width: 100%;
    height: auto;
    font-size: 22px;
    font-weight: 700;
    font-style: normal;
    line-height: 24px;
    text-align: left;
    color: #000;
    text-align: center
}

.hardware-tile__description {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0 0 20px;
    font-size: 18px;
    font-weight: 400;
    font-style: normal;
    line-height: 24px;
    text-align: left;
    color: #000;
    text-align: center
}

.hardware-tile__image {
    display: block;
    width: auto;
    height: 170px;
    margin: 0 auto;
    padding: 0
}

.calc-form {
    display: block;
    width: 100%;
    height: auto;
    margin: auto;
}

.calc-form a {
    color: #0078ca;
    text-decoration: underline;
}

.calc-form a:hover {
    text-decoration: none;
}

.calc-form__fieldset {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    overflow: hidden;
    margin: 0;
    clear: both;
    padding: 8px 0
}

.files-upload__fieldset.calc-form__fieldset {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    overflow: hidden;
    margin: 0;
    clear: both;
    padding: 8px 0
}
.files-upload__fieldset.calc-form__fieldset > .calc-form__checkbox-label {
	text-align:left;
    margin-bottom: 10px;
}
@media (min-width: 768px) {
    .calc-form {
        width: 65%;
        padding: 0 110px;
    }
    .calc-form__fieldset-border {
        border-bottom: 1px solid #acacac;
        margin: 20px -110px 20px -110px;
        padding: 0 110px 20px;
    }
    .calc-form-modal {
        width: 100%;
        padding: 0;
    }
}

@media (max-width: 767px) {
    .calc-form__fieldset {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }
}

.calc-form__legend {
    display: block;
    width: 260px;
    margin: 10px 0 0;
    padding: 0 10px 0 0;
    font-weight: 700;
    line-height: 20px;
    text-align: right;
    color: #000;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

@media (max-width: 767px) {
    .calc-form__legend {
        margin: 0 0 10px 0;
    }
}

textarea::-webkit-scrollbar-track,
.b-popup::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
}

textarea::-webkit-scrollbar,
.b-popup::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}

textarea::-webkit-scrollbar-thumb,
.b-popup::-webkit-scrollbar-thumb {
    background-color: #B7B8B9;
}

textarea::-webkit-scrollbar-track,
.b-popup-buyed::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
}

textarea::-webkit-scrollbar,
.b-popup-buyed::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}

textarea::-webkit-scrollbar-thumb,
.b-popup-buyed::-webkit-scrollbar-thumb {
    background-color: #B7B8B9;
}

.b-popup .calc-form__legend {
    width: auto;
    text-align: center;
    display: block;
    min-width: 40%;
}

.b-popup.js-popup__calculate {
    max-height: 90%;
    overflow-y: auto;
}

.b-popup a {
    color: #0078ca;
    text-decoration: underline;
}

.upload-more1,
.upload-more2,
.upload-more-modal {
    display: inline-block;
    width: auto;
    height: 29px;
    margin: 0 0 15px;
    padding: 0 8px;
    border: 1px solid #d2d2d2;
    font-weight: 400;
    line-height: 26px;
    text-align: center;
    color: #000;
    cursor: pointer;
    background: #eee;
}

.upload_file {
    display: block;
}

.policy,
.el-subtitle {
    font-family: 'Roboto', sans-serif
}

.el-subtitle {
    font-size: 12px;
    line-height: 1;
    margin: 15px 0 0;
}
.el-subtitle-m0 {
    margin: 0;
}

.b-popup .calc-form__fieldset .calc-form__legend {
    text-align: left;
}

.b-popup .flex-input {
    display: flex;
}

.b-popup #upload-files-block {
    min-width: 50%;
}

.b-popup .mobi-size label {
    font-size: 10pt;
    width: 100%;
}
.popup-upload-files-container {
        width: 100%;
}
	
@media (min-width: 768px) {
    .popup-upload-files-container {
        text-align: right;
    }
	.popup-upload-files-container .file_upload_block label.upload_file {
		position: absolute;
		right: 0px;
		margin-top: -35px;
	}
}
.popup-upload-files-container .upload_file_name {
	text-align:left;
}
@media (max-width: 767px) {
    .b-popup.js-popup__calculate {
        width: 100%;
    }
    .calc-form__legend {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        text-align: left
    }
}

.calc-form__select:not(.calculator__select),
.calc-form__input-text {
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 0;
    background-color: #fff;
    border: 0;
    border-bottom: 1px solid #acacac;
    color: #acacac;
    position: relative;
    font-weight: 400;
    line-height: 31px;
    text-align: left;
}

.calc-form__select:not(.calculator__select):hover,
.calc-form__input-text:hover {
    color: #0078ca;
    border-bottom: 1px solid #0078ca;
}

.calc-form__select:not(.calculator__select):focus,
.calc-form__input-text:focus,
.calc-form__select:not(.calculator__select):active,
.calc-form__input-text:active {
    color: #0078ca;
    border-bottom: 1px solid #0078ca;
    box-shadow: 0px 8px 10px -5px rgba(0, 120, 202, .3), inset 0px -10px 10px -10px rgba(0, 120, 202, .3);
}

.calc-form__select:not(.calculator__select) {
    width: 100%;
    padding: 10px 0;
    outline: none
}

@media (min-width: 768px) {
    .calc-from__input-text-container--left {
        margin-right: 20px;
    }
    .calc-from__input-text-container--right {
        margin-left: 20px;
    }
}

.calc-from__input-text-container {
    display: block;
    width: auto;
    overflow: hidden;
    position: relative;
    float: left
}

@media (max-width: 767px) {
    .calc-from__input-text-container {
        margin: 0 0 10px
    }
    .calc-from__input-text-container:last-child {
        margin: 0
    }
}

.calc-form__units {
    display: block;
    width: 40px;
    height: 31px;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 31px;
    text-align: center;
    color: #0078ca
}

.calc-form__x {
    display: block;
    width: 20px;
    height: 33px;
    font-size: 20px;
    font-weight: 400;
    line-height: 33px;
    text-align: center;
    color: #505050
}

.contact-form-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    float: left;
    width: 400px;
    height: auto
}

@media (max-width: 767px) {
    .contact-form-container {
        width: 100%
    }
}

.calc-form__textarea,
.calc-form__input-text-contact {
    display: block;
    width: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin: 0 0 2% 0;
    padding: 0 8px;
    border: 0;
    background-color: #fff;
    border-bottom: 1px solid #acacac;
    position: relative;
    float: left;
    font-weight: 400;
    line-height: 33px;
    text-align: left;
    color: #acacac
}

.calc-form__textarea {
    height: auto;
    margin: 0 0 10px 0;
    outline: none;
    resize: none;
    line-height: 22px;
    min-height: 180px;
    border: 1px solid #acacac;
}

.calc-form__textarea:hover,
.calc-form__input-text-contact:hover {
    color: #0078ca;
    border-bottom: 1px solid #0078ca;
}

.calc-form__textarea:focus,
.calc-form__input-text-contact:focus,
.calc-form__textarea:active,
.calc-form__input-text-contact:active {
    color: #0078ca;
    border-bottom: 1px solid #0078ca;
    box-shadow: 0px 8px 10px -5px rgba(0, 120, 202, .3), inset 0px -10px 10px -10px rgba(0, 120, 202, .3);
}
.calc-form__textarea:hover,
.calc-form__textarea:focus,
.calc-form__textarea:active {
    border: 1px solid #0078ca;
}

@media (max-width: 767px) {
    .calc-form__input-text-contact {
        width: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin: 0 0 3%
    }
}

.calc-form__input-text-contact_no-margin-right {
    margin-right: 0
}

@media (max-width: 767px) {
    .calc-form__textarea {
        margin: 0 0 3%
    }
}

.calc-form__input-radio {
    display: none
}

.calc-form__label-radio {
    display: inline-block;
    width: auto;
    height: 33px;
    margin: 0;
    padding: 0 6px;
    float: left;
    font-weight: 400;
    text-decoration: underline;
    line-height: 33px;
    text-align: center;
    color: #acacac;
    cursor: pointer;
    word-break: break-all;
}

input.calc-form__input-radio:checked+.calc-form__label-radio {
    color: #0078ca;
    text-decoration: none;
}

.calc-form__checkbox-label {
    font-weight: 400;
    line-height: 26px;
    text-align: center;
    color: #505050;
    cursor: pointer;
    position: relative;
    padding-left: 25px;
}

.calc-form__fieldset-files {
    margin-top: 15px;
}

.mobile-calculator .calc-form__fieldset-files {
	display: flex;
    justify-content: space-between;
    width: 100%;
}

.calc-form__checkbox-input {
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    appearance: checkbox;
    margin: 0 10px 0 0;
    line-height: 20px;
    display: none !important;
}

.calc-form__checkbox-label:after {
    position: absolute;
    top: 2px;
    left: 0;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
}

.calc-form__checkbox-label:before {
    position: absolute;
    top: 2px;
    left: 0;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #dee2e6;
}

.calc-form__checkbox-input:checked+label:before {
    color: #fff;
    background-color: #007bff;
}

.calc-form__checkbox-input:checked+label:after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}

.calc-form__result-block {
    display: block;
    width: 100%;
    height: auto;
    min-height: 136px;
    padding: 8px 16px;
    background-color: #b7b8b9;
    border-radius: 10px;
    -ms-flex-item-align: end;
    align-self: flex-end
}

.calc-form__total-area-line {
    display: block;
    width: 100%;
    font-weight: 400;
    line-height: 30px;
    text-align: left;
    color: #fff
}

.calc-form__total-cost-line {
    display: inline-block;
    width: auto;
    font-weight: 400;
    line-height: 30px;
    text-align: left;
    color: #fff
}

.calc-form__otp-line {
    display: block;
    width: 100%;
    font-weight: 400;
    line-height: 30px;
    text-align: left;
    color: #fff
}

.calc-form__result-line {
    display: block;
    width: 100%;
    font-weight: 400;
    line-height: 30px;
    text-align: left;
    color: #fff
}

.calc-form__result {
    color: #e3007a;
    font-weight: 700
}

.calc-form__submit {
    display: block;
    margin: 0 auto;
    padding: 2px 25px;
    border-radius: 10px;
    background: #00a9ec;
    background: linear-gradient(to bottom, #00a9ec 0%, #015993 100%);
    font-weight: 400;
    line-height: 36px;
    text-align: center;
    color: #fff;
    cursor: pointer
}

.calc-form__submit:hover,
.calc-form__submit:focus {
    border-radius: 10px;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.75)
}

.calc-form__notification {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 10px 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    text-align: center;
    color: #b7b8b9
}

.index-page-slider {
    display: flex;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0
}
.index-page-slider-item:not(.slick-slide) {
    display: none;
}
@media (min-width: 768px) {
    .index-page-slider-item:not(.slick-cloned):nth-child(1),
    .index-page-slider-item:not(.slick-cloned):nth-child(2) {
        display: block;
    }
}

.index-page-slider-description {
    display: block;
    width: 100%;
    height: auto;
    padding: 20px 0 0
}

.index-page-slider-description__title {
    display: block;
    width: 100%;
    font-size: 18px;
    font-weight: 300;
    line-height: 20px;
    text-align: center;
    color: #000
}

.index-page-slider-description__text {
    display: block;
    width: 100%;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    text-align: center;
    color: #000
}

.index-page-slider__prev-button {
    position: absolute;
    top: 37%;
    left: 0;
    display: block;
    width: 42px;
    height: 42px;
    margin: 0;
    padding: 0;
    z-index: 1;
    background: transparent url("../img/page/slider-prev-arrow.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50% 50%
}

.index-page-slider__next-button {
    position: absolute;
    top: 37%;
    right: 0;
    display: block;
    width: 42px;
    height: 42px;
    margin: 0;
    padding: 0;
    z-index: 1;
    background: transparent url("../img/page/slider-next-arrow.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50% 50%
}

.index-page-slider img {
    margin: 0 auto;
    padding: 0 10px;
    max-width: 100%;
		height: auto; /*!*/
}

.degraded-link {
    display: inline;
    font-family: inherit;
    font-size: inherit;
    letter-spacing: inherit;
    font-style: inherit;
    font-weight: inherit;
    color: inherit;
    text-decoration: underline;
    cursor: pointer
}

.degraded-link:hover,
.degraded-link:active,
.degraded-link:focus {
    color: #0078ca
}

.degraded-link:visited {
    color: inherit
}

.degraded-link:visited:hover,
.degraded-link:visited:active,
.degraded-link:visited:focus {
    color: #0078ca
}

.degraded-link_block {
    display: block
}

.degraded-link_inline-block {
    display: inline-block
}

.up-button {
    display: block;
    width: 0px;
    height: 0px;
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    position: fixed;
    bottom: 40px;
    right: 8px;
    z-index: 10;
    color: transparent;
    cursor: pointer;
    transition: all 0.45s ease;
    background: rgba(192, 0, 27, 0.5) url("../img/page/up-arrow.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 22px;
    transition: all 0.45s ease
}

.up-button:hover {
    transition: all 0.45s ease;
    border-radius: 50%;
    outline: none
}

.up-button_visible {
    width: 44px;
    height: 44px;
    transition: all 0.45s ease
}

@media (min-width: 768px) {
    .visible-on-mobile {
        display: none
    }
}

.overlay {
    display: none;
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    background: rgba(0, 0, 0, .3);
    z-index: 99;
}

.b-popup {
    text-align: center;
    display: none;
    position: fixed;
    height: auto;
    width: 560px;
    top: 35%;
    left: 50%;
    border-radius: 10px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background: #fff;
    z-index: 100;
    -webkit-box-shadow: 0 6px 11px 3px rgba(0, 0, 0, .3);
    box-shadow: 0 6px 11px 3px rgba(0, 0, 0, .3);
    padding: 30px 30px;
}

@media (max-width: 767px) {
    .b-popup {
        width: 100%;
    }
}

/* action mod */
.b-popup--act {
	top: 50%;
	width: 960px;
	max-width: 100%;
	transform: translate(-50%, -50%);
}
.b-popup--act img {
	display: block;
	max-width: 100%;
	height: auto;
}
.b-popup--act img:not(:last-child) { 
	margin-bottom: 20px;
}
.b-popup--act .b-close { 
	top: 0;
	right: 0;
	width: 40px;
	height: 40px;
	cursor: pointer;
}
.b-popup--act .b-close span {
	top: 20px;
	position: relative;
	margin: auto;
}
@media only screen and (max-width: 767.98px) {
	.b-popup--act {
		padding-inline: 0;
		padding-bottom: 20px;
	}
	.b-popup--act .b-close { 
		top: -5px;
	}
}
/* / action mod */


@media (min-width: 768px) {
    .b-popup-group {
        padding: 0px 90px;
        margin: 20px -30px 0;
        margin-top: 20px;
    }
    .b-popup-group:not(:last-child) {
        padding-bottom: 20px;
        border-bottom: 1px solid #acacac;
    }
    .b-popup-group:first-child {
        margin-top: 0;
    }
}

.b-popup .calc-form__checkbox-label {
    width: 75%;
}

@media (min-width: 768px) {
    .b-popup .calc-form__checkbox-label {
        width: 50%;
    }
}

.b-popup-buyed {
    text-align: center;
    display: none;
    position: fixed;
    height: auto;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .35);
    z-index: 100;
    height: auto;
    width: auto;
    overflow-y: auto;
    transform: translateX(-50%);
    left: 50%;
    max-height: 100%;
    max-width: 95%;
    overflow-x: hidden;
}

@media (min-width: 768px) {
    .b-popup-buyed {
        top: 50%;
        transform: translate(-50%, -50%);
    }
}

.b-popup-buyed-inner {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -ms-align-items: baseline;
    align-items: baseline;
    justify-content: space-between;
    height: 100%;
    width: 100%;
}

.b-popup-buyed .section-content {
    position: relative;
    background-color: #fff;
    -webkit-box-shadow: 0 13px 16px 1px rgba(0, 0, 0, .3);
    box-shadow: 0 13px 16px 1px rgba(0, 0, 0, .3);
    padding: 30px 30px;
    height: auto;
}

.js-popup__calculate {
    top: 5%;
}

.b-popup .el-title {
    text-align: center;
    font-size: 20px;
    padding-bottom: 20px;
}

.b-popup textarea,
.b-popup input[type=text],
.b-popup input[type=phone],
.b-popup input[type=number],
.b-popup input[type=tel],
.b-popup select {
    margin: 0 0 10px;
    border: 0;
    background-color: transparent;
    border-bottom: 1px solid #acacac;
    -webkit-border-radius: 0;
    border-radius: 0;
    outline: 0;
    width: 100%;
    display: block;
    color: #acacac;
    padding: 10px 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    font: 300 16px/22px 'Fira Light';
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
}
.b-popup textarea,
.b-popup input[type=text],
.b-popup input[type=phone],
.b-popup input[type=number],
.b-popup input[type=tel] {
	color: #0078ca;
}
.b-popup .calc-form__fieldset {
	margin-top:10px;
}

.b-popup textarea {
    resize: vertical;
    min-height: 50px;
}

.b-popup textarea:hover,
.b-popup input:hover,
.b-popup select:hover {
    color: #0078ca !important;
    border-bottom-color: #0078ca !important;
}

.b-popup textarea:focus,
.b-popup input:focus,
.b-popup select:focus,
.b-popup textarea:active,
.b-popup input:active,
.b-popup select:active {
    color: #0078ca !important;
    border-bottom-color: #0078ca !important;
    box-shadow: 0px 8px 10px -5px rgba(0, 120, 202, .3), inset 0px -10px 10px -10px rgba(0, 120, 202, .3);
}

.b-popup .textarea_active {
    color: #0078ca !important;
    font-weight: 400;
    border-bottom-color: #0078ca !important;
}

.b-popup .input_active {
    color: #0078ca !important;
    font-weight: 400;
    border-bottom-color: #0078ca !important;
}

.b-popup .select_active {
    color: #0078ca !important;
    font-weight: 400;
    border-bottom-color: #0078ca !important;
}

.popup__form-input--border {
    padding: 10px !important;
    border: 1px solid #acacac !important;
}

.b-close {
    position: absolute;
    right: 20px;
    top: 20px;
    width: 25px;
    height: 25px;
}

.b-close span {
    background: #000;
    width: 12px;
    height: 2px;
    font-size: 0;
    display: block;
    cursor: pointer;
}

.b-close span:first-child {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.b-close span:last-child {
    -webkit-transform: rotate(135deg) translateY(80%) translateX(-10%);
    -ms-transform: rotate(135deg) translateY(80%) translateX(-10%);
    transform: rotate(135deg) translateY(80%) translateX(-10%);
}

.radio-group {
    text-align: center;
}

.b-popup .calc-form__label-radio {
    float: none;
}

.popup-calc-from__input-text-container {
    justify-content: center;
    position: relative;
    width: 100%;
}

@media (min-width: 768px) {
    .popup-calc-from__input-text-container .input-razmer:first-child {
        margin-right: 20px;
    }
    .popup-calc-from__input-text-container .input-razmer:last-child {
        margin-left: 20px;
    }
}

.b-popup .all-banners-num {
    margin-top: 20px;
}

.b-popup .calc-form__fieldset {
    padding: 0;
}

.b-popup .input-razmer,
.b-popup .input-razmer::-webkit-outer-spin-button,
.b-popup .input-razmer::-webkit-inner-spin-button {
    appearance: none;
    margin: 0;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.b-popup .input-razmer:after {
    position: absolute;
    content: "м";
    z-index: 1000;
    color: #0078ca;
    right: 0px;
    bottom: 18px;
}

.b-popup .input-razmer-num {
    max-width: 45%;
}

@media (min-width: 768px) {
    .b-popup .input-razmer-num {
        margin-left: 5%;
    }
}

.b-popup .input-razmer-num:after {
    content: 'шт.';
}

.input-razmer {
    position: relative;
    width: 100%;
}

.input-razmer input[type=number] {
    padding-right: 0px;
}

.b-popup .popup-calc-form__x {
    width: 30px;
}

.upload_file input.selected+span {
    font-weight: bold;
}

.popup-form__field {
    margin-bottom: 20px;
}

.upload_file input.selected+span:after {
    /* content: " (файл выбран) ";
   position: absolute;
   width: 30px;
   height: 30px;
   z-index: 1;
   margin-left: 5px;*/
}

.upload_file_name {
    display: block;
    width: 100%;
    font-weight: 400;
    line-height: 30px;
    text-align: left;
    color: #63ff64;
}

.calc-form-custom .upload_file_name {
    display: inline-block;
    font-weight: 400;
    line-height: 30px;
    text-align: left;
    color: #63ff64;
    float: right;
    width: auto;
}

.loading_file {
    width: 20px;
}

.upload_file .button {
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    text-align: center;
    padding: 5px 25px;
    color: #0078ca;
    border: 1px solid #0078ca;
}

.js-calculate__form .upload_file_name {
    text-align: left;
    color: #219322;
}
.file_upload_block { 
	position:relative;
}
form .el-title {}

.login-form input {
    border: 1px solid #aaa;
    text-align: center;
}

.login-form {
    text-align: center;
}

.login-form input {
    padding: 2px 20px;
    margin-bottom: 10px;
}

.delete_file {
    display: inline-block;
    width: 10px;
    height: 10px;
    background: url(../img/popups/close-icon.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin-left: 10px;
    cursor: pointer;
}

.delete_file:hover {
    width: 12px;
    height: 12px;
    margin-left: 8px;
}

.new_value {
 /*
	color: #fff;
    font-weight: bold;
    margin: 0 5px;
    background: #f00;
    padding: 2px 5px;
*/
	font-weight:bold;
}

.action_row {
    color: #f00;
    padding: 2px 5px;
    font-weight: bold;
    text-align: center !important;
}

.old_value {
    display: inline-block;
    display: none;
    color: #aaa;
    position: relative;
}

.old_value:after {
    top: 0px;
    left: 0px;
    display: block;
    content: " ";
    position: absolute;
    width: 100%;
    height: 50%;
    border-bottom: 1px solid #f00;
}

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

.page-title {
    padding: 10px 8px 15px;
}

.stends-slider-item {
    position: relative;
    margin: 0 20px;
    padding: 0;
    transition-duration: .25s;
}
.stends-slider-item:hover,
.stends-slider-item:focus {
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.75);
    transform: translateY(-5px);
}
.stends-slider-item .price-tile__image-container img {
	object-fit: contain;
}

.tab-stend-btn {
    display: block;
    min-width: 164px;
    height: 36px;
    margin: 0 20px;
    padding: 0 25px;
    border-radius: 10px;
    font-weight: 400;
    line-height: 36px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    background: #868686;
    background: linear-gradient(to bottom, #868686 0%, #919191 100%);
}

.tab-stend-btn:hover,
.tab-stend-btn:focus {
    border-radius: 10px;
}

.tab-stend-btn_active {
    border-radius: 10px;
    background: #00a9ec;
    background: linear-gradient(to bottom, #00a9ec 0%, #015993 100%);
}

.tab-stend-head {
    padding: 30px 0;
}

.tab-stend-body { display: none; }
.tab-stend-body_active { display: block; }
.tab-stend-body .slick-track { padding-top: 10px; }


.key-feature.profit-point_93 {
    height: auto;
    padding: 5px 5px 5px 90px;
}

.index-feedback-btn {
    display: inline-block;
    margin: 10px;
}

@media (max-width: 767px) {
    .tab-stend-btn {
        margin: 0;
    }
    .tab-stend-btn:not(:last-child) {
        margin-bottom: 10px;
    }
    .key-features-container.key-stends {
        height: auto;
    }
    .key-feature.profit-point_93 {
        height: auto;
        margin-bottom: 10px;
        min-width: 100%;
        height: 75px;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
}

@media screen and (min-width: 768px) {
    .key-feature.profit-point_93 {
        min-width: 33%;
        -ms-flex-preferred-size: 33%;
        flex-basis: 33%;
    }
}

.key-feature.profit-point_93 .key-feature__text:first-child {
    margin-bottom: 10px;
}

.key-feature.profit-point_93 .key-feature__text:last-child {
    font-size: 15px;
    font-weight: 300;
    font-style: normal;
    line-height: 1.5;
}

.section-row {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.examples-item {
    padding: 0 20px;
    max-width: 50%;
    flex-basis: 50%;
    max-height: 300px;
}

@media screen and (min-width: 768px) {
    .examples-item {
        max-width: 25%;
        flex-basis: 25%;
    }
}

.examples-item img {
    width: 100%;
    max-height: 100%;
}

.js-slider-examples img {
    width: 100%;
    padding: 0 10px;
}

.footer__developer {
    position: relative;
    max-width: 175px;
}

.policy {
    font-size: 12px;
    line-height: 1;
    margin: 15px 0;
}

.modal-open {
    overflow: hidden;
}

.fancybox-content {
    padding: 30px !important;
}

.fancybox-content h2 {
    margin: 15px 0;
}

.fancybox-content p {
    margin-bottom: 10px;
}

.popup-modal-link-container {
    text-align: left;
}

.popup-modal-link {
    color: #0078ca;
    text-decoration: none !important;
    border-bottom: 1px dashed;
    text-align: left;
    font-size: 12px;
    line-height: 12px;
    display: inline-block;
}

.popup-modal-link:hover {
    border-bottom-color: transparent;
}

.mat-hide {
    display: none !important;
}

/* form input:checked+label:hover:before {
    display: block;
    position: absolute;
    width: 80px;
    height: 25px;
    padding: 2px 5px;
    background: rgba(0, 0, 0, 0.75);
    content: "Выбрано";
    margin-top: -30px;
    border-radius: 5px;
    color: #fff;
    font-size: 12px;
    line-height: 26px;
} */

.calculator-element-montage {
    position: relative;
    margin-top: 20px;
    padding-left: 25px;
	clear:both;
}
.calculator-element-montage input {
    margin-top: 10px;
    margin-left: -25px;
}
.site-checkbox+label {
    display: inline-block;
    padding-left: 25px;
}

.site-checkbox .input-checked {
    content: " ";
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url(img/checkbox-off.png);
    background-size: 100%;
    background-repeat: no-repeat;
    margin-right: 10px;
    /* position: absolute; */
    margin-left: -25px;
    margin-top: 3px;
}

.site-checkbox .input-checked.active,
.site-checkbox input:checked + .input-checked {
    background-image: url(img/checkbox-on.png);
}
.site-checkbox a {
    color: inherit;
    text-decoration: underline;
}
.policy-block {
    display: block;
    width: 100%;
    text-align: left;
    line-height: 20px;
	clear:both;
}

.rekvizity-table td {
    text-align: left;
}

.calc-form__fieldset.mobi-size {
    display: block;
}

.calc-form__fieldset.mobi-size .calc-form__legend {
    width: auto;
    min-width: auto;
    display: inline-block;
    float: left;
}

.calc-form__fieldset.mobi-size .calc-form__label-radio {
    display: inline-block;
    width: auto;
}

.g-recaptcha>* {
    text-align: center;
    display: inline-block;
}

.order-phone-modal .policy-block .site-checkbox {
    padding-left: 25px;
}

.order-phone-modal .policy-block .site-checkbox:last-child {
    display: none;
}

.tab-btn--active {
    pointer-events: none;
}

.tab-body { display: none; }
.tab-body--active { display: block; }
@media (min-width: 992px) {
	.tab-body table { min-width: 100%; }
}
.tab-body--tbl_mod_1 td:first-child {
	text-align: center;
	padding-left: 0;	
}


.get_way{
	    display: block;
    width: 266px;
    height: 36px;
    margin: 10px 25% 0 auto;
    padding: 0 16px;
    border: 1px solid #000;
    border-radius: 10px;
    background-color: transparent;
    font-weight: 400;
    line-height: 36px;
    text-align: center;
    color: #000;
    cursor: pointer;
}
@media (min-width: 768px) and (max-width: 1023px) {
    .hidden-on-tablet {
        display: none;
    }
}

.inner-page-banner__btn {
    color: #333;
    width: 100%;
    cursor: pointer;
    font-size: 16px;
    padding: 8px 22px;
    line-height: 1.25;
    text-align: center;
    border-radius: 8px;
    display: inline-block;
    border: 1px solid #333;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.inner-page-banner__btn:focus,
.inner-page-banner__btn:hover {
    border-radius: 8px;
    border: 1px solid #333;
}

.inner-page-banner__btn--black {
    color: #fff;
    padding: 8px 50px;
    /* margin-bottom: 20px; */
    background-color: #333;
}
@media only screen and (max-width: 767px) {
	.inner-page-banner__btn { 
		display: flex;
		align-items: center;
		justify-content: center;	
		padding: 5px 0; 
		margin: 0;
		font-size: 15px;
		line-height: 1;
	}
	
}

.inner-page-banner__btn--white {
    background-color: #f1f1f1;
    border-color: #f1f1f1;
}

.inner-page-banner__btn:focus,
.inner-page-banner__btn--white:hover,
.inner-page-banner__btn--black:hover {
    border-color: #777;
    background-color: #777;
}

.inner-page-banner__btn--clear {
    background-color: transparent;
}

.inner-page-banner__btn--clear:focus,
.inner-page-banner__btn--clear:hover {
    border-color: #d9d9d9;
    background-color: #d9d9d9;
}

.inner-page-banner__btn--blue {
    border: 0;
    color: white;
    background: -moz-linear-gradient( 90deg, rgb(1, 88, 146) 1%, rgb(0, 168, 235) 100%);
    background: -webkit-linear-gradient( 90deg, rgb(1, 88, 146) 1%, rgb(0, 168, 235) 100%);
    background: -ms-linear-gradient( 90deg, rgb(1, 88, 146) 1%, rgb(0, 168, 235) 100%);
}

.inner-page-banner__btn--blue:hover {
    border: 0;
    background: rgb(1, 88, 146);
}

.table-btn-after {
    margin-top: 25px;
}

.table-modal {
    display: none;
    width: 90%;
    padding: 20px;
    max-height: 90%;
}
.price-card__btn-icon {
    font-size: 26px;
    line-height: 0.5;
    margin-left: 3px;
    display: inline-block;
    transform: rotate(90deg) translateX(3px);
    -webkit-transform: rotate(90deg) translateX(3px);
    -moz-transform: rotate(90deg) translateX(3px);
    -ms-transform: rotate(90deg) translateX(3px);
    -o-transform: rotate(90deg) translateX(3px);
}

@media (min-width: 768px) {
    .inner-page-banner__btn {
        width: auto;
    }
    .inner-page-banner__btn:not(:last-child) {
        margin-right: 20px;
        margin-bottom: 0;
    }
}
@media (max-width: 1439px) {
    .table-modal .table-container-overflow {
        overflow-x: scroll;
    }
}
@media (min-width: 1024px) {
    .table-modal {
        width: 60%;
    }
}
@media (max-width: 767px) {
    .hidden-on-mobile {
        display: none
    }
}
ul.unordered-list li.no-before:before {
    display:none;
}
.policy-cont {
    padding-left: 25px;
}
.page-text-title-fake {
    color: #0e76bc;
    font-size: 1.25rem;
    text-transform: uppercase;
}
.table-price-notation {
    margin-top: 20px;
    text-align: center;
}
.section-content.section-notify {
    text-align: center;
    font-size: 20pt;
	border: 3px solid #e51c88;
	margin-bottom: 20px;
}
.section-content.section-notify p {
	font-size:16pt;
}
.section-content.section-notify p b {
	font-size:20pt;
	margin-bottom: 20px;
    display: block;
}
.reviews-item-view__stars {
    margin: 0 15px 0 0;
}
.rating-stars {
	display: block;
    width: auto;
    margin: 0 0 20px;
    font-size: 12px;
    font-weight: 300;
    line-height: 16px;
    text-align: left;
    color: #929292;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    float: right;
}
.rating-stars .flex-container {
	align-items: center;
}

.page_micro_rating div[itemprop="offers"] {
	clear:both;
}
.page_micro_rating {
    max-width: 1280px;
    padding: 10px;
    margin: auto;
}
.rating-stars-text {
	margin-right:10px;
}
.reviews-item-view__star {
    /* width: 15px; */
    /* height: 15px; */
    width: 25px;
    height: 25px;
    background-image: url('star.svg');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    filter: grayscale(1);
		background-color: transparent;
}
.reviews-item-view__star.star {
    filter: none;
}
.reviews-item-view__star:not(:last-child) {
    margin-right: 5px;
}
@media (min-width: 768px) {
	/*
	.all_price_page .table-container-overflow tbody tr > *:not(:first-child) {
		width: 9rem;
	}
	.all_price_page section:nth-child(n+3) .table-container-overflow tbody tr > *:not(:first-child) {
		width: 13rem;
	}
	*/
}
label {
	cursor:pointer;
}
/*
tr.hidden_row {
    display: none !important;
}
*/

@media (min-width: 980px) {
    .table_19_2 th,
    .table_19_2 td,
    .table_19_4 th,
    .table_19_4 td,
    .table_30_1 th,
    .table_30_1 td,
    .table_27_4 th,
    .table_27_4 td,
    .table_27_2 th,
    .table_27_2 td,
    .table_27_1 th,
    .table_27_1 td,
    .table_27_3 th,
    .table_27_3 td,
    .table_28_1 th,
    .table_28_1 td,
    .table_28_2 th,
    .table_28_2 td,
    .table_28_7 th,
    .table_28_7 td,
    .table_28_4 th,
    .table_28_4 td,
    .table_28_3 th,
    .table_28_3 td,
    .table_28_6 th,
    .table_28_6 td,
    .table_29_1 th,
    .table_29_1 td{
        /* width: 10%; */
    }

    .table_19_2,
    .table_19_4,
    .table_30_1,
    .table_27_4,
    .table_27_2,
    .table_27_1,
    .table_27_3,
    .table_28_1,
    .table_28_2,
    .table_28_7,
    .table_28_4,
    .table_28_3,
    .table_28_6,
    .table_29_1,
    .table_28_5{
        table-layout: fixed;
    }


    .table_19_2 td:first-child,
    .table_19_4 td:first-child,
    .table_30_1 td:first-child,
    .table_27_4 td:first-child,
    .table_27_2 td:first-child,
    .table_27_1 td:first-child,
    .table_27_3 td:first-child,
    .table_28_1 td:first-child,
    .table_28_2 td:first-child,
    .table_28_7 td:first-child,
    .table_28_4 td:first-child,
    .table_28_3 td:first-child,
    .table_28_6 td:first-child,
    .table_29_1 td:first-child,

    .table_19_2 th:first-child,
    .table_19_4 th:first-child,
    .table_30_1 th:first-child,
    .table_27_4 th:first-child,
    .table_27_2 th:first-child,
    .table_27_1 th:first-child,
    .table_27_3 th:first-child,
    .table_28_1 th:first-child,
    .table_28_2 th:first-child,
    .table_28_7 th:first-child,
    .table_28_4 th:first-child,
    .table_28_3 th:first-child,
    .table_28_5 th:first-child,
    .table_28_6 th:first-child,
    .table_29_1 th:first-child{
        width: 30%;
    }

    .js-table-prices{
        table-layout: fixed;
    }

    .js-table-prices td:first-child,
    .js-table-prices th:first-child{
        width: 30%;
    }

}
.cdek_hidden { display:none !important }
.cdek_popup {
	position:relative;
	width:95%;
}
.cdek_form_block .popup-modal-link {
    margin-top: 20px;
    width: 100%;
    display: block;
    cursor: pointer;
    border-bottom: 1px solid;
    padding-bottom: 15px;
    font-size: 12pt;
    padding-left: 5px;
}
.cdek_button_close {
    position: absolute;
    display: block !important;
    top: 0px;
    right: 0px;
}

.CDEK-widget__panel-content {
	height: calc(100% - 60px)!important;
}
.CDEK-widget__panel-details__back + .CDEK-widget__panel-headline {
	width: auto;
	margin-right: 0;
  text-align: left;
}




.delivery-desc-hidden {
	display:none !important;
}
.accessories .calc-form__label-radio {
    font-size: 12px;
    height: auto;
    line-height: 20px;
}
input[value="Cветоблокирующий пластик"],
input[value="Cветоблокирующий пластик"] + label {
	display:none !important;
}
table[data-table-page="51"] td[rowspan]:first-child + td {
	text-align:left;
	padding-left: 20px;
}

table[data-table-page="51"] td {
	width: 90px;
}
/*
.js-dpi-block[data-id="135"]{
	display:none !important;
}
*/

/* requirements page - btns list */
.reqs {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 7px 0;
	margin-bottom: 3em;
}
.reqs .link-button {
	width: auto; /* imp! */
	height: auto;
	padding: 8px 20px;
	line-height: 1.25;
	font-size: inherit; /* imp! */
}

.b-popup [data-id="138"] [data-src="#dpi_modal"],
.b-popup [data-id="139"] [data-src="#dpi_modal"],
.b-popup [data-id="138"] [title="1440 dpi"],
.b-popup [data-id="139"] [title="1440 dpi"],
.b-popup [data-id="140"] [data-src="#dpi_modal"],
.b-popup [data-id="141"] [data-src="#dpi_modal"],
.b-popup [data-id="140"] [title="1440 dpi"],
.b-popup [data-id="141"] [title="1440 dpi"]
{
	display:none !important;
}

.calculator__input_counter {
	display:none !important;
}
.calculator__field .calculator__input:checked ~ .calculator__label .calculator__input_counter {
	display: inline-block !important;
    text-align: center;
    height: 22px;
    border-radius: 4px;
    margin-left: 10px;
    margin-right: -3px;
}
[data-value-count]:checked ~ .main_calculator__label .calculator__input_counter {
	display:inline-block !important;
    width: 50px;
}
[data-value-count]:checked ~ .main_calculator__label {
	display:inline-block !important;
	width: 80px;
    margin-left: 10px;
    text-align: center;
    white-space: nowrap;
}
[data-value-count]:checked ~ .main_calculator__label:after {
    content: 'шт.';
	display:inline-block;
	color: #0078ca;
	margin-left:5px;
}

.calculator__legend .popup-modal-link {
	padding-top: 11px; /* for 24 px touch target size */
}