/* Start:/local/templates/main/components/bitrix/form.result.new/headerForm/style.css?1714057309825*/
.header-form {
  display: none;
  z-index: 1003;
  width: 630px;
  position: fixed;
  left: 50%;
  top: 50%;
  margin: -300px 0 0 -315px;
  background: white;
  padding: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  @media screen and (max-width: 720px) {
    .header-form {
      margin: -300px 0 0 -185px;
      width: 370px; } }
  @media screen and (max-width: 720px) {
    .header-form .agreement-checkbox .text {
      width: 270px;
      height: 70px; } }
  .header-form .auth-close {
    position: absolute;
    top: 8px;
    right: 10px;
    cursor: pointer;
    background: url("/local/templates/main/components/bitrix/form.result.new/headerForm/../../../../img/exit-icon-form-min.png") center no-repeat;
    width: 14px;
    height: 14px;
    z-index: 1; }

/*# sourceMappingURL=style.css.map */

/* End */


/* Start:/local/templates/main/components/bitrix/search.form/header_search/style.css?17140573092388*/
.search {
  width: 100%;
  height: 100%;
  line-height: 40px;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 0 0 auto;
  transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  background: #e1e7ee; }
  .search form {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: normal;
    margin: 0; }
    .search form input::-webkit-input-placeholder {
      color: #90a5b0; }
    .search form input::-moz-placeholder {
      color: #90a5b0; }
    .search form input:-moz-placeholder {
      color: #90a5b0; }
    .search form input:-ms-input-placeholder {
      color: #90a5b0; }
    .search form input {
      display: inline-block;
      vertical-align: middle;
      white-space: normal; }
    .search form input[name="q"] {
      width: 100%;
      height: 40px;
      display: block;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding: 0 0 0 12px;
      color: #90a5b0;
      font-size: 13px;
      font-family: "UltimaProLt";
      text-transform: uppercase;
      text-transform: none;
      cursor: text;
      transition: all 0.2s ease;
      -o-transition: all 0.2s ease;
      -moz-transition: all 0.2s ease;
      -webkit-transition: all 0.2s ease;
      background: transparent;
      border: 0; }
      .search form input[name="q"]:hover, .search form input[name="q"]:focus {
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.15);
        -moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.15);
        box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.15); }
      @media screen and (max-width: 980px) {
        .search form input[name="q"] {
          font-size: 15px; } }
    .search form input.icon {
      width: 27px;
      height: 27px;
      position: absolute;
      right: 10px;
      top: 6px;
      background: url("/local/templates/main/components/bitrix/search.form/header_search/../../../../img/search-header-icon-min.png") center no-repeat #e1e7ee;
      border: 0;
      cursor: pointer;
      transition: all 0.2s ease;
      -o-transition: all 0.2s ease;
      -moz-transition: all 0.2s ease;
      -webkit-transition: all 0.2s ease; }

/*# sourceMappingURL=style.css.map */

/* End */


/* Start:/local/templates/main/components/bitrix/catalog.section.list/left-sections-list/style.css?171405730911125*/
.left-sections-list {
  white-space: normal;
  letter-spacing: normal;
  position: relative;
  z-index: 100;
  background: white;
  width: 270px; }
  @media screen and (max-width: 1200px) and (min-width: 981px) {
    .left-sections-list {
      width: 220px; } }
  .left-sections-list.header {
    width: 240px;
    position: absolute;
    -webkit-box-shadow: 0 3px 15px rgba(45, 57, 15, 0.84);
    -moz-box-shadow: 0 3px 15px rgba(45, 57, 15, 0.84);
    box-shadow: 0 3px 15px rgba(45, 57, 15, 0.84);
    transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
    -webkit-transform: translate(-100%, 0%);
    transform: translate(-100%, 0%);
    opacity: 0;
    left: 0; }
    .left-sections-list.header.show {
      -webkit-transform: translate(0%, 0%);
      transform: translate(0%, 0%);
      opacity: 1; }
    @media screen and (max-width: 980px) {
      .left-sections-list.header {
        width: 100%;
        top: 0;
        left: 0;
        z-index: 105;
        overflow: hidden; } }
    .left-sections-list.header .catalog-menu-title {
      background: #098edb;
      height: 18px;
      padding: 55px 0 35px 0;
      display: none; }
      @media screen and (max-width: 980px) {
        .left-sections-list.header .catalog-menu-title {
          display: block; } }
      .left-sections-list.header .catalog-menu-title .text {
        color: white;
        font-size: 19px;
        font-family: "UltimaProLt";
        text-transform: uppercase;
        letter-spacing: 2.28px;
        line-height: 18px;
        position: relative; }
        @media screen and (max-width: 980px) {
          .left-sections-list.header .catalog-menu-title .text {
            margin: 0 auto; } }
        @media screen and (max-width: 980px) and (min-width: 721px) {
          .left-sections-list.header .catalog-menu-title .text {
            width: 700px; } }
        @media screen and (max-width: 720px) {
          .left-sections-list.header .catalog-menu-title .text {
            width: 440px; } }
        .left-sections-list.header .catalog-menu-title .text .icon-exit {
          position: absolute;
          right: -7px;
          top: -7px;
          width: 32px;
          height: 32px;
          cursor: pointer;
          background: url("/local/templates/main/components/bitrix/catalog.section.list/left-sections-list/../../../../img/exit-icon-catalog-menu-min.png") center no-repeat; }
    .left-sections-list.header .section {
      overflow: hidden; }
      @media screen and (max-width: 980px) {
        .left-sections-list.header .section {
          margin: 0;
          border-bottom: 1px solid #087abc; } }
      @media screen and (max-width: 980px) {
        .left-sections-list.header .section .table-name {
          margin: 0 auto;
          position: relative;
          padding: 0; }
          .left-sections-list.header .section .table-name.subsections .arrow {
            right: 0; } }
      @media screen and (max-width: 980px) and (min-width: 721px) {
        .left-sections-list.header .section .table-name {
          width: 700px; } }
      @media screen and (max-width: 720px) {
        .left-sections-list.header .section .table-name {
          width: 440px; } }
      .left-sections-list.header .section .subsections-block {
        position: absolute;
        background: white;
        top: 0;
        right: 0;
        height: 0;
        overflow: hidden; }
        @media screen and (min-width: 980px) {
          .left-sections-list.header .section .subsections-block {
            transition: all 0.6s ease;
            -o-transition: all 0.6s ease;
            -moz-transition: all 0.6s ease;
            -webkit-transition: all 0.6s ease;
            -webkit-transform: translate(150%, 0%);
            transform: translate(150%, 0%);
            opacity: 0; } }
        @media screen and (max-width: 980px) {
          .left-sections-list.header .section .subsections-block {
            left: 0;
            width: 100%;
            position: relative;
            height: auto;
            display: none; } }
        @media screen and (max-width: 980px) {
          .left-sections-list.header .section .subsections-block .table-name-subsection {
            margin: 0 auto;
            position: relative;
            height: 60px; } }
        @media screen and (max-width: 980px) and (min-width: 721px) {
          .left-sections-list.header .section .subsections-block .table-name-subsection {
            width: 700px; } }
        @media screen and (max-width: 720px) {
          .left-sections-list.header .section .subsections-block .table-name-subsection {
            width: 440px; } }
      .left-sections-list.header .section.hide .subsections-block {
        opacity: 0;
        height: auto; }
        @media screen and (min-width: 980px) {
          .left-sections-list.header .section.hide .subsections-block {
            -webkit-transform: translate(150%, 0%) !important;
            transform: translate(150%, 0%) !important;
            opacity: 0 !important;
            height: auto !important; } }
      .left-sections-list.header .section.active {
        overflow: visible;
        z-index: 100; }
        @media screen and (max-width: 980px) {
          .left-sections-list.header .section.active {
            height: auto; } }
        @media screen and (min-width: 980px) {
          .left-sections-list.header .section.active .subsections-block {
            -webkit-transform: translate(100%, 0%);
            transform: translate(100%, 0%);
            height: auto;
            opacity: 1;
            -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.28);
            -moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.28);
            box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.28); } }
        @media screen and (max-width: 980px) {
          .left-sections-list.header .section.active .subsections-block {
            display: block;
            height: 0;
            opacity: 1; } }
  .left-sections-list .section {
    width: 100%;
    height: 60px;
    display: block;
    margin-bottom: 10px;
    text-decoration: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    position: relative;
    background: #098edb; }
    @media screen and (min-width: 980px) {
      .left-sections-list .section {
        overflow: hidden; } }
    .left-sections-list .section:last-child {
      margin-bottom: 0; }
    @media screen and (min-width: 980px) {
      .left-sections-list .section:hover {
        background: #087abc; } }
    .left-sections-list .section.active {
      background: #087abc; }
    .left-sections-list .section.active {
      height: auto; }
      .left-sections-list .section.active .table-name.subsections .arrow-wrap .arrow {
        background: url("/local/templates/main/components/bitrix/catalog.section.list/left-sections-list/../../../../img/sections-left-arrow-active.png") center 8px no-repeat #84849f; }
    .left-sections-list .section .subsections-block {
      height: 0;
      border-right: 1px solid #e7edef;
      border-left: 1px solid #e7edef;
      border-bottom: 1px solid #e7edef;
      text-decoration: none;
      background: white;
      z-index: 1; }
      .left-sections-list .section .subsections-block .table-name-subsection {
        width: 100%;
        display: table;
        /* height: 49px; */
        min-height: 49px;
        border-bottom: 1px solid #e7edef;
        padding: 10px 18px;
        text-decoration: none;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box; }
        @media screen and (max-width: 1200px) and (min-width: 981px) {
          .left-sections-list .section .subsections-block .table-name-subsection {
            padding: 0 10px; } }
        .left-sections-list .section .subsections-block .table-name-subsection:last-child {
          border-bottom: 0; }
        .left-sections-list .section .subsections-block .table-name-subsection .table-cell-subsection {
          display: table-cell;
          vertical-align: middle; }
          .left-sections-list .section .subsections-block .table-name-subsection .table-cell-subsection:hover .text, .left-sections-list .section .subsections-block .table-name-subsection .table-cell-subsection.active .text {
            text-decoration: none;
            color: #098edb; }
          .left-sections-list .section .subsections-block .table-name-subsection .table-cell-subsection .text {
            color: #414e55;
            font-size: 14.5px;
            font-family: "OpenSans";
            text-transform: uppercase;
            line-height: 16px;
            text-transform: none;
            text-decoration: underline;
            /* max-height: 35px; */
            overflow: hidden; }
    .left-sections-list .section .table-name {
      width: 100%;
      display: table;
      height: 60px;
      padding: 0 33px 0 18px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      text-decoration: none;
      transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -webkit-transition: all 0.3s ease;
      cursor: pointer;
      z-index: 2;
      line-height: initial; }
      @media screen and (max-width: 1200px) and (min-width: 981px) {
        .left-sections-list .section .table-name {
          padding: 0 10px; } }
      .left-sections-list .section .table-name.subsections .arrow-wrap {
        position: absolute;
        width: 40px;
        height: 60px;
        right: 0;
        top: 0; }
        .left-sections-list .section .table-name.subsections .arrow-wrap .arrow {
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          margin: auto;
          width: 19px;
          height: 19px;
          -webkit-border-radius: 19px;
          -moz-border-radius: 19px;
          -ms-border-radius: 19px;
          border-radius: 19px;
          background: url("/local/templates/main/components/bitrix/catalog.section.list/left-sections-list/../../../../img/sections-left-arrow-min.png") center no-repeat white;
          transition: all 0.3s ease;
          -o-transition: all 0.3s ease;
          -moz-transition: all 0.3s ease;
          -webkit-transition: all 0.3s ease; }
      .left-sections-list .section .table-name .table-cell {
        display: table-cell;
        vertical-align: middle; }
        .left-sections-list .section .table-name .table-cell .text {
          color: white;
          font-size: 16px;
          font-family: "OpenSans";
          text-transform: uppercase;
          line-height: 16px;
          text-transform: none;
          text-decoration: none;
          max-height: 50px;
          overflow: hidden; }

/*# sourceMappingURL=style.css.map */

/* End */


/* Start:/local/templates/main/components/bitrix/menu/header_menu/style.css?17140573093200*/
ul.header-menu {
  margin: 0;
  padding: 0;
  list-style-type: none;
  width: 100%;
  display: inline-block;
  vertical-align: top;
  white-space: normal;
  white-space: nowrap; }
  ul.header-menu li {
    list-style: none;
    position: relative;
    margin: 0 7px 0 0;
    height: 40px;
    width: auto;
    line-height: 40px;
    padding: 0 20px;
    display: inline-block;
    vertical-align: top;
    white-space: normal;
    border-bottom: 4px solid transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease; }
    @media screen and (max-width: 1200px) and (min-width: 981px) {
      ul.header-menu li {
        padding: 0 6px;
        margin: 0; } }
    @media screen and (max-width: 980px) {
      ul.header-menu li {
        display: block;
        height: auto;
        padding: 0;
        margin: 0 auto 30px auto; } }
    @media screen and (max-width: 980px) and (min-width: 721px) {
      ul.header-menu li {
        width: 700px; } }
    @media screen and (max-width: 720px) {
      ul.header-menu li {
        width: 440px; } }
    @media screen and (min-width: 980px) {
      ul.header-menu li:last-child {
        margin-right: 0; } }
    @media screen and (min-width: 980px) {
      ul.header-menu li:hover, ul.header-menu li.active {
        border-bottom: 4px solid #e9ac0c; }
        ul.header-menu li:hover > a, ul.header-menu li.active > a {
          font-family: "UltimaPro";
          letter-spacing: 0.13px; } }
    ul.header-menu li a {
      color: #414e55;
      font-size: 17px;
      font-family: "UltimaProLt";
      text-transform: uppercase;
      text-transform: none;
      letter-spacing: 0.34px;
      display: block;
      height: 100%;
      text-decoration: none;
      position: relative;
      line-height: 42px;
      white-space: nowrap; }
      @media screen and (max-width: 980px) {
        ul.header-menu li a {
          color: #414e55;
          font-size: 17px;
          font-family: "UltimaProLt";
          text-transform: uppercase;
          text-transform: none;
          line-height: 20px;
          display: table; } }


ul.second {
  position: absolute;
  left: 0;
  top: 40px;
  padding-left: 0;
  display: none;
  width: 200px;
  background: #fff;
  z-index: 1000;
  box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.3);
}

ul.second li {
  display: block;
  width: 100%!important;
  padding: 0 0 0 20px;
  transition: none;
}

ul.second li:not(:last-child) {
  border-bottom: 1px solid #ececec;
}

ul.second li:hover {
  border-bottom: 4px solid #e9ac0c;
}

.child-ul:hover ul.second {
  display: block;
}

@media screen and (max-width: 980px) {
  ul.second {
    position: unset;
    width: 100%;
    box-shadow: none;
  }

  .header-menu .child-ul ul.second li {
    border: none;
    margin: 25px 0;
  }

  .header-menu .child-ul ul.second li:last-child {
    margin-bottom: 0;
  }
}

/*# sourceMappingURL=style.css.map */

/* End */


/* Start:/local/templates/main/components/bitrix/breadcrumb/main-template/style.css?17140573091666*/
.breadcrumb {
  width: 1170px;
  margin: 18px auto 0 auto;
  font-size: 0;
  height: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  z-index: 1; }
  @media screen and (max-width: 1200px) and (min-width: 981px) {
    .breadcrumb {
      width: 940px; } }
  @media screen and (max-width: 980px) {
    .breadcrumb {
      border-top: 0; } }
  @media screen and (max-width: 980px) and (min-width: 721px) {
    .breadcrumb {
      width: 700px; } }
  @media screen and (max-width: 720px) {
    .breadcrumb {
      width: 440px; } }
  .breadcrumb .item {
    display: inline-block;
    vertical-align: top;
    white-space: normal;
    height: auto;
    padding: 5px 0 0 0; }
    @media screen and (max-width: 980px) {
      .breadcrumb .item {
        padding: 13px 0 0 0; } }
  .breadcrumb span {
    color: #098edb;
    font-size: 13px;
    font-family: "OpenSans Light Italic";
    text-transform: uppercase;
    transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    text-transform: none;
    padding-right: 6px;
    letter-spacing: 0.25px;
    display: inline-block; }
  .breadcrumb a {
    text-decoration: none;
    display: block; }
    .breadcrumb a .arrow {
      background: url("/local/templates/main/components/bitrix/breadcrumb/main-template/img/breadcrumb-arrow.png") center no-repeat;
      width: 8px;
      height: 8px;
      margin-right: 5px; }
    .breadcrumb a span {
      color: #414e55; }
    .breadcrumb a:hover span {
      text-decoration: underline; }

/*# sourceMappingURL=style.css.map */

/* End */


/* Start:/local/templates/main/components/bitrix/form.result.new/consultation/style.css?1714057309561*/
.footer-form {
	margin: 30px 0 50px;
	position: relative;
 }
 
 .footer-form__row {
	display: flex;
	margin: 0 -15px;
 }
 
 .footer-form__col {
	width: 50%;
	padding: 0 15px;
 }
 
 @media (max-width: 720px) {
	.footer-form__row {
	  flex-wrap: wrap;
	  margin: 0;
	}
 
	.footer-form__col {
	  width: 100%;
	}
 }
 
 .footer-form .agreement-checkbox {
	display: flex;
	justify-content: center;
	align-items: center;
 }
 
 .footer-form .button {
	margin: 0 auto;
 }
 
 .footer-form.content-form .name {
	text-align: center;
 }
/* End */


/* Start:/local/templates/main/styles.css?17516337081332*/
.bx-context-toolbar-empty-area{
    font-size: 12px;
}

.cop_yea_f {
	position: absolute;
	top: 90px;
	color: #fff;
}

footer .footer-menu-wrap .first-line .first-block .address-wrap .work-hours, footer .footer-menu-wrap .first-line .first-block .address-wrap .phone, footer .footer-menu-wrap .first-line .first-block .address-wrap .email {
	margin-top: 0px!important;
}

footer .footer-menu-wrap .first-line {
	padding-bottom: 0px!important;
}
.cokies { 
	position: fixed;
    left: 19.3%;
    bottom: 8px;
    width: 682px;
    max-width: 100%;
    border: 1px solid #000;
    z-index: 49;
    background: #fff;
    color: #000;
    font-size: 14px;
	font-family: "OpenSans";
} 
.cc__text_wrapper{ 
	width: 100%;
	height: 100%;
} 
.cc__text a{  
	color: rgb(0 141 210);
} 
.cc__text{
    padding: 17px 2px 19px 20px;
    max-width: 70%;
} 
.cc__clicker {
	position: absolute;
    border: 1px solid #fff;
    text-align: center; 
    background: rgb(0 141 210);
    cursor: pointer;  
    color: #fff; 
	top: 21px; 
    padding: 9px 42px 7px 43px;
    right: 17px;
}
@media (max-width: 1281px) {
	.cokies{
		height: auto;
	padding-bottom: 10px;

	}
}
@media (max-width: 799px) {
	.cc__text {
		font-size: 14px;
	}
	.cc__clicker {
		font-size: 15px;
		line-height: 39px; 
		padding: 9px 28px 7px 28px;
	}
	.cokies {
		left: 0%;
	}
}
/* End */


/* Start:/local/templates/main/template_styles.css?171405730888891*/
@font-face {
  font-family: "UltimaPro";
  src: url("/local/templates/main/fonts/ultimapro-webfont.eot");
  src: url("/local/templates/main/fonts/ultimapro-webfont.eot?#iefix") format("embedded-opentype"), url("/local/templates/main/fonts/ultimapro-webfont.woff") format("woff"), url("/local/templates/main/fonts/ultimapro-webfont.ttf") format("truetype"), url("/local/templates/main/fonts/ultimapro-webfont.woff2") format("woff2"), url("/local/templates/main/fonts/ultimapro-webfont.svg#ultimapro-webfont") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "UltimaPro Bold";
  src: url("/local/templates/main/fonts/ultimapro-bold-webfont.eot");
  src: url("/local/templates/main/fonts/ultimapro-bold-webfont.eot?#iefix") format("embedded-opentype"), url("/local/templates/main/fonts/ultimapro-bold-webfont.woff") format("woff"), url("/local/templates/main/fonts/ultimapro-bold-webfont.woff2") format("woff2"), url("/local/templates/main/fonts/ultimapro-bold-webfont.ttf") format("truetype"), url("/local/templates/main/fonts/ultimapro-bold-webfont.svg#ultimapro-bold-webfont") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "UltimaPro Italic";
  src: url("/local/templates/main/fonts/ultimapro-italic-webfont.eot");
  src: url("/local/templates/main/fonts/ultimapro-italic-webfont.eot?#iefix") format("embedded-opentype"), url("/local/templates/main/fonts/ultimapro-italic-webfont.woff") format("woff"), url("/local/templates/main/fonts/ultimapro-italic-webfont.woff2") format("woff2"), url("/local/templates/main/fonts/ultimapro-italic-webfont.ttf") format("truetype"), url("/local/templates/main/fonts/ultimapro-italic-webfont.svg#ultimapro-italic-webfont") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "UltimaProLt";
  src: url("/local/templates/main/fonts/ultimaprolt-webfont.eot");
  src: url("/local/templates/main/fonts/ultimaprolt-webfont.eot?#iefix") format("embedded-opentype"), url("/local/templates/main/fonts/ultimaprolt-webfont.woff") format("woff"), url("/local/templates/main/fonts/ultimaprolt-webfont.woff2") format("woff2"), url("/local/templates/main/fonts/ultimaprolt-webfont.ttf") format("truetype"), url("/local/templates/main/fonts/ultimaprolt-webfont.svg#ultimaprolt-webfont") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "OpenSans Light Italic";
  src: url("/local/templates/main/fonts/opensans-light-italic-webfont.eot");
  src: url("/local/templates/main/fonts/opensans-light-italic-webfont.eot?#iefix") format("embedded-opentype"), url("/local/templates/main/fonts/opensans-light-italic-webfont.woff") format("woff"), url("/local/templates/main/fonts/opensans-light-italic-webfont.woff2") format("woff2"), url("/local/templates/main/fonts/opensans-light-italic-webfont.ttf") format("truetype"), url("/local/templates/main/fonts/opensans-light-italic-webfont.svg#opensans-light-italic-webfont") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "OpenSans Bold";
  src: url("/local/templates/main/fonts/opensans-bold-webfont.eot");
  src: url("/local/templates/main/fonts/opensans-bold-webfont.eot?#iefix") format("embedded-opentype"), url("/local/templates/main/fonts/opensans-bold-webfont.woff") format("woff"), url("/local/templates/main/fonts/opensans-bold-webfont.woff2") format("woff2"), url("/local/templates/main/fonts/opensans-bold-webfont.ttf") format("truetype"), url("/local/templates/main/fonts/opensans-bold-webfont.svg#opensans-bold-webfont") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "OpenSans";
  src: url("/local/templates/main/fonts/opensans-regular-webfont.eot");
  src: url("/local/templates/main/fonts/opensans-regular-webfont.eot?#iefix") format("embedded-opentype"), url("/local/templates/main/fonts/opensans-regular-webfont.woff") format("woff"), url("/local/templates/main/fonts/opensans-regular-webfont.woff2") format("woff2"), url("/local/templates/main/fonts/opensans-regular-webfont.ttf") format("truetype"), url("/local/templates/main/fonts/opensans-regular-webfont.svg#opensans-regular-webfont") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "OpenSans ExtraBold";
  src: url("/local/templates/main/fonts/opensans-extrabold-webfont.eot");
  src: url("/local/templates/main/fonts/opensans-extrabold-webfont.eot?#iefix") format("embedded-opentype"), url("/local/templates/main/fonts/opensans-extrabold-webfont.woff") format("woff"), url("/local/templates/main/fonts/opensans-extrabold-webfont.woff2") format("woff2"), url("/local/templates/main/fonts/opensans-extrabold-webfont.ttf") format("truetype"), url("/local/templates/main/fonts/opensans-extrabold-webfont.svg#opensans-extrabold-webfont") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "OpenSans SemiBold";
  src: url("/local/templates/main/fonts/opensans-semibold-webfont.eot");
  src: url("/local/templates/main/fonts/opensans-semibold-webfont.eot?#iefix") format("embedded-opentype"), url("/local/templates/main/fonts/opensans-semibold-webfont.woff") format("woff"), url("/local/templates/main/fonts/opensans-semibold-webfont.woff2") format("woff2"), url("/local/templates/main/fonts/opensans-semibold-webfont.ttf") format("truetype"), url("/local/templates/main/fonts/opensans-semibold-webfont.svg#opensans-semibold-webfont") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "OpenSans SemiBold Italic";
  src: url("/local/templates/main/fonts/opensans_semibold_italic-webfont.eot");
  src: url("/local/templates/main/fonts/opensans_semibold_italic-webfont.eot?#iefix") format("embedded-opentype"), url("/local/templates/main/fonts/opensans_semibold_italic-webfont.woff") format("woff"), url("/local/templates/main/fonts/opensans_semibold_italic-webfont.woff2") format("woff2"), url("/local/templates/main/fonts/opensans_semibold_italic-webfont.ttf") format("truetype"), url("/local/templates/main/fonts/opensans_semibold_italic-webfont.svg#opensans_semibold_italic-webfont") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "OpenSans Light";
  src: url("/local/templates/main/fonts/opensans-light-webfont.eot");
  src: url("/local/templates/main/fonts/opensans-light-webfont.eot?#iefix") format("embedded-opentype"), url("/local/templates/main/fonts/opensans-light-webfont.woff2") format("woff2"), url("/local/templates/main/fonts/opensans-light-webfont.woff") format("woff"), url("/local/templates/main/fonts/opensans-light-webfont.ttf") format("truetype"), url("/local/templates/main/fonts/opensans-light-webfont.svg#opensans-light-webfont") format("svg");
  font-weight: normal;
  font-style: normal; }
pre {
  font-size: 12px; }

body {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0; }

.fixed-wrapper {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(40, 42, 45, 0.5);
  z-index: 1000;
  display: none; }

.bold {
  font-weight: bold;
}

input, textarea {
  border: 1px solid #c7c7c7;
  outline: 0;
  box-sizing: border-box;
  color: #90a5b0;
  font-size: 14px;
  font-family: "UltimaProLt";
  text-transform: uppercase;
  text-transform: none; }
  input.error, textarea.error {
    border: 1px solid red !important; }
  input[type="text"], input[type="password"], textarea[type="text"], textarea[type="password"] {
    transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease; }
  input[type="text"]:not(input.price):not(textarea.price):hover, input[type="text"]:not(input.price):not(textarea.price):focus, input[type="tel"]:hover, input[type="tel"]:focus, input[type="password"]:hover, input[type="password"]:focus, textarea[type="text"]:not(input.price):not(textarea.price):hover, textarea[type="text"]:not(input.price):not(textarea.price):focus, textarea[type="tel"]:hover, textarea[type="tel"]:focus, textarea[type="password"]:hover, textarea[type="password"]:focus {
    -webkit-box-shadow: 0 7px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 7px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 7px 10px rgba(0, 0, 0, 0.2); }
  input.quantity-input:hover, input.quantity-input:focus, textarea.quantity-input:hover, textarea.quantity-input:focus {
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2); }
  input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #ffffff; }
  input::-moz-placeholder, textarea::-moz-placeholder {
    color: #ffffff; }
  input:-moz-placeholder, textarea:-moz-placeholder {
    color: #ffffff; }
  input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #ffffff; }

input[name="PHONE"]::-webkit-input-placeholder, input[name="PERSONAL_PHONE"]::-webkit-input-placeholder, input[data-name="phone"]::-webkit-input-placeholder {
  color: #7f7e7e; }
input[name="PHONE"]::-moz-placeholder, input[name="PERSONAL_PHONE"]::-moz-placeholder, input[data-name="phone"]::-moz-placeholder {
  color: #7f7e7e; }
input[name="PHONE"]:-moz-placeholder, input[name="PERSONAL_PHONE"]:-moz-placeholder, input[data-name="phone"]:-moz-placeholder {
  color: #7f7e7e; }
input[name="PHONE"]:-ms-input-placeholder, input[name="PERSONAL_PHONE"]:-ms-input-placeholder, input[data-name="phone"]:-ms-input-placeholder {
  color: #7f7e7e; }

h1:not(.page-404-h1), div.h1 {
  text-transform: uppercase;
  margin: 30px 0;
  color: #414e55;
  font-size: 30px;
  font-family: "OpenSans Bold";
  text-transform: uppercase;
  line-height: 32px;
  font-weight: normal;
  overflow: hidden;
  white-space: normal;
  position: relative; }
  @media screen and (max-width: 720px) {
    h1:not(.page-404-h1), div.h1 {
      margin: 35px 0 25px 0; } }

h1.main-page__title {
  /* text-align: center; */
  margin-bottom: 0;
}

h2, h3, h4, h5 {
  font-weight: normal;
  text-transform: none !important; }

h2 {
  color: #333333;
  font-size: 30px;
  font-family: "OpenSans Bold";
  text-transform: uppercase;
  line-height: 30px; }

h2.main-page__h2 {
  text-transform: uppercase!important;
  color: #414e55;
}

@media screen and (max-width: 720px) {
  h2.main-page__h2 {
    text-align: center;
  }
}

h3 {
  color: #333333;
  font-size: 24px;
  font-family: "OpenSans Bold";
  text-transform: uppercase;
  line-height: 24px; }

h4 {
  color: #333333;
  font-size: 20px;
  font-family: "OpenSans Bold";
  text-transform: uppercase;
  height: 20px; }

h5 {
  color: #333333;
  font-size: 16px;
  font-family: "OpenSans Bold";
  text-transform: uppercase;
  line-height: 16px; }

p {
  margin: 0 0 21px 0;
  line-height: 24px; }

ul:not(.pagination):not(.header-menu) li, ol li {
  line-height: 24px;
  margin: 0; }

p, ul:not(.pagination):not(.header-menu) li, ol li {
  color: #414e55;
  font-size: 14.5px;
  font-family: "OpenSans";
  text-transform: uppercase;
  text-transform: none; }

form {
  margin-bottom: 0; }

.make-order__img {
  width: 80%;
}

@media (max-width: 700px) {
  .make-order__img {
    width: 95%;
  }
}

.wrapper {
  position: relative;
  height: auto !important;
  min-height: 100%;
  min-width: 1170px;
  width: 100%;
  overflow: visible; }
  @media screen and (max-width: 1200px) and (min-width: 981px) {
    .wrapper {
      min-width: 940px; } }
  @media screen and (max-width: 980px) and (min-width: 720px) {
    .wrapper {
      min-width: 700px; } }
  @media screen and (max-width: 720px) {
    .wrapper {
      min-width: 440px; } }
  .wrapper table:not(.table-title):not(.cart-items) {
    border-spacing: 0 0;
    border-collapse: collapse; }
    .wrapper table:not(.table-title):not(.cart-items) td {
      padding: 5px;
      border: 1px solid #3d3d3d;
      color: #2b2a29;
      font-size: 15px;
      font-family: "OpenSans";
      text-transform: uppercase;
      text-transform: none; }

@media screen and (min-width: 1200px) {
  .wrapper-under {
    min-height: calc(100vh - 100px); } }
@media screen and (max-width: 1200px) and (min-width: 720px) {
  .wrapper-under {
    min-height: calc(100vh - 325px); } }
@media screen and (max-width: 720px) {
  .wrapper-under {
    min-height: calc(100vh - 350px); } }

.loader-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
  text-align: center;
  display: none;
  z-index: 931; }
  .loader-wrap .loader {
    position: absolute;
    display: none;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 80px;
    height: 80px;
    border: 5px solid #098edb;
    border-radius: 100%;
    animation: spin 0.75s infinite linear; }
    .loader-wrap .loader *,
    .loader-wrap .loader *::before,
    .loader-wrap .loader *::after {
      box-sizing: border-box; }
  .loader-wrap .loader::before,
  .loader-wrap .loader::after {
    left: -5px;
    top: -5px;
    display: none;
    position: absolute;
    content: '';
    width: inherit;
    height: inherit;
    border: inherit;
    border-radius: inherit; }
  .loader-wrap .loader-5,
  .loader-wrap .loader-5::before {
    display: inline-block;
    border-color: transparent;
    border-top-color: #098edb; }
  .loader-wrap .loader-5::before {
    animation: spin 1.7s infinite ease; }
@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg); } }
.main-loader .loader-wrap {
  position: fixed; }

.right-image, .left-image {
  max-width: 460px;
  border: 1px solid #e7edef;
  height: auto; }
  @media screen and (max-width: 1200px) and (min-width: 981px) {
    .right-image, .left-image {
      max-width: 300px; } }

.right-image {
  float: right;
  margin: 0 0 26px 30px; }

.left-image {
  float: left;
  margin: 0 30px 26px 0; }

header {
  width: 100%;
  height: 165px;
  z-index: 10; }
  @media screen and (max-width: 720px) {
    header {
      height: 135px; } }
  header .header-info-wrap .block {
    display: inline-block;
    vertical-align: top;
    white-space: normal;
    white-space: nowrap;
    position: relative; }
  header .first-block {
    width: 1170px;
    margin: 0 auto;
    height: 85px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    white-space: nowrap; }
    @media screen and (max-width: 1200px) and (min-width: 981px) {
      header .first-block {
        width: 940px; } }
    @media screen and (max-width: 980px) and (min-width: 721px) {
      header .first-block {
        width: 700px; } }
    @media screen and (max-width: 980px) {
      header .first-block {
        height: 95px;
        overflow: hidden; } }
    @media screen and (max-width: 720px) {
      header .first-block {
        width: 440px;
        height: 65px; } }
    header .first-block:before {
      content: '';
      width: 100%;
      height: 10px;
      position: absolute;
      left: 0;
      top: 0;
      background: #098edb; }
    header .first-block .logo-wrap {
      width: 225px;
      height: 30px;
      white-space: nowrap;
      text-decoration: none;
      background: url("/local/templates/main/img/header-logo-min.png") center no-repeat;
      margin: 50px 0 0 7px; }
      @media screen and (max-width: 1200px) {
        header .first-block .logo-wrap {
          background-size: contain; } }
      @media screen and (max-width: 1200px) and (min-width: 721px) {
        header .first-block .logo-wrap {
          margin: 50px 0 0 0;
          width: 220px; } }
      @media screen and (max-width: 720px) {
        header .first-block .logo-wrap {
          margin: 35px 0 0 0;
          width: 185px; } }
    header .first-block .header-search {
      width: 430px;
      height: 40px;
      margin: 45px 0 0 35px;
      z-index: 2; }
      @media screen and (max-width: 1200px) and (min-width: 981px) {
        header .first-block .header-search {
          margin: 45px 0 0 15px;
          width: 285px; } }
    header .first-block .phone-wrap {
      width: 165px;
      margin: 44px 0 0 0; }
      @media screen and (max-width: 1200px) and (min-width: 981px) {
        header .first-block .phone-wrap {
          width: 150px; } }
      @media screen and (max-width: 980px) and (min-width: 721px) {
        header .first-block .phone-wrap {
          margin: 40px 0 0 75px;
          width: 205px; } }
      @media screen and (max-width: 720px) {
        header .first-block .phone-wrap {
          margin: 40px 0 0 20px;
          width: 165px; } }
      header .first-block .phone-wrap .phone {
        color: #414e55;
        font-size: 15px;
        font-family: "UltimaPro Bold";
        text-transform: uppercase;
        text-transform: none;
        text-align: right;
        letter-spacing: 0.7px; }
      header .first-block .phone-wrap .phone a {
        text-decoration: none;
        color: inherit;
      }
        @media screen and (max-width: 980px) and (min-width: 721px) {
          header .first-block .phone-wrap .phone {
            font-size: 20px; } }
        @media screen and (max-width: 720px) {
          header .first-block .phone-wrap .phone {
            font-size: 16px; } }
  header .second-block {
    height: 80px;
    width: 1170px;
    margin: 0 auto;
    white-space: nowrap; }
    @media screen and (max-width: 1200px) and (min-width: 981px) {
      header .second-block {
        width: 940px; } }
    @media screen and (max-width: 980px) and (min-width: 721px) {
      header .second-block {
        width: 700px; } }
    @media screen and (max-width: 980px) {
      header .second-block {
        height: 70px; } }
    @media screen and (max-width: 720px) {
      header .second-block {
        width: 440px; } }
    header .second-block .menu-button {
      width: 100px;
      height: 40px;
      line-height: 41px;
      text-align: center;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      cursor: pointer;
      background: #84849f;
      display: none;
      position: relative;
      z-index: 101;
      margin: 40px 16px 0 0;
      color: white;
      font-size: 19px;
      font-family: "UltimaProLt";
      text-transform: uppercase; }
      @media screen and (max-width: 980px) {
        header .second-block .menu-button {
          display: inline-block;
          margin-top: 30px;
          letter-spacing: 2.28px; } }
    header .second-block .catalog-button {
      width: 240px;
      height: 40px;
      line-height: 41px;
      position: relative;
      background-color: #84849f;
      color: white;
      font-size: 17px;
      font-family: "UltimaProLt";
      text-transform: uppercase;
      letter-spacing: 2px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      margin-top: 40px;
      cursor: pointer;
      text-decoration: none;
      overflow: hidden; }
      header .second-block .catalog-button.show {
        overflow: visible; }
        @media screen and (max-width: 980px) {
          header .second-block .catalog-button.show {
            position: static; } }
      @media screen and (max-width: 1200px) and (min-width: 721px) {
        header .second-block .catalog-button {
          width: 220px; } }
      @media screen and (max-width: 980px) {
        header .second-block .catalog-button {
          font-size: 19px;
          margin-top: 30px;
          letter-spacing: 2.28px; } }
      @media screen and (max-width: 720px) {
        header .second-block .catalog-button {
          width: 260px; } }
      header .second-block .catalog-button span {
        display: block;
        width: 100%;
        height: 100%;
        padding-left: 80px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box; }
        @media screen and (max-width: 980px) {
          header .second-block .catalog-button span {
            padding-left: 72px; } }
        @media screen and (max-width: 720px) {
          header .second-block .catalog-button span {
            padding-left: 90px; } }
      @media screen and (min-width: 980px) {
        header .second-block .catalog-button:hover .icon {
          -webkit-animation: swing 1s ease;
          animation: swing 1s ease;
          -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1; }
        @-webkit-keyframes swing {
          15% {
            -webkit-transform: translateX(9px);
            transform: translateX(9px); }
          30% {
            -webkit-transform: translateX(-9px);
            transform: translateX(-9px); }
          40% {
            -webkit-transform: translateX(6px);
            transform: translateX(6px); }
          50% {
            -webkit-transform: translateX(-6px);
            transform: translateX(-6px); }
          65% {
            -webkit-transform: translateX(3px);
            transform: translateX(3px); }
          100% {
            -webkit-transform: translateX(0);
            transform: translateX(0); } }
        @keyframes swing {
          15% {
            -webkit-transform: translateX(9px);
            transform: translateX(9px); }
          30% {
            -webkit-transform: translateX(-9px);
            transform: translateX(-9px); }
          40% {
            -webkit-transform: translateX(6px);
            transform: translateX(6px); }
          50% {
            -webkit-transform: translateX(-6px);
            transform: translateX(-6px); }
          65% {
            -webkit-transform: translateX(3px);
            transform: translateX(3px); }
          100% {
            -webkit-transform: translateX(0);
            transform: translateX(0); } }
          header .second-block .catalog-button:hover .icon .line, header .second-block .catalog-button:hover .icon:after {
            -webkit-animation: animateTopLines 0.3s ease;
            animation: animateTopLines 0.3s ease;
            -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1; }
        @-webkit-keyframes animateTopLines {
          50% {
            margin-top: 6px; }
          100% {
            margin-top: 4px; } } }
      header .second-block .catalog-button .icon {
        position: absolute;
        width: 16px;
        top: 15px;
        left: 20px;
        transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        -webkit-transition: all 0.2s ease; }
        @media screen and (max-width: 980px) {
          header .second-block .catalog-button .icon {
            left: 25px; } }
        header .second-block .catalog-button .icon .line, header .second-block .catalog-button .icon:before, header .second-block .catalog-button .icon:after {
          content: '';
          width: 100%;
          height: 1px;
          background: white;
          transition: all 0.2s ease;
          -o-transition: all 0.2s ease;
          -moz-transition: all 0.2s ease;
          -webkit-transition: all 0.2s ease;
          display: block;
          position: relative; }
        header .second-block .catalog-button .icon .line, header .second-block .catalog-button .icon:after {
          margin-top: 4px; }
    header .second-block .header-menu-wrap {
      margin: 40px 0 0 5px;
      width: 745px;
      height: 40px; }
      @media screen and (max-width: 1200px) and (min-width: 981px) {
        header .second-block .header-menu-wrap {
          margin: 40px 0 0 8px;
          width: 565px; } }
      @media screen and (max-width: 980px) {
        header .second-block .header-menu-wrap {
          position: fixed;
          width: 100%;
          margin: 0;
          height: auto;
          left: 0;
          top: 0;
          background: white;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          z-index: 105;
          -webkit-transform: translate(-150%, 0%);
          transform: translate(-150%, 0%);
          opacity: 0;
          padding-bottom: 60px; }
          header .second-block .header-menu-wrap.active {
            -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
            opacity: 1;
            border-bottom: 10px solid #098edb;
            height: auto;
            -webkit-box-shadow: 0 3px 15px rgba(45, 57, 15, 0.84);
            -moz-box-shadow: 0 3px 15px rgba(45, 57, 15, 0.84);
            box-shadow: 0 3px 15px rgba(45, 57, 15, 0.84); }
          header .second-block .header-menu-wrap.animate {
            transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -webkit-transition: all 0.5s ease; } }
      header .second-block .header-menu-wrap .menu-title {
        display: none; }
        @media screen and (max-width: 980px) {
          header .second-block .header-menu-wrap .menu-title {
            display: block;
            background: white;
            height: 18px;
            padding: 55px 0 35px 0; }
            header .second-block .header-menu-wrap .menu-title .text {
              color: #414e55;
              font-size: 19px;
              font-family: "UltimaProLt";
              text-transform: uppercase;
              letter-spacing: 2.28px;
              line-height: 18px;
              position: relative; } }
    @media screen and (max-width: 980px) and (max-width: 980px) {
      header .second-block .header-menu-wrap .menu-title .text {
        margin: 0 auto; } }
    @media screen and (max-width: 980px) and (max-width: 980px) and (min-width: 721px) {
      header .second-block .header-menu-wrap .menu-title .text {
        width: 700px; } }
    @media screen and (max-width: 980px) and (max-width: 720px) {
      header .second-block .header-menu-wrap .menu-title .text {
        width: 440px; } }
        @media screen and (max-width: 980px) {
              header .second-block .header-menu-wrap .menu-title .text .icon-exit {
                position: absolute;
                right: -7px;
                top: -7px;
                width: 32px;
                height: 32px;
                cursor: pointer;
                background: url("/local/templates/main/img/exit-icon-menu-min.png") center no-repeat; } }
    @media screen and (max-width: 980px) and (min-width: 721px) {
      header .second-block .header-search {
        width: 340px;
        margin: 30px 0 0 16px;
        height: 40px; } }
    @media screen and (max-width: 720px) {
      header .second-block .header-search {
        width: 40px;
        height: 42px;
        margin: 29px 0 0 16px;
        transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease; }
        header .second-block .header-search input[name="q"] {
          opacity: 0; }
        header .second-block .header-search input.icon {
          right: 0;
          top: 0;
          width: 100%;
          height: 100%; }
        header .second-block .header-search.active {
          width: 320px;
          margin: 29px 0 0 -265px; }
          header .second-block .header-search.active input[name="q"] {
            opacity: 1;
            height: 42px;
            line-height: 42px; }
          header .second-block .header-search.active input.icon {
            width: 40px; } }
  header .form-header-button {
    transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #098edb;
    font-size: 15px;
    font-family: "UltimaProLt";
    text-transform: uppercase;
    text-transform: none;
    margin-left: 44px;
    margin-top: 4px;
    border-bottom: 1px solid #098edb;
    width: 119px;
    text-align: right;
    height: 17px;
    cursor: pointer; }
    @media screen and (max-width: 1200px) and (min-width: 981px) {
      header .form-header-button {
        margin-left: 32px; } }
    @media screen and (max-width: 980px) and (min-width: 721px) {
      header .form-header-button {
        font-size: 20px;
        height: 21px;
        width: 158px;
        margin-top: 2px; } }
    @media screen and (max-width: 720px) {
      header .form-header-button {
        display: block !important;
        position: absolute;
        left: 50%;
        margin-left: -190px;
        font-size: 17px;
        height: 20px;
        width: 134px; } }
    header .form-header-button:before {
      content: '';
      width: 22px;
      height: 22px;
      margin-left: -32px;
      background: url("/local/templates/main/img/phone-header-icon-min.png") center no-repeat;
      z-index: 1;
      top: -1px;
      position: absolute; }
      @media screen and (max-width: 980px) and (min-width: 721px) {
        header .form-header-button:before {
          margin-left: -38px;
          top: 2px; } }
    header .form-header-button:hover {
      border-bottom: 1px solid transparent; }
  header .header-contacts {
    color: #414e55;
    font-size: 15px;
    font-family: "UltimaProLt";
    text-transform: uppercase;
    text-transform: none;
    width: 270px;
    margin: 45px 0 0 26px;
    text-align: left; 
    box-sizing: border-box;
    padding-left: 50px;
  }
    @media screen and (max-width: 1200px) and (min-width: 981px) {
      header .header-contacts {
        margin: 45px 0 0 20px;
        width: 235px;
        letter-spacing: -0.5px; } }
    @media screen and (max-width: 980px) {
      header .header-contacts {
        display: none !important; } }
    header .header-contacts .work-hours {
      margin-top: 4px; 
      color: #098edb;
    }
      header .header-contacts .work-hours span {
        padding-right: 13px; }
  header .basket-header {
    width: 104px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #098edb;
    font-size: 17px;
    font-family: "UltimaPro";
    text-transform: uppercase;
    text-transform: none;
    text-decoration: none;
    margin: 47px 0 0 55px;
    height: 48px;
    line-height: 25px; }
    @media screen and (max-width: 1200px) and (min-width: 981px) {
      header .basket-header {
        margin: 35px 0 0 32px; } }
    @media screen and (max-width: 980px) and (min-width: 721px) {
      header .basket-header {
        font-size: 20px;
        width: 125px;
        height: 55px;
        line-height: 33px;
        margin: 35px 0 0 70px; } }
    @media screen and (max-width: 720px) {
      header .basket-header {
        width: 27px;
        height: 33px;
        margin: 32px 0 0 33px;
        color: white; }
        header .basket-header span {
          display: none; } }
    header .basket-header:after {
      content: '';
      background: url("/local/templates/main/img/basket-header-icon-min.png") center no-repeat;
      width: 21px;
      height: 25px;
      top: -4px;
      right: 0;
      position: absolute; }
      @media screen and (max-width: 980px) {
        header .basket-header:after {
          width: 27px;
          height: 33px;
          background: url("/local/templates/main/img/basket-header-icon-800-min.png") center no-repeat;
          top: -3px; } }
      @media screen and (max-width: 720px) {
        header .basket-header:after {
          top: 0; } }
    header .basket-header .sum {
      color: #e9ac0c;
      font-size: 14px;
      font-family: "UltimaPro Bold";
      text-transform: uppercase;
      text-transform: none;
      white-space: nowrap;
      position: absolute;
      right: 0; }
      @media screen and (max-width: 980px) and (min-width: 721px) {
        header .basket-header .sum {
          bottom: 0;
          font-size: 15px;
          line-height: 14px; } }
      @media screen and (max-width: 720px) {
        header .basket-header .sum {
          width: 23px;
          height: 20px;
          top: 10px;
          text-align: center;
          font-size: 0;
          right: 2px; } }
      @media screen and (max-width: 720px) {
        header .basket-header .sum .quantity-of-products {
          font-size: 14px;
          display: block;
          letter-spacing: -0.5px; } }

.content-wrapper {
  width: 1170px;
  margin: 0 auto; }
  @media screen and (max-width: 1200px) and (min-width: 981px) {
    .content-wrapper {
      width: 940px; } }
  @media screen and (max-width: 980px) and (min-width: 721px) {
    .content-wrapper {
      width: 700px; } }
  @media screen and (max-width: 720px) {
    .content-wrapper {
      width: 440px; } }
  .content-wrapper .content {
    margin-bottom: 60px;
    /* main-page */
    /* main-page */
    /* oplata-i-dostavka-page */
    /* oplata-i-dostavka-page */
    /* postavshikam-page */
    /* postavshikam-page */ }
    @media screen and (max-width: 720px) {
      .content-wrapper .content {
        margin-bottom: 30px; } }
    .content-wrapper .content .left-block, .content-wrapper .content .right-block {
      display: inline-block;
      vertical-align: top;
      white-space: normal;
      margin-top: 25px; }
    .content-wrapper .content .left-block {
      width: 270px;
      margin-right: 26px; }
      @media screen and (max-width: 1200px) and (min-width: 981px) {
        .content-wrapper .content .left-block {
          width: 220px;
          margin-right: 16px; } }
      @media screen and (max-width: 980px) {
        .content-wrapper .content .left-block {
          display: none; } }
    .content-wrapper .content .right-block {
      width: 870px; }
      @media screen and (max-width: 1200px) and (min-width: 981px) {
        .content-wrapper .content .right-block {
          width: 700px; } }
      @media screen and (max-width: 980px) {
        .content-wrapper .content .right-block {
          width: 100%; } }
      .content-wrapper .content .right-block h1 {
        margin: 5px 0 30px 0; }
        @media screen and (max-width: 1200px) and (min-width: 981px) {
          .content-wrapper .content .right-block h1 {
            margin: 5px 0 19px 0; } }
    .content-wrapper .content .animateChildren {
      transition: all 0.2s ease;
      -o-transition: all 0.2s ease;
      -moz-transition: all 0.2s ease;
      -webkit-transition: all 0.2s ease; }
      .content-wrapper .content .animateChildren * {
        transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        -webkit-transition: all 0.2s ease; }
    .content-wrapper .content a:hover {
      text-decoration: none; }
    .content-wrapper .content p a {
      color: #098edb;
      font-size: 14.5px;
      font-family: "OpenSans";
      text-transform: uppercase;
      text-transform: none; }
      .content-wrapper .content p a:hover {
        text-decoration: none; }
    .content-wrapper .content ul:not(.pagination) li a {
      color: #098edb;
      font-size: 14.5px;
      font-family: "OpenSans";
      text-transform: uppercase;
      text-transform: none; }
      .content-wrapper .content ul:not(.pagination) li a:hover {
        text-decoration: none; }
    .content-wrapper .content ul:not(.pagination):not(.slider-ul) {
      margin: 15px 0;
      padding: 0 0 0 20px;
      overflow: hidden; }
      .content-wrapper .content ul:not(.pagination):not(.slider-ul) li {
        list-style: none;
        position: relative; }
        .content-wrapper .content ul:not(.pagination):not(.slider-ul) li:after {
          content: '';
          width: 7px;
          height: 7px;
          position: absolute;
          left: -20px;
          top: 9px;
          -webkit-border-radius: 7px;
          -moz-border-radius: 7px;
          -ms-border-radius: 7px;
          border-radius: 7px;
          background: #e9ac0c; }
        .content-wrapper .content ul:not(.pagination):not(.slider-ul) li p {
          margin: 0; }
    .content-wrapper .content ol {
      margin: 15px 0;
      padding: 0 0 0 35px; }
    .content-wrapper .content .li-without-marker ul li:after {
      display: none; }
    .content-wrapper .content .products-main-page {
      margin-top: 20px; }
      @media screen and (max-width: 720px) {
        .content-wrapper .content .products-main-page {
          margin-top: 20px; } }
      .content-wrapper .content .products-main-page .tabs {
        white-space: nowrap; }
        @media screen and (max-width: 720px) {
          .content-wrapper .content .products-main-page .tabs {
            width: 370px;
            margin: 0 auto; } }
        .content-wrapper .content .products-main-page .tabs .tab {
          display: inline-block;
          vertical-align: top;
          white-space: normal;
          transition: all 0.4s ease;
          -o-transition: all 0.4s ease;
          -moz-transition: all 0.4s ease;
          -webkit-transition: all 0.4s ease;
          color: #414e55;
          font-size: 18px;
          font-family: "OpenSans Light";
          text-transform: uppercase;
          cursor: pointer;
          line-height: 32px;
          margin-right: 65px;
          border-bottom: 4px solid transparent; }
          @media screen and (max-width: 980px) {
            .content-wrapper .content .products-main-page .tabs .tab {
              font-size: 20px; } }
          @media screen and (max-width: 720px) {
            .content-wrapper .content .products-main-page .tabs .tab {
              margin-right: 37px;
              white-space: normal;
              line-height: 20px;
              text-align: center; } }
          .content-wrapper .content .products-main-page .tabs .tab.active, .content-wrapper .content .products-main-page .tabs .tab:hover {
            border-bottom: 4px solid #098edb;
            font-family: "OpenSans SemiBold"; }
          @media screen and (max-width: 720px) {
            .content-wrapper .content .products-main-page .tabs .tab:first-child {
              line-height: 44px; } }
          @media screen and (max-width: 720px) {
            .content-wrapper .content .products-main-page .tabs .tab:nth-child(2) {
              width: 82px;
              padding-bottom: 4px; } }
          .content-wrapper .content .products-main-page .tabs .tab:last-child {
            margin-right: 0; }
            @media screen and (max-width: 720px) {
              .content-wrapper .content .products-main-page .tabs .tab:last-child {
                width: 105px;
                padding-bottom: 4px; } }
    .content-wrapper .content .info-main-page {
      margin: 75px 0 90px 0;
      /*padding: 0 0 0 20px;*/ }
      @media screen and (max-width: 1200px) and (min-width: 721px) {
        .content-wrapper .content .info-main-page {
          padding: 0;
          margin: 65px 0 80px 0; } }
      @media screen and (max-width: 720px) {
        .content-wrapper .content .info-main-page {
          padding: 0;
          width: 370px;
          margin: 80px auto 80px auto; } }
      .content-wrapper .content .info-main-page .title {
        color: #414e55;
        font-size: 30px;
        font-family: "OpenSans Bold";
        text-transform: uppercase;
        margin-bottom: 30px; }
        @media screen and (max-width: 720px) {
          .content-wrapper .content .info-main-page .title {
            text-align: center;
            padding: 0 55px;
            line-height: 32px; } }
    @media screen and (max-width: 720px) {
      .content-wrapper .content .oplata-i-dostavka {
        width: 370px;
        margin: 0 auto 15px auto; } }
    .content-wrapper .content .oplata-i-dostavka .oplata {
      margin-bottom: 35px; }
    .content-wrapper .content .oplata-i-dostavka .title {
      color: #414e55;
      font-size: 22px;
      font-family: "OpenSans Bold";
      text-transform: uppercase;
      text-transform: none;
      margin-bottom: 15px;
      line-height: 25px; }
    .content-wrapper .content .oplata-i-dostavka .text {
      color: #414e55;
      font-size: 14.5px;
      font-family: "OpenSans";
      text-transform: uppercase;
      text-transform: none;
      line-height: 24px; }
    @media screen and (max-width: 720px) {
      .content-wrapper .content .postavshikam {
        width: 370px;
        margin: 0 auto; } }
    .content-wrapper .content .postavshikam .postavshikam-info {
      color: #414e55;
      font-size: 14.5px;
      font-family: "OpenSans";
      text-transform: uppercase;
      text-transform: none;
      margin: 0 0 21px 0;
      line-height: 24px; }

footer {
  height: 276px;
  position: relative;
  background-color: #098edb; }
  @media screen and (max-width: 980px) and (min-width: 721px) {
    footer {
      height: 390px; } }
  @media screen and (max-width: 720px) {
    footer {
      height: 580px; } }
  footer * {
    transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease; }
  footer:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50px;
    background: #84849f; }
    @media screen and (max-width: 720px) {
      footer:before {
        height: 100px; } }
  footer .footer-menu-wrap {
    margin: 0 auto;
    width: 1170px;
    position: relative;
    height: 100%;
    overflow: hidden;
    background-color: #098edb;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    white-space: nowrap; }
    @media screen and (max-width: 1200px) and (min-width: 981px) {
      footer .footer-menu-wrap {
        width: 940px; } }
    @media screen and (max-width: 980px) and (min-width: 721px) {
      footer .footer-menu-wrap {
        width: 700px; } }
    @media screen and (max-width: 720px) {
      footer .footer-menu-wrap {
        width: 440px; } }
    footer .footer-menu-wrap .block {
      display: inline-block;
      vertical-align: top;
      white-space: normal; }
    footer .footer-menu-wrap .first-line {
      min-height: 175px;
	  padding-bottom:10px;
      white-space: nowrap; 
      margin-bottom: 30px;
    }
      @media screen and (max-width: 980px) and (min-width: 721px) {
        footer .footer-menu-wrap .first-line {
          height: 340px;
          margin-bottom: 0; 
        } }
      @media screen and (max-width: 720px) {
        footer .footer-menu-wrap .first-line {
          height: 480px; 
          margin-bottom: 0;
        } }
      @media screen and (max-width: 980px) and (min-width: 721px) {
        footer .footer-menu-wrap .first-line .first-block {
          width: 280px;
          margin-right: 16px; } }
      @media screen and (max-width: 720px) {
        footer .footer-menu-wrap .first-line .first-block {
          width: 205px;
          margin-right: 26px; } }
      footer .footer-menu-wrap .first-line .first-block .logo {
        width: 187px;
        height: 24px;
        white-space: nowrap;
        text-decoration: none;
        background: url("/local/templates/main/img/footer-logo-min.png") center no-repeat;
        margin-top: 50px; }
      footer .footer-menu-wrap .first-line .first-block .address-wrap {
        width: 255px;
        margin: 47px 0 0 48px;
        color: white;
        font-size: 15px;
        font-family: "UltimaProLt";
        text-transform: uppercase;
        text-transform: none;
        text-align: left; }
        @media screen and (max-width: 1200px) and (min-width: 981px) {
          footer .footer-menu-wrap .first-line .first-block .address-wrap {
            width: 240px;
            margin: 47px 0 0 20px; } }
        @media screen and (max-width: 980px) {
          footer .footer-menu-wrap .first-line .first-block .address-wrap {
            width: 100%;
            display: block; } }
        @media screen and (max-width: 980px) {
          footer .footer-menu-wrap .first-line .first-block .address-wrap {
            margin: 30px 0 0 0;
            font-size: 17px; } }
        footer .footer-menu-wrap .first-line .first-block .address-wrap .work-hours span {
          padding-right: 13px; }
        footer .footer-menu-wrap .first-line .first-block .address-wrap .work-hours, footer .footer-menu-wrap .first-line .first-block .address-wrap .phone, footer .footer-menu-wrap .first-line .first-block .address-wrap .email {
          margin-top: 7px; }
        footer .footer-menu-wrap .first-line .first-block .address-wrap .phone a {
          text-decoration: none;
          color: inherit;
        }
        footer .address-wrap.block > div {
          margin-bottom: 3px;
        }

        footer .address-wrap.block .address p {
          margin-bottom: 15px;
        }
          @media screen and (max-width: 980px) {
            footer .footer-menu-wrap .first-line .first-block .address-wrap .work-hours, footer .footer-menu-wrap .first-line .first-block .address-wrap .phone, footer .footer-menu-wrap .first-line .first-block .address-wrap .email {
              margin-top: 4px; } }
        footer .footer-menu-wrap .first-line .first-block .address-wrap .phone {
          letter-spacing: 0.68px; }
        footer .footer-menu-wrap .first-line .first-block .address-wrap .email {
          color: white;
          font-size: 15px;
          font-family: "UltimaProLt";
          text-transform: uppercase;
          text-transform: none;
          text-decoration: underline; }
          @media screen and (max-width: 980px) {
            footer .footer-menu-wrap .first-line .first-block .address-wrap .email {
              font-size: 17px; } }
          footer .footer-menu-wrap .first-line .first-block .address-wrap .email:hover {
            text-decoration: none; }
      @media screen and (max-width: 980px) and (min-width: 721px) {
        footer .footer-menu-wrap .first-line .second-block {
          width: 220px; } }
      @media screen and (max-width: 720px) {
        footer .footer-menu-wrap .first-line .second-block {
          width: 205px; } }
      footer .footer-menu-wrap .first-line .second-block .links {
        margin: 45px 0 0 0; }
        footer .footer-menu-wrap .first-line .second-block .links:nth-child(1) {
          margin-left: 40px;
          width: 145px; }
          @media screen and (max-width: 1200px) and (min-width: 981px) {
            footer .footer-menu-wrap .first-line .second-block .links:nth-child(1) {
              margin-left: 0; } }
          @media screen and (max-width: 980px) and (min-width: 721px) {
            footer .footer-menu-wrap .first-line .second-block .links:nth-child(1) {
              margin: 42px 0 0 0; } }
          @media screen and (max-width: 720px) {
            footer .footer-menu-wrap .first-line .second-block .links:nth-child(1) {
              margin: 45px 0 0 0; } }
        footer .footer-menu-wrap .first-line .second-block .links:nth-child(2) {
          margin-left: 82px;
          width: 110px; }
          @media screen and (max-width: 1200px) and (min-width: 981px) {
            footer .footer-menu-wrap .first-line .second-block .links:nth-child(2) {
              margin-left: 20px; } }
          @media screen and (max-width: 980px) {
            footer .footer-menu-wrap .first-line .second-block .links:nth-child(2) {
              margin: 20px 0 0 0;
              width: 100%; } }
        footer .footer-menu-wrap .first-line .second-block .links .link {
          color: white;
          font-size: 15px;
          font-family: "OpenSans";
          text-transform: uppercase;
          text-transform: none;
          line-height: 15px;
          margin-bottom: 5px;
          text-decoration: none;
          white-space: nowrap;
          display: table; }
          @media screen and (max-width: 980px) {
            footer .footer-menu-wrap .first-line .second-block .links .link {
              font-size: 18px;
              line-height: 18px;
              margin-bottom: 7px; } }
          footer .footer-menu-wrap .first-line .second-block .links .link:first-child {
            color: white;
            font-size: 18px;
            font-family: "OpenSans Bold";
            text-transform: uppercase;
            line-height: 20px;
            text-transform: none;
            margin-bottom: 11px; }
            @media screen and (max-width: 980px) {
              footer .footer-menu-wrap .first-line .second-block .links .link:first-child {
                font-size: 22px;
                line-height: 22px; } }
          footer .footer-menu-wrap .first-line .second-block .links .link:hover {
            text-decoration: underline; }
      footer .footer-menu-wrap .first-line .social-media {
        /* width: 172px; */
        /* margin: 60px 0 0 115px; */
        margin: 60px 0 0 50px;
        white-space: nowrap;
        text-align: right; }
        @media screen and (max-width: 1200px) and (min-width: 981px) {
          footer .footer-menu-wrap .first-line .social-media {
            /* margin: 60px 0 0 30px;  */
            margin: 45px 0 0 30px; 
          } }
        @media screen and (max-width: 980px) and (min-width: 721px) {
          footer .footer-menu-wrap .first-line .social-media {
            /* margin: 60px 0 0 0;  */
            margin: 45px 0 0 60px;
          } }
        @media screen and (max-width: 720px) {
          footer .footer-menu-wrap .first-line .social-media {
            display: block;
            margin: 38px auto 0 auto;
            width: 215px;
            text-align: center; } }

          footer .socials-wrapper {
            display: flex;
            flex-wrap: wrap;
            width: 220px;
            justify-content: flex-end;
          }

          footer .socials-wrapper > a:not(:last-child) {
            margin-right: 10px;
          }

        @media screen and (max-width: 1200px) {
          footer .socials-wrapper {
            width: 110px;
            height: 110px;
          }

          footer .socials-wrapper > a:not(:last-child) {
            margin-right: 5px;
          }
        }

        @media screen and (max-width: 720px) {
          footer .socials-wrapper {
            width: 220px;
            height: auto;
          }
        }

        footer .footer-menu-wrap .first-line .social-media a {
          display: inline-block;
          vertical-align: top;
          white-space: normal;
          transition: all 0.2s ease;
          -o-transition: all 0.2s ease;
          -moz-transition: all 0.2s ease;
          -webkit-transition: all 0.2s ease;
          width: 52px;
          height: 52px;
          -webkit-border-radius: 52px;
          -moz-border-radius: 52px;
          -ms-border-radius: 52px;
          border-radius: 52px;
          /* margin-right: 4px;  */
        }
          @media screen and (max-width: 720px) {
            footer .footer-menu-wrap .first-line .social-media a {
              /* margin-right: 25px; */} } 
          footer .footer-menu-wrap .first-line .social-media a:last-child {
            margin: 0; }
          footer .footer-menu-wrap .first-line .social-media a.fb {
            background: url("/local/templates/main/img/fb-icon-min.png") center no-repeat #0477ba; }
            footer .footer-menu-wrap .first-line .social-media a.fb:hover {
              background: url("/local/templates/main/img/fb-icon-min.png") center no-repeat #4267b3; }
          footer .footer-menu-wrap .first-line .social-media a.vk {
            background: url("/local/templates/main/img/vk-icon-min.png") center no-repeat #0477ba; }
            footer .footer-menu-wrap .first-line .social-media a.vk:hover {
              background: url("/local/templates/main/img/vk-icon-min.png") center no-repeat #4a76a8; }
          footer .footer-menu-wrap .first-line .social-media a.instagram {
            background: url("/local/templates/main/img/insta-icon-min.png") center no-repeat #0477ba; }
            footer .footer-menu-wrap .first-line .social-media a.instagram:hover {
              background: url("/local/templates/main/img/insta-icon-min.png") center no-repeat rgba(38, 38, 38, 0.5); }
          footer .footer-menu-wrap .first-line .social-media a.youtube {
            background: url("/local/templates/main/img/yt-icon-min.png") center no-repeat #0477ba; }
            footer .footer-menu-wrap .first-line .social-media a.youtube:hover {
              background: url("/local/templates/main/img/yt-icon-min.png") center no-repeat rgba(255, 0, 0, 0.5); }
    
    footer .footer-menu-wrap .second-line {
      height: 50px;
      line-height: 50px;
      background: #84849f;
      position: relative; }
      @media screen and (max-width: 720px) {
        footer .footer-menu-wrap .second-line {
          height: 100px; } }
      footer .footer-menu-wrap .second-line .rules-pages {
        position: absolute;
        z-index: 1;
        left: 0; }
        @media screen and (max-width: 720px) {
          footer .footer-menu-wrap .second-line .rules-pages {
            width: 200px; } }
        footer .footer-menu-wrap .second-line .rules-pages a {
          color: white;
          font-size: 14px;
          font-family: "UltimaProLt";
          text-transform: uppercase;
          text-transform: none;
          text-decoration: underline;
          display: inline-block;
          margin-right: 25px; }
          @media screen and (max-width: 980px) and (min-width: 721px) {
            footer .footer-menu-wrap .second-line .rules-pages a {
              font-size: 12.5px;
              margin-right: 20px; } }
          @media screen and (max-width: 720px) {
            footer .footer-menu-wrap .second-line .rules-pages a {
              display: table;
              white-space: normal;
              line-height: 16px;
              margin-top: 10px; } }
          footer .footer-menu-wrap .second-line .rules-pages a:hover {
            text-decoration: none; }
      footer .footer-menu-wrap .second-line .uniofweb {
        position: absolute;
        right: -3px;
        padding-right: 65px;
        background: url("/local/templates/main/img/uniofweb-icon-min.png") right center no-repeat; }
        footer .footer-menu-wrap .second-line .uniofweb a {
          color: white;
          font-size: 12px;
          font-family: "Calibri";
          text-transform: uppercase;
          text-transform: none; }
        @media screen and (max-width: 720px) {
          footer .footer-menu-wrap .second-line .uniofweb {
            bottom: 0; } }
        footer .footer-menu-wrap .second-line .uniofweb:hover a {
          text-decoration: none; }

.addedToCart {
  position: fixed;
  left: 50%;
  margin-left: -130px;
  top: 50%;
  margin-top: -50px;
  width: 250px;
  height: 48px;
  line-height: 50px;
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.23);
  -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.23);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.23);
  z-index: 1001;
  background: white;
  border: 4px solid #098edb;
  white-space: nowrap;
  color: #414e55;
  font-size: 14.5px;
  font-family: "OpenSans SemiBold";
  text-transform: uppercase;
  text-transform: none;
  text-align: center;
  display: none; }

.agreement-checkbox, .email-terms-checkbox {
  white-space: nowrap;
  width: 100%; }
  .agreement-checkbox .checkbox, .agreement-checkbox .text, .email-terms-checkbox .checkbox, .email-terms-checkbox .text {
    display: inline-block;
    vertical-align: middle;
    white-space: normal; }
  .agreement-checkbox .checkbox, .email-terms-checkbox .checkbox {
    width: 20px;
    height: 20px;
    border: 1px solid #b1c2cb;
    box-sizing: border-box;
    position: relative;
    margin-right: 16px; }
    @media screen and (max-width: 720px) {
      .agreement-checkbox .checkbox, .email-terms-checkbox .checkbox {
        vertical-align: top; } }
    .agreement-checkbox .checkbox input, .email-terms-checkbox .checkbox input {
      display: none !important; }
    .agreement-checkbox .checkbox .icon, .email-terms-checkbox .checkbox .icon {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      margin: auto;
      background: url("/local/templates/main/img/agremment-checkbox.png") center no-repeat;
      display: none; }
    .agreement-checkbox .checkbox.active .icon, .email-terms-checkbox .checkbox.active .icon {
      display: block; }
    .agreement-checkbox .checkbox.error, .email-terms-checkbox .checkbox.error {
      border: 1px solid red; }
  .agreement-checkbox .text, .email-terms-checkbox .text {
    width: 470px;
    height: 35px;
    line-height: 16px;
    color: #414e55;
    font-size: 12px;
    font-family: "OpenSans Light";
    text-transform: uppercase;
    text-transform: none; }
    @media screen and (max-width: 720px) {
      .agreement-checkbox .text, .email-terms-checkbox .text {
        width: 330px;
        height: 50px; } }
    .agreement-checkbox .text a, .email-terms-checkbox .text a {
      color: #098edb;
      font-size: 12px;
      font-family: "OpenSans Light";
      text-transform: uppercase;
      text-transform: none; }
      .agreement-checkbox .text a:hover, .email-terms-checkbox .text a:hover {
        text-decoration: none; }
    .agreement-checkbox .text span, .email-terms-checkbox .text span {
      font-family: 'OpenSans Bold'; }

/* contacts page */
.contacts-wrap {
  white-space: nowrap;
  margin-bottom: -60px; }
  @media screen and (max-width: 1200px) {
    .contacts-wrap {
      margin-bottom: -35px; } }
  @media screen and (max-width: 720px) {
    .contacts-wrap {
      width: 370px;
      margin: 0 auto 50px auto; } }
  .contacts-wrap .left, .contacts-wrap .right {
    width: 570px; }
    @media screen and (min-width: 980px) {
      .contacts-wrap .left, .contacts-wrap .right {
        display: inline-block;
        vertical-align: top;
        white-space: normal; } }
    @media screen and (max-width: 1200px) and (min-width: 981px) {
      .contacts-wrap .left, .contacts-wrap .right {
        width: 460px; } }
    @media screen and (max-width: 980px) {
      .contacts-wrap .left, .contacts-wrap .right {
        width: 100%; } }
  .contacts-wrap .left {
    margin-right: 26px; }
    @media screen and (max-width: 1200px) and (min-width: 981px) {
      .contacts-wrap .left {
        margin-right: 16px; } }
    @media screen and (max-width: 980px) {
      .contacts-wrap .left {
        margin-right: 0; } }
    .contacts-wrap .left .contacts-block {
      white-space: nowrap; }
      @media screen and (max-width: 980px) and (min-width: 721px) {
        .contacts-wrap .left .contacts-block {
          margin-top: 10px; } }
      .contacts-wrap .left .contacts-block .block {
        white-space: nowrap;
        margin-bottom: 7px; }
        .contacts-wrap .left .contacts-block .block:last-child {
          margin-bottom: 0; }
        .contacts-wrap .left .contacts-block .block .name, .contacts-wrap .left .contacts-block .block .text {
          display: inline-block;
          vertical-align: top;
          white-space: normal; }
        .contacts-wrap .left .contacts-block .block .name {
          width: 185px;
          color: #414e55;
          font-size: 16px;
          font-family: "OpenSans Bold";
          text-transform: uppercase;
          text-transform: none; }
          @media screen and (max-width: 720px) {
            .contacts-wrap .left .contacts-block .block .name {
              width: 125px; } }
        .contacts-wrap .left .contacts-block .block .text {
          width: 375px;
          color: #414e55;
          font-size: 16px;
          font-family: "OpenSans";
          text-transform: uppercase;
          text-transform: none; }
          @media screen and (max-width: 1200px) and (min-width: 981px) {
            .contacts-wrap .left .contacts-block .block .text {
              width: 272px; } }
          @media screen and (max-width: 720px) {
            .contacts-wrap .left .contacts-block .block .text {
              width: 242px; } }
          .contacts-wrap .left .contacts-block .block .text a {
            color: #098edb; }
    .contacts-wrap .left .info {
      margin-top: 30px; }
      @media screen and (max-width: 980px) {
        .contacts-wrap .left .info {
          margin-top: 60px; } }
      .contacts-wrap .left .info .rekvezity, .contacts-wrap .left .info .office {
        margin-top: 20px;
        margin-bottom: 20px; }
        @media screen and (max-width: 1200px) {
          .contacts-wrap .left .info .rekvezity, .contacts-wrap .left .info .office {
            margin-top: 35px; } }
      .contacts-wrap .left .info .title, .contacts__title {
        color: #414e55;
        font-size: 20px;
        font-family: "OpenSans Bold";
        text-transform: uppercase; }
      .contacts__title {
        margin-bottom: 3px;
      }
      .contacts-wrap .left .info .text {
        overflow: hidden;
        margin-top: 3px;
        color: #414e55;
        font-size: 14.5px;
        font-family: "OpenSans";
        text-transform: uppercase;
        text-transform: none;
        line-height: 24px; }
        @media screen and (max-width: 980px) {
          .contacts-wrap .left .info .text {
            white-space: normal; } }
  .contacts-wrap .right {
    position: relative;
    overflow: hidden; }
    @media screen and (max-width: 980px) {
      .contacts-wrap .right {
        display: none; } }
  .contacts-wrap .scheme-road .title {
    color: #414e55;
    font-size: 20px;
    font-family: "OpenSans Bold";
    text-transform: uppercase;
    margin: 30px 0 10px 0; }
  @media screen and (max-width: 720px) {
    .contacts-wrap .scheme-road {
      width: 100%;
      overflow: hidden; }
      .contacts-wrap .scheme-road img {
        width: 100%; } }
  .contacts-wrap .yandex-map {
    height: 600px; }
    @media screen and (max-width: 1200px) and (min-width: 981px) {
      .contacts-wrap .yandex-map {
        height: 457px; } }
    @media screen and (max-width: 980px) {
      .contacts-wrap .yandex-map {
        width: 100%;
        height: 471px;
        overflow: hidden;
        position: relative;
        margin: 40px 0 0 0; } }
    .contacts-wrap .yandex-map #map {
      width: 100%;
      height: 600px;
      position: absolute;
      left: 0;
      z-index: 1; }
      @media screen and (max-width: 1200px) and (min-width: 981px) {
        .contacts-wrap .yandex-map #map {
          height: 457px; } }
      @media screen and (max-width: 980px) {
        .contacts-wrap .yandex-map #map {
          height: 471px; } }

/* contacts page */
/* o-kompamii page */
.company-info {
  color: #414e55;
  font-size: 14px;
  font-family: "OpenSans";
  text-transform: uppercase;
  text-transform: none;
  line-height: 24px;
  margin-top: -4px; }
  @media screen and (max-width: 720px) {
    .company-info {
      width: 370px;
      margin: 0 auto; } }
  .company-info img {
    float: left;
    max-width: 370px;
    margin: 0 30px 15px 0;
    padding-top: 8px; }
  .company-info p {
    margin: 0 0 11px 0; }

.advantages {
  margin-top: 22px; }
  @media screen and (max-width: 720px) {
    .advantages {
      width: 370px;
      margin: 35px auto 0 auto; } }
  .advantages .title {
    color: #414e55;
    font-size: 22px;
    font-family: "OpenSans Bold";
    text-transform: uppercase;
    text-transform: none;
    margin-bottom: 12px; }
  .advantages .text {
    color: #414e55;
    font-size: 14px;
    font-family: "OpenSans";
    text-transform: uppercase;
    text-transform: none;
    line-height: 24px; }
  .advantages .advantages-items {
    margin-top: 65px; }
    @media screen and (max-width: 720px) {
      .advantages .advantages-items {
        margin-top: 35px; } }
    .advantages .advantages-items .advantage {
      display: inline-block;
      vertical-align: top;
      white-space: normal;
      margin: 0 35px 24px 0;
      height: 62px;
      white-space: nowrap; }
      @media screen and (max-width: 720px) {
        .advantages .advantages-items .advantage {
          margin: 0 0 24px 0; } }
      .advantages .advantages-items .advantage:nth-child(2n+2) {
        margin-right: -2px; }
      .advantages .advantages-items .advantage:hover .icon img {
        -webkit-animation: swing 1s ease;
        animation: swing 1s ease;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1; }
@-webkit-keyframes swing {
  15% {
    -webkit-transform: translateX(9px);
    transform: translateX(9px); }
  30% {
    -webkit-transform: translateX(-9px);
    transform: translateX(-9px); }
  40% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px); }
  50% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px); }
  65% {
    -webkit-transform: translateX(3px);
    transform: translateX(3px); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
@keyframes swing {
  15% {
    -webkit-transform: translateX(9px);
    transform: translateX(9px); }
  30% {
    -webkit-transform: translateX(-9px);
    transform: translateX(-9px); }
  40% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px); }
  50% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px); }
  65% {
    -webkit-transform: translateX(3px);
    transform: translateX(3px); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
      .advantages .advantages-items .advantage .icon, .advantages .advantages-items .advantage .name-wrap {
        display: inline-block;
        vertical-align: middle;
        white-space: normal; }
      .advantages .advantages-items .advantage .icon {
        width: 54px;
        height: 54px;
        margin-right: 26px;
        position: relative; }
        @media screen and (max-width: 1200px) and (min-width: 721px) {
          .advantages .advantages-items .advantage .icon {
            margin-right: 14px; } }
        .advantages .advantages-items .advantage .icon img {
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          margin: auto; }
      .advantages .advantages-items .advantage .name-wrap {
        width: 330px;
        height: 62px;
        overflow: hidden; }
        @media screen and (max-width: 1200px) and (min-width: 721px) {
          .advantages .advantages-items .advantage .name-wrap {
            width: 255px; } }
        @media screen and (max-width: 720px) {
          .advantages .advantages-items .advantage .name-wrap {
            width: 285px; } }
        .advantages .advantages-items .advantage .name-wrap .table-name {
          display: table;
          width: 100%;
          height: 100%; }
          .advantages .advantages-items .advantage .name-wrap .table-name .table-cell {
            display: table-cell;
            vertical-align: middle;
            color: #414e55;
            font-size: 16px;
            font-family: "OpenSans";
            text-transform: uppercase;
            text-transform: none;
            line-height: 20px; }
            .advantages .advantages-items .advantage .name-wrap .table-name .table-cell b {
              font-weight: normal;
              font-family: "OpenSans Bold"; }

/* o-kompamii page */
/* 404 page */
.page-404 {
  width: 370px;
  margin: 60px auto 0 auto;
  text-align: center; }
  @media screen and (max-width: 720px) {
    .page-404 {
      margin: 60px auto 100px auto; } }
  .page-404 .title {
    color: #098edb;
    font-size: 44px;
    font-family: "OpenSans Bold";
    text-transform: uppercase;
    text-align: center; }
  .page-404 .list-wrap {
    margin: 22px auto 0 auto;
    position: relative;
    width: 268px;
    height: 281px; }
    .page-404 .list-wrap:before {
      content: '';
      position: absolute;
      background: url("/local/templates/main/img/knopka-404-min.png") center no-repeat;
      width: 32px;
      height: 41px;
      top: 14px;
      left: 112px;
      z-index: 1; }
    .page-404 .list-wrap .image-wrap {
      height: 100%; }
      .page-404 .list-wrap .image-wrap img {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        z-index: 0; }
      .page-404 .list-wrap .image-wrap .text {
        color: white;
        font-size: 116px;
        font-family: "OpenSans Bold";
        text-transform: uppercase;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        height: 116px;
        line-height: 107px;
        z-index: 1; }
    .page-404 .list-wrap:hover .image-wrap {
      -webkit-animation: swinging 1.5s ease-in-out 0s infinite;
      -moz-animation: swinging 1.5s ease-in-out 0s infinite;
      animation: swinging 1.5s ease-in-out 0s infinite;
      -webkit-transform-origin: 50% 0;
      -moz-transform-origin: 50% 0;
      transform-origin: 50% 0; }
@keyframes swinging {
  0% {
    transform: rotate(0deg); }
  25% {
    transform: rotate(-18deg); }
  50% {
    transform: rotate(12deg); }
  75% {
    transform: rotate(-8deg); }
  100% {
    transform: rotate(0deg); } }
@-webkit-keyframes swinging {
  0% {
    -webkit-transform: rotate(0deg); }
  25% {
    -webkit-transform: rotate(-18deg); }
  50% {
    -webkit-transform: rotate(12deg); }
  75% {
    -webkit-transform: rotate(-8deg); }
  100% {
    -webkit-transform: rotate(0deg); } }
@-moz-keyframes swinging {
  0% {
    -moz-transform: rotate(0deg); }
  25% {
    -moz-transform: rotate(-18deg); }
  50% {
    -moz-transform: rotate(12deg); }
  75% {
    -moz-transform: rotate(-8deg); }
  100% {
    -moz-transform: rotate(0deg); } }
  .page-404 .page-404-h1 {
    color: #414e55;
    font-size: 20px;
    font-family: "OpenSans Bold";
    text-transform: uppercase;
    margin-top: 25px;
    font-weight: normal; }
  .page-404 .button {
    display: block;
    text-decoration: none;
    width: 170px;
    height: 40px;
    line-height: 42px;
    text-align: center;
    color: white;
    font-size: 14px;
    font-family: "UltimaPro Bold";
    text-transform: uppercase;
    letter-spacing: 0.28px;
    position: relative;
    overflow: hidden;
    z-index: 2;
    cursor: pointer;
    background: #098edb;
    border: 1px solid transparent;
    transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin: 35px auto 0 auto; }
    .page-404 .button:hover {
      border: 1px solid #e1e7eb; }

.slider-and-news {
  margin-top: 65px;
  white-space: nowrap; }
  @media screen and (max-width: 980px) {
    .slider-and-news {
      margin-top: 35px; } }
  .slider-and-news .slider-wrap, .slider-and-news .news-main {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    @media screen and (min-width: 980px) {
      .slider-and-news .slider-wrap, .slider-and-news .news-main {
        display: inline-block;
        vertical-align: top;
        white-space: normal; } }
  .slider-and-news .slider-wrap {
    width: 1168px; /* 770px; */
    /*margin-right: 26px;*/ }
    @media screen and (max-width: 1200px) and (min-width: 1168px) {
      .slider-and-news .slider-wrap {
        width: 1168px;
        /*margin-right: 16px; */} }
    @media screen and (max-width: 1167px) {
      .slider-and-news .slider-wrap {
        width: 100%;
        margin-right: 0; } }
  .slider-and-news .news-main {
    width: 370px;
    display: none; }
    @media screen and (max-width: 1200px) and (min-width: 981px) {
      .slider-and-news .news-main {
        display: none; } }
        width: 300px; } }
    @media screen and (max-width: 980px) {
      .slider-and-news .news-main {
        display: none; } }

/* main page */
html.lb-disable-scrolling {
  overflow: hidden;
  /* Position fixed required for iOS. Just putting overflow: hidden; on the body is not enough. */
  position: fixed;
  height: 100vh;
  width: 100vw; }

.lightboxOverlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none; }

.lightbox {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal; }

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  max-height: none;
  border-radius: 3px;
  /* Image border */
  border: 4px solid white; }

.lightbox a img {
  border: none; }

.lb-outerContainer {
  position: relative;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  border-radius: 4px;
  /* Background color behind image.
     This is visible during transitions. */
  background-color: white; }

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both; }

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0; }

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(/local/templates/main/img/loading.gif) no-repeat; }

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10; }

.lb-container > .nav {
  left: 0; }

.lb-nav a {
  outline: none;
  background-image: url("data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="); }

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block; }

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(/local/templates/main/img/prev.png) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s; }

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1; }

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(/local/templates/main/img/next.png) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s; }

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1; }

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px; }

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both; }

