@font-face {
  font-family: 'Segoe UI';
  src: url("../fonts/SegoeUIRegular/SegoeUIRegular.woff")format('woff'), url("../fonts/SegoeUIRegular/SegoeUIRegular.ttf")format('truetype');
  font-weight: 400;
  font-style: normal
}

@font-face {
  font-family: 'Segoe UI';
  src: url("../fonts/SegoeUIBold/SegoeUIBold.woff")format('woff'), url("../fonts/SegoeUIBold/SegoeUIBold.ttf")format('truetype');
  font-weight: 700;
  font-style: normal
}

@font-face {
  font-family: 'Segoe UI';
  src: url("../fonts/SegoeUILight/SegoeUILight.woff")format('woff'), url("../fonts/SegoeUILight/SegoeUILight.ttf")format('truetype');
  font-weight: 300;
  font-style: normal
}

@font-face {
  font-family: 'Segoe UI';
  src: url("../fonts/SegoeUISemiBold/SegoeUISemiBold.woff")format('woff'), url("../fonts/SegoeUISemiBold/SegoeUISemiBold.ttf")format('truetype');
  font-weight: 600;
  font-style: normal
}

@font-face {
  font-family: 'Segoe UI';
  src: url("../fonts/SegoeUIItalic/SegoeUIItalic.woff")format('woff'), url("../fonts/SegoeUIItalic/SegoeUIItalic.ttf")format('truetype');
  font-weight: 400;
  font-style: italic
}

html {
  font-family: sans-serif;
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%
}

body {
  margin: 0
}

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

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

figcaption,
figure,
main {
  display: block
}

figure {
  margin: 1em 40px
}

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

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

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

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

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

b,
strong {
  font-weight: inherit;
  font-weight: 700er
}

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

dfn {
  font-style: italic
}

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

small {
  font-size: 80%
}

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

sub {
  bottom: -.25em
}

sup {
  top: -.5em
}

audio,
video {
  display: inline-block
}

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

img {
  border-style: none
}

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

button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  font-size: 100%;
  line-height: 1.15;
  margin: 0
}

button,
input {
  overflow: visible
}

button,
select {
  text-transform: none
}

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

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

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: .35em 0.625em .75em
}

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

progress {
  display: inline-block;
  vertical-align: baseline
}

textarea {
  overflow: auto
}

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

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

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none
}

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

details,
menu {
  display: block
}

summary {
  display: list-item
}

canvas {
  display: inline-block
}

template {
  display: none
}

[hidden],
.hidden {
  display: none
}

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  -webkit-tap-highlight-color: transparent
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
  outline: none
}

.slick-list:focus {
  outline: none
}

.slick-list.dragging {
  cursor: pointer
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0)
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block
}

.slideshow .slick-track {
  height: 607px
}

.slick-track:after {
  clear: both
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: ''
}

.slick-loading .slick-track {
  visibility: hidden
}

.slick-loading .slick-slide {
  visibility: hidden
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
  outline: none
}

.slick-slide:active,
.slick-slide:focus {
  outline: none
}

.slick-slide.slick-loading img {
  display: none
}

[dir='rtl'] .slick-slide {
  float: right
}

.slick-initialized .slick-slider {
  display: block
}

.slick-initialized .slick-slide {
  display: block
}

.slideshow.slick-initialized .slick-slide {
  display: block;
  height: 607px
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent
}

.slick-arrow {
  display: block;
  cursor: pointer;
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  outline: none;
  text-indent: -9999px;
  width: 16px;
  height: 16px;
  top: 55%;
  margin-top: -8px;
  position: absolute;
  z-index: 999
}

.slick-arrow.slick-hidden {
  display: none
}

.slick-prev {
  border-top: 2px #626262 solid;
  border-left: 2px #626262 solid;
  left: 55%;
  margin-left: -607px;
  transform: rotate(-45deg)
}

.slick-next {
  right: 55%;
  margin-right: -607px;
  border-top: 2px #626262 solid;
  border-right: 2px #626262 solid;
  transform: rotate(45deg)
}

#colorbox,
#cboxOverlay,
#cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0)
}

#cboxWrapper {
  max-width: none
}

#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%
}

#cboxMiddleLeft,
#cboxBottomLeft {
  clear: left
}

#cboxContent {
  position: relative
}

#cboxLoadedContent {
  overflow: auto;
  -webkit-overflow-scrolling: touch
}

#cboxTitle {
  margin: 0
}

#cboxLoadingOverlay,
#cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow {
  cursor: pointer
}

.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none;
  -ms-interpolation-mode: bicubic
}

.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
  padding: 0;
  margin: 0
}

#colorbox,
#cboxContent,
#cboxLoadedContent {
  box-sizing: content-box
}

#cboxOverlay {
  background: #000;
  opacity: 0.9
}

#colorbox {
  outline: 0;
  border-radius: 5px
}

#cboxContent {
  background: #000
}

.cboxIframe {
  background: #fff
}

#cboxError {
  padding: 50px;
  border: 1px solid #ccc
}

#cboxLoadedContent {
  border: 5px solid #fff;
  background: #fff
}

#cboxTitle {
  position: absolute;
  top: -20px;
  left: 0;
  color: #ccc
}

#cboxCurrent {
  position: absolute;
  top: -20px;
  right: 0;
  color: #ccc
}

#cboxLoadingGraphic {
  background: url(../images/loading.gif)no-repeat center center
}

#cboxPrevious,
#cboxNext,
#cboxSlideshow,
#cboxClose {
  border: 0;
  padding: 0;
  margin: 0;
  overflow: visible;
  width: auto;
  background: none
}

#cboxPrevious:active,
#cboxNext:active,
#cboxSlideshow:active,
#cboxClose:active {
  outline: 0
}

#cboxSlideshow {
  position: absolute;
  top: -20px;
  right: 90px;
  color: #fff
}

#cboxPrevious {
  outline: none;
  position: absolute;
  top: 55%;
  left: 10px;
  margin-top: -18px;
  background: url(../images/controls.png)no-repeat center center;
  width: 36px;
  height: 36px;
  text-indent: -9999px;
  opacity: 0.5
}

#cboxPrevious:hover {
  opacity: 1
}

#cboxNext {
  outline: none;
  position: absolute;
  top: 55%;
  right: 10px;
  margin-top: -18px;
  background: url(../images/controls.png)no-repeat bottom center;
  width: 36px;
  height: 36px;
  text-indent: -9999px;
  opacity: 0.5
}

#cboxNext:hover {
  opacity: 1
}

#cboxClose {
  outline: none;
  position: absolute;
  top: 10px;
  right: 10px;
  display: block;
  background: url(../images/controls.png)no-repeat top center;
  width: 36px;
  height: 36px;
  text-indent: -9999px;
  opacity: 0.5
}

#cboxClose:hover {
  opacity: 1
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 25px 0;
  font-weight: 400
}

h1 {
  font-size: 26px;
  line-height: 29px;
  text-align: center
}

h2 {
  font-size: 26px;
  line-height: 29px;
  text-align: center
}

h3 {
  margin: 0 0 20px 0;
  font-size: 23px;
  line-height: 26px
}

p {
  margin: 0 0 18px 0
}

.page iframe {
  margin: 0 0 30px 0
}

button,
[type="submit"],
[type="button"],
[type="reset"] {
  cursor: pointer
}

ul.menu,
ul.menu ul,
ul.nolist,
.slideshow ul,
.pagination ul,
ul.breadcrumb {
  margin: 0;
  padding: 0;
  list-style: none
}

.c-table {
  border-collapse: collapse
}

.c-table:after {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  clear: both;
  margin-bottom: 17px
}

.c-table tr td,
.c-table tr th {
  border: 1px #ccc solid;
  padding: 2px 4px
}

img {
  max-width: 100%;
  outline: none
}

hr {
  margin: 0;
  padding: 0;
  border: none;
  width: 100%;
  height: 1px;
  background: #ccc;
  margin-bottom: 18px
}

a {
  color: #4a59c5;
  outline: none
}

a:hover {
  text-decoration: none
}

* {
  box-sizing: border-box
}

*:before,
*:after {
  box-sizing: border-box
}

ul ul,
ol ol,
ul ol,
ol ul {
  margin-top: 15px
}

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto
}

.img-bordered {
  border: 2px #ccc solid;
  transition: all ease 0.5s
}

.img-bordered:hover {
  border: 2px #f5f5f5 solid;
  transition: all ease 0.5s
}

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

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

.img-right {
  float: right
}

.img-left {
  float: left
}

.circle {
  border-radius: 55%
}

.clr,
.clearfix {
  clear: both
}

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

.clearfix:after,
.container:after {
  clear: both
}

.block {
  width: 100%;
  float: left
}

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

.block:after,
.row:after {
  clear: both
}

.row:before,
.row:after {
  content: " ";
  display: block
}

.row:after {
  clear: both
}

.row+.row {
  margin-top: 15px
}
.btn {
  display: inline-block;
  font-family: 'Segoe UI';
  color: #fff;
  background: #4a59c5;
  padding: 12px 22px;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  border: none;
  outline: none;
  border-radius: 4px;
  box-shadow: 5px 5px 9px 0 rgba(0, 0, 0, 0.1);
  transition: all ease 0.5s
}
.btn:hover {
  background: #8390e7
}

.btn:active {
  box-shadow: inset 0 0px 9px 0 rgba(0, 0, 0, 0.5)
}

.btn-yellow {
  color: #2f2d18;
  background: #34d9f4
}

.btn-yellow:hover {
  background: #81cdda
}

.btn-title {
  display: block;
  font-size: 18px;
  font-weight: 600
}

.btn-text {
  display: block;
  margin: 7px 0 0 0;
  text-transform: none;
  font-size: 13px;
  line-height: 15px;
  font-weight: 600
}

.btn-small {
  padding: 7px 15px;
  font-weight: 600;
  font-size: 11px
}

input[type='text'],
input[type='tel'],
input[type='email'],
select,
textarea {
  border: 1px #dfdfdf solid;
  padding: 12px 22px;
  outline: none;
  border-radius: 4px
}

input.error,
select.error,
textarea.error {
  border-color: brown
}

html {
  height: 100%
}

body {
  font: 16px/21px 'Segoe UI', Arial, sans-serif;
  color: #363636;
  width: 100%;
  max-width: 100%;
  height: 100%;
  min-width: 1230px
}

.clr,
.clearfix {
  clear: both
}

.container {
  margin: 0 auto;
  width: 1250px;
  padding-left: 15px;
  padding-right: 15px
}

.container-fluid {
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px
}

.row {
  margin-left: -15px;
  margin-right: -15px
}

.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px
}

.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12 {
  float: left
}

.col-lg-12 {
  width: 100%
}

.col-lg-11 {
  width: 91.66666667%
}

.col-lg-10 {
  width: 83.33333333%
}

.col-lg-9 {
  width: 75%
}

.col-lg-8 {
  width: 66.66666667%
}

.col-lg-7 {
  width: 58.33333333%
}

.col-lg-6 {
  width: 50%
}

.col-lg-5 {
  width: 41.66666667%
}

.col-lg-4 {
  width: 33.33333333%
}

.col-lg-3 {
  width: 25%
}

.col-lg-2 {
  width: 16.66666667%
}

.col-lg-1 {
  width: 8.33333333%
}

.wrapper {
  width: 100%;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0;
  padding: 0
}

.top-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  padding: 14px 0 14px 0;
  border-bottom: 2px solid #EAEAEA
}

.top-header ul {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-items: center;
  clear: both;
  margin: 0;
  padding: 0;
  width: auto;
  z-index: 999;
  gap: 5px 20px;
  list-style: none
}

.top-header a {
  font-weight: normal;
  font-size: 13px;
  line-height: 17px;
  color: #686868;
  text-decoration: none
}

.top-header .director {
  position: relative;
  padding-left: 20px;
  margin-left: auto
}

.top-header .director::before {
  content: url('../images/line-md_email.png');
  position: absolute;
  left: 0;
  top: 1px
}

.header {
  padding: 24px 0 27px 0;
  position: relative;
  z-index: 99
}

.header .container {
  position: relative
}

.top-box-contacts {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px 20px
}

.logo {
  float: left
}

.btn-gager {
  padding: 12px 23px 12px 53px;
  text-decoration: none;
  text-transform: none;
  font-size: 14px;
  line-height: 19px;
  position: relative;
  border-radius: 6px;
  background: #FF484A
}

.btn-gager::before {
  content: url('../images/tape-measure.png');
  position: absolute;
  top: 9px;
  left: 18px;
}

.opening {
  padding: 0 0 0 40px;
  font-size: 22px;
  position: relative
}

.opening:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(../images/sprite.png);
  background-position: -182px -64px;
  width: 25px;
  height: 25px
}

.opening-hours {
  font-size: 22px;
  color: #373737
}

.opening-hours sup {
  top: -8px;
  font-size: 55%
}

.opening-daily {
  font-size: 13px;
  line-height: 16px;
  color: #686868
}

.callback {
  padding: 0 0 0 42px;
  position: relative
}

.callback:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(../images/sprite.png);
  background-position: -52px -164px;
  width: 25px;
  height: 25px
}

.callback-phone {
  color: #373737;
  font-size: 22px;
  line-height: 24px;
  font-weight: 600;
  text-decoration: none
}

.callback-phone a {
  text-decoration: none;
  color: #373737
}

.callback-btn {
  border: 1px #e9e9e9 solid;
  border-bottom: 2px #4a59c5 solid;
  outline: none;
  background: #fff;
  color: #4a59c5;
  line-height: 19px;
  font-weight: 600;
  font-size: 13px;
  padding: 13px 26px;
  border-radius: 6px;
  transition: all ease 0.5s
}

.callback-btn:hover {
  background: #4a59c5;
  color: #fff
}

.callback-btn:active {
  box-shadow: inset 0 0px 9px 0 rgba(0, 0, 0, 0.5)
}

a.login {
  position: absolute;
  top: -24px;
  right: 10px;
  font-size: 13px;
  color: #686868;
  text-decoration: none
}

a.mail-director {
  position: absolute;
  top: -24px;
  right: 20px;
  font-size: 13px;
  color: #686868;
  text-decoration: none
}

.mobile-menu {
  display: none
}

.topmenu {
  background: #4A59C5;
  line-height: 20px;
  font-size: 15px;
  font-weight: 600;
  color: #363636
}

.topmenu ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  margin: 0;
  padding: 20px 0;
  width: auto;
  z-index: 999;
  gap: 5px 20px;
  list-style: none;
  position: relative;
  font-size: 16px
}

/* .topmenu ul:after {
  content: "";
  display: inline-block;
  margin-left: 100%
} */

.topmenu ul li {
  position: relative
}

.topmenu .menu > li > a::after {
  background: none repeat scroll 0 0 transparent;
  bottom: 0;
  content: "";
  display: block;
  height: 3px;
  left: 50%;
  position: absolute;
  background: #2d3994;
  transition: width 0.3s ease 0s, left 0.3s ease 0s;
  width: 0;
}
.topmenu .menu > li > a:hover:after {
  width: 100%;
  left: 0;
}
.topmenu .parent {
  padding-right: 17px;
  color: #4A59C5
}

.topmenu .parent::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='5' viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='1' clip-path='url(%23clip0)'%3E%3Cpath d='M7 1L4 4L1 1' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='5' height='8' fill='white' transform='translate(8) rotate(90)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  width: 12px;
  height: 10px;
  position: absolute;
  right: 0;
  top: 10px;
}
.topmenu .parent .parent::after{
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='5' viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='1' clip-path='url(%23clip0)'%3E%3Cpath d='M7 1L4 4L1 1' stroke='%234A59C5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='5' height='8' fill='white' transform='translate(8) rotate(90)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  top: 18px;
  transform: rotate(270deg);
}

.topmenu ul li.first a,
.topmenu ul li:first-child a {
  padding-left: 0
}

.topmenu ul li.last a,
.topmenu ul li:last-child a {
  padding-right: 0
}

.topmenu ul li a {
  display: block;
  text-decoration: none;
  color: #fff;
  line-height: 25px;
  position: relative
}

.topmenu ul li a.sales {
  color: #fff;
  font-weight: 700;
  padding-left: 30px
}

.topmenu ul li a.sales:before{
  content: url('../images/discount.png');
  position: absolute;
  top: 0;
  left: 0;
}

.topmenu .parent .submenu {
  display: none;
  position: absolute;
  background-color: #fff;
  width: 235px;
  box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);
  z-index: 1337;
}
.topmenu .parent .submenu a {
  color:#4A59C5
}

.topmenu .parent .submenu li {
  padding: 10px;
}

.topmenu .parent .submenu li:hover {
  background-color: #f3f3f3;
}

.topmenu .parent:hover>.submenu {
  display: block;
}

.topmenu .parent .submenu .submenu {
  left: 235px;
  top: 0;
}

.slideshow {
  height: 607px;
  overflow: hidden;
  position: relative;
  z-index: 88
}

.slideshow .container {
  position: relative;
  z-index: 3;
  height: 607px
}

.slideshow-item {
  background: #fafafc;
  width: 100%
}

.slideshow-img {
  display: block;
  position: absolute;
  z-index: 1;
  right: 0;
  top: 0;
  max-width: none;
  height: 607px
}

.slideshow-text {
  position: absolute;
  top: 55%;
  left: 120px;
  z-index: 3;
  transform: translate(0, -55%)
}

.new-slideshow-text {
  position: absolute;
  top: 55%;
  left: 80px;
  z-index: 3;
  text-align: center;
  max-width: 680px;
  transform: translate(0, -55%)
}

.slideshow-label {
  font-size: 24px;
  color: #000;
  margin: 0 0 5px 0
}

h1.slideshow-label {
  text-align: left;
  line-height: 24px
}

h1.new-slideshow-label {
  font-size: 39.5px;
  color: #656565
}

.new-slideshow-label {
  font-size: 39.5px;
  color: #656565
}

.new-slideshow-label.label-var2 {
  color: #4d4d4d;
  font-size: 34px;
  font-weight: 700;
  margin-bottom: 20px
}

.new-slideshow-label.var3 {
  font-size: 30px;
  line-height: 32px;
  margin-bottom: 20px;
  color: #4d4d4d
}

.slideshow-title {
  font-size: 48px;
  line-height: 48px;
  font-weight: 700;
  text-transform: uppercase;
  color: #39a539;
  margin: 0 0 15px 0
}