.lb-data {
  padding: 0 4px;
  color: #ccc; }

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em; }

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em; }

.lb-data .lb-caption a {
  color: #4ae; }

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999; }

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(/local/templates/main/img/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
  cursor: pointer; }

/*************** SCROLLBAR BASE CSS ***************/
.scroll-wrapper {
  overflow: hidden !important;
  padding: 0 !important;
  position: relative; }
  .scroll-wrapper > .scroll-content {
    border: none !important;
    box-sizing: content-box !important;
    height: auto;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none !important;
    overflow: scroll !important;
    padding: 0;
    position: relative !important;
    top: 0;
    width: auto !important; }
    .scroll-wrapper > .scroll-content::-webkit-scrollbar {
      height: 0;
      width: 0; }
  .scroll-wrapper.scroll--rtl {
    direction: rtl; }

.scroll-element {
  box-sizing: content-box;
  display: none; }
  .scroll-element div {
    box-sizing: content-box; }
  .scroll-element .scroll-bar,
  .scroll-element .scroll-arrow {
    cursor: default; }
  .scroll-element.scroll-x.scroll-scrollx_visible, .scroll-element.scroll-y.scroll-scrolly_visible {
    display: block; }

.scroll-textarea {
  border: 1px solid #cccccc;
  border-top-color: #999999; }
  .scroll-textarea > .scroll-content {
    overflow: hidden !important; }
    .scroll-textarea > .scroll-content > textarea {
      border: none !important;
      box-sizing: border-box;
      height: 100% !important;
      margin: 0;
      max-height: none !important;
      max-width: none !important;
      overflow: scroll !important;
      outline: none;
      padding: 2px;
      position: relative !important;
      top: 0;
      width: 100% !important; }
      .scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
        height: 0;
        width: 0; }