.wood-bg {
  max-width: 441px;
  color: #fff;
  text-align: center;
  display: inline-block;
  padding: 17px 33px 33px;
  font-size: 56px;
  line-height: 56px;
  background: url(../images/wood-bg-span.png)
}

.new-slideshow-title {
  font-size: 78px;
  line-height: 78px;
  font-weight: 700;
  text-transform: uppercase;
  color: #4a59c5;
  margin: 0 0 35px 0
}

.new-slideshow-title.color-turquoise {
  color: #39a59c
}

.new-slideshow-title.var2 {
  font-size: 60px;
  line-height: 60px
}

.slideshow-desc {
  font-size: 16px;
  line-height: 18px;
  color: #000;
  max-width: 455px
}

.new-slideshow-desc {
  font-size: 42px;
  line-height: 43px;
  color: #696969
}

.new-slideshow-desc.desc-var2 {
  font-size: 28px;
  line-height: 29px;
  color: #4d4d4d
}

.new-slideshow-desc.desc-var2 span {
  font-weight: 700
}

.new-slideshow-desc.var3 {
  font-size: 30px;
  line-height: 32px;
  color: #4d4d4d
}

.new-slideshow-desc.var3 span {
  font-weight: 700
}

.slideshow-gray {
  font-size: 16px;
  line-height: 18px;
  margin: 20px 0 0 0
}

.new-slideshow-gray {
  font-size: 22px;
  line-height: 24px;
  margin: 20px 0 0 0
}

.slideshow-btn {
  display: inline-block;
  margin: 25px 0 0 0
}

.slideshow-icon {
  margin: 0 0 15px 0
}

.whitelayer {
  display: block;
  width: 75%;
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0;
  height: 607px;
  background: linear-gradient(to right, rgba(250, 250, 252, 1)0%, rgba(250, 250, 252, 1)75%, rgba(250, 250, 252, 0.5)85%, rgba(250, 250, 252, 0)100%)
}

.sales-triangle {
  padding: 90px 0 0 0;
  text-align: center;
  color: #fff;
  font-size: 40px;
  font-weight: 700;
  background: -ms-linear-gradient(90deg, rgb(249, 0, 0)0%, rgb(176, 0, 0)100%);
  background: linear-gradient(180deg, rgb(249, 0, 0)0%, rgb(176, 0, 0)100%);
  width: 350px;
  height: 160px;
  position: absolute;
  z-index: 3;
  right: -140px;
  top: -50px;
  transform: rotate(45deg);
  box-shadow: 0 7px 7px 0 rgba(0, 0, 0, 0.5)
}

.sales-triangle span {
  font-size: 22px;
  text-transform: uppercase;
  line-height: 29px
}

.btn-orange {
  background: #ec5c1d;
  color: #fff;
  font-size: 14px;
  padding: 14px 20px;
  margin: 22px 0 0 0;
  display: inline-block;
  border-radius: 25px
}

.btn-orange.btn-gift {
  padding-left: 56px;
  background: #ec5c1d url(../images/gift-icon.png)no-repeat 20px center
}

.btn-orange.line2 {
  padding: 3px 20px;
  text-align: center
}

.installment-line {
  margin: 0 0 10px 0
}

.installment-line>span {
  display: inline-block;
  min-width: 130px;
  font-size: 16px
}

.installment-line .btn-orange {
  padding: 5px 20px;
  margin: 0
}

.btn-orange span {
  font-size: 22px
}

.btn-green-rounded {
  background: #4a59c5;
  color: #fff;
  font-size: 14px;
  padding: 14px 20px;
  margin: 5px 0 0 0;
  display: inline-block;
  border-radius: 25px
}

.btn-green-rounded.btn-home {
  padding-left: 56px;
  background: #4a59c5 url(../images/home-icon.png)no-repeat 20px center
}

ul.slideshow-list,
.promo-list {
  list-style: none;
  padding: 0;
  margin: 0 0 45px 0;
  line-height: 19px
}

ul.slideshow-list li,
.promo-list li {
  margin: 12px auto;
  padding-left: 20px;
  background: url("../images/slideshow-li.png")no-repeat left 4px
}

ul.slideshow-list.inlinelist li {
  display: inline-block;
  margin-right: 25px
}

ul.slideshow-list.inlinelist li span {
  display: block;
  width: 100%
}

.promo-list {
  margin: 0 0 25px 0
}

.slideshow-biggreen {
  display: block;
  width: 100%;
  font-size: 26px;
  line-height: 29px;
  color: #34a834
}

.slideshow-special {
  font-size: 24px
}

.btn-white {
  color: #4a59c5;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
  border: 2px #4a59c5 solid;
  padding: 10px 70px 12px;
  border-radius: 3px;
  transition: all ease 0.5s
}

.btn-white:hover {
  color: #fff;
  border-color: #4a59c5;
  background: #4a59c5
}

.btn-white:active {
  box-shadow: inset 0 0px 9px 0 rgba(0, 0, 0, 0.5)
}

.btn-white.color-turquoise {
  color: #39a59c;
  border-color: #39a59c
}

.btn-white.color-turquoise:hover {
  color: #fff;
  border-color: #39a59c;
  background: #39a59c
}

.balcony-gift {
  position: absolute;
  z-index: 3;
  left: 315px;
  top: 185px;
  width: 105px;
  height: 105px;
  background: url("../images/balcony-gift.png")
}

.installment-icon {
  position: absolute;
  z-index: 3;
  left: 280px;
  top: 215px;
  width: 101px;
  height: 101px;
  background: url("../images/installment-in-slide.png")
}

.top-products {
  margin: 20px 0 0 0
}

.top-products-item {
  float: left;
  position: relative;
  width: 293px;
  height: 95px;
  overflow: hidden;
  margin: 0 0 0 16px;
  color: #363636
}

.top-products-item:hover {
  /*box-shadow: 5px 5px 9px 0 rgba(0, 0, 0, 0.1);
  transition: all ease 0.5s*/
}

.top-products-item.first,
.top-products-item:first-child {
  margin: 0 0 0 10%
}

.top-products-img {
  position: relative;
  z-index: 1;
  border: 2px #ccc solid;
}

.top-products-text {
  display: block;
  position: absolute;
  z-index: 2;
  left: 7px;
  top: 7px;
  width: 279px;
  height: 78px;
  padding: 18px 0 0 100px;
  border: 1px rgba(255, 255, 255, 0.5)solid;
  transition: all ease 0.5s
}

.top-products-item:hover .top-products-text {
  border-color: transparent
}

.top-products-title {
  display: block;
  font-weight: 600
}

.top-products-price {
  display: block;
  font-size: 13px;
  line-height: 16px
}

.main {
  margin: 60px 0 0 0;
  padding: 0 0 440px
}

.info {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  text-align: left;
  /*max-width: 400px;*/
  margin-bottom: 40px;
}

.info h1 {
  font-weight: 700;
  color: #505050;
}

.container.error404 {
  display: flex;
  justify-content: space-between;
  gap: 5px 20px;
  align-items: center;
  flex-wrap: wrap;
}

.container.error404::before,.container.error404::after {
  display:none;
}

.page {
  float: right
}

.page h1 {
  padding: 5px 3px 9px;
  color: #4a59c5;
  font-weight: 600;
  font-size: 24px;
  line-height: 27px;
  text-transform: uppercase;
  border: 6px solid #f5f5f5
}

.page .blocktitle {
  margin: 0 0 30px 0;
  font-size: 24px;
  line-height: 29px;
  color: #4a59c5;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center
}

.page .blocktitle.nomargin {
  margin: 0
}

.blocktitle-min {
  margin: 0 0 15px 0;
  font-size: 18px;
  line-height: 21px;
  color: #4a59c5;
  font-weight: 700;
  text-transform: uppercase
}

.select-house {
  text-align: center
}

.house-menu {
  list-style: none;
  margin: 0 2px;
  padding: 0;
  display: inline-block;
  font-size: 12px
}

.house-menu li {
  text-align: left
}

.house-menu li.active a {
  color: #000;
  text-decoration: line-through
}

.page .bordered {
  padding: 30px 0 5px
}

.welcome {
  text-align: center;
  font-size: 20px;
  line-height: 23px;
  font-weight: 300;
  color: #000;
  padding: 0 140px 60px;
  margin: 0 0 50px 0;
  position: relative
}

.welcome:before {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 55%;
  margin: 0 0 0 -15.5px;
  background-image: url(../images/sprite.png);
  background-position: -144px -102px;
  width: 31px;
  height: 31px
}

.windows {
  width: 100%;
  float: left;
  margin: 0 0 35px 0
}

.js-tabs {
  width: 100%;
  float: left;
  background: #f9f9f9
}

.js-tabs ul.tabs-list {
  margin: 0;
  padding: 0;
  width: 100%;
  list-style: none;
  display: table;
  border-collapse: collapse;
  border-top: 4px #e2e2e2 solid
}

.js-tabs ul.tabs-list li.js-tabs-item {
  cursor: pointer;
  display: table-cell;
  position: relative;
  padding: 18px 10px;
  text-align: center;
  border-left: 1px #e2e2e2 solid;
  border-right: 1px #e2e2e2 solid;
  color: #808080;
  font-weight: 700;
  text-transform: uppercase
}

.js-tabs ul.tabs-list li.js-tabs-item.first,
.js-tabs ul.tabs-list li.js-tabs-item:first-child {
  border-left-color: transparent
}

.js-tabs ul.tabs-list li.js-tabs-item.last,
.js-tabs ul.tabs-list li.js-tabs-item:last-child {
  border-right-color: transparent
}

.js-tabs ul.tabs-list li.js-tabs-item:hover {
  color: #4a59c5
}