/*************** SIMPLE INNER SCROLLBAR ***************/
.scrollbar-inner > .scroll-element,
.scrollbar-inner > .scroll-element div {
  border: none;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 10; }

.scrollbar-inner > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%; }

.scrollbar-inner > .scroll-element.scroll-x {
  bottom: 4px;
  height: 4px;
  left: 0;
  width: 100%; }

.scrollbar-inner > .scroll-element.scroll-y {
  height: 100%;
  right: 2px;
  top: 0;
  width: 8px; }

.scrollbar-inner > .scroll-element .scroll-element_outer {
  overflow: hidden; }
  .scrollbar-inner > .scroll-element .scroll-element_outer:hover {
    overflow: visible; }
.scrollbar-inner > .scroll-element .scroll-element_track {
  background-color: #e1e7ee; }
.scrollbar-inner > .scroll-element .scroll-bar {
  background-color: #84849f;
  cursor: grab; }
  .scrollbar-inner > .scroll-element .scroll-bar:hover {
    height: 8px;
    top: -2.5px; }
.scrollbar-inner > .scroll-element:hover .scroll-bar {
  background-color: #84849f;
  height: 8px;
  top: -2.5px; }
.scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar {
  background-color: #84849f;
  cursor: grabbing;
  height: 8px;
  top: -2.5px; }

/* update scrollbar offset if both scrolls are visible */
.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
  left: -12px; }

.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
  top: -12px; }

.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -12px; }

.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -12px; }

.content-form .message-wrap {
  position: absolute;
  background-color: white;
  width: 100%;
  height: 100%;
  display: none;
  left: 0;
  top: 0;
  z-index: 5; }
  .content-form .message-wrap .message {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    color: #414e55;
    font-size: 22px;
    font-family: "OpenSans";
    text-transform: uppercase;
    text-transform: none;
    text-align: center;
    height: 90px; }
.content-form .name {
  color: #414e55;
  font-size: 20px;
  font-family: "OpenSans SemiBold";
  text-transform: uppercase;
  text-align: left;
  position: relative; }
.content-form .inputs-wrap {
  position: relative;
  margin-top: 25px; }
  .content-form .inputs-wrap .errors-wrap .error {
    color: #ff133f;
    font-size: 15px;
    font-family: "OpenSans";
    text-transform: uppercase;
    text-transform: none;
    text-align: center;
    margin-top: -20px;
    margin-bottom: 12px;
    white-space: normal;
    padding: 0 0 15px 0; }
    .content-form .inputs-wrap .errors-wrap .error.agreement {
      display: none; }
  .content-form .inputs-wrap .input-wrap {
    position: relative; }
    .content-form .inputs-wrap .input-wrap .text {
      position: absolute;
      left: 15px;
      top: 11px;
      color: #414e55;
      font-size: 14px;
      font-family: "OpenSans Bold";
      text-transform: uppercase;
      text-transform: none; }
      .content-form .inputs-wrap .input-wrap .text span {
        color: #ff133f; }
    .content-form .inputs-wrap .input-wrap.file {
      position: relative;
      white-space: nowrap;
      margin-bottom: 35px; }
      .content-form .inputs-wrap .input-wrap.file .file-input, .content-form .inputs-wrap .input-wrap.file .file-name {
        display: inline-block;
        vertical-align: middle;
        white-space: normal;
        height: 40px;
        line-height: 40px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box; }
      .content-form .inputs-wrap .input-wrap.file .file-input {
        width: 170px;
        border: 1px solid #098edb;
        color: #098edb;
        font-size: 14px;
        font-family: "OpenSans SemiBold";
        text-transform: uppercase;
        text-transform: none;
        text-align: center;
        cursor: pointer;
        margin-right: 26px; }
      .content-form .inputs-wrap .input-wrap.file .file-name {
        max-width: 370px;
        padding-right: 20px;
        position: relative;
        display: none;
        white-space: nowrap;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box; }
        @media screen and (max-width: 720px) {
          .content-form .inputs-wrap .input-wrap.file .file-name {
            max-width: 170px; } }
        .content-form .inputs-wrap .input-wrap.file .file-name .table-wrap {
          display: table;
          width: 100%;
          height: 100%; }
          .content-form .inputs-wrap .input-wrap.file .file-name .table-wrap .str {
            color: #414e55;
            font-size: 14px;
            font-family: "OpenSans SemiBold Italic";
            text-transform: uppercase;
            display: table-cell;
            vertical-align: middle;
            text-transform: none;
            overflow: hidden;
            line-height: 19px;
            white-space: normal;
            word-break: break-all; }
        .content-form .inputs-wrap .input-wrap.file .file-name .delete {
          content: '';
          position: absolute;
          right: 0;
          top: 16px;
          background: url("/local/templates/main/img/delete-icon-basket.png") center no-repeat;
          width: 9px;
          height: 9px;
          cursor: pointer; }
      .content-form .inputs-wrap .input-wrap.file input {
        opacity: 0;
        position: absolute;
        left: 0;
        top: 0;
        width: 170px;
        height: 40px;
        cursor: pointer; }
  .content-form .inputs-wrap input, .content-form .inputs-wrap textarea {
    width: 100%;
    display: block;
    border: 1px solid #c7c7c7;
    padding-left: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #414e55;
    font-size: 14px;
    font-family: "OpenSans Bold";
    text-transform: uppercase;
    text-transform: none;
    margin-bottom: 20px; }
    .content-form .inputs-wrap input::-webkit-input-placeholder, .content-form .inputs-wrap textarea::-webkit-input-placeholder {
      color: #414e55 !important; }
    .content-form .inputs-wrap input::-moz-placeholder, .content-form .inputs-wrap textarea::-moz-placeholder {
      color: #414e55 !important; }
    .content-form .inputs-wrap input:-moz-placeholder, .content-form .inputs-wrap textarea:-moz-placeholder {
      color: #414e55 !important; }
    .content-form .inputs-wrap input:-ms-input-placeholder, .content-form .inputs-wrap textarea:-ms-input-placeholder {
      color: #414e55 !important; }
  .content-form .inputs-wrap input {
    height: 40px; }
  .content-form .inputs-wrap textarea {
    width: 100%;
    height: 160px;
    padding-top: 12px;
    resize: none; }
  .content-form .inputs-wrap .button {
    display: block;
    text-decoration: none;
    width: 170px;
    height: 40px;
    line-height: 42px;
    text-align: center;
    color: white;
    font-size: 14px;
    font-family: "UltimaPro Bold";
    text-transform: uppercase;
    letter-spacing: 0.28px;
    position: relative;
    overflow: hidden;
    z-index: 2;
    cursor: pointer;
    background: #098edb;
    border: 1px solid transparent;
    transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 25px; }
    .content-form .inputs-wrap .button:hover {
      border: 1px solid #e1e7eb; }
    @media screen and (max-width: 720px) {
      .content-form .inputs-wrap .button {
        margin: 25px auto 0 auto; } }

.pay-card__logo { 
  max-width: 50px; 
} 
.pay-cards__row div { 
  float: left; 
  line-height: 40px; 
} 

.pay-cards__row:after { 
  content: ''; 
  display: block; 
  width: 100%; 
  clear: both; 
} 

.pay-cards__row div:nth-child(2) { 
  padding-left: 15px; 
}

.pay-cards { 
  padding-top: 15px; 
}

.order-close .order_success_message .order-text .text1 {
  color: #098edb;
  font-size: 24px;
  font-family: "OpenSans Bold";
  text-transform: uppercase;
}

.order-close .order_success_message .order-text .text2 {
  color: #414e55;
  font-size: 16px;
  font-family: "OpenSans";
  text-transform: uppercase;
  text-transform: none;
  margin-top: 5px;
}

.order-close .order_success_message .link {
  display: block;
  text-decoration: none;
  width: 170px;
  height: 40px;
  line-height: 42px;
  text-align: center;
  color: white;
  font-size: 14px;
  font-family: "UltimaPro Bold";
  text-transform: uppercase;
  letter-spacing: 0.28px;
  position: relative;
  overflow: hidden;
  z-index: 2;
  cursor: pointer;
  background: #098edb;
  border: 1px solid transparent;
  transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 40px 0 0 0;
  width: 370px;
}

/*# sourceMappingURL=template_styles.css.map */


.bottom_table_text {
  white-space: normal;
  margin-top: 20px;
}

.bottom_table_text p {
  margin: 0 0 10px 0;
}

.email-header {
  color: #098edb;
  font-size: 15px;
  text-decoration: none;
}

.header-contacts .address {
  /* text-align: center; */
}

.phone-wrap .work-hours {
  position: absolute;
  top: 50px;
  right: 0;
  color: #098edb;
  font-size: 15px;
  font-family: "UltimaProLt";
}

@media (max-width: 980px) {
.phone-wrap .work-hours {
  display: none;
}
}

.product__labels {
  position: absolute;
  top: 15px;
  z-index: 5;
  text-align: left;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.product__label {
  font-family: 'OpenSans';
  color: #fff;
  font-size: 13px;
  padding: 6px 13px;
  margin-bottom: 10px;
}

.product__label_new {
  background: #82dc5f;
}

.product__label_hit {
  background: #efcc08;
}

.product__label_stock {
  background: #f21d45;
}

.personal-login a {
  color: #098edb;
  font-size: 15px;
  font-family: "UltimaProLt";
  text-decoration: none;
  border-bottom: 1px solid #098edb;
  height: 17px;
  box-sizing: border-box;
  display: inline-block;
}

footer .footer-menu-wrap .first-line .first-block .address-wrap .footer__callback-form-btn {
  display: none;
  text-decoration: underline;
  margin: 11px 0;
}

@media (max-width: 720px) {
  footer .footer-menu-wrap .first-line .first-block .address-wrap .footer__callback-form-btn {
    display: block;
  }
}

.personal-login {
  /*margin-top: 4px;*/
  display: flex;
  align-items: center;
}

.favorite-icon {
  margin-left: 10px;
}

.favorite-icon img {
  display: block;
}

.favorite-icon a {
  text-decoration: none;
  border-bottom: 0!important;
}

.add-favorite-btn {
  background: url('/local/templates/main/img/favorite-icon.png') no-repeat center center;
  width: 25px;
  height: 22px;
  border: none;
  cursor: pointer;
  outline: none;
}

.add-favorite-btn.active {
  background: url('/local/templates/main/img/favorite-icon-active.png') no-repeat center center;
}

.vacancy__contacts p {
  margin: 0;
}

.print-button-wrapper {
  margin-top: 30px;
}

.print-button {
  color: #098edb;
  border: 1px solid #e1e7eb;
  font-family: 'OpenSans';
  background: #fff url('/local/templates/main/img/print-icon.png') no-repeat 13px center;
  height: 40px;
  font-size: 14px;
  font-weight: normal;
  padding: 0 30px 0 50px;
  cursor: pointer;
  transition: 0.3s;
}

/* .print-button:hover {
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
} */

@media print {
  header, footer, .print-button, .globalClass_8105 *, .postavshikam-form /*.text_006c, #jvlabelWrap,*/ {
    display: none;
  }

  .for-print {
    display: flex;
  }

  /* .jdiv, .hoverl_b0eb, #lightboxOverlay, #lightbox, #jivo-iframe-container,  */
  /* .text_006c, #jvlabelWrap {
    display: none!important;
  } */
}

.news-gallery {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.news-gallery img {
  display: block;
  width: 33%;
}

@media (max-width: 1200px) {
  .news-gallery {
    flex-wrap: wrap;
  }

  .news-gallery img {
    width: 49%;
    margin-bottom: 15px;
  }
}

@media (max-width: 720px) {
  .news-gallery img {
    width: 100%;
  }
}

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

.about__video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-width: 0;
  outline-width: 0;
}

.about__video-title {
  color: #414e55;
  font-size: 22px;
  font-family: "OpenSans Bold";
  text-transform: uppercase;
  text-transform: none;
  margin-bottom: 12px;
}

.carousel-products .carousel .block .info .name {
  font-size: 16px;
}

.info-main-page p, .info-main-page ul:not(.pagination):not(.header-menu) li {
  font-size: 16px;
}

@media (max-width: 720px) {
  .footer-form .agreement-checkbox .text, 
  .footer-form .agreement-checkbox .text a {
    font-size: 16px;
  }

  footer .address-wrap.block .address p {
    font-size: 16px;
  }

  footer .footer-menu-wrap .first-line .first-block .address-wrap {
    margin-top: 40px;
  }

  footer .footer-menu-wrap .second-line .rules-pages a {
    font-size: 16px;
  }
}

/* End */
/* /local/templates/main/components/bitrix/form.result.new/headerForm/style.css?1714057309825 */
/* /local/templates/main/components/bitrix/search.form/header_search/style.css?17140573092388 */
/* /local/templates/main/components/bitrix/catalog.section.list/left-sections-list/style.css?171405730911125 */
/* /local/templates/main/components/bitrix/menu/header_menu/style.css?17140573093200 */
/* /local/templates/main/components/bitrix/breadcrumb/main-template/style.css?17140573091666 */
/* /local/templates/main/components/bitrix/form.result.new/consultation/style.css?1714057309561 */
/* /local/templates/main/styles.css?17516337081332 */
/* /local/templates/main/template_styles.css?171405730888891 */