.js-tabs ul.tabs-list li.js-tabs-item.active {
  border-left-color: transparent;
  border-right-color: transparent;
  color: #0ab5d1;
  background: -ms-linear-gradient(90deg, #e4f9fc 0, #f9f9f9 100%);
  background: linear-gradient(180deg, #e4f9fc 0, #f9f9f9 100%)
}

.js-tabs ul.tabs-list li.js-tabs-item.active:before {
  content: '';
  display: block;
  position: absolute;
  top: -4px;
  left: 0;
  width: 100%;
  height: 4px;
  background: #4a59c5
}

.js-tabs ul.tabs-list li.js-tabs-item.active:after {
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  left: 55%;
  margin-left: -6px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #4a59c5
}

.js-tabs ul.tabs-list li.js-tabs-item.afterCurrent {
  border-left-color: transparent
}

.js-tabs ul.tabs-list li.js-tabs-item.beforeCurrent {
  border-right-color: transparent
}

.js-tabs ul.tabs-list li.js-tabs-item.cold {
  color: #4d99db
}

.js-tabs ul.tabs-list li.js-tabs-item.cold.active:before {
  background: #4d99db
}

.js-tabs ul.tabs-list li.js-tabs-item.cold.active:after {
  border-top-color: #4d99db
}

.js-tabs ul.tabs-list li.js-tabs-item.warm {
  color: #e8b524
}

.js-tabs ul.tabs-list li.js-tabs-item.warm.active {
  background: -ms-linear-gradient(90deg, #fff0c4 0, #f9f9f9 100%);
  background: linear-gradient(180deg, #fff0c4 0, #f9f9f9 100%)
}

.js-tabs ul.tabs-list li.js-tabs-item.warm.active:before {
  background: #e8b524
}

.js-tabs ul.tabs-list li.js-tabs-item.warm.active:after {
  border-top-color: #e8b524
}

.js-tabs ul.tabs-list li.js-tabs-item.frameless {
  color: #79a300
}

.js-tabs ul.tabs-list li.js-tabs-item.frameless.active {
  background: -ms-linear-gradient(90deg, #e4ff95 0, #f9f9f9 100%);
  background: linear-gradient(180deg, #e4ff95 0, #f9f9f9 100%)
}

.tabs-content {
  width: 100%;
  float: left;
  padding: 30px 50px
}

.js-tabs-item-content {
  display: none;
  padding: 0 15px
}

.js-tabs-item-content:first-child {
  display: block
}

.color-content-item {
  display: none
}

.color-content-item:first-child {
  display: block
}

.color-tablist {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center
}

.color-tablist li {
  display: inline-block;
  color: #4a59c5;
  font-weight: 400;
  font-size: 14px;
  text-align: center;
  margin: 0 10px 10px;
  cursor: pointer;
  max-width: 110px;
  vertical-align: top
}

.color-tablist li span.color {
  display: block;
  width: 110px;
  height: 110px;
  margin: 0 auto 5px;
  border: 3px #ccc solid;
  border-radius: 4px
}

.color-tablist.color-tablist-small li {
  width: 56px;
  font-size: 10px;
  line-height: 13px;
  margin: 0 5px 10px
}

.color-tablist.color-tablist-small li span.color {
  width: 44px;
  height: 44px;
  border-radius: 55%
}

.color-select {
  text-align: center;
  color: #4a59c5;
  text-transform: uppercase;
  font-size: 17px;
  font-weight: 600
}

.bg-ae9048 {
  background: #ae9048
}

.bg-3e3730 {
  background: #3e3730
}

.bg-dbbe71 {
  background: #dbbe71
}

.bg-abaca6 {
  background: #abaca6
}

.bg-d8d4d1 {
  background: #d8d4d1
}

.bg-736545 {
  background: #736545
}

.bg-d3cac1 {
  background: #d3cac1
}

.bg-a98956 {
  background: #a98956
}

.bg-a98956 {
  background: #a98956
}

.bg-cd6502 {
  background: #cd6502
}

.bg-875f2e {
  background: #875f2e
}

.bg-b88e04 {
  background: #b88e04
}

.bg-c2c0a7 {
  background: #c2c0a7
}

.bg-d0cc22 {
  background: #d0cc22
}

.bg-817648 {
  background: #817648
}

.bg-335d2f {
  background: #335d2f
}

.bg-de3514 {
  background: #de3514
}

.bg-9a0113 {
  background: #9a0113
}

.bg-c68889 {
  background: #c68889
}

.bg-613a4f {
  background: #613a4f
}

.bg-163f6d {
  background: #163f6d
}

.bg-2578ae {
  background: #2578ae
}

.bg-65768a {
  background: #65768a
}

.bg-1a1e41 {
  background: #1a1e41
}

.bg-laminat-1 {
  background: url(../images/lamination/l1.png)no-repeat center center
}

.bg-laminat-2 {
  background: url(../images/lamination/l2.png)no-repeat center center
}

.bg-laminat-3 {
  background: url(../images/lamination/l3.png)no-repeat center center
}

.bg-laminat-4 {
  background: url(../images/lamination/l4.png)no-repeat center center
}

.bg-laminat-5 {
  background: url(../images/lamination/l5.png)no-repeat center center
}

.bg-laminat-6 {
  background: url(../images/lamination/l6.png)no-repeat center center
}

.bg-laminat-7 {
  background: url(../images/lamination/l7.png)no-repeat center center
}

.bg-laminat-8 {
  background: url(../images/lamination/l8.png)no-repeat center center
}

.bg-laminat-9 {
  background: url(../images/lamination/l9.png)no-repeat center center
}

.bg-laminat-10 {
  background: url(../images/lamination/l10.png)no-repeat center center
}

.bg-laminat-11 {
  background: url(../images/lamination/l11.png)no-repeat center center
}

.bg-laminat-12 {
  background: url(../images/lamination/l12.png)no-repeat center center
}

.bg-laminat-13 {
  background: url(../images/lamination/l13.png)no-repeat center center
}

.bg-laminat-14 {
  background: url(../images/lamination/l14.png)no-repeat center center
}

.bg-laminat-15 {
  background: url(../images/lamination/l15.png)no-repeat center center
}

.bg-laminat-16 {
  background: url(../images/lamination/l16.png)no-repeat center center
}

.bg-ffffff,
.color.white {
  background: #ffffff
}

.color.birch {
  background: url(../images/wood-colors/birch.png)no-repeat center center
}

.color.ash {
  background: url(../images/wood-colors/ash.png)no-repeat center center
}

.color.maple {
  background: url(../images/wood-colors/maple.png)no-repeat center center
}

.color.pine {
  background: url(../images/wood-colors/pine.png)no-repeat center center
}

.color.oregon {
  background: url(../images/wood-colors/oregon.png)no-repeat center center
}

.color.light-oak {
  background: url(../images/wood-colors/light-oak.png)no-repeat center center
}

.color.oak {
  background: url(../images/wood-colors/oak.png)no-repeat center center
}

.color.chestnut {
  background: url(../images/wood-colors/chestnut.png)no-repeat center center
}

.color.tick {
  background: url(../images/wood-colors/tick.png)no-repeat center center
}

.color.rowan {
  background: url(../images/wood-colors/rowan.png)no-repeat center center
}

.color.cherry {
  background: url(../images/wood-colors/cherry.png)no-repeat center center
}

.color.nut {
  background: url(../images/wood-colors/nut.png)no-repeat center center
}

.color.mahagon {
  background: url(../images/wood-colors/mahagon.png)no-repeat center center
}

.color.rosewood {
  background: url(../images/wood-colors/rosewood.png)no-repeat center center
}

.windows-content-imgwrap {
  width: 55%;
  padding: 2% 1%;
  float: left;
  text-align: center
}

.windows-content-img {
  max-height: 430px
}

.windows-content-text {
  float: right;
  width: 55%;
  padding: 0 1%
}

.windows-content-title {
  display: block;
  text-decoration: none;
  color: #363636;
  font-size: 20px;
  line-height: 23px;
  font-weight: 600;
  margin: 25px 0 35px
}

.windows-content-title:hover {
  color: #808080
}

.windows-content-list {
  list-style: none;
  margin: 0 0 20px 0;
  padding: 0;
  font-size: 15px;
  line-height: 19px
}

.windows-content-list li {
  padding: 0 0 0 36px;
  min-height: 21px;
  margin: 10px 0
}

.windows-content-list strong {
  color: #000;
  font-weight: 600
}

.windows-content-link {
  display: inline-block;
  font-size: 14px;
  color: #4c4c4c;
  margin: 0 0 0 36px
}

.windows-content-price {
  margin: 45px 0 0 0;
  font-size: 24px;
  color: #4a59c5
}

.glass-item-img {
  text-align: center;
  padding: 5% 2%
}

.glass-content-img {
  display: inline-block
}

.glass-content-text {
  padding: 45px 0
}

.glass-content-link {
  color: #4c4c4c;
  font-size: 14px
}

.btn-group {
  margin: 0 0 70px 0
}

.btn-calc,
.btn-gager-big {
  padding: 16px 65px;
  margin: 0;
  width: 100%;
  text-align: center
}

.other-services {
  text-align: center;
  padding: 50px 30px 35px;
  margin: 0 0 60px 0;
  background: #f9f9f9
}

.other-services-item {
  min-height: 202px;
  position: relative;
  transition: all linear 0.2s
}

.other-services-link {
  display: block;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0;
  background: #fff;
  overflow: hidden;
  text-decoration: none;
  color: #363636;
  border-radius: 4px;
  transition: all linear 0.2s
}

.other-services-link:hover {
  width: 110%;
  left: -5%;
  top: -5%;
  box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, 0.11)
}

.other-services-item-title {
  font-size: 14px;
  display: block;
  width: 100%;
  float: left;
  padding: 12px 0 14px
}

.other-services-link:hover .other-services-item-title {
  padding: 15px 0 17px
}

.other-services-item-price {
  display: none;
  position: absolute;
  top: 10px;
  right: 11px;
  font-size: 13px;
  font-weight: 600;
  color: #2f2d18;
  padding: 5px 8px 7px 10px;
  background: #34d9f4;
  border-radius: 4px 4px 4px 20px
}

.other-services-link:hover .other-services-item-price {
  display: block
}

.other-services-else {
  font-weight: 300
}

.calculators {
  margin: 0 0 60px 0;
  text-align: center;
  width: 100%;
  float: left
}

.calc-item {
  display: block;
  float: left;
  margin: 0;
  width: 20%;
  padding: 30px 10px
}

.calc-item:hover {
  box-shadow: 0 7px 20px 0 rgba(0, 0, 0, 0.11)
}

.calc-item-title {
  font-size: 14px;
  line-height: 16px;
  margin: 21px 0
}

.calc-item-img {
  height: 82px;
  margin: 0 auto
}

.calc-plastic-window {
  width: 46px;
  background-image: url(../images/sprite.png);
  background-position: -98px 0
}

.calc-item:hover .calc-plastic-window {
  background-image: url(../images/sprite.png);
  background-position: -98px -82px
}

.calc-wood-window {
  background-image: url(../images/sprite.png);
  background-position: 0 0;
  width: 51px
}

.calc-item:hover .calc-wood-window {
  background-image: url(../images/sprite.png);
  background-position: 0 -82px
}

.calc-balcony {
  background: url("../images/icon3.png")no-repeat top center
}

.calc-item:hover .calc-balcony {
  background: url("../images/icon3.png")no-repeat bottom center
}

.calc-window-house {
  background-image: url(../images/sprite.png);
  background-position: -51px 0;
  width: 47px
}

.calc-item:hover .calc-window-house {
  background-image: url(../images/sprite.png);
  background-position: -51px -82px
}

.calc-balcony-house {
  background: url("../images/icon5.png")no-repeat top center
}

.calc-item:hover .calc-balcony-house {
  background: url("../images/icon5.png")no-repeat bottom center
}

.installment {
  display: block;
  margin: 0 0 80px 0;
  width: 100%;
  height: 154px;
  padding: 9px;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  color: #fff;
  background: #81cdda;
  border-radius: 4px
}

.installment-wrap {
  display: block;
  width: 100%;
  height: 136px;
  border: 1px #81cdda solid;
  position: relative;
  z-index: 1;
  border-radius: 3px
}

.installment-deformbg {
  display: block;
  position: absolute;
  z-index: 2;
  top: -200px;
  left: -65px;
  width: 500px;
  height: 500px;
  background: #34d9f4;
  transform: rotate(30deg)
}

.installment-title {
  display: block;
  position: absolute;
  top: 28px;
  left: 44px;
  z-index: 3;
  font-size: 34px;
  line-height: 37px;
  font-weight: 300
}

.installment-btn {
  display: block;
  position: absolute;
  top: 86px;
  left: 44px;
  z-index: 3;
  font-size: 14px;
  border: 1px #45ca45 solid;
  padding: 4px 15px 6px;
  border-radius: 3px
}

.installment:hover .installment-btn {
  border-color: #fff
}

.installment-text {
  display: block;
  width: 320px;
  position: absolute;
  top: 20px;
  right: 5px;
  z-index: 4
}

.installment-line {
  display: block;
  width: 100%;
  font-size: 18px;
  line-height: 29px
}

.installment-col-1 {
  display: block;
  float: left;
  width: 160px;
  font-size: 18px;
  line-height: 29px;
  text-align: right;
  padding: 0 15px 0 0
}

.installment-col-2 {
  display: block;
  float: left;
  width: 160px;
  font-weight: 700;
  text-align: left
}

.videobox {
  position: relative;
  width: 100%;
  height: 500px;
  overflow: hidden;
  margin: 0 0 65px 0;
  color: #fff;
  text-align: center
}

.videobox.videobox-small {
  height: 241px;
  margin: 0 0 15px 0
}

.videobox h2 {
  font-size: 40px;
  line-height: 43px;
  margin: 0 0 40px 0
}

.videobox-wrap {
  padding: 60px;
  height: 500px;
  position: relative;
  z-index: 2;
  background: url("../images/video-bg.png")repeat
}

.videobox-small .videobox-wrap {
  height: 500px
}

.videobox-img {
  width: 100%;
  height: 500px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  -o-object-fit: cover;
  object-fit: cover;
  object-position: center center
}

.videobox-small .videobox-img {
  height: 241px
}

.video-btn {
  cursor: pointer;
  display: inline-block;
  min-width: 64px;
  min-height: 64px;
  color: #b1b1b1;
  font-size: 11px;
  text-transform: uppercase;
  padding-top: 85px;
  margin: 0 0 10px 0;
  position: relative
}

.video-btn:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 55%;
  margin: 0 0 0 -32px;
  background-image: url(../images/sprite.png);
  background-position: -144px 0;
  width: 64px;
  height: 64px
}

.videobox-text {
  font-size: 20px;
  line-height: 30px;
  font-weight: 300;
  margin: 0 0 55px 0
}

.videobox-small .videobox-text {
  margin: 0 0 10px 0
}

.videobox-video-label {
  font-size: 18px
}

.videobox-small .videobox-video-label {
  color: #b1b1b1;
  font-size: 12px
}

.js-video {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 500px;
  z-index: 2
}

.videobox-small .js-video {
  height: 241px
}

.video-close {
  cursor: pointer;
  display: none;
  position: relative;
  top: -50px;
  width: 150px;
  margin: 0 auto;
  text-align: center;
  color: #b1b1b1;
  font-size: 11px;
  text-transform: uppercase
}

.reasons,
.js-slider {
  margin: 0 0 60px 0;
  padding: 0 0 30px 0
}

.js-slider-item {
  padding: 0 15px
}

.reasons-item {
  float: left;
  width: 100%;
  margin: 0 0 30px 0
}

.reasons-img-wrap {
  float: left;
  width: 55%;
  max-width: 350px;
  max-height: 350px;
  padding: 25px
}

.reasons-item-desc {
  float: right;
  width: 55%;
  padding-right: 25px
}

.reasons-item-num {
  margin: 5px 0 40px 0;
  font-family: Arial;
  font-size: 22px;
  color: #4a59c5;
  width: 46px;
  height: 46px;
  line-height: 46px;
  text-align: center;
  position: relative
}

.reasons-item-num:before,
.reasons-item-num:after {
  content: '';
  display: block;
  width: 23px;
  height: 23px;
  position: absolute
}

.reasons-item-num:before {
  border-top: 1px #d2d2d2 solid;
  border-right: 1px #d2d2d2 solid;
  right: -1px;
  top: -1px
}

.reasons-item-num:after {
  border-bottom: 1px #d2d2d2 solid;
  border-left: 1px #d2d2d2 solid;
  left: -1px;
  bottom: -1px
}

.reasons-num-arrow {
  width: 16px;
  height: 16px;
  position: absolute;
  top: -4px;
  right: -4px;
  border-top: 1px #ececec solid;
  border-right: 1px #ececec solid
}

.reasons-item-title {
  font-size: 32px;
  line-height: 36px;
  color: #4a59c5;
  font-weight: 300
}

.reasons-item-text {
  margin: 28px 0 0 0
}

.reasons-list {
  list-style: none;
  margin: 0;
  padding: 0
}

.reasons-list li {
  font-size: 18px;
  font-weight: 300;
  line-height: 21px;
  padding: 0 0 0 35px;
  margin: 0 0 9px 0;
  background: url("../images/li-reasons.png")no-repeat left 2px
}

.js-slider .slick-arrow,
.js-gallery .slick-arrow {
  width: 46px;
  height: 46px;
  top: auto;
  bottom: -20px;
  margin: 0;
  background: #fff
}

.js-slider .slick-prev,
.js-gallery .slick-prev {
  left: 55%;
  margin: 0 0 0 -46px;
  border: 1px #ededed solid;
  transform: rotate(0)
}

.js-slider .slick-prev:after,
.js-gallery .slick-prev:after {
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 55%;
  left: 55%;
  margin-left: -2px;
  margin-top: -5px;
  border-top: 1px #9c9c9c solid;
  border-left: 1px #9c9c9c solid;
  transform: rotate(-45deg)
}

.js-slider .slick-prev:hover,
.js-gallery .slick-prev:hover {
  background: #4a59c5;
  border: 1px #4a59c5 solid
}

.js-slider .slick-prev:hover:after,
.js-gallery .slick-prev:hover:after {
  border-color: #fff
}

.js-slider .slick-next,
.js-gallery .slick-next {
  right: 55%;
  margin: 0 -46px 0 0;
  border: 1px #f7f7f7 solid;
  transform: rotate(0);
  background: #f7f7f7
}

.js-slider .slick-next:after,
.js-gallery .slick-next:after {
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 55%;
  left: 55%;
  margin-left: -6px;
  margin-top: -5px;
  border-top: 1px #9c9c9c solid;
  border-right: 1px #9c9c9c solid;
  transform: rotate(45deg)
}

.js-slider .slick-next:hover,
.js-gallery .slick-next:hover {
  background: #4a59c5;
  border: 1px #4a59c5 solid
}

.js-slider .slick-next:hover:after,
.js-gallery .slick-next:hover:after {
  border-color: #fff
}

.js-gallery {
  margin: 0 0 120px 0
}

.js-gallery .slick-list {
  width: 100%;
  overflow: hidden
}

.js-gallery .slick-arrow {
  bottom: -60px
}

.js-gallery-item {
  border-radius: 4px
}

.js-gallery-item img {
  outline: 1px rgba(255, 255, 255, 0.5)solid;
  outline-offset: -10px
}

.js-gallery-item p {
  text-align: center;
  margin: 10px 0 0 0
}

.tour3d,
.video-reviews {
  width: 382px;
  text-align: center
}

.tour3d {
  float: left
}

.video-reviews {
  float: right
}

.tour3d-link,
.video-reviews-link {
  display: block;
  position: relative;
  border-radius: 4px
}

.tour3d-link img,
.video-reviews-link img {
  position: relative;
  z-index: 1
}

.tour3d-link .btn-look,
.video-reviews-link .btn-look {
  position: absolute;
  z-index: 2;
  top: 55%;
  left: 55%;
  height: 40px;
  line-height: 40px;
  padding: 0;
  width: 126px;
  margin-top: -20px;
  margin-left: -63px
}

.bigmenu {
  background: #fafafb;
  border: 1px #eaeaea solid;
  padding: 24px;
  margin: 0 0 45px 0;
  position: relative
}

.latch {
  position: absolute;
  width: 14px;
  height: 30px;
  border: 1px #f1f1f1 solid;
  top: 55%;
  margin-top: -15px;
  right: 5px;
  box-shadow: 1px 1px 2px 0 rgba(100, 100, 100, 0.2)
}

.handle {
  background: #fff;
  position: absolute;
  width: 8px;
  height: 60px;
  border: 1px #f1f1f1 solid;
  top: 8px;
  left: 2px;
  box-shadow: 1px 1px 2px 0 rgba(100, 100, 100, 0.2);
  border-radius: 3px
}

.bigmenu-wrap {
  padding: 4px;
  border: 1px #f1f1f1 solid;
  box-shadow: 0 0 4px 0 rgba(100, 100, 100, 0.2)
}

.bigmenu-wrap-wrap {
  border: 2px #dddedf solid;
  /*background:url("../images/sidebar-menu-bg.png")*/
  background: #ffffff80;
}

.menublock {
  margin: 0
}

.menublock-title {
  color: #666;
  font-weight: 700;
  text-transform: uppercase;
  padding: 0 18px;
  margin: 30px 0 15px 0
}

.menublock-content {
  margin: 0 0 25px 0;
  padding: 0;
  list-style: none
}

.menublock-content li {
  font-size: 13px;
  line-height: 16px
}

.menublock-content>li.active {
  background: #4a59c5
}

.menublock-content>li>a {
  color: #4c4c4c;
  text-decoration: none;
  display: block;
  padding: 5px 18px 7px 38px;
  position: relative
}

.menublock-content>li>a:before {
  content: '';
  display: block;
  width: 8px;
  height: 8px;
  position: absolute;
  top: 55%;
  margin-top: -4px;
  left: 18px;
  background-image: url(../images/sprite.png);
  background-position: -100px -164px
}

.menublock-content>li:hover>a,
.menublock-content>li>a:hover {
  background: #edebeb
}

.menublock-content>li.active>a {
  font-weight: 600;
  color: #fff;
  background: #4a59c5
}

.menublock-content>li.active>a:before {
  background-image: url(../images/sprite.png);
  background-position: -100px -172px
}

.menublock-content>li.parent-active>a {
  font-weight: 600;
  color: #000;
  background: #fff
}

.menublock-content>li>ul {
  background: #fff;
  margin: 0 0 7px 0;
  padding: 7px 0;
  list-style: none
}

.menublock-content>li.active>ul {
  background: #4a59c5;
}

.menublock-content>li>ul>li {
  font-size: 13px;
  line-height: 16px
}

.menublock-content>li>ul>li>a {
  color: #fff;
  text-decoration: none;
  display: block;
  padding: 5px 18px 7px 38px
}

.menublock-content>li>ul>li>a:hover {
  color: #4c4c4c
}

.menublock-content>li.active>ul>li.active>a,
.menublock-content>li>ul>li.active>a {
  background: #4a59c5;
  color: #fff;
  font-weight: 600
}

.search-block {
  position: relative;
  width: 100%;
  height: 40px;
  margin: 0 0 40px 0
}

.search-input {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 40px;
  line-height: 40px
}

.search-form {
  width: 100%;
  float: left;
  margin: 0 0 15px 0
}

.search-form .search-input {
  width: 85%;
  padding: 11px 22px
}

.search-btn {
  position: absolute;
  z-index: 2;
  right: 0;
  top: 0;
  height: 40px;
  line-height: 40px;
  padding: 0 30px
}

.leftbar-block-title {
  font-size: 18px;
  font-weight: 600;
  color: #666;
  text-align: center;
  margin: 0 0 25px 0
}

.payment-methods {
  text-align: center;
  margin: 0 0 40px 0
}

.payment-method {
  display: inline-block;
  font-size: 12px;
  line-height: 14px;
  font-weight: 600;
  text-decoration: none;
  color: #666;
  padding: 40px 0 0 0;
  max-width: 66px;
  vertical-align: top
}

a.cash {
  position: relative
}

a.cash:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 55%;
  margin: 0 0 0 -14.5px;
  background-image: url(../images/sprite.png);
  background-position: -175px -102px;
  width: 29px;
  height: 25px
}

a.cards {
  margin: 0 45px;
  position: relative
}

a.cards:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 55%;
  margin: 0 0 0 -12.5px;
  background-image: url(../images/sprite.png);
  background-position: -27px -164px;
  width: 25px;
  height: 25px
}

a.qiwi {
  position: relative
}

a.qiwi:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 55%;
  margin: 0 0 0 -13.5px;
  background-image: url(../images/sprite.png);
  background-position: 0 -164px;
  width: 27px;
  height: 26px
}

.bordered {
  position: relative;
  border: 1px #eaeaea solid;
  padding: 30px 20px;
  margin: 0 0 55px 0;
  border-radius: 4px
}

.bordered .leftbar-block-title {
  width: 100%;
  position: absolute;
  left: 0;
  top: -13px;
  margin: 0
}

.bordered .leftbar-block-title-wrap {
  background: #fff;
  padding: 0 20px;
  display: inline-block
}

.bordered-inner {
  position: relative;
  border: 1px #eaeaea solid;
  padding: 30px 45px;
  margin: 0 0 55px 0;
  border-radius: 4px
}

.certificates {
  text-align: center
}

.certificates a {
  display: inline-block;
  vertical-align: top;
  margin: 0 6px
}

.chronicle a {
  display: inline-block;
  vertical-align: top
}

.video-link {
  display: block;
  position: relative
}

.video-img {
  position: relative;
  z-index: 1
}

.video-icon {
  display: block;
  width: 38px;
  height: 38px;
  position: absolute;
  z-index: 2;
  left: 55%;
  top: 55%;
  margin-left: -19px;
  margin-top: -19px;
  background-image: url(../images/sprite.png);
  background-position: -144px -64px
}

.link-all {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: -6px;
  font-size: 13px;
  font-weight: 600;
  text-align: center
}

.link-all-wrap {
  color: #4a59c5;
  text-decoration: none;
  display: inline-block;
  padding: 0 7px;
  background: #fff
}

.youtube-channel {
  display: block;
  width: 100%;
  height: 64px;
  line-height: 64px;
  font-size: 12px;
  font-weight: 600;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  border: 1px #eaeaea solid;
  padding: 0 0 0 90px;
  margin: 0 0 55px 0;
  border-radius: 4px;
  box-shadow: 5px 5px 9px 0 rgba(0, 0, 0, 0.1);
  transition: all ease 0.5s;
  background: url("../images/youtube.png")no-repeat 15px center
}

.youtube-channel span {
  display: block;
  height: 64px;
  text-align: center;
  margin: -1px 0 0 0;
  background: #de2c28;
  border-radius: 0 4px 4px 0
}

.reviews-item-author {
  font-size: 14px;
  font-weight: 600;
  color: #4a59c5;
  margin: 0 0 8px 0
}

.reviews-item-text {
  font-size: 14px;
  line-height: 16px;
  font-style: italic;
  color: #666
}

.reviews-item {
  padding: 0 5px 0 55px;
  margin: 30px 0 0 0;
  position: relative
}

.reviews-item:before {
  content: '';
  display: block;
  position: absolute;
  top: 31px;
  left: 5px;
  background-image: url(../images/sprite.png);
  background-position: -178px -133px;
  width: 29px;
  height: 25px
}

.reviews-item.first,
.reviews-item:first-child {
  margin: 0
}

.reviews-item-text.expanding {
  display: none
}

.reviews-item-more {
  position: relative;
  cursor: pointer;
  font-size: 11px;
  color: #929191;
  border-bottom: 1px #929191 dashed
}

.reviews-item-more:after {
  content: '‹';
  display: inline-block;
  position: absolute;
  right: -10px;
  top: -2px;
  font-size: 17px;
  transform: rotate(-90deg)
}

.reviews-item-more.on:after {
  right: -15px;
  top: -2px;
  transform: rotate(90deg)
}

.audio-reviews {
  display: block;
  width: 100%;
  height: 64px;
  line-height: 64px;
  font-size: 12px;
  font-weight: 600;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  border: 1px #eaeaea solid;
  padding: 0 0 0 90px;
  margin: 0 0 55px 0;
  border-radius: 4px;
  box-shadow: 5px 5px 9px 0 rgba(0, 0, 0, 0.1);
  transition: all ease 0.5s;
  position: relative
}

.audio-reviews:before {
  content: '';
  display: block;
  position: absolute;
  top: 19px;
  left: 29px;
  background-image: url(../images/sprite.png);
  background-position: -144px -133px;
  width: 34px;
  height: 26px
}

.audio-reviews span {
  display: block;
  height: 64px;
  text-align: center;
  margin: -1px 0 0 0;
  background: #4a59c5;
  border-radius: 0 4px 4px 0
}

.order {
  height: 580px;
  margin: 100px 0 0 0
}

.order-wrap {
  width: 100%;
  height: 580px;
  padding: 55px 0 0 155px;
  background: url("../images/order-bg.jpg")no-repeat center center;
  border-radius: 3px
}

.order-title {
  max-width: 375px;
  font-size: 30px;
  margin: 0 0 30px 0
}

.order-text {
  max-width: 375px;
  margin: 0 0 50px 0
}

.order-form {
  width: 340px;
  padding: 35px;
  background: #f0f0f0;
  border-radius: 3px
}

.order-form input[type='text'],
.order-form input[type='tel'],
.order-form input[type='email'] {
  margin: 0 0 10px 0
}

.order-form input[type='text'],
.order-form input[type='tel'],
.order-form input[type='email'],
.order-form button {
  width: 100%;
  padding: 14px 22px
}

.order-form-btn {
  font-size: 14px;
  font-weight: 700;
  margin: 0 0 10px 0
}

.social-sharing {
  padding: 35px 0 45px 0;
  text-align: center
}

.social-sharing-title {
  margin: 0 0 12px 0
}

.brands {
  padding: 35px 0;
  border-top: 5px #ebebeb solid;
  border-bottom: 5px #ebebeb solid;
  height: 154px
}

.brands-wrap {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  text-align: justify
}

.brands-wrap li {
  display: inline-block;
  vertical-align: middle
}

.brands-wrap:after {
  content: '';
  display: inline-block;
  margin-left: 100%
}

.brands-wrap img {
  max-height: 73px
}

.topcalc {
  margin: 40px 0 0 0
}

.topcalc-item {
  position: relative;
  display: block;
  width: 100%;
  padding: 19px 35px;
  text-decoration: none;
  color: #333;
  border: 2px #ccc solid
}

.topcalc-item-img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2
}

.topcalc-item-title {
  position: relative;
  z-index: 3;
  display: block;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  margin: 0 0 5px 0
}

.topcalc-item-title span {
  display: block;
  font-size: 20px;
  font-weight: 700
}

.topcalc-item-btn {
  position: relative;
  z-index: 3;
  font-size: 10px;
  padding: 0 12px
}

.breadcrumbs {
  width: 100%;
  float: left;
  list-style: none;
  margin: 0 0 38px 0;
  padding: 0;
  font-size: 14px;
  line-height: 18px;
  color: #ababab
}

ul.breadcrumbs li {
  float: left
}

ul.breadcrumbs li:after {
  content: '»';
  display: inline-block;
  margin: 0 10px
}

ul.breadcrumbs li:last-child:after {
  content: ''
}

.audioreview {
  padding: 15px;
  margin-bottom: 15px;
  line-height: 20px;
  width: 100%;
  float: left;
  background: #eee;
  color: #000;
  border-radius: 5px
}

.audioreview-date {
  font-size: 75%
}

.audioreview audio {
  width: 100%;
  margin: 10px 0 0 0
}

.promo {
  width: 100%;
  position: relative;
  overflow: hidden
}

.promo-wrap-title {
  margin: 0 0 20px 0;
  font-size: 26px;
  line-height: 29px;
  font-weight: 600;
  color: #2f2d18
}

.promo-img {
  position: relative;
  z-index: 1;
  outline: 1px rgba(255, 255, 255, 0.5)solid;
  outline-offset: -10px
}

.promo-wrap {
  position: absolute;
  top: 55%;
  left: 40px;
  transform: translate(0, -55%);
  z-index: 2;
  background: rgba(255, 255, 255, 0.8);
  width: 340px;
  padding: 30px
}

.promo-gift {
  position: absolute;
  z-index: 3;
  right: -77px;
  bottom: -77px;
  width: 147px;
  height: 147px
}

.windows-promo-wrapbottom {
  width: 320px;
  padding: 25px 30px 5px
}

.install-gift {
  background: url("../images/install-gift.png")no-repeat
}

.windows-promo-gift {
  position: absolute;
  z-index: 3;
  right: -77px;
  bottom: -77px;
  width: 147px;
  height: 147px;
  background: url("../images/windows-promo-gift.png")no-repeat
}

.glazing-promo-text {
  margin: 0 0 20px 0
}

.glazing-promo-text strong {
  font-size: 18px;
  line-height: 23px;
  text-transform: uppercase
}

.glazing-promo-percent {
  color: #ef5714;
  font-size: 72px;
  line-height: 79px;
  font-weight: 700
}

.glazing-promo-gift {
  position: absolute;
  z-index: 3;
  right: -30px;
  bottom: -30px;
  width: 145px;
  height: 145px;
  background: url("../images/balcony-gift-big.png")no-repeat
}

.promo-link {
  font-size: 13px;
  line-height: 15px;
  display: block;
  margin: 8px 0 0 0;
  text-transform: uppercase;
  text-align: center
}

.promo-form-title {
  font-size: 14px;
  line-height: 17px;
  font-weight: 600;
  text-align: center;
  margin: 0 0 8px 0
}

.promo-form {
  position: absolute;
  top: 55%;
  right: 40px;
  transform: translate(0, -55%);
  z-index: 3;
  width: 240px;
  padding: 20px 25px 25px;
  background: #f0f0f0;
  border-radius: 3px
}

.promo-form input[type="text"],
.promo-form input[type="tel"],
.promo-form input[type="email"] {
  width: 100%;
  margin: 0 0 9px 0;
  font-size: 13px
}

.promo-form button {
  width: 100%
}

.promo-form .privacy-label {
  cursor: pointer;
  width: 100%;
  float: left;
  margin: 9px 0 0 0;
  font-size: 13px;
  line-height: 13px;
  position: relative
}

.promo-form .privacy-label input {
  display: inline-block;
  vertical-align: top;
  position: relative;
  top: 2px
}
.privacy__description {
    color: #fff;
    font-size: 14px;
    line-height: 19px;
}
.privacy-link {
    color: #fff;
}
.promo-form .privacy-label span {
  display: block;
  width: 90%;
  float: right
}

.glazing-types {
  margin: 0 0 35px 0
}

.type-imgwrap {
  width: 100%;
  position: relative;
  z-index: 2
}

.type-imgwrap:after {
  content: '';
  display: block;
  position: absolute;
  z-index: 2;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 30px 0 30px 30px;
  border: 10px rgba(255, 255, 255, 0.5)solid
}

.type-img {
  position: relative;
  z-index: 1;
  border-radius: 30px 0 30px 30px
}

.type-label {
  width: 97px;
  height: 97px;
  position: absolute;
  z-index: 3;
  left: -15px;
  top: -15px
}

.type-price {
  margin: 30px 0 0 0;
  text-align: center;
  color: #000
}

.type-title {
  font-weight: 600;
  margin: 0 0 25px 0
}

.type-list {
  list-style: none;
  margin: 0 0 20px 0;
  padding: 0;
  font-size: 15px;
  line-height: 19px
}

.type-list li {
  padding: 0 0 0 36px;
  min-height: 21px;
  margin: 10px 0
}

.green-list {
  list-style: none;
  margin: 0;
  padding: 0
}

.green-list li {
  padding: 0 0 0 36px;
  min-height: 21px;
  margin: 10px 0;
  position: relative
}

.green-list li:before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(../images/sprite.png);
  background-position: -77px -164px;
  width: 23px;
  height: 21px
}

.green-list li strong {
  color: #000;
  font-weight: 600
}

.cold-list li {
  background: url("../images/li-blue.png")no-repeat left top
}

.yellow-list li {
  background: url("../images/li-yellow.png")no-repeat left top
}

.yellow-list strong {
  color: #000;
  font-weight: 600
}

.type-link {
  display: inline-block;
  font-size: 14px;
  color: #4c4c4c;
  margin: 0 0 36px 36px
}

.type-appointment {
  overflow: hidden;
  position: relative;
  padding: 18px 20px 20px 80px;
  font-size: 18px;
  line-height: 21px;
  color: #fff;
  background: #b3b3b3 url("../images/icon-hand-cool.png")no-repeat 14px center
}

.type-appointment:after,
.type-appointment:before {
  content: '';
  display: block;
  width: 14px;
  height: 14px;
  background: #f9f9f9;
  border-radius: 55%;
  position: absolute;
  left: 48px
}

.type-appointment:after {
  top: -7px
}

.type-appointment:before {
  bottom: -7px
}

.type-appointment span {
  display: block;
  width: 1px;
  height: 200px;
  border-right: 1px #f9f9f9 dashed;
  position: absolute;
  top: 0;
  left: 55px
}

.warm-appointment {
  background-color: #e8b524
}

.frameless-appointment {
  background-color: #4a59c5
}

.construction-type-wrap {
  text-align: center
}

.construction-type-name {
  text-transform: uppercase;
  font-weight: 700
}

.construction-type-img {
  display: inline-block;
  margin: 15px 0 0 0
}

.construction-type-size {
  color: #878787;
  font-size: 13px;
  font-style: italic;
  margin: 15px 0 0 0
}

.construction-type-title {
  text-transform: uppercase;
  color: #000
}

.construction-type-title.plastic-title {
  color: #483a01;
  font-weight: 700;
  margin: 0 0 20px 0
}

.construction-type-text {
  color: #878787;
  font-size: 14px
}

.construction-list {
  list-style: none;
  margin: 0 0 20px 0;
  padding: 0;
  font-size: 15px;
  line-height: 19px
}

.construction-list li {
  padding: 0 0 0 36px;
  min-height: 21px;
  margin: 10px 0
}

.construction-type-price {
  color: #4a59c5;
  font-weight: 700;
  margin: 0 0 20px 0
}

.installment-glazing {
  margin: 0
}

.brandbook {
  margin: 0 0 55px 0;
  padding: 45px;
  background: #f4f4f49e url(../images/brandbook-bg.png)no-repeat top center;
  text-align: center;
  outline: 1px rgba(255, 255, 255, 0.5)solid;
  outline-offset: -10px
}

.brandbook-title {
  font-size: 36px;
  line-height: 48px;
  font-weight: 300;
  color: #000;
  margin: 20px 0
}

.brandbook-img {
  margin: 0 0 15px 0;
  display: inline-block;
  /*background-image:url(../images/sprite.png);*/
  background-position: -144px -102px;
  width: 31px;
  height: 31px
}

.brandbook-text {
  font-size: 18px;
  line-height: 30px;
  font-weight: 300
}

.brandbook-big {
  text-transform: uppercase;
  font-size: 24px;
  line-height: 36px
}

.price-trim {
  margin: 0 0 55px 0
}

.price-trim-table {
  width: 100%;
  font-size: 14px;
  line-height: 17px
}

.price-trim-table:after {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  clear: both;
  margin-bottom: 9px
}

.price-trim-table caption {
  padding: 5px 15px 6px;
  text-align: left;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  border-top: 2px #cacaca solid;
  background: #f7f7f7
}

.price-trim-table caption h3 {
  margin: 0;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600
}

.price-trim-table tr td {
  padding: 1px 15px;
  border: none
}

.price-trim-table tr td.green {
  width: 55%;
  font-weight: 600;
  color: #4a59c5
}

.tours-item {
  display: block;
  position: relative;
  margin: 0 0 30px 0
}

.tours-item-img {
  position: relative
}

.tours-item-title {
  font-size: 14px;
  text-align: center;
  color: #000;
  display: block;
  width: 100%;
  padding: 5px;
  position: absolute;
  bottom: 20px;
  background: rgba(255, 255, 255, 0.5)
}

.calc-form {
  padding: 35px 45px;
  color: #fff;
  background: url("../images/calc-form-bg.png");
  overflow: hidden;
  font-size: 14px
}

.calc-form .blocktitle {
  color: #fff
}

.calc-form-step {
  width: 100%;
  float: left;
  margin: 0 0 15px 0
}

.calc-form-num {
  display: inline-block;
  margin: 0 10px 0 0;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #ababab;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 55%
}

.calc-form-title {
  display: inline-block;
  margin: 0 25px 0 0;
  line-height: 30px
}

.calc-form .radio,
.calc-form .checkbox {
  position: relative;
  display: inline-block;
  line-height: 30px;
  margin: 0 20px 0 0;
  top: -2px
}

.calc-form .radio-slide,
.calc-form .checkbox-slide {
  margin: 0;
  top: 0;
  float: left
}

.calc-form-slider {
  width: 100%;
  float: left;
  margin: 20px 0 35px
}

.calc-form-slider .slick-prev {
  left: -15px;
  margin: 0;
  border-color: #fff
}

.calc-form-slider .slick-next {
  right: -15px;
  margin: 0;
  border-color: #fff
}

.radio-label,
.checkbox-label {
  cursor: pointer;
  display: block;
  position: relative
}

.radio-label input,
.checkbox-label input {
  position: absolute;
  left: 0;
  top: 0;
  visibility: hidden;
  opacity: 0
}

.radio-label span,
.checkbox-label span {
  display: inline-block;
  vertical-align: middle
}

.radio-label .radio-img,
.checkbox-label .radio-img,
.radio-label .checkbox-img,
.checkbox-label .checkbox-img {
  display: block;
  width: 100%
}

.radio-slide,
.checkbox-slide {
  text-align: center
}

.radio-slide .radio-label,
.checkbox-slide .radio-label,
.radio-slide .checkbox-label,
.checkbox-slide .checkbox-label {
  width: 100%
}

.radio-slide .radio-label img,
.checkbox-slide .radio-label img,
.radio-slide .checkbox-label img,
.checkbox-slide .checkbox-label img {
  display: inline-block;
  float: none;
  margin: 0 auto
}

.radio-title,
.checkbox-title {
  width: 100%;
  font-size: 12px;
  font-weight: 600
}

.pseudo-radio,
.pseudo-checkbox {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  margin: 0 10px 0 0;
  border: 2px #ababab solid;
  border-radius: 55%
}

.radio-slide-wrap .pseudo-radio+span,
.checkbox-slide-wrap .pseudo-checkbox+span {
  font-size: 11px
}

input[type="radio"]:checked+.pseudo-radio,
input[type="radio"]:checked+.radio-slide-wrap .pseudo-radio,
input[type="checkbox"]:checked+.pseudo-checkbox,
input[type="checkbox"]:checked+.checkbox-slide-wrap .pseudo-checkbox {
  border: none;
  background: #4a59c5 url("../images/bi_check.svg")no-repeat center
}

.radio-slide-wrap,
.checkbox-slide-wrap {
  padding: 0 10px 3px;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 3px
}

.calc-form-fields {
  margin: 0 -45px -35px;
  padding: 35px 45px;
  text-align: center;
}

.calc-form-fields input {
  padding: 11px 22px;
  font-size: 12px;
  font-style: italic;
  vertical-align: top
}

.calc-form-fields input,
.calc-form-fields button {
  margin: 0 10px
}

.calc-form-profile {
  padding: 0 0 0 43px
}


.calc-form-profile .pseudo-radio,
.calc-form-profile .pseudo-checkbox {
  margin: 0 8px 0 0;
}

.related {
  border: 1px #ccc solid;
  padding: 20px 45px 25px
}

.related-title {
  margin: 0 0 10px 0;
  font-size: 18px;
  line-height: 21px;
  font-weight: 600;
  color: #6a6a6a;
  text-align: left
}

.related-link {
  font-size: 14px;
  line-height: 17px;
  text-decoration: none
}

.related-item a {
  text-decoration: none
}

.related-link:hover,
.related-item a:hover {
  text-decoration: underline
}

.typehome-item {
  margin: 0 0 25px 0
}

.typehome-title {
  font-size: 16px;
  line-height: 21px;
  font-weight: 400;
  width: 100%;
  float: left;
  min-height: 34px;
  margin: 0 0 35px 0;
  text-align: center
}

.typehome-title span {
  display: inline-block;
  padding: 0 40px;
  background: #f7f7f7;
  min-height: 34px;
  line-height: 32px
}

.typehome-link {
  position: relative;
  display: block;
  width: 100%;
  text-decoration: none;
  text-align: center
}

.typehome-link:before,
.typehome-link:after {
  content: '';
  display: block;
  width: 35px;
  height: 35px;
  position: absolute;
  z-index: 3;
  border: 5px solid transparent
}

.typehome-link:before {
  top: -5px;
  right: -5px;
  border-top-color: #f3f3f3;
  border-right-color: #f3f3f3
}

.typehome-link:after {
  bottom: -5px;
  left: -5px;
  border-bottom-color: #f3f3f3;
  border-left-color: #f3f3f3
}

.typehome-link:hover:before {
  border-top-color: #4a59c5;
  border-right-color: #4a59c5
}

.typehome-link:hover:after {
  border-bottom-color: #4a59c5;
  border-left-color: #4a59c5
}

.typehome-name {
  display: block;
  width: 100%;
  margin: 10px 0 0 0;
  text-decoration: none;
  text-align: center
}

.typehome-img {
  position: relative;
  z-index: 2;
  padding: 3px;
  border: 1px #ccc solid;
  background: #fff
}

.typehome-price {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 45% 0 0 0;
  color: #fff;
  font-size: 18px;
  z-index: 5;
  background: rgba(0, 0, 0, 0.7)
}

.typehome-item:hover .typehome-price {
  display: block
}

.whyprice-wrap {
  padding: 25px 60px
}

.whyprice-num {
  color: #898989;
  font-size: 14px;
  font-weight: 300
}

.whyprice-title {
  color: #483a01;
  font-size: 24px;
  font-weight: 300;
  line-height: 27px
}

.whyprice-img {
  margin: 35px 0 0 0
}

.whyprice-desc {
  font-size: 14px;
  padding: 0 60px 0 0
}

.whyprice-desc p {
  margin: 0 0 10px 0
}

.windows-promo {
  position: relative;
  overflow: hidden
}

.windows-promo-img {
  position: relative;
  z-index: 1
}

.windows-promo-text {
  margin: 0 0 20px 0
}

.windows-promo-text strong {
  font-size: 18px;
  line-height: 23px;
  text-transform: uppercase
}

.gauze {
  padding: 30px;
  background: url("../images/sidebar-menu-bg.png")
}

.green-num {
  list-style: none;
  margin: 0;
  padding: 0;
  counter-reset: greennum
}

.green-num>li {
  counter-increment: greennum;
  position: relative;
  padding: 0 0 0 40px;
  margin: 0 0 30px 0;
  font-weight: 400;
  line-height: 23px
}

.green-num>li:before {
  content: counter(greennum);
  position: absolute;
  left: 0;
  top: 5px;
  display: block;
  width: 20px;
  height: 20px;
  color: #fff;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  text-align: center;
  background: #4a59c5
}

.green-num>li:after {
  content: '';
  position: absolute;
  left: 3px;
  top: 8px;
  display: block;
  width: 20px;
  height: 20px;
  border-right: 2px #4a59c5 solid;
  border-bottom: 2px #4a59c5 solid
}

.green-num-title {
  color: #4a59c5;
  text-transform: uppercase;
  font-size: 16px
}

.page .about-brands {
  padding: 30px
}

.brands-item {
  text-align: center;
  margin: 0 0 20px 0
}

.brands-item a {
  display: inline-block
}

.brands-title {
  font-size: 12px
}

.album-item {
  display: block;
  margin: 0 0 30px 0
}

.albumsmenu {
  width: 100%;
  float: left;
  margin: 0 0 15px 0;
  padding: 0 10px;
  height: 30px;
  line-height: 30px;
  text-transform: uppercase;
  background: #eeebeb
}

.albumsmenu ul {
  width: 100%;
  text-align: justify
}

.albumsmenu ul:after {
  content: '';
  display: inline-block;
  margin-left: 100%
}

.albumsmenu ul li {
  display: inline-block
}

.albumsmenu ul li a {
  text-decoration: none;
  color: #525151
}

.albumsmenu ul li.active a {
  color: #4a59c5
}

.gallery-global-item {
  display: block;
  margin: 0 0 15px 0
}

.gallery-global-img,
.brands-img {
  padding: 3px;
  border: 1px #ccc solid;
  background: #fff
}

.gallery-global-img:hover,
.brands-img:hover {
  border-color: #4a59c5
}

.page-item {
  width: 100%;
  float: left;
  margin: 0 0 15px 0;
  padding: 0 0 15px 0;
  border-bottom: 1px #a6a6a6 dotted
}

.page-item-wrap {
  margin: 0 0 7px 0
}

.page-item-publish {
  color: #a6a6a6;
  font-size: 13px;
  float: left;
  margin: 0 2px 0 0
}

.page-item-publish:after {
  content: ' - '
}

#yamap {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 420px;
  float: left;
  margin: 0 0 35px 0
}

.promo-anchorlist {
  width: 100%;
  text-align: justify;
  list-style: none;
  margin: 0 0 35px 0;
  padding: 0
}

.promo-anchorlist:after {
  content: '';
  display: inline-block;
  margin-left: 100%
}

.promo-anchorlist li {
  display: inline-block;
  width: 105px;
  height: 104px;
  font-size: 12px;
  line-height: 14px;
  font-weight: 600;
  text-align: center;
  background: url("../images/promo-anchorlist.png")no-repeat right
}

.promo-anchorlist li:hover {
  background: url("../images/promo-anchorlist.png")no-repeat left
}

.promo-anchorlist li a {
  display: table-cell;
  vertical-align: middle;
  width: 105px;
  height: 104px;
  color: #fff;
  text-decoration: none
}

.promo-item {
  margin: 0 0 80px 0
}

.promoitem-desc {
  padding: 30px 35px;
  border: 1px #ccc solid;
  background-size: cover
}

.promoitem-title {
  color: #fff;
  font-size: 26px;
  font-weight: 600;
  display: block;
  width: 100%;
  vertical-align: baseline;
  text-align: left;
  text-transform: uppercase;
  line-height: 30px;
  margin: 0 0 30px 0
}

.promoitem-title span {
  display: block;
  font-size: 21px
}

.promoitem-list {
  list-style: none;
  margin: 0;
  padding: 0
}

.promoitem-list li {
  font-size: 16px;
  padding: 0 0 0 32px;
  margin: 0 0 15px 0;
  background: url("../images/like-icon-white.png")no-repeat left 6px
}

.promoitem-countdown {
  font-size: 11px;
  color: #919191;
  font-style: italic;
  padding: 0 0 0 32px
}

#plastic_windows .promoitem-desc {
  background: url("../images/promoitem-bg-1.jpg")no-repeat right top
}

#plastic_windows .promoitem-title {
  color: #41bbec
}

#plastic_windows .promoitem-list li {
  background: url("../images/like-icon-orange.png")no-repeat left 6px
}

#regular_clients {
  background: url("../images/promoitem-bg-8.jpg")no-repeat right top
}

#regular_clients .promoitem-list {
  max-width: 85%;
  padding: 10px 10px 1px 10px;
  background: rgba(255, 255, 255, 0.7)
}

#regular_clients .promoitem-title {
  color: #4a5e70
}

#regular_clients .promoitem-list li {
  background: url("../images/like-icon-orange.png")no-repeat left 6px
}

#operation_balcony .promoitem-desc {
  position: relative;
  background: url("../images/promoitem-bg-2.jpg")no-repeat right top
}

#operation_balcony .promoitem-title {
  color: #ff9600
}

#operation_balcony .promoitem-list li {
  background: url("../images/like-icon-orange.png")no-repeat left 6px
}

#operation_balcony .gift-block {
  position: absolute;
  top: 190px;
  right: 32px;
  width: 378px;
  height: 146px;
  background: url("../images/gift-bg.png")no-repeat
}

#operation_balcony .gift-text {
  width: 250px;
  height: 63px;
  vertical-align: middle;
  color: #fff;
  line-height: normal;
  position: absolute;
  top: 32px;
  left: 0;
  padding-left: 17px
}

#operation_balcony .gift-text p {
  font-style: italic;
  font-size: 15.83px;
  line-height: 18px;
  margin: 0;
  padding: 0;
  color: #fff;
  text-transform: uppercase
}

#operation_balcony .gift-text p span {
  display: block;
  font-size: 19px
}

#operation_balcony .gift-title {
  font-size: 12.66px;
  font-style: italic;
  padding-top: 5px
}

#now_window .promoitem-desc {
  background: url("../images/promoitem-bg-3.jpg")no-repeat right top
}

#now_window .promoitem-list li {
  color: #fff
}

#inst_win .promoitem-desc {
  background: url("../images/promoitem-bg-4.jpg")no-repeat right top
}

#inst_win .promoitem-title {
  color: #665a47
}

#inst_win .promoitem-list li {
  background: url("../images/like-icon-gray.png")no-repeat left 6px
}

#rec_block .promoitem-desc {
  background: url("../images/promoitem-bg-5.jpg")no-repeat right top
}

#rec_block .promoitem-list li {
  color: #fff
}

#discount_pensioners .promoitem-desc {
  background: url("../images/promoitem-bg-6.jpg")no-repeat right top
}

#discount_pensioners .promoitem-title {
  text-shadow: 0 0 43px #484301
}

#discount_pensioners .promoitem-list li {
  color: #fff
}

#glazing_country .promoitem-desc {
  background: url("../images/promoitem-bg-7.jpg")no-repeat right top
}

#glazing_country .promoitem-title {
  color: #4a5e70
}

#glazing_country .promoitem-list li {
  background: url("../images/like-icon-gray.png")no-repeat left 6px
}

.promoitem-form {
  width: 100%;
  float: left;
  padding: 20px 40px;
  color: #000;
  text-align: center
}

.promoitem-form-title {
  font-weight: 700;
  margin: 0 0 18px 0
}

.page .promo-btn-group {
  margin: 0
}

.promo-btn-group .btn {
  width: 100%;
  border: 2px #fff solid
}

#plastic_windows .promoitem-form {
  background: #1a89b6 url("../images/promoitem-formbg-1.png");
  border-bottom: 3px #1a89b6 solid
}

#plastic_windows .promoitem-form-title {
  color: #fff
}

#regular_clients .promoitem-form {
  background: #1a89b6 url("../images/promoitem-formbg-1.png");
  border-bottom: 3px #1a89b6 solid
}

#regular_clients .promoitem-form-title {
  color: #fff
}

#operation_balcony .promoitem-form {
  background: #c06f06 url("../images/promoitem-formbg-2.jpg");
  background-size: cover;
  border-bottom: 3px #c06f06 solid
}

#operation_balcony .btn {
  background: #ff7400
}

#operation_balcony .btn:hover {
  background: #fcad41
}

#now_window .promoitem-form {
  background: #97b616;
  border-bottom: 3px #4f6104 solid
}

#now_window .promoitem-form-title {
  color: #fff
}

#now_window .btn {
  background: #a0c01c
}

#now_window .btn:hover {
  background: #b6d634
}

#inst_win .promoitem-form {
  background: #7a7a7a url("../images/promoitem-formbg-4.jpg");
  background-size: cover;
  border-bottom: 3px #7a7a7a solid
}

#inst_win .btn {
  background: rgba(0, 0, 0, 0.19)
}

#inst_win .btn:hover {
  background: #a57638
}

#rec_block .promoitem-form {
  background: #ffd800;
  border-bottom: 3px #c8a900 solid
}

#discount_pensioners .promoitem-form {
  background: #fce5a3;
  border-bottom: 3px #ddbe65 solid
}

#glazing_country .promoitem-form {
  background: #32690c url("../images/promoitem-formbg-7.jpg");
  background-size: cover;
  border-bottom: 3px #32690c solid
}

#glazing_country .btn {
  background: rgba(0, 0, 0, 0.19)
}

#glazing_country .btn:hover {
  background: #60740d
}

.promoform {
  vertical-align: middle
}

.promoform .privacy-label,
.calc-form-fields .privacy-label {
  display: block;
  margin: 10px 0 0 0;
  width: 100%;
  text-align: center;
}

.calc-form-fields .privacy-label input[type="checkbox"] {
  margin: 4px 5px 0 0
}

.promoform-plastic a {
  color: #fff
}

.promoform-plastic-btn,
.promoform-recommendation-btn,
.promoform-pensioner-btn {
  border: 2px #fff solid;
  padding: 13px 22px;
  position: relative;
  top: -1px
}

.promoform-plastic-btn {
  background: #65cef8
}

.promoform-plastic-btn:hover {
  background: #1f9dcf
}

.promoform-recommendation-btn {
  background: #00acd0
}

.promoform-recommendation-btn:hover {
  background: #40c4e0
}

.promoform-pensioner-btn {
  background: #d8a81e
}

.promoform-pensioner-btn:hover {
  background: #f2c441
}

.promopage-promo-wrap {
  width: 350px
}

.promopage-promo-title {
  margin: 0;
  text-align: center
}

.info-title {
  text-align: left;
  padding: 0 0 0 60px;
  font-size: 26px;
  font-weight: 600;
  text-transform: uppercase;
  color: #4a59c5;
  line-height: 26px;
  background: url("../images/important.png")no-repeat left center
}

.info-title-price {
  background: url("../images/money.png")no-repeat left center
}

.info-title span {
  font-weight: 400;
  text-transform: none;
  font-size: 18px;
  line-height: 18px
}

.info-list {
  list-style: none;
  margin: 0;
  padding: 0;
  counter-reset: infolist
}

.info-list>li {
  counter-increment: infolist;
  position: relative;
  padding: 0 0 0 20px;
  margin: 0 0 0 60px;
  font-weight: 400
}

.info-list>li:before {
  content: counter(infolist)'.';
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 20px;
  height: 20px;
  color: #4a59c5
}

.text-center {
  text-align: center
}

.text-center img {
  margin: 0 auto
}

.text-left {
  text-align: left
}

.text-right {
  text-align: right
}

.page .tour-item,
.page .pad30 {
  padding: 30px
}

.tour-item-img img {
  padding: 3px;
  border: 1px #ccc solid;
  background: #fff
}

.tour-item-img img:hover {
  border-color: #4a59c5
}

.tour-item-intro ul {
  list-style: none;
  margin: 0 0 20px 0;
  padding: 0;
  font-size: 15px;
  line-height: 19px
}

.tour-item-intro ul li {
  padding: 0 0 0 15px;
  min-height: 21px;
  margin: 10px 0;
  position: relative
}

.tour-item-intro ul li strong {
  color: #000;
  font-weight: 600
}

.tour-item-intro ul li:before {
  content: '';
  display: block;
  width: 9px;
  height: 9px;
  position: absolute;
  left: 0;
  top: 6px;
  background: #fff;
  border-right: 2px #f4e034 solid;
  border-bottom: 2px #f4e034 solid
}

.tour-item-intro ul li:after {
  content: '';
  display: block;
  width: 4px;
  height: 4px;
  position: absolute;
  left: 0;
  top: 6px;
  background: #f4e034
}

.material-item {
  width: 100%;
  float: left
}

.material-title {
  margin: 30px 0 20px 0;
  font-size: 16px;
  font-weight: 600;
  color: #4a59c5;
  text-transform: uppercase
}

.mar30 {
  margin: 30px 0
}

.hr-orange {
  float: left;
  width: 100%;
  height: 3px;
  background: #ffb148
}

.material-list {
  list-style: none;
  margin: 0 0 20px 0;
  padding: 0;
  font-size: 14px;
  line-height: 17px
}

.material-list li {
  padding: 0 0 0 15px;
  min-height: 19px;
  margin: 10px 0;
  position: relative
}

.material-list li:before {
  content: '';
  display: block;
  width: 9px;
  height: 9px;
  position: absolute;
  left: 0;
  top: 5px;
  background: #fff;
  border-right: 2px #f4e034 solid;
  border-bottom: 2px #f4e034 solid
}

.material-list li:after {
  content: '';
  display: block;
  width: 4px;
  height: 4px;
  position: absolute;
  left: 0;
  top: 5px;
  background: #f4e034
}

.material-list strong {
  font-weight: 600
}

.see-all-jobs {
  margin: -30px 0 50px
}

.table-striped {
  width: 100%;
  border-collapse: collapse
}

.table-striped th {
  padding: 8px 20px 10px;
  text-align: left;
  text-transform: uppercase;
  font-weight: 600;
  border-top: 2px #cacaca solid;
  background: #f7f7f7
}

.table-striped td {
  padding: 8px 20px 10px
}

.table-striped tr.even {
  background: #f7f7f7
}

.list-title {
  color: #4a59c5;
  font-weight: 700;
  font-size: 18px;
  text-align: left
}

.list-green {
  list-style: none;
  margin: 0 0 20px 0;
  padding: 0;
  font-size: 14px;
  line-height: 17px
}

.list-green li {
  padding: 0 0 0 30px;
  min-height: 19px;
  margin: 10px 0 10px 5px;
  position: relative
}

.list-green li:before {
  content: '';
  display: block;
  width: 9px;
  height: 9px;
  position: absolute;
  left: 0;
  top: 5px;
  background: #fff;
  border-right: 2px #4a59c5 solid;
  border-bottom: 2px #4a59c5 solid
}

.list-green li:after {
  content: '';
  display: block;
  width: 4px;
  height: 4px;
  position: absolute;
  left: 0;
  top: 5px;
  background: #4a59c5
}

.list-inline {
  display: inline-block;
  text-align: left
}

.link-image {
  display: block;
  text-transform: uppercase;
  text-decoration: none;
  margin: 0 0 10px 0
}

.link-image img {
  margin: 0 auto 5px auto
}

.text-green {
  color: #4a59c5
}

.step {
  position: relative
}

.step strong {
  font-weight: 600
}

.step h2 {
  padding: 0 70px;
  margin-bottom: 30px
}

.step h3 {
  margin-top: 15px;
  text-align: center
}

.step-num {
  position: absolute;
  top: 20px;
  right: 20px;
  font-family: Arial;
  font-size: 22px;
  color: #4a59c5;
  width: 46px;
  height: 46px;
  line-height: 46px;
  text-align: center
}

.step-num:before,
.step-num:after {
  content: '';
  display: block;
  width: 23px;
  height: 23px;
  position: absolute
}

.step-num:before {
  border-top: 1px #d2d2d2 solid;
  border-right: 1px #d2d2d2 solid;
  right: -1px;
  top: -1px
}

.step-num:after {
  border-bottom: 1px #d2d2d2 solid;
  border-left: 1px #d2d2d2 solid;
  left: -1px;
  bottom: -1px
}

.step-num-arrow {
  width: 16px;
  height: 16px;
  position: absolute;
  top: -4px;
  right: -4px;
  border-top: 1px #ececec solid;
  border-right: 1px #ececec solid
}

.step-info {
  border: 2px dashed #f5f5f5;
  border-radius: 15px;
  width: 100%;
  margin: 5px 0 10px 0;
  padding: 20px 30px 10px;
  position: relative
}

.step-info p {
  margin: 0 0 10px 0
}

.step-btn {
  width: 100%;
  margin: 0 0 10px 0
}

.green-icon-link {
  padding: 0 0 0 15px;
  position: relative;
  text-transform: uppercase
}

.green-icon-link:before {
  content: '';
  display: block;
  width: 9px;
  height: 9px;
  position: absolute;
  left: 0;
  top: 8px;
  background: #fff;
  border-right: 2px #4a59c5 solid;
  border-bottom: 2px #4a59c5 solid
}

.green-icon-link:after {
  content: '';
  display: block;
  width: 4px;
  height: 4px;
  position: absolute;
  left: 0;
  top: 8px;
  background: #4a59c5
}

.step-link {
  float: right;
  margin: 10px 0 0 0
}

.step-small-list {
  width: 100%;
  float: left;
  text-align: center
}

.step-small-list ul {
  list-style: none;
  margin: 15px 0;
  padding: 0;
  display: inline-block;
  text-align: left;
  font-size: 14px;
  line-height: 16px
}

.step-small-list ul li {
  padding: 0 0 0 17px;
  background: url(../images/small-check.png)no-repeat left center
}

.step-link-title {
  text-transform: uppercase
}

.text-small {
  font-size: 14px;
  line-height: 16px;
  color: #6c6c6c
}

.furniture-types {
  width: 100%;
  float: left;
  margin: 20px 0 10px -27px;
  text-align: justify
}

.furniture-type {
  width: 61px;
  float: left;
  margin: 0 0 5px 27px;
  font-size: 11px;
  text-align: center
}

.texture-types {
  width: 100%;
  float: left;
  margin: 20px 0 10px;
  text-align: center
}

.texture-type {
  width: 61px;
  display: inline-block;
  margin: 0 7px 5px 7px;
  font-size: 11px
}

.biggreen-list {
  list-style: none;
  margin: 0 0 20px 0;
  padding: 0;
  font-size: 15px;
  line-height: 19px
}

.biggreen-list li {
  padding: 0 0 0 36px;
  min-height: 21px;
  margin: 30px 0;
  background: url(../images/li-green.png)no-repeat left top
}

.biggreen-list strong {
  color: #000;
  font-weight: 600
}

.roll-color {
  display: inline-block;
  margin: 5px 10px
}

.roll-color p {
  font-size: 80%
}

.window-profiles-table {
  width: 100%
}

.window-profiles-table {
  border-collapse: collapse;
  width: 100%;
  font-size: 15px
}

.window-profiles-table th {
  color: #fff;
  border: 1px #ccc solid;
  padding: 10px;
  background: #4a59c5
}

.window-profiles-table td {
  padding: 10px;
  border: 1px #ccc solid
}

.window-profiles-table p {
  margin: 10px 0
}

.window-profiles-table p.text-green {
  margin: 0
}

.window-profiles-table td.first {
  text-align: center
}

.short-title-green {
  color: #4a59c5;
  text-transform: uppercase;
  text-align: center
}

.list-with-img {
  margin: 0;
  padding: 0;
  list-style: none
}

.list-with-img li {
  vertical-align: middle;
  margin: 15px 0
}

.list-with-img li img {
  margin-right: 20px;
  vertical-align: middle
}

.stress {
  border-bottom: 2px dotted #4a59c5
}

.inline-item {
  width: 20%;
  float: left;
  text-align: center;
  color: #4a59c5;
  font-weight: 600
}

.inline-img {
  display: inline-block;
  transition: all ease 0.5s
}

.inline-img:hover {
  opacity: 0.8;
  transition: all ease 0.5s
}

a.windows-content-link,
span.windows-content-link {
  text-decoration: none;
  cursor: pointer;
  border-bottom: 1px #4c4c4c dashed;
}

span.windows-content-link:hover {
  border: none;
}

.compare-wrap {
  display: inline-block;
  position: relative;
}

.compare-wrap .table-wrap {
  display: none;
  position: absolute;
  top: 20px;
  right: 0;
  z-index: 99;
  background: #fff;
  box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
}

.compare-wrap:hover .table-wrap {
  display: block;
}

.compare-wrap .compare-table {
  display: none;
}

.compare-wrap:hover .compare-table {
  display: table;
}

.compare-table {
  border-collapse: collapse;
  width: 100%;
  background: #f5f5f5;
  text-align: center;
  font-size: 14px;
  line-height: 17px
}

.compare-table caption {
  border: 2px #f5f5f5 solid;
  padding: 7px 7px 12px;
  color: #4a59c5;
  font-size: 20px;
  line-height: 22px;
  font-weight: 600
}

.compare-table td {
  padding: 7px
}

.compare-table td.selected {
  border-left: 1px #ccc solid;
  border-right: 1px #ccc solid;
  color: #ff9c00;
  font-weight: 600
}

.footer {
  width: 100%;
  margin: -440px auto 0;
  height: 440px;
  padding: 35px 0;
  float: left;
  background: url("../images/footer-bg.jpg");
  position: relative;
  overflow: hidden;
  font-size: 14px;
  line-height: 17px;
  font-weight: 600;
  color: #666
}

.footer a {
  color: #4a59c5
}

.googlePlus {
  display: block;
  margin: 4px 0 0 0;
  line-height: 16px;
  text-decoration: none
}

.googlePlus img {
  margin-right: 4px;
  vertical-align: middle;
  float: left
}

.foot-col {
  float: left;
  width: 20%;
  padding: 0 2% 0 0
}

.foot-col.num5 {
  width: 16%
}

.foot-col.withborder {
  border-right: 1px #ccc solid;
  width: 22%;
  margin: 0 2% 0 0
}

.footblock {
  margin: 0 0 30px 0
}

.footblock .menu {
  font-size: 12px
}

.footblock .menu li {
  margin: 3px 0
}

.footblock .menu li a {
  display: block;
  position: relative;
  padding: 0 0 0 12px;
  color: #666
}

.footblock .menu li a:after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 7px;
  width: 6px;
  height: 6px;
  background: #4a59c5
}

.footblock-title {
  text-transform: uppercase;
  font-weight: 700;
  margin: 0 0 15px 0
}

.foot-adr {
  margin: 0 0 10px 0
}

.all-adr {
  display: inline-block;
  margin: 18px 0 0 0
}

.foot-workhours {
  color: #a6a6a6
}

.social ul {
  margin: 0;
  padding: 0;
  list-style: none
}

.social ul li {
  float: left
}

.social ul li a {
  display: block;
  text-indent: -9999px;
  text-decoration: none;
  width: 32px;
  height: 32px;
  margin: 0 5px 0 0;
  background-size: 185px 32px
}

.social ul li a.vk {
  background: url("../images/social.png")left center;
  background-size: 185px 32px
}

.social ul li a.fb {
  background: url("../images/social.png")-37px center;
  background-size: 185px 32px
}

.social ul li a.goo {
  background: url("../images/social.png")-76px center;
  background-size: 185px 32px
}

.social ul li a.pp {
  background: url("../images/social.png")-115px center;
  background-size: 185px 32px
}

.social ul li a.insta {
  background: url("../images/social.png")right center;
  background-size: 185px 32px
}

.social ul li a:hover {
  opacity: 0.6
}

.payments-link {
  display: inline-block;
  margin: 20px 0 0 0
}

.block h4 {
  color: #4a59c5;
  font-weight: 600;
  font-size: 20px;
  text-align: center;
  text-transform: uppercase
}

.tech-item+.tech-item {
  margin: 30px 0 0 0
}

.tech-item .green-icon-link {
  float: right
}

.title-greenicon {
  font-size: 16px;
  font-weight: 600;
  line-height: 34px;
  text-transform: uppercase;
  margin: 0 0 20px 0
}

.title-greenicon span {
  display: inline-block;
  color: #fff;
  width: 36px;
  height: 36px;
  text-align: center;
  margin: 0 10px 0 0;
  background: url(../images/title-greenicon.png)
}

.textonimage {
  position: relative
}

.textonimage-wrap {
  width: 100%;
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 0;
  padding: 5px
}

.textonimage-img {
  position: relative;
  z-index: 1
}

.textonimage-title {
  font-size: 30px;
  line-height: 32px;
  font-weight: 600
}

.textonimage-text {
  width: 100%;
  padding: 30px 30px 10px;
  float: left;
  color: #fff;
  background: rgba(0, 0, 0, 0.6)
}

.list-title.text-center {
  text-align: center
}

.heavy {
  font-weight: 700
}

.installment-heading {
  width: 100%;
  float: left;
  font-weight: 600;
  font-size: 36px;
  color: #000;
  text-align: center;
  padding: 10px 0 40px 0
}

.fact-1 {
  height: 338px;
  background: url("../images/installment/1_step.jpg")0px 0 no-repeat;
  padding-left: 350px
}

.fact-1 h2 {
  color: #555;
  font-size: 22px;
  font-weight: 700;
  vertical-align: baseline;
  text-align: left;
  line-height: 22px;
  margin: 25px 0 35px
}

.fact-1 ul,
.fact-1 ul li {
  display: block;
  padding: 0;
  margin: 0;
  list-style: none
}

.fact-1 ul li {
  background: url("../images/installment/check_icon.png")0px 3px no-repeat;
  font-weight: 700;
  font-size: 16px;
  color: #424242;
  text-transform: uppercase;
  padding: 0 0 27px 60px;
  line-height: 22px
}

.fact-1 ul li span {
  display: block;
  font-size: 28px;
  color: #5f9b01;
  text-transform: lowercase
}

.fact-2 {
  background: url("../images/installment/2_step.jpg")0px 0 no-repeat;
  height: 337px;
  padding-left: 60px
}

.fact-2 h2 {
  text-transform: uppercase;
  color: #555;
  font-weight: 700;
  font-size: 22px;
  width: 100%;
  vertical-align: baseline;
  text-align: left;
  line-height: 22px;
  margin: 25px 0 35px
}

.fact-2 ul,
.fact-2 ul li {
  display: block;
  padding: 0;
  margin: 0;
  list-style: none
}

.fact-2 ul li {
  background: url("../images/installment/check_icon_2.png")0px 3px no-repeat;
  font-weight: 400;
  font-size: 14px;
  color: #595959;
  padding: 0 0 15px 30px;
  line-height: 18px;
  margin-left: 15px
}

.fact-3 {
  background: url("../images/installment/3_step.jpg")0px 0 no-repeat;
  height: 339px;
  padding-left: 210px
}

.fact-3 h2 {
  text-transform: uppercase;
  color: #555;
  font-weight: 700;
  font-size: 22px;
  vertical-align: baseline;
  text-align: left;
  line-height: 22px;
  margin: 25px 0 35px
}

.fact-3 ul,
.fact-3 ul li {
  display: block;
  padding: 0;
  margin: 0;
  list-style: none
}

.fact-3 ul li {
  position: relative;
  font-weight: 400;
  font-size: 14px;
  font-weight: 400;
  color: #595959;
  padding: 0 10px 15px 35px;
  line-height: 18px;
  margin-left: 15px
}

.fact-3 ul li .num {
  position: absolute;
  top: -3px;
  left: 0;
  width: 20px;
  height: 20px;
  border: 1px solid #4a59c5;
  border-radius: 55%;
  line-height: 20px;
  color: #4a59c5;
  text-align: center;
  font-size: 14px;
  font-weight: 700
}

.fact-3 ul li span {
  display: block;
  background: url("../images/installment/check_icon_3.png")0px 5px no-repeat;
  margin: 10px 0 0 10px;
  padding: 0 0 0 15px;
  font-style: italic
}

.installment-block {
  background: url("../images/installment/form_1.jpg")0px 0 no-repeat;
  min-height: 172px;
  background-size: cover
}

.installment-blocktitle {
  font-size: 22px;
  color: #fff;
  text-align: center;
  margin: 25px 0 25px 0
}

.installment-form {
  text-align: center
}

.installment-form .privacy-label {
  display: block;
  margin: 10px 0 0 0;
  width: 100%;
  color: #fff
}

.installment-form .privacy-label a {
  color: #fff
}

.installment-form-btn {
  padding: 16px 22px 15px
}

.fact-4 {
  background: url("../images/installment/4_step.jpg")0px 0 no-repeat;
  height: 335px;
  padding-left: 40px
}

.fact-4 h2 {
  text-transform: uppercase;
  color: #555;
  font-weight: 700;
  font-size: 22px;
  vertical-align: baseline;
  text-align: left;
  line-height: 22px;
  margin: 35px 0
}

.fact-4 .left_col {
  float: left;
  width: 455px
}

.fact-4 .left_col ul {
  list-style: none;
  margin: 0;
  padding: 0
}

.fact-4 .left_col li {
  position: relative;
  display: block;
  font-weight: 700;
  font-size: 18px;
  line-height: 28px;
  color: #595959;
  margin-left: 5px;
  margin-bottom: 27px;
  padding-left: 65px
}

.fact-4 .left_col li .num {
  font-size: 14px;
  color: #4a59c5;
  position: absolute;
  top: 2px;
  left: 0
}

.fact-4 .left_col li:before {
  width: 30px;
  height: 30px;
  background: url("../images/installment/sprite_icon_1.png")0px 0 no-repeat;
  position: absolute;
  left: 15px;
  top: 0;
  content: ''
}

.fact-4 .left_col li.first:before {
  background-position: 0 0
}

.fact-4 .left_col li.two:before {
  background-position: 0 -32px
}

.fact-4 .left_col li.three:before {
  background-position: 0 -64px
}

.fact-4 .right_col {
  margin-left: 455px
}

.fact-4 .right_col ul {
  display: block;
  width: 110px;
  float: left;
  padding: 0;
  margin: 0;
  list-style: none
}

.fact-4 .right_col ul li {
  position: relative;
  display: block;
  height: 70px;
  padding: 0;
  margin: 0;
  line-height: 12px
}

.fact-4 .right_col li a {
  font-weight: 600;
  font-size: 10px;
  text-transform: uppercase;
  color: #4a59c5;
  text-decoration: underline
}

.fact-4 .right_col li a:hover {
  color: #ff9c00;
  text-decoration: none
}

.fact-4 .right_col li a:after {
  position: relative;
  top: 1px;
  display: inline-block;
  font-size: 16px;
  width: 7px;
  height: 7px;
  content: '»';
  margin-left: 6px
}

.fact-5 {
  background: url("../images/installment/5_step.jpg")0px 0 no-repeat;
  height: 619px
}

.fact-5 h2 {
  text-transform: uppercase;
  color: #555;
  font-weight: 700;
  font-size: 22px;
  vertical-align: baseline;
  text-align: center;
  line-height: 22px;
  margin: 40px 0 25px 0
}

.fact-5 .col_window {
  float: left;
  width: 55%;
  min-height: 190px;
  padding: 0 20px
}

.fact-5 .img_window {
  float: left;
  position: relative;
  width: 171px;
  text-align: center
}

.fact-5 .img_window img {
  display: inline-block
}

.fact-5 .title_window {
  text-align: center;
  font-size: 11px;
  color: #828180;
  text-transform: uppercase;
  padding-bottom: 2px
}

.fact-5 .price_window {
  position: absolute;
  left: -10px;
  top: 95px;
  background: #ffec00;
  border: 1px solid #fff;
  color: #000;
  font-size: 16px;
  font-weight: 600;
  text-align: left;
  line-height: 16px;
  padding: 5px 10px
}

.fact-5 .price_window span {
  display: block;
  font-weight: 400;
  color: #605900;
  font-size: 12px;
  font-style: italic
}

.fact-5 .desc_window {
  margin-left: 185px;
  font-size: 12px;
  line-height: 11px;
  color: #000;
  padding-top: 19px
}

.fact-5 .btn_cost {
  clear: both;
  width: 100%;
  float: left;
  text-align: center;
  margin-top: 30px
}

.fact-6 {
  background: url("../images/installment/6_step.jpg")left top no-repeat;
  height: 438px;
  padding-left: 35px
}

.fact-6 h2 {
  text-transform: uppercase;
  color: #555;
  font-weight: 700;
  font-size: 22px;
  vertical-align: baseline;
  text-align: left;
  line-height: 22px;
  margin: 40px 0 40px 10px
}

.fact-6 .title_block {
  font-weight: 700;
  font-size: 14px;
  color: #000;
  height: 16px;
  line-height: 16px;
  border-left: 2px solid #4a59c5;
  padding-left: 10px;
  margin-bottom: 20px
}

.fact-6 .points_payments {
  display: block;
  height: 150px;
  clear: both;
  margin: 0;
  padding: 0;
  list-style: none
}

.fact-6 .points_payments li {
  position: relative;
  float: left;
  padding: 60px 0 0 0;
  margin: 0;
  font-size: 13px;
  font-weight: 600;
  text-align: center;
  color: #000
}

.fact-6 .points_payments li:hover:before {
  opacity: 0.7
}

.fact-6 .points_payments li:before {
  display: block;
  position: absolute;
  top: 0;
  background: url("../images/installment/sprite_icon_2.png")0px 0 no-repeat;
  height: 44px;
  content: '';
  transition: 0.35s all
}

.fact-6 .points_payments li.terminals {
  width: 140px
}

.fact-6 .points_payments li.terminals:before {
  width: 32px;
  left: 54px;
  background-position: 0 0
}

.fact-6 .points_payments li.atms {
  width: 110px
}

.fact-6 .points_payments li.atms:before {
  width: 41px;
  left: 35px;
  background-position: -125px 0
}

.fact-6 .points_payments li.branches_banks {
  width: 95px
}

.fact-6 .points_payments li.branches_banks:before {
  width: 43px;
  left: 26px;
  background-position: -236px 0
}

.fact-6 .points_payments li.mail_russia {
  width: 95px
}

.fact-6 .points_payments li.mail_russia:before {
  width: 67px;
  left: 14px;
  background-position: -338px 0
}

.fact-6 .points_payments li.interbank {
  width: 130px
}

.fact-6 .points_payments li.interbank:before {
  width: 75px;
  left: 27px;
  background-position: -461px 0
}

.fact-6 .points_payments li.accounting {
  width: 180px
}

.fact-6 .points_payments li.accounting:before {
  width: 37px;
  left: 71px;
  background-position: -648px 0
}

.fact-6 .link_bank {
  display: inline-block;
  vertical-align: middle;
  margin: 10px 70px 0 0;
  transition: 0.35s all
}

.fact-6 .link_bank:hover {
  opacity: 0.7
}

p.pad10 {
  padding: 3px 10px 7px;
  margin: 0 0 5px 0;
  font-size: 15px
}

p.pad10 img {
  display: inline-block;
  vertical-align: middle
}

p.price-p {
  margin: 25px 0 20px 0;
  padding: 0
}

p.price-p span.wrap {
  background: #ffec00;
  padding: 3px 10px 7px
}

.table-details {
  width: 100%
}

.table-details td {
  text-align: right
}

.table-details td+td {
  text-align: left
}

.form-gray {
  background: #f0f0f0;
  padding: 30px
}

.form-gray input[type="text"],
.form-gray input[type="tel"],
.form-gray input[type="email"],
.form-gray input[type="file"],
.form-gray textarea,
.form-gray button,
.form-gray .privacy-label {
  width: 100%;
  margin: 25px 0 0 0
}

.form-gray.reviews-form textarea,
.form-gray.director-form textarea {
  height: 113px
}

.form-gray textarea {
  resize: none;
  height: 100px
}

.form-gray .privacy-label {
  display: block
}

.gager-form-title,
.calculation-form-title,
.application-form-title {
  color: #666;
  text-align: center;
  font-size: 28px;
  font-weight: 700;
  text-transform: uppercase
}

.gager-form-subtitle,
.calculation-form-subtitle,
.application-form-subtitle {
  display: block;
  width: 100%;
  color: #4a59c5;
  font-size: 22px;
  margin: 15px 0 0 0
}

.gager-form-desc,
.calculation-form-desc,
.application-form-desc {
  font-size: 14px;
  color: #a6a6a6;
  text-align: center;
  border-top: 1px solid #e7e7e7;
  padding: 15px 0 0 0;
  margin: 15px 0 0 0
}

.free-consult {
  margin: 30px 0 0 0
}

.fc-wrap {
  border: 1px rgba(50, 50, 50, 0.2)solid;
  position: relative;
  width: 70%;
  height: 60px;
  line-height: 60px;
  margin: 0 auto 30px;
  background: #fff;
  border-radius: 30px;
  box-shadow: 0 15px 35px 0 rgba(50, 50, 50, 0.2)
}

.fc-wrap:after {
  content: '';
  display: block;
  width: 24px;
  height: 24px;
  background: #fff;
  position: absolute;
  left: 55%;
  margin: 0 0 0 -12px;
  bottom: -12px;
  transform: rotate(45deg)
}

.fc-phone,
.fc-email {
  display: block;
  width: 55%;
  padding: 0 0 0 65px;
  float: left;
  text-decoration: none;
  font-size: 20px
}

.fc-phone {
  background: url(../images/fc-phone.png)27px 6px no-repeat
}

.fc-email {
  background: url(../images/fc-email.png)20px 18px no-repeat
}

.fc-label {
  text-align: center;
  text-transform: uppercase;
  font-weight: 600
}

.step-num__center {
  position: relative;
  top: auto;
  right: auto;
  margin: 0 auto 15px
}

.step-list {
  margin: 0;
  padding: 0;
  list-style: none
}

.step-list-item {
  padding: 0 0 0 35px;
  margin: 10px 0;
  font-size: 18px;
  font-weight: 300;
  line-height: 24px;
  background: url(../images/step-list-marker.png)0 3px no-repeat
}

.spectr-list {
  width: 100%;
  text-align: center;
  margin: 0;
  padding: 0;
  list-style: none
}

.spectr-list__item {
  position: relative;
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  vertical-align: top;
  text-transform: uppercase;
  margin: 0 25px
}

.spectr-list__item:first-child {
  margin-left: 0
}

.spectr-list__item:last-child {
  margin-right: 0
}

.spectr-list__item:before {
  background: url(../images/spectr-icons.png)0 0 no-repeat;
  content: '';
  display: block;
  width: 80px;
  height: 70px;
  margin: auto
}

.spectr-list__item.-type_2:before {
  background-position: -112px 0
}

.spectr-list__item.-type_3:before {
  background-position: -217px 0
}

.spectr-list__item.-type_4:before {
  background-position: -298px 0
}

.spectr-list__item.-type_5:before {
  background-position: -392px 0
}

.spectr-list__item.-type_5:after {
  display: none
}

.spectr-list__item:after {
  content: '';
  display: block;
  position: absolute;
  top: 34px;
  right: -35px;
  width: 11px;
  height: 21px;
  background: url(../images/arrow-ico-orange.png)center no-repeat
}

.manager {
  margin: 40px 0 0 0
}

.manager-name {
  color: #4a59c5;
  font-size: 28px;
  line-height: 28px;
  font-weight: 600
}

.manager-name span {
  display: block;
  color: #595959;
  font-size: 18px;
  font-weight: 400
}

.manager-contacts {
  padding: 13px 0 0 30px;
  width: 100%;
  height: 102px;
  border: 1px solid #d7d7d7;
  border-radius: 2px;
  margin: 35px 0
}

.manager-contact {
  background: url(../images/contacts-ico.png)0 -28px no-repeat;
  color: #020202;
  font-size: 22px;
  font-weight: 400;
  line-height: 37px;
  text-decoration: none;
  padding: 0 0 0 40px
}

.manager-contact.-type_mail {
  background-position: 0 9px
}

.manager q {
  display: block;
  font-size: 16px;
  font-style: italic;
  line-height: 24px
}

.faq-question {
  padding: 15px;
  margin-bottom: 15px;
  line-height: 20px;
  width: 100%;
  float: left;
  background: #eee;
  color: #000;
  border-radius: 5px
}

.faq-question small.date {
  display: block;
  font-size: 75%
}

.faq-answer {
  padding: 15px;
  margin-top: 10px;
  line-height: 20px;
  margin-left: 50px;
  background: #fff;
  color: #000;
  border-radius: 5px
}

.faq-question b,
.faq-question strong {
  font-weight: 600
}

.faq-question .name b,
.faq-question .name strong {
  color: #AFCA0A
}

.callback_form {
  float: none;
  margin: 0;
  padding: 15px;
  background: none;
  width: 310px
}

.callback__title {
  text-transform: uppercase;
  font-size: 22px;
  line-height: 24px;
  padding: 0 0 10px 0;
  margin: 0 0 10px 0;
  border-bottom: 1px solid #d5d3d4
}

.callback__title_green {
  color: #679b0b
}

.callback__input,
.callback__btn {
  width: 100%;
  margin: 10px 0 0 0
}

.callback .privacy-label {
  display: block;
  width: 100%;
  margin: 10px 0 0 0
}

.ajax_form span[class^=error],
.callback .privacy-label {
  font-size: 13px;
  line-height: 15px
}

.chronicle,
.look-us,
.video-testimonials {
  text-align: center
}

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

.table-wrap {
  overflow-x: auto
}

.messangers {
  display: none
}

textarea[name="site_message"] {
  display: none
}

.payment-form input,
.payment-form button {
  width: 100%
}

.payment-form .btn {
  padding: 15.5px 22px
}

.whatsapp {
  display: none;
  width: 32px;
  height: 32px
}

.whatsapp svg {
  width: 32px;
  height: 32px
}

.jGrowl {
  z-index: 9999;
  color: #fff;
  font-size: 12px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  position: fixed
}

.jGrowl.top-left {
  left: 0;
  top: 0
}

.jGrowl.top-right {
  right: 0;
  top: 0
}

.jGrowl.bottom-left {
  left: 0;
  bottom: 0
}

.jGrowl.bottom-right {
  right: 0;
  bottom: 0
}

.jGrowl.center {
  top: 0;
  width: 55%;
  left: 25%
}

.jGrowl.center .jGrowl-closer,
.jGrowl.center .jGrowl-notification {
  margin-left: auto;
  margin-right: auto
}

.jGrowl-notification {
  background-color: #000;
  opacity: .9;
  width: 250px;
  padding: 10px;
  margin: 10px;
  text-align: left;
  display: none;
  border-radius: 5px;
  min-height: 40px
}

.jGrowl-notification .ui-state-highlight,
.jGrowl-notification .ui-widget-content .ui-state-highlight,
.jGrowl-notification .ui-widget-header .ui-state-highlight {
  border: 1px solid #000;
  background: #000;
  color: #fff
}

.jGrowl-notification .jGrowl-header {
  font-weight: 700;
  font-size: .85em
}

.jGrowl-notification .jGrowl-close {
  background-color: transparent;
  color: inherit;
  border: none;
  z-index: 99;
  float: right;
  font-weight: 700;
  font-size: 1em;
  cursor: pointer
}

.jGrowl-closer {
  background-color: #000;
  opacity: .9;
  width: 250px;
  padding: 10px;
  margin: 10px;
  display: none;
  border-radius: 5px;
  padding-top: 4px;
  padding-bottom: 4px;
  cursor: pointer;
  font-size: .9em;
  font-weight: 700;
  text-align: center
}

.jGrowl-closer .ui-state-highlight,
.jGrowl-closer .ui-widget-content .ui-state-highlight,
.jGrowl-closer .ui-widget-header .ui-state-highlight {
  border: 1px solid #000;
  background: #000;
  color: #fff
}

@media print {
  .jGrowl {
    display: none
  }
}

.af-message-success {
  background-color: green !important
}

.af-message-error {
  background-color: brown !important
}

.af-message-info {
  background-color: black !important
}

.ajax_form.af_example {
  width: 100%
}

.ajax_form.af_example .controls input,
.ajax_form.af_example .controls textarea {
  width: 100%
}

.ajax_form .error {
  color: brown
}

.apartment-item-content {
  padding-top: 15px;
  padding-bottom: 15px;
}

.apartment-price {
  color: #4a59c5;
  font-weight: 700;
  text-transform: uppercase;
}

.apartment-blocks {
  margin-top: 15px;
}

.apartment-blocks-item {
  vertical-align: top;
  display: inline-block;
}

.remote {
  margin: 0 0 55px 0;
  padding: 60px 75px 80px 80px;
  background: #f6f2ef;
  text-align: center;
  outline: 1px rgba(255, 255, 255, 0.5) solid;
  outline-offset: -15px;
}

.remote-title {
  margin: 0 0 5px 0;
  font-size: 22px;
  line-height: 29px;
  color: #4a59c5;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
}

.remote-text {
  font-size: 22px;
  line-height: 26px;
  font-weight: 300;
  margin-bottom: 50px; 
}

.remote-steps {
  margin: 15px 0;
}

.remote-step {
  position: relative;
  font-size: 14px;
  line-height: 16px;
  font-weight: 300;
  text-align: left;
}

.remote-step-img {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 0;
  left: 0;
  fill: #4a59c5;
}

.remote-step:hover .remote-step-img {
  fill: #f4e034;
}

.remote-step-text {
  float: left;
  padding-left: 70px;
}

.know-price-text {
  font-size: 18px;
  line-height: 30px;
  font-weight: 300;
  margin: 15px 0 0 0;
  text-align: center;
}

.know-price-btn {
  padding: 15px 22px 16px;
}

.add_comment {
  display: block;
  width: 50px;
  height: 350px;
  position: fixed;
  left: 0;
  top: 200px;
  z-index: 99999;
  background: #4a59c5;
  color: #fff;
}

#upbutton {
  background: url("../../../images/up5.png") no-repeat top left;
  height: 60px;
  width: 60px;
  bottom: 30px;
  left: 30px;
  cursor: pointer;
  display: none;
  position: fixed;
  z-index: 99999999999999999999;
}

#popup__toggle {
  bottom: 25px;
  right: 10px;
  position: fixed;
  z-index: 999;
}

.img-circle {
  background-color: #29AEE3;
  box-sizing: content-box;
  -webkit-box-sizing: content-box;
}

.circlephone {
  box-sizing: content-box;
  -webkit-box-sizing: content-box;
  border: 2px solid #29AEE3;
  width: 150px;
  height: 150px;
  bottom: -25px;
  right: 10px;
  position: absolute;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  opacity: .5;
  -webkit-animation: circle-anim 2.4s infinite ease-in-out !important;
  -moz-animation: circle-anim 2.4s infinite ease-in-out !important;
  -ms-animation: circle-anim 2.4s infinite ease-in-out !important;
  -o-animation: circle-anim 2.4s infinite ease-in-out !important;
  animation: circle-anim 2.4s infinite ease-in-out !important;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all 0.5s;
}

.circle-fill {
  box-sizing: content-box;
  -webkit-box-sizing: content-box;
  background-color: #29AEE3;
  width: 100px;
  height: 100px;
  bottom: 0px;
  right: 35px;
  position: absolute;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  border: 2px solid transparent;
  -webkit-animation: circle-fill-anim 2.3s infinite ease-in-out;
  -moz-animation: circle-fill-anim 2.3s infinite ease-in-out;
  -ms-animation: circle-fill-anim 2.3s infinite ease-in-out;
  -o-animation: circle-fill-anim 2.3s infinite ease-in-out;
  animation: circle-fill-anim 2.3s infinite ease-in-out;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all 0.5s;
}

.img-circle {
  box-sizing: content-box;
  -webkit-box-sizing: content-box;
  width: 72px;
  height: 72px;
  bottom: 14px;
  right: 49px;
  position: absolute;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  border: 2px solid transparent;
  opacity: .7;
}

.img-circleblock {
  box-sizing: content-box;
  -webkit-box-sizing: content-box;
  width: 72px;
  height: 72px;
  background-image: url(mini.png);
  background-position: center center;
  background-repeat: no-repeat;
  animation-name: tossing;
  -webkit-animation-name: tossing;
  animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}

.img-circle:hover {
  opacity: 1;
}

@keyframes pulse {
  0% {
    transform: scale(0.9);
    opacity: 1;
  }

  55% {
    transform: scale(1);
    opacity: 1;
  }

  100% {
    transform: scale(0.9);
    opacity: 1;
  }
}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(0.95);
    opacity: 1;
  }

  55% {
    -webkit-transform: scale(1);
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(0.95);
    opacity: 1;
  }
}

@keyframes tossing {
  0% {
    transform: rotate(-8deg);
  }

  55% {
    transform: rotate(8deg);
  }

  100% {
    transform: rotate(-8deg);
  }
}

@-webkit-keyframes tossing {
  0% {
    -webkit-transform: rotate(-8deg);
  }

  55% {
    -webkit-transform: rotate(8deg);
  }

  100% {
    -webkit-transform: rotate(-8deg);
  }
}

@-moz-keyframes circle-anim {
  0% {
    -moz-transform: rotate(0deg) scale(0.5) skew(1deg);
    opacity: .1;
    -moz-opacity: .1;
    -webkit-opacity: .1;
    -o-opacity: .1;
  }

  30% {
    -moz-transform: rotate(0deg) scale(0.7) skew(1deg);
    opacity: .5;
    -moz-opacity: .5;
    -webkit-opacity: .5;
    -o-opacity: .5;
  }

  100% {
    -moz-transform: rotate(0deg) scale(1) skew(1deg);
    opacity: .6;
    -moz-opacity: .6;
    -webkit-opacity: .6;
    -o-opacity: .1;
  }
}

@-webkit-keyframes circle-anim {
  0% {
    -webkit-transform: rotate(0deg) scale(0.5) skew(1deg);
    -webkit-opacity: .1;
  }

  30% {
    -webkit-transform: rotate(0deg) scale(0.7) skew(1deg);
    -webkit-opacity: .5;
  }

  100% {
    -webkit-transform: rotate(0deg) scale(1) skew(1deg);
    -webkit-opacity: .1;
  }
}

@-o-keyframes circle-anim {
  0% {
    -o-transform: rotate(0deg) kscale(0.5) skew(1deg);
    -o-opacity: .1;
  }

  30% {
    -o-transform: rotate(0deg) scale(0.7) skew(1deg);
    -o-opacity: .5;
  }

  100% {
    -o-transform: rotate(0deg) scale(1) skew(1deg);
    -o-opacity: .1;
  }
}

@keyframes circle-anim {
  0% {
    transform: rotate(0deg) scale(0.5) skew(1deg);
    opacity: .1;
  }

  30% {
    transform: rotate(0deg) scale(0.7) skew(1deg);
    opacity: .5;
  }

  100% {
    transform: rotate(0deg) scale(1) skew(1deg);
    opacity: .1;
  }
}

@-moz-keyframes circle-fill-anim {
  0% {
    -moz-transform: rotate(0deg) scale(0.7) skew(1deg);
    opacity: .2;
  }

  55% {
    -moz-transform: rotate(0deg) -moz-scale(1) skew(1deg);
    opacity: .2;
  }

  100% {
    -moz-transform: rotate(0deg) scale(0.7) skew(1deg);
    opacity: .2;
  }
}

@-webkit-keyframes circle-fill-anim {
  0% {
    -webkit-transform: rotate(0deg) scale(0.7) skew(1deg);
    opacity: .2;
  }

  55% {
    -webkit-transform: rotate(0deg) scale(1) skew(1deg);
    opacity: .2;
  }

  100% {
    -webkit-transform: rotate(0deg) scale(0.7) skew(1deg);
    opacity: .2;
  }
}

@-o-keyframes circle-fill-anim {
  0% {
    -o-transform: rotate(0deg) scale(0.7) skew(1deg);
    opacity: .2;
  }

  55% {
    -o-transform: rotate(0deg) scale(1) skew(1deg);
    opacity: .2;
  }

  100% {
    -o-transform: rotate(0deg) scale(0.7) skew(1deg);
    opacity: .2;
  }
}

@keyframes circle-fill-anim {
  0% {
    transform: rotate(0deg) scale(0.7) skew(1deg);
    opacity: .2;
  }

  55% {
    transform: rotate(0deg) scale(1) skew(1deg);
    opacity: .2;
  }

  100% {
    transform: rotate(0deg) scale(0.7) skew(1deg);
    opacity: .2;
  }
}

strong {
  font-weight: 700 !important;
}

@media (min-width: 0px) and (max-width: 640px) {
  .callback {
    float: left !important;
    margin: 12px 0 0 0;
    padding: 0 0 0 0px !important;
    position: relative;
    width: 100% !important;
    text-align: center !important;
  }

  .topmenu {
    position: fixed !important;
    z-index: 9999999 !important;
    background: none !important;
  }

  .header {
    margin-top: 20px !important;
  }

  .callback-btn {
    border: none !important;
    background: rgb(241 74 78) !important;
    color: #ffffff !important;
  }

  a.whatsapp {
    background: white;
    border-radius: 100px;
    /* border: 10px solid white; */
    width: 50px !important;
    height: 50px !important;
  }

  .messangers {
    display: block;
    /* text-align: center; */
    /* margin-top: 10px; */
    position: fixed !important;
    bottom: 150px !important;
    right: 20px !important;
  }

  svg#whats-app {
    height: 50px !important;
    width: 50px !important;
  }

  .whatsapp svg {
    width: 50px !important;
    height: 50px !important;
  }

  .slideshow .container {

    padding-top: 250px !important;

  }

  .slideshow .container {
    width: 100%;
    padding-top: 250px;
    float: left;
  }

  .new-slideshow-text {
    background: white !important;
    opacity: 0.95 !important;
    margin-bottom: 30px !important;
    margin-top: -24px !important;
  }

  .btn-white {
    color: rgb(0, 0, 0) !important;
    border-color: rgb(241 74 78) !important;

  }

  .container {
    width: 98% !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .logo img {
    margin-left: -5px !important;
  }

  .topmenu {
    background: #ffffff !important;
    font-weight: 900 !important;
  }

}
/*Пластиковые окна*/
.main-container__breadcrumbs {
  float: none;
  height: 19px;
  margin-bottom: 30px;
  line-height: 19px;
}
h1.main-container__title {
  padding: 23px 0 24px 0;
  margin-bottom: 40px;
}
.main-container__offer-block {
    margin-bottom: 40px;
}
.main-container__offer-block::after, .main-container__sale-block::after {
  content: ' ';
  display: table;
  clear: both;
}

.offer-block {
  padding: 0;
}
.offer-block:not(:last-child) {
  padding-right: 15px;
}
.offer-block__link {
  padding: 20px 0 19px 20px;
  border: none;  
}
.offer-block__link_calc {
  background: url("/templates/atlant/images/calculate-bg-1.jpg") no-repeat;
}
.offer-block__link_montage {
  background: url("/templates/atlant/images/montage.jpg") no-repeat;
}
.offer-block__link_energy-saving {
  background: url("/templates/atlant/images/energy-effective.jpg") no-repeat;
}
.offer-block__title {
  line-height: 19px;
  color: #373737;
  font-weight: normal;
}
span.offer-block__title_bold {
  font-weight: bold;
  font-size: 18px;
  line-height: 24px;
}

.main-container__sale-block {
  background: url("/templates/atlant/images/promo-leto1.jpg") no-repeat, 
              linear-gradient(0deg, #F7F5F6, #F7F5F6);
  position: relative;
  width: 100%;
  height: 387px;
  background-position-x: 100%;
  border-radius: 4px 0px 0px 4px;
  margin-bottom: 60px;
}
.sale-block {
    position: absolute;
    background: rgba(255, 255, 255, 0.8);
    margin: 40px 0 40px 42px;
    padding: 30px 27px 59px 28px;
    width: 53%;
    border-radius: 4px;
    display: flex;
}
.sale-block__left {
    flex-basis: 50%;
    flex-shrink: 0;
}
.sale-block__right {
    flex-shrink: 1;
}
.sale-block__label {
  margin-bottom: 10px;
}
.sale-block__title {
    font-weight: bold;
    font-size: 32px;
    line-height: 43px;
    margin-bottom: 30px;
}
.sale-block__button {
    box-shadow: 0px 4px 10px rgba(52, 217, 244, 0.3);
    border-radius: 6px;
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
}
.sale-block-list__item:not(:last-child) {
    margin-bottom: 20px;
}
.sale-block-list__item,
.form-content-list__item {
  list-style-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Crect width='14' height='14' fill='url(%23pattern0)'/%3E%3Cdefs%3E%3Cpattern id='pattern0' patternContentUnits='objectBoundingBox' width='1' height='1'%3E%3Cuse xlink:href='%23image0_211_266' transform='scale(0.0714286)'/%3E%3C/pattern%3E%3Cimage id='image0_211_266' width='14' height='14' xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAABdElEQVQ4EYWSO0vEQBCAF2b2vJ9goaLYKAgWFiI2Ir4fKFjYanY2nD/CQrCxsREtLMzOxvsF11wnWgg2NoKC6ImPzsoneM3JnhE3Z9BAyGb2+zKZmRXCu5Yi0RyyaFMGpsniQcA4QIyrmnHEw34vtcVNYrhSjJfEWCPG5+RZJiNXlIXZlBUYHFMMu4rhJgGdlHHLOCVqK3U22ChDRTFsk813CG1xnBhL/4jul88T5jE0TZ2CDK7/JWnGJ21ggRgWHefqr9eqDA56Tah665qTiGGObK6bGM+8BMcu45EXOA2jXBcxnhDji2aYDGLZ6zrtMe8U4ZDQDDPEeJFsvCmWpGyuhywOh1b2E0PFk+qd1gY3BO2LFmK89zar9XqM7CPGBy/+PZ6SinBCLO+JVrKw0/DlD2J8zZBqimWQmqU7AFngT0zeEcsiWZhKiRTjqLayQIzlBP7KaOGaWN5qhq2U0PjimqINriVjOlQxzBeifLs7/D77CWVwJBJdb3LMAAAAAElFTkSuQmCC'/%3E%3C/defs%3E%3C/svg%3E%0A");
}

.window-prices {
    margin-bottom: 60px;
}
.subtitle {
    font-weight: bold;
    font-size: 32px;
    line-height: 43px;
    color: #4A59C5;
    margin-bottom: 40px;
    text-transform: uppercase;
}
.tabs {
    display: flex;
    background: #F9F9F9;
    border-radius: 4px;
    flex-wrap: wrap;
}
.tab {
    padding: 30px 33px;
    border-top: 4px solid #E2E2E2;
    color: #808080;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    line-height: 19px;
    box-sizing: border-box;
    cursor: pointer;
    flex: 1 0 auto;
}
.tab:not(:last-child) {
    border-right: 1px solid #E2E2E2;
}
.tab_active {
    background: linear-gradient(180deg, #D0F8FF 0%, #FFFFFF 100%);
    border-top-color: #4A59C5;
    border-right-color: transparent;
    position: relative;
    color: #0AB5D1;
}
.tab_active::after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border: 7px solid #4A59C5;
    top: 0;
    left: 50%;
    border-bottom-width: 0;
    border-left-color: transparent;
    border-right-color: transparent;
}
.window-prices__content {
    padding: 60px 76px 60px 140px;
    border: 1px solid #EFEFF4;
    box-sizing: border-box;    
}
.tab-content {
    display: none;
}
.tab-content_active {
    display: block;
}
.price-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.price-content__description {
    flex: 0 1 585px;
}
.visual__img {
    margin-bottom: 30px;
}
.visual-img-item {
    width: 240px;
    height: 254px;
}
.visual__name {
    text-align: center;
    color: #848484;
    margin-bottom: 35px;
}
.visual__nav {
    display: inline-flex;
    width: 100%;
    justify-content: center;
}
.nav-button_prev {
    top: 325px;
    left: 70px;
}
.nav-button_next {
    top: 325px;
    left: 115px;
}
.window-prices__slider .nav-button_next::after,
.five-reason__nav-next::after {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 55%;
    left: 55%;
    margin-left: -6px;
    margin-top: -5px;
    border-top: 1px #9c9c9c solid;
    border-right: 1px #9c9c9c solid;
    transform: rotate(45deg);  
}
.window-prices__slider .nav-button_prev::after,
.five-reason__nav-prev::after {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 55%;
    left: 55%;
    margin-left: -2px;
    margin-top: -5px;
    border-top: 1px #9c9c9c solid;
    border-left: 1px #9c9c9c solid;
    transform: rotate(-45deg);  
}
.nav-button {
    background: #FFF;
    border: 1px solid #EDEDED;
    box-sizing: border-box;
    width: 46px;
    height: 46px;
}
.nav-button:hover {
    background: #F7F7F7;
}
.price-description__title {
    font-weight: bold;
    font-size: 22px;
    line-height: 29px;
    text-transform: uppercase;
    color: #373737;
    margin-bottom: 30px;
}
.price-description__property {
    display: table;
    margin-bottom: 30px;
}
.property-row {
    display: table-row;
}
.property-key, .propery-value {
    display: table-cell;
}
.property-key {
    padding-left: 36px;
    position: relative;
    padding-bottom: 20px;
    width: 50%;
    font-weight: bold;
    font-size: 16px;
    line-height: 21px;
    color: #373737;
}
.property-key::before {
    content: '';
    position: absolute;
    width: 26px;
    height: 19px;
    background: url("/templates/atlant/images/list-style-img.svg") no-repeat;
    left: 0;
}
.price-description__price {
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    color: #4A59C5;
    margin-bottom: 25px;
}
.buttons-order {
    padding: 13px 36px;
    margin-right: 20px;
    margin-bottom: 30px;
    background: #4A59C5;
    border-radius: 6px;
    color: #fff;
}

.five-reason {
    margin-bottom: 60px;
}
.five-reason-slide {
    display: flex;
    flex-wrap: wrap;
}
.five-reason-slide-descr {
    flex: 1 0 310px;
}
.five-reason-slide-descr__label {
    font-size: 25px;
    line-height: 34px;
    color: #4A59C5;
    padding: 10px;
    width: 60px;
    text-align: center;
    position: relative;
    margin-bottom: 31px;
}
.five-reason-slide-descr__label::before {
    content: '';
    width: 23px;
    height: 23px;
    position: absolute;
    border: 1px solid #D2D2D2;
    border-top-color: transparent;
    border-right-color: transparent;
    bottom: 0;
    left: 0;
}
.five-reason-slide-descr__label::after {
    content: '';
    width: 23px;
    height: 23px;
    position: absolute;
    border: 1px solid #D2D2D2;
    border-bottom-color: rgb(210, 210, 210);
    border-left-color: rgb(210, 210, 210);
    border-bottom-color: transparent;
    border-left-color: transparent;
    top: 0;
    right: 0;
}
.five-reason-slide-descr__title {
    font-weight: 350;
    font-size: 24px;
    line-height: 32px;
    color: #4A59C5;
    margin-bottom: 20px;
}
.five-reason__slider-nav {
    height: 48px;
}
.five-reason__nav-next {
    top: 108%;
    left: 40em;
}
.five-reason__nav-prev {
    top: 108%;
    left: 37em;
}

.manufacturer {
    margin-bottom: 114px;
}
.manufacturer__content {
    padding: 41px 42px 80px 42px;
    border: 1px solid #EAEAEA;
    box-sizing: border-box;
    border-radius: 4px;
}
.manufacturer__items {
    display: flex;
    gap: 29px;
    margin-bottom: 40px;
    border-bottom: 1px solid #EAEAEA;
    padding-bottom: 40px;
    flex-wrap: wrap;
}
.manufacturer-item {
    flex: 1 0 351px;
}
.manufacturer-item__title {
    font-weight: bold;
    font-size: 18px;
    line-height: 24px;
    color: #4A59C5;
    margin-bottom: 15px;
}
.manufacturer-item__property {
    margin-bottom: 21px;
}
.manufacturer-item-property__key {
    font-weight: bold;
    font-size: 14px;
    line-height: 26px;
    color: #606060;
    width: 70%;
    display: inline-block;
}
.manufacturer-item__features_srong {
    font-weight: bold;
    font-size: 14px;
    line-height: 19px;
    color: #606060;
    margin-bottom: 10px;
}
.manufacturer-item__features {
    font-size: 14px;
    line-height: 19px;
    color: #373737;
    margin-bottom: 20px;
    min-height: 181px;
}
.manufacturer__button {
    background: #F9F9F9;
    border-radius: 6px;
    display: block;
    color: #4A59C5;
}
.manufacturer__button:hover {
    background: #4A59C5;
    box-shadow: 0px 4px 10px rgba(74, 89, 197, 0.1);
    color: #fff;
}
.manufacturer__description {
    display: flex;
    flex-wrap: wrap;
}
.manufacturer-description__image {
    margin-right: 40px;
    flex: 1 0 280px;
}
.manufacturer-description__content {
    font-weight: 350;
    font-size: 16px;
    line-height: 21px;
    color: #373737;
    flex: 1 1 760px;
}
.manufacturer-description-content__link {
    margin-top: 10px;
}

.calculator {
    background: #EFEFF4;
    border-radius: 4px;
    padding: 60px 0 0 0;
    color: #373737;
    margin-bottom: 60px;
}
.calculator__step {
    padding: 0 39px 0 39px;
}
.calculator-step {
    display: flex;
    margin-bottom: 40px;
    flex-wrap: wrap;
}
.calculator-step__number {
    background: #DDDDE3;
    color: #373737;
    margin-right: 20px;
}
.calculator-step__title {
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    color: #373737;
    margin-right: 30px;
    min-width: 282px;
}
.calculator-step__profile {
    display: flex;
    padding: 0;
    flex-wrap: wrap;
}
.step-profile__item {
    margin-right: 30px;
}
.step-profile__item .pseudo-radio, .profile-item__pseudo-checkbox {
  background: #fff;
  border: 1px solid #DEDEDE;
  box-sizing: border-box;  
}
.step-profile__item_checkbox {
    margin-right: 80px;
}
.profile-item__title {
    color: #4A59C5;
    font-size: 13px;
    line-height: 21px;
    font-weight: normal;
    margin-bottom: 20px;
}
.profile-item__image {
    margin-bottom: 20px;
}
.profile-item__wrap {
    background: #fff;
}
.calculator__form-fields {
    padding: 40px 0 0 40px;
    margin: 0;
    background: url("/templates/atlant/images/bg-form-calc.png") no-repeat 100%, linear-gradient(270deg, #4A59C5 0%, rgba(74, 89, 197, 0) 51.53%);
    min-height: 160px;
    background-color: #4A59C5;
    text-align: left;
    border-radius: 4px;
}
.calculator__form-fields input[type="text"],
.calculator__form-fields input[type="tel"] {
  width: 280px;
  height: 46px;
  margin-right: 20px;
}
.calculator-form__button {
    background: #FF484A;
    color: #fff;
    width: 271px;
    height: 46px;
}
.banner-credit {
    display: flex;
    padding: 30px 0 40px 41px;
    border-radius: 4px;
    margin-bottom: 60px;
    background-image: linear-gradient(120deg, #5FB21C 38%, #E3FBFB 33%);
}
.banner-credit__left-block {
    margin-right: 120px;
}
.left-block__title {
    font-weight: bold;
    font-size: 32px;
    line-height: 43px;
    color: #fff;
    margin-bottom: 20px;
}
.left-block__link {
    padding: 14px 20px;
    display: inline-block;
    box-sizing: border-box;
    border: 2px solid #fff;
    border-radius: 4px;
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    text-decoration: none;
}
.banner-credit__right-block {
    display: flex;
    align-items: center;
}
.right-block__item {
    margin-right: 44px;
}
.right-block-item__descr {
    padding-left: 66px;
    position: relative;
}
.right-block-item__descr::before {
    content: '';
    position: absolute;
    background: url("/templates/atlant/images/green-tick.svg") no-repeat;
    width: 46px;
    height: 42px;
    left: 0;
    top: 7px;
}
.right-block-item__descr_green {
    font-weight: bold;
    font-size: 22px;
    line-height: 29px;
    color: #5F9B01;
}

.additional-option {
    background: #F9F9F9;
    border-radius: 4px;
    margin-bottom: 60px;
    display: flex;
    flex-wrap: wrap;
    padding: 60px 40px;
    gap: 19px;
}
.additional-option__element {
    flex-basis: 360px;
    position: relative;
}
.additional-option__element_text {
    font-size: 28px;
    line-height: 37px;
    color: #4A59C5;
}
.additional-option-element__title_bold {
    font-weight: bold;
    font-size: 32px;
    line-height: 43px;
    text-transform: uppercase;
}
.additional-option-element__price {
    background: #34D9F4;
    position: absolute;
    right: 10px;
    padding: 7px 10px;
    font-weight: normal;
    font-size: 14px;
    line-height: 19px;
    border-radius: 4px;
        border-bottom-left-radius: 4px;
    border-bottom-left-radius: 17px;
    top: 10px;
    display: none;
}
.additional-option-element__title {
    text-align: center;
    padding: 25px 0;
    background: #fff;
    border-radius: 4px;
}
.additional-option__element_link:hover {
    box-shadow: 0px 6px 30px rgba(54, 54, 54, 0.1);
    transform: scale(1.04);
    transition: all 0.2s linear;
}
.additional-option__element_link:hover > .additional-option-element__price {
  display: inline;
}

.best-specifications-form {
    display: flex;
    background: linear-gradient(90deg, #F1F1EF 0%, rgba(255, 255, 255, 0) 45%), 
            linear-gradient(90deg, #F1F1EF 0%, rgba(255, 255, 255, 0) 55%), 
            url("/templates/atlant/images/bg-form-best-plastik.png") no-repeat 100%;
    padding: 65px;
    justify-content: space-between;
    outline: 1px solid #fff;
    outline-offset: -15px;
    margin-bottom: 75px;
    flex-wrap: wrap;
}
.best-specifications-form__content {
    background: rgba(255, 255, 255, 0.8);
    border-radius: 4px;
    padding: 30px 40px 86px 30px;
    flex-basis: 380px;
    position: relative;
}
.best-specifications-form-content__title {
    font-size: 32px;
    line-height: 43px;
}
.best-specifications-form-content__list {
    padding-left: 20px;
}
.form-content-list__item:not(:last-child) {
    margin-bottom: 15px;
}
.best-specifications-form__content::after {
    content: '';
    position: absolute;
    background: url("/templates/atlant/images/windows-promo-gift.png")no-repeat;
    width: 147px;
    height: 147px;
    right: -67px;
    bottom: -20px;
}
.best-specifications-form__form {
    flex-basis: 340px;
    background: #F0F0F0;
    border-radius: 4px;
    padding: 30px 30px 41px 30px;
    text-align: center;
}
.best-specifications-form__title {
    font-weight: 600;
    font-size: 20px;
    line-height: 27px;
    text-align: center;
    margin-bottom: 20px;
}
.best-specifications-form__form input {
    margin-bottom: 15px;
    width: 280px;
}
.best-specifications-form__form button {
    width: 100%;
    height: 50px;
    margin-bottom: 15px;
}
.best-specifications-form__polit {
    font-size: 13px;
    line-height: 17px;
    color: #666;
}

.reviews {
    margin-bottom: 60px;
}
.reviews__top {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
}
.reviews__cards {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}
.review-card {
    padding: 30px;
    border: 1px solid #EAEAEA;
    box-sizing: border-box;
    border-radius: 4px;
}
.review-card__label {
    margin-bottom: 23px;
}
.review-card__text {
    color: #666;
    margin-bottom: 20px;
}
.review-card__name {
    color: #4A59C5;
}
.btn-alternate {
  background: #34d9f4;
}
@media screen and (max-width: 640px) {
  .window-prices__content {
      padding: 10px 26px 10px 10px;
  }  
  .banner-credit {
    display: none;
  }
  .best-specifications-form {
      padding: 30px;
  }
}
/**/