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


/*iphone12pro fix*/
:root {
  --mobheight: 100vh;
}


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

.fdel-btn {
    float: right;
}
.fdel-btn:hover {
    cursor: pointer;
    opacity: .8;
}


body {
  line-height: 1; 
  font-family: "Open Sans";
}

ol, ul {
  list-style: none; }
ol.wrapper_file-list {
    list-style: decimal;
}
blockquote, q {
  quotes: none; }

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

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

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

input[type=text], input[type=password], textarea {
  border-radius: 0; }

header {
  height: 107px;
  line-height: 107px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 200; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    header {
      height: 80px;
      line-height: 80px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    header {
      height: 70px;
      line-height: 70px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    header {
      height: 52px;
      line-height: 52px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    header {
      height: 55px;
      line-height: 55px; } }
  @media screen and (max-width: 639px) {
    header {
      height: 50px;
      line-height: 50px; } }
  header svg {
    pointer-events: none; }
header.with_popup {z-index: 202}
  header:after {
    content: '';
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1; }
  header .header-btn-menu {
    display: none; }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      header .header-btn-menu {
        display: block; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      header .header-btn-menu {
        display: block; } }
    @media screen and (max-width: 639px) {
      header .header-btn-menu {
        display: block; } }
  header .header-btn {
    width: 107px;
    height: 107px;
    float: right;
    cursor: pointer;
    position: relative;
    background: #fff;
    z-index: 10; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      header .header-btn {
        width: 80px;
        height: 80px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      header .header-btn {
        width: 60px;
        height: 70px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      header .header-btn {
        width: 52px;
        height: 52px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      header .header-btn {
        width: 55px;
        height: 55px; } }
    @media screen and (max-width: 639px) {
      header .header-btn {
        width: 50px;
        height: 50px; } }
    header .header-btn:after {
      content: '';
      display: block;
      width: 100%;
      height: 100%;
      background: #fbea3a;
      position: absolute;
      top: 0;
      left: 0;
      -webkit-transform: translate3d(0, -100%, 0);
              transform: translate3d(0, -100%, 0);
      -webkit-transition: -webkit-transform .6s ease;
      transition: -webkit-transform .6s ease;
      -o-transition: transform .6s ease;
      transition: transform .6s ease;
      transition: transform .6s ease, -webkit-transform .6s ease;
      z-index: -1; }
    @media screen and (min-width: 1001px) {
      header .header-btn:hover:after {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0); } }
    header .header-btn.header-btn-menu {
      float: left; }
    header .header-btn.header-btn-basket span {
      -webkit-transition: color .6s ease;
      -o-transition: color .6s ease;
      transition: color .6s ease; }
      header .header-btn.header-btn-basket span .svg.svg-cross {
        opacity: 0; }
    header .header-btn.header-btn-basket .btn-basket_circle {
      background: #0d1115;
      position: absolute;
      height: 38px;
      width: 38px;
      bottom: 21px;
      left: 16px;
      border-radius: 20px;
      display: block; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        header .header-btn.header-btn-basket .btn-basket_circle {
          height: 26px;
          width: 26px;
          bottom: 18px;
          position: absolute;
          left: 14px;
          border-radius: 12px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        header .header-btn.header-btn-basket .btn-basket_circle {
          height: 20px;
          width: 20px;
          border-radius: 10px;
          bottom: 17px;
          left: 14px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        header .header-btn.header-btn-basket .btn-basket_circle {
          bottom: 7px;
          left: 7px;
          height: 18px;
          width: 18px;
          border-radius: 9px; } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        header .header-btn.header-btn-basket .btn-basket_circle {
          height: 22px;
          width: 22px;
          border-radius: 11px;
          bottom: 15px;
	height: 18px;
    width: 18px;
    border-radius: 35px;
    bottom: 7px;
    left: 8px;

		  }

		header .circle_quantity-block {
			font-size: 12px;
		}

		  }
      @media screen and (max-width: 639px) {
        header .header-btn.header-btn-basket .btn-basket_circle {
          bottom: 7px;
          left: 7px;
          height: 18px;
          width: 18px;
          border-radius: 9px; } }
      header .header-btn.header-btn-basket .btn-basket_circle .circle_quantity-block {
        line-height: 1em;
        color: #fbea3a;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%); }
      header .header-btn.header-btn-basket .btn-basket_circle.hidden {
        display: none; }
    header .header-btn.header-btn-basket.popup-btn-active {
      background: #fbea3a; }
      header .header-btn.header-btn-basket.popup-btn-active span .svg.svg-cross {
        opacity: 1; }
      header .header-btn.header-btn-basket.popup-btn-active span .svg.svg-basket {
        opacity: 0; }
      header .header-btn.header-btn-basket.popup-btn-active .btn-basket_circle {
        display: none; }

@media screen and (max-width: 1000px) and (min-width: 640px) {
  .header-btn-mail {
    display: none; } }

@media screen and (max-width: 639px) {
  .header-btn-mail {
    display: none; } }

.catalog-header {
  background-color: #fff;
  display: none;
  position: fixed;
  top: 107px;
  left: 0;
  width: 937px;
  z-index: 201;
  }
.catalog-header:before {content: ""; display: none; position: absolute; top: 68px; left: 70px; height: 2px; width: 100%; background: #f3f3f3}

  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .catalog-header {
      top: 80px;
      width: 670px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .catalog-header {
      top: 70px;
      width: 470px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .catalog-header {
      top: 52px;
      width: 425px; } }
  @media screen and (max-width: 1000px) {
    .catalog-header {
      height: 70px;
      top: 0;
      line-height: 70px;
      width: 100%;
	  left: -65px}
	.catalog-header:before {display: block}
	.btn-main.btn-left.btn-main-anim {padding-right: 0!important; margin-left: 0;}
}
  @media screen and (max-width: 639px) {
    .catalog-header {
      height: 50px;
      line-height: 50px; } }
  .catalog-header.show {
    display: block; }
  .catalog-header .catalog-header-item {
    height: 100%;
    width: 45%;
    float: left;
    padding-right: 19px; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .catalog-header .catalog-header-item {
        padding-right: 12px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .catalog-header .catalog-header-item {
        padding-right: 5px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .catalog-header .catalog-header-item {
        padding-right: 6px; } }
    @media screen and (max-width: 1000px) {
      .catalog-header .catalog-header-item {
		padding-left: 19px;
        text-align: left;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
		.catalog-header .catalog-header-item:first-child {
			margin-left: 70px;
	}}
    @media screen and (max-width: 639px) {
		.catalog-header .catalog-header-item {
			padding-left: 16px; }
		.catalog-header {left: -50px}
		.catalog-header:before {top: 50px; left: 50px}
		.btn-main.btn-left.btn-main-anim {margin-left: 0}
		.btn-main.btn-main-anim.btn-left.h14 {font-size: 11px}
		.catalog-header .catalog-header-item {width: 45%; padding-right:0}
		.catalog-header .catalog-header-item:last-child {width: 35%!important}
		.order-price-1.h3 {font-size: 17px}
		.catalog-header .catalog-header-item:first-child {
		margin-left: 50px;}
	}
	.order-content .order-content-header .order-content-header-right {
			padding-top:8px;
    }
    .catalog-header .catalog-header-item:last-child {
      width: 38%;
      float: right;
      text-align: right;
      padding-right: 19px; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .catalog-header .catalog-header-item:last-child {
          padding-right: 12px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .catalog-header .catalog-header-item:last-child {
          padding-right: 5px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .catalog-header .catalog-header-item:last-child {
          padding-right: 6px; } }
      @media screen and (max-width: 1000px) {
        .catalog-header .catalog-header-item:last-child {
          padding-right: 20px; } }
      @media screen and (max-width: 639px) {
        .catalog-header .catalog-header-item:last-child {
          padding-right: 20px; } }
    @media screen and (max-width: 639px) {
      .catalog-header .catalog-header-item .btn-main span span {
        display: none; } }
    .catalog-header .catalog-header-item .order-content-header-right {
      width: 100%; }
    .catalog-header .catalog-header-item .order-price-1 {
      overflow: hidden;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis;
      white-space: nowrap; }
    .catalog-header .catalog-header-item .order-price-2 {
      color: #9b9b9b;
      overflow: hidden;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis;
      white-space: nowrap; }



#white-theme header {
  background: #fff; }
  #white-theme header:after {
    background: #fff; }
  #white-theme header .header-btn .svg-color {
    color: #262626; }
	
#black-theme .header-btn-whatsapp > a > img.svg-whatsapp {
  filter: brightness(0) invert(1);
  transition: filter .15s ease;
}

#black-theme .header-btn-whatsapp:hover > a > img.svg-whatsapp {
  filter: none;
}

#black-theme header {
  background: #0d1115; }
  #black-theme header:after {
    background: #0d1115; }
  #black-theme header .header-btn {
    background: #0d1115; }
    #black-theme header .header-btn .svg-color {
      color: #fff;
      -webkit-transition: color .6s ease;
      -o-transition: color .6s ease;
      transition: color .6s ease; }
    #black-theme header .header-btn .btn-basket_circle {
      background: #fbea3a;
      -webkit-transition: background .6s ease;
      -o-transition: background .6s ease;
      transition: background .6s ease; }
      #black-theme header .header-btn .btn-basket_circle .circle_quantity-block {
        color: #262626;
        -webkit-transition: color .6s ease;
        -o-transition: color .6s ease;
        transition: color .6s ease; }
    #black-theme header .header-btn.popup-btn-active .svg-color {
      color: #262626; }
    #black-theme header .header-btn.header-btn-basket.popup-btn-active .svg-color {
      color: #fff; }
    #black-theme header .header-btn.popup-btn-active .btn-basket_circle {
      background: #262626; }
      #black-theme header .header-btn.popup-btn-active .btn-basket_circle .circle_quantity-block {
        color: #fbea3a; }
    @media screen and (min-width: 1001px) {
      #black-theme header .header-btn:hover .svg-color {
        color: #262626; }
      #black-theme header .header-btn:hover .btn-basket_circle {
        background: #262626; }
	  #black-theme header .header-btn.header-btn-basket.popup-btn-active:hover .svg-color {
        color: #262626; }
        #black-theme header .header-btn:hover .btn-basket_circle .circle_quantity-block {
          color: #fbea3a; } }

footer {
  height: 107px;
  line-height: 107px !important;
  padding: 0 0 0 40px;
  z-index: 10;
  width: 100%; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    footer {
      height: 80px;
      line-height: 80px !important;
      padding: 0 0 0 30px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    footer {
      height: 70px;
      line-height: 70px !important;
      padding: 0 0 0 30px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    footer {
      height: 52px;
      line-height: 52px !important;
      padding: 0 0 0 14px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    footer {
      padding: 34px 0 108px;
      height: auto;
      line-height: 0 !important; } }
  @media screen and (max-width: 639px) {
    footer {
      padding: 28px 0 80px;
      height: auto;
      line-height: 0 !important; } }

  footer.footer-section {
    width: calc(100% - 530px);
    margin-left: 530px; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      footer.footer-section {
        width: calc(100% - 405px);
        margin-left: 405px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      footer.footer-section {
        width: calc(100% - 310px);
        margin-left: 310px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      footer.footer-section {
        width: calc(100% - 325px);
        margin-left: 325px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      footer.footer-section {
        width: 100%;
        margin-left: 0; } }
    @media screen and (max-width: 639px) {
      footer.footer-section {
        width: 100%;
        margin-left: 0; } }
  footer a {
    text-decoration: none; }
  @media screen and (max-width: 1000px) {
    footer .footer-item {
      width: 100%;
      display: block;
      line-height: 2.5em;
      text-align: center; } }
  @media screen and (max-width: 639px) {
    footer .footer-item {
      line-height: 2em; } }
  @media screen and (max-width: 1000px) {
    footer .footer-separator {
      display: none; } }
  footer .footer-right {
    float: right;
    display: inline-block;
    font-size: 0;
    height: 100%;
    overflow: hidden; }
    @media screen and (max-width: 1000px) {
      footer .footer-right {
        float: none;
        height: auto;
        display: block;
        width: 100%;
        border-top: 2px solid #f3f3f3;
        text-align: right;
        position: fixed;
        bottom: 0;
        right: 0;
        background: #fff;
        z-index: 85; } }
    @media screen and (max-width: 639px) {
      footer .footer-right {
        border-top: 2px solid #f3f3f3;
        width: 100%;
        height: 52px; } }
    footer .footer-right .footer-btn {
      position: absolute;
      display: none;
      float: left;
      top: 0;
      left: 0;
      z-index: 100;
      cursor: pointer;
      padding-left: 0; }
      @media screen and (max-width: 1000px) {
        footer .footer-right .footer-btn {
          display: block;
          width: auto;
          float: left; } }
      footer .footer-right .footer-btn .footer-btn-link {
        display: block;
        height: 100%;
        position: absolute;
        width: 100%;
        top: 0;
        left: 0;
        z-index: 3; }
        footer .footer-right .footer-btn .footer-btn-link:after {
          content: none; }
      footer .footer-right .footer-btn .footer-btn-icon {
        width: 70px;
        height: 70px;
        background: #fbea3a;
        display: inline-block;
        position: relative;
        float: left;
        -webkit-transition: background .6s ease;
        -o-transition: background .6s ease;
        transition: background .6s ease; }
        @media screen and (max-width: 639px) {
          footer .footer-right .footer-btn .footer-btn-icon {
            width: 50px;
            height: 50px; } }
        footer .footer-right .footer-btn .footer-btn-icon .svg-color {
          color: #0d1115; }
          footer .footer-right .footer-btn .footer-btn-icon .svg-color svg {
            position: absolute; }
      footer .footer-right .footer-btn .footer-btn-text {
        display: inline-block;
        line-height: 70px;
        color: #0d1115;
        float: left;
        padding-left: 15px; }
        @media screen and (max-width: 639px) {
          footer .footer-right .footer-btn .footer-btn-text {
            line-height: 50px; } }


	/*
    @media screen and (max-width: 1300px) {
      footer .footer-right > a:first-child {
        display: none; } }
    footer .footer-right > a:last-child {
      display: none; }
      @media screen and (max-width: 1300px) {
        footer .footer-right > a:last-child {
          display: inline-block; } }
      footer .footer-right > a:last-child span {
        display: none; }
		*/



    footer .footer-right a {
      text-decoration: none;
      border: none;
      display: inline-block;
      height: 100%;
      line-height: 107px;
      position: relative;
      overflow: hidden;
      -webkit-transition: color .6s ease, background .6s ease;
      -o-transition: color .6s ease, background .6s ease;
      transition: color .6s ease, background .6s ease;
      padding: 0 40px;
      border: 0 !important;
      white-space: nowrap;
      cursor: pointer; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        footer .footer-right a {
          line-height: 80px;
          padding: 0 15px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        footer .footer-right a {
          line-height: 70px;
          padding: 0 30px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        footer .footer-right a {
          line-height: 52px;
          padding: 0 10px; } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        footer .footer-right a {
          line-height: 55px;
          padding: 0 20px;
          text-align: center; } }
      @media screen and (max-width: 639px) {
        footer .footer-right a {
          line-height: 50px;
          padding: 0;
          padding-right: 15px;
          text-align: center; } }
      footer .footer-right a span {
        position: relative;
        -webkit-transition: color .6s ease;
        -o-transition: color .6s ease;
        transition: color .6s ease; }
      footer .footer-right a svg {
        z-index: 2;
        -webkit-transition: color .6s ease;
        -o-transition: color .6s ease;
        transition: color .6s ease; }
      footer .footer-right a:after {
        content: '';
        width: 100%;
        height: 100%;
        display: block;
        position: absolute;
        z-index: 1;
        top: 100%;
        left: 0;
        -webkit-transition: top .6s ease;
        -o-transition: top .6s ease;
        transition: top .6s ease; }
      footer .footer-right a:hover {
        color: #0d1115; }
        footer .footer-right a:hover:after {
          top: 0; }
          @media screen and (max-width: 1000px) and (min-width: 640px) {
            footer .footer-right a:hover:after {
              top: 100%; } }
          @media screen and (max-width: 639px) {
            footer .footer-right a:hover:after {
              top: 100%; } }
      footer .footer-right a svg {
        z-index: 2; }
        footer .footer-right a svg + span {
          margin-left: 15px;
          position: relative;
          z-index: 2; }
    footer .footer-right .block-info {
      width: auto;
      padding-left: 0;
      display: none; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        footer .footer-right .block-info {
          display: none; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        footer .footer-right .block-info {
          display: none; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        footer .footer-right .block-info {
          display: none; } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        footer .footer-right .block-info {
          display: block; } }
      @media screen and (max-width: 639px) {
        footer .footer-right .block-info {
          display: block; } }
      @media screen and (max-width: 639px) {
        footer .footer-right .block-info div.svg-information {
          width: 50px;
          height: 50px; } }
      footer .footer-right .block-info .span-parent {
        float: left;
        position: relative;
        width: 140px;
        height: 70px; }
        @media screen and (max-width: 639px) {
          footer .footer-right .block-info .span-parent {
            height: 50px; } }
        footer .footer-right .block-info .span-parent span {
          position: absolute;
          left: 0; }

.section-footer {
  background: #fff;
  color: #bfbfbf;
}

  @media screen and (min-width: 2296px) {
    .section-footer {
      padding-left:70px;
      float: right;
      width: calc(100% - 580px);} }

  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .section-footer {
      padding-left:70px;
      float: right;
      width: calc(100% - 435px);} }

  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .section-footer {
      padding-left:30px;
      float: right;
      width: calc(100% - 320px);} }

  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .section-footer {
      padding-left:30px;
      float: right;
      width: calc(100% - 320px);} }



footer, .section-footer {
  background: #fff;
  color: #bfbfbf; }
  footer a, .section-footer a {
    border-bottom: 1px solid #e9e9e9;
    color: #bfbfbf; }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    footer .footer-right, .section-footer .footer-right {
      border-color: #f3f3f3; } }
  @media screen and (max-width: 639px) {
    footer .footer-right, .section-footer .footer-right {
      border-color: #f3f3f3; } }
  footer .footer-right a span, .section-footer .footer-right a span {
    color: #262626;
    -webkit-transition: color .6s ease;
    -o-transition: color .6s ease;
    transition: color .6s ease; }
  footer .footer-right a svg, .section-footer .footer-right a svg {
    fill: #262626;
    -webkit-transition: fill .6s ease;
    -o-transition: fill .6s ease;
    transition: fill .6s ease; }
  footer .footer-right a:after, .section-footer .footer-right a:after {
    background: #fbea3a; }
  footer .footer-right a.animation, .section-footer .footer-right a.animation {
    color: #262626; }
    footer .footer-right a.animation svg, .section-footer .footer-right a.animation svg {
      fill: #262626; }
    footer .footer-right a.animation:after, .section-footer .footer-right a.animation:after {
      background: #fbea3a; }
    footer .footer-right a.animation:hover, .section-footer .footer-right a.animation:hover {
      color: #262626; }
      footer .footer-right a.animation:hover svg, .section-footer .footer-right a.animation:hover svg {
        fill: #262626; }
  footer .footer-btn .footer-btn-icon svg, .section-footer .footer-btn .footer-btn-icon svg {
    color: #262626; }

#black-theme footer, #black-theme .section-footer {
  background: #0d1115;
  color: #484e53; }
  #black-theme footer a, #black-theme .section-footer a {
    color: #484e53;
    border-bottom: 1px solid #484e53; }
  #black-theme footer .footer-right, #black-theme .section-footer .footer-right {
    background: #0d1115;
    border-color: #21262a; }
    #black-theme footer .footer-right a, #black-theme .section-footer .footer-right a {
      border: none;
      color: #fff;
      -webkit-transition: color .6s ease;
      -o-transition: color .6s ease;
      transition: color .6s ease; }
      #black-theme footer .footer-right a span, #black-theme .section-footer .footer-right a span {
        color: #fff; }
      #black-theme footer .footer-right a svg, #black-theme .section-footer .footer-right a svg {
        fill: currentColor; }
      #black-theme footer .footer-right a:after, #black-theme .section-footer .footer-right a:after {
        background: #fbea3a; }
      @media screen and (min-width: 1001px) {
        #black-theme footer .footer-right a:hover, #black-theme .section-footer .footer-right a:hover {
          color: #0d1115; }
          #black-theme footer .footer-right a:hover span, #black-theme .section-footer .footer-right a:hover span {
            color: #0d1115; } }
  #black-theme footer .footer-btn .footer-btn-icon, #black-theme .section-footer .footer-btn .footer-btn-icon {
    background: #15191d; }
    #black-theme footer .footer-btn .footer-btn-icon svg, #black-theme .section-footer .footer-btn .footer-btn-icon svg {
      fill: #fff; }
  #black-theme footer .footer-btn .footer-btn-text, #black-theme .section-footer .footer-btn .footer-btn-text {
    color: #fff; }

.footer-fix-height {
  display: block;
  position: relative;
  width: 100%;
  height: 107px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .footer-fix-height {
      height: 80px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .footer-fix-height {
      height: 70px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .footer-fix-height {
      height: 52px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .footer-fix-height {
      height: 248px; } }
  @media screen and (max-width: 639px) {
    .footer-fix-height {
      height: 168px; } }

main {
  border-left: 40px solid #fff;
  border-right: 40px solid #fff;
  /*overflow: hidden;*/
  min-height: calc(100% - 107px);
  display: block; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    main {
      min-height: calc(100% - 80px);
      } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    main {
      min-height: calc(100% - 70px); } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    main {
      min-height: calc(100% - 52px); } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    main {
      min-height: auto; } }
  @media screen and (max-width: 639px) {
    main {
      min-height: auto; } }
  main.main-parallax {
    border-bottom: 40px solid #fff; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      main.main-parallax {
        border-bottom: 30px solid #fff; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      main.main-parallax {
        border-bottom: 30px solid #fff; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      main.main-parallax {
        border-bottom: 24px solid #fff; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      main.main-parallax {
        border-bottom: 0; } }
    @media screen and (max-width: 639px) {
      main.main-parallax {
        border-bottom: 0; } }
  main.design-portfolio-detail {
    background: #2b3136; }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      main.design-portfolio-detail .text-wrapper {
        width: 500px;
        margin: 0 auto; } }
  main.design-detail {
    border-left-width: 40px;
    border-right-width: 40px; margin-top: 107px}
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      main.design-detail {
        border-left-width: 30px;
        border-right-width: 30px; margin-top: 80px!important } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      main.design-detail {
        border-left-width: 30px;
        border-right-width: 30px; margin-top: 70px!important } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      main.design-detail {
        border-left-width: 25px;
        border-right-width: 25px; margin-top: 52px!important } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      main.design-detail {
        border-left-width: 0;
        border-right-width: 0; margin-top: 70px!important } }
    @media screen and (max-width: 639px) {
      main.design-detail {
        border-left-width: 0;
        border-right-width: 0; margin-top: 50px!important } }
  main.sticky-footer {
    height: auto; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
	  div.header-btn.header-btn-basket{
		  margin-right: 30px;
	  }
      main.sticky-footer {
        border-left: 30px solid #fff;
        border-right: 30px solid #fff;
        } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
	  div.header-btn.header-btn-basket{
		  margin-right: 30px;
	  }
      main.sticky-footer {
        border-left: 30px solid #fff;
        border-right: 30px solid #fff; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
	   div.header-btn.header-btn-basket{
		  margin-right: 24px;
	  }
      main.sticky-footer {
        border-left: 24px solid #fff;
        border-right: 24px solid #fff;
        } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
	  div.header-btn.header-btn-basket{
		  margin-right: 0px;
	  }
      main.sticky-footer {
        margin: 0;
        border-left: 0;
        border-right: 0; } }
    @media screen and (max-width: 639px) {
      main.sticky-footer {
        margin: 0;
        border-left: 0;
        border-right: 0; } }
    main.sticky-footer:after {
      content: " ";
      display: table;
      height: 107px; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        main.sticky-footer:after {
          height: 80px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        main.sticky-footer:after {
          height: 70px; } }
      @media screen and (max-width: 639px) {
        main.sticky-footer:after {
          height: 50px; } }
    main.sticky-footer:after {
      height: 0; }
    main.sticky-footer.fullscreen-page-desc {
      height: calc(100% - 107px);
      min-height: 777px; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        main.sticky-footer.fullscreen-page-desc {
          height: calc(100% - 80px);
          min-height: 575px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        main.sticky-footer.fullscreen-page-desc {
          height: calc(100% - 70px);
          min-height: 522px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        main.sticky-footer.fullscreen-page-desc {
          height: calc(100% - 52px);
          min-height: 491px; } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        main.sticky-footer.fullscreen-page-desc {
          height: auto;
          min-height: auto; } }
      @media screen and (max-width: 639px) {
        main.sticky-footer.fullscreen-page-desc {
          height: auto;
          min-height: auto; } }
      main.sticky-footer.fullscreen-page-desc .content {
        height: 100%; }
        main.sticky-footer.fullscreen-page-desc .content .content-wrapper {
          height: 100%; }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      main.sticky-footer.before-hidden:before {
        height: 0; } }
    @media screen and (max-width: 639px) {
      main.sticky-footer.before-hidden:before {
        height: 0; } }
    main.sticky-footer.after-hidden:after {
      height: 0; }
  main.hidden-footer {
    min-height: 100%; }

#white-theme main {
  background: #f3f3f3; }
  #white-theme main.inner {
    background: #fff; }

#black-theme main {
  background: #21262a;
  border-color: #0d1115; }
  #black-theme main.branding {
    border-color: #0d1115;
    background: #0d1115; }
  #black-theme main.design-detail {
    border-color: #0d1115;
    background: #0d1115; }
  #black-theme main.design-portfolio-detail {
    background: #2b3136; }
  #black-theme main.inner {
    background: #0d1115;
    border-color: #0d1115; }

.wrapper {
  width: 2135px;
  margin: 0 auto; }
  .wrapper:before, .wrapper:after {
    content: " ";
    display: table; }
  .wrapper:after {
    clear: both; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .wrapper {
      width: 1600px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .wrapper {
      width: 1160px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .wrapper {
      width: 870px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .wrapper {
      width: 600px; } }
  @media screen and (max-width: 639px) {
    .wrapper {
      width: 280px; } }

.wrapper-branding {
  width: 100%; }

.wrapper-branding-content {
  width: 2127px;
  margin: 0 auto;
  height: 100%; }
  .wrapper-branding-content:before, .wrapper-branding-content:after {
    content: " ";
    display: table; }
  .wrapper-branding-content:after {
    clear: both; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .wrapper-branding-content {
      width: 1595px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .wrapper-branding-content {
      width: 1160px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .wrapper-branding-content {
      width: 928px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .wrapper-branding-content {
      width: 500px; } }
  @media screen and (max-width: 639px) {
    .wrapper-branding-content {
      width: 280px; } }
  .wrapper-branding-content:before, .wrapper-branding-content:after {
    content: " ";
    display: table; }

.text-wrapper {
  margin-left: 270px;
  margin-right: 270px;
  position: relative; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .text-wrapper {
      margin-left: 203px;
      margin-right: 203px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .text-wrapper {
      margin-left: 100px;
      margin-right: 100px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .text-wrapper {
      margin-left: 60px;
      margin-right: 60px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .text-wrapper {
      margin-left: 50px;
      margin-right: 50px; } }
  @media screen and (max-width: 639px) {
    .text-wrapper {
      margin-left: 0;
      margin-right: 0; } }

  .text-wrapper:after {
    content: " ";
    display: table;
    clear: both; }

#filter_form > .text-wrapper {margin-left: 0!important; margin-right: 0!important}

.portfolio-block {
  margin-left: 270px;
  margin-right: 270px;
  width: auto!important; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .portfolio-block {
      margin-left: 203px;
      margin-right: 203px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .portfolio-block {
      margin-left: 100px;
      margin-right: 100px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .portfolio-block {
      margin-left: 60px;
      margin-right: 60px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .portfolio-block {
      margin-left: 50px;
      margin-right: 50px; } }
  @media screen and (max-width: 639px) {
    .portfolio-block {
      margin-left: 0;
      margin-right: 0; } }

.text-wrapper ul {margin-left: 15px}
.wrapper-simple {
  width: 1600px;
  margin: 0 auto; }
  .wrapper-simple:before, .wrapper-simple:after {
    content: " ";
    display: table; }
  .wrapper-simple:after {
    clear: both; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .wrapper-simple {
      width: 1200px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .wrapper-simple {
      width: 940px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .wrapper-simple {
      width: 870px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .wrapper-simple {
      width: 600px; } }
  @media screen and (max-width: 639px) {
    .wrapper-simple {
      width: 280px; } }

.content-wrapper {
  width: 1590px;
  margin: 0 auto; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .content-wrapper {
      width: 1196px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .content-wrapper {
      width: 943px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .content-wrapper {
      width: 871px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .content-wrapper {
      width: 596px; } }
  @media screen and (max-width: 639px) {
    .content-wrapper {
      width: 280px; } }
  .content-wrapper:after, .content-wrapper:before {
    content: " ";
    display: block;
    clear: both; }
  .content-wrapper .content-wrapper_title {
    margin-bottom: 30px;
    margin-top: 140px;
    color: #262626; }
    @media screen and (min-width: 2296px) {
		.content-wrapper .content-wrapper_title {margin-top: 204px}
	}
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .content-wrapper .content-wrapper_title {
        margin-bottom: 21px;
        margin-top: 151px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .content-wrapper .content-wrapper_title {
        margin-top: 114px;
        margin-bottom: 22px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .content-wrapper .content-wrapper_title {
        margin-bottom: 20px;
        margin-top: 92px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .content-wrapper .content-wrapper_title {
        margin-bottom: 20px;
        margin-top: 133px; } }
    @media screen and (max-width: 639px) {
      .content-wrapper .content-wrapper_title {
        width: 100%;
        margin-bottom: 13px;
        margin-top: 85px; } }
  .content-wrapper .content-wrapper_main {
    margin-bottom: 90px; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .content-wrapper .content-wrapper_main {
        margin-bottom: 73px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .content-wrapper .content-wrapper_main {
        margin-bottom: 55px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .content-wrapper .content-wrapper_main {
        margin-bottom: 39px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .content-wrapper .content-wrapper_main {
        margin-bottom: 49px; } }
    @media screen and (max-width: 639px) {
      .content-wrapper .content-wrapper_main {
        margin-bottom: 50px; } }
    .content-wrapper .content-wrapper_main.main-for-sidebar {
      width: 1055px;
      float: left; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .content-wrapper .content-wrapper_main.main-for-sidebar {
          margin-right: 18px;
          width: 790px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .content-wrapper .content-wrapper_main.main-for-sidebar {
          margin-right: 12px;
          width: 629px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .content-wrapper .content-wrapper_main.main-for-sidebar {
          margin-right: 14px;
          width: 555px; } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .content-wrapper .content-wrapper_main.main-for-sidebar {
          margin-right: 0;
          margin-left: 0;
          margin-top: 85px;
          width: 100%; } }
      @media screen and (max-width: 639px) {
        .content-wrapper .content-wrapper_main.main-for-sidebar {
          margin-right: 0;
          margin-left: 0;
          margin-top: 80px;
          width: 100%; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .content-wrapper .content-wrapper_main.sidebar-bottom {
        margin-bottom: 0; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .content-wrapper .content-wrapper_main.sidebar-bottom {
        margin-bottom: 0; } }
    @media screen and (max-width: 639px) {
      .content-wrapper .content-wrapper_main.sidebar-bottom {
        margin-bottom: 0; } }
    .content-wrapper .content-wrapper_main .main_content-block2 {
      background: #fff;
      padding: 52px;
      margin-bottom: 21px;
      padding-top: 47px; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .content-wrapper .content-wrapper_main .main_content-block2 {
          padding: 40px;
          padding-bottom: 25px;
          padding-top: 37px;
          margin-bottom: 15px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .content-wrapper .content-wrapper_main .main_content-block2 {
          padding: 29px;
          padding-bottom: 22px;
          padding-top: 24px;
          margin-bottom: 16px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .content-wrapper .content-wrapper_main .main_content-block2 {
          padding: 29px;
          padding-top: 24px;
          padding-bottom: 20px;
          margin-bottom: 12px; } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .content-wrapper .content-wrapper_main .main_content-block2 {
          padding: 25px;
          padding-top: 20px;
          padding-bottom: 42px;
          margin-bottom: 21px; } }
      @media screen and (max-width: 639px) {
        .content-wrapper .content-wrapper_main .main_content-block2 {
          padding: 23px 16px 28px;
          margin-bottom: 12px; } }
      .content-wrapper .content-wrapper_main .main_content-block2 .wrapper_title-part {
        margin-bottom: 36px; }
        @media screen and (max-width: 2295px) and (min-width: 1721px) {
          .content-wrapper .content-wrapper_main .main_content-block2 .wrapper_title-part {
            margin-bottom: 26px; } }
        @media screen and (max-width: 1720px) and (min-width: 1301px) {
          .content-wrapper .content-wrapper_main .main_content-block2 .wrapper_title-part {
            margin-bottom: 19px; } }
        @media screen and (max-width: 1300px) and (min-width: 1001px) {
          .content-wrapper .content-wrapper_main .main_content-block2 .wrapper_title-part {
            margin-bottom: 18px; } }
        @media screen and (max-width: 1000px) and (min-width: 640px) {
          .content-wrapper .content-wrapper_main .main_content-block2 .wrapper_title-part {
            margin-bottom: 28px; } }
        @media screen and (max-width: 639px) {
          .content-wrapper .content-wrapper_main .main_content-block2 .wrapper_title-part {
            margin-bottom: 17px; } }
  .content-wrapper .content-wrapper_sidebar {
    float: right;
    background: #fff;
    width: 32%;
    padding: 58px;
    text-align: justify;
    position: relative;
    padding-top: 47px; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .content-wrapper .content-wrapper_sidebar {
        padding: 12px;
        padding-bottom: 28px;
        padding-top: 37px;
        width: calc(100% - 808px);
        } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .content-wrapper .content-wrapper_sidebar {
        padding: 9px;
        margin-bottom: 71px;
        padding-bottom: 17px;
        padding-top: 24px;
        width: calc(100% - 641px);
        } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .content-wrapper .content-wrapper_sidebar {
        padding: 11px;
        margin-bottom: 51px;
        padding-bottom: 20px;
        padding-top: 24px;
        width: calc(100% - 569px);
        } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .content-wrapper .content-wrapper_sidebar {
        display: none;
        padding: 25px;
        padding-top: 20px;
        margin-bottom: 86px; }
        .content-wrapper .content-wrapper_sidebar.mobile-visible {
          display: block; } }
    @media screen and (max-width: 639px) {
      .content-wrapper .content-wrapper_sidebar {
        display: none;
        padding: 17px;
        padding-top: 23px;
        margin-bottom: 47px; }
        .content-wrapper .content-wrapper_sidebar.mobile-visible {
          display: block; } }
    .content-wrapper .content-wrapper_sidebar.background-fafafa {
      background: #fafafa;
	  text-align:left;}
    .content-wrapper .content-wrapper_sidebar.sidebar-right {
      float: right; }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .content-wrapper .content-wrapper_sidebar.sidebar-top {
        margin-bottom: 12px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .content-wrapper .content-wrapper_sidebar.sidebar-top {
        margin-bottom: 15px; } }
    @media screen and (max-width: 639px) {
      .content-wrapper .content-wrapper_sidebar.sidebar-top {
        margin-bottom: 10px; } }
    .content-wrapper .content-wrapper_sidebar .block-info {
      left: -50px;
      width: 100%;
      margin-bottom: 15px; }
      @media screen and (max-width: 2295px) and (min-width: 640px) {
        .content-wrapper .content-wrapper_sidebar .block-info {
          left: -30px; } }
      .content-wrapper .content-wrapper_sidebar .block-info span {
        width: 100%; }

@media screen and (max-width: 2295px) and (min-width: 1721px) {
  .content .content-wrapper {
    } }

@media screen and (max-width: 1720px) and (min-width: 1301px) {
  .content .content-wrapper {
    width: 871px; } }

@media screen and (max-width: 1300px) and (min-width: 1001px) {
  .content .content-wrapper {
    width: 572px; } }

@media screen and (max-width: 1000px) and (min-width: 640px) {
  .content .content-wrapper {
    width: 600px; } }

@media screen and (max-width: 639px) {
  .content .content-wrapper {
    width: 281px; } }

@media screen and (max-width: 1300px) and (min-width: 1001px) {
  .content .content-wrapper .content-wrapper_main {
    width: 100%; } }

@media screen and (max-width: 2295px) and (min-width: 1721px) {
  .content .content-wrapper .content-wrapper_main.main-for-sidebar {
    margin-right: 19px; } }

@media screen and (max-width: 1720px) and (min-width: 1301px) {
  .content .content-wrapper .content-wrapper_main.main-for-sidebar {
    margin-right: 18px;
    width: 572px; } }

@media screen and (max-width: 2295px) and (min-width: 1721px) {
  .content .content-wrapper .content-wrapper_sidebar {
    width: calc(100% - 809px); } }

@media screen and (max-width: 1720px) and (min-width: 1301px) {
  .content .content-wrapper .content-wrapper_sidebar {
    width: calc(100% - 591px); } }

@media screen and (max-width: 1300px) and (min-width: 1001px) {
  .content .content-wrapper .content-wrapper_sidebar {
    width: 100%; } }

@media screen and (max-width: 1000px) and (min-width: 640px) {
  .content .content-wrapper .content-wrapper_sidebar {
    width: 100%; } }

@media screen and (max-width: 639px) {
  .content .content-wrapper .content-wrapper_sidebar {
    width: 100%; } }

.aside {
  width: 580px;
  height: calc(100% - 107px);
  background: #fff;
  padding: 0 0 0 100px;
  float: left;
  position: fixed;
  top: 107px;
  left: 0;
  z-index:0;
  }
  .aside.without-btn .aside-content {
    height: 100%; }
  .aside.aside-detail {
    /*padding: 0;*/ }
  @media screen and (max-width: 1000px) {
    .aside.aside-catalog {
      display: none; } }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .aside {
      width: 435px;
      height: calc(100% - 80px);
      top: 80px;
      padding: 0 0 0 53px;
      } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .aside {
      width: 325px;
      height: calc(100% - 70px);
      top: 70px;
      padding: 0 0 0 65px;
      } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .aside {
      width: 340px;
      height: calc(100% - 52px);
      top: 52px;
      padding: 0 0 0 75px;
      } }
  @media screen and (max-width: 1000px) {
    .aside {
      position: relative;
      top: 0;
      float: none;
      width: 100%;
      height: auto;
      padding: 0;
      padding-bottom: 55px; } }
  @media screen and (max-width: 639px) {
    .aside {
      padding-bottom: 32px; } }
  .aside:before {
    content: " ";
    display: table; }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .aside:before {
        height: 70px; } }
    @media screen and (max-width: 639px) {
      .aside:before {
        height: 50px; } }
  .aside:after {
    content: "";
    display: block; }
  .aside.glossariy-aside {
    padding-left: 0; }

  .aside.without-btn .aside-title {position: relative; padding-left: 10px; padding-right: 10px; display: inline-block}
  .aside.without-btn .aside-title a, .aside.without-btn .aside-title span {position: relative; z-index: 2; text-transform: uppercase}
  .aside.without-btn .aside-title:after {
		background-color: #fbea3a;
		content: "";
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
		height: 31px;
		width: 0%;
		-webkit-transition: width .6s ease;
		-o-transition: width .6s ease;
		transition: width .6s ease;
		z-index: 1;
		bottom: -10px;
  }
	  @media screen and (max-width: 2295px) and (min-width: 1721px) {
		  .aside.without-btn .aside-title:after {height: 24px; bottom: -7px}
	  }
	  @media screen and (max-width: 1720px) and (min-width: 1301px) {
		  .aside.without-btn .aside-title:after {height: 20px; bottom: -6px}
	  }
	  @media screen and (max-width: 1300px) and (min-width: 1001px) {
		  .aside.without-btn .aside-title:after {height: 16px; bottom: -5px}
	  }
	#black-theme .aside.without-btn .aside-title:after {background-color: #aeaeae}


  .aside .aside-title:hover:after {width: 100%}
  .aside .aside-title {
    margin-bottom: 38px;
    margin-top: 38px; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .aside .aside-title {
        margin-bottom: 25px;
        margin-top: 25px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .aside .aside-title {
        margin-bottom: 20px;
        margin-top: 20px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .aside .aside-title {
        margin-bottom: 23px;
        margin-top: 23px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .aside .aside-title {
        margin-bottom: 40px;
        margin-top: 40px; } }
    @media screen and (max-width: 639px) {
      .aside .aside-title {
        margin-bottom: 37px;
        margin-top: 37px; } }
    .aside .aside-title svg {
      margin-left: 10px; }
  .aside .aside-content {
    height: calc(100% - 166px); }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .aside .aside-content {
        height: calc(100% - 124px); } }
    @media screen and (max-width: 1000px) {
      .aside .aside-content {
        height: auto;
        width: 600px;
        margin: 0 auto; } }
    @media screen and (max-width: 639px) {
      .aside .aside-content {
        width: 280px; } }
    @media screen and (max-width: 1000px) {
      .aside .aside-content .scroll-content {
        position: relative;
        padding: 0; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .aside .aside-content .scroll-content .block-menu > li {
        width: 50%;
        float: left; } }

.aside-slide-menu {
  margin-bottom: 60px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .aside-slide-menu {
      margin-bottom: 81px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .aside-slide-menu {
      margin-bottom: 43px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .aside-slide-menu {
      margin-bottom: 43px; } }

.aside-footer {
  line-height: 166px;
  height: 166px;
  vertical-align: top;
  position: relative; }
  .aside-footer a {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    color: #bfbfbf;
    border-bottom: 1px solid #bfbfbf;
    -webkit-transition: border-bottom .6s ease, color .6s ease;
    -o-transition: border-bottom .6s ease, color .6s ease;
    transition: border-bottom .6s ease, color .6s ease; }
    .aside-footer a:hover {
      border-bottom: 1px solid #0d1015;
      color: #0d1015; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .aside-footer {
      line-height: 124px;
      height: 124px; } }
  @media screen and (max-width: 1000px) {
    .aside-footer {
      display: none; } }

#white-theme .aside {
  background: #fff; }

#black-theme .aside {
  background: #0d1115; }
  #black-theme .aside .aside-title {
    color: #fff; }

#black-theme .header-menu__link span {
  color: #fff; }

#black-theme .header-menu__list-sub {
  background-color: #0d1115;
  border-color: #0d1115; }

#black-theme .header-menu__link:before {
  background-color: #565e68; }

#black-theme .header-menu__list-sub .header-menu__link:before {
  background-color: #fbea3a; }

#black-theme .header-menu__list-sub .header-menu__link:hover span {
  color: #262626; }




.header-menu {
  float: left;
  width: calc(100% - 1550px); }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .header-menu {
      width: calc(100% - 1100px); } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .header-menu {
      width: calc(100% - 850px); } }
  @media screen and (max-width: 1300px) {
    .header-menu {
      display: none; } }

	.header-menu__list {margin: 0}

  .header-menu__item {
    display: inline-block;
    margin-right: 93px;
    position: relative; }
    .header-menu__item:first-child {
      margin-left: 57px; }
    .header-menu__item:last-child {
      margin-right: 0; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .header-menu__item {
        margin-right: 52px; }
        .header-menu__item:first-child {
          margin-left: 20px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .header-menu__item {
        margin-right: 14px; }
        .header-menu__item:first-child {
          margin-left: 20px; } }
    .header-menu__item:hover > .header-menu__link span {
      color: #262626; }
    .header-menu__item:hover > .header-menu__link::before {
      width: 100%; }
    .header-menu__item:hover > .header-menu__list-sub {
      opacity: 1;
      visibility: visible; }
  .header-menu__link {
    padding: 0 7px;
    text-decoration: none;
    position: relative; }
    .header-menu__link span {
      font-family: 'Helvetica', sans-serif;
      font-size: 19px;
      line-height: 27px;
      font-weight: 500;
      text-transform: uppercase;
      color: #a4a4a4;
      position: relative;
      -webkit-transition: color .25s ease;
      -o-transition: color .25s ease;
      transition: color .25s ease; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .header-menu__link span {
          font-size: 15px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .header-menu__link span {
          font-size: 13px;
          line-height: 15px; } }
    .header-menu__link::before {
      content: '';
      display: block;
      width: 0;
      background-color: #fbea3a;
      height: 16px;
      position: absolute;
      bottom: 0;
      left: 0;
      -webkit-transition: width .25s ease;
      -o-transition: width .25s ease;
      transition: width .25s ease; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .header-menu__link::before {
          height: 11px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .header-menu__link::before {
          height: 12px;
          bottom: -4px; } }
    .header-menu__link:hover span {
      color: #262626; }
    .header-menu__link:hover::before {
      width: 100%; }
  .header-menu__list-sub {
    position: absolute;
    background-color: #fff;
    width: 306px;
    padding: 52px 18px;
    min-height: 380px;
    left: -26px;
    z-index:1;
    opacity: 0;
    visibility: hidden;
    border: 1px solid #EAEAEA;
    -webkit-transition: opacity .25s ease, visibility .25s ease;
    -o-transition: opacity .25s ease, visibility .25s ease;
    transition: opacity .25s ease, visibility .25s ease; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .header-menu__list-sub {
        width: 227px;
        padding: 40px 13px;
        min-height: 280px;
        left: -16px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .header-menu__list-sub {
        width: 210px;
        padding: 34px 12px;
        min-height: 260px;
        left: -23px; } }
    .header-menu__list-sub > .header-menu__item {
      display: block;
      margin: 0 0 4px;
      line-height: 0; }
      .header-menu__list-sub > .header-menu__item:first-child {
        margin-left: 0; }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .header-menu__list-sub > .header-menu__item {
          margin: 0; } }
    .header-menu__list-sub .header-menu__link {
      display: inline-block;
      line-height: 0;
      padding: 10px 15px; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .header-menu__list-sub .header-menu__link {
          padding: 10px 15px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .header-menu__list-sub .header-menu__link {
          padding: 9px 8px; } }
      .header-menu__list-sub .header-menu__link span {
        color: #262626;
        font-family: 'Helvetica', sans-serif;
        font-size: 19px;
        line-height: 24px;
        font-weight: 400;
        display: inline-block;
        text-transform: none;
//letter-spacing: 0.01em;
        position: relative; }
        @media screen and (max-width: 2295px) and (min-width: 1721px) {
          .header-menu__list-sub .header-menu__link span {
            font-size: 14px;
            line-height: 18px; } }
        @media screen and (max-width: 1720px) and (min-width: 1301px) {
          .header-menu__list-sub .header-menu__link span {
            font-size: 13px;
            line-height: 17px; } }
      .header-menu__list-sub .header-menu__link::before {
		  height: 100%;
		}
		@media screen and (max-width: 1720px) and (min-width: 1301px) {
			.header-menu__list-sub .header-menu__link::before {
				bottom: 0;
			}
		}

.js-hover-script .js-hover-item {
  display: none; }
  .js-hover-script .js-hover-item.active {
    display: block; }

.js-hover-script .js-hover-item-after.menu-title-square:after {
  content: none; }

.js-hover-script .js-hover-item-after.menu-title-square.active {
  content: " "; }

@font-face {
  font-family: 'Helvetica';
  src: url("/fonts/helvetica/helv2ulightitalic.eot");
  src: url("/fonts/helvetica/helv2ulightitalic.eot?#iefix") format("embedded-opentype"), url("/fonts/helvetica/helv2ulightitalic.woff") format("woff"), url("/fonts/helvetica/helv2ulightitalic.ttf") format("truetype");
  font-weight: 200; font-display: swap;
  font-style: italic; }

@font-face {
  font-family: 'Helvetica';
  src: url("/fonts/helvetica/helv2ulight.eot");
  src: url("/fonts/helvetica/helv2ulight.eot?#iefix") format("embedded-opentype"), url("/fonts/helvetica/helv2ulight.woff") format("woff"), url("/fonts/helvetica/helv2ulight.ttf") format("truetype");
  font-weight: 200; font-display: swap;
  font-style: normal; }

@font-face {
  font-family: 'Helvetica';
  src: url("/fonts/helvetica/helv4light.eot");
  src: url("/fonts/helvetica/helv4light.eot?#iefix") format("embedded-opentype"), url("/fonts/helvetica/helv4light.woff") format("woff"), url("/fonts/helvetica/helv4light.ttf") format("truetype");
  font-weight: 400; font-display: swap;
  font-style: normal; }

@font-face {
  font-family: 'Helvetica';
  src: url("/fonts/helvetica/helv3thinitalic.eot");
  src: url("/fonts/helvetica/helv3thinitalic.eot?#iefix") format("embedded-opentype"), url("/fonts/helvetica/helv3thinitalic.woff") format("woff"), url("/fonts/helvetica/helv3thinitalic.ttf") format("truetype");
  font-weight: 300; font-display: swap;
  font-style: italic; }

@font-face {
  font-family: 'Helvetica';
  src: url("/fonts/helvetica/helv3thin.eot");
  src: url("/fonts/helvetica/helv3thin.eot?#iefix") format("embedded-opentype"), url("/fonts/helvetica/helv3thin.woff") format("woff"), url("/fonts/helvetica/helv3thin.ttf") format("truetype");
  font-weight: 300; font-display: swap;
  font-style: normal; }

@font-face {
  font-family: 'Helvetica';
  src: url("/fonts/helvetica/helv8heavy.eot");
  src: url("/fonts/helvetica/helv8heavy.eot?#iefix") format("embedded-opentype"), url("/fonts/helvetica/helv8heavy.woff") format("woff"), url("/fonts/helvetica/helv8heavy.ttf") format("truetype");
  font-weight: 800; font-display: swap;
  font-style: normal; }

@font-face {
  font-family: 'Helvetica';
  src: url("/fonts/helvetica/helv7bold.eot");
  src: url("/fonts/helvetica/helv7bold.eot?#iefix") format("embedded-opentype"), url("/fonts/helvetica/helv7bold.woff") format("woff"), url("/fonts/helvetica/helv7bold.ttf") format("truetype");
  font-weight: 700; font-display: swap;
  font-style: normal; }

@font-face {
  font-family: 'Helvetica';
  src: url("/fonts/helvetica/helv7bolditalic.eot");
  src: url("/fonts/helvetica/helv7bolditalic.eot?#iefix") format("embedded-opentype"), url("/fonts/helvetica/helv7bolditalic.woff") format("woff"), url("/fonts/helvetica/helv7bolditalic.ttf") format("truetype");
  font-weight: 700; font-display: swap;
  font-style: italic; }

@font-face {
  font-family: 'Helvetica';
  src: url("/fonts/helvetica/helv6mediumitalic.eot");
  src: url("/fonts/helvetica/helv6mediumitalic.eot?#iefix") format("embedded-opentype"), url("/fonts/helvetica/helv6mediumitalic.woff") format("woff"), url("/fonts/helvetica/helv6mediumitalic.ttf") format("truetype");
  font-weight: 600; font-display: swap;
  font-style: italic; }

@font-face {
  font-family: 'Helvetica';
  src: url("/fonts/helvetica/helv6medium.eot");
  src: url("/fonts/helvetica/helv6medium.eot?#iefix") format("embedded-opentype"), url("/fonts/helvetica/helv6medium.woff") format("woff"), url("/fonts/helvetica/helv6medium.ttf") format("truetype");
  font-weight: 600; font-display: swap;
  font-style: normal; }

@font-face {
  font-family: 'Helvetica';
  src: url("/fonts/helvetica/helv5normalitalic.eot");
  src: url("/fonts/helvetica/helv5normalitalic.eot?#iefix") format("embedded-opentype"), url("/fonts/helvetica/helv5normalitalic.woff") format("woff"), url("/fonts/helvetica/helv5normalitalic.ttf") format("truetype");
  font-weight: 500; font-display: swap;
  font-style: italic; }

@font-face {
  font-family: 'Helvetica';
  src: url("/fonts/helvetica/helv5normal.eot");
  src: url("/fonts/helvetica/helv5normal.eot?#iefix") format("embedded-opentype"), url("/fonts/helvetica/helv5normal.woff") format("woff"), url("/fonts/helvetica/helv5normal.ttf") format("truetype");
  font-weight: 500; font-display: swap;
  font-style: normal; }

@font-face {
  font-family: 'Helvetica';
  src: url("/fonts/helvetica/helv4lightitalic.eot");
  src: url("/fonts/helvetica/helv4lightitalic.eot?#iefix") format("embedded-opentype"), url("/fonts/helvetica/helv4lightitalic.woff") format("woff"), url("/fonts/helvetica/helv4lightitalic.ttf") format("truetype");
  font-weight: 400; font-display: swap;
  font-style: italic; }

@font-face {
  font-family: 'Helvetica';
  src: url("/fonts/helvetica/helv9blackitalic.eot");
  src: url("/fonts/helvetica/helv9blackitalic.eot?#iefix") format("embedded-opentype"), url("/fonts/helvetica/helv9blackitalic.woff") format("woff"), url("/fonts/helvetica/helv9blackitalic.ttf") format("truetype");
  font-weight: 900; font-display: swap;
  font-style: italic; }

@font-face {
  font-family: 'Helvetica';
  src: url("/fonts/helvetica/helv9black.eot");
  src: url("/fonts/helvetica/helv9black.eot?#iefix") format("embedded-opentype"), url("/fonts/helvetica/helv9black.woff") format("woff"), url("/fonts/helvetica/helv9black.ttf") format("truetype");
  font-weight: 900; font-display: swap;
  font-style: normal; }

@font-face {
  font-family: 'Helvetica';
  src: url("/fonts/helvetica/helv8heavyitalic.eot");
  src: url("/fonts/helvetica/helv8heavyitalic.eot?#iefix") format("embedded-opentype"), url("/fonts/helvetica/helv8heavyitalic.woff") format("woff"), url("/fonts/helvetica/helv8heavyitalic.ttf") format("truetype");
  font-weight: 800; font-display: swap;
  font-style: italic; }

@font-face {
  font-family: 'Intro Book Alt';
  src: url("/fonts/intro-book-alt/intro-book-alt.eot");
  src: url("/fonts/intro-book-alt/intro-book-alt.eot?#iefix") format("embedded-opentype"), url("/fonts/intro-book-alt/intro-book-alt.woff2") format("woff2"), url("/fonts/intro-book-alt/intro-book-alt.woff") format("woff"), url("/fonts/intro-book-alt/intro-book-alt.ttf") format("truetype"), url("/fonts/intro-book-alt/intro-book-alt.svg#intro_book_altregular") format("svg");
  font-weight: normal; font-display: swap;
  font-style: normal; }

@font-face {
  font-family: 'Rouble';
  src: url("/fonts/rouble/rouble.eot");
  src: url("/fonts/rouble/rouble.eot?#iefix") format("embedded-opentype"), url("/fonts/rouble/rouble.woff2") format("woff2"), url("/fonts/rouble/rouble.woff") format("woff"), url("/fonts/rouble/rouble.ttf") format("truetype"), url("/fonts/rouble/rouble.svg#Rouble") format("svg");
  font-weight: normal; font-display: swap;
  font-style: normal; }

@font-face {
  font-family: 'Open Sans';
  src: url("/fonts/opensans/opensans-bold.eot");
  src: url("/fonts/opensans/opensans-bold.eot?#iefix") format("embedded-opentype"), url("/fonts/opensans/opensans-bold.woff2") format("woff2"), url("/fonts/opensans/opensans-bold.woff") format("woff"), url("/fonts/opensans/opensans-bold.ttf") format("truetype"), url("/fonts/opensans/opensans-bold.svg#open_sansbold") format("svg");
  font-weight: 600; font-display: swap;
  font-style: normal; }

@font-face {
  font-family: 'Open Sans';
  src: url("/fonts/opensans/opensans-bolditalic.eot");
  src: url("/fonts/opensans/opensans-bolditalic.eot?#iefix") format("embedded-opentype"), url("/fonts/opensans/opensans-bolditalic.woff2") format("woff2"), url("/fonts/opensans/opensans-bolditalic.woff") format("woff"), url("/fonts/opensans/opensans-bolditalic.ttf") format("truetype"), url("/fonts/opensans/opensans-bolditalic.svg#open_sansbold_italic") format("svg");
  font-weight: 600; font-display: swap;
  font-style: italic; }

@font-face {
  font-family: 'Open Sans';
  src: url("/fonts/opensans/opensans-extrabold.eot");
  src: url("/fonts/opensans/opensans-extrabold.eot?#iefix") format("embedded-opentype"), url("/fonts/opensans/opensans-extrabold.woff2") format("woff2"), url("/fonts/opensans/opensans-extrabold.woff") format("woff"), url("/fonts/opensans/opensans-extrabold.ttf") format("truetype"), url("/fonts/opensans/opensans-extrabold.svg#open_sansextrabold") format("svg");
  font-weight: 700; font-display: swap;
  font-style: normal; }

@font-face {
  font-family: 'Open Sans';
  src: url("/fonts/opensans/opensans-extrabolditalic.eot");
  src: url("/fonts/opensans/opensans-extrabolditalic.eot?#iefix") format("embedded-opentype"), url("/fonts/opensans/opensans-extrabolditalic.woff2") format("woff2"), url("/fonts/opensans/opensans-extrabolditalic.woff") format("woff"), url("/fonts/opensans/opensans-extrabolditalic.ttf") format("truetype"), url("/fonts/opensans/opensans-extrabolditalic.svg#open_sansextrabold_italic") format("svg");
  font-weight: 700; font-display: swap;
  font-style: italic; }

@font-face {
  font-family: 'Open Sans';
  src: url("/fonts/opensans/opensans-italic.eot");
  src: url("/fonts/opensans/opensans-italic.eot?#iefix") format("embedded-opentype"), url("/fonts/opensans/opensans-italic.woff2") format("woff2"), url("/fonts/opensans/opensans-italic.woff") format("woff"), url("/fonts/opensans/opensans-italic.ttf") format("truetype"), url("/fonts/opensans/opensans-italic.svg#open_sansitalic") format("svg");
  font-weight: 400; font-display: swap;
  font-style: italic; }

@font-face {
  font-family: 'Open Sans';
  src: url("/fonts/opensans/opensans-light.eot");
  src: url("/fonts/opensans/opensans-light.eot?#iefix") format("embedded-opentype"), url("/fonts/opensans/opensans-light.woff2") format("woff2"), url("/fonts/opensans/opensans-light.woff") format("woff"), url("/fonts/opensans/opensans-light.ttf") format("truetype"), url("/fonts/opensans/opensans-light.svg#open_sanslight") format("svg");
  font-weight: 200; font-display: swap;
  font-style: normal; }

@font-face {
  font-family: 'Open Sans';
  src: url("/fonts/opensans/opensans-lightitalic.eot");
  src: url("/fonts/opensans/opensans-lightitalic.eot?#iefix") format("embedded-opentype"), url("/fonts/opensans/opensans-lightitalic.woff2") format("woff2"), url("/fonts/opensans/opensans-lightitalic.woff") format("woff"), url("/fonts/opensans/opensans-lightitalic.ttf") format("truetype"), url("/fonts/opensans/opensans-lightitalic.svg#open_sanslight_italic") format("svg");
  font-weight: 200; font-display: swap;
  font-style: italic; }

@font-face {
  font-family: 'Open Sans';
  src: url("/fonts/opensans/opensans-regular.eot");
  src: url("/fonts/opensans/opensans-regular.eot?#iefix") format("embedded-opentype"), url("/fonts/opensans/opensans-regular.woff2") format("woff2"), url("/fonts/opensans/opensans-regular.woff") format("woff"), url("/fonts/opensans/opensans-regular.ttf") format("truetype"), url("/fonts/opensans/opensans-regular.svg#open_sansregular") format("svg");
  font-weight: 400; font-display: swap;
  font-style: normal; }

@font-face {
  font-family: 'Open Sans';
  src: url("/fonts/opensans/opensans-semibold.eot");
  src: url("/fonts/opensans/opensans-semibold.eot?#iefix") format("embedded-opentype"), url("/fonts/opensans/opensans-semibold.woff2") format("woff2"), url("/fonts/opensans/opensans-semibold.woff") format("woff"), url("/fonts/opensans/opensans-semibold.ttf") format("truetype"), url("/fonts/opensans/opensans-semibold.svg#open_sanssemibold") format("svg");
  font-weight: 500; font-display: swap;
  font-style: normal; }

@font-face {
  font-family: 'Open Sans';
  src: url("/fonts/opensans/opensans-semibolditalic.eot");
  src: url("/fonts/opensans/opensans-semibolditalic.eot?#iefix") format("embedded-opentype"), url("/fonts/opensans/opensans-semibolditalic.woff2") format("woff2"), url("/fonts/opensans/opensans-semibolditalic.woff") format("woff"), url("/fonts/opensans/opensans-semibolditalic.ttf") format("truetype"), url("/fonts/opensans/opensans-semibolditalic.svg#open_sanssemibold_italic") format("svg");
  font-weight: 500; font-display: swap;
  font-style: italic; }

.h1, h1 {
  font: 800 140px/150px 'Helvetica';
//letter-spacing: -.025em;
  text-transform: uppercase; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .h1, h1 {
      font-size: 105px;
      line-height: 110px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .h1, h1 {
      font-size: 75px;
      line-height: 80px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .h1, h1 {
      font-size: 55px;
      line-height: 60px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .h1, h1 {
      font-size: 84px;
      line-height: 90px; } }
  @media screen and (max-width: 639px) {
    .h1, h1 {
      font-size: 48px;
      line-height: 52px; } }

.h2, h2 {
  font: 800 75px/80px 'Helvetica';
//letter-spacing: -.025em;
  text-transform: uppercase; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .h2, h2 {
      font-size: 55px;
      line-height: 60px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .h2, h2 {
      font-size: 40px;
      line-height: 43px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .h2, h2 {
      font-size: 30px;
      line-height: 32px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .h2, h2 {
      font-size: 36px;
      line-height: 41px; } }
  @media screen and (max-width: 639px) {
    .h2, h2 {
      font-size: 25px;
      line-height: 30px; } }

.h3, h3 {
  font: 600 44px/40px 'Helvetica';
 }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .h3, h3 {
      font-size: 33px;
      line-height: 30px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .h3, h3 {
      font-size: 28px;
      line-height: 26px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .h3, h3 {
      font-size: 22px;
      line-height: 20px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .h3, h3 {
      font-size: 28px;
      line-height: 26px; } }
  @media screen and (max-width: 639px) {
    .h3, h3 {
      font-size: 20px;
      line-height: 20px; } }


.h33, h33 {
  font: 500 66px/66px 'Helvetica';
 }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .h33, h33 {
      font-size: 49px;
      line-height: 51px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .h33, h33 {
      font-size: 42px;
      line-height: 44px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .h33, h33 {
      font-size: 33px;
      line-height: 35px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .h33, h33 {
      font-size: 42px;
      line-height: 44px; } }
  @media screen and (max-width: 639px) {
    .h33, h33 {
      font-size: 30px;
      line-height: 30px; } }


.h4, h4 {
  font: 600 40px/40px 'Helvetica';}
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .h4, h4 {
      font-size: 30px;
      line-height: 30px; } }
  @media screen and (max-width: 1720px) and (min-width: 1001px) {
    .h4, h4 {
      font-size: 24px;
      line-height: 24px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .h4, h4 {
      font-size: 25px;
      line-height: 25px; } }
  @media screen and (max-width: 639px) {
    .h4, h4 {
      font-size: 24px;
      line-height: 24px; } }

.h5, h5 {
  font: 700 27px/29px 'Helvetica';
//letter-spacing: -.005em;
  text-transform: uppercase; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .h5, h5 {
      font-size: 20px;
      line-height: 22px; } }
  @media screen and (max-width: 1720px) and (min-width: 1001px) {
    .h5, h5 {
      font-size: 15px;
      line-height: 18px; } }
  @media screen and (max-width: 1000px) {
    .h5, h5 {
      font-size: 16px;
      line-height: 22px; } }

.h6 {
  font: 600 20px/22px 'Helvetica';
//letter-spacing: -.005em;
  text-transform: uppercase; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .h6 {
      font-size: 15px;
      line-height: 18px; } }
  @media screen and (max-width: 1720px) and (min-width: 1001px) {
    .h6 {
      font-size: 13px;
      line-height: 17px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .h6 {
      font-size: 15px;
      line-height: 18px; } }
  @media screen and (max-width: 639px) {
    .h6 {
      font-size: 13px;
      line-height: 17px; } }

.h7 {
  font: 500 22px/32px 'Helvetica';
 }
  .h7 b {
    font-weight: 500; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .h7 {
      font-size: 17px;
      line-height: 24px; } }
  @media screen and (max-width: 1720px) and (min-width: 1001px) {
    .h7 {
      font-size: 15px;
      line-height: 22px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .h7 {
      font-size: 17px;
      line-height: 24px; } }
  @media screen and (max-width: 639px) {
    .h7 {
      font-size: 15px;
      line-height: 22px;
      /* height: 70px; */
      } }
  .h7 > a {
    position: relative;
    display: inline-block; }
    .h7 > a:after {
      display: none !important; }
    .h7 > a:before {
      content: '';
      width: 0;
      height: 100%;
      position: absolute;
      background: #fbea3a;
      -webkit-transition: width .6s ease;
      -o-transition: width .6s ease;
      transition: width .6s ease;
      left: 0;
      top: 50%;
      -webkit-transform: translate(0, -50%);
          -ms-transform: translate(0, -50%);
              transform: translate(0, -50%); }
    .h7 > a span {
      padding: 0 .2em;
      position: relative;
      z-index: 1;
      color: #262626; }
    @media screen and (min-width: 1000px) {
      .h7 > a:hover:before {
        width: 100%; } }
  .text-wrapper ul > li {
    position: relative;
    padding-left: 30px; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .text-wrapper ul > li {
        padding-left: 25px; } }
    @media screen and (max-width: 1720px) and (min-width: 1001px) {
      .text-wrapper ul > li {
        padding-left: 20px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .text-wrapper ul > li {
        padding-left: 25px; } }
    @media screen and (max-width: 639px) {
      .text-wrapper ul > li {
        padding-left: 20px; } }

	#black-theme .text-wrapper ul > li:before {
		width: 9px;
		height: 9px;
		left: 0px;
		top: 8px;
	}
	#black-theme .text-wrapper ul > li:before {
		width: 12px;
		height: 12px;
		content: "";
		background: #aeaeae;
		position: absolute;
		left: 3px;
		top: 11px;
	}

    .text-wrapper ul > li:after {
      content: '';
      width: 13px;
      height: 13px;
      display: block;
      position: absolute;
      top: 0;
      left: 0; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .text-wrapper ul > li:after {
          width: 9px;
          height: 9px; } }
  .h7 ol {
    counter-reset: ol-counter; }
    .h7 ol > li {
      position: relative;
      padding-left: 30px; }
      @media screen and (max-width: 2295px) and (min-width: 640px) {
        .h7 ol > li {
          padding-left: 25px; } }
      @media screen and (max-width: 639px) {
        .h7 ol > li {
          padding-left: 20px; } }
      .h7 ol > li:before {
        content: counter(ol-counter);
        counter-increment: ol-counter;
        position: absolute;
        right: 100%;
        top: 0;
        margin-right: -1em;
        text-align: right;
        background: #fbea3a; }

.h8 {
  font: 500 19px/21px 'Helvetica';
//letter-spacing: -.010em; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .h8 {
      font-size: 14px;
      line-height: 16px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .h8 {
      font-size: 12px;
      line-height: 14px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .h8 {
      font-size: 12px;
      line-height: 13px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .h8 {
      font-size: 14px;
      line-height: 16px; } }
  @media screen and (max-width: 639px) {
    .h8 {
      font-size: 12px;
      line-height: 13px; } }
  .h8 > a {
    position: relative;
    display: inline-block; }
    .h8 > a:after {
      display: none !important; }
    .h8 > a:before {
      content: '';
      width: 0;
      height: 100%;
      position: absolute;
      background: #fbea3a;
      -webkit-transition: width .6s ease;
      -o-transition: width .6s ease;
      transition: width .6s ease; }
    .h8 > a span {
      position: relative;
      z-index: 1; }
    @media screen and (min-width: 1000px) {
      .h8 > a:hover:before {
        width: 100%; } }
  .h8 ul > li {
    position: relative;
    padding-left: 30px; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .h8 ul > li {
        padding-left: 25px; } }
    @media screen and (max-width: 1720px) and (min-width: 1001px) {
      .h8 ul > li {
        padding-left: 20px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .h8 ul > li {
        padding-left: 25px; } }
    @media screen and (max-width: 639px) {
      .h8 ul > li {
        padding-left: 20px; } }
    .h8 ul > li:after {
      content: '';
      width: 13px;
      height: 13px;
      display: block;
      position: absolute;
      top: 0;
      left: 0; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .h8 ul > li:after {
          width: 9px;
          height: 9px; } }
  .h8 ol {
    counter-reset: ol-counter; }
    .h8 ol > li {
      position: relative;
      padding-left: 30px; }
      @media screen and (max-width: 2295px) and (min-width: 640px) {
        .h8 ol > li {
          padding-left: 25px; } }
      @media screen and (max-width: 639px) {
        .h8 ol > li {
          padding-left: 20px; } }
      .h8 ol > li:before {
        content: counter(ol-counter);
        counter-increment: ol-counter;
        position: absolute;
        right: 100%;
        top: 0;
        margin-right: -1em;
        text-align: right;
        background: #fbea3a; }







.h88 {
  font: 500 19px/21px 'Helvetica';
}
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .h88 {
      font-size: 14px;
      line-height: 16px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .h88 {
      font-size: 12px;
      line-height: 14px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .h88 {
      font-size: 12px;
      line-height: 13px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .h88 {
      font-size: 14px;
      line-height: 16px; } }
  @media screen and (max-width: 639px) {
    .h88 {
      font-size: 12px;
      line-height: 13px; } }
  .h88 > a {

}






.h9 {
  font: 22px/24px 'Intro Book Alt';
//letter-spacing: -.010em; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .h9 {
      font-size: 17px;
      line-height: 20px; } }
  @media screen and (max-width: 1720px) and (min-width: 1001px) {
    .h9 {
      font-size: 15px;
      line-height: 17px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .h9 {
      font-size: 17px;
      line-height: 20px; } }
  @media screen and (max-width: 639px) {
    .h9 {
      font-size: 15px;
      line-height: 17px; } }

.h10 {
  font: 26px/28px 'Intro Book Alt';
//letter-spacing: -.025em; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .h10 {
      font-size: 20px;
      line-height: 25px; } }
  @media screen and (max-width: 1720px) and (min-width: 1001px) {
    .h10 {
      font-size: 16px;
      line-height: 18px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .h10 {
      font-size: 20px;
      line-height: 25px; } }
  @media screen and (max-width: 639px) {
    .h10 {
      font-size: 16px;
      line-height: 18px; } }

.h11 {
  font: italic 22px/32px 'Open Sans';
//letter-spacing: -.010em; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .h11 {
      font-size:16px;
      line-height: 24px; } }
  @media screen and (max-width: 1720px) and (min-width: 1001px) {
    .h11 {
      font-size: 14px;
      line-height: 22px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .h11 {
      font-size: 16px;
      line-height: 24px; } }
  @media screen and (max-width: 639px) {
    .h11 {
      font-size: 14px;
      line-height: 22px; } }
  .h11 p {
    padding-bottom: 16px; }

.h12 {
  font: 800 44px/48px 'Helvetica';
//letter-spacing: -.015em;
  text-transform: uppercase; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .h12 {
      font-size: 33px;
      line-height: 36px; }
    .nav-bottom-title .h12 {
      font-size: 24px;}
 }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .h12 {
      font-size: 24px;
      line-height: 30px; }
    .nav-bottom-title .h12 {
      font-size: 19px;   } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .h12 {
      font-size: 18px;
      line-height: 21px; }
.nav-bottom-title .h12 {      font-size: 16px;} }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .h12 {
      font-size: 30px;
      line-height: 36px; } }
  @media screen and (max-width: 639px) {
    .h12 {
      font-size: 18px;
      line-height: 18px; } }

.h13 {
  font: 600 35px/35px 'Helvetica';
//letter-spacing: -.010em; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .h13 {
      font-size: 26px;
      line-height: 26px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .h13 {
      font-size: 22px;
      line-height: 22px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .h13 {
      font-size: 16px;
      line-height: 16px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .h13 {
      font-size: 24px;
      line-height: 24px; } }
  @media screen and (max-width: 639px) {
    .h13 {
      font-size: 22px;
      line-height: 22px; } }

.h14 {
  /* font: 600 19px/23px 'Helvetica'; */
  /* letter-spacing: -.010em; */
  font: 600 19px/23px Helvetica;
  letter-spacing: -.01em;
  }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .h14 {
      font-size: 14px;
      line-height: 16px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .h14 {
      font-size: 12px;
      line-height: 14px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .h14 {
      font-size: 11px;
      line-height: 13px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .h14 {
      font-size: 15px;
      line-height: 18px; } }
  @media screen and (max-width: 639px) {
    .h14 {
      font-size: 13px;
      line-height: 17px; } }

.bold {
  font-weight: bold; }

#black-theme .h7 > a span {
  color: #fff;
  -webkit-transition: color .6s ease;
  -o-transition: color .6s ease;
  transition: color .6s ease; }

.svg {
  display: inline-block;
  fill: currentColor;
  height: 1.5rem;
  width: 1.5rem;
  vertical-align: middle;
  position: relative;
  pointer-events: none;
  zoom: 1;
  -webkit-transition: fill .6s ease, stroke .6s ease;
  -o-transition: fill .6s ease, stroke .6s ease;
  transition: fill .6s ease, stroke .6s ease; }

.player .svg {
  width: 20px;
  height: 20px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  fill: #fff; }

.svg.svg-logo {
  width: 137px;
  height: 52px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .svg.svg-logo {
      width: 102px;
      height: 39px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .svg.svg-logo {
      width: 90px;
      height: 34px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .svg.svg-logo {
      width: 69px;
      height: 26px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .svg.svg-logo {
      width: 90px;
      height: 34px; } }
  @media screen and (max-width: 639px) {
    .svg.svg-logo {
      width: 65px;
      height: 25px; } }

.svg.svg-menu {
  width: 36px;
  height: 28px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .svg.svg-menu {
      width: 27px;
      height: 22px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .svg.svg-menu {
      width: 25px;
      height: 20px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .svg.svg-menu {
      width: 19px;
      height: 15px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .svg.svg-menu {
      width: 25px;
      height: 20px; } }
  @media screen and (max-width: 639px) {
    .svg.svg-menu {
      width: 19px;
      height: 15px; } }

.svg.svg-message {
  width: 50px;
  height: 34px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .svg.svg-message {
      width: 37px;
      height: 24px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .svg.svg-message {
      width: 35px;
      height: 24px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .svg.svg-message {
      width: 27px;
      height: 19px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .svg.svg-message {
      width: 31px;
      height: 24px; } }
  @media screen and (max-width: 639px) {
    .svg.svg-message {
      width: 27px;
      height: 19px; } }

.svg.svg-search {
  width: 40px;
  height: 43px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .svg.svg-search {
		width: 38px;
		height: 38px;
		padding-bottom: 5px;} }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .svg.svg-search {
		width: 36px;
		height: 36px;
		padding-bottom: 5px;} }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .svg.svg-search {
		width: 30px;
		height: 30px;
		padding-bottom: 5px;} }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .svg.svg-search {
      width: 30px;
      height: 30px; } }
  @media screen and (max-width: 639px) {
    .svg.svg-search {
		width: 25px;
		height: 25px; } }

.svg.svg-basket {
  width: 51px;
  height: 47px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .svg.svg-basket {
      width: 38px;
      height: 35px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .svg.svg-basket {
      width: 35px;
      height: 32px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .svg.svg-basket {
      width: 26px;
      height: 24px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .svg.svg-basket {
      width: 30px;
      height: 30px; } }
  @media screen and (max-width: 639px) {
    .svg.svg-basket {
      width: 25px;
      height: 23px; } }

.svg.svg-quotes {
  width: 174px;
  height: 143px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .svg.svg-quotes {
      width: 130px;
      height: 107px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .svg.svg-quotes {
      width: 102px;
      height: 84px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .svg.svg-quotes {
      width: 48px;
      height: 39px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .svg.svg-quotes {
      width: 130px;
      height: 107px; } }
  @media screen and (max-width: 639px) {
    .svg.svg-quotes {
      width: 48px;
      height: 39px; } }

.svg.svg-basket-small {
  width: 36px;
  height: 35px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .svg.svg-basket-small {
      width: 27px;
      height: 26px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .svg.svg-basket-small {
      width: 22px;
      height: 22px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .svg.svg-basket-small {
      width: 20px;
      height: 20px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .svg.svg-basket-small {
      width: 27px;
      height: 26px; } }
  @media screen and (max-width: 639px) {
    .svg.svg-basket-small {
      width: 20px;
      height: 20px; } }

.svg.svg-arrow-left-large, .svg.svg-arrow-right-large {
  width: 38px;
  height: 32px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .svg.svg-arrow-left-large, .svg.svg-arrow-right-large {
      width: 28px;
      height: 24px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .svg.svg-arrow-left-large, .svg.svg-arrow-right-large {
      width: 23px;
      height: 20px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .svg.svg-arrow-left-large, .svg.svg-arrow-right-large {
      width: 19px;
      height: 16px; } }

.svg.svg-slide-left, .svg.svg-slide-right {
  width: 18px;
  height: 30px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .svg.svg-slide-left, .svg.svg-slide-right {
      width: 13px;
      height: 22px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .svg.svg-slide-left, .svg.svg-slide-right {
      width: 12px;
      height: 20px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .svg.svg-slide-left, .svg.svg-slide-right {
      width: 10px;
      height: 17px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .svg.svg-slide-left, .svg.svg-slide-right {
      width: 13px;
      height: 22px; } }
  @media screen and (max-width: 639px) {
    .svg.svg-slide-left, .svg.svg-slide-right {
      width: 11px;
      height: 17px; } }

.svg.svg-slide-top, .svg.svg-slide-bottom {
  height: 18px;
  width: 30px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .svg.svg-slide-top, .svg.svg-slide-bottom {
      height: 13px;
      width: 22px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .svg.svg-slide-top, .svg.svg-slide-bottom {
      height: 12px;
      width: 20px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .svg.svg-slide-top, .svg.svg-slide-bottom {
      height: 9px;
      width: 14px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .svg.svg-slide-top, .svg.svg-slide-bottom {
      height: 12px;
      width: 20px; } }
  @media screen and (max-width: 639px) {
    .svg.svg-slide-top, .svg.svg-slide-bottom {
      height: 9px;
      width: 14px; } }

.svg.svg-triangle-right, .svg.svg-triangle-left, .svg.svg-triangle-top, .svg.svg-triangle-bottom {
  width: 11px;
  height: 15px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .svg.svg-triangle-right, .svg.svg-triangle-left, .svg.svg-triangle-top, .svg.svg-triangle-bottom {
      width: 8px;
      height: 11px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .svg.svg-triangle-right, .svg.svg-triangle-left, .svg.svg-triangle-top, .svg.svg-triangle-bottom {
      width: 8px;
      height: 11px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .svg.svg-triangle-right, .svg.svg-triangle-left, .svg.svg-triangle-top, .svg.svg-triangle-bottom {
      width: 6px;
      height: 9px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .svg.svg-triangle-right, .svg.svg-triangle-left, .svg.svg-triangle-top, .svg.svg-triangle-bottom {
      width: 8px;
      height: 11px; } }
  @media screen and (max-width: 639px) {
    .svg.svg-triangle-right, .svg.svg-triangle-left, .svg.svg-triangle-top, .svg.svg-triangle-bottom {
      width: 6px;
      height: 9px; } }

.svg.svg-triangle-top {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg); }

.svg.svg-triangle-bottom {
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg); }

.svg.svg-arrow-right-long, .svg.svg-arrow-left-long {
  width: 37px;
  height: 15px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .svg.svg-arrow-right-long, .svg.svg-arrow-left-long {
      width: 27px;
      height: 11px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .svg.svg-arrow-right-long, .svg.svg-arrow-left-long {
      width: 23px;
      height: 9px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .svg.svg-arrow-right-long, .svg.svg-arrow-left-long {
      width: 23px;
      height: 9px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .svg.svg-arrow-right-long, .svg.svg-arrow-left-long {
      width: 27px;
      height: 11px; } }

.svg.svg-dots {
  width: 21px;
  height: 5px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .svg.svg-dots {
      width: 15px;
      height: 3px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .svg.svg-dots {
      width: 12px;
      height: 3px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .svg.svg-dots {
      width: 12px;
      height: 3px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .svg.svg-dots {
      width: 15px;
      height: 3px; } }
  @media screen and (max-width: 639px) {
    .svg.svg-dots {
      width: 12px;
      height: 3px; } }

.svg.svg-star {
  width: 21px;
  height: 21px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .svg.svg-star {
      width: 16px;
      height: 15px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .svg.svg-star {
      width: 13px;
      height: 11px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .svg.svg-star {
      width: 13px;
      height: 11px; } }
  @media screen and (max-width: 1000px) {
    .svg.svg-star {
      width: 16px;
      height: 15px; } }

.svg.svg-plus {
  width: 21px;
  height: 21px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .svg.svg-plus {
      width: 15px;
      height: 15px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .svg.svg-plus {
      width: 11px;
      height: 11px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .svg.svg-plus {
      width: 11px;
      height: 11px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .svg.svg-plus {
      width: 15px;
      height: 15px; } }
  @media screen and (max-width: 639px) {
    .svg.svg-plus {
      width: 11px;
      height: 11px; } }

.svg.svg-interest {
  width: 26px;
  height: 25px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .svg.svg-interest {
      width: 20px;
      height: 19px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .svg.svg-interest {
      width: 16px;
      height: 14px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .svg.svg-interest {
      width: 16px;
      height: 14px; } }
  @media screen and (max-width: 1000px) {
    .svg.svg-interest {
      width: 16px;
      height: 14px; } }

.svg.svg-new {
  width: 29px;
  height: 9px; }

.svg.svg-arrow-down, .svg.svg-arrow-up {
  width: 11px;
  height: 22px; }
  @media screen and (max-width: 2295px) and (min-width: 1301px) {
    .svg.svg-arrow-down, .svg.svg-arrow-up {
      width: 9px;
      height: 18px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .svg.svg-arrow-down, .svg.svg-arrow-up {
      width: 9px;
      height: 18px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .svg.svg-arrow-down, .svg.svg-arrow-up {
      width: 12px;
      height: 24px; } }
  @media screen and (max-width: 639px) {
    .svg.svg-arrow-down, .svg.svg-arrow-up {
      width: 9px;
      height: 18px; } }

.svg.svg-information {
  width: 6px;
  height: 29px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .svg.svg-information {
      width: 5px;
      height: 22px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .svg.svg-information {
      width: 5px;
      height: 17px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .svg.svg-information {
      width: 4px;
      height: 17px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .svg.svg-information {
      width: 4px;
      height: 22px; } }
  @media screen and (max-width: 639px) {
    .svg.svg-information {
      width: 4px;
      height: 17px; } }

.svg.svg-information_block-info {
  width: 6px;
  height: 29px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .svg.svg-information_block-info {
      width: 5px;
      height: 22px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .svg.svg-information_block-info {
      width: 3px;
      height: 16px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .svg.svg-information_block-info {
      width: 5px;
      height: 17px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .svg.svg-information_block-info {
      width: 70px;
      height: 22px; } }
  @media screen and (max-width: 639px) {
    .svg.svg-information_block-info {
      width: 5px;
      height: 17px; } }

.svg.svg-information-big {
  width: 11px;
  height: 53px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .svg.svg-information-big {
      width: 8px;
      height: 40px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .svg.svg-information-big {
      width: 8px;
      height: 36px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .svg.svg-information-big {
      width: 8px;
      height: 36px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .svg.svg-information-big {
      width: 6px;
      height: 26px; } }
  @media screen and (max-width: 639px) {
    .svg.svg-information-big {
      width: 5px;
      height: 22px; } }

.svg.svg-design {
  width: 42px;
  height: 46px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .svg.svg-design {
      width: 32px;
      height: 35px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .svg.svg-design {
      width: 28px;
      height: 30px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .svg.svg-design {
      width: 21px;
      height: 23px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .svg.svg-design {
      width: 20px;
      height: 22px; } }
  @media screen and (max-width: 639px) {
    .svg.svg-design {
      width: 16px;
      height: 17px; } }

.svg.svg-print {
  width: 38px;
  height: 46px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .svg.svg-print {
      width: 29px;
      height: 35px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .svg.svg-print {
      width: 25px;
      height: 30px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .svg.svg-print {
      width: 19px;
      height: 23px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .svg.svg-print {
      width: 19px;
      height: 22px; } }
  @media screen and (max-width: 639px) {
    .svg.svg-print {
      width: 14px;
      height: 17px; } }

.svg.svg-portfolio {
  width: 154px;
  height: 60px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .svg.svg-portfolio {
      width: 115px;
      height: 44px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .svg.svg-portfolio {
      width: 97px;
      height: 37px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .svg.svg-portfolio {
      width: 74px;
      height: 28px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .svg.svg-portfolio {
      width: 115px;
      height: 44px; } }
  @media screen and (max-width: 639px) {
    .svg.svg-portfolio {
      width: 74px;
      height: 28px; } }

.svg.svg-creative {
  width: 132px;
  height: 36px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .svg.svg-creative {
      width: 98px;
      height: 27px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .svg.svg-creative {
      width: 85px;
      height: 22px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .svg.svg-creative {
      width: 68px;
      height: 17px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .svg.svg-creative {
      width: 98px;
      height: 27px; } }
  @media screen and (max-width: 639px) {
    .svg.svg-creative {
      width: 68px;
      height: 17px; } }

.svg.svg-sort {
  width: 34px;
  height: 33px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .svg.svg-sort {
      width: 25px;
      height: 24px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .svg.svg-sort {
      width: 23px;
      height: 21px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .svg.svg-sort {
      width: 18px;
      height: 17px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .svg.svg-sort {
      width: 25px;
      height: 24px; } }
  @media screen and (max-width: 639px) {
    .svg.svg-sort {
      width: 18px;
      height: 17px; } }

.svg.svg-tile {
  width: 28px;
  height: 28px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .svg.svg-tile {
      width: 21px;
      height: 21px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .svg.svg-tile {
      width: 19px;
      height: 19px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .svg.svg-tile {
      width: 15px;
      height: 15px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .svg.svg-tile {
      width: 21px;
      height: 21px; } }
  @media screen and (max-width: 639px) {
    .svg.svg-tile {
      width: 15px;
      height: 15px; } }

.svg.svg-list {
  width: 34px;
  height: 23px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .svg.svg-list {
      width: 25px;
      height: 17px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .svg.svg-list {
      width: 24px;
      height: 16px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .svg.svg-list {
      width: 18px;
      height: 13px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .svg.svg-list {
      width: 25px;
      height: 17px; } }
  @media screen and (max-width: 639px) {
    .svg.svg-list {
      width: 18px;
      height: 13px; } }
.section-filter-left .btn-circle:hover .svg, .section-filter-left .btn-circle.active .svg {color: #262626!important}
.svg.svg-seen-goods {
  width: 41px;
  height: 49px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .svg.svg-seen-goods {
      width: 31px;
      height: 36px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .svg.svg-seen-goods {
      width: 31px;
      height: 36px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .svg.svg-seen-goods {
      width: 26px;
      height: 31px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .svg.svg-seen-goods {
      width: 24px;
      height: 28px; } }
  @media screen and (max-width: 639px) {
    .svg.svg-seen-goods {
      width: 18px;
      height: 21px; } }

.svg.svg-show-all {
  width: 52px;
  height: 51px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .svg.svg-show-all {
      width: 39px;
      height: 38px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .svg.svg-show-all {
      width: 38px;
      height: 36px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .svg.svg-show-all {
      width: 28px;
      height: 27px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .svg.svg-show-all {
      width: 40px;
      height: 38px; } }
  @media screen and (max-width: 639px) {
    .svg.svg-show-all {
      width: 28px;
      height: 27px; } }

.svg.svg-cross {
  width: 33px;
  height: 33px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .svg.svg-cross {
      width: 25px;
      height: 25px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .svg.svg-cross {
      width: 23px;
      height: 23px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .svg.svg-cross {
      width: 18px;
      height: 18px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .svg.svg-cross {
      width: 25px;
      height: 25px; } }
  @media screen and (max-width: 639px) {
    .svg.svg-cross {
      width: 18px;
      height: 18px; } }

.svg.svg-checkbox {
  width: 23px;
  height: 17px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .svg.svg-checkbox {
      width: 18px;
      height: 13px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .svg.svg-checkbox {
      width: 14px;
      height: 11px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .svg.svg-checkbox {
      width: 13px;
      height: 10px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .svg.svg-checkbox {
      width: 18px;
      height: 13px; } }
  @media screen and (max-width: 639px) {
    .svg.svg-checkbox {
      width: 13px;
      height: 10px; } }

.svg.svg-full-screen {
  width: 42px;
  height: 41px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .svg.svg-full-screen {
      width: 32px;
      height: 31px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .svg.svg-full-screen {
      width: 26px;
      height: 25px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .svg.svg-full-screen {
      width: 20px;
      height: 19px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .svg.svg-full-screen {
      width: 26px;
      height: 25px; } }
  @media screen and (max-width: 639px) {
    .svg.svg-full-screen {
      width: 20px;
      height: 19px; } }

.svg.svg-fb {
  width: 15px;
  height: 32px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .svg.svg-fb {
      width: 10px;
      height: 23px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .svg.svg-fb {
      width: 10px;
      height: 21px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .svg.svg-fb {
      width: 8px;
      height: 17px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .svg.svg-fb {
      width: 10px;
      height: 23px; } }
  @media screen and (max-width: 639px) {
    .svg.svg-fb {
      width: 8px;
      height: 17px; } }

.svg.svg-insta {
  width: 26px;
  height: 26px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .svg.svg-insta {
      width: 19px;
      height: 19px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .svg.svg-insta {
      width: 18px;
      height: 18px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .svg.svg-insta {
      width: 15px;
      height: 15px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .svg.svg-insta {
      width: 19px;
      height: 19px; } }
  @media screen and (max-width: 639px) {
    .svg.svg-insta {
      width: 15px;
      height: 15px; } }

.svg.svg-tw {
  width: 31px;
  height: 25px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .svg.svg-tw {
      width: 23px;
      height: 18px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .svg.svg-tw {
      width: 21px;
      height: 17px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .svg.svg-tw {
      width: 16px;
      height: 13px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .svg.svg-tw {
      width: 23px;
      height: 18px; } }
  @media screen and (max-width: 639px) {
    .svg.svg-tw {
      width: 16px;
      height: 13px; } }

.svg.svg-gplus {
  width: 25px;
  height: 19px; }

.svg.svg-googleplus {
  width: 17px;
  height: 26px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .svg.svg-googleplus {
      width: 24px;
      height: 19px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .svg.svg-googleplus {
      width: 23px;
      height: 18px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .svg.svg-googleplus {
      width: 21px;
      height: 15px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .svg.svg-googleplus {
      width: 21px;
      height: 19px; } }
  @media screen and (max-width: 639px) {
    .svg.svg-googleplus {
      width: 18px;
      height: 15px; } }

.svg.svg-vk {
  width: 17px;
  height: 26px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .svg.svg-vk {
      width: 12px;
      height: 19px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .svg.svg-vk {
      width: 12px;
      height: 18px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .svg.svg-vk {
      width: 10px;
      height: 15px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .svg.svg-vk {
      width: 12px;
      height: 19px; } }
  @media screen and (max-width: 639px) {
    .svg.svg-vk {
      width: 10px;
      height: 15px; } }

.svg.svg-forgot-password {
  width: 10px;
  height: 15px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .svg.svg-forgot-password {
      width: 7px;
      height: 11px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .svg.svg-forgot-password {
      width: 7px;
      height: 11px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .svg.svg-forgot-password {
      width: 7px;
      height: 11px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .svg.svg-forgot-password {
      width: 7px;
      height: 12px; } }
  @media screen and (max-width: 639px) {
    .svg.svg-forgot-password {
      width: 7px;
      height: 11px; } }

.svg.svg-forgot-password-btn {
  width: 17px;
  height: 25px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .svg.svg-forgot-password-btn {
      width: 14px;
      height: 18px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .svg.svg-forgot-password-btn {
      width: 12px;
      height: 15px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .svg.svg-forgot-password-btn {
      width: 12px;
      height: 15px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .svg.svg-forgot-password-btn {
      width: 14px;
      height: 19px; } }
  @media screen and (max-width: 639px) {
    .svg.svg-forgot-password-btn {
      width: 12px;
      height: 15px; } }

.svg.svg-clip {
  width: 21px;
  height: 33px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .svg.svg-clip {
      width: 17px;
      height: 25px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .svg.svg-clip {
      width: 13px;
      height: 19px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .svg.svg-clip {
      width: 10px;
      height: 15px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .svg.svg-clip {
      width: 17px;
      height: 25px; } }
  @media screen and (max-width: 639px) {
    .svg.svg-clip {
      width: 10px;
      height: 15px; } }

.svg.svg-download {
  width: 26px;
  height: 28px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .svg.svg-download {
      width: 19px;
      height: 20px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .svg.svg-download {
      width: 19px;
      height: 20px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .svg.svg-download {
      width: 16px;
      height: 17px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .svg.svg-download {
      width: 15px;
      height: 21px; } }
  @media screen and (max-width: 639px) {
    .svg.svg-download {
      width: 16px;
      height: 17px; } }

.svg.svg-doc {
  width: 21px;
  height: 29px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .svg.svg-doc {
      width: 15px;
      height: 21px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .svg.svg-doc {
      width: 13px;
      height: 19px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .svg.svg-doc {
      width: 11px;
      height: 15px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .svg.svg-doc {
      width: 15px;
      height: 21px; } }
  @media screen and (max-width: 639px) {
    .svg.svg-doc {
      width: 11px;
      height: 15px; } }

.svg.svg-close {
  width: 21px;
  height: 21px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .svg.svg-close {
      width: 17px;
      height: 17px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .svg.svg-close {
      width: 14px;
      height: 14px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .svg.svg-close {
      width: 14px;
      height: 14px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .svg.svg-close {
      width: 17px;
      height: 17px; } }
  @media screen and (max-width: 639px) {
    .svg.svg-close {
      width: 12px;
      height: 12px; } }

.svg.svg-edit {
  width: 28px;
  height: 28px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .svg.svg-edit {
      width: 21px;
      height: 21px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .svg.svg-edit {
      width: 16px;
      height: 16px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .svg.svg-edit {
      width: 16px;
      height: 16px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .svg.svg-edit {
      width: 21px;
      height: 21px; } }
  @media screen and (max-width: 639px) {
    .svg.svg-edit {
      width: 16px;
      height: 16px; } }

.svg.svg-pay-visa {
  width: 75px;
  height: 24px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .svg.svg-pay-visa {
      width: 56px;
      height: 18px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .svg.svg-pay-visa {
      width: 56px;
      height: 18px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .svg.svg-pay-visa {
      width: 56px;
      height: 18px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .svg.svg-pay-visa {
      width: 56px;
      height: 18px; } }
  @media screen and (max-width: 639px) {
    .svg.svg-pay-visa {
      width: 56px;
      height: 18px; } }

.svg.svg-pay-master {
  width: 64px;
  height: 39px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .svg.svg-pay-master {
      width: 48px;
      height: 29px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .svg.svg-pay-master {
      width: 48px;
      height: 29px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .svg.svg-pay-master {
      width: 48px;
      height: 29px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .svg.svg-pay-master {
      width: 48px;
      height: 29px; } }
  @media screen and (max-width: 639px) {
    .svg.svg-pay-master {
      width: 48px;
      height: 29px; } }

.svg.svg-pay-qiwi {
  width: 47px;
  height: 47px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .svg.svg-pay-qiwi {
      width: 35px;
      height: 35px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .svg.svg-pay-qiwi {
      width: 35px;
      height: 35px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .svg.svg-pay-qiwi {
      width: 35px;
      height: 35px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .svg.svg-pay-qiwi {
      width: 35px;
      height: 35px; } }
  @media screen and (max-width: 639px) {
    .svg.svg-pay-qiwi {
      width: 35px;
      height: 35px; } }

.svg.svg-pay-paypal {
  width: 34px;
  height: 41px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .svg.svg-pay-paypal {
      width: 26px;
      height: 30px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .svg.svg-pay-paypal {
      width: 26px;
      height: 30px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .svg.svg-pay-paypal {
      width: 26px;
      height: 30px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .svg.svg-pay-paypal {
      width: 26px;
      height: 30px; } }
  @media screen and (max-width: 639px) {
    .svg.svg-pay-paypal {
      width: 26px;
      height: 30px; } }

.svg.svg-pay-sberbank {
  width: 66px;
  height: 49px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .svg.svg-pay-sberbank {
      width: 49px;
      height: 37px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .svg.svg-pay-sberbank {
      width: 30px;
      height: 36px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .svg.svg-pay-sberbank {
      width: 30px;
      height: 36px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .svg.svg-pay-sberbank {
      width: 30px;
      height: 36px; } }
  @media screen and (max-width: 639px) {
    .svg.svg-pay-sberbank {
      width: 30px;
      height: 36px; } }

.svg.svg-pay-round {
  width: 60px;
  height: 60px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .svg.svg-pay-round {
      width: 50px;
      height: 50px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .svg.svg-pay-round {
      width: 40px;
      height: 40px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .svg.svg-pay-round {
      width: 40px;
      height: 40px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .svg.svg-pay-round {
      width: 40px;
      height: 40px; } }
  @media screen and (max-width: 639px) {
    .svg.svg-pay-round {
      width: 40px;
      height: 40px; } }


.svg.svg-watch-original {
  width: 24px;
  height: 31px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .svg.svg-watch-original {
      width: 18px;
      height: 23px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .svg.svg-watch-original {
      width: 17px;
      height: 21px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .svg.svg-watch-original {
      width: 14px;
      height: 17px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .svg.svg-watch-original {
      width: 18px;
      height: 23px; } }
  @media screen and (max-width: 639px) {
    .svg.svg-watch-original {
      width: 14px;
      height: 17px; } }

.svg.svg-all-works {
  width: 41px;
  height: 42px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .svg.svg-all-works {
      width: 32px;
      height: 31px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .svg.svg-all-works {
      width: 27px;
      height: 25px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .svg.svg-all-works {
      width: 21px;
      height: 22px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .svg.svg-all-works {
      width: 24px;
      height: 24px; } }
  @media screen and (max-width: 639px) {
    .svg.svg-all-works {
      width: 17px;
      height: 16px; } }

.svg.svg-quotes {
  width: 174px;
  height: 144px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .svg.svg-quotes {
      width: 130px;
      height: 107px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .svg.svg-quotes {
      width: 102px;
      height: 84px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .svg.svg-quotes {
      width: 48px;
      height: 39px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .svg.svg-quotes {
      width: 130px;
      height: 107px; } }
  @media screen and (max-width: 639px) {
    .svg.svg-quotes {
      width: 48px;
      height: 39px; } }

.svg.svg-pay-yandex {
  width: 132px;
  height: 59px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .svg.svg-pay-yandex {
      width: 115px;
      height: 54px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .svg.svg-pay-yandex {
      width: 92px;
      height: 40px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .svg.svg-pay-yandex {
      width: 87px;
      height: 39px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .svg.svg-pay-yandex {
      width: 88px;
      height: 45px; } }
  @media screen and (max-width: 639px) {
    .svg.svg-pay-yandex {
      width: 89px;
      height: 48px; } }

.svg.svg-menu-login {
  width: 26px;
  height: 28px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .svg.svg-menu-login {
      width: 19px;
      height: 21px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .svg.svg-menu-login {
      width: 18px;
      height: 21px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .svg.svg-menu-login {
      width: 14px;
      height: 16px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .svg.svg-menu-login {
      width: 19px;
      height: 21px; } }
  @media screen and (max-width: 639px) {
    .svg.svg-menu-login {
      width: 14px;
      height: 16px; } }

.svg.svg-glossary {
  width: 28px;
  height: 25px; }

.svg.svg-arrow-circle-left, .svg.svg-arrow-circle-right {
  width: 78px;
  height: 56px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .svg.svg-arrow-circle-left, .svg.svg-arrow-circle-right {
      width: 62px;
      height: 46px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .svg.svg-arrow-circle-left, .svg.svg-arrow-circle-right {
      width: 42px;
      height: 30px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .svg.svg-arrow-circle-left, .svg.svg-arrow-circle-right {
      width: 31px;
      height: 60px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .svg.svg-arrow-circle-left, .svg.svg-arrow-circle-right {
      width: 58px;
      height: 42px; } }
  @media screen and (max-width: 639px) {
    .svg.svg-arrow-circle-left, .svg.svg-arrow-circle-right {
      width: 30px;
      height: 22px; } }

.svg.svg-catalog-menu {
  width: 3px;
  height: 15px; }

.svg.svg-play {
  width: 15px;
  height: 21px; }

/* white-theme   */
.black-icon.svg {
  fill: #262626; }

.black-icon .svg {
  fill: #262626; }

.white-icon.svg {
  fill: #fff; }

.white-icon .svg {
  fill: #fff; }

#black-theme .white-icon.svg {
  fill: #fff; }

#black-theme .white-icon .svg {
  fill: #fff; }

#black-theme .white-icon-black-hover .svg {
  fill: #fff; }

#black-theme .white-icon-black-hover:hover .svg {
  fill: #262626; }

#black-theme .black-icon.svg {
  fill: #262626; }

#black-theme .black-icon .svg {
  fill: #262626; }

.pos-center {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }

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

.vertical-center {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%); }

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

.scroll > .scroll-content {
  position: absolute;
  overflow: scroll;
  overflow-x: hidden;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding-right: 20px;
  /* z-index: 999; */
  }

.scroll > .scroll-content::-webkit-scrollbar {
  display: none; }

.has-scrollbar > .scroll-content::-webkit-scrollbar {
  display: block; }

.scroll > .scroll-pane {
  z-index: 169;
  background: transparent;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  -webkit-transition: .2s;
  -o-transition: .2s;
  transition: .2s;
  border-radius: 0;
  margin: 0;
  width: 10px;
  opacity: 1;
  transition: .2s;
  margin: 0;
  }

.scroll > .scroll-pane > .scroll-slider {
  position: relative;
  margin: 0;
  width: 100%;
  z-index: 101;
  left: 0;
  background: #fbea3a; }

.scroll-main > .scroll-pane {
  width: 5px;
  color: white;
  /* right: 54px; */
  }
  @media screen and (max-width: 1720px) {
    .scroll-main > .scroll-pane {
      width: 2px;
      /*right: 15px;*/
      } }

.scroll-block > .scroll-pane {
  width: 4px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .scroll-block > .scroll-pane {
      width: 2px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .scroll-block > .scroll-pane {
      width: 2px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .scroll-block > .scroll-pane {
      width: 2px; } }
  @media screen and (max-width: 1000px) {
    .scroll-block > .scroll-pane {
      width: 2px; } }

#white-theme .scroll-main > .scroll-pane {
  background: #d9d9d9; }

#white-theme .scroll-main > .scroll-pane > .scroll-slider {
  background: #fbea3a; }

#black-theme .scroll-main > .scroll-pane {
  background: #3e4349; }

#black-theme .scroll-main > .scroll-pane > .scroll-slider {
  background: #fbea3a; }

#black-theme .scroll-block > .scroll-pane {
  background: #3e4349; }

#black-theme .scroll-block > .scroll-pane > .scroll-slider {
  background: #fbea3a; }

.input-table {
  display: table; }
  .input-table .input-row {
    display: table-row; }
  .input-table .input-cell {
    display: table-cell;
    width: 100%; }
    .input-table .input-cell:first-child {
      width: auto; }
    .input-table .input-cell:last-child {
      width: 100%; }
    .input-table .input-cell input {
      border: 0;
      outline: none;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis;
      overflow: hidden;
      width: 100%; }
  .input-table .input_label-left {
    float: none !important;
    display: block !important;
    height: auto !important; }
    @media screen and (max-width: 639px) {
      .input-table .input_label-left {
        display: none !important; } }
  .input-table .input_text-block {
    width: 100%; }

.input {
  position: relative;
  display: table;
  width: 100%;
  white-space: nowrap; }
  .input.bx-sls .dropdown-block {
    height: 100% !important; }
  .input.bx-sls .bx-ui-sls-pane {
    top: 100%;
    padding: 0;
    border: 0;
    background: #f3f3f3;
    -webkit-box-shadow: none;
            box-shadow: none;
    border-radius: 0; }
  .input.bx-sls .bx-ui-sls-variants .bx-ui-sls-variant, .input.bx-sls .bx-ui-sls-variant-active {
    -webkit-transition: background .6s ease;
    -o-transition: background .6s ease;
    transition: background .6s ease; }
  .input.bx-sls .bx-ui-sls-variants .bx-ui-sls-variant:hover, .input.bx-sls .bx-ui-sls-variant-active {
    background: #fbea3a; }
  .input.bx-sls .bx-ui-sls-clear {
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    margin: 0; right: -12px!important }
  .input.bx-sls .bx-ui-sls-error {
    background: rgba(255, 0, 0, 0.1); }
  .input.bx-sls .bx-ui-sls-error div {
    background-position: 0px -2903px;
    width: 17px;
    height: 17px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-right: 7px; }
  .input.bx-sls .dropdown-item-text, .input.bx-sls .bx-ui-sls-error {
    font: 500 22px 'Helvetica';
//letter-spacing: -.010em;
    line-height: 92px; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .input.bx-sls .dropdown-item-text, .input.bx-sls .bx-ui-sls-error {
        font-size: 17px;
        line-height: 70px; } }
    @media screen and (max-width: 1720px) and (min-width: 1001px) {
      .input.bx-sls .dropdown-item-text, .input.bx-sls .bx-ui-sls-error {
        font-size: 15px;
        line-height: 50px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .input.bx-sls .dropdown-item-text, .input.bx-sls .bx-ui-sls-error {
        line-height: 44px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .input.bx-sls .dropdown-item-text, .input.bx-sls .bx-ui-sls-error {
        font-size: 17px;
        line-height: 70px; } }
    @media screen and (max-width: 639px) {
      .input.bx-sls .dropdown-item-text, .input.bx-sls .bx-ui-sls-error {
        font-size: 15px;
        line-height: 44px; } }
  .input.bx-sls .bx-ui-sls-variants .bx-ui-sls-variant, .input.bx-sls .bx-ui-sls-error {
    padding: 0 30px;
    line-height: 92px;
    margin: 0; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .input.bx-sls .bx-ui-sls-variants .bx-ui-sls-variant, .input.bx-sls .bx-ui-sls-error {
        line-height: 70px;
        padding: 0 23px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .input.bx-sls .bx-ui-sls-variants .bx-ui-sls-variant, .input.bx-sls .bx-ui-sls-error {
        line-height: 50px;
        padding: 0 19px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .input.bx-sls .bx-ui-sls-variants .bx-ui-sls-variant, .input.bx-sls .bx-ui-sls-error {
        line-height: 44px;
        padding: 0 23px; } }
    @media screen and (max-width: 1000px) and (min-width: 639px) {
      .input.bx-sls .bx-ui-sls-variants .bx-ui-sls-variant, .input.bx-sls .bx-ui-sls-error {
        line-height: 70px;
        padding: 0 23px; } }
    @media screen and (max-width: 639px) {
      .input.bx-sls .bx-ui-sls-variants .bx-ui-sls-variant, .input.bx-sls .bx-ui-sls-error {
        line-height: 44px;
        padding: 0 16px; } }
  .input input[type=text], .input input[type=password], .input input[type=number], .input textarea, .input input[type=tel] {
    width: 100%;
    height: 92px;
    border: none;
    padding: 0 40px;
    color: #0d1115;
    -webkit-transition: border .6s ease;
    -o-transition: border .6s ease;
    transition: border .6s ease;
    background: #f3f3f3;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    display: table-cell; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .input input[type=text], .input input[type=password], .input input[type=number], .input textarea, .input input[type=tel] {
        height: 70px;
        padding: 0 28px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .input input[type=text], .input input[type=password], .input input[type=number], .input textarea, .input input[type=tel] {
        height: 50px;
        padding: 0 16px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .input input[type=text], .input input[type=password], .input input[type=number], .input textarea, .input input[type=tel] {
        height: 44px;
        padding: 0 24px; } }
    @media screen and (max-width: 1000px) and (min-width: 639px) {
      .input input[type=text], .input input[type=password], .input input[type=number], .input textarea, .input input[type=tel] {
        height: 70px;
        padding: 0 30px; } }
    @media screen and (max-width: 639px) {
      .input input[type=text], .input input[type=password], .input input[type=number], .input textarea, .input input[type=tel] {
        height: 44px;
        padding: 0 15px; } }
    .input input[type=text]::-ms-clear, .input input[type=password]::-ms-clear, .input input[type=number]::-ms-clear, .input textarea::-ms-clear {
      display: none;
      width: 0;
      height: 0; }
    .input input[type=text]:-webkit-autofill, .input input[type=password]:-webkit-autofill, .input input[type=number]:-webkit-autofill, .input textarea:-webkit-autofill {
      -webkit-box-shadow: 0 0 0 1000px #f3f3f3 inset; }
    .input input[type=text]::-webkit-input-placeholder, .input input[type=password]::-webkit-input-placeholder, .input input[type=number]::-webkit-input-placeholder, .input textarea::-webkit-input-placeholder {
      color: #262626;
      text-overflow: ellipsis;
      text-indent: 0;
      -webkit-transition: text-indent .6s ease, opacity .6s ease, color .6s ease;
      -o-transition: text-indent .6s ease, opacity .6s ease, color .6s ease;
      transition: text-indent .6s ease, opacity .6s ease, color .6s ease; }
    .input input[type=text]::-moz-placeholder, .input input[type=password]::-moz-placeholder, .input input[type=number]::-moz-placeholder, .input textarea::-moz-placeholder {
      color: #262626;
      text-overflow: ellipsis;
      text-indent: 0;
      -webkit-transition: text-indent .6s ease, opacity .6s ease, color .6s ease;
      -o-transition: text-indent .6s ease, opacity .6s ease, color .6s ease;
      transition: text-indent .6s ease, opacity .6s ease, color .6s ease; }
    .input input[type=text]:-moz-placeholder, .input input[type=password]:-moz-placeholder, .input input[type=number]:-moz-placeholder, .input textarea:-moz-placeholder {
      color: #262626;
      text-overflow: ellipsis;
      text-indent: 0;
      -webkit-transition: text-indent .6s ease, opacity .6s ease, color .6s ease;
      -o-transition: text-indent .6s ease, opacity .6s ease, color .6s ease;
      transition: text-indent .6s ease, opacity .6s ease, color .6s ease; }
    .input input[type=text]:-ms-input-placeholder, .input input[type=password]:-ms-input-placeholder, .input input[type=number]:-ms-input-placeholder, .input textarea:-ms-input-placeholder {
      color: #262626;
      text-overflow: ellipsis;
      text-indent: 0;
      -webkit-transition: text-indent .6s ease, opacity .6s ease, color .6s ease;
      -o-transition: text-indent .6s ease, opacity .6s ease, color .6s ease;
      transition: text-indent .6s ease, opacity .6s ease, color .6s ease; }
    .input input[type=text]:focus::-webkit-input-placeholder, .input input[type=password]:focus::-webkit-input-placeholder, .input input[type=number]:focus::-webkit-input-placeholder, .input textarea:focus::-webkit-input-placeholder {
      color: transparent; }
    .input input[type=text]:focus::-moz-placeholder, .input input[type=password]:focus::-moz-placeholder, .input input[type=number]:focus::-moz-placeholder, .input textarea:focus::-moz-placeholder {
      color: transparent; }
    .input input[type=text]:focus:-moz-placeholder, .input input[type=password]:focus:-moz-placeholder, .input input[type=number]:focus:-moz-placeholder, .input textarea:focus:-moz-placeholder {
      color: transparent; }
    .input input[type=text]:focus:-ms-input-placeholder, .input input[type=password]:focus:-ms-input-placeholder, .input input[type=number]:focus:-ms-input-placeholder, .input textarea:focus:-ms-input-placeholder {
      color: transparent; }
    .input input[type=text]:focus ~ .input-btn svg, .input input[type=password]:focus ~ .input-btn svg, .input input[type=number]:focus ~ .input-btn svg, .input textarea:focus ~ .input-btn svg {
      fill: #fff !important; }
    .input input[type=text].error, .input input[type=password].error, .input input[type=number].error, .input textarea.error {
      color: #fb3a3a;
      background: #ffcdcd;
      width: 100%;
      border: none; }
    .input input[type=text].input_text-block, .input input[type=password].input_text-block, .input input[type=number].input_text-block, .input textarea.input_text-block {
      position: relative;
      width: calc(100% - 240px);
      padding-left: 0; }
      @media screen and (max-width: 639px) {
        .input input[type=text].input_text-block, .input input[type=password].input_text-block, .input input[type=number].input_text-block, .input textarea.input_text-block {
          width: 100%;
          /*padding-left: 20px;*/  padding-left: 0px; } }
    @media screen and (min-width: 1001px) {
      .input input[type=text].error:hover + div + .error-popup, .input input[type=password].error:hover + div + .error-popup, .input input[type=number].error:hover + div + .error-popup, .input textarea.error:hover + div + .error-popup {
        visibility: visible;
        opacity: 1;
        -webkit-transition-delay: 0s;
             -o-transition-delay: 0s;
                transition-delay: 0s; } }
  @media screen and (min-width: 1001px) {
    .input .error-btn:hover + .error-popup {
      visibility: visible;
      opacity: 1;
      -webkit-transition-delay: 0s;
           -o-transition-delay: 0s;
              transition-delay: 0s; } }
  .input .error-popup:hover {
    visibility: visible;
    opacity: 1; }
  .input .input_label-left {
    margin-left: 40px;
    background: none;
    position: relative;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    padding-right: 5px;
    display: table-cell;
    white-space: nowrap;
    vertical-align: middle;
    line-height: 1em;
    float: left;
    height: 92px; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .input .input_label-left {
        margin-left: 31px;
        height: 70px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .input .input_label-left {
        margin-left: 23px;
        height: 50px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .input .input_label-left {
        margin-left: 22px;
        height: 44px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .input .input_label-left {
        margin-left: 23px;
        height: 70px; } }
    @media screen and (max-width: 639px) {
      .input .input_label-left {
        display: none;
        height: 44px;
        margin-left: 20px; }
        .input .input_label-left.blok-info {
          display: table-cell; } }
  .input.wrapper_input-disabled {
    background: #f3f3f3; overflow: hidden }
    .input.wrapper_input-disabled .icon-centering {
      background: none;
      position: absolute;
      top: 50%;
      -webkit-transform: translate(0, -50%);
          -ms-transform: translate(0, -50%);
              transform: translate(0, -50%);
      right: 30px;
      -webkit-transition: color .6s ease;
      -o-transition: color .6s ease;
      transition: color .6s ease;
      color: #aeaeae; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .input.wrapper_input-disabled .icon-centering {
          right: 25px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .input.wrapper_input-disabled .icon-centering {
          right: 18px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .input.wrapper_input-disabled .icon-centering {
          right: 18px; } }
      @media screen and (max-width: 1000px) and (min-width: 639px) {
        .input.wrapper_input-disabled .icon-centering {
          right: 24px; } }
      @media screen and (max-width: 639px) {
        .input.wrapper_input-disabled .icon-centering {
          right: 15px; } }
      .input.wrapper_input-disabled .icon-centering.active-edit {
        visibility: hidden; }
      .input.wrapper_input-disabled .icon-centering .icon-edit .svg {
        fill: currentColor; }
      .input.wrapper_input-disabled .icon-centering:hover {
        color: #262626; }
  .input.icon-richt input {
    padding: 0 50px 0 30px; }
  .input textarea {
    height: 290px;
    resize: none;
    padding-bottom: 20px;
    padding-top: 30px; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .input textarea {
        padding-top: 23px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .input textarea {
        padding-top: 15px;
        padding-left: 25px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .input textarea {
        padding-top: 13px; } }
    @media screen and (max-width: 1000px) and (min-width: 639px) {
      .input textarea {
        padding-top: 23px; } }
    @media screen and (max-width: 639px) {
      .input textarea {
        padding-top: 11px;
        padding-left: 15px; } }
    .input textarea.error {
      color: #fb3a3a;
      background: #ffcdcd;
      width: 100%;
      padding: 20px 30px;
      border: none; }
  .input .input-dropdown-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    cursor: pointer; }
    .input .input-dropdown-wrapper .input-btn {
      position: absolute;
      top: 0;
      right: 0;
      width: 80px;
      height: 100%;
      color: #b7b7b7;
      -webkit-transition: color .6s ease;
      -o-transition: color .6s ease;
      transition: color .6s ease; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .input .input-dropdown-wrapper .input-btn {
          width: 70px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .input .input-dropdown-wrapper .input-btn {
          width: 60px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .input .input-dropdown-wrapper .input-btn {
          width: 50px; } }
      @media screen and (max-width: 1000px) and (min-width: 639px) {
        .input .input-dropdown-wrapper .input-btn {
          width: 70px; } }
      @media screen and (max-width: 639px) {
        .input .input-dropdown-wrapper .input-btn {
          width: 50px; } }
      .input .input-dropdown-wrapper .input-btn svg {
        fill: currentColor; }
    @media screen and (min-width: 1001px) {
      .input .input-dropdown-wrapper:hover .input-btn {
        color: #262626; } }
    .input .input-dropdown-wrapper .input-dropdown-value {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      color: #262626;
      padding: 0 30px;
      background: #f3f3f3;
      overflow: hidden;
      line-height: 92px; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .input .input-dropdown-wrapper .input-dropdown-value {
          line-height: 70px;
          padding: 0 23px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .input .input-dropdown-wrapper .input-dropdown-value {
          line-height: 50px;
          padding: 0 19px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .input .input-dropdown-wrapper .input-dropdown-value {
          line-height: 44px;
          padding: 0 23px; } }
      @media screen and (max-width: 1000px) and (min-width: 639px) {
        .input .input-dropdown-wrapper .input-dropdown-value {
          line-height: 70px;
          padding: 0 23px; } }
      @media screen and (max-width: 639px) {
        .input .input-dropdown-wrapper .input-dropdown-value {
          line-height: 44px;
          padding: 0 16px; } }
  .input .svg-slide-top {
    display: none; }
  .input.open-dropdown svg {
    fill: #0d1115; }
  .input.open-dropdown .input-dropdown {
    display: block; }
  .input.open-dropdown .svg-slide-top {
    display: block; }
  .input.open-dropdown .svg-slide-bottom {
    display: none; }
  .input .input-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: auto;
    border-top: 1px solid #e7e7e7;
    background: #f3f3f3;
    color: #262626;
    display: none;
    z-index: 11; }
    .input .input-dropdown.input-dropdown-scroll {
      max-height: 300px; }
    .input .input-dropdown .input-dropdown-item {
      color: #262626;
      cursor: pointer;
      position: relative;
      line-height: 80px;
      -webkit-transition: background .6s ease;
      -o-transition: background .6s ease;
      transition: background .6s ease;
      padding: 0 30px; }
      @media screen and (min-width: 1000px) {
        .input .input-dropdown .input-dropdown-item:hover {
          background: #fbea3a; } }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .input .input-dropdown .input-dropdown-item {
          line-height: 70px;
          padding: 0 23px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .input .input-dropdown .input-dropdown-item {
          line-height: 60px;
          padding: 0 28px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .input .input-dropdown .input-dropdown-item {
          line-height: 50px;
          padding: 0 28px; } }
      @media screen and (max-width: 1000px) and (min-width: 639px) {
        .input .input-dropdown .input-dropdown-item {
          line-height: 70px;
          padding: 0 23px; } }
      @media screen and (max-width: 639px) {
        .input .input-dropdown .input-dropdown-item {
          line-height: 50px;
          padding: 0 16px; } }
  .input.input-btn-right input {
    padding-right: 80px; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .input.input-btn-right input {
        padding-right: 60px; } }
    @media screen and (max-width: 1720px) and (min-width: 1001px) {
      .input.input-btn-right input {
        padding-right: 50px; } }
    @media screen and (max-width: 1000px) and (min-width: 639px) {
      .input.input-btn-right input {
        padding-right: 60px; } }
    @media screen and (max-width: 639px) {
      .input.input-btn-right input {
        padding-right: 50px; } }
  .input.input-btn-right .input-btn {
    right: 0; }
  .input.input-white input[type=text], .input.input-white textarea {
    border: 1px solid #d5dde9;
    color: #525455;
    background: #fff; }
    .input.input-white input[type=text]:-webkit-autofill, .input.input-white textarea:-webkit-autofill {
      -webkit-box-shadow: 0 0 0px 1000px #545e6e inset; }
    .input.input-white input[type=text]::-webkit-input-placeholder, .input.input-white textarea::-webkit-input-placeholder {
      color: #525455; }
    .input.input-white input[type=text]::-moz-placeholder, .input.input-white textarea::-moz-placeholder {
      color: #525455; }
    .input.input-white input[type=text]:-moz-placeholder, .input.input-white textarea:-moz-placeholder {
      color: #525455; }
    .input.input-white input[type=text]:-ms-input-placeholder, .input.input-white textarea:-ms-input-placeholder {
      color: #525455; }
    .input.input-white input[type=text] svg, .input.input-white textarea svg {
      fill: #525455 !important; }
    .input.input-white input[type=text]:hover::-webkit-input-placeholder, .input.input-white input[type=text]:focus::-webkit-input-placeholder, .input.input-white textarea:hover::-webkit-input-placeholder, .input.input-white textarea:focus::-webkit-input-placeholder {
      color: #525455; }
    .input.input-white input[type=text]:hover::-moz-placeholder, .input.input-white input[type=text]:focus::-moz-placeholder, .input.input-white textarea:hover::-moz-placeholder, .input.input-white textarea:focus::-moz-placeholder {
      color: #525455; }
    .input.input-white input[type=text]:hover:-moz-placeholder, .input.input-white input[type=text]:focus:-moz-placeholder, .input.input-white textarea:hover:-moz-placeholder, .input.input-white textarea:focus:-moz-placeholder {
      color: #525455; }
    .input.input-white input[type=text]:hover:-ms-input-placeholder, .input.input-white input[type=text]:focus:-ms-input-placeholder, .input.input-white textarea:hover:-ms-input-placeholder, .input.input-white textarea:focus:-ms-input-placeholder {
      color: #525455; }
    .input.input-white input[type=text]:focus ~ .input-btn svg, .input.input-white textarea:focus ~ .input-btn svg {
      fill: #525455 !important; }
  .input.input-white .input-btn svg {
    fill: #525455; }
  .input.input-left {
    width: calc(50% - 7.5px);
    float: left; }
    @media screen and (max-width: 639px) {
      .input.input-left {
        width: 100%;
        float: none; } }
  .input.input-right {
    width: calc(50% - 7.5px);
    float: right; }
    @media screen and (max-width: 639px) {
      .input.input-right {
        width: 100%;
        float: none; } }
  .input.input-in-active input[type=text], .input.input-in-active input[type=password], .input.input-in-active textarea {
    background: #d7d7d7;
    color: #9b9b9b; }
    .input.input-in-active input[type=text]::-webkit-input-placeholder, .input.input-in-active input[type=password]::-webkit-input-placeholder, .input.input-in-active textarea::-webkit-input-placeholder {
      color: #9b9b9b; }
    .input.input-in-active input[type=text]::-moz-placeholder, .input.input-in-active input[type=password]::-moz-placeholder, .input.input-in-active textarea::-moz-placeholder {
      color: #9b9b9b; }
    .input.input-in-active input[type=text]:-moz-placeholder, .input.input-in-active input[type=password]:-moz-placeholder, .input.input-in-active textarea:-moz-placeholder {
      color: #9b9b9b; }
    .input.input-in-active input[type=text]:-ms-input-placeholder, .input.input-in-active input[type=password]:-ms-input-placeholder, .input.input-in-active textarea:-ms-input-placeholder {
      color: #9b9b9b; }
  .input.input-in-active .input-dropdown-wrapper .input-dropdown-value {
    background: #d7d7d7;
    color: #9b9b9b; }
  .input.input-in-active .input-dropdown-wrapper:hover .input-btn {
    color: #b7b7b7; }
  .input.input-in-active .error-btn:hover + .error-popup {
    opacity: 0;
    visibility: hidden; }

.catalog-inputs {
  margin-bottom: 1px; }
  .catalog-inputs label {
    display: inline-block;
    -webkit-transition: color .6s ease;
    -o-transition: color .6s ease;
    transition: color .6s ease;
    cursor: pointer;
    text-transform: uppercase;
    padding-right: 13px; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .catalog-inputs label {
        padding-right: 10px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .catalog-inputs label {
        padding-right: 12px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .catalog-inputs label {
        padding-right: 12px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .catalog-inputs label {
        padding-right: 10px; } }
    @media screen and (max-width: 639px) {
      .catalog-inputs label {
        padding-right: 7px; } }
  .catalog-inputs input[type="text"], .catalog-inputs input[type="number"], .catalog-inputs textarea {
    font: 500 22px/32px 'Helvetica';
    display: inline-block;
    border: none;
    padding: 5px;
    background: #f3f3f3;
    color: #212121;
    height: 65px;
    padding: 20px 40px; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .catalog-inputs input[type="text"], .catalog-inputs input[type="number"], .catalog-inputs textarea {
        font-size: 17px;
        height: 50px;
        padding: 15px 28px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .catalog-inputs input[type="text"], .catalog-inputs input[type="number"], .catalog-inputs textarea {
        font-size: 15px;
        height: 42px;
        padding: 5px 16px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .catalog-inputs input[type="text"], .catalog-inputs input[type="number"], .catalog-inputs textarea {
        font-size: 15px;
        height: 44px;
        padding: 10px 24px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .catalog-inputs input[type="text"], .catalog-inputs input[type="number"], .catalog-inputs textarea {
        font-size: 17px;
        height: 50px;
        padding: 10px 15px; } }
    @media screen and (max-width: 639px) {
      .catalog-inputs input[type="text"], .catalog-inputs input[type="number"], .catalog-inputs textarea {
        font-size: 15px;
        height: 44px;
        padding: 5px 13px; } }
    .catalog-inputs input[type="text"]::-webkit-input-placeholder, .catalog-inputs input[type="number"]::-webkit-input-placeholder, .catalog-inputs textarea::-webkit-input-placeholder {
      color: #a1a1a1;
      -webkit-transition: color .6s ease;
      -o-transition: color .6s ease;
      transition: color .6s ease; }
    .catalog-inputs input[type="text"]::-moz-placeholder, .catalog-inputs input[type="number"]::-moz-placeholder, .catalog-inputs textarea::-moz-placeholder {
      color: #a1a1a1;
      -webkit-transition: color .6s ease;
      -o-transition: color .6s ease;
      transition: color .6s ease; }
    .catalog-inputs input[type="text"]:-moz-placeholder, .catalog-inputs input[type="number"]:-moz-placeholder, .catalog-inputs textarea:-moz-placeholder {
      color: #a1a1a1;
      -webkit-transition: color .6s ease;
      -o-transition: color .6s ease;
      transition: color .6s ease; }
    .catalog-inputs input[type="text"]:-ms-input-placeholder, .catalog-inputs input[type="number"]:-ms-input-placeholder, .catalog-inputs textarea:-ms-input-placeholder {
      color: #a1a1a1;
      -webkit-transition: color .6s ease;
      -o-transition: color .6s ease;
      transition: color .6s ease; }
    .catalog-inputs input[type="text"]:hover::-webkit-input-placeholder, .catalog-inputs input[type="text"]:focus::-webkit-input-placeholder, .catalog-inputs input[type="number"]:hover::-webkit-input-placeholder, .catalog-inputs input[type="number"]:focus::-webkit-input-placeholder, .catalog-inputs textarea:hover::-webkit-input-placeholder, .catalog-inputs textarea:focus::-webkit-input-placeholder {
      color: #212121; }
    .catalog-inputs input[type="text"]:hover::-moz-placeholder, .catalog-inputs input[type="text"]:focus::-moz-placeholder, .catalog-inputs input[type="number"]:hover::-moz-placeholder, .catalog-inputs input[type="number"]:focus::-moz-placeholder, .catalog-inputs textarea:hover::-moz-placeholder, .catalog-inputs textarea:focus::-moz-placeholder {
      color: #212121; }
    .catalog-inputs input[type="text"]:hover:-moz-placeholder, .catalog-inputs input[type="text"]:focus:-moz-placeholder, .catalog-inputs input[type="number"]:hover:-moz-placeholder, .catalog-inputs input[type="number"]:focus:-moz-placeholder, .catalog-inputs textarea:hover:-moz-placeholder, .catalog-inputs textarea:focus:-moz-placeholder {
      color: #212121; }
    .catalog-inputs input[type="text"]:hover:-ms-input-placeholder, .catalog-inputs input[type="text"]:focus:-ms-input-placeholder, .catalog-inputs input[type="number"]:hover:-ms-input-placeholder, .catalog-inputs input[type="number"]:focus:-ms-input-placeholder, .catalog-inputs textarea:hover:-ms-input-placeholder, .catalog-inputs textarea:focus:-ms-input-placeholder {
      color: #212121; }
  .catalog-inputs textarea {
    width: 100%;
    height: 100px;
    border-radius: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    outline: none;
    resize: none;
    overflow: auto;
    margin-top: 13px; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .catalog-inputs textarea {
        margin-top: 10px;
        height: 213px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .catalog-inputs textarea {
        margin-top: 12px;
        height: 208px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .catalog-inputs textarea {
        margin-top: 12px;
        height: 170px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .catalog-inputs textarea {
        margin-top: 10px;
        height: 240px; } }
    @media screen and (max-width: 639px) {
      .catalog-inputs textarea {
        margin-top: 7px;
        height: 138px; } }
  .catalog-inputs > .catalog-single-input-container, .catalog-inputs > .catalog-textarea-container {
    background: #fff;
    width: 100%;
    padding: 0 20px;
    height: 74px;
    line-height: 74px; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .catalog-inputs > .catalog-single-input-container, .catalog-inputs > .catalog-textarea-container {
        height: 64px;
        line-height: 64px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .catalog-inputs > .catalog-single-input-container, .catalog-inputs > .catalog-textarea-container {
        height: 44px;
        line-height: 44px;
        padding: 0 12px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .catalog-inputs > .catalog-single-input-container, .catalog-inputs > .catalog-textarea-container {
        height: 62px;
        line-height: 62px;
        padding: 0 12px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .catalog-inputs > .catalog-single-input-container, .catalog-inputs > .catalog-textarea-container {
        height: 65px;
        line-height: 65px;
        padding: 0 25px; } }
    @media screen and (max-width: 639px) {
      .catalog-inputs > .catalog-single-input-container, .catalog-inputs > .catalog-textarea-container {
        height: 50px;
        line-height: 50px;
        padding: 0 12px; } }
    .catalog-inputs > .catalog-single-input-container .input-catalog-single, .catalog-inputs > .catalog-textarea-container .input-catalog-single {
      display: inline-block;
      width: 100%; }
      .catalog-inputs > .catalog-single-input-container .input-catalog-single.input-xs input, .catalog-inputs > .catalog-textarea-container .input-catalog-single.input-xs input {
        width: 40%; }
      .catalog-inputs > .catalog-single-input-container .input-catalog-single.input-m input, .catalog-inputs > .catalog-textarea-container .input-catalog-single.input-m input {
        width: 60%; }
  .catalog-inputs > .catalog-textarea-container {
    height: auto;
    line-height: auto;
    padding: 10px 20px 20px; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .catalog-inputs > .catalog-textarea-container {
        padding: 8px 20px 16px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .catalog-inputs > .catalog-textarea-container {
        padding: 8px 12px 12px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .catalog-inputs > .catalog-textarea-container {
        padding: 8px 12px 16px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .catalog-inputs > .catalog-textarea-container {
        padding: 9px 25px 17px; } }
    @media screen and (max-width: 639px) {
      .catalog-inputs > .catalog-textarea-container {
        padding: 7px 12px 12px; } }
    .catalog-inputs > .catalog-textarea-container label {
      width: 100%;
      text-transform: uppercase;
      line-height: 34px;
      cursor: pointer; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .catalog-inputs > .catalog-textarea-container label {
          line-height: 27px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .catalog-inputs > .catalog-textarea-container label {
          line-height: 15px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .catalog-inputs > .catalog-textarea-container label {
          line-height: 25px; } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .catalog-inputs > .catalog-textarea-container label {
          line-height: 26px; } }
      @media screen and (max-width: 639px) {
        .catalog-inputs > .catalog-textarea-container label {
          line-height: 20px; } }
  .catalog-inputs > .catalog-group-input-container {
    display: table;
    width: 100%;
    background: #fff;
    padding: 30px 35px; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .catalog-inputs > .catalog-group-input-container {
        padding: 25px 30px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .catalog-inputs > .catalog-group-input-container {
        padding: 16px 20px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .catalog-inputs > .catalog-group-input-container {
        padding: 12px 16px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .catalog-inputs > .catalog-group-input-container {
        padding: 17px 25px; } }
    @media screen and (max-width: 639px) {
      .catalog-inputs > .catalog-group-input-container {
        padding: 12px 18px; } }
  .catalog-inputs .input-catalog-group {
    display: table-row;
    margin-bottom: 4px; }
    .catalog-inputs .input-catalog-group:last-child input {
      margin: 0; }
    .catalog-inputs .input-catalog-group label {
      display: table-cell; }
    .catalog-inputs .input-catalog-group input {
      width: 100%; }
    .catalog-inputs .input-catalog-group.checkbox-table input[type='checkbox']:checked ~ input[type="text"] {
      display: table-cell; }
    .catalog-inputs .input-catalog-group.checkbox-table label, .catalog-inputs .input-catalog-group.checkbox-table .checkbox-table-title {
      width: auto; }
    .catalog-inputs .input-catalog-group.checkbox-table .checkbox-table-title {
      margin-left: 0; }
    .catalog-inputs .input-catalog-group.checkbox-table input[type="text"], .catalog-inputs .input-catalog-group.checkbox-table label {
      vertical-align: middle; }
    .catalog-inputs .input-catalog-group.checkbox-table input[type="text"] {
      display: none; }

.catalog-input-margin {
  margin-bottom: 15px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .catalog-input-margin {
      margin-bottom: 12px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .catalog-input-margin {
      margin-bottom: 8px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .catalog-input-margin {
      margin-bottom: 8px; } }
  @media screen and (max-width: 1000px) and (min-width: 639px) {
    .catalog-input-margin {
      margin-bottom: 10px; } }
  @media screen and (max-width: 639px) {
    .catalog-input-margin {
      margin-bottom: 6px; } }
  .catalog-input-margin.special-checkbox {
    margin-bottom: 13px; }
    @media screen and (max-width: 639px) {
      .catalog-input-margin.special-checkbox {
        margin-bottom: 30px; } }

.input-margin {
  margin-bottom: 22px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .input-margin {
      margin-bottom: 15px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .input-margin {
      margin-bottom: 12px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .input-margin {
      margin-bottom: 10px; } }
  @media screen and (max-width: 1000px) and (min-width: 639px) {
    .input-margin {
      margin-bottom: 15px; } }
  @media screen and (max-width: 639px) {
    .input-margin {
      margin-bottom: 6px; } }
  .input-margin.special-checkbox {
    margin-bottom: 13px; }
    @media screen and (max-width: 639px) {
      .input-margin.special-checkbox {
        margin-bottom: 30px; } }

.input-margin-small {
  margin-bottom: 6px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .input-margin-small {
      margin-bottom: 3px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .input-margin-small {
      margin-bottom: 2px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .input-margin-small {
      margin-bottom: 2px; } }
  @media screen and (max-width: 1000px) and (min-width: 639px) {
    .input-margin-small {
      margin-bottom: 3px; } }
  @media screen and (max-width: 639px) {
    .input-margin-small {
      margin-bottom: 2px; } }

.input-title {
  margin-top: 37px;
  margin-bottom: 22px; }
  @media screen and (max-width: 639px) {
    .input-title {
      margin-top: 30px;
      margin-bottom: 10px; } }
  .input-title:first-child {
    margin-top: 0; }

.branding-partners-offer .offer-form {
  position: relative; }
  .branding-partners-offer .offer-form button {
    color: #262626;
    cursor: pointer;
    background: #fbea3a;
    border: none;
    outline: none;
    text-transform: uppercase;
    height: 75px;
    width: 296px;
    border-radius: 75px;
    -webkit-transition: color .6s ease-out, background .6s ease-out;
    -o-transition: color .6s ease-out, background .6s ease-out;
    transition: color .6s ease-out, background .6s ease-out; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .branding-partners-offer .offer-form button {
        height: 56px;
        width: 221px;
        border-radius: 56px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .branding-partners-offer .offer-form button {
        height: 55px;
        width: 195px;
        border-radius: 55px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .branding-partners-offer .offer-form button {
        height: 43px;
        width: 163px;
        border-radius: 43px; } }
    @media screen and (max-width: 1000px) and (min-width: 639px) {
      .branding-partners-offer .offer-form button {
        height: 56px;
        width: 220px;
        border-radius: 56px; } }
    @media screen and (max-width: 639px) {
      .branding-partners-offer .offer-form button {
        height: 50px;
        width: 196px;
        border-radius: 50px; } }
    @media screen and (min-width: 1001px) {
      .branding-partners-offer .offer-form button:hover {
        color: #fbea3a;
        background: #262626; } }
  .branding-partners-offer .offer-form input[type=text], .branding-partners-offer .offer-form textarea {
    width: 100%;
    height: 80px;
    padding: 0 40px;
    color: #aeaeae;
    background: #222730;
    border-radius: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    outline: none;
    border: none;
    resize: none; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .branding-partners-offer .offer-form input[type=text], .branding-partners-offer .offer-form textarea {
        height: 70px;
        padding: 0 28px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .branding-partners-offer .offer-form input[type=text], .branding-partners-offer .offer-form textarea {
        height: 51px;
        padding: 0 16px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .branding-partners-offer .offer-form input[type=text], .branding-partners-offer .offer-form textarea {
        height: 44px;
        padding: 0 24px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .branding-partners-offer .offer-form input[type=text], .branding-partners-offer .offer-form textarea {
        height: 70px;
        padding: 0 30px; } }
    @media screen and (max-width: 639px) {
      .branding-partners-offer .offer-form input[type=text], .branding-partners-offer .offer-form textarea {
        height: 44px;
        padding: 0 15px; } }
    .branding-partners-offer .offer-form input[type=text]::-ms-clear, .branding-partners-offer .offer-form textarea::-ms-clear {
      display: none;
      width: 0;
      height: 0; }
  .branding-partners-offer .offer-form textarea {
    height: 285px;
    padding-top: 40px;
    overflow: auto; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .branding-partners-offer .offer-form textarea {
        height: 213px;
        padding-top: 28px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .branding-partners-offer .offer-form textarea {
        height: 208px;
        padding-top: 20px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .branding-partners-offer .offer-form textarea {
        height: 170px;
        padding-top: 15px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .branding-partners-offer .offer-form textarea {
        height: 240px;
        padding-top: 20px;
		margin-bottom: 30px		} }
    @media screen and (max-width: 639px) {
      .branding-partners-offer .offer-form textarea {
        height: 138px;
        padding-top: 15px;
		margin-bottom: 12px } }
  .branding-partners-offer .offer-form .capcha {
    float: right; }
    @media screen and (max-width: 639px) {
      .branding-partners-offer .offer-form .capcha {
        float: none; } }





.input-special-allyears {
    display: inline-block;
    position: relative;
    line-height: 76px;
    vertical-align: top;
    white-space: nowrap;
    height: 76px;
    margin-right: 0px;
    text-decoration:none;
}
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .input-special-allyears {
        height: 56px;
        line-height: 56px;
        margin-right: 0px;
	} }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .input-special-allyears {
        height: 50px;
        line-height: 50px;
        margin-right: 0px;
        } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .input-special-allyears {
        height: 40px;
        line-height: 40px;
        margin-right: 0px;
        } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .input-special-allyears {
        height: 56px;
        line-height: 56px;
        margin-right: 0px;
        } }
    @media screen and (max-width: 639px) {
      .input-special-allyears {
        height: 40px;
        line-height: 40px;
        margin-right: 0px; } }







.input-special-dropdown {
  position: relative;
  display: inline-block;
  font-size: 0;
  margin-right: 35px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .input-special-dropdown {
      margin-right: 30px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .input-special-dropdown {
      margin-right: 20px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .input-special-dropdown {
      margin-right: 15px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .input-special-dropdown {
      margin-right: 15px; } }
  @media screen and (max-width: 639px) {
    .input-special-dropdown {
      margin-right: 0;
      margin-bottom: 10px; } }
  .input-special-dropdown.active .input-special-placeholder {
    display: none; }
  .input-special-dropdown.active .input-special-text {
    display: inline-block;
    color: #262626 !important; }
  .input-special-dropdown.active .input-special-icon {
    background: #fbea3a;
    color: #262626; }
  .input-special-dropdown.active .input-special-dropdown-list {
    visibility: visible;
    opacity: 1; }
  .input-special-dropdown.value .input-special-value {
    display: inline-block; }
  .input-special-dropdown.value .input-special-text {
    display: none; }
  .input-special-dropdown.value .input-special-placeholder {
    display: none; }
  .input-special-dropdown.value .input-special-placeholder, .input-special-dropdown.value .input-special-text, .input-special-dropdown.value .input-special-value {
    color: #262626 !important; }
  .input-special-dropdown .input-special-btn {
    cursor: pointer; }
  .input-special-dropdown input {
    display: none; }
  .input-special-dropdown .input-special-placeholder, .input-special-dropdown .input-special-text, .input-special-dropdown .input-special-value {
    line-height: 76px;
    vertical-align: top;
    -webkit-transition: color .6s ease;
    -o-transition: color .6s ease;
    transition: color .6s ease;
    width: 218px;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .input-special-dropdown .input-special-placeholder, .input-special-dropdown .input-special-text, .input-special-dropdown .input-special-value {
        line-height: 56px;
        width: 130px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .input-special-dropdown .input-special-placeholder, .input-special-dropdown .input-special-text, .input-special-dropdown .input-special-value {
        line-height: 50px;
        width: 130px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .input-special-dropdown .input-special-placeholder, .input-special-dropdown .input-special-text, .input-special-dropdown .input-special-value {
        line-height: 40px;
        width: 115px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .input-special-dropdown .input-special-placeholder, .input-special-dropdown .input-special-text, .input-special-dropdown .input-special-value {
        line-height: 56px;
        width: 130px; } }
    @media screen and (max-width: 639px) {
      .input-special-dropdown .input-special-placeholder, .input-special-dropdown .input-special-text, .input-special-dropdown .input-special-value {
        line-height: 40px;
        width: auto; } }
  .input-special-dropdown .input-special-placeholder {
    display: inline-block;
    text-transform: uppercase;
    color: #262626; }
    .input-special-dropdown .input-special-placeholder.color-gray {
      color: #9b9b9b; }
  .input-special-dropdown .input-special-text {
    display: none;
    text-transform: uppercase; }
  .input-special-dropdown .input-special-value {
    display: none; }
    .input-special-dropdown .input-special-value span {
      display: inline-block;
      overflow: hidden;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis;
      white-space: nowrap;
      float: left;
      max-width: 199px; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .input-special-dropdown .input-special-value span {
          max-width: 140px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .input-special-dropdown .input-special-value span {
          max-width: 85px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .input-special-dropdown .input-special-value span {
          max-width: 99px; } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .input-special-dropdown .input-special-value span {
          max-width: 114px; } }
      @media screen and (max-width: 639px) {
        .input-special-dropdown .input-special-value span {
          max-width: 211px; } }
  @media screen and (min-width: 1000px) {
    .input-special-dropdown:hover .input-special-icon {
      background: #262626;
      color: #fbea3a; }
    .input-special-dropdown:hover .input-special-placeholder, .input-special-dropdown:hover .input-special-text, .input-special-dropdown:hover .input-special-value {
      color: #262626 !important; } }
  .input-special-dropdown .input-special-icon {
    height: 76px;
    width: 76px;
    display: inline-block;
    position: relative;
    border-radius: 50%;
    background: #e4e4e4;
    margin-right: 13px;
    -webkit-transition: background .6s ease, color .6s ease;
    -o-transition: background .6s ease, color .6s ease;
    transition: background .6s ease, color .6s ease;
    color: #b7b7b7; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .input-special-dropdown .input-special-icon {
        height: 56px;
        width: 56px;
        margin-right: 10px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .input-special-dropdown .input-special-icon {
        height: 50px;
        width: 50px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .input-special-dropdown .input-special-icon {
        height: 37px;
        width: 37px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .input-special-dropdown .input-special-icon {
        height: 56px;
        width: 56px; } }
    @media screen and (max-width: 639px) {
      .input-special-dropdown .input-special-icon {
        height: 37px;
        width: 37px;
        margin-right: 6px; } }
    .input-special-dropdown .input-special-icon svg {
      fill: currentColor; }
  .input-special-dropdown .input-special-dropdown-list {
    text-decoration: none;
    position: absolute;
    top: 77px;
    left: 90px;
    border: 1px solid #e7e7e7;
    background: #fff;
    z-index: 4;
    visibility: hidden;
    opacity: 0; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .input-special-dropdown .input-special-dropdown-list {
        top: 53px;
        left: 62px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .input-special-dropdown .input-special-dropdown-list {
        top: 48px;
        left: 62px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .input-special-dropdown .input-special-dropdown-list {
        top: 40px;
        left: 50px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .input-special-dropdown .input-special-dropdown-list {
        top: 53px;
        left: 68px; } }
    @media screen and (max-width: 639px) {
      .input-special-dropdown .input-special-dropdown-list {
        top: 45px;
		left: 40px;		
		} }

    .input-special-dropdown .input-special-dropdown-list .input-special-dropdown-item {
      text-decoration: none;
      white-space: nowrap;
      padding: 22px 27px;
      background: #fff;
      -webkit-transition: background .6s ease;
      -o-transition: background .6s ease;
      transition: background .6s ease;
      cursor: pointer; }

      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .input-special-dropdown .input-special-dropdown-list .input-special-dropdown-item {
          padding: 15px 20px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .input-special-dropdown .input-special-dropdown-list .input-special-dropdown-item {
          padding: 13.5px 20px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .input-special-dropdown .input-special-dropdown-list .input-special-dropdown-item {
          padding: 14px 20px; } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .input-special-dropdown .input-special-dropdown-list .input-special-dropdown-item {
          padding: 12px 20px; } }
      @media screen and (max-width: 639px) {
        .input-special-dropdown .input-special-dropdown-list .input-special-dropdown-item {
          padding: 14px 20px; } }
      @media screen and (min-width: 1000px) {
        .input-special-dropdown .input-special-dropdown-list .input-special-dropdown-item:hover {
          background: #fbea3a; } }
  .input-special-dropdown .input-special-dropdown-list svg, .input-special-dropdown .input-special-value svg {
    margin-left: 6px; }

.section-filter .input-special-checkbox + label {
  margin-bottom: 0; }
  @media screen and (max-width: 639px) {
    .section-filter .input-special-checkbox + label {
      margin-bottom: 17px; } }

.notice-required {
  width: 100%;
  height: 78px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  color: #9b9b9b;
  border-bottom: 1px solid #f3f3f3; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .notice-required {
      height: 78px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .notice-required {
      height: 60px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .notice-required {
      height: 50px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .notice-required {
      height: 40px; } }
  @media screen and (max-width: 639px) {
    .notice-required {
      height: 30px; } }

#white-theme .input.wrapper_input-disabled .icon-centering {
  color: #aeaeae; }
  @media screen and (min-width: 1001px) {
    #white-theme .input.wrapper_input-disabled .icon-centering:hover {
      color: #262626; } }
#black-theme .input input[type=text], #black-theme .input input[type=tel], #black-theme .input input[type=password], #black-theme .input textarea {
    background: #222730;
    color: #d0d0d0;
}

#black-theme .input input[type=text]::-webkit-input-placeholder, #black-theme .input input[type=tel]::-webkit-input-placeholder, #black-theme .input input[type=password]::-webkit-input-placeholder, #black-theme .input textarea::-webkit-input-placeholder {
    color: #d0d0d0;
}

#black-theme .input input[type=text]::-moz-placeholder, #black-theme .input input[type=tel]::-moz-placeholder, #black-theme .input input[type=password]::-moz-placeholder, #black-theme .input textarea::-moz-placeholder {
    color: #d0d0d0;
}

#black-theme .input input[type=text]:-moz-placeholder, #black-theme .input input[type=tel]:-moz-placeholder, #black-theme .input input[type=password]:-moz-placeholder, #black-theme .input textarea:-moz-placeholder {
    color: #d0d0d0;
}

#black-theme .input input[type=text]:-ms-input-placeholder, #black-theme .input input[type=tel]:-ms-input-placeholder, #black-theme .input input[type=password]:-ms-input-placeholder, #black-theme .input textarea:-ms-input-placeholder {
    color: #d0d0d0;
}

#black-theme .input input[type=text].error, #black-theme .input input[type=tel].error, #black-theme .input input[type=password].error, #black-theme .input textarea.error {
    background: #591818;
    color: #b24444;
}

#black-theme .input input[type=text]:focus::-webkit-input-placeholder, #black-theme .input input[type=tel]:focus::-webkit-input-placeholder, #black-theme .input input[type=password]:focus::-webkit-input-placeholder, #black-theme .input textarea:focus::-webkit-input-placeholder {
    color: transparent;
}

#black-theme .input input[type=text]:focus::-moz-placeholder, #black-theme .input input[type=tel]:focus::-moz-placeholder, #black-theme .input input[type=password]:focus::-moz-placeholder, #black-theme .input textarea:focus::-moz-placeholder {
    color: transparent;
}

#black-theme .input input[type=text]:focus:-moz-placeholder, #black-theme .input input[type=tel]:focus:-moz-placeholder, #black-theme .input input[type=password]:focus:-moz-placeholder, #black-theme .input textarea:focus:-moz-placeholder {
    color: transparent;
}

#black-theme .input input[type=text]:focus:-ms-input-placeholder, #black-theme .input input[type=tel]:focus:-ms-input-placeholder, #black-theme .input input[type=password]:focus:-ms-input-placeholder, #black-theme .input textarea:focus:-ms-input-placeholder {
    color: transparent;
}


#black-theme .notice-required {
  color: #f3f3f3; }

.input-special-checkbox {
  display: none; }
  .input-special-checkbox.input-margin {
    margin-bottom: 34px; }
  .input-special-checkbox.error + label > div {
    border-color: #f00; }
  .input-special-checkbox + label {
    display: inline-block;
    -webkit-transition: color .6s ease;
    -o-transition: color .6s ease;
    transition: color .6s ease;
    line-height: 34px;
    cursor: pointer;
    margin-right: 40px;
    margin-bottom: 17px;
    text-transform: uppercase; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .input-special-checkbox + label {
        line-height: 27px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .input-special-checkbox + label {
        line-height: 15px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .input-special-checkbox + label {
        line-height: 25px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .input-special-checkbox + label {
        line-height: 26px; } }
    @media screen and (max-width: 639px) {
      .input-special-checkbox + label {
        line-height: 20px;
        width: 100%; } }
    .input-special-checkbox + label:last-child {
      margin-bottom: 0; }
    .input-special-checkbox + label .h14 {
      color: #9b9b9b;
      text-transform: uppercase; }
    .input-special-checkbox + label > div {
      float: left;
      width: 34px;
      height: 34px;
      position: relative;
      border: 4px solid #e4e4e4;
      -webkit-transition: background .6s ease, border .6s ease;
      -o-transition: background .6s ease, border .6s ease;
      transition: background .6s ease, border .6s ease;
      margin-bottom: -6px;
      margin-right: 13px; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .input-special-checkbox + label > div {
          width: 24px;
          height: 24px;
          border: 3px solid #e4e4e4;
          margin-right: 10px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .input-special-checkbox + label > div {
          width: 20px;
          height: 20px;
          border: 2.5px solid #e4e4e4;
          margin-right: 10px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .input-special-checkbox + label > div {
          width: 20px;
          height: 20px;
          border: 2.5px solid #e4e4e4;
          margin-right: 10px; } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .input-special-checkbox + label > div {
          width: 24px;
          height: 24px;
          border: 3px solid #e4e4e4;
          margin-right: 10px; } }
      @media screen and (max-width: 639px) {
        .input-special-checkbox + label > div {
          width: 20px;
          height: 20px;
          border: 2.5px solid #e4e4e4;
          margin-right: 10px; } }
      .input-special-checkbox + label > div svg {
        opacity: 0;
        -webkit-transition: opacity .6s ease;
        -o-transition: opacity .6s ease;
        transition: opacity .6s ease; }
    .input-special-checkbox + label span {
      white-space: normal; }
      .input-special-checkbox + label span a {
        color: inherit; }
    @media screen and (min-width: 1000px) {
      .input-special-checkbox + label:hover {
        color: #262626; }
        .input-special-checkbox + label:hover > div {
          border-color: #fbea3a; } }
    @media screen and (min-width: 1000px) and (max-width: 1000px) and (min-width: 640px) {
      .input-special-checkbox + label:hover > div {
        border-color: #e4e4e4; } }
    @media screen and (min-width: 1000px) and (max-width: 639px) {
      .input-special-checkbox + label:hover > div {
        border-color: #e4e4e4; } }
  .input-special-checkbox:checked + label > div {
    border-color: #fbea3a;
    background: #fbea3a; }
    .input-special-checkbox:checked + label > div svg {
      opacity: 1; }
  .input-special-checkbox:checked + label .h14 {
    color: #262626; }

.input-checkbox {
  display: none; }
  .input-checkbox.input-margin {
    margin-bottom: 34px; }
  .input-checkbox + label {
    display: inline-block;
    -webkit-transition: color .6s ease;
    -o-transition: color .6s ease;
    transition: color .6s ease;
    line-height: 34px;
    cursor: pointer;
    margin-right: 40px;
    margin-bottom: 17px;
    font-size: 0; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .input-checkbox + label {
        line-height: 27px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .input-checkbox + label {
        line-height: 15px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .input-checkbox + label {
        line-height: 25px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .input-checkbox + label {
        line-height: 26px; } }
    @media screen and (max-width: 639px) {
      .input-checkbox + label {
        line-height: 15px;
        width: 100%; } }
    .input-checkbox + label:last-child {
      margin-bottom: 0; }
    .input-checkbox + label span {
      color: #9b9b9b;
      text-transform: uppercase;
      vertical-align: middle;
      line-height: 1em; }
    .input-checkbox + label .special-checkbox-icon {
      width: 32px;
      height: 32px;
      background: #d7d7d7;
      position: relative;
      display: inline-block;
      vertical-align: middle;
      margin-right: 13px; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .input-checkbox + label .special-checkbox-icon {
          width: 24px;
          height: 24px;
          margin-right: 10px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .input-checkbox + label .special-checkbox-icon {
          width: 20px;
          height: 20px;
          margin-right: 12px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .input-checkbox + label .special-checkbox-icon {
          width: 20px;
          height: 20px;
          margin-right: 12px; } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .input-checkbox + label .special-checkbox-icon {
          width: 24px;
          height: 24px;
          margin-right: 10px; } }
      @media screen and (max-width: 639px) {
        .input-checkbox + label .special-checkbox-icon {
          width: 20px;
          height: 20px;
          margin-right: 7px; } }
      .input-checkbox + label .special-checkbox-icon:after {
        content: '';
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate3d(-50%, -50%, 0);
                transform: translate3d(-50%, -50%, 0);
        z-index: 2;
        background: #fbea3a;
        opacity: 0;
        -webkit-transition: opacity .6s ease, width .6s ease, height .6s ease;
        -o-transition: opacity .6s ease, width .6s ease, height .6s ease;
        transition: opacity .6s ease, width .6s ease, height .6s ease;
        width: 16px;
        height: 16px; }
        @media screen and (max-width: 2295px) and (min-width: 1721px) {
          .input-checkbox + label .special-checkbox-icon:after {
            width: 12px;
            height: 12px; } }
        @media screen and (max-width: 1720px) and (min-width: 1301px) {
          .input-checkbox + label .special-checkbox-icon:after {
            width: 11px;
            height: 11px; } }
        @media screen and (max-width: 1300px) and (min-width: 1001px) {
          .input-checkbox + label .special-checkbox-icon:after {
            width: 11px;
            height: 11px; } }
        @media screen and (max-width: 1000px) and (min-width: 640px) {
          .input-checkbox + label .special-checkbox-icon:after {
            width: 12px;
            height: 12px; } }
        @media screen and (max-width: 639px) {
          .input-checkbox + label .special-checkbox-icon:after {
            width: 11px;
            height: 11px; } }
      .input-checkbox + label .special-checkbox-icon:before {
        content: '';
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate3d(-50%, -50%, 0);
                transform: translate3d(-50%, -50%, 0);
        z-index: 1;
        background: #fff;
        width: 0;
        height: 0;
        -webkit-transition: width .6s ease, height .6s ease;
        -o-transition: width .6s ease, height .6s ease;
        transition: width .6s ease, height .6s ease; }
    @media screen and (min-width: 1000px) {
      .input-checkbox + label:hover {
        color: #262626; }
        .input-checkbox + label:hover .special-checkbox-icon:before {
          height: 24px;
          width: 24px; } }
    @media screen and (min-width: 1000px) and (max-width: 2295px) and (min-width: 1721px) {
      .input-checkbox + label:hover .special-checkbox-icon:before {
        width: 18px;
        height: 18px; } }
    @media screen and (min-width: 1000px) and (max-width: 1720px) and (min-width: 1301px) {
      .input-checkbox + label:hover .special-checkbox-icon:before {
        width: 16px;
        height: 16px; } }
    @media screen and (min-width: 1000px) and (max-width: 1300px) and (min-width: 1001px) {
      .input-checkbox + label:hover .special-checkbox-icon:before {
        width: 16px;
        height: 16px; } }
  .input-checkbox:checked + label .special-checkbox-icon:after {
    opacity: 1; }
  .input-checkbox:checked + label .special-checkbox-icon:before {
    height: 25px;
    width: 25px; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .input-checkbox:checked + label .special-checkbox-icon:before {
        width: 18px;
        height: 18px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .input-checkbox:checked + label .special-checkbox-icon:before {
        width: 16px;
        height: 16px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .input-checkbox:checked + label .special-checkbox-icon:before {
        width: 16px;
        height: 16px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .input-checkbox:checked + label .special-checkbox-icon:before {
        width: 18px;
        height: 18px; } }
    @media screen and (max-width: 639px) {
      .input-checkbox:checked + label .special-checkbox-icon:before {
        width: 16px;
        height: 16px; } }
  .input-checkbox:checked + label .h14 {
    color: #262626; }

.input-in-active .input-checkbox + label:hover .special-checkbox-icon:before {
  width: 0;
  height: 0; }

.special-checkbox2 {
  margin-bottom: 27px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .special-checkbox2 {
      margin-bottom: 21px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .special-checkbox2 {
      margin-bottom: 21px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .special-checkbox2 {
      margin-bottom: 17px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .special-checkbox2 {
      margin-bottom: 55px; } }
  @media screen and (max-width: 639px) {
    .special-checkbox2 {
      margin-bottom: 13px; } }
  .special-checkbox2 .input-special-checkbox + label {
    width: 100%; }
    .special-checkbox2 .input-special-checkbox + label > span {
      float: left;
      width: calc(100% - 69px); }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .special-checkbox2 .input-special-checkbox + label > span {
          width: calc(100% - 59px); } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .special-checkbox2 .input-special-checkbox + label > span {
          width: calc(100% - 30px); } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .special-checkbox2 .input-special-checkbox + label > span {
          width: calc(100% - 30px); } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .special-checkbox2 .input-special-checkbox + label > span {
          width: calc(100% - 56px); } }
      @media screen and (max-width: 639px) {
        .special-checkbox2 .input-special-checkbox + label > span {
          width: calc(100% - 30px); } }
      .special-checkbox2 .input-special-checkbox + label > span > span {
        display: block;
        position: relative; }
        .special-checkbox2 .input-special-checkbox + label > span > span.check-title {
          line-height: 35px; }
          @media screen and (max-width: 2295px) and (min-width: 1721px) {
            .special-checkbox2 .input-special-checkbox + label > span > span.check-title {
              line-height: 23px; } }
          @media screen and (max-width: 1720px) and (min-width: 1301px) {
            .special-checkbox2 .input-special-checkbox + label > span > span.check-title {
              line-height: 27px; } }
          @media screen and (max-width: 1300px) and (min-width: 1001px) {
            .special-checkbox2 .input-special-checkbox + label > span > span.check-title {
              line-height: 28px; } }
          @media screen and (max-width: 1000px) and (min-width: 640px) {
            .special-checkbox2 .input-special-checkbox + label > span > span.check-title {
              line-height: 23px; } }
          @media screen and (max-width: 639px) {
            .special-checkbox2 .input-special-checkbox + label > span > span.check-title {
              line-height: 31px; } }
    .special-checkbox2 .input-special-checkbox + label > div {
      border-color: #d7d7d7;
      background: #d7d7d7;
      -webkit-transition: border-color .6s ease, background .6s ease;
      -o-transition: border-color .6s ease, background .6s ease;
      transition: border-color .6s ease, background .6s ease; }
      .special-checkbox2 .input-special-checkbox + label > div .input-check {

		background: white;
        width: 18px;
        height: 18px;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        position: absolute;
        -webkit-transition: background .6s ease;
        -o-transition: background .6s ease;
        transition: background .6s ease; }
        @media screen and (max-width: 2295px) and (min-width: 1721px) {
          .special-checkbox2 .input-special-checkbox + label > div .input-check {
            width: 14px;
            height: 14px; } }
        @media screen and (max-width: 1720px) and (min-width: 1301px) {
          .special-checkbox2 .input-special-checkbox + label > div .input-check {
            width: 14px;
            height: 14px; } }
        @media screen and (max-width: 1300px) and (min-width: 1001px) {
          .special-checkbox2 .input-special-checkbox + label > div .input-check {
            width: 14px;
            height: 14px; } }
        @media screen and (max-width: 1000px) and (min-width: 639px) {
          .special-checkbox2 .input-special-checkbox + label > div .input-check {
            width: 14px;
            height: 14px; } }
        @media screen and (max-width: 639px) {
          .special-checkbox2 .input-special-checkbox + label > div .input-check {
            width: 14px;
            height: 14px; } }
  .special-checkbox2 .input-special-checkbox:checked + label > div {
    border-color: #d7d7d7;
    background: transparent; }
    .special-checkbox2 .input-special-checkbox:checked + label > div .input-check {
      background: #fbea3a; }
  .special-checkbox2 .check-desc {
    color: #d7d7d7; }
    @media screen and (max-width: 639px) {
      .special-checkbox2 .check-desc {
        line-height: 16px; } }
  @media screen and (min-width: 1000px) {
    .special-checkbox2:hover .input-special-checkbox + label > div {
      border-color: #fbea3a;
      background: #fbea3a; }
      .special-checkbox2:hover .input-special-checkbox + label > div .input-check {
        background: #fbea3a; }
    .special-checkbox2:hover .input-special-checkbox:checked + label > div {
      border-color: #d7d7d7;
      background: transparent; }
      .special-checkbox2:hover .input-special-checkbox:checked + label > div .input-check {
        background: #fbea3a; } }

.special-checkbox3 .input-special-checkbox + label {
  line-height: 33px;
  margin: 0; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .special-checkbox3 .input-special-checkbox + label {
      line-height: 27px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .special-checkbox3 .input-special-checkbox + label {
      line-height: 23px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .special-checkbox3 .input-special-checkbox + label {
      line-height: 23px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .special-checkbox3 .input-special-checkbox + label {
      line-height: 27px; } }
  @media screen and (max-width: 639px) {
    .special-checkbox3 .input-special-checkbox + label {
      line-height: 24px; } }
  .special-checkbox3 .input-special-checkbox + label > div {
    background: #21262a;
    border-color: #21262a;
    border-width: 4px;
    height: 25px;
    outline: 4px solid #21262a;
    margin: 4px 13px 4px 4px;
    -webkit-transition: border-color .6s ease, background .6s ease, outline .6s ease;
    -o-transition: border-color .6s ease, background .6s ease, outline .6s ease;
    transition: border-color .6s ease, background .6s ease, outline .6s ease;
    width: 25px; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .special-checkbox3 .input-special-checkbox + label > div {
        border-width: 3px;
        height: 19px;
        outline-width: 3px;
        width: 19px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .special-checkbox3 .input-special-checkbox + label > div {
        border-width: 2px;
        height: 15px;
        outline-width: 3px;
        width: 15px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .special-checkbox3 .input-special-checkbox + label > div {
        border-width: 2px;
        height: 15px;
        outline-width: 3px;
        width: 15px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .special-checkbox3 .input-special-checkbox + label > div {
        border-width: 3px;
        height: 19px;
        outline-width: 3px;
        width: 19px; } }
    @media screen and (max-width: 639px) {
      .special-checkbox3 .input-special-checkbox + label > div {
        border-width: 3px;
        height: 16px;
        outline-width: 2px;
        width: 16px; } }
  @media screen and (min-width: 1000px) {
    .special-checkbox3 .input-special-checkbox + label:hover > div {
      outline-color: #fbea3a;
      border-color: #fbea3a;
      background: #fbea3a; } }

.special-checkbox3 .input-special-checkbox:checked + label > div {
  outline-color: #fbea3a;
  border-color: #0d1115;
  background: #fbea3a; }

@media screen and (min-width: 1000px) {
  .special-checkbox3 .input-special-checkbox:checked + label:hover > div {
    outline-color: #fbea3a;
    border-color: #fbea3a;
    background: #fbea3a; } }

.radio-format {
  display: none; }
  .radio-format + label {
    width: calc(33.333% -  10px);
    margin-right: 15px;
    margin-top: 15px;
    display: block;
    float: left;
    cursor: pointer; }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .radio-format + label {
        width: calc(50% -  10px); } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .radio-format + label {
        width: calc(50% -  10px); } }
    @media screen and (max-width: 639px) {
      .radio-format + label {
        width: 200px;
        margin: 0 auto 10px;
        float: none; } }
    @media screen and (min-width: 1721px) {
      .radio-format + label:nth-child(3n) {
        margin-right: 0; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .radio-format + label:nth-child(3n) {
        margin-right: 0; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .radio-format + label:nth-child(4n) {
        margin-right: 0; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .radio-format + label:nth-child(4n) {
        margin-right: 0; } }
    .radio-format + label .radio-format-img {
      background-position: center;
      background-size: cover;
      position: relative;
      height: 200px; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .radio-format + label .radio-format-img {
          height: 150px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .radio-format + label .radio-format-img {
          height: 150px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .radio-format + label .radio-format-img {
          height: 130px; } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .radio-format + label .radio-format-img {
          height: 130px; } }
      @media screen and (max-width: 639px) {
        .radio-format + label .radio-format-img {
          height: 150px; } }
      .radio-format + label .radio-format-img .radio-format-info {
        position: absolute;
        display: block;
        top: 5px;
        right: 5px;
        background: #262626;
        -webkit-transition: background .6s ease;
        -o-transition: background .6s ease;
        transition: background .6s ease;
        width: 34px;
        height: 34px; }
        @media screen and (max-width: 2295px) and (min-width: 1721px) {
          .radio-format + label .radio-format-img .radio-format-info {
            width: 25px;
            height: 25px; } }
        @media screen and (max-width: 1720px) and (min-width: 1301px) {
          .radio-format + label .radio-format-img .radio-format-info {
            width: 20px;
            height: 20px; } }
        @media screen and (max-width: 1300px) and (min-width: 1001px) {
          .radio-format + label .radio-format-img .radio-format-info {
            width: 20px;
            height: 20px; } }
        @media screen and (max-width: 1000px) and (min-width: 640px) {
          .radio-format + label .radio-format-img .radio-format-info {
            width: 25px;
            height: 25px; } }
        @media screen and (max-width: 639px) {
          .radio-format + label .radio-format-img .radio-format-info {
            width: 20px;
            height: 20px; } }
        @media screen and (min-width: 1000px) {
          .radio-format + label .radio-format-img .radio-format-info:hover {
            background: #fbea3a; }
            .radio-format + label .radio-format-img .radio-format-info:hover .svg {
              fill: #262626; } }
        .radio-format + label .radio-format-img .radio-format-info .svg {
          fill: #fff; }
    .radio-format + label .radio-format-title {
      background: #fff;
      text-align: center;
      -webkit-transition: background .6s ease;
      -o-transition: background .6s ease;
      transition: background .6s ease;
      height: 75px;
      line-height: 75px; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .radio-format + label .radio-format-title {
          height: 55px;
          line-height: 55px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .radio-format + label .radio-format-title {
          height: 55px;
          line-height: 55px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .radio-format + label .radio-format-title {
          height: 50px;
          line-height: 50px; } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .radio-format + label .radio-format-title {
          height: 45px;
          line-height: 45px; } }
      @media screen and (max-width: 639px) {
        .radio-format + label .radio-format-title {
          height: 55px;
          line-height: 55px; } }
  .radio-format:checked + label .radio-format-title {
    background: #fbea3a; }
  @media screen and (min-width: 1000px) {
    .radio-format:hover + label .radio-format-title {
      background: #fbea3a; } }

.checkbox-table {
  background: #fff;
  width: 100%;
  display: table;
  padding: 0;
  height: 75px;
  margin-bottom: 4px;
  padding-top: 21px;
  padding-left: 26px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .checkbox-table {
      height: 52px;
      padding-top: 11px;
      padding-left: 20px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .checkbox-table {
      height: 40px;
      padding-top: 11px;
      padding-left: 22px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .checkbox-table {
      height: 40px;
      padding-top: 11px;
      padding-left: 22px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .checkbox-table {
      height: 55px;
      padding-top: 11px;
      padding-left: 26px; } }
  @media screen and (max-width: 639px) {
    .checkbox-table {
      height: 40px;
      padding-top: 11px;
      padding-left: 16px; } }
  .checkbox-table:last-child {
    margin-bottom: 0; }
  .checkbox-table input {
    display: none; }
    .checkbox-table input:checked + label .checkbox-table-icon:after {
      opacity: 1; }
    .checkbox-table input:checked + label .checkbox-table-icon:before {
      height: 25px;
      width: 25px; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .checkbox-table input:checked + label .checkbox-table-icon:before {
          width: 19px;
          height: 19px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .checkbox-table input:checked + label .checkbox-table-icon:before {
          width: 16px;
          height: 16px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .checkbox-table input:checked + label .checkbox-table-icon:before {
          width: 14px;
          height: 14px; } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .checkbox-table input:checked + label .checkbox-table-icon:before {
          width: 19px;
          height: 19px; } }
      @media screen and (max-width: 639px) {
        .checkbox-table input:checked + label .checkbox-table-icon:before {
          width: 14px;
          height: 14px; } }
  .checkbox-table label {
    display: inline-block;
    width: 100%;
    cursor: pointer;
    position: relative; }
    .checkbox-table label:before, .checkbox-table label:after {
      content: " ";
      display: table; }
    .checkbox-table label:after {
      clear: both; }
    .checkbox-table label .checkbox-table-icon {
      width: 32px;
      height: 32px;
      float: left;
      margin-right: 13px;
      background: #d7d7d7;
      position: relative; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .checkbox-table label .checkbox-table-icon {
          width: 24px;
          height: 24px;
          margin-right: 10px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .checkbox-table label .checkbox-table-icon {
          width: 20px;
          height: 20px;
          margin-right: 7px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .checkbox-table label .checkbox-table-icon {
          width: 20px;
          height: 20px;
          margin-right: 6px; } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .checkbox-table label .checkbox-table-icon {
          width: 24px;
          height: 24px;
          margin-right: 10px; } }
      @media screen and (max-width: 639px) {
        .checkbox-table label .checkbox-table-icon {
          width: 20px;
          height: 20px;
          margin-right: 7px; } }
      .checkbox-table label .checkbox-table-icon:after {
        content: '';
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate3d(-50%, -50%, 0);
                transform: translate3d(-50%, -50%, 0);
        z-index: 2;
        background: #fbea3a;
        opacity: 0;
        -webkit-transition: opacity .6s ease, width .6s ease, height .6s ease;
        -o-transition: opacity .6s ease, width .6s ease, height .6s ease;
        transition: opacity .6s ease, width .6s ease, height .6s ease;
        width: 16px;
        height: 16px; }
        @media screen and (max-width: 2295px) and (min-width: 1721px) {
          .checkbox-table label .checkbox-table-icon:after {
            width: 12px;
            height: 12px; } }
        @media screen and (max-width: 1720px) and (min-width: 1301px) {
          .checkbox-table label .checkbox-table-icon:after {
            width: 10px;
            height: 10px; } }
        @media screen and (max-width: 1300px) and (min-width: 1001px) {
          .checkbox-table label .checkbox-table-icon:after {
            width: 10px;
            height: 10px; } }
        @media screen and (max-width: 1000px) and (min-width: 640px) {
          .checkbox-table label .checkbox-table-icon:after {
            width: 12px;
            height: 12px; } }
        @media screen and (max-width: 639px) {
          .checkbox-table label .checkbox-table-icon:after {
            width: 10px;
            height: 10px; } }
      .checkbox-table label .checkbox-table-icon:before {
        content: '';
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate3d(-50%, -50%, 0);
                transform: translate3d(-50%, -50%, 0);
        z-index: 1;
        background: #fff;
        width: 0;
        height: 0;
        -webkit-transition: width .6s ease, height .6s ease;
        -o-transition: width .6s ease, height .6s ease;
        transition: width .6s ease, height .6s ease; }
    .checkbox-table label .checkbox-table-icon-text {
      float: left;
      width: calc(100% - 45px); }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .checkbox-table label .checkbox-table-icon-text {
          width: calc(100% - 34px); } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .checkbox-table label .checkbox-table-icon-text {
          width: calc(100% - 32px); } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .checkbox-table label .checkbox-table-icon-text {
          width: calc(100% - 32px); } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .checkbox-table label .checkbox-table-icon-text {
          width: calc(100% - 34px); } }
      @media screen and (max-width: 639px) {
        .checkbox-table label .checkbox-table-icon-text {
          width: calc(100% - 27px); } }
    @media screen and (min-width: 1000px) {
      .checkbox-table label:hover .checkbox-table-icon:before {
        height: 24px;
        width: 24px; } }
  @media screen and (min-width: 1000px) and (max-width: 2295px) and (min-width: 1721px) {
    .checkbox-table label:hover .checkbox-table-icon:before {
      width: 18px;
      height: 18px; } }
  @media screen and (min-width: 1000px) and (max-width: 1720px) and (min-width: 1301px) {
    .checkbox-table label:hover .checkbox-table-icon:before {
      width: 16px;
      height: 16px; } }
  @media screen and (min-width: 1000px) and (max-width: 1300px) and (min-width: 1001px) {
    .checkbox-table label:hover .checkbox-table-icon:before {
      width: 14px;
      height: 14px; } }
  @media screen and (min-width: 1000px) and (max-width: 1000px) and (min-width: 640px) {
    .checkbox-table label:hover .checkbox-table-icon:before {
      width: 18px;
      height: 18px; } }
  @media screen and (min-width: 1000px) and (max-width: 639px) {
    .checkbox-table label:hover .checkbox-table-icon:before {
      width: 14px;
      height: 14px; } }
    .checkbox-table label .checkbox-table-text, .checkbox-table label .checkbox-table-title, .checkbox-table label .checkbox-table-price {
      line-height: 32px; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .checkbox-table label .checkbox-table-text, .checkbox-table label .checkbox-table-title, .checkbox-table label .checkbox-table-price {
          line-height: 24px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .checkbox-table label .checkbox-table-text, .checkbox-table label .checkbox-table-title, .checkbox-table label .checkbox-table-price {
          line-height: 20px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .checkbox-table label .checkbox-table-text, .checkbox-table label .checkbox-table-title, .checkbox-table label .checkbox-table-price {
          line-height: 20px; } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .checkbox-table label .checkbox-table-text, .checkbox-table label .checkbox-table-title, .checkbox-table label .checkbox-table-price {
          line-height: 24px; } }
      @media screen and (max-width: 639px) {
        .checkbox-table label .checkbox-table-text, .checkbox-table label .checkbox-table-title, .checkbox-table label .checkbox-table-price {
          line-height: 20px; } }
    .checkbox-table label .checkbox-table-title {
      width: 480px;
      float: left;
      text-transform: lowercase;
      font-weight: 500;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis;
      margin-left: 27px; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .checkbox-table label .checkbox-table-title {
          width: 360px;
          margin-left: 20px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .checkbox-table label .checkbox-table-title {
          width: 249px;
          margin-left: 12px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .checkbox-table label .checkbox-table-title {
          width: 177px;
          margin-left: 12px; } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .checkbox-table label .checkbox-table-title {
          width: 280px;
          margin-left: 27px; } }
      @media screen and (max-width: 639px) {
        .checkbox-table label .checkbox-table-title {
          width: calc(100% - 147px);
          margin-left: 9px; } }
      .checkbox-table label .checkbox-table-title.width-100 {
        width: 100%; }
    .checkbox-table label .checkbox-table-text {
      width: 90px;
      float: left;
      font-weight: 600; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .checkbox-table label .checkbox-table-text {
          width: 90px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .checkbox-table label .checkbox-table-text {
          width: 60px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .checkbox-table label .checkbox-table-text {
          width: 45px; } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .checkbox-table label .checkbox-table-text {
          width: 90px; } }
      @media screen and (max-width: 639px) {
        .checkbox-table label .checkbox-table-text {
          width: 40px; } }
    .checkbox-table label .checkbox-table-price {
      width: 171px;
      text-align: right;
      float: left;
      font-weight: 500;
      position: relative; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .checkbox-table label .checkbox-table-price {
          width: 106px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .checkbox-table label .checkbox-table-price {
          width: 98px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .checkbox-table label .checkbox-table-price {
          width: 71px; } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .checkbox-table label .checkbox-table-price {
          width: 105px; } }
      @media screen and (max-width: 639px) {
        .checkbox-table label .checkbox-table-price {
          width: 50px; } }
    .checkbox-table label .checkbox-table-info {
      background: #0d1115;
      display: inline-block;
      vertical-align: middle;
      -webkit-transition: background .6s ease, color .6s ease;
      -o-transition: background .6s ease, color .6s ease;
      transition: background .6s ease, color .6s ease;
      float: right;
      position: absolute;
      color: #fff;
      width: 32px;
      height: 32px;
      right: 27px; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .checkbox-table label .checkbox-table-info {
          width: 25px;
          right: 20px;
          height: 25px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .checkbox-table label .checkbox-table-info {
          width: 21px;
          height: 21px;
          right: 10px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .checkbox-table label .checkbox-table-info {
          width: 21px;
          height: 21px;
          right: 9px; } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .checkbox-table label .checkbox-table-info {
          width: 25px;
          height: 25px;
          right: 12px; } }
      @media screen and (max-width: 639px) {
        .checkbox-table label .checkbox-table-info {
          width: 21px;
          height: 21px;
          right: 8px; } }
      .checkbox-table label .checkbox-table-info .svg {
        fill: currentColor; }
      @media screen and (min-width: 1000px) {
        .checkbox-table label .checkbox-table-info:hover {
          background: #fbea3a;
          color: #0d1115; } }

.input-radio-table {
  background: #fff;
  width: 100%;
  display: table;
  padding: 0 20px;
  height: 75px;
  line-height: 75px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .input-radio-table {
      height: 52px;
      line-height: 52px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .input-radio-table {
      height: 40px;
      line-height: 40px;
      padding: 0 12px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .input-radio-table {
      height: 40px;
      line-height: 40px;
      padding: 0; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .input-radio-table {
      height: 55px;
      line-height: 55px;
      padding: 0; } }
  @media screen and (max-width: 639px) {
    .input-radio-table {
      height: 40px;
      line-height: 40px;
      padding: 0; } }
  .input-radio-table input {
    display: none; }
    .input-radio-table input:checked + label .input-radio-table-icon:after {
      opacity: 1; }
    .input-radio-table input:checked + label .input-radio-table-icon:before {
      height: 25px;
      width: 25px; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .input-radio-table input:checked + label .input-radio-table-icon:before {
          width: 19px;
          height: 19px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .input-radio-table input:checked + label .input-radio-table-icon:before {
          width: 16px;
          height: 16px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .input-radio-table input:checked + label .input-radio-table-icon:before {
          width: 14px;
          height: 14px; } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .input-radio-table input:checked + label .input-radio-table-icon:before {
          width: 19px;
          height: 19px; } }
      @media screen and (max-width: 639px) {
        .input-radio-table input:checked + label .input-radio-table-icon:before {
          width: 14px;
          height: 14px; } }
    .input-radio-table input:checked + label .input-radio-img svg .hidden {
      opacity: 1; }
    .input-radio-table input:checked + label .input-radio-img svg image {
      opacity: 0; }
  .input-radio-table:last-child label {
    border-bottom: 2px solid #f3f3f3; }
  .input-radio-table label {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    cursor: pointer;
    position: relative;
    border-top: 2px solid #f3f3f3;
    padding: 20px 0 17px; }
    .input-radio-table label:before, .input-radio-table label:after {
      content: " ";
      display: table; }
    .input-radio-table label:after {
      clear: both; }
    .input-radio-table label .input-radio-table-icon {
      width: 32px;
      height: 32px;
      background: #d7d7d7;
      position: absolute;
      top: 50%;
      left: 0;
      -webkit-transform: translate(0, -50%);
          -ms-transform: translate(0, -50%);
              transform: translate(0, -50%); }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .input-radio-table label .input-radio-table-icon {
          width: 24px;
          height: 24px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .input-radio-table label .input-radio-table-icon {
          width: 20px;
          height: 20px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .input-radio-table label .input-radio-table-icon {
          width: 20px;
          height: 20px; } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .input-radio-table label .input-radio-table-icon {
          width: 24px;
          height: 24px; } }
      @media screen and (max-width: 639px) {
        .input-radio-table label .input-radio-table-icon {
          width: 20px;
          height: 20px;
          margin-right: 7px;
          top: 20px;
          -webkit-transform: none;
              -ms-transform: none;
                  transform: none; } }
      .input-radio-table label .input-radio-table-icon:after {
        content: '';
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate3d(-50%, -50%, 0);
                transform: translate3d(-50%, -50%, 0);
        z-index: 2;
        background: #fbea3a;
        opacity: 0;
        -webkit-transition: opacity .6s ease, width .6s ease, height .6s ease;
        -o-transition: opacity .6s ease, width .6s ease, height .6s ease;
        transition: opacity .6s ease, width .6s ease, height .6s ease;
        width: 16px;
        height: 16px; }
        @media screen and (max-width: 2295px) and (min-width: 1721px) {
          .input-radio-table label .input-radio-table-icon:after {
            width: 12px;
            height: 12px; } }
        @media screen and (max-width: 1720px) and (min-width: 1301px) {
          .input-radio-table label .input-radio-table-icon:after {
            width: 10px;
            height: 10px; } }
        @media screen and (max-width: 1300px) and (min-width: 1001px) {
          .input-radio-table label .input-radio-table-icon:after {
            width: 10px;
            height: 10px; } }
        @media screen and (max-width: 1000px) and (min-width: 640px) {
          .input-radio-table label .input-radio-table-icon:after {
            width: 12px;
            height: 12px; } }
        @media screen and (max-width: 639px) {
          .input-radio-table label .input-radio-table-icon:after {
            width: 10px;
            height: 10px; } }
      .input-radio-table label .input-radio-table-icon:before {
        content: '';
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate3d(-50%, -50%, 0);
                transform: translate3d(-50%, -50%, 0);
        z-index: 1;
        background: #fff;
        width: 0;
        height: 0;
        -webkit-transition: width .6s ease, height .6s ease;
        -o-transition: width .6s ease, height .6s ease;
        transition: width .6s ease, height .6s ease; }
    .input-radio-table label:hover .input-radio-table-icon:before {
      height: 24px;
      width: 24px; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .input-radio-table label:hover .input-radio-table-icon:before {
          width: 18px;
          height: 18px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .input-radio-table label:hover .input-radio-table-icon:before {
          width: 16px;
          height: 16px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .input-radio-table label:hover .input-radio-table-icon:before {
          width: 14px;
          height: 14px; } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .input-radio-table label:hover .input-radio-table-icon:before {
          width: 0;
          height: 0; } }
      @media screen and (max-width: 639px) {
        .input-radio-table label:hover .input-radio-table-icon:before {
          width: 0;
          height: 0; } }
    .input-radio-table label .input-radio-table-title {
      width: calc(100% - 150px);
      float: left;
      text-transform: uppercase;
      font-weight: 500;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis;
      padding-left: 60px;
      color: #262626;
      margin-bottom: 5px; }
      @media screen and (max-width: 639px) {
        .input-radio-table label .input-radio-table-title {
          width: 100%;
          float: none;
          padding-left: 28px;
          padding-top: 4px; } }
    .input-radio-table label .input-radio-table-text {
      width: calc(100% - 150px);
      float: left;
      font-weight: 600;
      color: #bfbfbf;
      padding-left: 60px; }
      @media screen and (max-width: 639px) {
        .input-radio-table label .input-radio-table-text {
          width: 100%;
          float: none;
          margin-bottom: 10px;
          padding-left: 28px; } }
    .input-radio-table label .input-radio-table-price {
      width: 150px;
      text-align: right;
      float: right;
      font-weight: 500;
      text-transform: none;
      position: absolute;
      top: 50%;
      right: 0;
      -webkit-transform: translate(0, -50%);
          -ms-transform: translate(0, -50%);
              transform: translate(0, -50%); }
      @media screen and (max-width: 639px) {
        .input-radio-table label .input-radio-table-price {
          position: relative;
          top: auto;
          right: auto;
          float: none;
          -webkit-transform: none;
              -ms-transform: none;
                  transform: none;
          width: 100%;
          text-align: left;
          padding-left: 28px; } }
    .input-radio-table label .input-radio-img {
      display: inline-block;
      position: absolute;
      top: 50%;
      right: 0;
      -webkit-transform: translate(0, -50%);
          -ms-transform: translate(0, -50%);
              transform: translate(0, -50%); }
      @media screen and (max-width: 639px) {
        .input-radio-table label .input-radio-img {
          display: none; } }
      .input-radio-table label .input-radio-img svg image {
        -webkit-transition: opacity .6s ease;
        -o-transition: opacity .6s ease;
        transition: opacity .6s ease;
        opacity: 1; }
      .input-radio-table label .input-radio-img svg .hidden {
        opacity: 0; }
    @media screen and (min-width: 1000px) {
      .input-radio-table label:hover .input-radio-img svg .hidden {
        opacity: 1; }
      .input-radio-table label:hover .input-radio-img svg image {
        opacity: 0; } }
  .input-radio-table.input-in-active label {
    color: #9b9b9b; }
    .input-radio-table.input-in-active label .input-radio-table-title {
      color: #9b9b9b; }
    .input-radio-table.input-in-active label:hover .input-radio-table-icon:before {
      width: 0;
      height: 0; }
    .input-radio-table.input-in-active label:hover .input-radio-img svg image {
      opacity: 1; }
      .input-radio-table.input-in-active label:hover .input-radio-img svg image.hidden {
        display: none; }

#black-theme .special-checkbox2 .input-special-checkbox + label > div {
  border-color: #21262a;
  background: #21262a; }
  #black-theme .special-checkbox2 .input-special-checkbox + label > div .input-check {
    background: #21262a; }

#black-theme .special-checkbox2 .input-special-checkbox:checked + label > div {
  border-color: #fbea3a;
  background: transparent; }
  #black-theme .special-checkbox2 .input-special-checkbox:checked + label > div .input-check {
    background: #fbea3a; }

@media screen and (min-width: 1000px) {
  #black-theme .special-checkbox2:hover .input-special-checkbox + label > div {
    /*border-color: #fbea3a;*/
    background: #fbea3a; }
    #black-theme .special-checkbox2:hover .input-special-checkbox + label > div .input-check {
      background: #fbea3a; }
  #black-theme .special-checkbox2:hover .input-special-checkbox:checked + label > div {
    border-color: #fbea3a;
    background: transparent; }
    #black-theme .special-checkbox2:hover .input-special-checkbox:checked + label > div .input-check {
      background: #fbea3a; } }

#black-theme .special-checkbox3 .input-special-checkbox + label {
  color: #74787b; }
  @media screen and (min-width: 1000px) {
    #black-theme .special-checkbox3 .input-special-checkbox + label:hover {
      color: #fff; } }

#black-theme .special-checkbox3 .input-special-checkbox:checked + label {
  color: #fff; }
  @media screen and (min-width: 1000px) {
    #black-theme .special-checkbox3 .input-special-checkbox:checked + label:hover {
      color: #fff; } }

#black-theme .input-special-checkbox + label {
  color: #74787b; }
  @media screen and (min-width: 1000px) {
    #black-theme .input-special-checkbox + label:hover {
      color: #fefefe; } }

.content-table {
  width: 100%;
  border-collapse: collapse; }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .content-table {
      width: calc(100% + (50px * 2));
      margin-left: -50px; } }
  @media screen and (max-width: 639px) {
    .content-table {
      width: calc(100% + (20px * 2));
      margin-left: -20px; } }
  .content-table thead td {
    padding: 23px 24px 19px; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .content-table thead td {
        padding: 17px 19px 15px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .content-table thead td {
        padding: 17px 15px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .content-table thead td {
        padding: 20px 15px 14px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .content-table thead td {
        padding: 27px 50px 21px; } }
    @media screen and (max-width: 639px) {
      .content-table thead td {
        padding: 15px 20px 13px; } }
  .content-table tbody td {
    background-clip: padding-box;
    border-left: 18px solid #f3f3f3;
    padding: 26px 24px 14px 24px;
    vertical-align: middle; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .content-table tbody td {
        border-left-width: 14px;
        padding: 19px 19px 11px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .content-table tbody td {
        border-left-width: 9px;
        padding: 20px 15px 11px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .content-table tbody td {
        border-left-width: 18px;
        padding: 21px 15px 10px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .content-table tbody td {
        border-left-width: 25px;
        padding: 27px 50px 20px; } }
    @media screen and (max-width: 639px) {
      .content-table tbody td {
        border-left: none;
        padding: 19px 20px 8px;
        text-align: left; } }
    .content-table tbody td:nth-child(1) {
      border-left: none;
      vertical-align: top; }
    .content-table tbody td .hidden-contnet {
      display: none; }
      @media screen and (max-width: 1300px) {
        .content-table tbody td .hidden-contnet {
          display: block; } }
  .content-table.table-detail {
    margin-top: 45px; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .content-table.table-detail {
        margin-top: 33px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .content-table.table-detail {
        margin-top: 37px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .content-table.table-detail {
        margin-top: 24px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .content-table.table-detail {
        margin-top: 38px; } }
    @media screen and (max-width: 639px) {
      .content-table.table-detail {
        margin-top: 35px; } }
    .content-table.table-detail thead {
      background: #fbea3a; }
      .content-table.table-detail thead td {
        border: none; }
    .content-table.table-detail tbody td {
      border-bottom: 1px solid #dcdcdc;
      text-align: center; }
      @media screen and (max-width: 639px) {
        .content-table.table-detail tbody td {
          text-align: left; } }
      .content-table.table-detail tbody td:nth-child(1) {
        width: 43%;
        text-transform: uppercase;
        text-align: left; }
        @media screen and (max-width: 1300px) and (min-width: 1001px) {
          .content-table.table-detail tbody td:nth-child(1) {
            width: 52%; } }
        @media screen and (max-width: 1000px) and (min-width: 640px) {
          .content-table.table-detail tbody td:nth-child(1) {
            width: 52%; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .content-table.table-equipment {
      width: 100%;
      margin-left: 0; } }
  @media screen and (max-width: 639px) {
    .content-table.table-equipment {
      width: 100%;
      margin-left: 0; } }
  .content-table.table-equipment tbody tr:last-child td {
    border-bottom: 1px solid #dcdcdc; }
  .content-table.table-equipment tbody td {
    border-left-color: #fff;
    border-top: 1px solid #dcdcdc;
    text-align: center; }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .content-table.table-equipment tbody td {
        padding: 16px 24px; } }
    @media screen and (max-width: 639px) {
      .content-table.table-equipment tbody td {
        padding: 14px 0;
        text-align: left; } }
    .content-table.table-equipment tbody td:nth-child(1) {
      width: 43%;
      text-transform: uppercase;
      text-align: left; }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .content-table.table-equipment tbody td:nth-child(1) {
          width: 52%; } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .content-table.table-equipment tbody td:nth-child(1) {
          width: 52%; } }
    .content-table.table-equipment tbody td:nth-child(2) {
      padding: 14px 0 14px 18px; }
  .content-table.table-vacancies {
    text-transform: uppercase;
    text-align: left;
    float: left;
    width: calc(50% - (28px * 2));
    margin: 0 28px; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .content-table.table-vacancies {
        width: calc(50% - (21px * 2));
        margin: 0 21px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .content-table.table-vacancies {
        width: calc(50% - (9.5px * 2));
        margin: 0 9.5px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .content-table.table-vacancies {
        width: calc(50% - (8.5px * 2));
        margin: 0 8.5px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .content-table.table-vacancies {
        width: 100%;
        margin: 0;
        margin-top: 46px; } }
    @media screen and (max-width: 639px) {
      .content-table.table-vacancies {
        width: 100%;
        margin: 0;
        margin-top: 39px; } }
    @media screen and (max-width: 639px) {
      .content-table.table-vacancies:first-child {
        margin-top: 20px; } }
    .content-table.table-vacancies thead td {
      border-bottom: none;
      background-color: #f3f3f3;
      padding: 27px 28px; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .content-table.table-vacancies thead td {
          padding: 21px 22px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .content-table.table-vacancies thead td {
          padding: 21px 18px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .content-table.table-vacancies thead td {
          padding: 19px 14px; } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .content-table.table-vacancies thead td {
          padding: 20px 21px; } }
      @media screen and (max-width: 639px) {
        .content-table.table-vacancies thead td {
          padding: 18px 14px; } }
    .content-table.table-vacancies tbody td {
      border-bottom: 1px solid #dcdcdc; }
    .content-table.table-vacancies td {
      padding: 26px 28px; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .content-table.table-vacancies td {
          padding: 19px 22px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .content-table.table-vacancies td {
          padding: 20px 18px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .content-table.table-vacancies td {
          padding: 18px 14px; } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .content-table.table-vacancies td {
          padding: 19px 21px; } }
      @media screen and (max-width: 639px) {
        .content-table.table-vacancies td {
          padding: 18px 14px; } }

.table {
  display: table;
  width: 100%;
  height: 100%; }
  .table .table-cell {
    display: table-cell;
    vertical-align: middle; }

#white-theme .content-table .value-gray {
  color: #aeaeae; }

#black-theme .content-table .value-gray {
  color: #7c858e; }

#black-theme .content-table.table-detail thead {
  background: #3e4349; }

#black-theme .content-table.table-detail td {
  border-bottom-color: #34393f;
  border-left-color: #0d1115; }

.btn-main {
  line-height: 76px;
  text-decoration: none;
  color: inherit;
  display: inline-block;
  cursor: pointer;
  position: relative;
  -webkit-transition: color .6s ease;
  -o-transition: color .6s ease;
  transition: color .6s ease;
  white-space: nowrap;
  overflow: hidden;
  max-width: 100%;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .btn-main {
      line-height: 56px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .btn-main {
      line-height: 50px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .btn-main {
      line-height: 40px;
      margin-bottom: 15px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .btn-main {
      line-height: 56px; } }
  @media screen and (max-width: 639px) {
    .btn-main {
      line-height: 40px; } }
  .btn-main:after {
    content: '';
    width: 76px;
    height: 76px;
    position: absolute;
    display: block;
    background: #fbea3a;
    z-index: 0;
    border-radius: 56px;
    -webkit-transition: width .6s ease, background .6s ease, opacity .6s ease;
    -o-transition: width .6s ease, background .6s ease, opacity .6s ease;
    transition: width .6s ease, background .6s ease, opacity .6s ease;
    top: 0;
    right: 0; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .btn-main:after {
		width: 56px;
        height: 56px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .btn-main:after {
		width: 50px;
        height: 50px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .btn-main:after {
		width: 40px;
        height: 40px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .btn-main:after {
		width: 56px;
        height: 56px; } }
    @media screen and (max-width: 639px) {
      .btn-main:after {
		width: 40px;
        height: 40px; } }
  .btn-main:hover:after {
    width: 100%; }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .btn-main:hover:after {
        width: 56px; } }
    @media screen and (max-width: 639px) {
      .btn-main:hover:after {
        width: 40px; } }
  .btn-main span {
    position: relative;
    z-index: 1;
    text-transform: uppercase; }
  .btn-main svg {
    -webkit-transition: fill .6s ease;
    -o-transition: fill .6s ease;
    transition: fill .6s ease; }
  .btn-main .btn-main-circle {
    width: 76px;
    height: 76px;
    border-radius: 76px;
    display: inline-block;
    background: #fbea3a;
    vertical-align: middle;
    position: relative;
    z-index: 1;
    -webkit-transition: 1s linear;
    -o-transition: 1s linear;
    transition: 1s linear; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .btn-main .btn-main-circle {
        width: 56px;
        height: 56px;
        border-radius: 56px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .btn-main .btn-main-circle {
        width: 50px;
        height: 50px;
        border-radius: 50px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .btn-main .btn-main-circle {
        width: 40px;
        height: 40px;
        border-radius: 40px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .btn-main .btn-main-circle {
        width: 56px;
        height: 56px;
        border-radius: 56px; } }
    @media screen and (max-width: 639px) {
      .btn-main .btn-main-circle {
        width: 40px;
        height: 40px;
        border-radius: 40px; } }
    .btn-main .btn-main-circle .svg-forgot-password-btn {
      fill: #262626; }
  .btn-main.btn-right.btn-main-anim {
    padding-left: 38px; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .btn-main.btn-right.btn-main-anim {
        padding-left: 28px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .btn-main.btn-right.btn-main-anim {
        padding-left: 25px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .btn-main.btn-right.btn-main-anim {
        padding-left: 20px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .btn-main.btn-right.btn-main-anim {
        padding-left: 28px; } }
    @media screen and (max-width: 639px) {
      .btn-main.btn-right.btn-main-anim {
        padding-left: 20px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .btn-main.btn-right.btn-main-anim.h8 {
        margin-top: 114px }
      .accordion .btn-main.btn-right.btn-main-anim.h8 {
        margin-top: 0 } }
    @media screen and (max-width: 639px) {
      .btn-main.btn-right.btn-main-anim.h8 {
        margin-top: 80px }
      .accordion .btn-main.btn-right.btn-main-anim.h8 {
        margin-top: 0 } }
    @media screen and (max-width: 639px) {
      .btn-main.btn-right.btn-main-anim.without-padding {
        padding-left: 0; } }
  .btn-main.btn-right:after {
    top: 0;
    right: 0; }
  .btn-main.btn-right .btn-main-circle {
    margin-left: 10px; }
  .btn-main.margin-for-btn-right {
    margin-left: -38px; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .btn-main.margin-for-btn-right {
        margin-left: -28px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .btn-main.margin-for-btn-right {
        margin-left: -25px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .btn-main.margin-for-btn-right {
        margin-left: -20px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .btn-main.margin-for-btn-right {
        margin-left: -28px; } }
    @media screen and (max-width: 639px) {
      .btn-main.margin-for-btn-right {
        margin-left: -20px; } }
	.btn-main.btn-left.btn-main-anim {padding-right: 20px}
    .btn-main.btn-left.btn-main-anim > span {
		float: left;
		cursor: pointer;
	  display: block; text-align: center}
  .btn-main.btn-left:after {
    top: 0;
  left: 0;}
.status-order-btns .btn-main.btn-left.btn-main-anim {
  height: 76px;
  border-radius: 76px;
  background: #fbea3a;
  vertical-align: middle;
  position: relative;
  z-index: 1;
  text-align: center;
  -webkit-transition: background .6s ease, color .6s ease;
  -o-transition: background .6s ease, color .6s ease;
  transition: background .6s ease, color .6s ease;
  text-decoration: none;
  min-width: 300px;
  padding-right: 0!important}

	@media screen and (min-width: 1000px) {
		.status-order-btns .btn-main.btn-left.btn-main-anim:hover {background: #262626}
		.status-order-btns .btn-main.btn-left.btn-main-anim:hover span {color: #fbea3a}
	}

  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .status-order-btns .btn-main.btn-left.btn-main-anim {
      height: 56px;
      min-width: 210px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .status-order-btns .btn-main.btn-left.btn-main-anim {
      height: 50px;
      min-width: 195px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .status-order-btns .btn-main.btn-left.btn-main-anim {
      height: 40px;
      min-width: 155px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .status-order-btns .btn-main.btn-left.btn-main-anim {
      height: 56px;
      min-width: 220px;} }
  @media screen and (max-width: 1000px) {
    .status-order-btns .btn-main.btn-left.btn-main-anim {
	margin-top:20px;
     } }
  @media screen and (max-width: 639px) {
    .status-order-btns .btn-main.btn-left.btn-main-anim {
      height: 40px;
      min-width: 155px; } }

	.status-order-btns .btn-main.btn-left.btn-main-anim:after {display: none!important}
	.status-order-btns .btn-main.btn-left.btn-main-anim span {float: none; display: block}

  .btn-main.btn-left span:last-child {
    margin-left: 10px;}
  .btn-main.btn-left.btn-main-anim span:last-child {
    margin-left: 0;}
  .btn-main.btn-left.btn-main-anim > span{
    margin-right: 10px!important; }

	.catalog-header .btn-main.btn-left.btn-main-anim {width: 100%; padding-right: 0}
	.catalog-header .btn-main:after {width: 100%}
	.catalog-header .btn-main:hover:after {background: #1d1f24}
	.catalog-header .btn-main:hover span {color: #fbea3a}
	.catalog-header .btn-main.btn-left span {margin: 0 10px!important}
	.catalog-header .btn-main.btn-left.btn-main-anim > span {float: none}

	.popup-sign-in__btn-forgot-pass .btn-main.btn-left.btn-main-anim {padding-right: 0}


	.status-order-btns .btn-main.btn-left.btn-main-anim span:last-child {margin-left: 0}
  .btn-main.disabled {
    cursor: default; }
    .btn-main.disabled .btn-main-circle {
      background: #e2e2e2; }
      .btn-main.disabled .btn-main-circle svg {
        fill: #9b9b9b; }
    .btn-main.disabled .h11 {
      text-transform: none; }
    .btn-main.disabled span {
      color: #9b9b9b; }
    .btn-main.disabled:after {
      background: #e2e2e2;
      width: 76px;
      height: 76px; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .btn-main.disabled:after {
          width: 56px;
          height: 56px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .btn-main.disabled:after {
          width: 50px;
          height: 50px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .btn-main.disabled:after {
          width: 40px;
          height: 40px; } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .btn-main.disabled:after {
          width: 56px;
          height: 56px; } }
      @media screen and (max-width: 639px) {
        .btn-main.disabled:after {
          width: 40px;
          height: 40px; } }

.accordion-button.active:after {
  width: 100%; }

.accordion-button.active .btn-main-circle {
  -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
          transform: rotate(135deg); }

.btn-circle {
  line-height: 76px;
  height: 76px;
  width: 76px;
  text-decoration: none;
  color: #262626;
  display: inline-block;
  cursor: pointer;
  position: relative;
  -webkit-transition: color .6s ease;
  -o-transition: color .6s ease;
  transition: color .6s ease;
  border-radius: 50%; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .btn-circle {
      line-height: 56px;
      height: 56px;
      width: 56px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .btn-circle {
      line-height: 50px;
      height: 50px;
      width: 50px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .btn-circle {
      line-height: 40px;
      height: 40px;
      width: 40px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .btn-circle {
      line-height: 56px;
      height: 56px;
      width: 56px; } }
  @media screen and (max-width: 639px) {
    .btn-circle {
      line-height: 40px;
      height: 40px;
      width: 40px; } }
  .btn-circle:after {
    content: '';
    width: 0;
    height: 0;
    border-radius: 50%;
    display: block;
    position: absolute;
    z-index: 0;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    background: #fbea3a;
    -webkit-transition: width .6s ease, height .6s ease, background .6s ease;
    -o-transition: width .6s ease, height .6s ease, background .6s ease;
    transition: width .6s ease, height .6s ease, background .6s ease; }
  .btn-circle .svg {
    fill: currentColor;
    z-index: 1; }
  @media screen and (min-width: 640px) {
    .btn-circle:hover:after, .btn-circle.active:after {
      width: 100%;
      height: 100%; } }

.btn-main-static {
  height: 76px;
  border-radius: 76px;
  background: #fbea3a;
  vertical-align: middle;
  position: relative;
  z-index: 1;
  text-align: center;
  -webkit-transition: background .6s ease, color .6s ease;
  -o-transition: background .6s ease, color .6s ease;
  transition: background .6s ease, color .6s ease;
  float: right;
  display: table;
  text-decoration: none;
  min-width: 300px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .btn-main-static {
      height: 56px;
      min-width: 210px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .btn-main-static {
      height: 50px;
      min-width: 195px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .btn-main-static {
      height: 40px;
      min-width: 155px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .btn-main-static {
      height: 56px;
      min-width: 220px;
      background: #fbea3a; } }
  @media screen and (max-width: 1000px) {
    .btn-main-static {
	float:none;
	margin-top:20px;
     } }
  @media screen and (max-width: 639px) {
    .btn-main-static {
      height: 40px;
      min-width: 155px;
      background: #fbea3a; } }

.no_active_load_file {
    background-color: #a4a4a4!important;
    cursor: default;
	pointer-events: none;}

#registr_user.btn-main-static {float: none!important}

  @media screen and (min-width: 1000px) {
    .btn-main-static:hover {
      background: #262626; } }
  @media screen and (min-width: 1000px) {
    .btn-main-static:hover span {
      color: #fbea3a; } }
  .btn-main-static span {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    color: #262626;
    -webkit-transition: color .6s ease;
    -o-transition: color .6s ease;
    transition: color .6s ease; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .btn-main-static span, .status-order-btns .btn-main.btn-left.btn-main-anim span {
        padding: 0 30px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .btn-main-static span, .status-order-btns .btn-main.btn-left.btn-main-anim span {
        padding: 0 36px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .btn-main-static span, .status-order-btns .btn-main.btn-left.btn-main-anim span {
        padding: 0 20px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .btn-main-static span, .status-order-btns .btn-main.btn-left.btn-main-anim span {
        padding: 0 40px; } }
    @media screen and (max-width: 639px) {
      .btn-main-static span, .status-order-btns .btn-main.btn-left.btn-main-anim span {
        padding: 0 20px; } }
  .btn-main-static.btn-inver {
    background: #262626; }
    .btn-main-static.btn-inver span {
      color: #fbea3a; }
    @media screen and (min-width: 1000px) {
      .btn-main-static.btn-inver:hover {
        background: #fbea3a; }
        .btn-main-static.btn-inver:hover span {
          color: #262626; } }
  .btn-main-static.input-in-active {
    background: #d7d7d7; }
    .btn-main-static.input-in-active span {
      color: #9b9b9b; }

.btn-simple {
  line-height: 76px;
  padding: 0 25px;
  text-decoration: none;
  text-transform: uppercase;
  position: relative;
  display: inline-block; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .btn-simple {
      line-height: 56px;
      padding: 0 19px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .btn-simple {
      line-height: 56px;
      padding: 0 23px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .btn-simple {
      line-height: 40px;
      padding: 0 17px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .btn-simple {
      line-height: 55px;
      padding: 0 20px; } }
  @media screen and (max-width: 639px) {
    .btn-simple {
      line-height: 40px;
      padding: 0 20px; } }
  .btn-simple:before {
    background: #fbea3a;
    content: '';
    height: 100%;
    position: absolute;
    left: 0;
    -webkit-transition: width 0.6s ease;
    -o-transition: width 0.6s ease;
    transition: width 0.6s ease;
    top: 0;
    width: 0; }
  .btn-simple.active:before {
    width: 100%; }
  @media screen and (min-width: 1000px) {
    .btn-simple:hover:before {
      width: 100%; } }
  .btn-simple span {
    position: relative;
    z-index: 1; }

.soc-link {
  width: 100%; }
  .soc-link a {
    width: 78px;
    height: 78px;
    border-radius: 39px;
    float: left;
    background: #262626;
    margin-right: 15px;
    margin-bottom: 30px;
    -webkit-transition: background .6s ease, color .6s ease;
    -o-transition: background .6s ease, color .6s ease;
    transition: background .6s ease, color .6s ease;
    position: relative;
    color: #fbea3a; }
    .soc-link a:last-child {
      margin-right: 0; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .soc-link a {
        width: 58px;
        height: 58px;
        border-radius: 29px;
        margin-bottom: 30px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .soc-link a {
        width: 50px;
        height: 50px;
        border-radius: 25px;
        margin-bottom: 21px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .soc-link a {
        width: 42px;
        height: 42px;
        border-radius: 21px;
        margin-bottom: 15px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .soc-link a {
        width: 58px;
        height: 58px;
        border-radius: 29px;
        margin-bottom: 32px; } }
    @media screen and (max-width: 639px) {
      .soc-link a {
        width: 42px;
        height: 42px;
        border-radius: 21px;
        margin-bottom: 16px; } }
    .soc-link a .svg {
      fill: currentColor; }
    @media screen and (min-width: 1001px) {
      .soc-link a:hover {
        color: #262626;
        background: #fbea3a; } }
  .soc-link.soc-link-blog {
    margin: 28px 0 115px; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .soc-link.soc-link-blog {
        margin: 21px 0 86px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .soc-link.soc-link-blog {
        margin: 16px 0 70px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .soc-link.soc-link-blog {
        margin: 15px 0 49px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .soc-link.soc-link-blog {
        margin: 21px 0 70px; } }
    @media screen and (max-width: 639px) {
      .soc-link.soc-link-blog {
        margin: 16px 0 49px; } }

.close-link a {
  width: 78px;
  height: 78px;
  border-radius: 39px;
  background: #fbea3a;
  margin-right: 32px;
  margin-bottom: 15px;
  margin-top: 15px;
  -webkit-transition: background .6s ease, color .6s ease;
  -o-transition: background .6s ease, color .6s ease;
  transition: background .6s ease, color .6s ease;
  position: relative;
  float: right;
  color: #262626; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .close-link a {
      width: 58px;
      height: 58px;
      border-radius: 29px;
      margin-right: 15px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .close-link a {
      width: 50px;
      height: 50px;
      border-radius: 25px;
      margin-right: 15px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .close-link a {
      width: 42px;
      height: 42px;
      border-radius: 21px;
      margin-right: 15px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .close-link a {
      width: 58px;
      height: 58px;
      border-radius: 29px;
      margin-right: 15px; } }
  @media screen and (max-width: 639px) {
    .close-link a {
      width: 42px;
      height: 42px;
      border-radius: 21px;
      margin-right: 15px; } }
  .close-link a .svg {
    fill: currentColor;
    position: absolute; }
  @media screen and (min-width: 1001px) {
    .close-link a:hover {
      background: #262626;
      color: #fbea3a; } }

@media screen and (min-width: 1001px) {
  #white-theme .close-link a:hover {
    color: #fbea3a; } }

#black-theme .btn-main {
  color: #fff; }
  #black-theme .btn-main .btn-main-circle {
    color: #262626; }
  @media screen and (min-width: 1001px) {
    #black-theme .btn-main:hover {
      color: #262626; } }

@media screen and (min-width: 1001px) {
  #black-theme .btn-main-static:hover {
    background: #222730; } }

#black-theme .btn-main-static.btn-inver {
  background: #222730; }
  @media screen and (min-width: 1001px) {
    #black-theme .btn-main-static.btn-inver:hover {
      background: #fbea3a; } }

#black-theme .soc-link a {
  background: #222730;
  color: #fbea3a;
  -webkit-transition: background .6s ease, color .6s ease;
  -o-transition: background .6s ease, color .6s ease;
  transition: background .6s ease, color .6s ease; }
  #black-theme .soc-link a .svg {
    fill: currentColor; }
  @media screen and (min-width: 1001px) {
    #black-theme .soc-link a:hover {
      background: #fbea3a;
      color: #222730; } }

#black-theme .close-link a {
  background: #fbea3a;
  color: #262626;
  -webkit-transition: background .6s ease, color .6s ease;
  -o-transition: background .6s ease, color .6s ease;
  transition: background .6s ease, color .6s ease; }
  #black-theme .close-link a .svg {
    fill: currentColor; }
  @media screen and (min-width: 1001px) {
    #black-theme .close-link a:hover {
      background: #222730;
      color: #fbea3a; } }

.list-with-markers {margin-left: 15px}

.list-with-markers li {position: relative; padding-left: 30px}
  @media screen and (max-width: 1720px) and (min-width: 1001px) {
	  .list-with-markers li {padding-left: 20px}
  }
.list-with-markers li:before {
    width: 12px;
    height: 12px;
    content: " ";
    background: #262626;
    position: absolute;
    left: 3px;
    top: 11px; }

#black-theme .list-with-markers li:before {background: #d8dce0}
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .list-with-markers li:before, #black-theme .text-wrapper ul > li:before {
      width: 9px;
      height: 9px;
      left: 0px;
      top: 8px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .list-with-markers li:before, #black-theme .text-wrapper ul > li:before {
      width: 9px;
      height: 9px;
      left: 0px;
      top: 8px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .list-with-markers li:before, #black-theme .text-wrapper ul > li:before {
      width: 9px;
      height: 9px;
      left: 0px;
      top: 8px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .list-with-markers li:before, #black-theme .text-wrapper ul > li:before {
      width: 9px;
      height: 9px;
      left: 0px;
      top: 8px; } }
  @media screen and (max-width: 639px) {
    .list-with-markers li:before, #black-theme .text-wrapper ul > li:before {
      width: 9px;
      height: 9px;
      left: 0px;
      top: 6px; } }

.list-pay li {
  margin-top: 32px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .list-pay li {
      margin-top: 24px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .list-pay li {
      margin-top: 20px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .list-pay li {
      margin-top: 16px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .list-pay li {
      margin-top: 20px; } }
  @media screen and (max-width: 639px) {
    .list-pay li {
      margin-top: 17px; } }

.list-requirements li {
  margin-top: 33px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .list-requirements li {
      margin-top: 25px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .list-requirements li {
      margin-top: 17px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .list-requirements li {
      margin-top: 17px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .list-requirements li {
      margin-top: 25px; } }
  @media screen and (max-width: 639px) {
    .list-requirements li {
      margin-top: 17px; } }

.list-with-yellow-markers li:before {
  background: #fbea3a; }

.list-with-white-markers li:before {
  background: #ffffff; }

@-webkit-keyframes cart-load-animate {
  from {
    opacity: 0.5;
    -webkit-transform: translate(0, 20px);
            transform: translate(0, 20px); }
  to {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes cart-load-animate {
  from {
    opacity: 0.5;
    -webkit-transform: translate(0, 20px);
            transform: translate(0, 20px); }
  to {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@-webkit-keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

.block-info {
  position: relative;
  float: left;
  width: 27%; }
  .block-info.active:hover div.svg-information {
    background: #262626;
    -webkit-transition: background .6s ease;
    -o-transition: background .6s ease;
    transition: background .6s ease; }
    .block-info.active:hover div.svg-information .svg.svg-information {
      fill: #fbea3a;
      -webkit-transition: fill .6s ease;
      -o-transition: fill .6s ease;
      transition: fill .6s ease; }
  .block-info .block-info-desc {
    color: #4b4a4a; }
  .block-info div.svg-information {
    background: #fbea3a;
    float: left;
    margin-right: 15px;
    position: relative;
    z-index: 10; }
    .block-info div.svg-information svg {
      color: #0d1115; }
      .block-info div.svg-information svg.svg-information {
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        fill: #262626;
        margin-right: 15px;
        margin-bottom: 0;
        position: absolute; }
  .block-info span {
    top: 50%;
    position: absolute;
    -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
    text-align: left;
    color: #262626; }

.sidebar_block-info {
  position: relative;
  left: -58px;
  margin-bottom: 15px;
  margin-top: -10px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .sidebar_block-info {
      left: -1px;
      } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .sidebar_block-info {
      left: 2px;
      } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .sidebar_block-info {
      left: 0px;
      } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .sidebar_block-info {
      left: -25px; } }
  @media screen and (max-width: 639px) {
    .sidebar_block-info {
      left: -17px; } }
  .sidebar_block-info div.svg-information {
    width: 95px;
    height: 95px;
    background: #fbea3a;
    float: left;
    margin-right: 15px;
    position: relative; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .sidebar_block-info div.svg-information {
        width: 70px;
        height: 70px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .sidebar_block-info div.svg-information {
        width: 50px;
        height: 50px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .sidebar_block-info div.svg-information {
        width: 50px;
        height: 50px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .sidebar_block-info div.svg-information {
        width: 70px;
        height: 70px; } }
    @media screen and (max-width: 639px) {
      .sidebar_block-info div.svg-information {
        width: 50px;
        height: 50px; } }
    .sidebar_block-info div.svg-information .svg {
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      position: absolute; }
  .sidebar_block-info span {
    top: 50%;
    position: absolute;
    -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
            transform: translate(0, -50%); }

#white-theme .block-info.active:hover div.svg-information .svg.svg-all-works {
  fill: #fbea3a; }

@media screen and (max-width: 1000px) {
  .is-mobile-hide {
    display: none !important; } }

@media screen and (min-width: 1001px) {
  .is-mobile-hide {
    display: block; } }

@media screen and (max-width: 1300px) {
  .is-tablet-hide {
    display: none; } }

@media screen and (min-width: 1301px) {
  .is-tablet-hide {
    display: block; } }

@media screen and (max-width: 1000px) {
  .is-mobile-show {
    display: block; } }

@media screen and (min-width: 1001px) {
  .is-mobile-show {
    display: none; } }

@media screen and (max-width: 1300px) {
  .is-tablet-show {
    display: block; } }

@media screen and (min-width: 1301px) {
  .is-tablet-show {
    display: none; } }

.header-breadcrumbs {
  display: inline-block;
  float: left;
  line-height: 107px;
  position: absolute;
  width: calc(100% - 324px);
  white-space: nowrap;
  left: 324px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .header-breadcrumbs {
      line-height: 80px;
      left: 262px;
      width: calc(100% - 262px); } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .header-breadcrumbs {
      line-height: 70px;
      left: 223px;
      width: calc(100% - 223px); } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .header-breadcrumbs {
      line-height: 54px;
      display: none; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .header-breadcrumbs {
      line-height: 70px;
      display: none; } }
  @media screen and (max-width: 639px) {
    .header-breadcrumbs {
      line-height: 50px;
      display: none; } }
  .header-breadcrumbs a, .header-breadcrumbs span {
    color: inherit; }
  .header-breadcrumbs a.header-breadcrumbs-item, .header-breadcrumbs span.header-breadcrumbs-item {
    position: relative;
    padding: 2px 5px;
    display: inline-block; }
  .header-breadcrumbs a.header-breadcrumbs-item > span {
    position: relative;
    z-index: 2;
    -webkit-transition: border .6s ease, color .6s ease;
    -o-transition: border .6s ease, color .6s ease;
    transition: border .6s ease, color .6s ease; }
  .header-breadcrumbs a.header-breadcrumbs-item:after {
    content: '';
    width: 0;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #fbea3a;
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease; }
  .header-breadcrumbs a.header-breadcrumbs-item:hover:after {
    width: 100%; }
  .header-breadcrumbs a.header-breadcrumbs-item:hover > span {
    border-bottom: 1px solid #fbea3a !important;
    color: #0d1115; }
  .header-breadcrumbs a {
    text-decoration: none; }
  .header-breadcrumbs .header-breadcrumbs-separation {
    padding: 0 5px; }

#white-theme .header-breadcrumbs {
  color: #bfbfbf;
  background: #fff; }
  #white-theme .header-breadcrumbs a.header-breadcrumbs-item span {
    border-bottom: 1px solid #e9e9e9; }

#black-theme .header-breadcrumbs {
  color: #484e53;
  background: #0d1115; }
  #black-theme .header-breadcrumbs a.header-breadcrumbs-item span {
    color: #484e53;
    border-bottom: 1px solid #484e53; }

.header-login {
  display: inline-block;
  float: right;
  line-height: 107px;
  padding: 0 40px;
  background: #fff;
  z-index: 2;
  position: relative; }

 .header-login .header-login-item {
    position: relative;
    padding: 3px 5px;
    display: inline-block; }
    .header-login .header-login-item span {
      position: relative;
		display: flex;
		overflow: hidden;
		white-space: nowrap;
      z-index: 2; }

  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .header-login {
      line-height: 80px;
      padding: 0 33px; }
.header-login .header-login-item span {
      position: relative;
		display: flex;
		max-width: 82px;
	}
 }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .header-login {
	/* display: contents; */
      line-height: 70px;
      padding: 0 12px; }
		.header-menu {
			width: fit-content;
			width: fit-content;
			margin-right: 2%;
		}
		.header-phone {
			line-height: 70px;
			padding-left: 0;
			padding-right: 0;
		}
	  }


  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .header-login {
      line-height: 52px;
      padding: 0 20px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .header-login {
      line-height: 70px;
      display: none; } }
  @media screen and (max-width: 639px) {
    .header-login {
      line-height: 50px;
      display: none; } }
  .header-login:before {
    background: -webkit-gradient(linear, right top, left top, from(#fff), to(transparent));
    background: -webkit-linear-gradient(right, #fff, transparent);
    background: -o-linear-gradient(right, #fff, transparent);
    background: linear-gradient(to left, #fff, transparent);
    width: 45px;
    content: '';
    position: absolute;
    left: -45px;
    height: 107px; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .header-login:before {
        height: 80px;
        width: 33px;
        left: -33px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .header-login:before {
        height: 70px;
        width: 30px;
        left: -30px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .header-login:before {
        display: none; } }
  .header-login a, .header-login span {
    color: inherit; }
  .header-login a {
    text-decoration: none;
    -webkit-transition: color .6s ease;
    -o-transition: color .6s ease;
    transition: color .6s ease;
min-width: 75px;
 }
  .header-login .header-login-separation {
    padding: 3px 3px; }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .header-login .header-login-separation {
        padding: 3px 0; } }

    .header-login .header-login-item:after {
      content: '';
      width: 0;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      background: #fbea3a;
      -webkit-transition: width .6s ease;
      -o-transition: width .6s ease;
      transition: width .6s ease; }
    .header-login .header-login-item:hover:after {
      width: 100%; }
    .header-login .header-login-item:hover > span {
      border: none !important; }

#white-theme .header-login {
  color: #484e53; }

#black-theme .header-login {
  color: #fff;
  background: #0d1115; }
  #black-theme .header-login:before {
    background: -webkit-gradient(linear, right top, left top, from(#0d1115), to(transparent));
    background: -webkit-linear-gradient(right, #0d1115, transparent);
    background: -o-linear-gradient(right, #0d1115, transparent);
    background: linear-gradient(to left, #0d1115, transparent); }

#black-theme .header-login-item:hover {
  color: #0d1115; }

.header-phone {
  display: inline-block;
  float: right;
  line-height: 107px;
  z-index: 10;
  position: relative;
  padding-right: 45px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .header-phone {
      line-height: 80px;
      padding-right: 37px; }
 .header-login .header-login-item span {
	max-width: 230px;}
 }

  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .header-phone {
      line-height: 70px;
	  padding-left: 0px;
      padding-right: 0px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .header-phone {
      line-height: 52px;
      padding-right: 27px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .header-phone {
      line-height: 55px;
      padding-right: 36px; } }
  @media screen and (max-width: 639px) {
    .header-phone {
      line-height: 50px;
      display: none; } }
  .header-phone a {
    text-decoration: none; }

#white-theme .header-phone {
  color: #262626; }
  #white-theme .header-phone a {
    color: #262626; }

#black-theme .header-phone {
  color: #fff;
  background: #0d1115; }
  #black-theme .header-phone a {
    color: #fff; }

.header-logo {
  display: block;
  text-decoration: none;
  float: left;
  padding: 0 50px 0 30px; }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .header-logo {
      padding: 0 50px 0 32px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .header-logo {
      padding: 0 50px 0 32px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .header-logo {
      padding: 0 50px 0 13px; } }
  @media screen and (max-width: 639px) {
    .header-logo {
      padding: 0 10px; } }

#white-theme .header-logo svg {
    fill: #262626; }

#black-theme .header-logo {
  background: #0d1115; }
  #black-theme .header-logo svg {
    fill: #fff; }

.slider-container .slider-image {
  height: 842px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .slider-container .slider-image {
      height: 630px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .slider-container .slider-image {
      height: 463px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .slider-container .slider-image {
      height: 318px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .slider-container .slider-image {
      height: 330px; } }
  @media screen and (max-width: 639px) {
    .slider-container .slider-image {
      height: 192px; } }

.slider-container .under-slider-text {
  height: 115px;
  line-height: 115px;
  padding-left: 50px;
  background: #fff; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .slider-container .under-slider-text {
      height: 86px;
      line-height: 86px;
      padding-left: 38px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .slider-container .under-slider-text {
      height: 70px;
      padding-left: 26px;
      line-height: 70px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .slider-container .under-slider-text {
      height: 50px;
      line-height: 50px;
      padding-left: 18px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .slider-container .under-slider-text {
      height: 70px;
      line-height: 70px;
      padding-left: 25px; } }
  @media screen and (max-width: 639px) {
    .slider-container .under-slider-text {
      height: 50px;
      line-height: 50px;
      padding: 0 20px; } }
  .slider-container .under-slider-text .slider-name {
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    display: inline-block;
    width: 1200px; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .slider-container .under-slider-text .slider-name {
        width: 920px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .slider-container .under-slider-text .slider-name {
        width: 640px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .slider-container .under-slider-text .slider-name {
        width: 390px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .slider-container .under-slider-text .slider-name {
        width: 370px; } }
    @media screen and (max-width: 639px) {
      .slider-container .under-slider-text .slider-name {
        width: 235px; } }

.slider-container .owl-nav {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 0 54px 0 72px;
  background: #fff; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .slider-container .owl-nav {
      padding: 0 40px 0 52px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .slider-container .owl-nav {
      padding: 0 27px 0 39px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .slider-container .owl-nav {
      padding: 0 18px 0 35px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .slider-container .owl-nav {
      padding: 0 25px 0 53px; } }
  @media screen and (max-width: 639px) {
    .slider-container .owl-nav {
      display: none; } }
  .slider-container .owl-nav > div {
    position: relative;
    height: 113px;
    line-height: 113px;
    display: inline-block;
    -webkit-transition: color .6s ease;
    -o-transition: color .6s ease;
    transition: color .6s ease;
    color: #262626; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .slider-container .owl-nav > div {
        height: 86px;
        line-height: 86px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .slider-container .owl-nav > div {
        height: 70px;
        line-height: 70px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .slider-container .owl-nav > div {
        height: 50px;
        line-height: 50px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .slider-container .owl-nav > div {
        height: 70px;
        line-height: 70px; } }
    @media screen and (max-width: 639px) {
      .slider-container .owl-nav > div {
        height: 50px;
        line-height: 50px; } }
    .slider-container .owl-nav > div svg {
      fill: currentColor; }
    @media screen and (min-width: 1001px) {
      .slider-container .owl-nav > div:hover {
        color: #cfcfcf; } }
  .slider-container .owl-nav .owl-prev {
    margin-right: 57px; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .slider-container .owl-nav .owl-prev {
        margin-right: 43px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .slider-container .owl-nav .owl-prev {
        margin-right: 40px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .slider-container .owl-nav .owl-prev {
        margin-right: 28px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .slider-container .owl-nav .owl-prev {
        margin-right: 43px; } }

.slider-container .owl-dots {
  bottom: 0;
  display: inline-block;
  height: 113px;
  padding-left: 30px;
  position: absolute;
  right: 219px;
  font: 500 22px 'Helvetica';
//letter-spacing: -.010em;
  line-height: 113px;
  background: #fff; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .slider-container .owl-dots {
      font-size: 17px;
      line-height: 86px;
      height: 86px;
      right: 160px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .slider-container .owl-dots {
      font-size: 15px;
      line-height: 70px;
      height: 70px;
      right: 130px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .slider-container .owl-dots {
      font-size: 15px;
      line-height: 50px;
      height: 50px;
      right: 101px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .slider-container .owl-dots {
      font-size: 17px;
      height: 70px;
      line-height: 70px;
      right: 147px; } }
  @media screen and (max-width: 639px) {
    .slider-container .owl-dots {
      font-size: 15px;
      height: 50px;
      line-height: 50px;
      right: 0;
      padding: 0 20px 0 20px; } }
  .slider-container .owl-dots:after {
    content: " /\A0" counter(slides-num);
    color: #c5c5c5;
    vertical-align: middle; }
  .slider-container .owl-dots .owl-dot {
    display: inline-block;
    counter-increment: slides-num;
    cursor: default; }
    .slider-container .owl-dots .owl-dot span {
      display: none; }
    .slider-container .owl-dots .owl-dot.active:before {
      content: counter(slides-num);
      display: inline-block;
      vertical-align: middle;
      position: relative; }

.slider-container.slider-detail {
  margin: 74px auto 70px auto;
  width: 100%; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .slider-container.slider-detail {
      margin: 53px auto 53px auto; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .slider-container.slider-detail {
      margin: 49px auto 38px auto; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .slider-container.slider-detail {
      margin: 23px auto 34px auto; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .slider-container.slider-detail {
      margin: 37px auto 37px auto; } }
  @media screen and (max-width: 639px) {
    .slider-container.slider-detail {
      margin: 31px 0 33px -20px;
      width: calc(100% + (20px * 2)); } }
  .slider-container.slider-detail.slider-detail--fullscreen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 999;
    margin: 0; }
    .slider-container.slider-detail.slider-detail--fullscreen .slider-item,
    .slider-container.slider-detail.slider-detail--fullscreen .slider-in-content {
      height: 100%; }
    .slider-container.slider-detail.slider-detail--fullscreen .slider-image {
      height: calc(100% - 113px); }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .slider-container.slider-detail.slider-detail--fullscreen .slider-image {
          height: calc(100% - 86px); } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .slider-container.slider-detail.slider-detail--fullscreen .slider-image {
          height: calc(100% - 70px); } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .slider-container.slider-detail.slider-detail--fullscreen .slider-image {
          height: calc(100% - 50px); } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .slider-container.slider-detail.slider-detail--fullscreen .slider-image {
          height: calc(100% - 70px); } }
      @media screen and (max-width: 639px) {
        .slider-container.slider-detail.slider-detail--fullscreen .slider-image {
          height: calc(100% - 50px); } }
  .slider-container.slider-detail .detail-slider-btn {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 115px;
    height: 115px;
    background: #fbea3a;
    cursor: pointer;
    -webkit-transition: background .6s ease;
    -o-transition: background .6s ease;
    transition: background .6s ease; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .slider-container.slider-detail .detail-slider-btn {
        width: 85px;
        height: 85px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .slider-container.slider-detail .detail-slider-btn {
        width: 70px;
        height: 70px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .slider-container.slider-detail .detail-slider-btn {
        width: 50px;
        height: 50px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .slider-container.slider-detail .detail-slider-btn {
        width: 70px;
        height: 70px; } }
    @media screen and (max-width: 639px) {
      .slider-container.slider-detail .detail-slider-btn {
        width: 50px;
        height: 50px; } }
    @media screen and (min-width: 1001px) {
      .slider-container.slider-detail .detail-slider-btn:hover {
        background: #0d1115; }
        .slider-container.slider-detail .detail-slider-btn:hover .svg {
          fill: #fbea3a; } }
    .slider-container.slider-detail .detail-slider-btn .svg {
      fill: #0d1115; }
  .slider-container.slider-detail .owl-nav {
    position: absolute;
    bottom: 0;
    background: #fff;
    font-size: 0;
    padding: 0 30px;
    right: 115px; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .slider-container.slider-detail .owl-nav {
        right: 85px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .slider-container.slider-detail .owl-nav {
        right: 70px;
        padding: 0 10px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .slider-container.slider-detail .owl-nav {
        right: 50px;
        padding: 0 12px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .slider-container.slider-detail .owl-nav {
        right: 70px;
        padding: 0 10px; } }
    @media screen and (max-width: 639px) {
      .slider-container.slider-detail .owl-nav {
        right: 50px;
        padding: 0 12px;
        display: none; } }
    .slider-container.slider-detail .owl-nav div {
      position: relative;
      display: inline-block;
      width: 72px;
      height: 115px;
      color: #262626;
      margin: 0;
      -webkit-transition: color .6s ease;
      -o-transition: color .6s ease;
      transition: color .6s ease; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .slider-container.slider-detail .owl-nav div {
          width: 55px;
          height: 85px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .slider-container.slider-detail .owl-nav div {
          width: 50px;
          height: 70px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .slider-container.slider-detail .owl-nav div {
          width: 37px;
          height: 50px; } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .slider-container.slider-detail .owl-nav div {
          width: 50px;
          height: 70px; } }
      @media screen and (max-width: 639px) {
        .slider-container.slider-detail .owl-nav div {
          width: 37px;
          height: 50px; } }
      .slider-container.slider-detail .owl-nav div svg {
        fill: currentColor; }
      @media screen and (min-width: 1001px) {
        .slider-container.slider-detail .owl-nav div:hover {
          color: #cfcfcf; } }
  .slider-container.slider-detail .owl-dots {
    height: 114px;
    position: absolute;
    bottom: 0;
    right: 319px;
    font: 500 22px 'Helvetica';
//letter-spacing: -.010em;
    line-height: 114px;
    background: #fff;
    padding-left: 30px; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .slider-container.slider-detail .owl-dots {
        font-size: 17px;
        height: 85px;
        line-height: 85px;
        right: 255px; } }
    @media screen and (max-width: 1720px) and (min-width: 1001px) {
      .slider-container.slider-detail .owl-dots {
        font-size: 15px;
        right: 190px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .slider-container.slider-detail .owl-dots {
        height: 70px;
        line-height: 70px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .slider-container.slider-detail .owl-dots {
        height: 50px;
        line-height: 50px;
        right: 145px; } }
    @media screen and (max-width: 1000px) {
      .slider-container.slider-detail .owl-dots {
        font-size: 17px;
        position: absolute;
        height: 70px;
        line-height: 70px;
        right: 190px; } }
    @media screen and (max-width: 639px) {
      .slider-container.slider-detail .owl-dots {
        font-size: 15px;
        height: 50px;
        line-height: 50px;
        right: 50px;
        padding: 0 20px; } }
    .slider-container.slider-detail .owl-dots:after {
      content: "/ " counter(slides-num);
      display: inline-block;
      vertical-align: middle;
      color: #c5c5c5;
      margin: 0 0 0 .1em; }
    .slider-container.slider-detail .owl-dots .owl-dot {
      display: inline-block;
      counter-increment: slides-num;
      cursor: default; }
      .slider-container.slider-detail .owl-dots .owl-dot span {
        display: none; }
      .slider-container.slider-detail .owl-dots .owl-dot.active:before {
        content: counter(slides-num);
        display: inline-block;
        vertical-align: middle;
        position: relative;
        color: #0d1115; }
  .slider-container.slider-detail .owl-stage-outer, .slider-container.slider-detail .owl-stage, .slider-container.slider-detail .owl-item {
    height: 100%; }

#black-theme .slider-container .under-slider-text {
  background: #0d1115; }

#black-theme .slider-container .owl-nav {
  background: #0d1115; }
  @media screen and (min-width: 640px) {
    #black-theme .slider-container .owl-nav > div {
      color: #cfcfcf; } }
  @media screen and (min-width: 640px) {
    #black-theme .slider-container .owl-nav > div:hover {
      color: #86888a; } }

#black-theme .slider-container .owl-dots {
  background: #0d1115; }

.note {
  margin: 74px 0 62px 0;
  display: inline-block;
  width: 100%; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .note {
      margin: 55px 0 47px 0; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .note {
      margin: 61px 0 44px 0; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .note {
      margin: 44px 0 31px 0; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .note {
      margin: 61px 0 33px 0; } }
  @media screen and (max-width: 639px) {
    .note {
      margin: 41px 0 28px 0; } }
  .note:after {
    content: " ";
    display: table;
    clear: both; }
  .note .main-title {
    margin: 0;
    padding: 20px 0 60px 50px; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .note .main-title {
        padding: 14px 0 44px 36px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .note .main-title {
        padding: 5px 0 50px 0; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .note .main-title {
        padding: 0 0 25px 0; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .note .main-title {
        padding: 14px 0 40px 0; } }
    @media screen and (max-width: 639px) {
      .note .main-title {
        padding: 5px 0 34px 0; } }
    .note .main-title .main-title-bottom {
      margin-top: 22px; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .note .main-title .main-title-bottom {
          margin-top: 17px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .note .main-title .main-title-bottom {
          margin-top: 15px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .note .main-title .main-title-bottom {
          margin-top: 0; } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .note .main-title .main-title-bottom {
          margin-top: 10px; } }
      @media screen and (max-width: 639px) {
        .note .main-title .main-title-bottom {
          margin-top: 0; } }
    .note .main-title .main-title-text {
      width: 100%;
      margin-top: 23px;
      padding-left: 0px;
      position: relative; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .note .main-title .main-title-text {
          margin-top: 18px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .note .main-title .main-title-text {
          margin-top: 18px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .note .main-title .main-title-text {
          margin-top: 12px; } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .note .main-title .main-title-text {
          margin-top: 16px; } }
      @media screen and (max-width: 639px) {
        .note .main-title .main-title-text {
          margin-top: 17px; } }
    .note .main-title .main-title-square {
      text-align: left;
      width: 100%;
      position: relative;
      margin: 0;
      padding: 0; }
      .note .main-title .main-title-square:after {
        top: -50px;
        right: inherit;
        left: -45px;
        width: 146px;
        height: 146px; }
        @media screen and (max-width: 2295px) and (min-width: 1721px) {
          .note .main-title .main-title-square:after {
            top: -36px;
            left: -38px;
            width: 110px;
            height: 110px; } }
        @media screen and (max-width: 1720px) and (min-width: 1301px) {
          .note .main-title .main-title-square:after {
            top: -17px;
            left: -36px;
            width: 78px;
            height: 78px; } }
        @media screen and (max-width: 1300px) and (min-width: 1001px) {
          .note .main-title .main-title-square:after {
            top: -7px;
            left: -20px;
            width: 60px;
            height: 60px; } }
        @media screen and (max-width: 1000px) and (min-width: 640px) {
          .note .main-title .main-title-square:after {
            top: -36px;
            left: -35px;
            width: 110px;
            height: 110px; } }
        @media screen and (max-width: 639px) {
          .note .main-title .main-title-square:after {
            top: -12px;
            left: -20px;
            width: 60px;
            height: 60px; } }
  .note.note-design-detail .title-numb {
    font-weight: 800;
    font-size: 245px;
    line-height: 245px;
    position: absolute;
    top: -125px;
    left: 0;
    color: #3e4349; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .note.note-design-detail .title-numb {
        font-size: 184px;
        font-weight: 800;
        line-height: 184px;
        top: -95px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .note.note-design-detail .title-numb {
        font-size: 166px;
        font-weight: 800;
        line-height: 184px;
        top: -98px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .note.note-design-detail .title-numb {
        font-size: 105px;
        font-weight: 800;
        line-height: 105px;
        top: -44px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .note.note-design-detail .title-numb {
        top: -101px;
        font-size: 175px;
        line-height: 175px; } }
    @media screen and (max-width: 639px) {
      .note.note-design-detail .title-numb {
        font-size: 106px;
        line-height: 106px;
        top: -47px; } }
  .note.note-design-detail .main-title {
    padding: 0; }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .note.note-design-detail .main-title .main-title-bottom {
        margin-top: 15px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .note.note-design-detail .main-title .main-title-bottom {
        margin-top: 17px; } }
    @media screen and (max-width: 639px) {
      .note.note-design-detail .main-title .main-title-bottom {
        margin-top: 15px; } }
    .note.note-design-detail .main-title .main-title-text {
      margin-top: 14px; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .note.note-design-detail .main-title .main-title-text {
          margin-top: 9px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .note.note-design-detail .main-title .main-title-text {
          margin-top: 20px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .note.note-design-detail .main-title .main-title-text {
          margin-top: 16px; } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .note.note-design-detail .main-title .main-title-text {
          margin-top: 20px; } }
      @media screen and (max-width: 639px) {
        .note.note-design-detail .main-title .main-title-text {
          margin-top: 16px;
          height: auto;
          -o-text-overflow: ellipsis;
             text-overflow: ellipsis;
          overflow: hidden; } }
  .note.note-design-detail .main-title-square:after {
    display: none; }
  .note.note-design-task {
    width: 526px;
    margin: 78px 0 85px 0; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .note.note-design-task {
        width: 394px;
        margin: 62px 0 61px 0; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .note.note-design-task {
        width: 330px;
        margin: 56px 0 50px 0; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .note.note-design-task {
        width: 270px;
        margin: 44px 0 43px 0; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .note.note-design-task {
        width: calc(100% - 70px);
        float: left;
        margin: 89px 0 30px 0; } }
    @media screen and (max-width: 639px) {
      .note.note-design-task {
        width: calc(100% - 60px);
        float: left;
        margin: 74px 0 21px 0; } }
    .note.note-design-task .title-numb {
      font-weight: bold;
      position: absolute;
      top: -45px;
      left: -160px;
      color: #3e4349; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .note.note-design-task .title-numb {
          top: -38px;
          left: -118px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .note.note-design-task .title-numb {
          top: -16px;
          left: -97px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .note.note-design-task .title-numb {
          top: -36px;
          left: -50px; } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .note.note-design-task .title-numb {
          top: -19px;
          left: -121px; } }
      @media screen and (max-width: 639px) {
        .note.note-design-task .title-numb {
          top: -33px;
          left: -50px; } }
    .note.note-design-task .main-title {
      padding: 0; }
      .note.note-design-task .main-title .main-title-text {
        margin-top: 10px; }
        @media screen and (max-width: 1300px) and (min-width: 1001px) {
          .note.note-design-task .main-title .main-title-text {
            height: 66px;
            overflow: hidden; } }
        @media screen and (max-width: 1000px) and (min-width: 640px) {
          .note.note-design-task .main-title .main-title-text {
            margin-top: 7px; } }
        @media screen and (max-width: 639px) {
          .note.note-design-task .main-title .main-title-text {
            margin-top: 12px; } }
    .note.note-design-task .main-title-square:after {
      display: none; }

#white-theme .note {
  background-color: #fafafa; }

#black-theme .note {
  background-color: #2b3136; }
  #black-theme .note .main-title .main-title-text {
    color: #fff; }
  #black-theme .note .main-title .main-title-square:after {
    background: #3e4349; }
  #black-theme .note.note-design-detail .main-title-text {
    color: #d8dce0; }
  #black-theme .note.note-design-task {
    background: none; }
    #black-theme .note.note-design-task .main-title-text {
      color: #d8dce0; }

.content .requirements-notice {
  //border-bottom: 2px solid #d9d9d9;
  border-top: 1px solid #d9d9d9;
  color: #a1a1a1;
  line-height: 32px;
  margin-top: 56px;
  padding: 56px 0; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .content .requirements-notice {
      line-height: 24px;
      margin-top: 42px;
      padding: 40px 0 44px 0; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .content .requirements-notice {
      /* border-bottom: 1px solid #d9d9d9; */
      border-top: 1px solid #d9d9d9;
      margin-top: 23px;
      padding: 39px 0 1px 0;
      line-height: 22px;
      } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .content .requirements-notice {
      /* border-bottom: 1px solid #d9d9d9; */
      border-top: 1px solid #d9d9d9;
      margin-top: 31px;
      padding: 34px 0 32px 0;
      line-height: 22px;
      } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .content .requirements-notice {
      margin-top: 27px;
      padding: 36px 0 33px 0;
      line-height: 24px; } }
  @media screen and (max-width: 639px) {
    .content .requirements-notice {
      border-bottom: 1px solid #d9d9d9;
      border-top: 1px solid #d9d9d9;
      line-height: 22px;
      margin-left: -20px;
      margin-top: 33px;
      padding: 34px 20px;
      width: calc(100% + (20px * 2)); } }

@media screen and (max-width: 1300px) and (min-width: 1001px) {
  .glossariy-title {
    margin-left: 58px; } }

.glossariy-container {
  width: calc(100% + 21px);
  margin-left: -10px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .glossariy-container {
      margin-left: -7.5px;
      width: calc(100% + 15px); } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .glossariy-container {
      margin-left: -6.5px;
      width: calc(100% + 14px); } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .glossariy-container {
      margin-left: -7.5px;
      width: calc(100% + 15px); } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .glossariy-container {
      margin-top: 0;
      margin-left: -10px; } }
  @media screen and (max-width: 639px) {
    .glossariy-container {
      margin: 0;
      width: 100%; } }
  .glossariy-container .col {
    background-color: #fff;
    display: block;
    float: left;
    margin: 0 10px 20px 10px;
    overflow: hidden;
    padding: 62px 62px 43px 168px;
    position: relative;
    width: calc((100% - (20px * 3)) / 3); }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .glossariy-container .col {
        padding: 48px 48px 30px 126px;
        width: calc((100% - (15px * 3)) / 3);
        margin: 0 7.5px 15px 7.5px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .glossariy-container .col {
        padding: 40px 25px 23px 105px;
        width: calc((100% - (13px * 3)) / 3);
        margin: 0 6.5px 17px 6.5px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .glossariy-container .col {
        width: calc((100% - (15px * 2)) / 2);
        margin: 0 7.5px 15px 7.5px;
        padding: 42px 30px 22px 105px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .glossariy-container .col {
        margin: 0 10px 20px 10px;
        padding: 48px 30px 30px 128px;
        width: calc((100% - (20px * 2)) / 2); } }
    @media screen and (max-width: 639px) {
      .glossariy-container .col {
        margin: 0 0 10px 0;
        padding: 41px 30px 22px 108px;
        width: 100%; } }
    .glossariy-container .col ul li {
      margin-bottom: 27px; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .glossariy-container .col ul li {
          margin-bottom: 20px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .glossariy-container .col ul li {
          margin-bottom: 18px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .glossariy-container .col ul li {
          margin-bottom: 19px; } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .glossariy-container .col ul li {
          margin-bottom: 20px; } }
      @media screen and (max-width: 639px) {
        .glossariy-container .col ul li {
          margin-bottom: 19px; } }
      .glossariy-container .col ul li a {
        text-decoration: none;
        color: #1d1f24; }
    .glossariy-container .col .letter-square {
      position: absolute;
      top: 10px;
      left: 0; }
      .glossariy-container .col .letter-square:after {
        content: '';
        position: absolute;
        display: block;
        width: 94px;
        height: 94px;
        background: #fbea3a;
        top: 16px;
        left: 0px;
        z-index: 1; }
        @media screen and (max-width: 2295px) and (min-width: 1721px) {
          .glossariy-container .col .letter-square:after {
            width: 70px;
            height: 70px;
            top: 10px; } }
        @media screen and (max-width: 1720px) and (min-width: 1301px) {
          .glossariy-container .col .letter-square:after {
            width: 60px;
            height: 60px;
            top: 10px; } }
        @media screen and (max-width: 1300px) and (min-width: 1001px) {
          .glossariy-container .col .letter-square:after {
            width: 60px;
            height: 60px;
            top: 9px; } }
        @media screen and (max-width: 1000px) and (min-width: 640px) {
          .glossariy-container .col .letter-square:after {
            width: 70px;
            height: 70px;
            top: 10px; } }
        @media screen and (max-width: 639px) {
          .glossariy-container .col .letter-square:after {
            width: 60px;
            height: 60px;
            top: 8px; } }
      .glossariy-container .col .letter-square span {
        display: block;
        font: 700 65px/65px "Helvetica";
        margin-left: 70px;
        margin-top: 34px;
        position: relative;
        z-index: 2; }
        @media screen and (max-width: 2295px) and (min-width: 1721px) {
          .glossariy-container .col .letter-square span {
            font: 700 48px/48px "Helvetica";
            margin-left: 51px;
            margin-top: 23px; } }
        @media screen and (max-width: 1720px) and (min-width: 1301px) {
          .glossariy-container .col .letter-square span {
            font: 700 36px/36px "Helvetica";
            margin-left: 45px;
            margin-top: 22px; } }
        @media screen and (max-width: 1300px) and (min-width: 1001px) {
          .glossariy-container .col .letter-square span {
            font: 700 36px/36px "Helvetica";
            margin-left: 45px;
            margin-top: 22px; } }
        @media screen and (max-width: 1000px) and (min-width: 640px) {
          .glossariy-container .col .letter-square span {
            font: 700 48px/48px "Helvetica";
            margin-left: 51px;
            margin-top: 23px; } }
        @media screen and (max-width: 639px) {
          .glossariy-container .col .letter-square span {
            font: 700 36px/36px "Helvetica";
            margin-left: 45px;
            margin-top: 22px; } }

.pay-information {
  border-bottom: 2px solid #d9d9d9;
  border-top: 2px solid #d9d9d9;
  height: 112px;
  line-height: 112px;
  margin-top: 58px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .pay-information {
      height: 85px;
      line-height: 85px;
      margin-top: 43px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .pay-information {
      height: 70px;
      line-height: 70px;
      margin-top: 30px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .pay-information {
      height: 71px;
      line-height: 71px;
      margin-top: 23px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .pay-information {
      height: 85px;
      line-height: 85px;
      margin-top: 37px; } }
  @media screen and (max-width: 639px) {
    .pay-information {
      border-bottom: 0px solid #d9d9d9;
      border-top: 0px solid #d9d9d9;
      height: 75px;
      line-height: 75px;
      margin-top: 33px;
      margin-left: -20px;
      padding: 0 20px;
      width: calc(100%  + (20px * 2)); } }
  .pay-information .item {
    margin: 0 70px 0 0;
    float: left;
    display: inline-block; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .pay-information .item {
        margin: 0 35px 0 0; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .pay-information .item {
        margin: 0 41px 0 0; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .pay-information .item {
        margin: 0 16px 0 0; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .pay-information .item {
        margin: 0 21px 0 0; } }
    @media screen and (max-width: 639px) {
      .pay-information .item {
        margin: 0 17px 0 0; } }
    .pay-information .item svg {
      vertical-align: middle;
      pointer-events: all; }
      @media screen and (min-width: 1001px) {
        .pay-information .item svg:hover image {
          opacity: 0; }
        .pay-information .item svg:hover #hidden {
          opacity: 1; } }
        .pay-information .item svg image {
          width: 100%;
          height: 100%;
          opacity: 1;
          -webkit-transition: all .9s ease;
          -o-transition: all .9s ease;
          transition: all .9s ease; }
        .pay-information .item svg #hidden {
        opacity: 0; }

.list-delivery {
  margin-top: 12px;
  margin-bottom: 107px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .list-delivery {
      margin-top: 9px;
      margin-bottom: 80px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .list-delivery {
      margin-top: 27px;
      margin-bottom: 50px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .list-delivery {
      margin-top: 8px;
      margin-bottom: 49px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .list-delivery {
      margin-top: 20px;
      margin-bottom: 46px; } }
  @media screen and (max-width: 639px) {
    .list-delivery {
      margin-top: 0;
      margin-left: -20px;
      width: calc(100% + (20px * 2));
      margin-bottom: 18px; } }
  .list-delivery li {
    border-bottom: 2px solid #d9d9d9;
    height: 136px;
    width: 100%;
    display: table; }
    .list-delivery li:last-child {
      border: none; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .list-delivery li {
        height: 102px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .list-delivery li {
        height: 88px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .list-delivery li {
        height: 78px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .list-delivery li {
        height: 102px; } }
    @media screen and (max-width: 639px) {
      .list-delivery li {
        display: block;
        height: auto;
        padding: 43px 20px 32px 20px; } }
    .list-delivery li .type-delivery, .list-delivery li .list-delivery-button {
      display: table-cell;
//letter-spacing: 0.05em;
      text-transform: uppercase;
      vertical-align: middle; }
      @media screen and (max-width: 639px) {
        .list-delivery li .type-delivery, .list-delivery li .list-delivery-button {
          display: block;
          width: 100%; } }
    .list-delivery li .type-delivery {
      font-weight: 700;
      text-align: left; }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .list-delivery li .type-delivery {
          width: 40%; } }
    .list-delivery li .list-delivery-button {
      font-weight: 500;
      text-align: right; }
      @media screen and (max-width: 639px) {
        .list-delivery li .list-delivery-button {
          text-align: left;
          margin: 13px 0 0 -20px; } }

@media screen and (max-width: 1000px) and (min-width: 640px) {
  .on-line-title {
    margin-left: 50px; } }

.on-line-container {
  margin: 35px 0 76px -10px;
  width: calc((100% + 21px)); }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .on-line-container {
      margin: 25px 0 53px -7.5px;
      width: calc((100% + 15px)); } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .on-line-container {
      margin: 19px 0 38px -7px;
      width: calc((100% + 14px)); } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .on-line-container {
      margin: 14px 0 34px -7.5px;
      width: calc((100% + 15px)); } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .on-line-container {
      margin: 32px 0 54px -9.5px;
      width: calc((100% + 19px)); } }
  @media screen and (max-width: 639px) {
    .on-line-container {
      margin: 23px 0 24px -20px;
      width: calc((100% + 40px)); } }
  .on-line-container a {
    display: block;
    color: #262626;
    text-decoration: none; }
  .on-line-container .col {
    float: left;
    width: calc((100% - (20px * 3)) / 3);
    margin: 0 10px; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .on-line-container .col {
        width: calc((100% - (15px * 3)) / 3);
        margin: 0 7.5px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .on-line-container .col {
        width: calc((100% - (14px * 3)) / 3);
        margin: 0 7px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .on-line-container .col {
        width: calc((100% - (15px * 2)) / 2);
        margin: 0 7.5px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .on-line-container .col {
        width: calc((100% - (19px * 2)) / 2);
        margin: 0 9.5px; } }
    @media screen and (max-width: 639px) {
      .on-line-container .col {
        width: calc(100% - (20px * 2));
        margin: 0 20px; } }


/*
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .on-line-container .col:nth-child(3) {
        width: 100%;
        margin: 0; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .on-line-container .col:nth-child(3) {
        width: 100%;
        margin: 0; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .on-line-container .col:nth-child(3) .item {
        width: calc((100% - (15px * 2)) / 2);
        margin: 0 7.5px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .on-line-container .col:nth-child(3) .item {
        width: calc((100% - (19px * 2)) / 2);
        margin: 0 9.5px; } }
*/


    .on-line-container .col .item {
      background: #fff;
      float: left;
      margin-bottom: 20px;
      height: 500px;
      overflow: hidden;
      position: relative;
      text-align: center;
      width: 100%; }
      .on-line-container .col .item:after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        background: #fbea3a;
        border-radius: 50%;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        -webkit-transition: width .6s ease, height .6s ease;
        -o-transition: width .6s ease, height .6s ease;
        transition: width .6s ease, height .6s ease;
        z-index: 0; }
      @media screen and (min-width: 1001px) {
        .on-line-container .col .item:hover:after {
          width: 200%;
          height: 200%; } }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .on-line-container .col .item {
          margin-bottom: 15px;
          height: 376px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .on-line-container .col .item {
          margin-bottom: 14px;
          height: 270px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .on-line-container .col .item {
          margin-bottom: 15px;
          height: 271px; } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .on-line-container .col .item {
          margin-bottom: 20px;
          height: 280px; } }
      @media screen and (max-width: 639px) {
        .on-line-container .col .item {
          height: 271px;
          margin-bottom: 10px; } }
      .on-line-container .col .item .item-img {
        min-height: 315px;
        position: relative;
        z-index: 2; }
        @media screen and (max-width: 2295px) and (min-width: 1721px) {
          .on-line-container .col .item .item-img {
            min-height: 238px; } }
        @media screen and (max-width: 1720px) and (min-width: 1301px) {
          .on-line-container .col .item .item-img {
            min-height: 180px; } }
        @media screen and (max-width: 1300px) and (min-width: 1001px) {
          .on-line-container .col .item .item-img {
            min-height: 180px; } }
        @media screen and (max-width: 1000px) and (min-width: 640px) {
          .on-line-container .col .item .item-img {
            min-height: 190px; } }
        @media screen and (max-width: 639px) {
          .on-line-container .col .item .item-img {
            min-height: 180px; } }
      .on-line-container .col .item .item-content {
        padding: 0 30px;
        position: relative;
        z-index: 2; }
        @media screen and (max-width: 1720px) and (min-width: 1301px) {
          .on-line-container .col .item .item-content {
            padding: 0 5px; } }
        @media screen and (max-width: 1300px) and (min-width: 1001px) {
          .on-line-container .col .item .item-content {
            padding: 0 5px; } }
        @media screen and (max-width: 1000px) and (min-width: 640px) {
          .on-line-container .col .item .item-content {
            padding: 0 7px; } }
        @media screen and (max-width: 639px) {
          .on-line-container .col .item .item-content {
            padding: 0 7px; } }
        .on-line-container .col .item .item-content .item-title {
          margin-top: 45px;
          z-index: 1; }
          @media screen and (max-width: 2295px) and (min-width: 1721px) {
            .on-line-container .col .item .item-content .item-title {
              margin-top: 34px; } }
          @media screen and (max-width: 1720px) and (min-width: 1301px) {
            .on-line-container .col .item .item-content .item-title {
              margin-top: 10px; } }
          @media screen and (max-width: 1300px) and (min-width: 1001px) {
            .on-line-container .col .item .item-content .item-title {
              margin-top: 10px; } }
          @media screen and (max-width: 1000px) and (min-width: 640px) {
            .on-line-container .col .item .item-content .item-title {
              margin-top: 5px; } }
          @media screen and (max-width: 639px) {
            .on-line-container .col .item .item-content .item-title {
              margin-top: 9px; } }
        .on-line-container .col .item .item-content .item-text {
          margin-top: 23px;
          height: 42px;
          z-index: 1; }
          @media screen and (max-width: 2295px) and (min-width: 1721px) {
            .on-line-container .col .item .item-content .item-text {
              margin-top: 14px;
              height: 32px; } }
          @media screen and (max-width: 1720px) and (min-width: 1301px) {
            .on-line-container .col .item .item-content .item-text {
              margin-top: 7px;
              height: 28px; } }
          @media screen and (max-width: 1300px) and (min-width: 1001px) {
            .on-line-container .col .item .item-content .item-text {
              margin-top: 7px;
              height: 26px; } }
          @media screen and (max-width: 1000px) and (min-width: 640px) {
            .on-line-container .col .item .item-content .item-text {
              margin-top: 7px;
              height: 32px; } }
          @media screen and (max-width: 639px) {
            .on-line-container .col .item .item-content .item-text {
              margin-top: 4px;
              height: 26px; } }
      .on-line-container .col .item img {
        width: 100%;
        display: block;
        margin: 0 auto; }
      .on-line-container .col .item .block-menu {
        padding: 0 103px; }
        @media screen and (max-width: 2295px) and (min-width: 1721px) {
          .on-line-container .col .item .block-menu {
            padding: 0 77px; } }
        @media screen and (max-width: 1720px) and (min-width: 1301px) {
          .on-line-container .col .item .block-menu {
            padding: 0 35px; } }
        @media screen and (max-width: 1300px) and (min-width: 1001px) {
          .on-line-container .col .item .block-menu {
            padding: 0 40px; } }
        @media screen and (max-width: 1000px) and (min-width: 640px) {
          .on-line-container .col .item .block-menu {
            padding: 0 46px; } }
        @media screen and (max-width: 639px) {
          .on-line-container .col .item .block-menu {
            padding: 0 29px; } }
        .on-line-container .col .item .block-menu li {
          text-align: left;
          padding-left: 0; }
    .on-line-container .col .item-big {
      margin-bottom: 20px;
      min-height: 1020px;
      float: right; }
      .on-line-container .col .item-big:after {
        content: none; }
      .on-line-container .col .item-big:hover:after {
        width: 0;
        height: 0; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .on-line-container .col .item-big {
          margin-bottom: 15px;
          min-height: 767px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .on-line-container .col .item-big {
          margin-bottom: 14px;
          min-height: 584px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .on-line-container .col .item-big {
          margin-bottom: 15px;
          min-height: 585px; } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .on-line-container .col .item-big {
          margin-bottom: 20px;
          min-height: 660px; } }
      @media screen and (max-width: 639px) {
        .on-line-container .col .item-big {
          margin-bottom: 10px;
          min-height: 580px; } }
      .on-line-container .col .item-big a {
        display: inline-block; }
      .on-line-container .col .item-big .item-content {
        padding: 0;
        z-index: 2; }
        @media screen and (max-width: 1000px) and (min-width: 640px) {
          .on-line-container .col .item-big .item-content {
            margin-top: 28px; } }
        .on-line-container .col .item-big .item-content .item-title {
          text-align: left;
          padding: 0 103px; }
          @media screen and (max-width: 2295px) and (min-width: 1721px) {
            .on-line-container .col .item-big .item-content .item-title {
              padding: 0 77px; } }
          @media screen and (max-width: 1720px) and (min-width: 1301px) {
            .on-line-container .col .item-big .item-content .item-title {
              padding: 0 35px; } }
          @media screen and (max-width: 1300px) and (min-width: 1001px) {
            .on-line-container .col .item-big .item-content .item-title {
              padding: 0 40px; } }
          @media screen and (max-width: 1000px) and (min-width: 640px) {
            .on-line-container .col .item-big .item-content .item-title {
              padding: 0 46px; } }
          @media screen and (max-width: 639px) {
            .on-line-container .col .item-big .item-content .item-title {
              padding: 0 29px; } }
        .on-line-container .col .item-big .item-content .item-text {
          margin-top: 17px; }
          @media screen and (max-width: 2295px) and (min-width: 1721px) {
            .on-line-container .col .item-big .item-content .item-text {
              margin-top: 13px; } }
          @media screen and (max-width: 1720px) and (min-width: 1301px) {
            .on-line-container .col .item-big .item-content .item-text {
              margin-top: 16px; } }
          @media screen and (max-width: 1300px) and (min-width: 1001px) {
            .on-line-container .col .item-big .item-content .item-text {
              margin-top: 16px; } }
          @media screen and (max-width: 1000px) and (min-width: 640px) {
            .on-line-container .col .item-big .item-content .item-text {
              margin-top: 12px; } }
          @media screen and (max-width: 639px) {
            .on-line-container .col .item-big .item-content .item-text {
              margin-top: 17px; } }

.horizontal-block-container {
  position: relative;
  margin-top: 74px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .horizontal-block-container {
      margin-top: 52px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .horizontal-block-container {
      margin-top: 38px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .horizontal-block-container {
      margin-top: 24px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .horizontal-block-container {
      margin-top: 40px; } }
  @media screen and (max-width: 639px) {
    .horizontal-block-container {
      margin-top: 33px;
	  padding-bottom: 35px} }

  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .design-detail .horizontal-block-container {
      margin-bottom: 0!important; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .design-detail .horizontal-block-container {
      margin-top: 38px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .design-detail .horizontal-block-container {
      margin-top: 24px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .design-detail .horizontal-block-container {
      margin-top: 40px; } }
  @media screen and (max-width: 639px) {
    .design-detail .horizontal-block-container {
      margin-top: 33px; } }

  .horizontal-block-container.vacancies-container {
    margin-bottom: 108px;
    margin-top: 71px; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .horizontal-block-container.vacancies-container {
        margin-bottom: 80px;
        margin-top: 54px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .horizontal-block-container.vacancies-container {
        margin-bottom: 70px;
        margin-top: 40px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .horizontal-block-container.vacancies-container {
        margin-bottom: 50px;
        margin-top: 24px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .horizontal-block-container.vacancies-container {
        margin-bottom: 70px;
        margin-top: 43px; } }
    @media screen and (max-width: 639px) {
      .horizontal-block-container.vacancies-container {
        margin-bottom: 50px;
        margin-top: 35px; } }
  .horizontal-block-container .section-filter {
    font-size: 0;
    padding: 0 0 25px 0; }
    @media screen and (max-width: 2295px) {
      .horizontal-block-container .section-filter {
        padding: 0 0 20px 0; } }
    @media screen and (max-width: 639px) {
      .horizontal-block-container .section-filter {
        padding: 0 0 5px; } }

    @media screen and (min-width: 1001px) {
     /*  .horizontal-block-container .section-filter {
        display:none; } */ }

    @media screen and (max-width: 2295px) {
      .design-detail .horizontal-block-container .section-filter {
        padding: 0 0 10px 0; } }
    @media screen and (max-width: 639px) {
      .design-detail .horizontal-block-container .section-filter {
        padding: 0; } }

.horizontal-block-container .section-filter {background: #F3F3F3}
.horizontal-block-container .section-filter.fixed {position: fixed; z-index: 200; top: 107px; padding-top: 25px}
	@media screen and (max-width: 2295px) {
		.horizontal-block-container .section-filter.fixed {top: 80px; padding-top: 20px}
	}
	@media screen and (max-width: 1720px) {
		.horizontal-block-container .section-filter.fixed {top: 70px; padding-top: 20px}
	}
	@media screen and (max-width: 1300px) {
		.horizontal-block-container .section-filter.fixed {top: 52px; padding-top: 23px}
	}
	@media screen and (max-width: 1000px) {
		.horizontal-block-container .section-filter.fixed {top: 70px; padding-top: 20px; margin-left: -50px; padding-left: 50px}
	}
	@media screen and (max-width: 639px) {
		.horizontal-block-container .section-filter.fixed {top: 50px; padding-top: 18px; margin-left: 0; padding-left: 0}
	}

.design-detail .horizontal-block-container .section-filter {background: #F3F3F3; display: none!important}
.design-detail .horizontal-block-container .section-filter.fixed {position: fixed; z-index: 200; top: 107px; padding-top: 25px}
	@media screen and (max-width: 2295px) {
		.design-detail .horizontal-block-container .section-filter.fixed {top: 80px; padding-top: 10px}
	}
	@media screen and (max-width: 1720px) {
		.design-detail .horizontal-block-container .section-filter.fixed {top: 70px; padding-top: 10px}
	}
	@media screen and (max-width: 1300px) {
		.design-detail .horizontal-block-container .section-filter.fixed {top: 52px; padding-top: 13px}
	}
	@media screen and (max-width: 1000px) {
		.design-detail .horizontal-block-container .section-filter.fixed {top: 70px; padding-top: 10px; margin-left: 0; padding-left: 0}
	}
	@media screen and (max-width: 639px) {
		.design-detail .horizontal-block-container .section-filter.fixed {top: 50px; padding-top: 13px}
	}

  .horizontal-block-container .horizontal-block {
    opacity: 0;
    background-color: #fff;
    margin-bottom: 20px;
    position: relative; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .horizontal-block-container .horizontal-block {
        margin-bottom: 15px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .horizontal-block-container .horizontal-block {
        margin-bottom: 20px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .horizontal-block-container .horizontal-block {
        margin-bottom: 16px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .horizontal-block-container .horizontal-block {
        margin-bottom: 20px; } }
    @media screen and (max-width: 639px) {
      .horizontal-block-container .horizontal-block {
        margin-bottom: 9px; } }
    .horizontal-block-container .horizontal-block:after {
      content: " ";
      display: table;
      clear: both; }
    .horizontal-block-container .horizontal-block .horizontal-block-link {
      display: block;
      height: 100%;
      left: 0;
      position: absolute;
      top: 0;
      width: 100%;
      z-index: 3; }
    .horizontal-block-container .horizontal-block .col-left {
      width: 480px;
      display: table-cell; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .horizontal-block-container .horizontal-block .col-left {
          width: 358px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .horizontal-block-container .horizontal-block .col-left {
          width: 283px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .horizontal-block-container .horizontal-block .col-left {
          width: 290px; } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .horizontal-block-container .horizontal-block .col-left {
          width: 275px; } }
      @media screen and (max-width: 639px) {
        .horizontal-block-container .horizontal-block .col-left {
          width: 100%;
          text-align: center;
          display: block;
          float: left; } }
      .horizontal-block-container .horizontal-block .col-left .block-round {
        width: 390px;
        height: 390px;
        border-radius: 390px;
        background: #fbea3a;
        margin-left: 0; }
        @media screen and (max-width: 2295px) and (min-width: 1721px) {
          .horizontal-block-container .horizontal-block .col-left .block-round {
            width: 292px;
            height: 292px;
            border-radius: 292px;
            background: #fbea3a; } }
        @media screen and (max-width: 1720px) and (min-width: 1301px) {
          .horizontal-block-container .horizontal-block .col-left .block-round {
            width: 240px;
            height: 240px;
            border-radius: 240px;
            background: #fbea3a; } }
        @media screen and (max-width: 1300px) and (min-width: 1001px) {
          .horizontal-block-container .horizontal-block .col-left .block-round {
            width: 240px;
            height: 240px;
            border-radius: 240px;
            background: #fbea3a; } }
        @media screen and (max-width: 1000px) and (min-width: 640px) {
          .horizontal-block-container .horizontal-block .col-left .block-round {
            width: 232px;
            height: 232px;
            border-radius: 232px;
            background: #fbea3a; } }
        @media screen and (max-width: 639px) {
          .horizontal-block-container .horizontal-block .col-left .block-round {
            width: 196px;
            height: 196px;
            border-radius: 196px;
            background: #fbea3a; } }
        .horizontal-block-container .horizontal-block .col-left .block-round img {
          width: 100%;
          display: block; }
    .horizontal-block-container .horizontal-block .col-right {
      display: table-cell; }
      @media screen and (max-width: 639px) {
        .horizontal-block-container .horizontal-block .col-right {
          width: 100%;
          display: block;
          float: left;
          padding-top: 33px; } }
    .horizontal-block-container .horizontal-block.equipment-block {
      padding: 53px 90px; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .horizontal-block-container .horizontal-block.equipment-block {
          padding: 40px 70px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .horizontal-block-container .horizontal-block.equipment-block {
          padding: 64px 37px 27px 37px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .horizontal-block-container .horizontal-block.equipment-block {
          padding: 64px 35px 50px 35px; } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .horizontal-block-container .horizontal-block.equipment-block {
          padding: 70px 35px 45px 35px; } }
      @media screen and (max-width: 639px) {
        .horizontal-block-container .horizontal-block.equipment-block {
          padding: 40px 30px 29px 30px; } }
      .horizontal-block-container .horizontal-block.equipment-block:last-child {
        margin-bottom: 0; }
      .horizontal-block-container .horizontal-block.equipment-block .col-right .subtitle {
        margin-top: 12px; }
        @media screen and (max-width: 2295px) and (min-width: 1721px) {
          .horizontal-block-container .horizontal-block.equipment-block .col-right .subtitle {
            margin-top: 9px; } }
        @media screen and (max-width: 1720px) and (min-width: 1301px) {
          .horizontal-block-container .horizontal-block.equipment-block .col-right .subtitle {
            margin-top: 5px; } }
        @media screen and (max-width: 1300px) and (min-width: 1001px) {
          .horizontal-block-container .horizontal-block.equipment-block .col-right .subtitle {
            margin-top: 3px; } }
        @media screen and (max-width: 1000px) and (min-width: 640px) {
          .horizontal-block-container .horizontal-block.equipment-block .col-right .subtitle {
            margin-top: 0; } }
        @media screen and (max-width: 639px) {
          .horizontal-block-container .horizontal-block.equipment-block .col-right .subtitle {
            margin-top: 4px; } }
      .horizontal-block-container .horizontal-block.equipment-block .col-right .text {
        margin-top: 36px;
        text-transform: none; }
        @media screen and (max-width: 2295px) and (min-width: 1721px) {
          .horizontal-block-container .horizontal-block.equipment-block .col-right .text {
            margin-top: 28px; } }
        @media screen and (max-width: 1720px) and (min-width: 1301px) {
          .horizontal-block-container .horizontal-block.equipment-block .col-right .text {
            margin-top: 18px; } }
        @media screen and (max-width: 1300px) and (min-width: 1001px) {
          .horizontal-block-container .horizontal-block.equipment-block .col-right .text {
            margin-top: 14px; } }
        @media screen and (max-width: 1000px) and (min-width: 640px) {
          .horizontal-block-container .horizontal-block.equipment-block .col-right .text {
            margin-top: 20px; } }
        @media screen and (max-width: 639px) {
          .horizontal-block-container .horizontal-block.equipment-block .col-right .text {
            margin-top: 16px; } }
    .horizontal-block-container .horizontal-block.vacancies-block .horizontal-block-content {
      padding: 53px 90px 0 90px; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .horizontal-block-container .horizontal-block.vacancies-block .horizontal-block-content {
          padding: 40px 70px 0 70px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .horizontal-block-container .horizontal-block.vacancies-block .horizontal-block-content {
          padding: 64px 37px 0 37px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .horizontal-block-container .horizontal-block.vacancies-block .horizontal-block-content {
          padding: 64px 35px 0 35px; } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .horizontal-block-container .horizontal-block.vacancies-block .horizontal-block-content {
          padding: 70px 35px 0 35px; } }
      @media screen and (max-width: 639px) {
        .horizontal-block-container .horizontal-block.vacancies-block .horizontal-block-content {
          padding: 41px 30px 0 30px; } }
      .horizontal-block-container .horizontal-block.vacancies-block .horizontal-block-content:last-child {
        margin-bottom: 0; }
    @media screen and (max-width: 639px) {
      .horizontal-block-container .horizontal-block.vacancies-block .col-right {
        padding-top: 37px; } }
    .horizontal-block-container .horizontal-block.vacancies-block .col-right .subtitle {
      text-transform: none;
      margin-bottom: 11px; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .horizontal-block-container .horizontal-block.vacancies-block .col-right .subtitle {
          margin-bottom: 7px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .horizontal-block-container .horizontal-block.vacancies-block .col-right .subtitle {
          margin-bottom: 5px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .horizontal-block-container .horizontal-block.vacancies-block .col-right .subtitle {
          margin-bottom: 2px; } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .horizontal-block-container .horizontal-block.vacancies-block .col-right .subtitle {
          margin-bottom: 3px; } }
      @media screen and (max-width: 639px) {
        .horizontal-block-container .horizontal-block.vacancies-block .col-right .subtitle {
          margin-bottom: 4px; } }
    .horizontal-block-container .horizontal-block.vacancies-block .col-right .text {
      margin-top: 36px;
      text-transform: none; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .horizontal-block-container .horizontal-block.vacancies-block .col-right .text {
          margin-top: 26px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .horizontal-block-container .horizontal-block.vacancies-block .col-right .text {
          margin-top: 17px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .horizontal-block-container .horizontal-block.vacancies-block .col-right .text {
          margin-top: 15px; } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .horizontal-block-container .horizontal-block.vacancies-block .col-right .text {
          margin-top: 20px; } }
      @media screen and (max-width: 639px) {
        .horizontal-block-container .horizontal-block.vacancies-block .col-right .text {
          margin-top: 11px; } }
    .horizontal-block-container .horizontal-block.vacancies-block .col-right .horizontal-block-button {
      margin-top: 27px;
      margin-left: -38px; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .horizontal-block-container .horizontal-block.vacancies-block .col-right .horizontal-block-button {
          margin-top: 20px;
          margin-left: -28px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .horizontal-block-container .horizontal-block.vacancies-block .col-right .horizontal-block-button {
          margin-top: 13px;
          margin-left: -25px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .horizontal-block-container .horizontal-block.vacancies-block .col-right .horizontal-block-button {
          margin-top: 13px;
          margin-left: -20px; } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .horizontal-block-container .horizontal-block.vacancies-block .col-right .horizontal-block-button {
          margin-top: 17px;
          margin-left: -28px; } }
      @media screen and (max-width: 639px) {
        .horizontal-block-container .horizontal-block.vacancies-block .col-right .horizontal-block-button {
          margin-top: 19px;
          margin-left: 0; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .horizontal-block-container .horizontal-block.vacancies-block .col-right .horizontal-block-button .button-title-hide {
          display: none; } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .horizontal-block-container .horizontal-block.vacancies-block .col-right .horizontal-block-button .button-title-hide {
          display: none; } }
      @media screen and (max-width: 639px) {
        .horizontal-block-container .horizontal-block.vacancies-block .col-right .horizontal-block-button .button-title-hide {
          display: none; } }
    .horizontal-block-container .horizontal-block.vacancies-block .under-block-content {
      margin: 31px 0 75px -28px;
      overflow: hidden;
      padding: 0 50px;
      width: calc(100% + (28px * 2)); }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .horizontal-block-container .horizontal-block.vacancies-block .under-block-content {
          margin: 22px 0 56px -22px;
          padding: 0 38px;
          width: calc(100% + (22px * 2)); } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .horizontal-block-container .horizontal-block.vacancies-block .under-block-content {
          margin: 38px 0 60px -9.5px;
          padding: 0 16px;
          width: calc(100% + (9.5px * 2)); } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .horizontal-block-container .horizontal-block.vacancies-block .under-block-content {
          margin: 37px 0 65px -8.5px;
          padding: 0 17px;
          width: calc(100% + (8.5px * 2)); } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .horizontal-block-container .horizontal-block.vacancies-block .under-block-content {
          margin: 0 0 68px 0;
          padding: 0 25px;
          width: 100%; } }
      @media screen and (max-width: 639px) {
        .horizontal-block-container .horizontal-block.vacancies-block .under-block-content {
          margin: 0 0 47px 0;
          padding: 0 15px;
          width: 100%; } }

@media screen and (max-width: 639px) {
  .horizontal-block-button {
    margin-bottom: 14px; } }

.horizontal-block-button:first-child {
  margin-left: -38px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .horizontal-block-button:first-child {
      margin-left: -28px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .horizontal-block-button:first-child {
      margin-left: -25px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .horizontal-block-button:first-child {
      margin-left: -20px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .horizontal-block-button:first-child {
      margin-left: -17px; } }
  @media screen and (max-width: 639px) {
    .horizontal-block-button:first-child {
      margin-left: 0; } }
  .horizontal-block-button:first-child ~ .horizontal-block-button {
    margin-left: 36px; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .horizontal-block-button:first-child ~ .horizontal-block-button {
        margin-left: 27px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .horizontal-block-button:first-child ~ .horizontal-block-button {
        margin-left: 0; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .horizontal-block-button:first-child ~ .horizontal-block-button {
        margin-left: 36px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .horizontal-block-button:first-child ~ .horizontal-block-button {
        margin-left: 36px; } }
    @media screen and (max-width: 639px) {
      .horizontal-block-button:first-child ~ .horizontal-block-button {
        margin-left: 0; } }

@media screen and (max-width: 1000px) and (min-width: 640px) {
  .horizontal-block-button .button-title-hide {
    display: none; } }

@media screen and (max-width: 639px) {
  .horizontal-block-button .button-title-hide {
    display: none; } }

@media screen and (max-width: 639px) {
  .horizontal-block-button .button-title {
    float: right; } }

@media screen and (max-width: 639px) {
  .horizontal-block-button.btn-main {
    padding: 0 20px 0 0; } }

@media screen and (max-width: 639px) {
  .horizontal-block-button.btn-main.btn-right:after {
    left: 0;
    right: inherit; } }

@media screen and (max-width: 639px) {
  .horizontal-block-button.btn-main.btn-right .btn-main-circle {
    margin-right: 20px;
    margin-left: 0; } }

.active {
  }

.horizontal-block-without-padding {
  height: 296px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .horizontal-block-without-padding {
      height: 222px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .horizontal-block-without-padding {
      height: 187px;
      margin-bottom: 16px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .horizontal-block-without-padding {
      height: 172px;
      margin-bottom: 12px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .horizontal-block-without-padding {
      height: 222px;
      margin-left: -50px;
      width: calc(100% + (50px * 2)); } }
  @media screen and (max-width: 639px) {
    .horizontal-block-without-padding {
      height: auto; } }
  .horizontal-block-without-padding .horizontal-block-content {
    position: relative; }
    @media screen and (min-width: 1001px) {
      .horizontal-block-without-padding .horizontal-block-content:hover .hover-rectangle {
        width: 100%; } }
    @media screen and (min-width: 1001px) {
      .horizontal-block-without-padding .horizontal-block-content:hover .col-left {
        width: 0; } }
    @media screen and (min-width: 1001px) {
      .horizontal-block-without-padding .horizontal-block-content:hover .col-right .subtitle {
        color: #262626; } }
    .horizontal-block-without-padding .horizontal-block-content .hover-rectangle {
      background: #fbea3a;
      content: " ";
      display: block;
      width: 0;
      height: 100%;
      position: absolute;
      -webkit-transition: width 0.6s;
      -o-transition: width 0.6s;
      transition: width 0.6s;
      top: 0;
      left: 0; }
    .horizontal-block-without-padding .horizontal-block-content .col-left {
      line-height: 0;
      -webkit-transition: width 0.6s;
      -o-transition: width 0.6s;
      transition: width 0.6s;
      width: 320px;
      z-index: 2;
      height: 100%; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .horizontal-block-without-padding .horizontal-block-content .col-left {
          width: 240px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .horizontal-block-without-padding .horizontal-block-content .col-left {
          width: 202px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .horizontal-block-without-padding .horizontal-block-content .col-left {
          width: 185px; } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .horizontal-block-without-padding .horizontal-block-content .col-left {
          width: 240px; } }
      @media screen and (max-width: 639px) {
        .horizontal-block-without-padding .horizontal-block-content .col-left {
          height: 260px;
          width: 100%; } }
      .horizontal-block-without-padding .horizontal-block-content .col-left .review-image {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
        height: 100%; }
    .horizontal-block-without-padding .horizontal-block-content .col-right {
      line-height: 0;
      padding: 0 94px;
      position: relative;
      z-index: 2; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .horizontal-block-without-padding .horizontal-block-content .col-right {
          padding: 0 70px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .horizontal-block-without-padding .horizontal-block-content .col-right {
          padding: 0 58px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .horizontal-block-without-padding .horizontal-block-content .col-right {
          padding: 0 44px; } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .horizontal-block-without-padding .horizontal-block-content .col-right {
          padding: 0 44px; } }
      @media screen and (max-width: 639px) {
        .horizontal-block-without-padding .horizontal-block-content .col-right {
          height: auto;
          padding: 20px 30px;
          width: 100%; } }
      .horizontal-block-without-padding .horizontal-block-content .col-right .subtitle {
        color: #aeaeae;
        margin-bottom: 12px;
        -webkit-transition: color .6s ease;
        -o-transition: color .6s ease;
        transition: color .6s ease; }
        @media screen and (max-width: 2295px) and (min-width: 1721px) {
          .horizontal-block-without-padding .horizontal-block-content .col-right .subtitle {
            margin-bottom: 9px; } }
        @media screen and (max-width: 1720px) and (min-width: 1301px) {
          .horizontal-block-without-padding .horizontal-block-content .col-right .subtitle {
            margin-bottom: 5px; } }
        @media screen and (max-width: 1300px) and (min-width: 1001px) {
          .horizontal-block-without-padding .horizontal-block-content .col-right .subtitle {
            margin-bottom: 3px; } }
        @media screen and (max-width: 1000px) and (min-width: 640px) {
          .horizontal-block-without-padding .horizontal-block-content .col-right .subtitle {
            margin-bottom: 0; } }
        @media screen and (max-width: 639px) {
          .horizontal-block-without-padding .horizontal-block-content .col-right .subtitle {
            margin-bottom: 4px; } }
      .horizontal-block-without-padding .horizontal-block-content .col-right .text {
        height: 64px;
        margin-top: 24px;
        text-transform: none; }
        @media screen and (max-width: 2295px) and (min-width: 1721px) {
          .horizontal-block-without-padding .horizontal-block-content .col-right .text {
            height: 48px;
            margin-top: 17px; } }
        @media screen and (max-width: 1720px) and (min-width: 1301px) {
          .horizontal-block-without-padding .horizontal-block-content .col-right .text {
            height: 44px;
            margin-top: 6px; } }
        @media screen and (max-width: 1300px) and (min-width: 1001px) {
          .horizontal-block-without-padding .horizontal-block-content .col-right .text {
            height: 44px;
            margin-top: 6px; } }
        @media screen and (max-width: 1000px) and (min-width: 640px) {
          .horizontal-block-without-padding .horizontal-block-content .col-right .text {
            height: 48px;
            margin-top: 6px; } }
        @media screen and (max-width: 639px) {
          .horizontal-block-without-padding .horizontal-block-content .col-right .text {
            height: 44px;
            margin-top: 5px; } }

.accordion {
  margin-top: 30px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .accordion {
      margin-top: 24px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .accordion {
      margin-top: 33px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .accordion {
      margin-top: 26px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .accordion {
      margin-top: 36px; } }
  @media screen and (max-width: 639px) {
    .accordion {
      margin-top: 30px; } }
  .accordion .accordion-content {
    display: none;
    margin: 50px 0 24px -40px;
    opacity: 0;
    width: calc(100% + (35px * 2)); }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .accordion .accordion-content {
        margin: 39px 0 17px -35px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .accordion .accordion-content {
        margin: 50px 0 35px -15px;
        width: calc(100% + (15px * 2)); } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .accordion .accordion-content {
        margin: 26px 0 13px -16px;
        width: calc(100% + (16px * 2)); } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .accordion .accordion-content {
        margin: 31px 0 25px -10px;
        width: calc(100% + (10px * 2)); } }
    @media screen and (max-width: 639px) {
      .accordion .accordion-content {
        margin: 13px 0 0 -15px;
        width: calc(100% + (15px * 2)); } }

.top-menu-container {
  width: 100%;
  height: 103px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .top-menu-container {
      height: 76px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .top-menu-container {
      height: 70px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .top-menu-container {
      height: 50px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .top-menu-container {
      display: none; } }
  @media screen and (max-width: 639px) {
    .top-menu-container {
      display: none; } }
  .top-menu-container .top-menu-fixed {
    background: #fff;
    height: inherit;
    position: fixed;
    z-index: 2;
    margin-top: 90px;
    }
		  @media screen and (max-width: 2295px) {
			.top-menu-container .top-menu-fixed {margin-top: 63px} }

    .top-menu-container .top-menu-fixed .top-menu-wrapper {
      overflow: hidden;
      height: 100%;
      padding: 0 0 26px 0; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .top-menu-container .top-menu-fixed .top-menu-wrapper {
          padding: 0 0 20px 0; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .top-menu-container .top-menu-fixed .top-menu-wrapper {
          padding: 0 0 14px 52px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .top-menu-container .top-menu-fixed .top-menu-wrapper {
          padding: 0 0 11px 26px; } }
  .top-menu-container .top-menu {
    margin: 0 auto;
    white-space: nowrap; }
    .top-menu-container .top-menu.menu-with-nav {
      float: left;
      width: calc(100% - 110px);
      }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .top-menu-container .top-menu.menu-with-nav {
          width: calc(100% - 80px);
          } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .top-menu-container .top-menu.menu-with-nav {
          width: calc(100% - 70px); } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .top-menu-container .top-menu.menu-with-nav {
          width: calc(100% - 60px); } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .top-menu-container .top-menu.menu-with-nav {
          width: calc(100% - 79px);
          } }
    .top-menu-container .top-menu .owl-stage-outer:after {
      content: " ";
      width: 30px;
      position: absolute;
      background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(white));
      background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%);
      background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%);
      background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%);
      right: 0px;
      height: 100%;
      top: 0; }
    .top-menu-container .top-menu .owl-stage-outer .owl-stage {
      margin: 0 auto; }
  .top-menu-container .top-menu-nav {
    float: right;
    height: 100%;
    display: none; }
    .top-menu-container .top-menu-nav.active {
      display: inline-block; }
    .top-menu-container .top-menu-nav .owl-prev, .top-menu-container .top-menu-nav .owl-next {
      cursor: pointer;
      width: 18px;
      height: 100%;
      -webkit-transition: color .6s ease;
      -o-transition: color .6s ease;
      transition: color .6s ease;
      color: #cfcfcf; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .top-menu-container .top-menu-nav .owl-prev, .top-menu-container .top-menu-nav .owl-next {
          width: 13px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .top-menu-container .top-menu-nav .owl-prev, .top-menu-container .top-menu-nav .owl-next {
          width: 13px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .top-menu-container .top-menu-nav .owl-prev, .top-menu-container .top-menu-nav .owl-next {
          width: 13px; } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .top-menu-container .top-menu-nav .owl-prev, .top-menu-container .top-menu-nav .owl-next {
          width: 13px; } }
      @media screen and (max-width: 639px) {
        .top-menu-container .top-menu-nav .owl-prev, .top-menu-container .top-menu-nav .owl-next {
          width: 11px; } }
      .top-menu-container .top-menu-nav .owl-prev .svg, .top-menu-container .top-menu-nav .owl-next .svg {
        fill: currentColor; }
      @media screen and (min-width: 1001px) {
        .top-menu-container .top-menu-nav .owl-prev:hover, .top-menu-container .top-menu-nav .owl-next:hover {
          color: #86888a; } }
      .top-menu-container .top-menu-nav .owl-prev.disabled, .top-menu-container .top-menu-nav .owl-next.disabled {
        color: #cfcfcf; }
    .top-menu-container .top-menu-nav .owl-prev {
      float: left; }
    .top-menu-container .top-menu-nav .owl-next {
      float: right;
      margin: 0 0 0 61px; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .top-menu-container .top-menu-nav .owl-next {
          margin: 0 0 0 42px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .top-menu-container .top-menu-nav .owl-next {
          margin: 0 0 0 37px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .top-menu-container .top-menu-nav .owl-next {
          margin: 0 0 0 25px; } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .top-menu-container .top-menu-nav .owl-next {
          margin: 0 0 0 44px; } }
      @media screen and (max-width: 639px) {
        .top-menu-container .top-menu-nav .owl-next {
          margin: 0 0 0 27px; } }
    .top-menu-container .top-menu-nav div {
      width: 55px;
      height: 100%;
      float: left;
      position: relative; }
  .top-menu-container.filter-container {
    height: 102px;
    margin-bottom: 120px;
    /* margin-top: 31px; */
    /* margin-left: -50px; */
    }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .top-menu-container.filter-container {
        height: 76px;
        margin-bottom: 92px;
        /* margin-left: -30px; */
        margin-top: 0px;
        } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .top-menu-container.filter-container {
        height: 70px;
        margin-top: -10px;
        /* margin-bottom: 83px; */
        /* margin-left: -15px; */
        /* margin-top: -10px; */
        } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .top-menu-container.filter-container {
        height: 50px;
        margin-bottom: 73px;
        margin-right: -53px;
        margin-top: -28px;
        } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .top-menu-container.filter-container {
        display: block;
        height: 70px;
        margin-bottom: 109px;
        margin-top: -10px;
        } }
    @media screen and (max-width: 639px) {
      .top-menu-container.filter-container {
        display: block;
        height: 51px;
        margin-bottom: 56px;
        margin-top: -30px;
        } }
    @media screen and (max-width: 639px) {
      .top-menu-container.filter-container .top-menu-fixed {
        border-top: solid 1px #0d1115;
        height: auto; } }
    .top-menu-container.filter-container .top-menu-fixed .top-menu-wrapper {
      padding: 0 0 0 60px;
      }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .top-menu-container.filter-container .top-menu-fixed .top-menu-wrapper {
          padding: 0 0 0 43px;
          width:;
          } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .top-menu-container.filter-container .top-menu-fixed .top-menu-wrapper {
          padding: 0 0 0 40px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .top-menu-container.filter-container .top-menu-fixed .top-menu-wrapper {
          padding: 0 0 0 22px;
          } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .top-menu-container.filter-container .top-menu-fixed .top-menu-wrapper {
          padding: 0 21px; } }
      @media screen and (max-width: 639px) {
        .top-menu-container.filter-container .top-menu-fixed .top-menu-wrapper {
          padding: 0 20px 0 50px;
          } }
      .top-menu-container.filter-container .top-menu-fixed .top-menu-wrapper .top-menu {
        margin: 0; }
        @media screen and (max-width: 639px) {
          .top-menu-container.filter-container .top-menu-fixed .top-menu-wrapper .top-menu {
            display: block;
            max-height: 50px;
            overflow: hidden;
            z-index: 2;
            width: 100%;
            margin: 0;
            float: left; } }
        .top-menu-container.filter-container .top-menu-fixed .top-menu-wrapper .top-menu.slideDown {
          max-height: 100%; }
        .top-menu-container.filter-container .top-menu-fixed .top-menu-wrapper .top-menu a {
          color: #0d1115; }
        .top-menu-container.filter-container .top-menu-fixed .top-menu-wrapper .top-menu .owl-stage-outer:after {
          background: -webkit-gradient(linear, left top, right top, from(rgba(13, 17, 21, 0)), to(#0d1115));
          background: -webkit-linear-gradient(left, rgba(13, 17, 21, 0) 0%, #0d1115 100%);
          background: -o-linear-gradient(left, rgba(13, 17, 21, 0) 0%, #0d1115 100%);
          background: linear-gradient(to right, rgba(13, 17, 21, 0) 0%, #0d1115 100%); }
        .top-menu-container.filter-container .top-menu-fixed .top-menu-wrapper .top-menu .owl-stage-outer .owl-stage {
          margin: 0 auto; }
        .top-menu-container.filter-container .top-menu-fixed .top-menu-wrapper .top-menu .item {
          line-height: 78px;
          margin-right: 65px;
          text-transform: uppercase; }
          @media screen and (max-width: 2295px) and (min-width: 1721px) {
            .top-menu-container.filter-container .top-menu-fixed .top-menu-wrapper .top-menu .item {
              line-height: 58px;
              margin-right: 50px; } }
          @media screen and (max-width: 1720px) and (min-width: 1301px) {
            .top-menu-container.filter-container .top-menu-fixed .top-menu-wrapper .top-menu .item {
              line-height: 70px;
              margin-right: 35px; } }
          @media screen and (max-width: 1300px) and (min-width: 1001px) {
            .top-menu-container.filter-container .top-menu-fixed .top-menu-wrapper .top-menu .item {
              line-height: 50px;
              margin-right: 35px; } }
          @media screen and (max-width: 1000px) and (min-width: 640px) {
            .top-menu-container.filter-container .top-menu-fixed .top-menu-wrapper .top-menu .item {
              line-height: 70px;
              margin-right: 35px; } }
          @media screen and (max-width: 639px) {
            .top-menu-container.filter-container .top-menu-fixed .top-menu-wrapper .top-menu .item {
              line-height: 50px;
              margin-right: 0; } }
      .top-menu-container.filter-container .top-menu-fixed .top-menu-wrapper .top-menu-nav {
        display: block;
        height: 78px; }
        @media screen and (max-width: 2295px) and (min-width: 1721px) {
          .top-menu-container.filter-container .top-menu-fixed .top-menu-wrapper .top-menu-nav {
            height: 58px; } }
        @media screen and (max-width: 1720px) and (min-width: 1301px) {
          .top-menu-container.filter-container .top-menu-fixed .top-menu-wrapper .top-menu-nav {
            height: 70px; } }
        @media screen and (max-width: 1300px) and (min-width: 1001px) {
          .top-menu-container.filter-container .top-menu-fixed .top-menu-wrapper .top-menu-nav {
            height: 50px; } }
        @media screen and (max-width: 1000px) and (min-width: 640px) {
          .top-menu-container.filter-container .top-menu-fixed .top-menu-wrapper .top-menu-nav {
            display: block;
            height: 70px;
            right: 6px;
            } }
        @media screen and (max-width: 639px) {
          .top-menu-container.filter-container .top-menu-fixed .top-menu-wrapper .top-menu-nav {
            display: none; } }
      .top-menu-container.filter-container .top-menu-fixed .top-menu-wrapper .top-menu-nav-slide {
        display: none; }
        @media screen and (max-width: 639px) {
          .top-menu-container.filter-container .top-menu-fixed .top-menu-wrapper .top-menu-nav-slide {
            cursor: pointer;
            display: block;
            float: left;
            line-height: 50px;
            position: absolute;
            right: 20px;
            width: 50px;
            text-align: right;
            z-index: 2; } }
        .top-menu-container.filter-container .top-menu-fixed .top-menu-wrapper .top-menu-nav-slide svg {
          fill: #30363c; }
        .top-menu-container.filter-container .top-menu-fixed .top-menu-wrapper .top-menu-nav-slide:hover svg, .top-menu-container.filter-container .top-menu-fixed .top-menu-wrapper .top-menu-nav-slide.active svg {
          fill: #fff; }

#black-theme .top-menu-container {
  background: #0d1115; }
  #black-theme .top-menu-container .top-menu-fixed {
    background: #0d1115; }

.links-on-section a {
  text-decoration: none; }

.links-on-section:after {
  content: " ";
  display: table;
  clear: both; }

.links-on-section .col {
  position: relative;
  width: 50%;
  float: left; }
  @media screen and (min-width: 1001px) {
    .links-on-section .col:hover .block-round {
      -webkit-transform: scale(0.9, 0.9);
          -ms-transform: scale(0.9, 0.9);
              transform: scale(0.9, 0.9); } }
  .links-on-section .col .circle-image {
    position: relative;
    width: 226px; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .links-on-section .col .circle-image {
        width: 170px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .links-on-section .col .circle-image {
        width: 145px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .links-on-section .col .circle-image {
        width: 145px;
        margin: 0 auto; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .links-on-section .col .circle-image {
        width: 170px; } }
    @media screen and (max-width: 639px) {
      .links-on-section .col .circle-image {
        width: 145px;
        margin: 0 auto; } }
  .links-on-section .col .block-round {
    -webkit-transition: -webkit-transform 0.6s ease-out;
    transition: -webkit-transform 0.6s ease-out;
    -o-transition: transform 0.6s ease-out;
    transition: transform 0.6s ease-out;
    transition: transform 0.6s ease-out, -webkit-transform 0.6s ease-out;
    width: 226px;
    height: 226px;
    border-radius: 226px;
    background: #fbea3a; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .links-on-section .col .block-round {
        width: 170px;
        height: 170px;
        border-radius: 170px;
        background: #fbea3a; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .links-on-section .col .block-round {
        width: 145px;
        height: 145px;
        border-radius: 145px;
        background: #fbea3a; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .links-on-section .col .block-round {
        width: 145px;
        height: 145px;
        border-radius: 145px;
        background: #fbea3a; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .links-on-section .col .block-round {
        width: 170px;
        height: 170px;
        border-radius: 170px;
        background: #fbea3a; } }
    @media screen and (max-width: 639px) {
      .links-on-section .col .block-round {
        width: 145px;
        height: 145px;
        border-radius: 145px;
        background: #fbea3a; } }
  .links-on-section .col .block-img {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left center; }
  .links-on-section .col .section-title {
	  min-width: 150px;
    position: absolute;
    text-align: left;
    top: 50%;
    -webkit-transition: margin 0.6s ease-out;
    -o-transition: margin 0.6s ease-out;
    transition: margin 0.6s ease-out;
    -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
            transform: translate(0, -50%); }

#white-theme .links-on-section > .col .block-round {
  background: #fbea3a; }

#white-theme .links-on-section > .col a {
  color: #262626; }

#black-theme .links-on-section > .col .block-round {
  background: #3e4349; }

#black-theme .links-on-section > .col .section-title {
  color: #fff; }


.links-on-section-detail > .col > a{
	display: flex;
	align-items: center;
	justify-content: center;
}

.links-on-section-detail {
  border-top: 1px solid #d9d9d9;
  margin: 70px 0 110px 0;
  padding-top: 64px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .links-on-section-detail {
      margin: 51px 0 50px 0;
      padding-top: 49px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .links-on-section-detail {
      border-top: 1px solid #d9d9d9;
      margin: 46px 0 67px 0;
      padding-top: 49px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .links-on-section-detail {
      border-top: 1px solid #d9d9d9;
      margin: 43px 0 50px 0;
      padding-top: 49px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .links-on-section-detail {
      margin: 40px 0 68px 0;
      padding-top: 49px; } }
  @media screen and (max-width: 639px) {
    .links-on-section-detail {
      border-top: 0px;
      margin: 23px 0 1px 0px;
      padding-top: 52px;
      /*width: calc(100% + (20px * 2));*/
	  width: 100%;
	  } }
  @media screen and (max-width: 639px) {
    .links-on-section-detail .col {
      margin-bottom: 44px;
      text-align: center;
      width: 100%; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .links-on-section-detail .col .links-on-section-left {
      margin-left: 13px;
      float: left;
      width: 145px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .links-on-section-detail .col .links-on-section-left {
      width: 170px;
      margin-left: 16px;
      float: left; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .links-on-section-detail .col .links-on-section-right {
      width: 145px;
      margin-right: 13px;
      float: right; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .links-on-section-detail .col .links-on-section-right {
      width: 170px;
      margin-right: 16px;
      float: right; } }
  .links-on-section-detail .col:hover .section-title {
    margin-left: 47%; }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .links-on-section-detail .col:hover .section-title {
        margin-left: 0; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .links-on-section-detail .col:hover .section-title {
        margin-left: 0; } }
    @media screen and (max-width: 639px) {
      .links-on-section-detail .col:hover .section-title {
        margin-left: 0; } }
  .links-on-section-detail .col .section-title {
    margin-left: 32%; }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .links-on-section-detail .col .section-title {
        margin-left: 35%; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .links-on-section-detail .col .section-title {
        -webkit-transform: inherit;
            -ms-transform: inherit;
                transform: inherit;
        position: static;
        margin: 12px 0 0 0;
        text-align: center; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .links-on-section-detail .col .section-title {
        -webkit-transform: inherit;
            -ms-transform: inherit;
                transform: inherit;
        position: static;
        margin: 12px 0 0 0;
        text-align: center; } }
    @media screen and (max-width: 639px) {
      .links-on-section-detail .col .section-title {
        -webkit-transform: inherit;
            -ms-transform: inherit;
                transform: inherit;
        position: static;
        margin: 12px 0 0 0;
        text-align: center; } }

#white-theme .links-on-section-detail {
  border-color: #d9d9d9; }

#black-theme .links-on-section-detail {
  border-color: #3e4349; }

.links-on-section-pay {
  margin: 78px 0 37px 0; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .links-on-section-pay {
      margin: 58px 0 28px 0; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .links-on-section-pay {
      margin: 46px 0 49px 0; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .links-on-section-pay {
      margin: 46px 0 28px 0; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .links-on-section-pay {
      margin: 45px 0 0 0; } }
  @media screen and (max-width: 639px) {
    .links-on-section-pay {
      margin: 39px 0 14px 0; } }
  @media screen and (max-width: 639px) {
    .links-on-section-pay .col {
      margin-bottom: 44px;
      text-align: center;
      width: 100%; }
      .links-on-section-pay .col:nth-child(2) {
        margin-bottom: 0; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .links-on-section-pay .col .links-on-section-left {
      margin-left: 13px;
      float: left;
      width: 145px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .links-on-section-pay .col .links-on-section-left {
      width: 170px;
      margin-left: 16px;
      float: left; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .links-on-section-pay .col .links-on-section-right {
      width: 145px;
      margin-right: 13px;
      float: right; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .links-on-section-pay .col .links-on-section-right {
      width: 170px;
      margin-right: 16px;
      float: right; } }
  .links-on-section-pay .col:hover .section-title {
    margin-left: 47%; }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .links-on-section-pay .col:hover .section-title {
        margin-left: 0; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .links-on-section-pay .col:hover .section-title {
        margin-left: 0; } }
    @media screen and (max-width: 639px) {
      .links-on-section-pay .col:hover .section-title {
        margin-left: 0; } }
  .links-on-section-pay .col .section-title {
    margin-left: 32%; }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .links-on-section-pay .col .section-title {
        margin-left: 35%; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .links-on-section-pay .col .section-title {
        -webkit-transform: inherit;
            -ms-transform: inherit;
                transform: inherit;
        position: static;
        margin: 13px 0 0 0;
        text-align: center; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .links-on-section-pay .col .section-title {
        -webkit-transform: inherit;
            -ms-transform: inherit;
                transform: inherit;
        position: static;
        margin: 16px 0 0 0;
        text-align: center; } }
    @media screen and (max-width: 639px) {
      .links-on-section-pay .col .section-title {
        -webkit-transform: inherit;
            -ms-transform: inherit;
                transform: inherit;
        position: static;
        margin: 12px 0 0 0;
        text-align: center; } }

.links-on-section-requirements {
  margin: 78px 0 106px 0; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .links-on-section-requirements {
      margin: 57px 0 80px 0; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .links-on-section-requirements {
      margin: 49px 0 70px 0; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .links-on-section-requirements {
      margin: 49px 0; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .links-on-section-requirements {
      margin: 49px 0 70px 0; } }
  @media screen and (max-width: 639px) {
    .links-on-section-requirements {
      margin: 52px 0 0 0; } }
  .links-on-section-requirements .col {
    width: 100%; }
    @media screen and (max-width: 639px) {
      .links-on-section-requirements .col {
        margin-bottom: 42px; } }
    .links-on-section-requirements .col:hover .section-title {
      margin-left: 23%; }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .links-on-section-requirements .col:hover .section-title {
          margin-left: 34%; } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .links-on-section-requirements .col:hover .section-title {
          margin-left: 26%; } }
      @media screen and (max-width: 639px) {
        .links-on-section-requirements .col:hover .section-title {
          margin-left: 0; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .links-on-section-requirements .col .circle-image {
        margin: 0; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .links-on-section-requirements .col .circle-image {
        margin: 0; } }
    .links-on-section-requirements .col .section-title {
      margin-left: 16%; }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .links-on-section-requirements .col .section-title {
          margin-left: 24%; } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .links-on-section-requirements .col .section-title {
          margin-left: 26%; } }
      @media screen and (max-width: 639px) {
        .links-on-section-requirements .col .section-title {
          -webkit-transform: inherit;
              -ms-transform: inherit;
                  transform: inherit;
          position: static;
          margin-top: 12px;
          margin-left: 0;
          text-align: center; } }

.portfolio-label {
  position: absolute;
  top: -68px;
  left: -15px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .portfolio-label {
      top: -50px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .portfolio-label {
      top: -40px;
      left: -6px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .portfolio-label {
      top: -33px;
      left: 0; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .portfolio-label {
      top: -41px;
      left: -10px; } }
  @media screen and (max-width: 639px) {
    .portfolio-label {
      top: -28px;
      left: -8px; } }

.portfolio-container {
  margin-top: 70px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .portfolio-container {
      margin-top: 55px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .portfolio-container {
      margin-top: 35px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .portfolio-container {
      margin-top: 19px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .portfolio-container {
      margin-top: 66px; } }
  @media screen and (max-width: 639px) {
    .portfolio-container {
      margin-top: 0; } }
  .portfolio-container .portfolio-block {
    margin-bottom: 50px;
    width: 100%;
    position: relative; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .portfolio-container .portfolio-block {
        margin-bottom: 40px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .portfolio-container .portfolio-block {
        margin-bottom: 45px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .portfolio-container .portfolio-block {
        margin-bottom: 31px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .portfolio-container .portfolio-block {
        margin-bottom: 74px; } }
    @media screen and (max-width: 639px) {
      .portfolio-container .portfolio-block, #news-wrapper #news-wrapper {
        margin-bottom: 64px; } }
    .portfolio-container .portfolio-block:last-child {
      margin-bottom: 0; }
    @media screen and (min-width: 1001px) {
      .portfolio-container .portfolio-block:hover .portfolio-block-image:after {
        opacity: .7; }
      .portfolio-container .portfolio-block:hover .portfolio-block-image .portfolio-block-bg {
        -webkit-transform: scale(1.15);
            -ms-transform: scale(1.15);
                transform: scale(1.15); } }
    .portfolio-container .portfolio-block .portfolio-link {
      display: block;
      height: 100%;
      left: 0;
      position: absolute;
      top: 0;
      width: 100%; }
    .portfolio-container .portfolio-block .portfolio-block-image {
      height: 556px;
      overflow: hidden;
      position: relative; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .portfolio-container .portfolio-block .portfolio-block-image {
          height: 415px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .portfolio-container .portfolio-block .portfolio-block-image {
          height: 348px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .portfolio-container .portfolio-block .portfolio-block-image {
          height: 240px; } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .portfolio-container .portfolio-block .portfolio-block-image {
          height: 320px; } }
      @media screen and (max-width: 639px) {
        .portfolio-container .portfolio-block .portfolio-block-image {
          height: 160px; } }
      .portfolio-container .portfolio-block .portfolio-block-image:after {
        width: 100%;
        content: " ";
        height: 100%;
        background: #000;
        opacity: 0;
        position: absolute;
        -webkit-transition: .6s ease-out;
        -o-transition: .6s ease-out;
        transition: .6s ease-out;
        bottom: 0;
        left: 0; }
      .portfolio-container .portfolio-block .portfolio-block-image .portfolio-block-bg {
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        height: 100%;
        -webkit-transition: -webkit-transform 0.6s ease-out;
        transition: -webkit-transform 0.6s ease-out;
        -o-transition: transform 0.6s ease-out;
        transition: transform 0.6s ease-out;
        transition: transform 0.6s ease-out, -webkit-transform 0.6s ease-out; }
    .portfolio-container .portfolio-block > .portfolio-block-text {
      position: absolute;
      top: 50%;
      -webkit-transform: translate(0, -50%);
          -ms-transform: translate(0, -50%);
              transform: translate(0, -50%);
      left: -125px;
      z-index: 2; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .portfolio-container .portfolio-block > .portfolio-block-text {
          left: -90px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .portfolio-container .portfolio-block > .portfolio-block-text {
          left: -77px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .portfolio-container .portfolio-block > .portfolio-block-text {
          left: -55px; } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .portfolio-container .portfolio-block > .portfolio-block-text {
          position: static;
          -webkit-transform: translate(0, 0);
              -ms-transform: translate(0, 0);
                  transform: translate(0, 0); } }
      @media screen and (max-width: 639px) {
        .portfolio-container .portfolio-block > .portfolio-block-text {
          position: static;
          -webkit-transform: translate(0, 0);
              -ms-transform: translate(0, 0);
                  transform: translate(0, 0); } }
      .portfolio-container .portfolio-block > .portfolio-block-text .portfolio-title {
        margin-bottom: 16px; }
        @media screen and (max-width: 2295px) and (min-width: 1721px) {
          .portfolio-container .portfolio-block > .portfolio-block-text .portfolio-title {
            margin-bottom: 12px; } }
        @media screen and (max-width: 1720px) and (min-width: 1301px) {
          .portfolio-container .portfolio-block > .portfolio-block-text .portfolio-title {
            margin-bottom: 8px; } }
        @media screen and (max-width: 1300px) and (min-width: 1001px) {
          .portfolio-container .portfolio-block > .portfolio-block-text .portfolio-title {
            margin-bottom: 8px; } }
        @media screen and (max-width: 1000px) and (min-width: 640px) {
          .portfolio-container .portfolio-block > .portfolio-block-text .portfolio-title {
            margin-bottom: 11px; } }
        @media screen and (max-width: 639px) {
          .portfolio-container .portfolio-block > .portfolio-block-text .portfolio-title {
            margin-bottom: 8px; } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .portfolio-container .portfolio-block > .portfolio-block-text .portfolio-description {
          margin-bottom: 20px; } }
      @media screen and (max-width: 639px) {
        .portfolio-container .portfolio-block > .portfolio-block-text .portfolio-description {
          margin-bottom: 14px; } }

.portfolio-detail-header {
  background: #0d1115;
  height: 982px;
  color: #fff; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .portfolio-detail-header {
      height: 736px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .portfolio-detail-header {
      height: 510px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .portfolio-detail-header {
      height: 447px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .portfolio-detail-header {
      height: auto; } }
  @media screen and (max-width: 639px) {
    .portfolio-detail-header {
      height: auto; } }
  .portfolio-detail-header .header-bg {
    float: right;
    height: 100%;
    width: calc(100% - 568px);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .portfolio-detail-header .header-bg {
        width: calc(100% - 425px); } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .portfolio-detail-header .header-bg {
        width: calc(100% - 300px); } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .portfolio-detail-header .header-bg {
        width: calc(100% - 212px); } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .portfolio-detail-header .header-bg {
        height: 262px;
        width: 100%; } }
    @media screen and (max-width: 639px) {
      .portfolio-detail-header .header-bg {
        width: 100%;
        height: 181px; } }
  .portfolio-detail-header .header-content {
    float: left;
    height: 100%;
    padding-left: 175px;
    position: relative;
    width: 568px; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .portfolio-detail-header .header-content {
        padding-left: 135px;
        width: 425px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .portfolio-detail-header .header-content {
        padding-left: 85px;
        width: 300px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .portfolio-detail-header .header-content {
        padding-left: 65px;
        width: 212px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .portfolio-detail-header .header-content {
        padding: 0 50px;
        height: auto;
        min-height: 90px;
        width: 100%; } }
    @media screen and (max-width: 639px) {
      .portfolio-detail-header .header-content {
        padding: 0 20px;
        height: auto;
        min-height: 75px;
        width: 100%; } }
    .portfolio-detail-header .header-content .portfolio-header-text {
      position: absolute;
      top: 50%;
      width: 870px;
      z-index: 2;
      -webkit-transform: translate(0, -50%);
          -ms-transform: translate(0, -50%);
              transform: translate(0, -50%); }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .portfolio-detail-header .header-content .portfolio-header-text {
          width: 740px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .portfolio-detail-header .header-content .portfolio-header-text {
          width: 580px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .portfolio-detail-header .header-content .portfolio-header-text {
          width: 435px; } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .portfolio-detail-header .header-content .portfolio-header-text {
          margin-top: -21px;
          padding-bottom: 63px;
          position: static;
          -webkit-transform: translate(0, 0);
              -ms-transform: translate(0, 0);
                  transform: translate(0, 0);
          width: 100%; } }
      @media screen and (max-width: 639px) {
        .portfolio-detail-header .header-content .portfolio-header-text {
          margin-top: -11px;
          padding-bottom: 53px;
          position: static;
          -webkit-transform: translate(0, 0);
              -ms-transform: translate(0, 0);
                  transform: translate(0, 0);
          width: 100%; } }
      .portfolio-detail-header .header-content .portfolio-header-text .portfolio-title {
        margin-bottom: 16px; }
        @media screen and (max-width: 2295px) and (min-width: 1721px) {
          .portfolio-detail-header .header-content .portfolio-header-text .portfolio-title {
            margin-bottom: 12px; } }
        @media screen and (max-width: 1720px) and (min-width: 1301px) {
          .portfolio-detail-header .header-content .portfolio-header-text .portfolio-title {
            margin-bottom: 8px; } }
        @media screen and (max-width: 1300px) and (min-width: 1001px) {
          .portfolio-detail-header .header-content .portfolio-header-text .portfolio-title {
            margin-bottom: 8px; } }
        @media screen and (max-width: 1000px) and (min-width: 640px) {
          .portfolio-detail-header .header-content .portfolio-header-text .portfolio-title {
            margin-bottom: 11px; } }
        @media screen and (max-width: 639px) {
          .portfolio-detail-header .header-content .portfolio-header-text .portfolio-title {
            margin-bottom: 8px; } }
      .portfolio-detail-header .header-content .portfolio-header-text .portfolio-description {
        width: 795px; }
        @media screen and (max-width: 2295px) and (min-width: 1721px) {
          .portfolio-detail-header .header-content .portfolio-header-text .portfolio-description {
            width: 600px; } }
        @media screen and (max-width: 1720px) and (min-width: 1301px) {
          .portfolio-detail-header .header-content .portfolio-header-text .portfolio-description {
            width: 570px; } }
        @media screen and (max-width: 1300px) and (min-width: 1001px) {
          .portfolio-detail-header .header-content .portfolio-header-text .portfolio-description {
            width: 400px; } }
        @media screen and (max-width: 1000px) and (min-width: 640px) {
          .portfolio-detail-header .header-content .portfolio-header-text .portfolio-description {
            width: 100%; } }
        @media screen and (max-width: 639px) {
          .portfolio-detail-header .header-content .portfolio-header-text .portfolio-description {
            width: 100%; } }

.task-block {
  width: 50%;
  float: right;
  border-bottom: 2px solid #3e4349; }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .task-block {
      width: 70%; } }
  @media screen and (max-width: 639px) {
    .task-block {
      width: calc(100% - 50px); } }

.portfolio-detail-cart1 {
  min-height: 1097px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .portfolio-detail-cart1 {
      min-height: 822px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .portfolio-detail-cart1 {
      min-height: 728px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .portfolio-detail-cart1 {
      min-height: 634px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .portfolio-detail-cart1 {
      min-height: 740px; } }
  @media screen and (max-width: 639px) {
    .portfolio-detail-cart1 {
      min-height: 611px; } }
.portfolio-detail-cart1 .note-design-detail {
    margin: 61px 0 7px 0; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .portfolio-detail-cart1 .note-design-detail {
        margin: 54px 0 14px 0; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .portfolio-detail-cart1 .note-design-detail {
        margin: 58px 0 16px 0; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .portfolio-detail-cart1 .note-design-detail {
        margin: 53px 0 11px 0; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .portfolio-detail-cart1 .note-design-detail {
        margin: 24px 0 0 0; } }
    @media screen and (max-width: 639px) {
      .portfolio-detail-cart1 .note-design-detail {
        margin: 8px 0 0 0; } }
 /*.portfolio-detail-cart1 .note-design-detail .main-title-text {
      text-align: justify; }
  .portfolio-detail-cart1 .detail-cart1-bg {
     background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    background-color: #0d1115; }*/



.portfolio-detail-cart1 .detail-cart1-bg {background: #15181D; position: relative }  /* padding-bottom: 192px; */
.portfolio-detail-cart1 .detail-cart1-bg:before {content: ""; display: block; width: 100%; position: absolute; z-index: 1; left: 0; background: #21262A}
.portfolio-detail-cart1 .detail-cart1-bg:before {top: 0; height: 175px}

	@media screen and (max-width: 2295px) and (min-width: 1721px) {
		/* .portfolio-detail-cart1 .detail-cart1-bg {padding-bottom: 192px} */
		.portfolio-detail-cart1 .detail-cart1-bg:before {height: 175px}
	}
	@media screen and (max-width: 1720px) and (min-width: 1301px) {
		/* .portfolio-detail-cart1 .detail-cart1-bg {padding-bottom: 120px} */
		.portfolio-detail-cart1 .detail-cart1-bg:before {height: 110px}
	}
	@media screen and (max-width: 1300px) and (min-width: 1001px) {
		/* .portfolio-detail-cart1 .detail-cart1-bg {padding-bottom: 100px} */
		.portfolio-detail-cart1 .detail-cart1-bg:before {height: 93px}
	}
	@media screen and (max-width: 1000px) and (min-width: 640px) {
		/* .portfolio-detail-cart1 .detail-cart1-bg {padding-bottom: 58px} */
		.portfolio-detail-cart1 .detail-cart1-bg:before {height: 74px}
	}
	@media screen and (max-width: 639px) {
		/* .portfolio-detail-cart1 .detail-cart1-bg {padding-bottom: 25px} */
		.portfolio-detail-cart1 .detail-cart1-bg:before {height: 31px}
	}

.portfolio-detail-cart1 .detail-cart1-bg .cart1-image {position: relative; z-index: 2; display: block; margin: 0 auto; height: auto; max-width: 1560px; width: 100%}




    /* .portfolio-detail-cart1 .detail-cart1-bg .cart1-image {
      display: block;
      height: auto;
      margin: 0 auto;
      max-width: 1430px; } */
	@media screen and (max-width: 2295px) and (min-width: 1721px) {
		.portfolio-detail-cart1 .detail-cart1-bg .cart1-image {
          max-width: 1170px;
          /* margin: -76px auto -76px; */}
		.portfolio-detail-cart1 .detail-cart1-bg::before,
		.portfolio-detail-cart1 .detail-cart1-bg::after {height: }
	}
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .portfolio-detail-cart1 .detail-cart1-bg .cart1-image {
          max-width: 886px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .portfolio-detail-cart1 .detail-cart1-bg .cart1-image {
          max-width: 755px; } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .portfolio-detail-cart1 .detail-cart1-bg .cart1-image {
          max-width: 600px; } }
      @media screen and (max-width: 639px) {
        .portfolio-detail-cart1 .detail-cart1-bg .cart1-image {
          max-width: 300px; } }

.portfolio-detail-cart2 {padding: 61px 0 0}

  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .portfolio-detail-cart2 {padding-top: 46px}
  }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .portfolio-detail-cart2 {padding-top: 57px}
  }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .portfolio-detail-cart2 {padding-top: 51px}
  }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .portfolio-detail-cart2 {padding-top: 24px}
  }
  @media screen and (max-width: 639px) {
    .portfolio-detail-cart2 {padding-top: 8px}
  }

.portfolio-detail-cart2 .note-design-detail {margin: 0 0 7px; background-color: #21262a;}
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .portfolio-detail-cart2 .note-design-detail {
        margin: 7px 0 14px 0; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .portfolio-detail-cart2 .note-design-detail {
        margin: 2px 0 16px 0; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .portfolio-detail-cart2 .note-design-detail {
        margin: 0 0 11px 0; } }
    @media screen and (max-width: 1000px) {
      .portfolio-detail-cart2 .note-design-detail {
        margin: 0; } }

.note.note-design-detail .main-title .main-title-square {padding: 0 0 16px}
	@media screen and (max-width: 1720px) and (min-width: 1301px) {
		.note.note-design-detail .main-title .main-title-square {padding: 0 0 16px}
	}
	@media screen and (max-width: 1300px) and (min-width: 1001px) {
		.note.note-design-detail .main-title .main-title-square {padding: 0 0 11px}
	}
	@media screen and (max-width: 1000px) and (min-width: 640px) {
		.note.note-design-detail .main-title .main-title-square {padding: 0 0 6px}
	}
	@media screen and (max-width: 639px) {
		.note.note-design-detail .main-title .main-title-square {padding: 0}
	}
.note.note-design-detail .main-title .main-title-text {margin-top: 0}

/* .portfolio-detail-cart2.only_text {padding: 0}
.portfolio-detail-cart2.only_text .note-design-detail {margin: 0}
.portfolio-detail-cart2.only_text .main-title-text.h7 {padding-bottom: 15px}
.portfolio-detail-cart2.only_text .main-title-bottom.h2 {margin-top: 60px; padding-bottom: 15px} */


/*@media screen and (max-width: 2295px) and (min-width: 1721px) {
    .portfolio-detail-cart2 {
      min-height: 475px} }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .portfolio-detail-cart2 {
      min-height: 450px} }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .portfolio-detail-cart2 {
      min-height: 407px} }
  @media screen and (max-width: 639px) {
    .portfolio-detail-cart2 {
      min-height: 322px} } */


.portfolio-detail-cart2 .detail-cart2-bg {background: #15181D; position: relative; overflow: hidden; width: 100%}

.portfolio-detail-cart2 .detail-cart2-bg:before,
.portfolio-detail-cart2 .detail-cart2-bg:after {content: ""; display: block; width: 100%; position: absolute; z-index: 1; left: 0; background: #21262A}
.portfolio-detail-cart2 .detail-cart2-bg:before {top: 0; height: 100px}
.portfolio-detail-cart2 .detail-cart2-bg:after {bottom: 0; height: 130px}

	@media screen and (max-width: 1720px) and (min-width: 1301px) {
		.portfolio-detail-cart2 .detail-cart2-bg:before {height: 61px}
		.portfolio-detail-cart2 .detail-cart2-bg:after {height: 79px}
	}
	@media screen and (max-width: 1300px) and (min-width: 1001px) {
		.portfolio-detail-cart2 .detail-cart2-bg:before {height: 52px}
		.portfolio-detail-cart2 .detail-cart2-bg:after {height: 68px}
	}
	@media screen and (max-width: 1000px) and (min-width: 640px) {
		.portfolio-detail-cart2 .detail-cart2-bg:before {height: 42px}
		.portfolio-detail-cart2 .detail-cart2-bg:after {height: 54px}
	}
	@media screen and (max-width: 639px) {
		.portfolio-detail-cart2 .detail-cart2-bg:before {height: 20px}
		.portfolio-detail-cart2 .detail-cart2-bg:after {height: 26px}
	}

.portfolio-detail-cart2 .detail-cart2-bg .cart2-image {position: relative; z-index: 2; display: block; margin: 0 auto; height: auto; max-width: 1560px; width: 100%}

      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .portfolio-detail-cart2 .detail-cart2-bg .cart2-image {
          max-width: 1170px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .portfolio-detail-cart2 .detail-cart2-bg .cart2-image {
          max-width: 870px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .portfolio-detail-cart2 .detail-cart2-bg .cart2-image {
          max-width: 755px; } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .portfolio-detail-cart2 .detail-cart2-bg .cart2-image {
          max-width: 600px; } }
      @media screen and (max-width: 639px) {
        .portfolio-detail-cart2 .detail-cart2-bg .cart2-image {
          max-width: 300px; } }

#black-theme .note-design-detail {
  background-color: #21262a; }

#black-theme .branding-banner {
background-color: #0e1116;}
.branding-banner {
  height: 1132px;
  margin-top: -166px;
  position: relative; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .branding-banner {
      height: 850px;
      margin-top: -125px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .branding-banner {
      height: 607px;
      margin-top: -82px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .branding-banner {
      height: 500px;
      margin-top: -58px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .branding-banner {
      height: 465px;
      margin: 0 auto;
      padding: 63px 0 0 0; } }
  @media screen and (max-width: 639px) {
    .branding-banner {
      height: auto;
      margin: 0 auto;
      padding: 53px 0 45px 0;
      width: 100%; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .branding-banner .wrapper-branding-content {
      width: 100%; } }
  @media screen and (max-width: 639px) {
    .branding-banner .wrapper-branding-content {
      width: 100%; } }
  .branding-banner .banner-radius-container {
    float: left;
    height: 935px;
    margin-left: 133px;
    position: relative;
    width: 935px; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .branding-banner .banner-radius-container {
        height: 705px;
        margin-left: 100px;
        width: 705px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .branding-banner .banner-radius-container {
        height: 490px;
        margin-left: 86px;
        width: 490px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .branding-banner .banner-radius-container {
        height: 412px;
        margin-left: 50px;
        width: 412px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .branding-banner .banner-radius-container {
        display: none; } }
    @media screen and (max-width: 639px) {
      .branding-banner .banner-radius-container {
        display: none; } }
    .branding-banner .banner-radius-container .banner-radius {
      background-color: #0d1115;
      border-radius: 50%;
      -webkit-box-shadow: 18px 18px 47px 0px rgba(0, 1, 1, 0.27);
              box-shadow: 18px 18px 47px 0px rgba(0, 1, 1, 0.27);
      border: 50px solid #21262a;
      overflow: hidden;
      position: relative;
      text-align: center;
      z-index: 2;
      width: 100%;
      height: 100%; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .branding-banner .banner-radius-container .banner-radius {
          border: 40px solid #21262a; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .branding-banner .banner-radius-container .banner-radius {
          border: 27px solid #21262a; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .branding-banner .banner-radius-container .banner-radius {
          border: 23px solid #21262a; } }
      .branding-banner .banner-radius-container .banner-radius .banner-radius-bg .banner-background {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        display: block;
        opacity: 0;
        -webkit-transform: scale(0);
            -ms-transform: scale(0);
                transform: scale(0);
        -webkit-transition: opacity .6s ease .6s, -webkit-transform .6s ease .6s;
        transition: opacity .6s ease .6s, -webkit-transform .6s ease .6s;
        -o-transition: transform .6s ease .6s, opacity .6s ease .6s;
        transition: transform .6s ease .6s, opacity .6s ease .6s;
        transition: transform .6s ease .6s, opacity .6s ease .6s, -webkit-transform .6s ease .6s; }
        .branding-banner .banner-radius-container .banner-radius .banner-radius-bg .banner-background.active {
          opacity: 1;
          -webkit-transform: scale(1);
              -ms-transform: scale(1);
                  transform: scale(1);
          -webkit-transition: opacity .6s ease 0s, -webkit-transform .6s ease 0s;
          transition: opacity .6s ease 0s, -webkit-transform .6s ease 0s;
          -o-transition: transform .6s ease 0s, opacity .6s ease 0s;
          transition: transform .6s ease 0s, opacity .6s ease 0s;
          transition: transform .6s ease 0s, opacity .6s ease 0s, -webkit-transform .6s ease 0s;
          z-index: 2; }
      .branding-banner .banner-radius-container .banner-radius .banner-radius-text {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-transition: -webkit-transform 1s ease;
        transition: -webkit-transform 1s ease;
        -o-transition: transform 1s ease;
        transition: transform 1s ease;
        transition: transform 1s ease, -webkit-transform 1s ease;
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
        z-index: 3; }
        .branding-banner .banner-radius-container .banner-radius .banner-radius-text .banner-title {
          opacity: 0;
          position: relative;
          -webkit-transition: opacity .6s ease .3s;
          -o-transition: opacity .6s ease .3s;
          transition: opacity .6s ease .3s;
          width: 100%;
          height: 100%; }
          .branding-banner .banner-radius-container .banner-radius .banner-radius-text .banner-title span {
            position: absolute;
            left: 50%;
            top: 50%;
            width: 100%;
            -webkit-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                    transform: translate(-50%, -50%); }
          .branding-banner .banner-radius-container .banner-radius .banner-radius-text .banner-title.active {
            opacity: 1; }
    .branding-banner .banner-radius-container .banner-points .banner-radius-point {
      display: inline-block;
      position: absolute;
      z-index: 3;
      cursor: pointer; }
      .branding-banner .banner-radius-container .banner-points .banner-radius-point.active span {
        background: #fbea3a; }
      .branding-banner .banner-radius-container .banner-points .banner-radius-point.active div {
        color: #fbea3a; }
      .branding-banner .banner-radius-container .banner-points .banner-radius-point span {
        border-radius: 27px;
        background: #0d1115;
        display: block;
        height: 27px;
        margin: 0 auto;
        -webkit-transition: background 0.6s ease-out;
        -o-transition: background 0.6s ease-out;
        transition: background 0.6s ease-out;
        width: 27px; }
        @media screen and (max-width: 2295px) and (min-width: 1721px) {
          .branding-banner .banner-radius-container .banner-points .banner-radius-point span {
            height: 20px;
            width: 20px; } }
        @media screen and (max-width: 1720px) and (min-width: 1301px) {
          .branding-banner .banner-radius-container .banner-points .banner-radius-point span {
            height: 15px;
            width: 15px; } }
        @media screen and (max-width: 1300px) and (min-width: 1001px) {
          .branding-banner .banner-radius-container .banner-points .banner-radius-point span {
            height: 12px;
            width: 12px; } }
      .branding-banner .banner-radius-container .banner-points .banner-radius-point div {
        display: inline-block;
        position: absolute;
        text-align: left;
        font-weight: 700;
        text-transform: uppercase;
        -webkit-transition: color 0.6s ease-out;
        -o-transition: color 0.6s ease-out;
        transition: color 0.6s ease-out;
        white-space: nowrap;
        color: #4f5560; }
      .branding-banner .banner-radius-container .banner-points .banner-radius-point:nth-child(1) {
        right: 7.5%;
        top: 25.5%; }
        .branding-banner .banner-radius-container .banner-points .banner-radius-point:nth-child(1) div {
          left: 236%;
          top: -10%; }
      .branding-banner .banner-radius-container .banner-points .banner-radius-point:nth-child(2) {
        top: 70.5%;
        right: 7%; }
        .branding-banner .banner-radius-container .banner-points .banner-radius-point:nth-child(2) div {
          left: 227%;
          top: -27%; }
      .branding-banner .banner-radius-container .banner-points .banner-radius-point:nth-child(3) {
        top: 96%;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
            -ms-transform: translate(-50%, 0);
                transform: translate(-50%, 0); }
        .branding-banner .banner-radius-container .banner-points .banner-radius-point:nth-child(3) div {
          top: 223%;
          left: 50%;
          -webkit-transform: translate(-50%, 0);
              -ms-transform: translate(-50%, 0);
                  transform: translate(-50%, 0);
          text-align: center; }
      .branding-banner .banner-radius-container .banner-points .banner-radius-point:nth-child(4) {
        top: 70.5%;
        left: 7%; }
        .branding-banner .banner-radius-container .banner-points .banner-radius-point:nth-child(4) div {
          right: 227%;
          top: -27%; }
          @media screen and (max-width: 1300px) and (min-width: 1001px) {
            .branding-banner .banner-radius-container .banner-points .banner-radius-point:nth-child(4) div {
              width: 64px;
              white-space: normal; } }
      .branding-banner .banner-radius-container .banner-points .banner-radius-point:nth-child(5) {
        top: 25%;
        left: 7.5%; }
        .branding-banner .banner-radius-container .banner-points .banner-radius-point:nth-child(5) div {
          right: 236%;
          top: -10%; }
          @media screen and (max-width: 1300px) and (min-width: 1001px) {
            .branding-banner .banner-radius-container .banner-points .banner-radius-point:nth-child(5) div {
              width: 64px;
              white-space: normal; } }
      .branding-banner .banner-radius-container .banner-points .banner-radius-point:nth-child(6) {
        top: 1.5%;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
            -ms-transform: translate(-50%, 0);
                transform: translate(-50%, 0); }
        .branding-banner .banner-radius-container .banner-points .banner-radius-point:nth-child(6) div {
          bottom: 223%;
          left: 50%;
          -webkit-transform: translate(-50%, 0);
              -ms-transform: translate(-50%, 0);
                  transform: translate(-50%, 0);
          text-align: center; }
  .branding-banner .branding-banner-container {
    border-bottom: 2px solid #3e4349;
    width: 60%;
    height: 600px;
    padding-top: 350px;
    position: absolute;
    right: 0; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .branding-banner .branding-banner-container {
        height: 450px;
        padding-top: 305px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .branding-banner .branding-banner-container {
        height: 303px;
        padding-top: 114px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .branding-banner .branding-banner-container {
        height: 337px;
        padding-top: 89px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .branding-banner .branding-banner-container {
        position: relative;
        height: 300px;
        width: 100%;
        padding: 0; } }
    @media screen and (max-width: 639px) {
      .branding-banner .branding-banner-container {
        position: relative;
        height: auto;
        width: 100%;
        padding: 0; } }
    .branding-banner .branding-banner-container .banner-text-block {
      width: 750px;
      right: 178px;
      position: relative;
      float: right; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .branding-banner .branding-banner-container .banner-text-block {
          right: 133px;
          bottom: 44px;
          width: 560px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .branding-banner .branding-banner-container .banner-text-block {
          right: 70px;
          width: 410px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .branding-banner .branding-banner-container .banner-text-block {
          right: 54px;
          width: 315px; } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .branding-banner .branding-banner-container .banner-text-block {
          width: 500px;
          margin: 0 auto;
          position: static;
          float: none; } }
      @media screen and (max-width: 639px) {
        .branding-banner .branding-banner-container .banner-text-block {
          width: 280px;
          margin: 0 auto;
          position: static;
          float: none; } }
      .branding-banner .branding-banner-container .banner-text-block .owl-nav div {
        color: #cfcfcf;
        -webkit-transition: color .6s ease;
        -o-transition: color .6s ease;
        transition: color .6s ease; }
        .branding-banner .branding-banner-container .banner-text-block .owl-nav div svg {
          fill: currentColor; }
        @media screen and (min-width: 1001px) {
          .branding-banner .branding-banner-container .banner-text-block .owl-nav div:hover {
            color: #86888a; } }
      .branding-banner .branding-banner-container .banner-text-block .banner-item .title {
        display: none;
        margin-bottom: 20px; }
        @media screen and (max-width: 1000px) and (min-width: 640px) {
          .branding-banner .branding-banner-container .banner-text-block .banner-item .title {
            display: block;
            min-height: 42px; } }
        @media screen and (max-width: 639px) {
          .branding-banner .branding-banner-container .banner-text-block .banner-item .title {
            display: block;
            min-height: 30px; } }
      .branding-banner .branding-banner-container .banner-text-block .banner-item .text {
        color: #d8dce0;
        height: 80px;
        overflow: hidden; }
        @media screen and (max-width: 2295px) and (min-width: 1721px) {
          .branding-banner .branding-banner-container .banner-text-block .banner-item .text {
            height: 80px; } }
        @media screen and (max-width: 1720px) and (min-width: 1301px) {
          .branding-banner .branding-banner-container .banner-text-block .banner-item .text {
            height: 134px; } }
        @media screen and (max-width: 1300px) and (min-width: 1001px) {
          .branding-banner .branding-banner-container .banner-text-block .banner-item .text {
            height: 134px; } }
        @media screen and (max-width: 1000px) and (min-width: 640px) {
          .branding-banner .branding-banner-container .banner-text-block .banner-item .text {
            height: 144px; } }
        @media screen and (max-width: 639px) {
          .branding-banner .branding-banner-container .banner-text-block .banner-item .text {
            height: 134px; margin-bottom: 20px } }

#black-theme .branding-banner {
  color: #fff; }

.branding-big-slide {
  height: 1200px;
  position: relative; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .branding-big-slide {
      height: 900px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .branding-big-slide {
      height: 600px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .branding-big-slide {
      height: 450px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .branding-big-slide {
      height: 445px;
      padding: 0;
      width: 500px;
      margin: 0 auto; } }
  @media screen and (max-width: 639px) {
    .branding-big-slide {
      height: 352px;
      padding: 0;
      width: 280px;
      margin: 0 auto; } }
  .branding-big-slide .branding-big-slide-text {
    display: inline-block;
    position: relative;
    top: 50%;
    left: 176px;
    -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
            transform: translate(0, -50%); }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .branding-big-slide .branding-big-slide-text {
        left: 130px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .branding-big-slide .branding-big-slide-text {
        left: 85px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .branding-big-slide .branding-big-slide-text {
        left: 60px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .branding-big-slide .branding-big-slide-text {
        padding-top: 208px;
        position: static;
        -webkit-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
                transform: translate(0, 0); } }
    @media screen and (max-width: 639px) {
      .branding-big-slide .branding-big-slide-text {
        padding-top: 142px;
        position: static;
        -webkit-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
                transform: translate(0, 0); } }
    .branding-big-slide .branding-big-slide-text .big-slide-title {
      margin-top: 18px; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .branding-big-slide .branding-big-slide-text .big-slide-title {
          margin-top: 12px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .branding-big-slide .branding-big-slide-text .big-slide-title {
          margin-top: 8px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .branding-big-slide .branding-big-slide-text .big-slide-title {
          margin-top: 8px; } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .branding-big-slide .branding-big-slide-text .big-slide-title {
          margin-top: 7px; } }
      @media screen and (max-width: 639px) {
        .branding-big-slide .branding-big-slide-text .big-slide-title {
          margin-top: 8px; } }
    .branding-big-slide .branding-big-slide-text .big-slide-text {
      margin-top: 18px;
      color: #d8dce0; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .branding-big-slide .branding-big-slide-text .big-slide-text {
          margin-top: 12px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .branding-big-slide .branding-big-slide-text .big-slide-text {
          margin-top: 12px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .branding-big-slide .branding-big-slide-text .big-slide-text {
          margin-top: 7px; } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .branding-big-slide .branding-big-slide-text .big-slide-text {
          margin-top: 17px; } }
      @media screen and (max-width: 639px) {
        .branding-big-slide .branding-big-slide-text .big-slide-text {
          margin-top: 6px; } }

#black-theme .branding-big-slide {
  color: #fff; }

.branding-gallery-container {
  height: 660px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .branding-gallery-container {
      height: 495px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .branding-gallery-container {
      height: 490px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .branding-gallery-container {
      height: 350px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .branding-gallery-container {
      height: 508px;
      margin: 0 auto;
      width: 500px; } }
  @media screen and (max-width: 639px) {
    .branding-gallery-container {
      height: auto;
      width: 280px;
      margin: 0 auto; } }
  .branding-gallery-container .branding-gallery {
    height: 552px;
    display: block; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .branding-gallery-container .branding-gallery {
        height: 415px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .branding-gallery-container .branding-gallery {
        height: 350px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .branding-gallery-container .branding-gallery {
        height: 240px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .branding-gallery-container .branding-gallery {
        height: 320px; } }
    @media screen and (max-width: 639px) {
      .branding-gallery-container .branding-gallery {
        height: auto; } }
    .branding-gallery-container .branding-gallery .owl-item.active.center .gallery-item-text {
      opacity: 1; }
    .branding-gallery-container .branding-gallery .owl-item .gallery-item-text {
      opacity: 0;
      -webkit-transition: opacity .6s;
      -o-transition: opacity .6s;
      transition: opacity .6s; }
    .branding-gallery-container .branding-gallery .gallery-item {
      height: 100%;
      width: 1055px;
      display: inline-block;
      position: relative;
      margin-left: 72px;
      margin-right: 72px; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .branding-gallery-container .branding-gallery .gallery-item {
          width: 790px;
          margin-left: 55px;
          margin-right: 55px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .branding-gallery-container .branding-gallery .gallery-item {
          width: 660px;
          margin-left: 53px;
          margin-right: 53px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .branding-gallery-container .branding-gallery .gallery-item {
          width: 460px;
          margin-left: 35px;
          margin-right: 35px; } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .branding-gallery-container .branding-gallery .gallery-item {
          width: 500px;
          margin-left: 0;
          margin-right: 0; } }
      @media screen and (max-width: 639px) {
        .branding-gallery-container .branding-gallery .gallery-item {
          width: 280px;
          margin-left: 0;
          margin-right: 0; } }
      .branding-gallery-container .branding-gallery .gallery-item .gallery-item-image {
        background-size: cover;
        background-position: center top;
        background-repeat: no-repeat;
        height: 550px; }
        @media screen and (max-width: 2295px) and (min-width: 1721px) {
          .branding-gallery-container .branding-gallery .gallery-item .gallery-item-image {
            height: 415px; } }
        @media screen and (max-width: 1720px) and (min-width: 1301px) {
          .branding-gallery-container .branding-gallery .gallery-item .gallery-item-image {
            height: 350px; } }
        @media screen and (max-width: 1300px) and (min-width: 1001px) {
          .branding-gallery-container .branding-gallery .gallery-item .gallery-item-image {
            height: 240px; } }
        @media screen and (max-width: 1000px) and (min-width: 640px) {
          .branding-gallery-container .branding-gallery .gallery-item .gallery-item-image {
            width: 100%;
            height: 320px; } }
        @media screen and (max-width: 639px) {
          .branding-gallery-container .branding-gallery .gallery-item .gallery-item-image {
            width: 100%;
            height: 160px; } }
      .branding-gallery-container .branding-gallery .gallery-item .gallery-item-text {
        position: absolute;
        top: 50%;
        left: -123px;
        -webkit-transform: translate(0, -50%);
            -ms-transform: translate(0, -50%);
                transform: translate(0, -50%);
        z-index: 2; }
        @media screen and (max-width: 2295px) and (min-width: 1721px) {
          .branding-gallery-container .branding-gallery .gallery-item .gallery-item-text {
            left: -92px; } }
        @media screen and (max-width: 1720px) and (min-width: 1301px) {
          .branding-gallery-container .branding-gallery .gallery-item .gallery-item-text {
            left: -77px; } }
        @media screen and (max-width: 1300px) and (min-width: 1001px) {
          .branding-gallery-container .branding-gallery .gallery-item .gallery-item-text {
            left: -54px; } }
        @media screen and (max-width: 1000px) and (min-width: 640px) {
          .branding-gallery-container .branding-gallery .gallery-item .gallery-item-text {
            margin-bottom: 29px;
            position: static;
            -webkit-transform: translate(0, 0);
                -ms-transform: translate(0, 0);
                    transform: translate(0, 0);
            height: 100px; } }
        @media screen and (max-width: 639px) {
          .branding-gallery-container .branding-gallery .gallery-item .gallery-item-text {
            position: static;
            -webkit-transform: translate(0, 0);
                -ms-transform: translate(0, 0);
                    transform: translate(0, 0);
            height: 76px; } }
        .branding-gallery-container .branding-gallery .gallery-item .gallery-item-text .text {
          margin-top: 18px; }
          @media screen and (max-width: 2295px) and (min-width: 1721px) {
            .branding-gallery-container .branding-gallery .gallery-item .gallery-item-text .text {
              margin-top: 12px; } }
          @media screen and (max-width: 1720px) and (min-width: 1301px) {
            .branding-gallery-container .branding-gallery .gallery-item .gallery-item-text .text {
              margin-top: 8px; } }
          @media screen and (max-width: 1300px) and (min-width: 1001px) {
            .branding-gallery-container .branding-gallery .gallery-item .gallery-item-text .text {
              margin-top: 6px; } }
          @media screen and (max-width: 1000px) and (min-width: 640px) {
            .branding-gallery-container .branding-gallery .gallery-item .gallery-item-text .text {
              margin-top: 11px; } }
          @media screen and (max-width: 639px) {
            .branding-gallery-container .branding-gallery .gallery-item .gallery-item-text .text {
              margin-top: 8px; } }

#black-theme .branding-gallery-container {
  color: #fff; }

.branding-about {
  margin-top: 108px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .branding-about {
      margin-top: 80px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .branding-about {
      margin-top: 0; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .branding-about {
      margin-top: 16px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .branding-about {
      margin-top: 54px; } }
  @media screen and (max-width: 639px) {
    .branding-about {
      margin-top: 63px; } }
  .branding-about .col {
    width: 50%;
    float: left; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .branding-about .col {
        width: 50%; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .branding-about .col {
        width: 50%; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .branding-about .col {
        width: 50%; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .branding-about .col {
        width: 100%; } }
    @media screen and (max-width: 639px) {
      .branding-about .col {
        width: 100%; } }
  .branding-about .branding-about-text {
    margin-top: 103px; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .branding-about .branding-about-text {
        margin-top: 75px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .branding-about .branding-about-text {
        margin-top: 54px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .branding-about .branding-about-text {
        margin-top: 30px;
        padding-left: 30px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .branding-about .branding-about-text {
        margin-top: 0; } }
    @media screen and (max-width: 639px) {
      .branding-about .branding-about-text {
        margin-top: 0; } }
    .branding-about .branding-about-text .block-desc-dot {
      display: none !important; }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .branding-about .branding-about-text .block-desc-dot {
          display: inline-block !important; } }
      @media screen and (max-width: 639px) {
        .branding-about .branding-about-text .block-desc-dot {
          display: inline-block !important; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .branding-about .branding-about-text .scroll-slider {
        display: none !important; } }
    @media screen and (max-width: 639px) {
      .branding-about .branding-about-text .scroll-slider {
        display: none !important; } }
    .branding-about .branding-about-text .title .title-square {
      position: relative; }
      .branding-about .branding-about-text .title .title-square .title-top, .branding-about .branding-about-text .title .title-square .title-bottom {
        z-index: 2;
        position: relative; }
      .branding-about .branding-about-text .title .title-square:after {
        content: '';
        position: absolute;
        display: block;
        width: 148px;
        height: 148px;
        background: #3e4349;
        top: -30px;
        left: -60px;
        z-index: 1; }
        @media screen and (max-width: 2295px) and (min-width: 1721px) {
          .branding-about .branding-about-text .title .title-square:after {
            width: 110px;
            height: 110px;
            top: -15px;
            left: -42px; } }
        @media screen and (max-width: 1720px) and (min-width: 1301px) {
          .branding-about .branding-about-text .title .title-square:after {
            width: 78px;
            height: 78px;
            top: -10px;
            left: -23px; } }
        @media screen and (max-width: 1300px) and (min-width: 1001px) {
          .branding-about .branding-about-text .title .title-square:after {
            width: 60px;
            height: 60px;
            top: -5px;
            left: -20px; } }
        @media screen and (max-width: 1000px) and (min-width: 640px) {
          .branding-about .branding-about-text .title .title-square:after {
            width: 82px;
            height: 82px;
            top: 0;
            left: -32px; } }
        @media screen and (max-width: 639px) {
          .branding-about .branding-about-text .title .title-square:after {
            width: 60px;
            height: 60px;
            top: -12px;
            left: -20px; } }
    .branding-about .branding-about-text .branding-about-scroll {
      margin-top: 55px;
      height: 565px;
      width: 910px; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .branding-about .branding-about-text .branding-about-scroll {
          margin-top: 45px;
          height: 422px;
          width: 685px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .branding-about .branding-about-text .branding-about-scroll {
          margin-top: 30px;
          height: 304px;
          width: 522px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .branding-about .branding-about-text .branding-about-scroll {
          width: 402px;
          height: 334px;
          margin-top: 22px; } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .branding-about .branding-about-text .branding-about-scroll {
          width: 100%;
          height: auto;
          margin-top: 10px; } }
      @media screen and (max-width: 639px) {
        .branding-about .branding-about-text .branding-about-scroll {
          width: 100%;
          height: auto;
          margin-top: 13px; } }
      @media screen and (max-width: 639px) {
        .branding-about .branding-about-text .branding-about-scroll .scroll-content {
          height: 88px; } }
      .branding-about .branding-about-text .branding-about-scroll p {
        color: #d8dce0; }
  .branding-about:after {
    content: " ";
    display: table;
    clear: both; }
  .branding-about .branding-advantages {
    margin-top: 32px; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .branding-about .branding-advantages {
        margin-top: 22px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .branding-about .branding-advantages {
        margin-top: 10px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .branding-about .branding-advantages {
        margin: 0 auto; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .branding-about .branding-advantages {
        margin: 77px auto 0 auto; } }
    @media screen and (max-width: 639px) {
      .branding-about .branding-advantages {
        margin: 34px auto 0 auto; } }
    .branding-about .branding-advantages .branding-advantages-item {
      width: 50%;
      float: left;
      text-align: center;
      margin-bottom: 96px; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .branding-about .branding-advantages .branding-advantages-item {
          margin-bottom: 66px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .branding-about .branding-advantages .branding-advantages-item {
          margin-bottom: 74px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .branding-about .branding-advantages .branding-advantages-item {
          margin-bottom: 54px; } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .branding-about .branding-advantages .branding-advantages-item {
          margin-bottom: 75px; } }
      @media screen and (max-width: 639px) {
        .branding-about .branding-advantages .branding-advantages-item {
          width: 100%;
          margin-bottom: 52px; } }
      .branding-about .branding-advantages .branding-advantages-item .image {
        width: 60%;
        margin: 0 auto; }
        @media screen and (max-width: 2295px) and (min-width: 1721px) {
          .branding-about .branding-advantages .branding-advantages-item .image {
            width: 62%; } }
        @media screen and (max-width: 1720px) and (min-width: 1301px) {
          .branding-about .branding-advantages .branding-advantages-item .image {
            width: 60%; } }
        @media screen and (max-width: 1300px) and (min-width: 1001px) {
          .branding-about .branding-advantages .branding-advantages-item .image {
            width: 70%; } }
        @media screen and (max-width: 1000px) and (min-width: 640px) {
          .branding-about .branding-advantages .branding-advantages-item .image {
            width: 85%; } }
        @media screen and (max-width: 639px) {
          .branding-about .branding-advantages .branding-advantages-item .image {
            width: 65%; } }
        .branding-about .branding-advantages .branding-advantages-item .image img {
          width: 100%; }
      .branding-about .branding-advantages .branding-advantages-item .title {
        margin-top: 35px; }
        @media screen and (max-width: 2295px) and (min-width: 1721px) {
          .branding-about .branding-advantages .branding-advantages-item .title {
            margin-top: 22px; } }
        @media screen and (max-width: 1720px) and (min-width: 1301px) {
          .branding-about .branding-advantages .branding-advantages-item .title {
            margin-top: 14px; } }
        @media screen and (max-width: 1300px) and (min-width: 1001px) {
          .branding-about .branding-advantages .branding-advantages-item .title {
            margin-top: 25px; } }
        @media screen and (max-width: 1000px) and (min-width: 640px) {
          .branding-about .branding-advantages .branding-advantages-item .title {
            margin-top: 15px; } }
        @media screen and (max-width: 639px) {
          .branding-about .branding-advantages .branding-advantages-item .title {
            margin-top: 13px; } }

#black-theme .branding-about {
  color: #fff; }

.branding-partners-offer {
  height: 1195px;
  background-image: url("/images/css/9a93708e957f345c7a335ebbdbddb758.jpg");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #15181d; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .branding-partners-offer {
      height: 900px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .branding-partners-offer {
      height: 640px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .branding-partners-offer {
      height: 500px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .branding-partners-offer {
      height: auto;
      padding: 345px 0 0 0;
      background-size: 915px;
      background-position: -75px 0; } }
  @media screen and (max-width: 639px) {
    .branding-partners-offer {
      height: auto;
      padding: 254px 0 0 0;
      background-size: 575px;
      background-position: -40px 0; } }
  .branding-partners-offer.with-offer {
    padding: 0;
    background-image: url("/images/css/3f044985459482db2f56a53778dac8b9.jpg"); }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .branding-partners-offer.with-offer .col-content {
        height: 345px; } }
    @media screen and (max-width: 639px) {
      .branding-partners-offer.with-offer .col-content {
        height: 254px; } }
    .branding-partners-offer.with-offer .branding-offer-text {
      display: block; }
  .branding-partners-offer .col {
    width: 50%;
    float: left;
    position: relative;
    height: 100%; }
    .branding-partners-offer .col:after {
      clear: both; }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .branding-partners-offer .col {
        width: 100%; } }
    @media screen and (max-width: 639px) {
      .branding-partners-offer .col {
        width: 100%; } }
  .branding-partners-offer .branding-offer-text {
    display: none;
    top: 50%;
    -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
    position: absolute;
    left: 0; }
    .branding-partners-offer .branding-offer-text .offer-discount {
      margin-top: 4px; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .branding-partners-offer .branding-offer-text .offer-discount {
          margin-top: 4px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .branding-partners-offer .branding-offer-text .offer-discount {
          margin-top: 4px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .branding-partners-offer .branding-offer-text .offer-discount {
          margin-top: 0; } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .branding-partners-offer .branding-offer-text .offer-discount {
          font-size: 30px;
          line-height: 30px;
          margin-top: 8px; } }
      @media screen and (max-width: 639px) {
        .branding-partners-offer .branding-offer-text .offer-discount {
          font-size: 25px;
          line-height: 25px;
          margin-top: 5px; } }
    .branding-partners-offer .branding-offer-text .offer-text {
      width: 795px;
      margin-top: 56px;
      height: auto; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .branding-partners-offer .branding-offer-text .offer-text {
          width: 600px;
          margin-top: 43px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .branding-partners-offer .branding-offer-text .offer-text {
          width: 440px;
          margin-top: 32px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .branding-partners-offer .branding-offer-text .offer-text {
          margin-top: 28px;
          width: 360px; } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .branding-partners-offer .branding-offer-text .offer-text {
          width: 100%;
          margin-top: 26px; } }
      @media screen and (max-width: 639px) {
        .branding-partners-offer .branding-offer-text .offer-text {
          width: 100%;
          margin-top: 19px;
          height: 112px;
          overflow: hidden; } }
  .branding-partners-offer .offer-form {
    top: 50%;
    -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
    position: absolute;
    right: 0;
    width: 794px; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .branding-partners-offer .offer-form {
        width: 597px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .branding-partners-offer .offer-form {
        width: 462px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .branding-partners-offer .offer-form {
        width: 100%;
        padding: 0 58px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .branding-partners-offer .offer-form {
        width: 100%;
        position: static;
        -webkit-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
                transform: translate(0, 0);
        padding-bottom: 73px; } }
    @media screen and (max-width: 639px) {
      .branding-partners-offer .offer-form {
        width: 100%;
        position: static;
        -webkit-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
                transform: translate(0, 0);
        padding-bottom: 50px; } }

#black-theme .branding-partners-offer {
  color: #fff; }

.partners-gallery-container {
  position: relative;
  overflow: hidden;
  height: 77px;
  margin: 64px 0 109px 0;
  margin-left: calc((100% - 1595px) / 2);
  padding: 0; }
  .partners-gallery-container .gradient-background {
    background: -webkit-gradient(linear, left top, right top, from(rgba(243, 243, 243, 0)), to(#f3f3f3));
    background: -webkit-linear-gradient(left, rgba(243, 243, 243, 0) 0%, #f3f3f3 100%);
    background: -o-linear-gradient(left, rgba(243, 243, 243, 0) 0%, #f3f3f3 100%);
    background: linear-gradient(to right, rgba(243, 243, 243, 0) 0%, #f3f3f3 100%);
    content: " ";
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 15%;
    z-index: 2; }
    @media screen and (max-width: 639px) {
      .partners-gallery-container .gradient-background {
        background: none; } }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .partners-gallery-container {
      height: 56px;
      margin: 48px 0 81px 0;
      margin-left: calc((100% - 1196px) / 2); } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .partners-gallery-container {
      height: 45px;
      margin: 32px 0 61px 0;
      margin-left: calc((100% - 866px) / 2); } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .partners-gallery-container {
      height: 42px;
      margin: 53px 0 63px 0;
      margin-left: calc((100% - 575px) / 2); } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .partners-gallery-container {
      height: 52px;
      margin: 25px 0 64px 0;
      margin-left: calc((100% - 500px) / 2); } }
  @media screen and (max-width: 639px) {
    .partners-gallery-container {
      height: auto;
      margin: 27px auto 45px auto;
      width: 280px; } }
  .partners-gallery-container .partners-gallery {
    display: block; }
    .partners-gallery-container .partners-gallery .gallery-item {
      float: left;
      height: auto;
      line-height: 75px;
      margin: 0;
      padding: 0;
      width: 50%; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .partners-gallery-container .partners-gallery .gallery-item {
          line-height: 54px;
          width: 73%; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .partners-gallery-container .partners-gallery .gallery-item {
          line-height: 43px;
          width: 57%; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .partners-gallery-container .partners-gallery .gallery-item {
          line-height: 40px;
          width: 59%; } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .partners-gallery-container .partners-gallery .gallery-item {
          line-height: 50px;
          width: 64%; } }
      @media screen and (max-width: 639px) {
        .partners-gallery-container .partners-gallery .gallery-item {
          padding: 0 10px;
          height: 37px;
          line-height: 37px;
          margin-bottom: 23px; } }
      .partners-gallery-container .partners-gallery .gallery-item img {
        display: inline-block;
        vertical-align: middle;
        max-height: 75px;
        width: auto; }
        @media screen and (max-width: 2295px) and (min-width: 1721px) {
          .partners-gallery-container .partners-gallery .gallery-item img {
            max-height: 56px; } }
        @media screen and (max-width: 1720px) and (min-width: 1301px) {
          .partners-gallery-container .partners-gallery .gallery-item img {
            max-height: 43px; } }
        @media screen and (max-width: 1300px) and (min-width: 1001px) {
          .partners-gallery-container .partners-gallery .gallery-item img {
            max-height: 43px; } }
        @media screen and (max-width: 1000px) and (min-width: 640px) {
          .partners-gallery-container .partners-gallery .gallery-item img {
            max-height: 52px; } }
        @media screen and (max-width: 639px) {
          .partners-gallery-container .partners-gallery .gallery-item img {
            max-height: 37px;
            width: 100%; } }
  .partners-gallery-container.branding-partners-container {
    border-top: 2px solid #252b36;
    margin: 0 auto;
    height: 306px;
    padding-left: 170px;
background-color: #0e1116;
 }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .partners-gallery-container.branding-partners-container {
        height: 229px;
        padding-left: 127px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .partners-gallery-container.branding-partners-container {
        height: 165px;
        padding-left: 70px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .partners-gallery-container.branding-partners-container {
        height: 157px;
        padding-left: 24px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .partners-gallery-container.branding-partners-container {
        height: 112px;
        width: 600;
        padding: 0 20px 0 68px; } }
    @media screen and (max-width: 639px) {
      .partners-gallery-container.branding-partners-container {
	max-height: 200px;
	overflow: hidden;
        height: auto;
        padding: 28px 0 37px 0;
        width: 100%; } }
    @media screen and (max-width: 639px) {
      .partners-gallery-container.branding-partners-container .partners-gallery {
        width: 280px;
        margin: 0 auto; } }
    .partners-gallery-container.branding-partners-container .partners-gallery .gallery-item {
      line-height: 304px; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .partners-gallery-container.branding-partners-container .partners-gallery .gallery-item {
          line-height: 227px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .partners-gallery-container.branding-partners-container .partners-gallery .gallery-item {
          line-height: 163px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .partners-gallery-container.branding-partners-container .partners-gallery .gallery-item {
          line-height: 155px; } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .partners-gallery-container.branding-partners-container .partners-gallery .gallery-item {
          line-height: 110px; } }
      @media screen and (max-width: 639px) {
        .partners-gallery-container.branding-partners-container .partners-gallery .gallery-item {
          line-height: 0; } }
    .partners-gallery-container.branding-partners-container .gradient-background {
      background: -webkit-gradient(linear, left top, right top, from(rgba(13, 17, 21, 0)), to(#0d1115));
      background: -webkit-linear-gradient(left, rgba(13, 17, 21, 0) 0%, #0d1115 100%);
      background: -o-linear-gradient(left, rgba(13, 17, 21, 0) 0%, #0d1115 100%);
      background: linear-gradient(to right, rgba(13, 17, 21, 0) 0%, #0d1115 100%); }

#white-theme .partners-gallery-container {
  border: none; }

.branding-background-image {
  background: url("/images/css/6e956157ab6aabca2580a0440adfed08.jpg") top center no-repeat #15181d;
  background-size: contain; }

.branding-background {
  background: #15181d;
  padding-bottom: 390px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .branding-background {
      padding-bottom: 298px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .branding-background {
      padding-bottom: 182px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .branding-background {
      padding-bottom: 180px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .branding-background {
      padding-bottom: 11px; } }
  @media screen and (max-width: 639px) {
    .branding-background {
      padding-bottom: 50px; } }

#black-theme .branding-background {
  color: #fff; }

.branding-gallery .owl-dots {
  text-align: center;
  margin-top: 30px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .branding-gallery .owl-dots {
      margin-top: 26px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .branding-gallery .owl-dots {
      margin-top: 24px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .branding-gallery .owl-dots {
      margin-top: 11px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .branding-gallery .owl-dots {
      margin-top: 18px; } }
  @media screen and (max-width: 639px) {
    .branding-gallery .owl-dots {
      margin-top: 18px; } }

.branding-gallery .owl-dots .owl-dot {
  display: inline-block;
  vertical-align: middle; }
  .branding-gallery .owl-dots .owl-dot span {
    background: #525455;
    width: 12px;
    height: 12px;
    border-radius: 20px;
    display: block;
    margin: 5px 8px;
    -webkit-transition: background .6s ease, height .6s ease, width .6s ease;
    -o-transition: background .6s ease, height .6s ease, width .6s ease;
    transition: background .6s ease, height .6s ease, width .6s ease; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .branding-gallery .owl-dots .owl-dot span {
        width: 9px;
        height: 9px;
        margin: 5px 6px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .branding-gallery .owl-dots .owl-dot span {
        width: 8px;
        height: 8px;
        margin: 5px 5px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .branding-gallery .owl-dots .owl-dot span {
        width: 8px;
        height: 8px;
        margin: 5px 5px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .branding-gallery .owl-dots .owl-dot span {
        width: 8px;
        height: 8px;
        margin: 5px 6px; } }
    @media screen and (max-width: 639px) {
      .branding-gallery .owl-dots .owl-dot span {
        width: 8px;
        height: 8px;
        margin: 5px 4px; } }
  .branding-gallery .owl-dots .owl-dot.active span, .branding-gallery .owl-dots .owl-dot:hover span {
    background: #fbea3a;
    height: 21px;
    width: 21px;
    border-radius: 21px; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .branding-gallery .owl-dots .owl-dot.active span, .branding-gallery .owl-dots .owl-dot:hover span {
        width: 15px;
        height: 15px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .branding-gallery .owl-dots .owl-dot.active span, .branding-gallery .owl-dots .owl-dot:hover span {
        width: 12px;
        height: 12px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .branding-gallery .owl-dots .owl-dot.active span, .branding-gallery .owl-dots .owl-dot:hover span {
        width: 12px;
        height: 12px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .branding-gallery .owl-dots .owl-dot.active span, .branding-gallery .owl-dots .owl-dot:hover span {
        width: 12px;
        height: 12px; } }
    @media screen and (max-width: 639px) {
      .branding-gallery .owl-dots .owl-dot.active span, .branding-gallery .owl-dots .owl-dot:hover span {
        width: 12px;
        height: 12px; } }

.branding-banner-container .owl-nav {
  position: absolute;
  left: 0;
  bottom: -127px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .branding-banner-container .owl-nav {
      bottom: -96px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .branding-banner-container .owl-nav {
      bottom: -90px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .branding-banner-container .owl-nav {
      bottom: -68px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .branding-banner-container .owl-nav {
      bottom: -53px;
      left: calc((100% - 500px) / 2); } }
  @media screen and (max-width: 639px) {
    .branding-banner-container .owl-nav {
      bottom: -32px;
      left: calc((100% - 280px) / 2); } }
  .branding-banner-container .owl-nav .owl-prev, .branding-banner-container .owl-nav .owl-next {
    width: 18px;
    height: 30px;
    margin: 0 61px 0 0; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .branding-banner-container .owl-nav .owl-prev, .branding-banner-container .owl-nav .owl-next {
        width: 13px;
        height: 22px;
        margin: 0 42px 0 0; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .branding-banner-container .owl-nav .owl-prev, .branding-banner-container .owl-nav .owl-next {
        width: 13px;
        height: 22px;
        margin: 0 39px 0 0; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .branding-banner-container .owl-nav .owl-prev, .branding-banner-container .owl-nav .owl-next {
        width: 13px;
        height: 22px;
        margin: 0 25px 0 0; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .branding-banner-container .owl-nav .owl-prev, .branding-banner-container .owl-nav .owl-next {
        width: 13px;
        height: 22px;
        margin: 0 44px 0 0; } }
    @media screen and (max-width: 639px) {
      .branding-banner-container .owl-nav .owl-prev, .branding-banner-container .owl-nav .owl-next {
        width: 11px;
        height: 17px;
        margin: 0 27px 0 0; } }
  .branding-banner-container .owl-nav div {
    width: 55px;
    height: 100%;
    float: left;
    position: relative; }

.branding-banner-container .owl-dots {
  position: absolute;
  font: 500 24px 'Helvetica';
//letter-spacing: -.010em;
  bottom: -129px;
  left: 202px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .branding-banner-container .owl-dots {
      font: 500 18px 'Helvetica';
      bottom: -98px;
      left: 150px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .branding-banner-container .owl-dots {
      font: 500 17px 'Helvetica';
      bottom: -90px;
      left: 131px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .branding-banner-container .owl-dots {
      font: 500 17px 'Helvetica';
      bottom: -66px;
      left: 105px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .branding-banner-container .owl-dots {
      font: 500 17px 'Helvetica';
      bottom: -52px;
      right: calc((100% - 500px) / 2);
      left: auto; } }
  @media screen and (max-width: 639px) {
    .branding-banner-container .owl-dots {
      font: 500 15px 'Helvetica';
      bottom: -35px;
      right: calc((100% - 280px) / 2);
      left: auto; } }
  .branding-banner-container .owl-dots:after {
    content: " /\A0" counter(slides-num);
    display: inline-block;
    vertical-align: middle;
    color: #656572; }
  .branding-banner-container .owl-dots .owl-dot {
    display: inline-block;
    counter-increment: slides-num;
    cursor: default; }
    .branding-banner-container .owl-dots .owl-dot span {
      display: none; }
    .branding-banner-container .owl-dots .owl-dot.active:before {
      content: counter(slides-num) "\A0";
      display: inline-block;
      vertical-align: middle;
      position: relative; }

.img-in-circle_img {
  padding: 5px 0 42px; }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .img-in-circle_img {
      padding: 15px 0 42px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .img-in-circle_img {
      padding: 26px 0 50px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .img-in-circle_img {
      padding: 53px 0 22px; } }
  @media screen and (max-width: 639px) {
    .img-in-circle_img {
      margin-top: 20px;
      padding: 13px 0 44px; } }
  .img-in-circle_img .img_circle-block {
    width: 356px;
    height: 356px;
    background: #fbea3a;
    border-radius: 50%;
    margin: 0 auto; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .img-in-circle_img .img_circle-block {
        height: 268px;
        width: 268px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .img-in-circle_img .img_circle-block {
        height: 200px;
        width: 200px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .img-in-circle_img .img_circle-block {
        height: 190px;
        width: 190px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .img-in-circle_img .img_circle-block {
        height: 232px;
        width: 232px; } }
    @media screen and (max-width: 639px) {
      .img-in-circle_img .img_circle-block {
        height: 200px;
        width: 200px; } }
    .img-in-circle_img .img_circle-block .circle-block_src {
      width: 240px; }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .img-in-circle_img .img_circle-block .circle-block_src {
          width: 200px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .img-in-circle_img .img_circle-block .circle-block_src {
          width: 190px; } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .img-in-circle_img .img_circle-block .circle-block_src {
          width: 190px; } }
      @media screen and (max-width: 639px) {
        .img-in-circle_img .img_circle-block .circle-block_src {
          width: 200px; } }
    .img-in-circle_img .img_circle-block .circle-block_src-block {
      background-image: url(/images/lk-history-orders.png);
      width: 100%;
      height: 100%;
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover; }

.img-in-circle_content .content_block-title {
  text-align: center;
  margin-bottom: 5px; }

.img-in-circle_content .content_block-desc {
  text-align: center;
  color: #bfbfbf; }

.left-menu-inner {
  margin-left: 67px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .left-menu-inner {
      margin-left: 50px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .left-menu-inner {
      margin-left: 40px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .left-menu-inner {
      margin-left: 27px; } }
  .left-menu-inner ul {
    margin-top: 40px; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .left-menu-inner ul {
        margin-top: 29px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .left-menu-inner ul {
        margin-top: 21px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .left-menu-inner ul {
        margin-top: 25px; } }
    .left-menu-inner ul li {
      margin-top: 9px; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .left-menu-inner ul li {
          margin-top: 8px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .left-menu-inner ul li {
          margin-top: 4px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .left-menu-inner ul li {
          margin-top: 4px; } }

.left-menu-detail a {
  text-decoration: none; }

.left-menu-detail .menu-first-level > li {
  padding: 55px 0 48px 80px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .left-menu-detail .menu-first-level > li {
      padding: 40px 0 35px 55px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .left-menu-detail .menu-first-level > li {
      padding: 19px 0 23px 70px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .left-menu-detail .menu-first-level > li {
      padding: 19px 0 23px 46px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .left-menu-detail .menu-first-level > li {
      padding: 40px 70px 32px 70px; } }
  @media screen and (max-width: 639px) {
    .left-menu-detail .menu-first-level > li {
      padding: 18px 17px 24px 17px; } }
  .left-menu-detail .menu-first-level > li.active {
    margin: 0 -20px 0 0;
    padding: 75px 0 65px 100px; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .left-menu-detail .menu-first-level > li.active {
        padding: 57px 0 49px 68px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .left-menu-detail .menu-first-level > li.active {
        padding: 36px 0 24px 70px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .left-menu-detail .menu-first-level > li.active {
        padding: 37px 0 24px 46px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .left-menu-detail .menu-first-level > li.active {
        padding: 58px 0 48px 83px;
        margin: 0; } }
    @media screen and (max-width: 639px) {
      .left-menu-detail .menu-first-level > li.active {
        padding: 37px 17px 29px 17px;
        margin: 0; } }
    .left-menu-detail .menu-first-level > li.active ul {
      text-transform: none;
      margin-top: 29px; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .left-menu-detail .menu-first-level > li.active ul {
          margin-top: 22px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .left-menu-detail .menu-first-level > li.active ul {
          margin-top: 14px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .left-menu-detail .menu-first-level > li.active ul {
          margin-top: 14px; } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .left-menu-detail .menu-first-level > li.active ul {
          margin-top: 21px; } }
      @media screen and (max-width: 639px) {
        .left-menu-detail .menu-first-level > li.active ul {
          margin-top: 14px; } }
      .left-menu-detail .menu-first-level > li.active ul li {
        margin-bottom: 4px; }
        @media screen and (max-width: 2295px) and (min-width: 1721px) {
          .left-menu-detail .menu-first-level > li.active ul li {
            margin-bottom: 3px; } }
        @media screen and (max-width: 1720px) and (min-width: 1301px) {
          .left-menu-detail .menu-first-level > li.active ul li {
            margin-bottom: 6px; } }
        @media screen and (max-width: 1300px) and (min-width: 1001px) {
          .left-menu-detail .menu-first-level > li.active ul li {
            margin-bottom: 6px; } }
        @media screen and (max-width: 639px) {
          .left-menu-detail .menu-first-level > li.active ul li {
            margin-bottom: 1px; } }

#white-theme .left-menu-detail > .menu-first-level .active {
  background: #fafafa; }

#white-theme .left-menu-detail > .menu-first-level .catalog-menu-title a {
  color: #262626; }

#black-theme .left-menu-detail > .menu-first-level .active {
  background: #1a1f23; }

#black-theme .left-menu-detail > .menu-first-level .catalog-menu-title a {
  color: #fff; }

.glossariy-menu {
  margin-right: -20px; }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .glossariy-menu {
      margin-right: 0; } }
  @media screen and (max-width: 639px) {
    .glossariy-menu {
      margin-right: 0; } }
  .glossariy-menu .col {
    width: 100%;
    position: relative;
    padding: 52px 0 35px 114px; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .glossariy-menu .col {
        padding: 40px 0 25px 83px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .glossariy-menu .col {
        padding: 34px 0 30px 94px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .glossariy-menu .col {
        padding: 34px 0 30px 94px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .glossariy-menu .col {
        padding: 39px 0 26px 83px; } }
    @media screen and (max-width: 639px) {
      .glossariy-menu .col {
        padding: 29px 0 29px 89px; } }
    .glossariy-menu .col:first-child {
      padding-top: 57px; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .glossariy-menu .col:first-child {
          padding-top: 45px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .glossariy-menu .col:first-child {
          padding-top: 39px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .glossariy-menu .col:first-child {
          padding-top: 39px; } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .glossariy-menu .col:first-child {
          padding-top: 44px; } }
      @media screen and (max-width: 639px) {
        .glossariy-menu .col:first-child {
          padding-top: 34px; } }
      .glossariy-menu .col:first-child .letter-square {
        top: 15px; }
    .glossariy-menu .col.active {
      background: #f7f7f7; }
      .glossariy-menu .col.active > ul a:before {
        content: " "; }
    .glossariy-menu .col > ul a {
      text-decoration: none;
      color: #1d1f24; }
      .glossariy-menu .col > ul a:before {
        content: none; }
    .glossariy-menu .col > ul li {
      margin-bottom: 4px; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .glossariy-menu .col > ul li {
          margin-bottom: 4px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .glossariy-menu .col > ul li {
          margin-bottom: 6px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .glossariy-menu .col > ul li {
          margin-bottom: 7px; } }
      @media screen and (max-width: 639px) {
        .glossariy-menu .col > ul li {
          margin-bottom: 2px; } }
    .glossariy-menu .col .letter-square {
      position: absolute;
      top: 10px;
      left: 0; }
      .glossariy-menu .col .letter-square span {
        color: #262626;
        display: block;
        font: 700 64px/64px "Helvetica";
        margin-left: 68px;
        margin-top: 34px;
        position: relative;
        z-index: 2; }
        @media screen and (max-width: 2295px) and (min-width: 1721px) {
          .glossariy-menu .col .letter-square span {
            font: 700 48px/48px "Helvetica";
            margin-left: 51px;
            margin-top: 23px; } }
        @media screen and (max-width: 1720px) and (min-width: 1301px) {
          .glossariy-menu .col .letter-square span {
            font: 700 36px/36px "Helvetica";
            margin-left: 45px;
            margin-top: 22px; } }
        @media screen and (max-width: 1300px) and (min-width: 1001px) {
          .glossariy-menu .col .letter-square span {
            font: 700 36px/36px "Helvetica";
            margin-left: 45px;
            margin-top: 22px; } }
        @media screen and (max-width: 1000px) and (min-width: 640px) {
          .glossariy-menu .col .letter-square span {
            font: 700 48px/48px "Helvetica";
            margin-left: 51px;
            margin-top: 22px; } }
        @media screen and (max-width: 639px) {
          .glossariy-menu .col .letter-square span {
            font: 700 36px/36px "Helvetica";
            margin-left: 46px;
            margin-top: 21px; } }
      .glossariy-menu .col .letter-square:after {
        content: '';
        position: absolute;
        display: block;
        width: 94px;
        height: 94px;
        background: #fbea3a;
        top: 15px;
        left: 0px;
        z-index: 1; }
        @media screen and (max-width: 2295px) and (min-width: 1721px) {
          .glossariy-menu .col .letter-square:after {
            width: 70px;
            height: 70px;
            top: 10px; } }
        @media screen and (max-width: 1720px) and (min-width: 1301px) {
          .glossariy-menu .col .letter-square:after {
            width: 60px;
            height: 60px;
            top: 10px; } }
        @media screen and (max-width: 1300px) and (min-width: 1001px) {
          .glossariy-menu .col .letter-square:after {
            width: 60px;
            height: 60px;
            top: 9px; } }
        @media screen and (max-width: 1000px) and (min-width: 640px) {
          .glossariy-menu .col .letter-square:after {
            width: 70px;
            height: 70px;
            top: 9px; } }
        @media screen and (max-width: 639px) {
          .glossariy-menu .col .letter-square:after {
            width: 60px;
            height: 60px;
            top: 9px; } }

.aside-catalog-detail {
  z-index: 2; }
  @media screen and (max-width: 1300px) {
    .aside-catalog-detail {
      display: none; } }
  .aside-catalog-detail .aside-title {
    margin-top: 60px;
    margin-bottom: 48px; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .aside-catalog-detail .aside-title {
        margin-top: 81px;
        margin-bottom: 27px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .aside-catalog-detail .aside-title {
        margin-top: 43px;
        margin-bottom: 35px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .aside-catalog-detail .aside-title {
        margin-top: 43px;
        margin-bottom: 35px; } }
  .aside-catalog-detail .aside-content .scroll-content .block-menu > li {
    width: 100%;
    float: none; }
  .aside-catalog-detail .block-menu-link svg {
    width: 16px;
    height: 16px; }
  .aside-catalog-detail .block-menu ul > li {
    padding-left: 23px; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .aside-catalog-detail .block-menu ul > li {
        padding-left: 17px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .aside-catalog-detail .block-menu ul > li {
        padding-left: 15px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .aside-catalog-detail .block-menu ul > li {
        padding-left: 15px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .aside-catalog-detail .block-menu ul > li {
        padding-left: 15px; } }
    @media screen and (max-width: 639px) {
      .aside-catalog-detail .block-menu ul > li {
        padding-left: 15px; } }
  .aside-catalog-detail .aside-slide-block {
    display: none;
    margin-top: 10px; }

.block-menu-products li {
  margin-top: 2px;
  margin-bottom: 8px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .block-menu-products li {
      margin-top: 5px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .block-menu-products li {
      margin-top: 7px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .block-menu-products li {
      margin-top: 4px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .block-menu-products li {
      margin-top: 9px; } }
  @media screen and (max-width: 639px) {
    .block-menu-products li {
      margin-top: 8px; } }

.block-menu-products .block-menu-product {
  color: #262626;
  position: relative;
  padding: 8.5px 27px;
  display: inline-block;
  text-decoration: none;
  -webkit-transition: color .6s ease;
  -o-transition: color .6s ease;
  transition: color .6s ease; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .block-menu-products .block-menu-product {
      padding: 6px 19px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .block-menu-products .block-menu-product {
      padding: 3px 11px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .block-menu-products .block-menu-product {
      padding: 4px 13px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .block-menu-products .block-menu-product {
      padding: 4px 15px; } }
  @media screen and (max-width: 639px) {
    .block-menu-products .block-menu-product {
      padding: 4px 12px; } }
  .block-menu-products .block-menu-product:before {
    content: '';
    width: 0;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: #fbea3a;
    z-index: 0;
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease; }
  .block-menu-products .block-menu-product span {
    z-index: 1;
    position: relative; }
  .block-menu-products .block-menu-product:hover {
    color: #262626; }
    .block-menu-products .block-menu-product:hover:before {
      background-color: #fbea3a; }
  .block-menu-products .block-menu-product.active {
    color: #fff; }
    .block-menu-products .block-menu-product.active:hover {
      color: #fff; }
      .block-menu-products .block-menu-product.active:hover:before {
        background-color: #aeaeae; }
    .block-menu-products .block-menu-product.active:before {
      width: 100%;
      background-color: #aeaeae; }
  @media screen and (min-width: 1001px) {
    .block-menu-products .block-menu-product:hover {
      color: #262626; }
      .block-menu-products .block-menu-product:hover:before {
        width: 100%; } }

.block-menu-link-middle {
  position: relative;
  display: inline-block;
  text-decoration: none;
  -webkit-transition: color .6s ease;
  -o-transition: color .6s ease;
  transition: color .6s ease;
  padding: 8px 25px;
  margin-top: 11px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .block-menu-link-middle {
      padding: 6px 18px;
      margin-top: 7px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .block-menu-link-middle {
      padding: 6px 18px;
      margin-top: 7px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .block-menu-link-middle {
      padding: 6px 18px;
      margin-top: 7px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .block-menu-link-middle {
      padding: 9px 22px;
      margin-top: 8px; } }
  @media screen and (max-width: 639px) {
    .block-menu-link-middle {
      padding: 8px 18px;
      margin-top: 6px; } }
  .block-menu-link-middle:before {
    content: '';
    width: 10px;
    height: 10px;
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
    background: #fbea3a;
    z-index: 0;
    -webkit-transition: height .2s ease .6s, width .6s ease;
    -o-transition: height .2s ease .6s, width .6s ease;
    transition: height .2s ease .6s, width .6s ease; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .block-menu-link-middle:before {
        width: 7px;
        height: 7px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .block-menu-link-middle:before {
        width: 7px;
        height: 7px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .block-menu-link-middle:before {
        width: 7px;
        height: 7px; } }
    @media screen and (max-width: 639px) {
      .block-menu-link-middle:before {
        width: 7px;
        height: 7px; } }
  .block-menu-link-middle > span {
    position: relative;
    z-index: 1;
    display: inline; }
  .block-menu-link-middle.active:before {
    height: 100%;
    width: 100%;
    -webkit-transition: height .2s ease, width .6s ease;
    -o-transition: height .2s ease, width .6s ease;
    transition: height .2s ease, width .6s ease; }
  @media screen and (min-width: 1000px) {
    .block-menu-link-middle:hover:before {
      height: 100%;
      width: 100%;
      -webkit-transition: height .2s ease, width .6s ease;
      -o-transition: height .2s ease, width .6s ease;
      transition: height .2s ease, width .6s ease; } }

.catalog-aside-btn {
  background: #fbea3a;
  cursor: pointer;
  position: fixed;
  display: inline-block;
  width: 30px;
  height: 67px;
  top: 50%;
  left: 0;
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
  z-index: 3;
  display: none;
  -webkit-transition: background .6s ease, color .6s ease;
  -o-transition: background .6s ease, color .6s ease;
  transition: background .6s ease, color .6s ease;
  }
  .catalog-aside-btn svg {
    position: absolute;
    bottom: 20px;
    right: 10px; }
    .catalog-aside-btn svg:last-child {
      display: none; }
  @media screen and (min-width: 1001px) {
    .catalog-aside-btn:hover {
      background: #262626;
      color: #fbea3a; } }
  @media screen and (max-width: 1300px) {
    .catalog-aside-btn {
      display: none;
      /* display: inline-block; */
      } }
  @media screen and (max-width: 1000px) {
    .catalog-aside-btn {
      top: auto;
      bottom: 0;
      left: 0;
      width: 70px;
      height: 70px;
      -webkit-transform: translate(100%, 0);
          -ms-transform: translate(100%, 0);
              transform: translate(100%, 0);
      background: #262626;
      color: #fbea3a;
      z-index: 90; }
      .catalog-aside-btn svg:first-child {
        display: none; }
      .catalog-aside-btn svg:last-child {
        display: inline-block; } }
  @media screen and (max-width: 639px) {
    .catalog-aside-btn {
      width: 50px;
      height: 50px; } }

.main-info-block {
  background: url("/images/css/aa7ed4deed6e0a8f4e8287ea834067ea.jpg") no-repeat left center;
  background-size: contain;
  height: 1133px;
  position: relative; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .main-info-block {
      height: 850px;
      margin-bottom: 7px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .main-info-block {
      height: 627px;
      margin-bottom: 80px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .main-info-block {
      height: 485px;
      margin-bottom: 21px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .main-info-block {
      height: auto;
      background-position: bottom center;
      padding-bottom: 580px;
      margin: 0 auto;
      width: 600px; } }
  @media screen and (max-width: 639px) {
    .main-info-block {
      height: auto;
      background-position: bottom center;
      background-size: 114%;
      padding-bottom: 311px;
      margin: 0 auto;
      width: 280px; } }
  .main-info-block .info-block-content {
    text-align: right;
    width: 40%;
    position: absolute;
    right: calc((100% - 2135px) / 2);
    top: 50%;
    -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
            transform: translate(0, -50%); }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .main-info-block .info-block-content {
        width: 35%;
        right: calc((100% - 1600px) / 2); } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .main-info-block .info-block-content {
        width: 46%;
        right: calc((100% - 1160px) / 2); } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .main-info-block .info-block-content {
        right: calc((100% - 870px) / 2); } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .main-info-block .info-block-content {
        text-align: left;
        width: 100%;
        position: static;
        -webkit-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
                transform: translate(0, 0); } }
    @media screen and (max-width: 639px) {
      .main-info-block .info-block-content {
        text-align: left;
        width: 100%;
        position: static;
        -webkit-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
                transform: translate(0, 0); } }
    .main-info-block .info-block-content > .main-title {
      float: left;
      width: 100%;
      margin-top: 50px; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .main-info-block .info-block-content > .main-title {
          margni-top: 40px;
          margin-bottom: 22px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .main-info-block .info-block-content > .main-title {
          margin-top: 0;
          margin-bottom: 16px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .main-info-block .info-block-content > .main-title {
          margin-top: 5px;
          margin-bottom: 16px; } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .main-info-block .info-block-content > .main-title {
          margin-top: 68px; } }
      @media screen and (max-width: 639px) {
        .main-info-block .info-block-content > .main-title {
          margin-top: 60px;
          margin-bottom: 20px; } }
      .main-info-block .info-block-content > .main-title .main-title-square {
        width: 100%;
        padding-right: 0; }
        .main-info-block .info-block-content > .main-title .main-title-square:after {
          right: -23px; }
          @media screen and (max-width: 2295px) and (min-width: 1721px) {
            .main-info-block .info-block-content > .main-title .main-title-square:after {
              right: -40px; } }
          @media screen and (max-width: 1720px) and (min-width: 1301px) {
            .main-info-block .info-block-content > .main-title .main-title-square:after {
              right: -28px; } }
          @media screen and (max-width: 1300px) and (min-width: 1001px) {
            .main-info-block .info-block-content > .main-title .main-title-square:after {
              right: -20px; } }
      .main-info-block .info-block-content > .main-title .main-title-text {
        width: 100%;
        position: static;
        text-align: right;
        margin-top: 53px;
        height: 128px; }
        @media screen and (max-width: 2295px) and (min-width: 1721px) {
          .main-info-block .info-block-content > .main-title .main-title-text {
            margin-top: 41px;
            height: 120px; } }
        @media screen and (max-width: 1720px) and (min-width: 1301px) {
          .main-info-block .info-block-content > .main-title .main-title-text {
            margin-top: 41px;
            height: 110px; } }
        @media screen and (max-width: 1300px) and (min-width: 1001px) {
          .main-info-block .info-block-content > .main-title .main-title-text {
            margin-top: 34px;
            height: 154px; } }
        @media screen and (max-width: 1000px) and (min-width: 640px) {
          .main-info-block .info-block-content > .main-title .main-title-text {
            margin-top: 0;
            text-align: left;
            height: 144px; } }
        @media screen and (max-width: 639px) {
          .main-info-block .info-block-content > .main-title .main-title-text {
            margin-top: 0;
            text-align: left;
            height: 83px; } }




.main-slider {
  margin-bottom: 35px; }
  .main-slider .main-slider-item {
    width: 100%;
    height: 980px;
    position: relative; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .main-slider .main-slider-item {
        height: 735px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .main-slider .main-slider-item {
        height: 580px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .main-slider .main-slider-item {
        height: 500px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .main-slider .main-slider-item {
        height: 650px; } }
    @media screen and (max-width: 639px) {
      .main-slider .main-slider-item {
        height: 480px; } }
    .main-slider .main-slider-item:after {
      content: '';
      width: 610px;
      height: 100%;
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      -webkit-transform: translate(100%, 0);
          -ms-transform: translate(100%, 0);
              transform: translate(100%, 0);
      opacity: 0;
      -webkit-transition: opacity .6s ease .3s, -webkit-transform .6s ease .3s;
      transition: opacity .6s ease .3s, -webkit-transform .6s ease .3s;
      -o-transition: transform .6s ease .3s, opacity .6s ease .3s;
      transition: transform .6s ease .3s, opacity .6s ease .3s;
      transition: transform .6s ease .3s, opacity .6s ease .3s, -webkit-transform .6s ease .3s;
      background: #fff; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .main-slider .main-slider-item:after {
          width: 425px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .main-slider .main-slider-item:after {
          width: 290px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .main-slider .main-slider-item:after {
          width: 220px; } }
      @media screen and (max-width: 1000px) {
        .main-slider .main-slider-item:after {
          width: 100%;
          height: auto;
          top: auto;
          bottom: 0;
          opacity: 1;
          -webkit-transform: none;
              -ms-transform: none;
                  transform: none; } }
      @media screen and (max-width: 639px) {
        .main-slider .main-slider-item:after {
          height: 300px; } }
  .main-slider .main-slider-img {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .main-slider .main-slider-img {
        height: 263px; } }
    @media screen and (max-width: 639px) {
      .main-slider .main-slider-img {
        height: 180px; } }
  .main-slider .main-slider-content {
    width: 870px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    text-align: right;
    padding-right: 215px; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .main-slider .main-slider-content {
        padding-right: 100px;
        width: 740px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .main-slider .main-slider-content {
        padding-right: 80px;
        width: 580px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .main-slider .main-slider-content {
        padding-right: 65px;
        width: 435px; } }
    @media screen and (max-width: 1000px) {
      .main-slider .main-slider-content {
        height: 355px;
        width: 500px;
        padding: 0;
        position: relative;
        text-align: left;
        margin: -22px auto 0 auto; } }
    @media screen and (max-width: 639px) {
      .main-slider .main-slider-content {
        margin: -15px auto 0 auto;
        height: 265px;
        width: 250px; } }
    @media screen and (max-width: 1000px) {
      .main-slider .main-slider-content .table {
        display: block; } }
    @media screen and (max-width: 1000px) {
      .main-slider .main-slider-content .table .table-cell {
        display: block; } }
  .main-slider .main-slider-title {
    opacity: 0;
    -webkit-transform: translate(0, 1em);
        -ms-transform: translate(0, 1em);
            transform: translate(0, 1em);
    -webkit-transition: opacity .6s ease .9s, -webkit-transform .6s ease .9s;
    transition: opacity .6s ease .9s, -webkit-transform .6s ease .9s;
    -o-transition: transform .6s ease .9s, opacity .6s ease .9s;
    transition: transform .6s ease .9s, opacity .6s ease .9s;
    transition: transform .6s ease .9s, opacity .6s ease .9s, -webkit-transform .6s ease .9s;
    margin-bottom: 14px;
    color: #262626; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .main-slider .main-slider-title {
        margin-bottom: 10px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .main-slider .main-slider-title {
        margin-bottom: 10px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .main-slider .main-slider-title {
        margin-bottom: 7px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .main-slider .main-slider-title {
        margin-bottom: 17px; } }
    @media screen and (max-width: 639px) {
      .main-slider .main-slider-title {
        margin-bottom: 0; } }
  .main-slider .main-slider-text {
    opacity: 0;
    -webkit-transform: translate(0, 1em);
        -ms-transform: translate(0, 1em);
            transform: translate(0, 1em);
    -webkit-transition: opacity .6s ease 1.2s, -webkit-transform .6s ease 1.2s;
    transition: opacity .6s ease 1.2s, -webkit-transform .6s ease 1.2s;
    -o-transition: transform .6s ease 1.2s, opacity .6s ease 1.2s;
    transition: transform .6s ease 1.2s, opacity .6s ease 1.2s;
    transition: transform .6s ease 1.2s, opacity .6s ease 1.2s, -webkit-transform .6s ease 1.2s;
    margin-bottom: 56px;
    color: #262626; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .main-slider .main-slider-text {
        margin-bottom: 40px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .main-slider .main-slider-text {
        margin-bottom: 34px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .main-slider .main-slider-text {
        margin-bottom: 34px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .main-slider .main-slider-text {
        margin-bottom: 32px; } }
    @media screen and (max-width: 639px) {
      .main-slider .main-slider-text {
        height: 66px;
        overflow: hidden;
        margin-bottom: 24px; } }
  .main-slider .main-slider-subtitle {
    margin-bottom: .5em; }
  .main-slider .main-slider-btn {
    opacity: 0;
    -webkit-transform: translate(0, 1em);
        -ms-transform: translate(0, 1em);
            transform: translate(0, 1em);
    -webkit-transition: opacity .6s ease 1.5s, color .6s ease, -webkit-transform .6s ease 1.5s;
    transition: opacity .6s ease 1.5s, color .6s ease, -webkit-transform .6s ease 1.5s;
    -o-transition: transform .6s ease 1.5s, opacity .6s ease 1.5s, color .6s ease;
    transition: transform .6s ease 1.5s, opacity .6s ease 1.5s, color .6s ease;
    transition: transform .6s ease 1.5s, opacity .6s ease 1.5s, color .6s ease, -webkit-transform .6s ease 1.5s; }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .main-slider .main-slider-btn {
        margin-left: -28px; } }
    @media screen and (max-width: 639px) {
      .main-slider .main-slider-btn {
        margin-left: -20px; } }
  .main-slider .owl-item.active .main-slider-item:after {
    -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1; }
  .main-slider .owl-item.active .main-slider-title {
    opacity: 1;
    -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
            transform: translate(0, 0); }
  .main-slider .owl-item.active .main-slider-text {
    opacity: 1;
    -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
            transform: translate(0, 0); }
  .main-slider .owl-item.active .main-slider-btn {
    opacity: 1;
    -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
            transform: translate(0, 0); }
  .main-slider .owl-nav {
    height: 114px;
    position: absolute;
    bottom: 0;
    left: auto;
    right: 305px;
    width: 305px;
    padding: 0 50px; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .main-slider .owl-nav {
        right: 212.5px;
        width: 212.5px;
        height: 85px;
        padding: 0 40px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .main-slider .owl-nav {
        right: 145px;
        width: 145px;
        height: 70px;
        padding: 0 22px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .main-slider .owl-nav {
        right: 110px;
        width: 110px;
        height: 50px;
        padding: 0 18px; } }
    @media screen and (max-width: 1000px) {
      .main-slider .owl-nav {
        width: 250px;
        left: 50%;
        position: absolute;
        -webkit-transform: translate(-100%, 0);
            -ms-transform: translate(-100%, 0);
                transform: translate(-100%, 0);
        height: 70px;
        padding: 0; } }
    @media screen and (max-width: 639px) {
      .main-slider .owl-nav {
        height: 50px;
        padding: 0 18px;
        width: 140px; } }
    .main-slider .owl-nav div {
      width: 70px;
      height: 100%;
      float: left;
      position: relative;
      color: #262626;
      -webkit-transition: color .6s ease;
      -o-transition: color .6s ease;
      transition: color .6s ease; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .main-slider .owl-nav div {
          width: 55px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .main-slider .owl-nav div {
          width: 50px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .main-slider .owl-nav div {
          width: 37px; } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .main-slider .owl-nav div {
          width: 13px;
          margin-right: 43px; } }
      @media screen and (max-width: 639px) {
        .main-slider .owl-nav div {
          width: 37px; } }
      .main-slider .owl-nav div svg {
        fill: currentColor; }
      .main-slider .owl-nav div:hover {
        color: #cfcfcf; }
  .main-slider .owl-dots {
    height: 114px;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 305px;
    padding: 0 100px;
    text-align: right;
    font: 500 22px 'Helvetica';
//letter-spacing: -.010em;
    line-height: 114px; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .main-slider .owl-dots {
        font-size: 17px;
        width: 212.5px;
        height: 85px;
        line-height: 85px;
        padding: 0 45px; } }
    @media screen and (max-width: 1720px) and (min-width: 1001px) {
      .main-slider .owl-dots {
        font-size: 15px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .main-slider .owl-dots {
        width: 145px;
        height: 70px;
        line-height: 70px;
        padding: 0 20px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .main-slider .owl-dots {
        width: 110px;
        height: 50px;
        line-height: 50px;
        padding: 0 20px; } }
    @media screen and (max-width: 1000px) {
      .main-slider .owl-dots {
        font-size: 17px;
        width: 250px;
        left: 50%;
        position: absolute;
        height: 70px;
        line-height: 70px;
        padding: 0; } }
    @media screen and (max-width: 639px) {
      .main-slider .owl-dots {
        font-size: 15px;
        height: 50px;
        line-height: 50px;
        padding: 0 20px;
        width: 140px; } }
    .main-slider .owl-dots:after {
      content: " /\A0" counter(slides-num);
      display: inline-block;
      vertical-align: middle;
      color: #c5c5c5; }
    .main-slider .owl-dots .owl-dot {
      display: inline-block;
      counter-increment: slides-num;
      cursor: default; }
      .main-slider .owl-dots .owl-dot span {
        display: none; }
      .main-slider .owl-dots .owl-dot.active:before {
        content: counter(slides-num) "\A0";
        display: inline-block;
        vertical-align: middle;
        position: relative; }
  .main-slider .owl-progress {
    position: absolute;
    bottom: 114px;
    left: 0;
    width: 100%;
    height: 2px;
    overflow: hidden;
    background: #d9d9d9; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .main-slider .owl-progress {
        bottom: 85px;
        height: 1px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .main-slider .owl-progress {
        bottom: 70px;
        height: 1px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .main-slider .owl-progress {
        bottom: 50px;
        height: 1px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .main-slider .owl-progress {
        bottom: 70px;
        height: 1px; } }
    @media screen and (max-width: 639px) {
      .main-slider .owl-progress {
        bottom: 50px;
        height: 1px; } }
    .main-slider .owl-progress .owl-progress-bar {
      background: #262626;
      position: absolute;
      top: 0;
      left: 0;
      height: 100%; }

#black-theme .main-slider {
  margin-bottom: 0; }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    #black-theme .main-slider {
      margin-bottom: 77px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    #black-theme .main-slider {
      margin-bottom: 57px; } }
  #black-theme .main-slider .main-slider-title {
    color: #fff; }
  #black-theme .main-slider .main-slider-text {
    color: #d8dce0; }
  #black-theme .main-slider .main-slider-item:after {
    background: #0d1115;
    left: 0;
    right: auto;
    -webkit-transform: translate(-100%, 0);
        -ms-transform: translate(-100%, 0);
            transform: translate(-100%, 0);
    -webkit-transition: none;
    -o-transition: none;
    transition: none; }
    @media screen and (max-width: 1000px) {
      #black-theme .main-slider .main-slider-item:after {
        -webkit-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
                transform: translate(0, 0); } }
  #black-theme .main-slider .main-slider-content {
    left: 0;
    padding-left: 170px;
    padding-right: 0;
    width: 1000px;
    right: auto;
    text-align: left; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      #black-theme .main-slider .main-slider-content {
        padding-left: 130px;
        width: 793px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      #black-theme .main-slider .main-slider-content {
        padding-left: 85px;
        width: 580px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      #black-theme .main-slider .main-slider-content {
        padding-left: 55px;
        width: 435px; } }
    @media screen and (max-width: 1000px) {
      #black-theme .main-slider .main-slider-content {
        height: 355px;
        width: 500px;
        padding: 0;
        position: relative;
        text-align: left;
        margin: -22px auto 0 auto; } }
    @media screen and (max-width: 639px) {
      #black-theme .main-slider .main-slider-content {
        margin: -15px auto 0 auto;
        height: 265px;
        width: 250px; } }
  #black-theme .main-slider .owl-item.active .main-slider-item:after {
    -webkit-transition: opacity .6s ease .6s, -webkit-transform .6s ease .6s;
    transition: opacity .6s ease .6s, -webkit-transform .6s ease .6s;
    -o-transition: transform .6s ease .6s, opacity .6s ease .6s;
    transition: transform .6s ease .6s, opacity .6s ease .6s;
    transition: transform .6s ease .6s, opacity .6s ease .6s, -webkit-transform .6s ease .6s;
    -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1; }
  #black-theme .main-slider .owl-progress {
    background: rgba(255, 255, 255, 0.3); }
    #black-theme .main-slider .owl-progress .owl-progress-bar {
      background: #fff; }
  #black-theme .main-slider .owl-nav {
    left: 305px;
    right: auto;
    text-align: left; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      #black-theme .main-slider .owl-nav {
        left: 212.5px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      #black-theme .main-slider .owl-nav {
        left: 145px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      #black-theme .main-slider .owl-nav {
        left: 110px; } }
    @media screen and (max-width: 1000px) {
      #black-theme .main-slider .owl-nav {
        width: 250px;
        left: 50%;
        position: absolute;
        -webkit-transform: translate(-100%, 0);
            -ms-transform: translate(-100%, 0);
                transform: translate(-100%, 0);
        padding: 0; } }
    @media screen and (max-width: 639px) {
      #black-theme .main-slider .owl-nav {
        width: 150px;
        left: 50%;
        position: absolute;
        -webkit-transform: translate(-100%, 0);
            -ms-transform: translate(-100%, 0);
                transform: translate(-100%, 0);
        padding: 0; } }
    #black-theme .main-slider .owl-nav div {
      color: #fff;
      -webkit-transition: color .6s ease;
      -o-transition: color .6s ease;
      transition: color .6s ease; }
      #black-theme .main-slider .owl-nav div svg {
        fill: currentColor; }
      @media screen and (min-width: 1001px) {
        #black-theme .main-slider .owl-nav div:hover {
          color: #cfcfcf; } }
  #black-theme .main-slider .owl-dots {
    left: 0;
    right: auto;
    text-align: left; }
    @media screen and (max-width: 1000px) {
      #black-theme .main-slider .owl-dots {
        left: 50%;
        position: absolute;
        text-align: right; } }
    @media screen and (max-width: 639px) {
      #black-theme .main-slider .owl-dots {
        left: 50%;
        position: absolute;
        text-align: right; } }
    #black-theme .main-slider .owl-dots .owl-dot {
      color: #fff; }
    #black-theme .main-slider .owl-dots:after {
      color: #656572; }

.main-title {
  margin-top: 115px;
  margin-bottom: 50px;
  position: relative; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .main-title {
      margin-top: 80px;
      margin-bottom: 40px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .main-title {
      margin-top: 65px;
      margin-bottom: 30px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .main-title {
      margin-top: 40px;
      margin-bottom: 20px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .main-title {
      padding: 0 17px;
      margin-top: 35px;
      margin-bottom: 40px; } }
  @media screen and (max-width: 639px) {
    .main-title {
      margin-top: 25px;
      margin-bottom: 33px; } }
  .main-title:before, .main-title:after {
    content: " ";
    display: table; }
  .main-title:after {
    clear: both; }
  .main-title .main-title-square {
    position: relative;
    float: left;
    width: calc(50% - 10px);
    text-align: right;
    padding: 23px 55px 0 0; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .main-title .main-title-square {
        padding: 16px 40px 0 0; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .main-title .main-title-square {
        padding: 12px 28px 0 0; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .main-title .main-title-square {
        padding: 6px 20px 0 0; } }
    @media screen and (max-width: 1000px) {
      .main-title .main-title-square {
        width: 100%;
        text-align: left;
        padding: 15px 30px 0 30px;
        margin-bottom: 10px; } }
    @media screen and (max-width: 639px) {
      .main-title .main-title-square {
        padding: 12px 0 0 0;
        margin-bottom: 13px; } }
    .main-title .main-title-square:after {
      content: '';
      position: absolute;
      display: block;
      width: 147px;
      height: 147px;
      background: #fbea3a;
      top: 0;
      right: 0;
      z-index: 1; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .main-title .main-title-square:after {
          width: 110px;
          height: 110px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .main-title .main-title-square:after {
          width: 80px;
          height: 80px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .main-title .main-title-square:after {
          width: 60px;
          height: 60px; } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .main-title .main-title-square:after {
          width: 88px;
          height: 88px;
          right: auto;
          left: 0; } }
      @media screen and (max-width: 639px) {
        .main-title .main-title-square:after {
          width: 58px;
          height: 58px;
          right: auto;
          left: -20px; } }
  .main-title .main-title-top {
    position: relative;
    z-index: 2; }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .main-title .main-title-top {
        margin-bottom: -5px; } }
    @media screen and (max-width: 639px) {
      .main-title .main-title-top {
        margin-bottom: -2px; } }
  .main-title .main-title-bottom {
    position: relative;
    z-index: 2; }
  .main-title .main-title-text {
    float: right;
    width: calc(50% - 10px);
    padding-left: 25px;
    /* height: 100%; */
    position: absolute;
    top: 0;
    right: 0;
    overflow: hidden;
    }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .main-title .main-title-text {
        /* padding-left: 15px; */
        /* height: 51%; */
        } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .main-title .main-title-text {
        padding-left: 0; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .main-title .main-title-text {
        padding-left: 0; } }
    @media screen and (max-width: 1000px) {
      .main-title .main-title-text {
        width: 100%;
        position: relative;
        padding: 0 30px; } }
    @media screen and (max-width: 639px) {
      .main-title .main-title-text {
        padding: 0; } }

#white-theme .main-title .main-title-top {
  color: #262626; }

#white-theme .main-title .main-title-bottom {
  color: #262626; }

#white-theme .main-title .main-title-text {
  color: #262626; }

#black-theme .main-title .main-title-top {
  color: #fff; }

#black-theme .main-title .main-title-bottom {
  color: #fff; }

#black-theme .main-title .main-title-text {
  color: #d8dce0; }

#black-theme .main-title .main-title-square:after {
  background: #3e4349; }

.blocks {
	margin-top: 14px!important;
  width: calc(100% + 21px);
  margin-left: -10px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .blocks {
      margin-left: -7.5px;
      width: calc(100% + 16px); } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .blocks {
      margin-left: -6.5px;
      width: calc(100% + 14px); } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .blocks {
      margin-left: -7.5px;
      width: calc(100% + 16px); } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .blocks {
      margin-left: -9px;
      width: calc(100% + 18px); } }
  @media screen and (max-width: 639px) {
    .blocks {
      width: 100%;
      margin-left: 0; } }
  .blocks:before, .blocks:after {
    content: " ";
    display: table; }
  .blocks:after {
    clear: both; }

.sort:before {
  content: '';
  width: 100%;
  display: block; }

.sort:after {
  content: '';
  width: 100%;
  display: inline-block; }

.block {
  width: calc((100% - (20px * 4)) / 4);
  display: block;
  float: left;
  margin: 0 10px 20px 10px;
  height: 655px;
  position: relative;
  overflow: hidden; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .block {
      height: 490px;
      width: calc((100% - (15px * 4)) / 4);
      margin: 0 7.5px 15px 7.5px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .block {
      height: 370px;
      width: calc((100% - (13px * 4)) / 4);
      margin: 0 6.5px 17px 6.5px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .block {
      height: 365px;
      width: calc((100% - (15px * 3)) / 3);
      margin: 0 7.5px 15px 7.5px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .block {
      height: 375px;
      width: calc((100% - (18px * 2)) / 2);
      margin: 0 9px 20px 9px; } }
  @media screen and (max-width: 639px) {
    .block {
      width: 100%;
      margin: 0 0 10px 0;
      height: 305px; } }
  .block.block-big {
    width: calc(((100% - (20px * 2)) / 4) * 2); }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .block.block-big {
        width: calc(((100% - (15px * 2)) / 4) * 2); } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .block.block-big {
        width: calc(((100% - (13px * 2)) / 4) * 2); } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .block.block-big {
        width: calc(((100% - (15px * 1.5)) / 3) * 2); } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .block.block-big {
        width: calc(((100% - 18px) / 2) * 2);
        height: 370px; } }
    @media screen and (max-width: 639px) {
      .block.block-big {
        width: 100%;
        height: auto;
        padding-bottom: 28px; } }
    .block.block-big .block-img-circle {
      float: right; }
      @media screen and (max-width: 639px) {
        .block.block-big .block-img-circle {
          float: none; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .block.block-big .block-big-content .block-title {
        margin-bottom: 8px; } }
    @media screen and (max-width: 639px) {
      .block.block-big .block-big-content .block-title {
        margin-bottom: 12px; } }
    .block.block-big .block-big-content .block-desc {
      height: auto; }
     /* @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .block.block-big .block-big-content .block-desc {
          ---height: 200px;---
          }
          .block.block-big .block-big-content .block-desc-dot {
          display:none;
          }
          }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .block.block-big .block-big-content .block-desc {
          ---height: 200px;---
          }
          .block.block-big .block-big-content .block-desc-dot {
          display:none !important;
          }

          }
		  */
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .block.block-big .block-big-content .block-desc {
          /* height: 110px;  */
		  } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .block.block-big .block-big-content .block-desc {
          /* height: 110px;  */
		  } }
      @media screen and (max-width: 1000px) and (min-width: 340px) {
        .block.block-big .block-big-content .block-desc {
          /* height: 72px; */
          display: block;
          } }
  .xxxblock:hover .xxxblock-img {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1); }
  .block .block-img {
    width: 100%;
    height: 435px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    -o-transition: transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .block .block-img {
        height: 325px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .block .block-img {
        height: 235px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .block .block-img {
        height: 235px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .block .block-img {
        height: 245px; } }
    @media screen and (max-width: 639px) {
      .block .block-img {
        height: 235px; } }
    .block .block-img--top {
      background-position: top; }


    .block.block-services .block-img--top {background-position: center}
    .block.block-services .block-img--top:hover {-webkit-transform: translate(0, 0) scale(1.1); -ms-transform: translate(0, 0) scale(1.1); transform: translate(0, 0) scale(1.1)}


  .block .block-big-img {
    width: calc(50% - 7.5px);
    height: 100%;
    float: left;
    position: relative;
    z-index: 2; }
    @media screen and (max-width: 639px) {
      .block .block-big-img {
        width: 100%;
        float: none;
        margin-top: 40px;
        margin-bottom: 24px; } }
    .block .block-big-img img {
      display: block;
      float: right; }
      @media screen and (max-width: 639px) {
        .block .block-big-img img {
          float: none; } }
  .block:hover .block-img-circle img {
    -webkit-transform: translate(-50%, -50%) scale(1.1);
        -ms-transform: translate(-50%, -50%) scale(1.1);
            transform: translate(-50%, -50%) scale(1.1); }

	.product-block .block-img-circle,
  .block .block-img-circle {
    color: #262626;
    width: 455px;
    height: 455px;
    position: relative;
    background: #fbea3a;
    border-radius: 50%;
    margin: 0 auto;
    z-index: 1;
    color: #262626;
    text-align: center; }

	#black-theme .block.block-services.block-big .block-img-circle,
	#black-theme .block .block-big-img .block-img-circle {background: 0}

    @media screen and (max-width: 2295px) and (min-width: 1721px) {
		.product-block .block-img-circle,
      .block .block-img-circle {
        width: 340px;
        height: 340px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
		.product-block .block-img-circle,
      .block .block-img-circle {
        width: 240px;
        height: 240px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
		.product-block .block-img-circle,
      .block .block-img-circle {
        width: 240px;
        height: 240px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
		.product-block .block-img-circle,
      .block .block-img-circle {
        width: 235px;
        height: 235px; } }
    @media screen and (max-width: 639px) {
		.product-block .block-img-circle,
      .block .block-img-circle {
        width: 196px;
        height: 196px;
        padding: 20px; } }
    .block .block-img-circle img {
      width: 590px;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      display: block;
      -webkit-transition: -webkit-transform .4s ease;
      transition: -webkit-transform .4s ease;
      -o-transition: transform .4s ease;
      transition: transform .4s ease;
      transition: transform .4s ease, -webkit-transform .4s ease; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .block .block-img-circle img {
          width: 455px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .block .block-img-circle img {
          width: 315px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .block .block-img-circle img {
          width: 315px; } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .block .block-img-circle img {
          width: 300px; } }
      @media screen and (max-width: 639px) {
        .block .block-img-circle img {
          width: 265px; } }

		  .product-block .block-img-circle .svg-arrow-right-long,
    .block .block-img-circle .svg-arrow-right-long {
      margin-bottom: 26px; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
		   .product-block .block-img-circle .svg-arrow-right-long,
        .block .block-img-circle .svg-arrow-right-long {
          margin-bottom: 20px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
		   .product-block .block-img-circle .svg-arrow-right-long,
        .block .block-img-circle .svg-arrow-right-long {
          margin-bottom: 18px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
		   .product-block .block-img-circle .svg-arrow-right-long,
        .block .block-img-circle .svg-arrow-right-long {
          margin-bottom: 18px; } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
		   .product-block .block-img-circle .svg-arrow-right-long,
        .block .block-img-circle .svg-arrow-right-long {
          margin-bottom: 18px; } }
      @media screen and (max-width: 639px) {
		   .product-block .block-img-circle .svg-arrow-right-long,
        .block .block-img-circle .svg-arrow-right-long {
          margin-bottom: 11px; } }
	.block .block-content {
    height: 220px;
    padding: 0 60px;
    position: relative;
    background-color: #fff;
    z-index: 1; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .block .block-content {
        height: 165px;
        padding: 0 45px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .block .block-content {
        height: 135px;
        padding: 0 35px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .block .block-content {
        height: 130px;
        padding: 0 35px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .block .block-content {
        height: 130px;
        padding: 0 35px; } }
    @media screen and (max-width: 639px) {
      .block .block-content {
        height: 70px;
        padding: 0 5px;
        text-align: center;
        } }


	body#white-theme .block.block-services .block-content {height: 220px}
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      body#white-theme .block.block-services .block-content {height: 165px}
	}
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      body#white-theme .block.block-services .block-content {height: 135px}
	}
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      body#white-theme .block.block-services .block-content {height: 130px}
	}
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      body#white-theme .block.block-services .block-content {height: 85px}
	}
    @media screen and (max-width: 639px) {
      body#white-theme .block.block-services .block-content {height: 70px}
	}

    .block .block-content.block-big-content,
	body#white-theme .block .block-content.block-big-content,
	body#white-theme .block.block-services .block-content.block-big-content {
      width: calc(50% - 7.5px);
      height: 100%;
      float: right;
      position: relative;
      z-index: 1; }
      @media screen and (max-width: 639px) {
        .block .block-content.block-big-content,
		body#white-theme .block .block-content.block-big-content,
		body#white-theme .block.block-services .block-content.block-big-content {
          width: 100%;
          float: none;
          text-align: left;
          padding: 0 30px;
          /* display: none; */
          } }
  .block .block-hover {
    padding: 0 60px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    transition: height .6s ease;
    background: #fff;
    color: #000;
    overflow: hidden;
    z-index: 2;
    -webkit-transition: height .6s ease;
    -o-transition: height .6s ease;
    transition: height .6s ease; }
	#black-theme .block .block-hover {background: #0D1115; color: #fff}
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .block .block-hover {
        padding: 0 45px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .block .block-hover {
        padding: 0 35px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .block .block-hover {
        padding: 0 35px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .block .block-hover {
        padding: 0 30px;
        background: #0d1115; } }
    @media screen and (max-width: 639px) {
      .block .block-hover {
        padding: 0 30px;
        background: #0d1115; } }
    .block .block-hover .block-hover-wrapper {
      height: 540px; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .block .block-hover .block-hover-wrapper {
          height: 435px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .block .block-hover .block-hover-wrapper {
          height: 300px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .block .block-hover .block-hover-wrapper {
          height: 300px; } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .block .block-hover .block-hover-wrapper {
          height: 270px; } }
      @media screen and (max-width: 639px) {
        .block .block-hover .block-hover-wrapper {
          height: 260px; } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .block .block-hover .block-hover-wrapper .block-title {
          margin-bottom: 7px; } }
      @media screen and (max-width: 639px) {
        .block .block-hover .block-hover-wrapper .block-title {
          margin-bottom: 5px; } }

	.product-block .block-link,
  .block .block-link {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3; }
  .block .block-title {
    -webkit-transition: color .6s ease
	}
    @media screen and (max-width: 639px) {
      .block .block-title {
        padding: 5px; } }

	.block .block-title.h5 {margin-bottom: 12px}
		@media screen and (max-width: 1300px) and (min-width: 1001px) {
			.block .block-title.h5 {margin-bottom: 12px}
		}
		@media screen and (max-width: 1000px) {
			.block .block-title.h5 {margin: 0}
		}

	.product-block .block-hover-circle,
  .block .block-hover-circle {
    width: 455px;
    height: 455px;
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    background: #fbea3a;
    z-index: 0;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    -webkit-transition: height 1.6s ease, width 1.6s ease, top 1.6s ease;
    -o-transition: height 1.6s ease, width 1.6s ease, top 1.6s ease;
    transition: height 1.6s ease, width 1.6s ease, top 1.6s ease; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
		.product-block .block-hover-circle,
      .block .block-hover-circle {
        width: 340px;
        height: 340px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
		.product-block .block-hover-circle,
      .block .block-hover-circle {
        width: 240px;
        height: 240px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
		.product-block .block-hover-circle,
      .block .block-hover-circle {
        width: 240px;
        height: 240px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
		.product-block .block-hover-circle,
      .block .block-hover-circle {
        width: 235px;
        height: 235px; } }
    @media screen and (max-width: 639px) {
		.product-block .block-hover-circle,
      .block .block-hover-circle {
        width: 196px;
        height: 196px; } }
  @media screen and (min-width: 1000px) {
	  .product-block:hover .block-hover,
    .block:hover .block-hover {
  height: 100%; }}
  @media screen and (min-width: 1000px) {
    #black-theme .block-services:hover .block-hover {
      height: 100%; }

		  .product-block:hover .block-hover-circle,
    .block:hover .block-hover-circle {
      width: 300vw;
      height: 300vw; } }
  .block .block-read-more {
    color: #565e68;
    text-transform: uppercase; }
  .block .design-desc {
    -webkit-transition: color .6s ease;
    -o-transition: color .6s ease;
    transition: color .6s ease;
    height: 64px;
    }
  .block .block-desc {
    -webkit-transition: color .6s ease;
    -o-transition: color .6s ease;
    transition: color .6s ease;
    height: 64px;
    }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .block .design-desc {
        height: 48px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .block .design-desc {
        height: 44px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .block .design-desc {
        height: 44px; } }
    @media screen and (max-width: 1000px) and (min-width: 340px) {
      .block .design-desc {
        height: 48px;
        display: none;
        } }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .block .block-desc {
        height: 48px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .block .block-desc {
        height: 44px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .block .block-desc {
        height: 44px; } }
    @media screen and (max-width: 1000px) and (min-width: 340px) {
      .block .block-desc {
        height: 48px;
        display: none;
        } }
  .block .block-desc-dot {
    display: inline-block !important;
    background: 0;
    width: 32px;
    height: 22px;
    position: relative;
    vertical-align: bottom;
    margin-left: 5px; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .block .block-desc-dot {
        width: 23px;
        height: 16px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .block .block-desc-dot {
        width: 22px;
        height: 16px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .block .block-desc-dot {
        width: 18px;
        height: 14px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .block .block-desc-dot {
        width: 24px;
        height: 24px; } }
    @media screen and (max-width: 639px) {
      .block .block-desc-dot {
        width: 17px;
        height: 17px;
        vertical-align: top; } }
  .block .block-desc-dot svg {
      fill: #262626; }
	.block .block-desc-dot svg.svg-dots.pos-center {top: 50%!important}
  .block .block-text {
    -webkit-transition: color .6s ease;
    -o-transition: color .6s ease;
    transition: color .6s ease;
    overflow: hidden;
    display: block !important; }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .block .block-text {
        height: 176px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .block .block-text {
        height: 176px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .block .block-text {
        height: 176px; } }
    @media screen and (max-width: 639px) {
      .block .block-text {
        height: 126px; }
.block.block-big .block-big-content .block-desc {
    height: 70px;
}
        }
  .block .block-btn .block-btn-dot {
    display: inline-block;
    text-align: center;
    margin-left: 5px; }
    .block .block-btn .block-btn-dot svg {
      vertical-align: baseline;
      fill: #262626; }
	#black-theme .block .block-btn .block-btn-dot svg,
	#black-theme .block .block-desc-dot svg {fill: #d8dce0}

	.block-hover .block-btn-dot {position: relative; bottom: -2px}
	@media screen and (max-width: 2295px) and (min-width: 1721px) {
      .block-hover .block-btn-dot {bottom: -1px} }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .block-hover .block-btn-dot {bottom: 0} }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
     .block-hover .block-btn-dot {bottom: 0} }

  .block.block-services {
    width: calc((100% - (20px * 3)) / 3);
    height: 655px;
	}
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .block.block-services {
        height: 490px;
        width: calc((100% - (15px * 3)) / 3); } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .block.block-services {
        height: 370px;
        width: calc((100% - (13px * 3)) / 3);
        margin: 0 6.5px 17px 6.5px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .block.block-services {
        height: 365px;
        width: calc((100% - (15px * 2)) / 2);
        margin: 0 7.5px 15px 7.5px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .block.block-services {
        height: 329px;
        width: calc((100% - (18px * 2)) / 2);
        margin: 0 9px 20px 9px;
        } }
    @media screen and (max-width: 639px) {
      .block.block-services {
        width: 100%;
        margin: 0 0 10px 0;
        height: auto;
		} }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .block.block-services .block-content {
        height: 85px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .block.block-services .block-content .block-title {
        text-align: left;} }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .block .block-services .block-content .block-desc {
        display: none;
        } }
    .block.block-services.block-big {
      width: calc(((100% - (15px * 2)) / 3) * 2); }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .block.block-services.block-big {
          width: calc(((100% - (15px * 1.5)) / 3) * 2); } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .block.block-services.block-big {
          width: calc(((100% - (10px * 2)) / 3) * 2); } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .block.block-services.block-big {
          width: calc(((100% - (7.5px * 2)) / 2) * 2); } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .block.block-services.block-big {
          width: calc(((100% - (9px * 2)) / 2) * 2);
          height: 375px; } }
      @media screen and (max-width: 639px) {
        .block.block-services.block-big {
          width: 100%;
          height: auto;
          padding-bottom: 28px; } }
      .block.block-services.block-big .block-content {
        height: 100%; }
        @media screen and (max-width: 1000px) and (min-width: 640px) {
          .block.block-services.block-big .block-content .block-title {
            text-align: left; } }
        @media screen and (max-width: 1000px) and (min-width: 640px) {
          .block.block-services.block-big .block-content .block-text {
            height: 72px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .block.block-services.block-little-big {
        height: 373px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .block.block-services.block-little-big .block-title {
        text-align: left; } }
    @media screen and (max-width: 639px) {
      .block.block-services.block-little-big .block-title {
        text-align: center; } }
    .block.block-services.block-little-big .block-desc {
      height: 165px; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .block.block-services.block-little-big .block-desc {
          height: 120px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .block.block-services.block-little-big .block-desc {
          height: 115px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .block.block-services.block-little-big .block-desc {
          height: 115px; } }
      @media screen and (max-width: 1000px) {
        .block.block-services.block-little-big .block-desc {
          display: block;
          height: 75px; } }
      @media screen and (max-width: 639px) {
        .block.block-services.block-little-big .block-desc {
          display: none; } }
    .block.block-services.block-with-scroll .block-big-img {
      margin-top: 0; }
		  @media screen and (max-width: 639px) {
			.block.block-services.block-with-scroll .block-big-img {
			  margin-top: 40px; } }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .block.block-services.block-with-scroll .block-content {
        padding: 0 35px 0 52px; } }
    .block.block-services.block-with-scroll .block-content .scroll-block {
      height: 387px; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .block.block-services.block-with-scroll .block-content .scroll-block {
          height: 290px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .block.block-services.block-with-scroll .block-content .scroll-block {
          height: 210px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .block.block-services.block-with-scroll .block-content .scroll-block {
          height: 210px; } }
      @media screen and (max-width: 1000px) {
        .block.block-services.block-with-scroll .block-content .scroll-block {
          height: 192px; } }
      @media screen and (max-width: 639px) {
        .block.block-services.block-with-scroll .block-content .scroll-block {
          height: auto; } }
      .block.block-services.block-with-scroll .block-content .scroll-block:after {
        /*
						background: linear-gradient(to top, rgba(13, 17, 21, 1), rgba(13, 17, 21, 0));
						bottom: 0;
						height: 34px;
						left: 0;
						position: absolute;
						width: calc(100% - 4px);
						z-index: 1;
						@media screen and (max-width: $WidthPhoneSmall) {
							background: none;
						}
						*/ }
      @media screen and (max-width: 639px) {
        .block.block-services.block-with-scroll .block-content .scroll-block > .scroll-pane {
          display: none !important; } }
  @media screen and (max-width: 1000px) {
    .block.block-hover-menu {
      height: 375px; } }
  @media screen and (max-width: 639px) {
    .block.block-hover-menu {
      height: 362px; } }
  @media screen and (max-width: 1000px) {
    .block.block-hover-menu .block-content {
      height: 130px;
      text-align: left; } }
  @media screen and (max-width: 639px) {
    .block.block-hover-menu .block-content {
      height: 127px;
      padding: 0 30px;
      text-align: left; } }
  .block.block-hover-menu .block-content .block-title {
    height: 58px; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .block.block-hover-menu .block-content .block-title {
        height: 44px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .block.block-hover-menu .block-content .block-title {
        height: 36px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .block.block-hover-menu .block-content .block-title {
        height: 36px; } }
    @media screen and (max-width: 1000px) {
      .block.block-hover-menu .block-content .block-title {
        height: 44px;
        margin-bottom: 16px;
        text-align: left; } }
    @media screen and (max-width: 639px) {
      .block.block-hover-menu .block-content .block-title {
        height: 44px; } }
  .block.block-online {
    margin-bottom: 31px; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .block.block-online {
        margin-bottom: 23px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .block.block-online {
        margin-bottom: 18px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .block.block-online {
        margin-bottom: 13px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .block.block-online {
        height: 375px;
        margin-bottom: 20px; } }
    @media screen and (max-width: 639px) {
      .block.block-online {
        height: 360px;
        margin-bottom: 10px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .block.block-online .block-content {
        height: 130px;
        padding: 0 30px; } }
    @media screen and (max-width: 639px) {
      .block.block-online .block-content {
        height: 125px;
        padding: 0 30px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .block.block-online .block-content .block-title {
        margin-bottom: 10px;
        margin-top: 18px;
        text-align: left; } }
    @media screen and (max-width: 639px) {
      .block.block-online .block-content .block-title {
        margin-bottom: 10px;
        margin-top: 18px;
        text-align: left; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .block.block-online .block-content .block-desc {
        display: block;
        text-align: left; } }
    @media screen and (max-width: 639px) {
      .block.block-online .block-content .block-desc {
        display: block;
        text-align: left; } }

.content .blocks-margin {
  margin-top: 72px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .content .blocks-margin {
      margin-top: 52px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .content .blocks-margin {
      margin-top: 38px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .content .blocks-margin {
      margin-top: 24px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .content .blocks-margin {
      margin-top: 40px; } }
  @media screen and (max-width: 639px) {
    .content .blocks-margin {
      margin-top: 32px; } }
  .content .blocks-margin:last-child {
    margin-bottom: 66px; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .content .blocks-margin:last-child {
        margin-bottom: 53px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .content .blocks-margin:last-child {
        margin-bottom: 38px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .content .blocks-margin:last-child {
        margin-bottom: 19px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .content .blocks-margin:last-child {
        margin-bottom: 34px; } }
    @media screen and (max-width: 639px) {
      .content .blocks-margin:last-child {
        margin-bottom: 24px; } }

.content .blocks-margin-online {
  margin-bottom: 43px;
  margin-top: 30px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .content .blocks-margin-online {
      margin-bottom: 32px;
      margin-top: 23px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .content .blocks-margin-online {
      margin-top: 16px;
      margin-bottom: 29px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .content .blocks-margin-online {
      margin-top: 16px;
      margin-bottom: 23px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .content .blocks-margin-online {
      margin-top: 19px;
      margin-bottom: 28px; } }
  @media screen and (max-width: 639px) {
    .content .blocks-margin-online {
      margin-bottom: 27px;
      margin-top: 14px; } }

#white-theme .block {
  background: #fff; }
  #white-theme .block .block-content .block-title {
    color: #262626; }
  #white-theme .block .block-content .block-desc {
    color: #262626; }
  #white-theme .block .block-content .block-text {
    color: #262626; }

#black-theme .block {
  background: #0d1115; }
  #black-theme .block:hover .block-img {
    -webkit-transform: translate(0, 0) scale(1.1); -ms-transform: translate(0, 0) scale(1.1); transform: translate(0, 0) scale(1.1); }
  #black-theme .block .block-content {
    background-color: #0d1115; }
    #black-theme .block .block-content .block-title {
      color: #fff; }
    #black-theme .block .block-content .block-desc {
      color: #d8dce0; }
    #black-theme .block .block-content .design-desc {
      color: #d8dce0; }
    #black-theme .block .block-content .block-text {
      color: #d8dce0; }
    #black-theme .block .block-content .block-read-more {
      color: #565e68; }

.block.block-online .block-content .block-services-desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .block.block-online .block-content .block-services-desc {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; } }
  @media screen and (max-width: 639px) {
    .block.block-online .block-content .block-services-desc {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; } }

.block-services-desc__left {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; }

.block-services-desc__right {
  display: block;
  width: 50px;
  height: 50px;
  position: relative;
  margin-left: 20px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .block-services-desc__right {
      width: 40px;
      height: 40px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .block-services-desc__right {
      width: 40px;
      height: 40px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .block-services-desc__right {
      width: 40px;
      height: 40px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .block-services-desc__right {
      width: 35px;
      height: 35px;
      margin-left: 10px; } }
  @media screen and (max-width: 639px) {
    .block-services-desc__right {
      width: 30px;
      height: 30px;
      margin-left: 10px; } }

.bottom-navigation {
  height: 270px; }
  
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .bottom-navigation {
      height: 210px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .bottom-navigation {
      height: 145px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .bottom-navigation {
      height: 120px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .bottom-navigation {
      height: 72px;
      border-bottom: 2px solid #0d1115; } }
  @media screen and (max-width: 639px) {
    .bottom-navigation {
      height: 58px;
      border-bottom: 2px solid #0d1115; } }
.bottom-navigation.bottom-navigation-margin {
    margin-top: 139px; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .bottom-navigation.bottom-navigation-margin {
        margin-top: 163px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .bottom-navigation.bottom-navigation-margin {
        margin-top: 150px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .bottom-navigation.bottom-navigation-margin {
        margin-top: 113px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .bottom-navigation.bottom-navigation-margin {
        margin-top: 117px; } }
    @media screen and (max-width: 639px) {
      .bottom-navigation.bottom-navigation-margin {
        margin-top: 113px; } }
  .bottom-navigation .prev-page, .bottom-navigation .next-page {
    height: 100%;
    float: left;
    position: relative;
    overflow: hidden;
    padding: 0 50px;
    width: calc((100% - 270px) / 2); }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .bottom-navigation .prev-page, .bottom-navigation .next-page {
        width: calc((100% - 210px) / 2); } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .bottom-navigation .prev-page, .bottom-navigation .next-page {
        width: calc((100% - 145px) / 2); } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .bottom-navigation .prev-page, .bottom-navigation .next-page {
        width: calc((100% - 120px) / 2); } }
    @media screen and (max-width: 1000px) {
      .bottom-navigation .prev-page, .bottom-navigation .next-page {
        width: calc((100% - 72px) / 2);;
        padding: 20px; } 
		}
      
	  .bottom-navigation .prev-page .block-link, .bottom-navigation .next-page .block-link {
      display: block;
      height: 100%;

      width: 100%;
      top: 0;
      left: 0;
      z-index: 3; }
    .bottom-navigation .prev-page .nav-bottom-pointer, .bottom-navigation .next-page .nav-bottom-pointer {
      width: 30%;
      height: 100%;
      float: left;
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      z-index: 2; }
	  
	   .bottom-navigation .next-page .nav-bottom-pointer {
		   float:left;
	   }
      @media screen and (max-width: 1000px) {
        .bottom-navigation .prev-page .nav-bottom-pointer, .bottom-navigation .next-page .nav-bottom-pointer {
          width: 100%; } }
      .bottom-navigation .prev-page .nav-bottom-pointer .pointer, .bottom-navigation .prev-page .nav-bottom-pointer .title, .bottom-navigation .prev-page .nav-bottom-pointer .title-hidden, .bottom-navigation .next-page .nav-bottom-pointer .pointer, .bottom-navigation .next-page .nav-bottom-pointer .title, .bottom-navigation .next-page .nav-bottom-pointer .title-hidden {
        -webkit-transition: .6s;
        -o-transition: .6s;
        transition: .6s; }
      .bottom-navigation .prev-page .nav-bottom-pointer .title, .bottom-navigation .next-page .nav-bottom-pointer .title {
        display: block;
        margin-left: 15px;
        overflow: hidden;
        -o-text-overflow: ellipsis;
           text-overflow: ellipsis; }
        @media screen and (max-width: 1200px) and (min-width: 720px) {
          .bottom-navigation .prev-page .nav-bottom-pointer .title, .bottom-navigation .next-page .nav-bottom-pointer .title {
            display: none;
            max-height: 36px;
            width: 230px; } }
        @media screen and (max-width: 719px) {
          .bottom-navigation .prev-page .nav-bottom-pointer .title, .bottom-navigation .next-page .nav-bottom-pointer .title {
            display: none;
            float: left;
            max-height: 18px;
            width: calc(100% - 50px);
            white-space: nowrap; } }
        .bottom-navigation .prev-page .nav-bottom-pointer .title.title-hidden, .bottom-navigation .next-page .nav-bottom-pointer .title.title-hidden {
          display: none; }
          @media screen and (max-width: 1000px) {
            .bottom-navigation .prev-page .nav-bottom-pointer .title.title-hidden, .bottom-navigation .next-page .nav-bottom-pointer .title.title-hidden {
              display: block; } }
    .bottom-navigation .prev-page .nav-bottom-title, .bottom-navigation .next-page .nav-bottom-title {
      width: 70%;
      float: left;
      height: 100%;
      position: relative;
      z-index: 2; }
      @media screen and (max-width: 1000px) {
        .bottom-navigation .prev-page .nav-bottom-title, .bottom-navigation .next-page .nav-bottom-title {
          display: none; } }
      .bottom-navigation .prev-page .nav-bottom-title .nav-title, .bottom-navigation .next-page .nav-bottom-title .nav-title {
        margin-bottom: 15px;
        max-height: 96px; }
        @media screen and (max-width: 2295px) and (min-width: 1721px) {
          .bottom-navigation .prev-page .nav-bottom-title .nav-title, .bottom-navigation .next-page .nav-bottom-title .nav-title {
            margin-bottom: 12px;
            max-height: 72px; } }
        @media screen and (max-width: 1720px) and (min-width: 1301px) {
          .bottom-navigation .prev-page .nav-bottom-title .nav-title, .bottom-navigation .next-page .nav-bottom-title .nav-title {
            margin-bottom: 7px;
            max-height: 60px; } }
        @media screen and (max-width: 1300px) and (min-width: 1001px) {
          .bottom-navigation .prev-page .nav-bottom-title .nav-title, .bottom-navigation .next-page .nav-bottom-title .nav-title {
            margin-bottom: 0px;
            max-height: 42px; } }
    .bottom-navigation .prev-page .page-navigation-bg, .bottom-navigation .next-page .page-navigation-bg {
      position: absolute;
      opacity: 0;
      top: 0;
      left: 0;
      background-size: cover;
      background-position: center center;
      background-repeat: no-repeat;
      width: 100%;
      height: 100%;
      overflow: auto;
      -webkit-transition: opacity .6s ease, -webkit-transform .6s ease;
      transition: opacity .6s ease, -webkit-transform .6s ease;
      -o-transition: opacity .6s ease, transform .6s ease;
      transition: opacity .6s ease, transform .6s ease;
      transition: opacity .6s ease, transform .6s ease, -webkit-transform .6s ease; }
    .bottom-navigation .prev-page:hover .page-navigation-bg, .bottom-navigation .next-page:hover .page-navigation-bg {
      opacity: .2;
      -webkit-transform: scale(1.15);
          -ms-transform: scale(1.15);
              transform: scale(1.15); }
      @media screen and (max-width: 1000px) {
        .bottom-navigation .prev-page:hover .page-navigation-bg, .bottom-navigation .next-page:hover .page-navigation-bg {
          opacity: 0; } }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .bottom-navigation .prev-page {
      padding: 0 70px 0 60px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .bottom-navigation .prev-page {
      padding: 0 42px 0 35px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .bottom-navigation .prev-page {
      padding: 0 34px 0 28px; } }
  @media screen and (max-width: 1000px) {
    .bottom-navigation .prev-page {
      border-right: 1px solid #0d1115; } }
  .bottom-navigation .prev-page .nav-bottom-title {
    text-align: right; }
  .bottom-navigation .prev-page .nav-bottom-pointer .title {
    margin-left: 20px;
    float: left; }
    .bottom-navigation .prev-page .nav-bottom-pointer .title.title-hidden {
      text-align: left; }
    @media screen and (max-width: 2295px) {
      .bottom-navigation .prev-page .nav-bottom-pointer .title {
        margin-left: 15px; } }
  .bottom-navigation .prev-page .nav-bottom-pointer .pointer {
    float: left; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .bottom-navigation .next-page {
      padding: 0 30px 0 70px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .bottom-navigation .next-page {
      padding: 0 35px 0 42px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .bottom-navigation .next-page {
      padding: 0 28px 0 34px; } }
  @media screen and (max-width: 1000px) {
    .bottom-navigation .next-page {
      border-left: 1px solid #0d1115;
      border-right: none; } }
  .bottom-navigation .next-page .nav-bottom-title {
    text-align: left;
    float: left; }
  .bottom-navigation .next-page .nav-bottom-pointer {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
    @media screen and (max-width: 1000px) {
      .bottom-navigation .next-page .nav-bottom-pointer {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
            -ms-flex-direction: row-reverse;
                flex-direction: row-reverse;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start; } }
    .bottom-navigation .next-page .nav-bottom-pointer .title {
      margin-right: 12px;
      margin-left: 0;
      float: right; }
      @media screen and (max-width: 2295px) {
        .bottom-navigation .next-page .nav-bottom-pointer .title {
          margin-right: 15px; } }
	.bottom-navigation .next-page .nav-bottom-pointer .title.title-hidden {
        text-align: right; }
		@media screen and (max-width: 639px) {
			.bottom-navigation .next-page .nav-bottom-pointer .title.title-hidden,
			.bottom-navigation .prev-page .nav-bottom-pointer .title.title-hidden {display: none}
		}
    .bottom-navigation .next-page .nav-bottom-pointer .pointer {
      float: right; }
		@media screen and (max-width: 639px) {
			.bottom-navigation .next-page .nav-bottom-pointer .pointer,
			.bottom-navigation .prev-page .nav-bottom-pointer .pointer {float: none; display: block; margin: 0 auto; text-align: center}
		}
  .bottom-navigation .show-all-page {
    float: left;
    width: 270px;
    height: 100%;
    text-align: center;
    position: relative; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .bottom-navigation .show-all-page {
        width: 210px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .bottom-navigation .show-all-page {
        width: 145px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .bottom-navigation .show-all-page {
        width: 120px; } }
    @media screen and (max-width: 1000px) {
      .bottom-navigation .show-all-page {
        /*display: none;*/     width: 72px; } }
    .bottom-navigation .show-all-page span, .bottom-navigation .show-all-page .title {
      color: #fff;
      position: relative;
      z-index: 2;
      -webkit-transition: .6s;
      -o-transition: .6s;
      transition: .6s; }
    .bottom-navigation .show-all-page .block-link {
      display: block;
      height: 100%;
      position: absolute;
      width: 100%;
      top: 0;
      left: 0;
      z-index: 3; }
    .bottom-navigation .show-all-page:after {
      width: 100%;
      height: 0;
      position: absolute;
      bottom: 0;
      left: 0;
      content: " ";
      background: #fbea3a;
      -webkit-transition: .6s;
      -o-transition: .6s;
      transition: .6s; }
    .bottom-navigation .show-all-page:hover span, .bottom-navigation .show-all-page:hover .title {
      color: #000;
      position: relative;
      z-index: 2;
      -webkit-transition: .6s;
      -o-transition: .6s;
      transition: .6s; }
    .bottom-navigation .show-all-page:hover:after {
      height: 100%; }
    .bottom-navigation .show-all-page .title {
      margin-top: 25px; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .bottom-navigation .show-all-page .title {
          margin-top: 17px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .bottom-navigation .show-all-page .title {
          margin-top: 11px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .bottom-navigation .show-all-page .title {
          margin-top: 10px; } }

#white-theme .bottom-navigation {
  background: #fff; }
#white-theme .bottom-navigation a{
color: #000;
}
  @media screen and (max-width: 1000px) {
    #white-theme .bottom-navigation {
      border-bottom: 2px solid #f3f3f3; } }
  @media screen and (min-width: 1001px) {
    #white-theme .bottom-navigation .prev-page, #white-theme .bottom-navigation .next-page {
      background: #fafafa; } }
  #white-theme .bottom-navigation .prev-page .nav-bottom-title .nav-desc, #white-theme .bottom-navigation .next-page .nav-bottom-title .nav-desc {
    display: none; }
  #white-theme .bottom-navigation .prev-page .page-navigation-bg, #white-theme .bottom-navigation .next-page .page-navigation-bg {
    position: absolute;
    opacity: 1;
    top: 0;
    left: 0;
    background: #fbea3a;
    width: 0;
    height: 100%;
    overflow: auto;
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
    -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
            transform: translate(0, 0); }
  @media screen and (min-width: 1001px) {
    #white-theme .bottom-navigation .prev-page:hover .page-navigation-bg, #white-theme .bottom-navigation .next-page:hover .page-navigation-bg {
      width: 100%; } }
  @media screen and (max-width: 1000px) {
    #white-theme .bottom-navigation .prev-page.next-page, #white-theme .bottom-navigation .next-page.next-page {
      border-left: 1px solid #f3f3f3; }
    #white-theme .bottom-navigation .prev-page.prev-page, #white-theme .bottom-navigation .next-page.prev-page {
      border-right: 1px solid #f3f3f3; } }
  #white-theme .bottom-navigation .prev-page .page-navigation-bg {
    right: 0;
    left: auto; }
  #white-theme .bottom-navigation .show-all-page {
    color: #262626; }
    #white-theme .bottom-navigation .show-all-page span {
      color: #262626; }
    #white-theme .bottom-navigation .show-all-page .title {
      color: #262626; }

#black-theme .bottom-navigation .prev-page, #black-theme .bottom-navigation .next-page {
  background: #0d1115;
  color: #fff; }
  #black-theme .bottom-navigation .prev-page .nav-bottom-pointer, #black-theme .bottom-navigation .next-page .nav-bottom-pointer {
    color: #3e4349; }
  @media screen and (min-width: 1001px) {
    #black-theme .bottom-navigation .prev-page:hover .nav-bottom-pointer .pointer, #black-theme .bottom-navigation .prev-page:hover .nav-bottom-pointer .title, #black-theme .bottom-navigation .prev-page:hover .nav-bottom-pointer .title-hidden, #black-theme .bottom-navigation .next-page:hover .nav-bottom-pointer .pointer, #black-theme .bottom-navigation .next-page:hover .nav-bottom-pointer .title, #black-theme .bottom-navigation .next-page:hover .nav-bottom-pointer .title-hidden {
      color: #fff; } }

#black-theme .show-all-page {
  background: #15191D;
  color: #fff; }

.site {
  position: fixed;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
          transform: translate3d(0, -50%, 0);
  background: #fbea3a;
  width: 147px;
  height: 147px;
  z-index: 90;
  cursor: pointer; }
  .site.left {
    left: 0; }
  .site.right {
    right: 0; }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .site.right {
        width: 90px;
        height: 90px; } }
    .site.right .site-img, .site.right .site-arrow, .site.right .site-title {
      right: 0;
      left: auto;
      -webkit-transition: opacity .6s ease, right .6s ease;
      -o-transition: opacity .6s ease, right .6s ease;
      transition: opacity .6s ease, right .6s ease; }
    .site.right:hover .site-title {
      left: auto;
      right: 100%; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .site {
      width: 110px;
      height: 110px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .site {
      width: 90px;
      height: 90px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .site {
      width: 67px;
      height: 67px; } }
  @media screen and (max-width: 1000px) {
    .site {
      width: 55px;
      height: 55px;
      top: auto;
      bottom: 0;
      left: 0;
      -webkit-transform: none;
          -ms-transform: none;
              transform: none;
      right: auto; } }
  @media screen and (max-width: 639px) {
    .site {
      width: 50px;
      height: 50px; } }
  .site svg {
    fill: #262626; }
  .site .site-img, .site .site-arrow, .site .site-title {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fbea3a;
    -webkit-transition: opacity .6s ease, left .6s ease;
    -o-transition: opacity .6s ease, left .6s ease;
    transition: opacity .6s ease, left .6s ease; }
  .site .site-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 4; }
  .site .site-img {
    z-index: 2; }
  .site .site-arrow {
    opacity: 0;
    z-index: 3; }
  .site .site-title {
    background: #262626;
    color: #fff;
    text-align: center;
    z-index: 1;
    text-transform: uppercase; }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .site .site-title {
        display: none; } }
    @media screen and (max-width: 639px) {
      .site .site-title {
        display: none; } }
  .site:hover .site-arrow {
    opacity: 1; }
    @media screen and (max-width: 1000px) {
      .site:hover .site-arrow {
        display: none; } }
  .site:hover .site-title {
    left: 100%; }
    @media screen and (max-width: 1000px) {
      .site:hover .site-title {
        display: none; } }

.catalog {
  position: relative;
  margin-top: 115px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .catalog {
      margin-top: 80px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .catalog {
      margin-top: 60px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .catalog {
      margin-top: 40px; } }
  @media screen and (max-width: 1000px) {
    .catalog {
      margin-top: 35px; } }
  .catalog.catalog-main {
    margin-top: 0; }
  .catalog .catalog-menu {
    width: 470px;
    float: left;
    padding: 90px 0 0 0;
    margin-bottom: 0;
    overflow: inherit;
    height: 100%; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .catalog .catalog-menu {
        width: 350px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .catalog .catalog-menu {
        width: 260px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .catalog .catalog-menu {
        width: 260px; } }
    @media screen and (max-width: 1000px) {
      .catalog .catalog-menu {
        min-height: 0;
        height: auto !important;
        width: 100%;
        padding: 60px 0 170px 0;
        margin-bottom: 40px;
        float: none;
        padding-left: 50px;
        margin-left: 0;
        padding-right: 50px; } }
    @media screen and (max-width: 639px) {
      .catalog .catalog-menu {
        padding: 37px 0 125px 0;
        margin-bottom: 30px; } }
    .catalog .catalog-menu .block-menu:before, .catalog .catalog-menu .block-menu:after {
      content: " ";
      display: table; }
    .catalog .catalog-menu .block-menu:after {
      clear: both; }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .catalog .catalog-menu .block-menu li {
        width: 50%;
        float: left; } }
    .catalog .catalog-menu .catalog-menu-wrapper {
      margin-bottom: -70px;
      min-height: 100%; }
      @media screen and (max-width: 1000px) {
        .catalog .catalog-menu .catalog-menu-wrapper {
          margin-bottom: 0; } }
      .catalog .catalog-menu .catalog-menu-wrapper:after {
        content: '';
        display: block;
        height: 70px; }
        @media screen and (max-width: 1000px) {
          .catalog .catalog-menu .catalog-menu-wrapper:after {
            display: none; } }
    .catalog .catalog-menu .catalog-menu-footer {
      height: 70px; }
    .catalog .catalog-menu .catalog-menu-title {
      margin-bottom: 50px; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .catalog .catalog-menu .catalog-menu-title {
          margin-bottom: 40px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .catalog .catalog-menu .catalog-menu-title {
          margin-bottom: 26px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .catalog .catalog-menu .catalog-menu-title {
          margin-bottom: 36px; } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .catalog .catalog-menu .catalog-menu-title {
          margin-bottom: 40px; } }
      @media screen and (max-width: 639px) {
        .catalog .catalog-menu .catalog-menu-title {
          margin-bottom: 36px; } }
    .catalog .catalog-menu:after {
      content: '';
      width: 100%;
      height: 100%;
      position: absolute;
      background: #fff;
      display: block;
      top: 0;
      left: -100%; }
    @media screen and (max-width: 1000px) {
      .catalog .catalog-menu:before {
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        background: #fff;
        display: block;
        top: 0;
        right: -100%; } }
  .catalog .catalog-list {
    float: right;
    width: calc((100% / 4) * 3); }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .catalog .catalog-list {
        width: calc((100% / 3) * 2); } }
    @media screen and (max-width: 1000px) {
      .catalog .catalog-list {
        width: 100%;
        height: auto !important; } }
    .catalog .catalog-list .catalog-list-wrapper:before, .catalog .catalog-list .catalog-list-wrapper:after {
      content: " ";
      display: table; }
    .catalog .catalog-list .catalog-list-wrapper:after {
      clear: both; }

.block-menu {
  list-style: none; }
  .block-menu .block-menu-link {
    position: relative;
    display: inline-block;
    text-decoration: none;
    -webkit-transition: color .6s ease;
    -o-transition: color .6s ease;
    transition: color .6s ease;
    padding: 16px 25px; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .block-menu .block-menu-link {
        padding: 7px 20px;
        margin: 5px 0; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .block-menu .block-menu-link {
        padding: 10px 20px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .block-menu .block-menu-link {
        padding: 10px 18px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .block-menu .block-menu-link {
        padding: 12px 20px; } }
    @media screen and (max-width: 639px) {
      .block-menu .block-menu-link {
        padding: 10px 20px; } }
    .block-menu .block-menu-link:before {
      content: '';
      width: 12px;
      height: 12px;
      display: block;
      position: absolute;
      top: 50%;
      left: 0;
      -webkit-transform: translate(0, -50%);
          -ms-transform: translate(0, -50%);
              transform: translate(0, -50%);
      background: #fbea3a;
      z-index: 0;
      -webkit-transition: height .2s ease .6s, width .6s ease;
      -o-transition: height .2s ease .6s, width .6s ease;
      transition: height .2s ease .6s, width .6s ease; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .block-menu .block-menu-link:before {
          width: 9px;
          height: 9px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .block-menu .block-menu-link:before {
          width: 6px;
          height: 6px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .block-menu .block-menu-link:before {
          width: 6px;
          height: 6px; } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .block-menu .block-menu-link:before {
          width: 7px;
          height: 7px; } }
      @media screen and (max-width: 639px) {
        .block-menu .block-menu-link:before {
          width: 9px;
          height: 9px; } }
    .block-menu .block-menu-link > span {
      position: relative;
      z-index: 1;
      display: inline; }
    .block-menu .block-menu-link svg {
      margin-left: 10px;
      -webkit-transition: -webkit-transform .6s ease;
      transition: -webkit-transform .6s ease;
      -o-transition: transform .6s ease;
      transition: transform .6s ease;
      transition: transform .6s ease, -webkit-transform .6s ease; }
    .block-menu .block-menu-link.active:before {
      height: 100%;
      width: 100%;
      -webkit-transition: height .2s ease, width .6s ease;
      -o-transition: height .2s ease, width .6s ease;
      transition: height .2s ease, width .6s ease; }
    .block-menu .block-menu-link.active svg {
      -webkit-transform-origin: 50% 50%;
          -ms-transform-origin: 50% 50%;
              transform-origin: 50% 50%;
      -webkit-transform: rotate(-45deg);
          -ms-transform: rotate(-45deg);
              transform: rotate(-45deg); }
    @media screen and (min-width: 1000px) {
      .block-menu .block-menu-link:hover:before {
        /* margin-top: 4px; */
		/* height: 10px; */
		height: 100%;
        width: 100%;
        -webkit-transition: height .2s ease, width .6s ease;
        -o-transition: height .2s ease, width .6s ease;
        transition: height .2s ease, width .6s ease; } }
  .block-menu .block-menu-link-black {
    color: #000 !important; }
  .block-menu .block-menu-link-dropdown {
    margin-top: 12px; }
    @media screen and (max-width: 2295px) {
      .block-menu .block-menu-link-dropdown {
        margin-top: 8px; } }
  .block-menu .block-menu-link-small {
    position: relative;
    padding: 14.5px 27px;
    display: inline-block;
    text-decoration: none;
    -webkit-transition: color .6s ease;
    -o-transition: color .6s ease;
    transition: color .6s ease; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .block-menu .block-menu-link-small {
        padding: 11px 20px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .block-menu .block-menu-link-small {
        padding: 9px 14px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .block-menu .block-menu-link-small {
        padding: 9.5px 15px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .block-menu .block-menu-link-small {
        padding: 12px 17px; } }
    @media screen and (max-width: 639px) {
      .block-menu .block-menu-link-small {
        padding: 9px 12px; } }
    .block-menu .block-menu-link-small:before {
      content: '';
      width: 0;
      height: 100%;
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      background: #fbea3a;
      z-index: 0;
      -webkit-transition: width .6s ease;
      -o-transition: width .6s ease;
      transition: width .6s ease; }
    .block-menu .block-menu-link-small span {
      z-index: 1;
      position: relative; }
    .block-menu .block-menu-link-small.active:before {
      width: 100%; }
    @media screen and (min-width: 1001px) {
      .block-menu .block-menu-link-small:hover:before {
        width: 100%; } }

.block-menu-link.active .block-menu-separator:after {
  height: 0; }

.block-menu-separator {
  width: 12px;
  height: 12px;
  position: relative;
  display: inline-block;
  margin-left: 3px; }
  .block-menu-separator:after, .block-menu-separator:before {
    content: '';
    display: block;
    position: absolute;
    background-color: #262626; }
  .block-menu-separator:after {
    width: 2px;
    height: 100%;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    -webkit-transition: height .6s ease;
    -o-transition: height .6s ease;
    transition: height .6s ease; }
  .block-menu-separator:before {
    width: 100%;
    height: 2px;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
            transform: translate(0, -50%); }

#white-theme .block-menu .block-menu-link-middle {
  color: #262626; }

#white-theme .block-menu .block-menu-link, #white-theme .block-menu .block-menu-link-small {
  color: #262626; }

#black-theme .block-menu .block-menu-link, #black-theme .block-menu .block-menu-link-small {
  color: #fff; }
  #black-theme .block-menu .block-menu-link.active, #black-theme .block-menu .block-menu-link-small.active {
    color: #262626; }
  @media screen and (min-width: 1001px) {
    #black-theme .block-menu .block-menu-link:hover, #black-theme .block-menu .block-menu-link-small:hover {
      color: #262626; } }

.product {
  height: 500px;
  background: #fff;
  width: calc((100% - (21px * 3)) / 3);
  margin: 0 10px 20px 10px;
  position: relative;
  overflow: hidden;
  float: left; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .product {
      height: 375px;
      margin: 0 7.5px 15px 7.5px;
      width: calc((100% - (15px * 3)) / 3); } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .product {
      height: 270px;
      margin: 0 6.5px 17px 6.5px;
      width: calc((100% - (13px * 3)) / 3); } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .product {
      height: 270px;
      margin: 0 7.5px 15px 7.5px;
      width: calc((100% - (15px * 2)) / 2); } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .product {
      height: 280px;
      margin: 0 9px 20px 9px;
      width: calc((100% - (18px * 2)) / 2); } }
  @media screen and (max-width: 639px) {
    .product {
      width: 100%;
      margin: 0 0 10px 0;
      height: 270px; } }
  .product.product-4 {
    width: calc((100% - (20px * 4)) / 4); }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .product.product-4 {
        width: calc((100% - (15px * 4)) / 4); } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .product.product-4 {
        width: calc((100% - (13px * 4)) / 4); } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .product.product-4 {
        height: 270px;
        margin: 0 7.5px 15px 7.5px;
        width: calc((100% - (15px * 3)) / 3); } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .product.product-4 {
        height: 280px;
        margin: 0 9px 20px 9px;
        width: calc((100% - (18px * 2)) / 2); } }
    @media screen and (max-width: 639px) {
      .product.product-4 {
        width: 100%;
        margin: 0 0 10px 0;
        height: 270px; } }
  .product.product-small {
    width: 100%;
    height: 370px;
    margin: 0 0 20px 0; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .product.product-small {
        height: 280px;
        margin: 0 0 15px 0; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .product.product-small {
        height: 260px;
        margin: 0 0 13px 0; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .product.product-small {
        height: 250px;
        margin: 0 0 13px 0; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .product.product-small {
        width: calc(50% - 8px);
        margin: 0 16px 16px 0;
        float: left;
        height: 280px; }
        .product.product-small:nth-child(2n) {
          margin-right: 0; } }
    @media screen and (max-width: 639px) {
      .product.product-small {
        height: 270px; } }
    .product.product-small .product-img {
      /*height: 80%;*/
      height: 40%; }
    .product.product-small .product-content {
      height: 40%; }
      .product.product-small .product-content .product-title {
        margin: 0; }
    .product.product-small .product-content-price {
      font-size: 22px; }
  .product.product-list {
    width: 100%;
    margin: 0 0 15px; }
    .product.product-list .product-type {
      top: 65px;
      left: calc(50% - 120px);
      right: auto; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .product.product-list .product-type {
          top: 50px;
          right: auto;
          left: calc(50% - 80px); } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .product.product-list .product-type {
          top: 35px;
          left: calc(50% - 60px); } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .product.product-list .product-type {
          top: 23px;
          left: calc(50% - 60px); } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .product.product-list .product-type {
          top: 23px;
          left: calc(50% - 40px); } }
      @media screen and (max-width: 639px) {
        .product.product-list .product-type {
          top: 15px;
          right: 15px;
          left: auto; } }
    .product.product-list .product-img {
      width: 50%;
      float: left; }
      @media screen and (max-width: 639px) {
        .product.product-list .product-img {
          width: 100%; } }
    .product.product-list .product-title {
      margin-bottom: 10px;
      position: relative;
      z-index: 2; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .product.product-list .product-title {
          margin-bottom: 7px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .product.product-list .product-title {
          margin-bottom: 3px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .product.product-list .product-title {
          margin-bottom: 3px; } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .product.product-list .product-title {
          margin-bottom: 3px; } }
      @media screen and (max-width: 639px) {
        .product.product-list .product-title {
          margin: 0; } }
    .product.product-list .product-desc {
      height: 96px;
      overflow: hidden;
      margin-bottom: 65px; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .product.product-list .product-desc {
          height: 72px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .product.product-list .product-desc {
          height: 66px;
          margin-bottom: 22px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .product.product-list .product-desc {
          height: 66px;
          margin-bottom: 40px; } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .product.product-list .product-desc {
          height: 72px;
          margin-bottom: 33px; } }
      @media screen and (max-width: 639px) {
        .product.product-list .product-desc {
          display: none; } }
    .product.product-list .product-more {
      text-transform: uppercase;
      margin-bottom: 36px;
      position: relative;
      z-index: 2; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .product.product-list .product-more {
          margin-bottom: 30px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .product.product-list .product-more {
          margin-bottom: 19px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .product.product-list .product-more {
          margin-bottom: 21px; } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .product.product-list .product-more {
          margin-bottom: 14px; } }
    .product.product-list .product-content {
      width: 50%;
      float: right;
      position: relative;
      height: 100%;
      text-align: left;
      padding: 0 25px; }
      @media screen and (max-width: 639px) {
        .product.product-list .product-content {
          width: 100%;
          height: 30%;
          text-align: center;
          position: static;
          margin-top: 70%; } }
    .product.product-list .product-price {
      position: relative;
      top: auto;
      left: auto;
      text-align: left; }
      @media screen and (max-width: 639px) {
        .product.product-list .product-price {
          position: absolute;
          top: 20px;
          left: 20px; } }
  .product .product-link {
    position: absolute;
    z-index: 3;
    width: 100%;
    height: 100%;
    display: block; }
  .product .product-price {
    position: absolute;
    top: 37px;
    left: 37px;
    z-index: 1;
    -webkit-transition: color .6s ease;
    -o-transition: color .6s ease;
    transition: color .6s ease; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .product .product-price {
        top: 30px;
        left: 30px; } }
    @media screen and (max-width: 1720px) {
      .product .product-price {
        top: 20px;
        left: 20px; } }
    .product .product-price div {
      -webkit-transition: color .6s ease;
      -o-transition: color .6s ease;
      transition: color .6s ease; }
    .product .product-price .product-price-2 {
      font-width: 400; }




  .product .product-type {
    position: absolute;
    top: 26px;
    right: 26px;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    background: #fbea3a;
    z-index: 1; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .product .product-type {
        width: 56px;
        height: 56px;
        top: 20px;
        right: 20px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .product .product-type {
        width: 40px;
        height: 40px;
        top: 20px;
        right: 15px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .product .product-type {
        width: 40px;
        height: 40px;
        top: 20px;
        right: 15px; } }
    @media screen and (max-width: 1000px) {
      .product .product-type {
        width: 40px;
        height: 40px;
        top: 20px;
        right: 15px; } }


  .product .product-type-expolinc {
    position: absolute;
    top: 26px;
    right: 26px;
    width: 80px;
    height: 47px;
        background-image: url(/images/logo-expolinc-blue.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: 50% 50%;
    z-index: 1; }

    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .product .product-type-expolinc {
        width: 60px;
        height: 30px;
        top: 20px;
        right: 20px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .product .product-type-expolinc {
        width: 44px;
        height: 26px;
        top: 20px;
        right: 15px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .product .product-type-expolinc {
        width: 37px;
        height: 22px;
        top: 20px;
        right: 15px; } }
    @media screen and (max-width: 1000px) {
      .product .product-type-expolinc {
        width: 30px;
        height: 18px;
        top: 20px;
        right: 15px; } }






  .product .product-img {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 0;
    width: 100%;
    height: 50%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    -o-transition: transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease; }
  .product:hover .product-img {
    -webkit-transform: translate(0, -50%) scale(1.1);
        -ms-transform: translate(0, -50%) scale(1.1);
            transform: translate(0, -50%) scale(1.1); }
  .product .product-content {
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    height: 145px; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .product .product-content {
        height: 115px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .product .product-content {
        height: 80px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .product .product-content {
        height: 75px; } }
    @media screen and (max-width: 1000px) {
      .product .product-content {
        height: 75px; } }
  .product .product-title {
    margin-bottom: 6px;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.3); }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .product .product-title {
        margin-bottom: 2px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .product .product-title {
        margin-bottom: 2px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .product .product-title {
        margin-bottom: 0; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .product .product-title {
        margin-bottom: 0; } }
    @media screen and (max-width: 639px) {
      .product .product-title {
        margin-bottom: -1px; } }
  .product .product-more {
    display: none;
    -webkit-transition: color .6s ease;
    -o-transition: color .6s ease;
    transition: color .6s ease; }

#white-theme .product .product-price {
  color: #262626; }
  #white-theme .product .product-price .product-price-2 {
    color: #bfbfbf; }

#white-theme .product .product-more {
  color: #bfbfbf; }

#white-theme .product .product-title {
  color: #262626; }

@media screen and (min-width: 1000px) {
  #white-theme .product:hover .product-price .product-price-2 {
    color: #262626; } }

@media screen and (min-width: 1000px) {
  #white-theme .product:hover .product-more {
    color: #262626; } }

#black-theme .product {
  background: #222730;
  color: #fff;
  -webkit-transition: color .6s ease;
  -o-transition: color .6s ease;
  transition: color .6s ease; }
  @media screen and (min-width: 1001px) {
    #black-theme .product:hover {
      color: #d8dce0; } }

.navigation {
  position: relative;
  height: 75px;
  line-height: 75px;
  text-align: right;
  margin: 0 0 15px 0;
  color: #bfbfbf; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .navigation {
      height: 65px;
      line-height: 65px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .navigation {
      height: 38px;
      line-height: 38px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .navigation {
      height: 20px;
      line-height: 20px; } }
  @media screen and (max-width: 1000px) {
    .navigation {
      height: 35px;
      line-height: 35px; } }
  @media screen and (max-width: 639px) {
    .navigation {
      margin: 0 0 10px 0; } }
  .navigation .navigation-btn-main {
    background: none;
    text-decoration: none;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    -webkit-transition: color .6s ease;
    -o-transition: color .6s ease;
    transition: color .6s ease;
    text-transform: uppercase;
    color: #262626; }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .navigation .navigation-btn-main {
        left: 0;
        -webkit-transform: translate(0, -50%);
            -ms-transform: translate(0, -50%);
                transform: translate(0, -50%); } }
    @media screen and (max-width: 1000px) {
      .navigation .navigation-btn-main {
        display: none; } }
    .navigation .navigation-btn-main:hover {
      color: #aeaeae; }
    .navigation .navigation-btn-main .svg {
      fill: currentColor;
      margin-right: 20px; }
      @media screen and (max-width: 2295px) {
        .navigation .navigation-btn-main .svg {
          margin-right: 15px; } }
    .navigation .navigation-btn-main:after {
      display: none; }
    .navigation .navigation-btn-main.load-animate .svg {
      -webkit-transform-origin: center center;
          -ms-transform-origin: center center;
              transform-origin: center center;
      -webkit-transition: .6s easy-out;
      -o-transition: .6s easy-out;
      transition: .6s easy-out;
      -webkit-animation: rotate 1s linear infinite;
              animation: rotate 1s linear infinite; }
    @media screen and (max-width: 1000px) {
      .navigation .navigation-btn-main.show-on-mobile {
        display: block; } }
    .navigation .navigation-btn-main.only-center {
      left: 50%;
      padding: 0;
      -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .navigation .navigation-btn-main span {
        display: none; } }
  .navigation .navigation-numb {
    display: inline-block; }
  .navigation .navigation-link {
    display: inline-block;
    color: #bfbfbf;
    text-decoration: none;
    position: relative;
    background: none;
    margin: 0 5px;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    vertical-align: middle;
    -webkit-transition: color .6s ease, background .6s ease;
    -o-transition: color .6s ease, background .6s ease;
    transition: color .6s ease, background .6s ease; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .navigation .navigation-link {
        width: 25px;
        height: 25px;
        line-height: 25px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .navigation .navigation-link {
        width: 25px;
        height: 25px;
        line-height: 25px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .navigation .navigation-link {
        width: 20px;
        height: 20px;
        line-height: 20px; } }
    @media screen and (max-width: 1000px) {
      .navigation .navigation-link {
        width: 25px;
        height: 25px;
        line-height: 25px;
        margin: 0; } }
    .navigation .navigation-link span {
      position: relative;
      z-index: 2; }
    .navigation .navigation-link:after {
      display: none !important; }
    .navigation .navigation-link:before {
      content: '';
      width: 0;
      height: 100%;
      display: block;
      position: absolute;
      background: #fbea3a;
      color: #262626;
      -webkit-transition: width .6s ease;
      -o-transition: width .6s ease;
      transition: width .6s ease;
      z-index: 1; }
    .navigation .navigation-link.active {
      color: #262626; }
      .navigation .navigation-link.active:before {
        width: 100%; }

@media screen and (min-width: 1000px) and (min-width: 1000px) {
  .navigation .navigation-link:hover {
    color: #262626; }
    .navigation .navigation-link:hover:before {
      width: 100%; } }
  .navigation .navigation-arrows {
    margin-left: 30px;
    display: inline-block;
    height: 100%;
    font-size: 0;
    float: right; }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .navigation .navigation-arrows {
        margin-right: 0;
        margin-left: 7px; } }
    @media screen and (max-width: 1000px) {
      .navigation .navigation-arrows {
        margin-left: 13px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .navigation .navigation-arrows.navigation-arrows-review {
        margin-right: 0; } }
    .navigation .navigation-arrows .navigation-arrow {
      height: 100%;
      display: inline-block;
      position: relative;
      width: 60px;
      color: #262626;
      -webkit-transition: color .6s ease;
      -o-transition: color .6s ease;
      transition: color .6s ease; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .navigation .navigation-arrows .navigation-arrow {
          width: 40px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .navigation .navigation-arrows .navigation-arrow {
          width: 50px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .navigation .navigation-arrows .navigation-arrow {
          width: 38px; } }
      @media screen and (max-width: 1000px) {
        .navigation .navigation-arrows .navigation-arrow {
          width: 47px; } }
      .navigation .navigation-arrows .navigation-arrow svg {
        fill: currentColor; }
      @media screen and (min-width: 1001px) {
        .navigation .navigation-arrows .navigation-arrow:hover {
          color: #cfcfcf; } }

.only-load-button {
  text-align: center;
  margin: 70px 0;
  color: #b4b4b4;
  -webkit-transition: color .6s ease;
  -o-transition: color .6s ease;
  transition: color .6s ease; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .only-load-button {
      margin: 52px 0 52px 0; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .only-load-button {
      margin: 35px 0 35px 0; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .only-load-button {
      margin: 25px 0 25px 0; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .only-load-button {
      margin: 40px 0 40px 0; } }
  @media screen and (max-width: 639px) {
    .only-load-button {
      margin: 25px 0 25px 0; } }
  .only-load-button > svg {
    -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
            transform-origin: center center;
    -webkit-transition: .6s easy-out;
    -o-transition: .6s easy-out;
    transition: .6s easy-out;
    -webkit-animation: rotate 1s linear infinite;
            animation: rotate 1s linear infinite;
    fill: currentColor; }
  @media screen and (min-width: 1001px) {
    .only-load-button:hover {
      color: #3e444a; } }

#white-theme .navigation .navigation-arrows .navigation-arrow svg {
  fill: currentColor; }

@media screen and (min-width: 1001px) {
  #white-theme .navigation .navigation-arrows .navigation-arrow:hover {
    color: #cfcfcf; } }

#white-theme .navigation .navigation-btn-main:hover {
  color: #aeaeae; }

#black-theme .navigation .navigation-arrow svg {
  fill: #fff; }

@media screen and (min-width: 1000px) {
  #black-theme .navigation .navigation-arrow:hover svg {
    fill: #cfcfcf; } }

#black-theme .navigation .svg-show-all {
  fill: #3e444a;
  -webkit-transition: .6s ease;
  -o-transition: .6s ease;
  transition: .6s ease; }
  #black-theme .navigation .svg-show-all:hover {
    fill: #b4b4b4; }

#black-theme .only-load-button {
  color: #3e444a;
  -webkit-transition: color .6s ease;
  -o-transition: color .6s ease;
  transition: color .6s ease; }
  #black-theme .only-load-button svg {
    fill: currentColor; }
  @media screen and (min-width: 1000px) {
    #black-theme .only-load-button:hover {
      color: #b4b4b4; } }

.color-gray {
  color: #aeaeae; }

.black-theme-description-color {
  color: #d8dce0; }

.bg-white {
  background: #fff; }

.title-border {
  border-bottom: 0px solid #e2e2e2;
  padding-bottom: 20px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .title-border {
      border-width: 0px;
      padding-bottom: 14px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .title-border {
      border-width: 0px;
      padding-bottom: 8px; }
	}
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .title-border {
      border-width: 0px;
      padding-bottom: 8px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .title-border {
      border-width: 0px;
      padding-bottom: 13px; } }
  @media screen and (max-width: 639px) {
    .title-border {
      border-width: 0px;
      padding-bottom: 9px; } }

.title-border.title-border-first {
    margin-top: 75px; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .title-border.title-border-first {
        margin-top: 70px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .title-border.title-border-first {
        margin-top: 50px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .title-border.title-border-first {
        margin-top: 30px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .title-border.title-border-first {
        margin-top: 20px; } }
    @media screen and (max-width: 639px) {
      .title-border.title-border-first {
        margin-top: 18px; } }

.h3.title-border.title-border-first {border-width: 0}

.title-margin {
  margin-top: 100px; }

  @media screen and (min-width: 2295px) {
    .title-margin {
      margin-top: 204px; } }

  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .title-margin {
      margin-top: 151px; } }

  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .title-margin {
      margin-top: 114px; } }

  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .title-margin {
      margin-top: 92px; } }

  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .title-margin {
      margin-top: 133px; } }

  @media screen and (max-width: 639px) {
    .title-margin {
      margin-top: 85px; } }


  @media screen and (min-width: 2295px) {
    .design-detail .title-margin {
      margin-top: 0; } }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .design-detail .title-margin {
      margin-top: 0; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .design-detail .title-margin {
      margin-top: 4px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .design-detail .title-margin {
      margin-top: 6px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .design-detail .title-margin {
      margin-top: 3px; } }
  @media screen and (max-width: 639px) {
    .design-detail .title-margin {
      margin-top: 0; } }


.text-margin {
  margin-top: 24px;
  text-align: left; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .text-margin {
      margin-top: 16px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .text-margin {
      margin-top: 18px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .text-margin {
      margin-top: 17px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .text-margin {
      margin-top: 20px; } }
  @media screen and (max-width: 639px) {
    .text-margin {
      margin-top: 16px; } }
  .text-margin.last-text-block {
    margin-bottom: 137px; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .text-margin.last-text-block {
        margin-bottom: 79px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .text-margin.last-text-block {
        margin-bottom: 68px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .text-margin.last-text-block {
        margin-bottom: 42px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .text-margin.last-text-block {
        margin-bottom: 64px; } }
    @media screen and (max-width: 639px) {
      .text-margin.last-text-block {
        margin-bottom: 44px; } }

.social-btn-margin {
  margin-top: 88px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .social-btn-margin {
      margin-top: 40px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .social-btn-margin {
      margin-top: 56px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .social-btn-margin {
      margin-top: 44px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .social-btn-margin {
      margin-top: 45px; } }
  @media screen and (max-width: 639px) {
    .social-btn-margin {
      margin-top: 29px; } }

.description-page-dot {
  /*overflow:hidden;*/
  height: 96px; }

  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .description-page-dot {
      height: 72px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .description-page-dot {
      height: 66px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .description-page-dot {
      height: 66px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .description-page-dot {
      height: 72px; } }
  @media screen and (max-width: 639px) {
    .description-page-dot {
      height: 66px; } }

.content {
  width: calc(100% - 540px);
  margin: auto;
  float: right;
  }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .content {
      width: calc(100% - 405px);
      } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .content {
      width: calc(100% - 295px);
      } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .content {
      width: calc(100% - 315px);
      } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .content {
      width: calc(100%);
      } }
  @media screen and (max-width: 639px) {
    .content {
      /*width: calc(100% - -30px);*/
      width: calc(100%);
      } }
  .content a:before {
    content: none; }
  .content:after {
    content: " ";
    display: block;
    clear: both; }

.content video {width: 100%!important}

  .content .subheader-margin {
    margin-top: 95px; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .content .subheader-margin {
        margin-top: 70px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .content .subheader-margin {
        margin-top: 44px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .content .subheader-margin {
        margin-top: 45px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .content .subheader-margin {
        margin-top: 28px; } }
    @media screen and (max-width: 639px) {
      .content .subheader-margin {
        margin-top: 7px; } }
  .content .subheader-services-margin {
    margin-top: 65px; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .content .subheader-services-margin {
        margin-top: 40px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .content .subheader-services-margin {
        margin-top: 60px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .content .subheader-services-margin {
        margin-top: 40px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .content .subheader-services-margin {
        margin-top: 45px; } }
    @media screen and (max-width: 639px) {
      .content .subheader-services-margin {
        margin-top: 29px; } }
  .content .subheader-requrements-margin {
    margin-top: 67px; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .content .subheader-requrements-margin {
        margin-top: 50px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .content .subheader-requrements-margin {
        margin-top: 68px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .content .subheader-requrements-margin {
        margin-top: 30px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .content .subheader-requrements-margin {
        margin-top: 58px; } }
    @media screen and (max-width: 639px) {
      .content .subheader-requrements-margin {
        margin-top: 50px; } }
  .content .subheader-detail-margin {
    margin-top: 75px; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .content .subheader-detail-margin {
        margin-top: 56px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .content .subheader-detail-margin {
        margin-top: 70px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .content .subheader-detail-margin {
        margin-top: 46px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .content .subheader-detail-margin {
        margin-top: 65px; } }
    @media screen and (max-width: 639px) {
      .content .subheader-detail-margin {
        margin-top: 55px; } }
  .content .subheader-about-us-margin {
    margin-top: 78px; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .content .subheader-about-us-margin {
        margin-top: 65px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .content .subheader-about-us-margin {
        margin-top: 65px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .content .subheader-about-us-margin {
        margin-top: 45px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .content .subheader-about-us-margin {
        margin-top: 65px; } }
    @media screen and (max-width: 639px) {
      .content .subheader-about-us-margin {
        margin-top: 55px; } }
  .content .glossariy-margin {
    margin-top: 38px;
    margin-bottom: 87px; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .content .glossariy-margin {
        margin-top: 30px;
        margin-bottom: 67px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .content .glossariy-margin {
        margin-top: 23px;
        margin-bottom: 57px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .content .glossariy-margin {
        margin-top: 24px;
        margin-bottom: 35px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .content .glossariy-margin {
        margin-top: 26px;
        margin-bottom: 52px; } }
    @media screen and (max-width: 639px) {
      .content .glossariy-margin {
        margin-top: 24px;
        margin-bottom: 40px; } }
  .content .cart-load {
    -webkit-animation: cart-load-animate 1s 1 ease-in-out;
            animation: cart-load-animate 1s 1 ease-in-out;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards; }
  .content .no-border {
    border: none; }

@media screen and (max-width: 1300px) and (min-width: 1001px) {
  .content-catalog {
    width: calc(100% - 335px);
    margin-top: 52px;
    } }

#white-theme .content {
  background: #f3f3f3;
  color: #262626; }
#white-theme .content a {
    color: #262626; }

#white-theme .content-catalog {
  background: #fff; }

#black-theme .text-margin {
  color: #d8dce0; }

#black-theme .text-margin a {
    color: #d8dce0; }

#black-theme .content {
  background: #21262a;
  color: #fff; }

.clients_tabs-btns {
  height: 140px;
  margin: 0 270px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .clients_tabs-btns .clients_tabs-title {
    display: inline-block;
    text-transform: uppercase;
    margin-right: 45px; }
  .clients_tabs-btns .clients_tabs-dropdown {
    display: none;
    margin: 33px -20px 40px;
    width: calc(100% + 40px); }
    .clients_tabs-btns .clients_tabs-dropdown .input-dropdown-value {
      background-color: #fff;
      color: #9b9b9b; }
    .clients_tabs-btns .clients_tabs-dropdown .input-dropdown {
      background-color: #fff;
      color: #9b9b9b; }
  .clients_tabs-btns label {
    margin-bottom: 0; }

.clients_tabs-blocks {
  position: relative; }
  .clients_tabs-blocks .clients {
    display: none; }
    .clients_tabs-blocks .clients.clients_active {
      display: block; }

.clients__grid {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1; }

.clients__grid-item {
  width: 25%;
  height: 100%;
  float: left;
  border-right: 1px solid #e5e5e5; }
  .clients__grid-item:nth-child(4n) {
    border: none; }

.clients__wrapper {
  margin: 0 270px;
  position: relative; }

.clients {
  margin-bottom: 180px; }
  .clients .clients__title {
    height: 85px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    width: 100%; }
  .clients .clients-list {
    width: 100%; }
  .clients .clients__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    position: relative;
    z-index: 2; }
  .clients .clients__item {
	position: relative;
    width: 25%;
    float: left; }
    .clients .clients__item:nth-of-type(4n + 2) .clients__item-content {
      margin-left: -100%; }
    .clients .clients__item:nth-of-type(4n + 3) .clients__item-content {
      margin-left: -200%; }
    .clients .clients__item:nth-of-type(4n + 4) .clients__item-content {
      margin-left: -300%; }
    .clients .clients__item.clients__item_active .clients__item-image:after {
      opacity: 1; }
  .clients .clients__item-image {
    cursor: pointer;
    height: 200px;
    padding: 10px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .clients .clients__item-image:after {
      content: "";
      display: inline-block;
      position: absolute;
      bottom: 0;
      left: 50%;
      -webkit-transform: translate(-50%, 0);
          -ms-transform: translate(-50%, 0);
              transform: translate(-50%, 0);
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0 25px 22px 25px;
      border-color: transparent transparent #ffffff transparent;
      opacity: 0;
      -webkit-transition: opacity .6s ease;
      -o-transition: opacity .6s ease;
      transition: opacity .6s ease; }
    .clients .clients__item-image img {
      max-width: 100%;
      max-height: 100%;
      display: inline-block; }
  .clients .clients__item-content {

    background-color: #fff;
    width: 1050px;
    padding: 40px 0;
    position: relative;
	position: absolute;
    display: none;
    z-index: 2; }
    .clients .clients__item-content .clients__item-content-img {
      position: absolute;
      top: 0;
      left: 0;
      padding: 40px 0;
      width: 320px;
      height: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      .clients .clients__item-content .clients__item-content-img img {
        max-width: 100%;
        max-height: 100%;
        display: inline-block; }
@media screen and (max-width: 639px) {
      .clients .clients__item-content .clients__item-content-img img {
        max-height: 100px; }
}
    .clients .clients__item-content .clients__item-content-desc {
      border-left: 1px solid #ededed;
      float: right;
      padding: 0 95px;
      width: calc(100% - 320px); }
    .clients .clients__item-content .clients__item-content-title {
      margin-top: 54px;
      margin-bottom: 22px; }
    .clients .clients__item-content .clients__item-content-close-btn {
      width: 75px;
      height: 75px;
      position: absolute;
      top: 0;
      right: 0;
      display: inline-block;
      cursor: pointer; }

@media screen and (max-width: 2295px) and (min-width: 1721px) {
  .clients_tabs-btns {
    height: 130px;
    margin: 0 203px; }
    .clients_tabs-btns .clients_tabs-title {
      margin-right: 30px; }
  .clients__wrapper {
    margin: 0 203px; }
  .clients {
    margin-bottom: 94px; }
    .clients .clients__title {
      height: 64px; }
    .clients .clients__item-image {
      height: 150px; }
      .clients .clients__item-image:after {
        border-width: 0 18px 16px 18px; }
    .clients .clients__item-content {
      width: 791px;
      padding: 28px 0; }
      .clients .clients__item-content .clients__item-content-img {
        padding: 28px 0;
        width: 240px;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
       .clients .clients__item-content .clients__item-content-img A { width: 240px; }
      .clients .clients__item-content .clients__item-content-desc {
        padding: 0 70px;
        width: calc(100% - 240px); }
      .clients .clients__item-content .clients__item-content-title {
        margin-top: 27px;
        margin-bottom: 30px; }
      .clients .clients__item-content .clients__item-content-close-btn {
        width: 55px;
        height: 55px; } }

@media screen and (max-width: 1720px) and (min-width: 1301px) {
  .clients_tabs-btns {
    height: 70px;
    margin: 0 100px; }
    .clients_tabs-btns .clients_tabs-title {
      margin-right: 25px; }
  .clients__wrapper {
    margin: 0 100px; }
  .clients {
    margin-bottom: 84px; }
    .clients .clients__title {
      height: 54px; }
    .clients .clients__item-image {
      height: 125px; }
      .clients .clients__item-image:after {
        border-width: 0 14px 15px 14px; }
    .clients .clients__item-content {
      width: 671px;
      padding: 24px 0; }
      .clients .clients__item-content .clients__item-content-img {
        padding: 24px 0;
        width: 200px;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
       .clients .clients__item-content .clients__item-content-img A { width: 200px; }

      .clients .clients__item-content .clients__item-content-desc {
        padding: 0 60px;
        width: calc(100% - 200px); }
      .clients .clients__item-content .clients__item-content-title {
        margin-top: 27px;
        margin-bottom: 30px; }
      .clients .clients__item-content .clients__item-content-close-btn {
        width: 50px;
        height: 50px; } }

@media screen and (max-width: 1300px) and (min-width: 1001px) {
  .clients_tabs-btns {
    height: 95px;
    margin: 0 60px; }
    .clients_tabs-btns .clients_tabs-title {
      margin-right: 0;
      margin-bottom: 9px;
      width: 100%; }
  .clients__wrapper {
    margin: 0 60px; }
  .clients {
    margin-bottom: 56px; }
    .clients .clients__title {
      height: 45px; }
    .clients .clients__item-image {
      height: 80px; }
      .clients .clients__item-image:after {
        border-width: 0 11px 10px 11px; }
    .clients .clients__item-content {
      width: 452px;
      padding: 16px 0; }
      .clients .clients__item-content .clients__item-content-img {
        padding: 16px 0;
        width: 140px;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
       .clients .clients__item-content .clients__item-content-img A { width: 140px; }

      .clients .clients__item-content .clients__item-content-desc {
        padding: 0 40px;
        width: calc(100% - 140px); }
      .clients .clients__item-content .clients__item-content-title {
        margin-top: 17px;
        margin-bottom: 7px; }
      .clients .clients__item-content .clients__item-content-close-btn {
        width: 40px;
        height: 40px; } }

@media screen and (max-width: 1000px) {
#white-theme .bottom-navigation .show-all-page .title{display:none;}
.bottom-navigation .show-all-page .title{display:none;}
#black-theme .bottom-navigation .next-page .nav-bottom-pointer .title.title-hidden{color:#FFF;}
#black-theme .bottom-navigation .next-page .nav-bottom-pointer .pointer{color:#FFF;}
#black-theme .bottom-navigation .prev-page .nav-bottom-pointer .pointer{color:#FFF;}
#black-theme .bottom-navigation .prev-page .nav-bottom-pointer .title.title-hidden{color:#FFF;}
  .clients_tabs-btns {
    height: 135px;
    margin: 0 50px; }
    .clients_tabs-btns .clients_tabs-title {
      margin-right: 0;
      margin-bottom: 9px;
      width: 100%; }
  .clients__wrapper {
    margin: 0 50px; }
  .clients {
    margin-bottom: 70px; }
    .clients .clients__title {
      height: 50px; }
    .clients .clients__item-image {
      height: 84px; }
      .clients .clients__item-image:after {
        border-width: 0 12px 10px 12px; }
    .clients .clients__item-content {
      width: 500px;
      padding: 16px 0; }
      .clients .clients__item-content .clients__item-content-img {
        padding: 18px 0;
        width: 152px;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
       .clients .clients__item-content .clients__item-content-img A { width: 152px; }

      .clients .clients__item-content .clients__item-content-desc {
        padding: 0 18px;
        width: calc(100% - 152px); }
      .clients .clients__item-content .clients__item-content-title {
        margin-top: 20px;
        margin-bottom: 6px; }
      .clients .clients__item-content .clients__item-content-close-btn {
        width: 40px;
        height: 40px; } }

@media screen and (max-width: 639px) {
  .clients_tabs-btns {
    height: auto;
    display: block;
    margin: 0; }
    .clients_tabs-btns .clients_tabs-title {
      display: none; }
    .clients_tabs-btns .clients_tabs-inputs {
      display: none; }
    .clients_tabs-btns .clients_tabs-dropdown {
      display: table; }
  .clients__grid-item {
    width: 33.333%;
    height: 100%;
    float: left;
    border-right: 2px solid #e5e5e5; }
    .clients__grid-item:nth-child(3n) {
      border: none; }
    .clients__grid-item:nth-child(4) {
      display: none; }
  .clients__wrapper {
    margin: 0;
    position: relative; }
  .clients {
    margin-bottom: 13px; }
    .clients .clients__title {
      height: auto; }
    .clients .clients__item {
      width: 33.333%; }
      .clients .clients__item:nth-of-type(3n+1) .clients__item-content {
        margin-left: -20px; }
      .clients .clients__item:nth-of-type(3n+2) .clients__item-content {
        margin-left: calc(-100% - 20px); }
      .clients .clients__item:nth-of-type(3n+3) .clients__item-content {
        margin-left: calc(-200% - 20px); }
    .clients .clients__item-image {
      height: 70px; }
      .clients .clients__item-image:after {
        border-width: 0 9px 8px 9px; }
    .clients .clients__item-content {
      width: 320px;
      padding: 0;
      position: relative;
      display: none;
      z-index: 2;
      -webkit-transition: opacity .6s ease, visibility 0s ease .6s;
      -o-transition: opacity .6s ease, visibility 0s ease .6s;
      transition: opacity .6s ease, visibility 0s ease .6s; }
      .clients .clients__item-content .clients__item-content-img {
        position: static;
        padding: 0 20px;
        width: 250px;
        height: 125px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start; }
       .clients .clients__item-content .clients__item-content-img A { width: 250px; }

      .clients .clients__item-content .clients__item-content-desc {
        padding: 0 20px 25px;
        width: 100%; }
      .clients .clients__item-content .clients__item-content-title {
        margin-top: 9px;
        margin-bottom: 9px; }
      .clients .clients__item-content .clients__item-content-close-btn {
        width: 70px;
        height: 70px; } }

.viewed-btn {
  position: fixed;
  top: 50%;
  right: 0;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  z-index: 90;
  overflow: hidden;
  cursor: pointer; }
@media screen and (max-width: 640px) {
    .viewed-btn {
        bottom: 0;
        height: 53px !important;
    }
}
  @media screen and (max-width: 1000px) {
    .viewed-btn {
      top: auto;
      bottom: -1px;
      left: 66px;
      right: auto;
        height: 58px;
      -webkit-transform: none;
          -ms-transform: none;
              transform: none; } }
  @media screen and (max-width: 639px) {
	.viewed-btn {left: 50px}
  }
  .viewed-btn.show-goods {
    -webkit-transform: translate(0, -100%);
        -ms-transform: translate(0, -100%);
            transform: translate(0, -100%); }
    @media screen and (max-width: 1000px) {
      .viewed-btn.show-goods {
        -webkit-transform: none;
            -ms-transform: none;
                transform: none; } }
  .viewed-btn.show-category {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    display: none;
    }
    @media screen and (max-width: 1000px) {
      .viewed-btn.show-category {
        -webkit-transform: translate(100%, 0);
        -ms-transform: translate(100%, 0);
        transform: translate(100%, 0);
        display: block;
		left: -70px
        } }
	  @media screen and (max-width: 639px) {
		.viewed-btn.show-category {left: -50px}
	  }
    .viewed-btn.show-category .viewed-icon {
      background: #262626;
      color: #fbea3a;
      -webkit-transition: background .6s ease, color .6s ease;
      -o-transition: background .6s ease, color .6s ease;
      transition: background .6s ease, color .6s ease; }
      .viewed-btn.show-category .viewed-icon .svg {
        fill: currentColor;
        margin: 0; }
    @media screen and (min-width: 1001px) {
      .viewed-btn.show-category:hover .viewed-icon {
        background: #fbea3a;
        color: #262626; } }
  .viewed-btn.viewed-hide-desktop {
    display: none; }
    @media screen and (max-width: 1000px) {
      .viewed-btn.viewed-hide-desktop {
        display: block; } }
  .viewed-btn .svg {
    fill: currentColor;
    margin-top: -7px; }
    @media screen and (max-width: 2295px) {
      .viewed-btn .svg {
        /*margin-top: -4px;*/
        margin-top: 0} }
    @media screen and (max-width: 1000px) {
      .viewed-btn .svg {
        margin-left: -6px; } }
    @media screen and (max-width: 639px) {
      .viewed-btn .svg {
        margin-top: -3px;
        margin-left: -7px; } }
  .viewed-btn .viewed-icon {
    width: 107px;
    height: 107px;
    background: #fbea3a;
    position: relative;
    float: left;
    -webkit-transition: background .6s ease, color .6s ease;
    -o-transition: background .6s ease, color .6s ease;
    transition: background .6s ease, color .6s ease;
    color: #262626; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .viewed-btn .viewed-icon {
        width: 80px;
        height: 80px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .viewed-btn .viewed-icon {
        width: 80px;
        height: 80px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .viewed-btn .viewed-icon {
        width: 67px;
        height: 67px; } }
    @media screen and (max-width: 1000px) {
      .viewed-btn .viewed-icon {
		width: 66px;
		height: 58px;
		} }
    @media screen and (max-width: 639px) {
      .viewed-btn .viewed-icon {
        width: 50px;
        height: 53px; } }
  .viewed-btn .viewed-btn-text {
    width: 33px;
    height: 100%;
    float: right;
    line-height: 107px;
    color: #262626;
    text-align: center;
    font-weight: 600;
    -webkit-transition: color .6s ease;
    -o-transition: color .6s ease;
    transition: color .6s ease; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .viewed-btn .viewed-btn-text {
        line-height: 80px;
        width: 26px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .viewed-btn .viewed-btn-text {
        line-height: 80px;
        width: 26px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .viewed-btn .viewed-btn-text {
        line-height: 67px;
        width: 20px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .viewed-btn .viewed-btn-text {
        line-height: 57px;
        /*width: 40px;*/
        font-size: 13px;
        font-weight: 700; } }
    @media screen and (max-width: 639px) {
      .viewed-btn .viewed-btn-text {
        line-height: 50px;
        width: 27px;
        font-size: 11px;
        font-weight: 700; } }
  .viewed-btn .viewed-btn-content {
    display: none;
    float: left; }
    @media screen and (max-width: 1000px) {
      .viewed-btn .viewed-btn-content {
        display: inline-block;
        line-height: 70px;
        margin-left: 15px; } }
    @media screen and (max-width: 639px) {
      .viewed-btn .viewed-btn-content {
        display: inline-block;
        line-height: 50px;
        margin-left: 15px; } }
  @media screen and (min-width: 1001px) {
    .viewed-btn:hover .viewed-icon {
      background: #262626;
      color: #fbea3a; }
    .viewed-btn:hover .viewed-btn-text {
      color: #fbea3a; } }

.viewed-block {
  width: 415px;
  border-left: 2px solid #e7e7e7;
  background: #f3f3f3;
  height: calc(100% - 107px);
  top: 107px;
  right: -522px;
  position: fixed;
  z-index: 220;
  -webkit-transition: right .6s ease;
  -o-transition: right .6s ease;
  transition: right .6s ease; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .viewed-block {
      width: 312px;
      top: 80px;
      right: -390px;
      height: calc(100% - 80px); } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .viewed-block {
      width: 292px;
      top: 70px;
      right: -360px;
      height: calc(100% - 70px); } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .viewed-block {
      width: 282px;
      top: 50px;
      right: -332px;
      height: calc(100% - 50px); } }
  @media screen and (max-width: 1000px) {
    .viewed-block {
      width: 100%;
      height: 100%;
      right: -100%;
      top: 0;
      border-left: 0; } }
  .viewed-block.viewed-category-block {
    background: #fff;
    border: none;
    width: 534px;
    left: -641px; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .viewed-block.viewed-category-block {
        width: 400px;
        left: -480px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .viewed-block.viewed-category-block {
        width: 336px;
        left: -406px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .viewed-block.viewed-category-block {
        width: 324px;
        left: -374px; } }
    @media screen and (max-width: 1000px) {
      .viewed-block.viewed-category-block {
        width: 100%;
        height: 100%;
        left: -100%;
        top: 0;
        border-left: 0; } }
    .viewed-block.viewed-category-block.open {
      left: 0; }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .viewed-block.viewed-category-block .viewed-block-close {
        left: auto;
        right: 0;
        -webkit-transform: translate(100%, 0);
            -ms-transform: translate(100%, 0);
                transform: translate(100%, 0); } }
    @media screen and (max-width: 1000px) {
      .viewed-block.viewed-category-block .viewed-block-close {
        background-color: #fbea3a;
        border-bottom: solid 2px #f3f3f3; } }
    @media screen and (max-width: 639px) {
      .viewed-block.viewed-category-block .viewed-block-close {
        border-width: 1px; } }
    @media screen and (max-width: 1000px) {
      .viewed-block.viewed-category-block .aside-title {
        display: none; } }
    .viewed-block.viewed-category-block .viewed-block-title {
      display: none; }
      @media screen and (max-width: 1000px) {
        .viewed-block.viewed-category-block .viewed-block-title {
          display: block;
          border-bottom: solid 2px #f3f3f3; } }
      @media screen and (max-width: 639px) {
        .viewed-block.viewed-category-block .viewed-block-title {
          border-width: 1px; } }
    .viewed-block.viewed-category-block .viewed-block-content {
      height: 100%; }
      @media screen and (max-width: 1000px) {
        .viewed-block.viewed-category-block .viewed-block-content {
          height: calc(100% - 131px); } }
      @media screen and (max-width: 639px) {
        .viewed-block.viewed-category-block .viewed-block-content {
          height: calc(100% - 88px); } }
      .viewed-block.viewed-category-block .viewed-block-content .scroll-content {
        padding-bottom: 20px;
        height: 100%; }
        @media screen and (max-width: 1000px) {
          .viewed-block.viewed-category-block .viewed-block-content .scroll-content {
            /*padding-top: 0 !important;*/ } }
    .viewed-block.viewed-category-block .aside {
      position: static;
      width: 100%;
      height: 100%;
      padding: 0 0 0 50px; }
      @media screen and (max-width: 1000px) {
        .viewed-block.viewed-category-block .aside {
          padding: 0; } }
      @media screen and (max-width: 639px) {
        .viewed-block.viewed-category-block .aside {
          padding: 0; } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .viewed-block.viewed-category-block .aside:before {
          height: 61px; } }
      @media screen and (max-width: 639px) {
        .viewed-block.viewed-category-block .aside:before {
          height: 38px; } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .viewed-block.viewed-category-block .aside .aside-content {
          width: 500px; } }
      @media screen and (max-width: 639px) {
        .viewed-block.viewed-category-block .aside .aside-content {
          width: 280px; } }
      .viewed-block.viewed-category-block .aside .aside-content .aside-title {
        padding-top: 183px;
        padding-bottom: 50px; }
        @media screen and (max-width: 2295px) and (min-width: 1721px) {
          .viewed-block.viewed-category-block .aside .aside-content .aside-title {
            padding-top: 138px;
            padding-bottom: 39px; } }
        @media screen and (max-width: 1720px) and (min-width: 1301px) {
          .viewed-block.viewed-category-block .aside .aside-content .aside-title {
            padding-top: 50px;
            padding-bottom: 30px; } }
        @media screen and (max-width: 1300px) and (min-width: 1001px) {
          .viewed-block.viewed-category-block .aside .aside-content .aside-title {
            padding-top: 56px;
            padding-bottom: 37px; } }
        @media screen and (max-width: 1000px) {
          .viewed-block.viewed-category-block .aside .aside-content .aside-title {
            padding-bottom: 40px;
            padding-top: 0;
            margin-top: 0; } }
        @media screen and (max-width: 639px) {
          .viewed-block.viewed-category-block .aside .aside-content .aside-title {
            padding-bottom: 35px; } }
    .viewed-block.viewed-category-block .aside.aside-catalog {
      display: block; }
    .viewed-block.viewed-category-block .aside.aside-catalog-detail {
      display: block; }
  .viewed-block.viewed-hide-desktop {
    display: none; }
    @media screen and (max-width: 1000px) {
      .viewed-block.viewed-hide-desktop {
        display: block; } }
  .viewed-block.open {
    right: 0; z-index: 1000	}
  .viewed-block .viewed-block-close {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translate(-100%, 0);
        -ms-transform: translate(-100%, 0);
            transform: translate(-100%, 0);
    width: 107px;
    height: 107px;
    background: #fbea3a;
    -webkit-transition: background .6s ease;
    -o-transition: background .6s ease;
    transition: background .6s ease;
    cursor: pointer; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .viewed-block .viewed-block-close {
        width: 80px;
        height: 80px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .viewed-block .viewed-block-close {
        width: 70px;
        height: 70px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .viewed-block .viewed-block-close {
        width: 50px;
        height: 50px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .viewed-block .viewed-block-close {
        width: 72px;
        height: 74px;
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
        background: #fbea3a;
        position: relative;
        float: left; } }
    @media screen and (max-width: 639px) {
      .viewed-block .viewed-block-close {
        background: #fbea3a;
        width: 50px;
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
        height: 52px;
        position: relative;
        float: left; } }
    @media screen and (min-width: 1001px) {
      .viewed-block .viewed-block-close:hover {
        background: #262626; }
        .viewed-block .viewed-block-close:hover .svg {
          fill: #fbea3a; } }
    .viewed-block .viewed-block-close .svg-close {
      width: 33px;
      height: 33px; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .viewed-block .viewed-block-close .svg-close {
          width: 25px;
          height: 25px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .viewed-block .viewed-block-close .svg-close {
          width: 23px;
          height: 23px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .viewed-block .viewed-block-close .svg-close {
          width: 18px;
          height: 18px; } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .viewed-block .viewed-block-close .svg-close {
          width: 25px;
          height: 25px; } }
      @media screen and (max-width: 639px) {
        .viewed-block .viewed-block-close .svg-close {
          width: 18px;
          height: 18px; } }
  .viewed-block .viewed-block-title {
    height: 107px;
    line-height: 107px;
    text-align: center; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .viewed-block .viewed-block-title {
        height: 80px;
        line-height: 80px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .viewed-block .viewed-block-title {
        height: 70px;
        line-height: 70px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .viewed-block .viewed-block-title {
        height: 50px;
        line-height: 50px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .viewed-block .viewed-block-title {
        height: 74px;
        line-height: 70px;
        padding-left: 27px;
        text-align: left;
        background: #fff;
        float: left;
        width: calc(100% - 72px); } }
    @media screen and (max-width: 639px) {
      .viewed-block .viewed-block-title {
        height: 52px;
        line-height: 50px;
        padding-left: 16px;
        text-align: left;
        background: #fff;
        float: left;
        width: calc(100% - 50px); } }
    .viewed-block .viewed-block-title div {
      display: inline-block; }
  .viewed-block .viewed-block-content {
    height: calc(100% - 107px); }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .viewed-block .viewed-block-content {
        height: calc(100% - 80px); } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .viewed-block .viewed-block-content {
        height: calc(100% - 70px); } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .viewed-block .viewed-block-content {
        height: calc(100% - 50px); } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .viewed-block .viewed-block-content {
        height: calc(100% - 70px); }
        .viewed-block .viewed-block-content .scroll-content {
          padding-top: 40px !important; } }
    @media screen and (max-width: 639px) {
      .viewed-block .viewed-block-content {
        height: calc(100% - 50px); }
        .viewed-block .viewed-block-content .scroll-content {
          padding-top: 20px !important; } }
    .viewed-block .viewed-block-content .block-menu .block-menu-link {
      /*float: right;*/
      position: relative;
      z-index: 9; }
    .viewed-block .viewed-block-content .scroll-content {
      padding: 0 20px; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .viewed-block .viewed-block-content .scroll-content {
          padding: 0 15px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .viewed-block .viewed-block-content .scroll-content {
          padding: 0 13px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .viewed-block .viewed-block-content .scroll-content {
          padding: 0 13px; } }

#black-theme .viewed-block {
  background: #0d1115; }
  @media screen and (min-width: 1000px) {
    #black-theme .viewed-block {
      border-left: 2px solid #222730; } }
  #black-theme .viewed-block .viewed-block-close {
    color: #0d1115;
    background: #fbea3a; }
    @media screen and (max-width: 1000px) {
      #black-theme .viewed-block .viewed-block-close {
        border-bottom: 2px solid #222730; } }
    @media screen and (min-width: 1000px) {
      #black-theme .viewed-block .viewed-block-close:hover {
        background: #222730; } }
  #black-theme .viewed-block .viewed-block-title {
    background: #0d1115; }
    @media screen and (max-width: 1000px) {
      #black-theme .viewed-block .viewed-block-title {
        border-bottom: 2px solid #222730; } }

.order-gallery {
  width: 45%;
  float: left;
  margin-left: 5%;
  margin-top: 106px;
  }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .order-gallery {
      margin-top: 85px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .order-gallery {
      margin-top: 82px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .order-gallery {
      margin-top: 39px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .order-gallery {
      width: 600px;
      float: none;
      margin: 25px auto 25px; } }
  @media screen and (max-width: 639px) {
    .order-gallery {
      margin: 0 auto;
width:100%;
      /*width: 94%;
      margin-left:6%;*/
      float: none; } }



.order-gallery-btns {
  position: relative;
  margin-top: 94px;
  height: 70px;
  margin-bottom: 55px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .order-gallery-btns {
      height: 63px;
      margin-bottom: 38px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .order-gallery-btns {
      margin-top: 74px;
      height: 50px;
      margin-bottom: 10px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .order-gallery-btns {
      margin-top: 46px;
      height: 47px;
      margin-bottom: 10px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .order-gallery-btns {
      margin-top: -20px;
      height: 50px;
      margin-bottom: 17px; } }
  @media screen and (max-width: 639px) {
    .order-gallery-btns {
      margin-top: -20px;
      height: 50px;
      margin-bottom: 6px; } }
  .order-gallery-btns:before {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: #d9d9d9;
    z-index: 1; }
  .order-gallery-btns .order-gallery-btn {
    text-align: center;
    width: 50%;
    float: left;
    height: 100%;
    color: rgba(38, 38, 38, 0.44) !important;
    -webkit-transition: color .6s ease;
    -o-transition: color .6s ease;
    transition: color .6s ease;
    line-height: 70px;
    cursor: pointer;
    position: relative; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .order-gallery-btns .order-gallery-btn {
        line-height: 63px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .order-gallery-btns .order-gallery-btn {
        line-height: 50px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .order-gallery-btns .order-gallery-btn {
        line-height: 47px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .order-gallery-btns .order-gallery-btn {
        line-height: 50px; } }
    @media screen and (max-width: 639px) {
      .order-gallery-btns .order-gallery-btn {
        line-height: 50px; } }
    .order-gallery-btns .order-gallery-btn:after {
      content: '';
      display: block;
      position: absolute;
      width: 100%;
      height: 4px;
      background-color: #fbea3a;
      bottom: 0;
      left: 0;
      z-index: 2;
      -webkit-transition: opacity .6s ease;
      -o-transition: opacity .6s ease;
      transition: opacity .6s ease;
      opacity: 0; }
    .order-gallery-btns .order-gallery-btn.active {
      color: #262626 !important; }
      .order-gallery-btns .order-gallery-btn.active:after {
        opacity: 1; }

.order-gallery-btns a.h6 { text-decoration:none; }












.order-gallery-tabs {
  position: relative; }
  .order-gallery-tabs .order-gallery-tab {
    display: none;
    position: static;
    width: 100%; }
    .order-gallery-tabs .order-gallery-tab.active {
      display: block; }

.catalog-sample-img {
  width: 282px;
  float: left;
  padding: 0 10px;
  height: 100%; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .catalog-sample-img {
      width: 204px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .catalog-sample-img {
      width: 190px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .catalog-sample-img {
      width: 190px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .catalog-sample-img {
      width: 246px; } }
  @media screen and (max-width: 639px) {
    .catalog-sample-img {
      width: 100%;
      float: none;
      padding: 0 10px;
      height: auto; } }
  .catalog-sample-img img {
    max-width: 100%;
    max-height: 100%;
    height: auto;
    display: inline-block; }

.catalog-sample-text {
  width: calc(100% - 282px);
  float: left; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .catalog-sample-text {
      width: calc(100% - 204px); } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .catalog-sample-text {
      width: calc(100% - 190px); } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .catalog-sample-text {
      width: calc(100% - 190px); } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .catalog-sample-text {
      width: calc(100% - 246px); } }
  @media screen and (max-width: 639px) {
    .catalog-sample-text {
      width: 100%;
      float: none;
      padding: 0 15px;
      height: auto; } }

.catalog-sample-title {
  margin: 59px 0 48px 282px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .catalog-sample-title {
      margin: 43px 0 35px 204px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .catalog-sample-title {
      margin: 32px 0 25px 190px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .catalog-sample-title {
      margin: 48px 0 19px 190px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .catalog-sample-title {
      margin: 65px 0 22px 246px; } }
  @media screen and (max-width: 639px) {
    .catalog-sample-title {
      margin: 28px 0 18px 0;
      padding: 0 15px; } }

.catalog-sample-buttons {
  margin-top: 93px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .catalog-sample-buttons {
      margin-top: 70px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .catalog-sample-buttons {
      margin-top: 14px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .catalog-sample-buttons {
      margin-top: 19px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .catalog-sample-buttons {
      margin-top: 52px; } }
  @media screen and (max-width: 639px) {
    .catalog-sample-buttons {
      margin-top: 32px; } }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .catalog-sample-buttons .btn-main {
      margin-left: 38px;
      margin-bottom: 41px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .catalog-sample-buttons .btn-main {
      margin-left: 40px;
      margin-bottom: 9px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .catalog-sample-buttons .btn-main {
      margin-left: 40px;
      margin-bottom: 18px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .catalog-sample-buttons .btn-main {
      margin-left: 36px;
      margin-bottom: 21px; } }
  @media screen and (max-width: 639px) {
    .catalog-sample-buttons .btn-main {
      margin-left: 16px;
      margin-bottom: 16px; } }

#sample.order-gallery-tab {margin-bottom: 70px}
.order-slider {
  height: 100%;
  }
    .order-slider .order-slider-item .order-slider-img {
      height: 842px;
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .order-slider .order-slider-item .order-slider-img {
          height: 630px } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .order-slider .order-slider-item .order-slider-img {
          height: 463px } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .order-slider .order-slider-item .order-slider-img {
          height: 318px } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .order-slider .order-slider-item .order-slider-img {
          height: 330px } }
      @media screen and (max-width: 639px) {
        .order-slider .order-slider-item .order-slider-img {
          height: 192px } }
    .order-slider .order-slider-item .order-slider-title {
      background: #fff;
      padding: 0 0 0 40px;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      height: 115px;
      line-height: 115px; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .order-slider .order-slider-item .order-slider-title {
          height: 85px;
          line-height: 85px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .order-slider .order-slider-item .order-slider-title {
          height: 70px;
          line-height: 70px;
          padding: 0 0 0 30px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .order-slider .order-slider-item .order-slider-title {
          height: 50px;
          line-height: 50px;
          padding: 0 0 0 20px; } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .order-slider .order-slider-item .order-slider-title {
          height: 70px;
          line-height: 70px;
          padding: 0 0 0 25px; } }
      @media screen and (max-width: 639px) {
        .order-slider .order-slider-item .order-slider-title {
          height: 50px;
          line-height: 50px;
          padding: 0 0 0 20px; } }
  .order-slider .order-slider-btn {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 115px;
    height: 115px;
    background: #fbea3a;
    cursor: pointer;
    -webkit-transition: background .6s ease;
    -o-transition: background .6s ease;
    transition: background .6s ease; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .order-slider .order-slider-btn {
        width: 85px;
        height: 85px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .order-slider .order-slider-btn {
        width: 70px;
        height: 70px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .order-slider .order-slider-btn {
        width: 50px;
        height: 50px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .order-slider .order-slider-btn {
        width: 70px;
        height: 70px; } }
    @media screen and (max-width: 639px) {
      .order-slider .order-slider-btn {
        width: 50px;
        height: 50px; } }
    @media screen and (min-width: 1001px) {
      .order-slider .order-slider-btn:hover {
        background: #0d1115; }
        .order-slider .order-slider-btn:hover .svg {
          fill: #fbea3a; } }
    .order-slider .order-slider-btn .svg {
      fill: #0d1115; }
  .order-slider .owl-nav {
    position: absolute;
    bottom: 0;
    background: #fff;
    font-size: 0;
    padding: 0 30px;
    right: 115px; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .order-slider .owl-nav {
        right: 85px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .order-slider .owl-nav {
        right: 70px;
        padding: 0 10px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .order-slider .owl-nav {
        right: 50px;
        padding: 0 12px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .order-slider .owl-nav {
        right: 70px;
        padding: 0 10px; } }
    @media screen and (max-width: 639px) {
      .order-slider .owl-nav {
        right: 50px;
        padding: 0 12px;
        display: none; } }
    .order-slider .owl-nav div {
      position: relative;
      display: inline-block;
      width: 72px;
      height: 115px;
      color: #262626;
      -webkit-transition: color .6s ease;
      -o-transition: color .6s ease;
      transition: color .6s ease; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .order-slider .owl-nav div {
          width: 55px;
          height: 85px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .order-slider .owl-nav div {
          width: 50px;
          height: 70px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .order-slider .owl-nav div {
          width: 37px;
          height: 50px; } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .order-slider .owl-nav div {
          width: 50px;
          height: 70px; } }
      @media screen and (max-width: 639px) {
        .order-slider .owl-nav div {
          width: 37px;
          height: 50px; } }
      .order-slider .owl-nav div svg {
        fill: currentColor; }
      @media screen and (min-width: 1001px) {
        .order-slider .owl-nav div:hover {
          color: #cfcfcf; } }
  .order-slider .owl-dots {
    height: 114px;
    position: absolute;
    bottom: 0;
    right: 319px;
    font: 500 22px 'Helvetica';
//letter-spacing: -.010em;
    line-height: 114px;
    background: #fff;
    padding-left: 30px; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .order-slider .owl-dots {
        font-size: 17px;
        height: 85px;
        line-height: 85px;
        right: 255px; } }
    @media screen and (max-width: 1720px) and (min-width: 1001px) {
      .order-slider .owl-dots {
        font-size: 15px;
        right: 190px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .order-slider .owl-dots {
        height: 70px;
        line-height: 70px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .order-slider .owl-dots {
        height: 50px;
        line-height: 50px;
        right: 145px; } }
    @media screen and (max-width: 1000px) {
      .order-slider .owl-dots {
        font-size: 17px;
        position: absolute;
        height: 70px;
        line-height: 70px;
        right: 190px; } }
    @media screen and (max-width: 639px) {
      .order-slider .owl-dots {
        font-size: 15px;
        height: 50px;
        line-height: 50px;
        right: 50px;
        padding: 0 20px; } }
    .order-slider .owl-dots:after {
      content: "/ " counter(slides-num);
      display: inline-block;
      vertical-align: middle;
      color: #c5c5c5;
      margin: 0 0 0 .1em; }
    .order-slider .owl-dots .owl-dot {
      display: inline-block;
      counter-increment: slides-num;
      cursor: default; }
      .order-slider .owl-dots .owl-dot span {
        display: none; }
      .order-slider .owl-dots .owl-dot.active:before {
        content: counter(slides-num);
        display: inline-block;
        vertical-align: middle;
        position: relative;
        color: #0d1115; }
  .order-slider .owl-stage-outer, .order-slider .owl-stage, .order-slider .owl-item {
    height: 100%; }

.order-content {
  width: 46%;
  margin-left: 1%;
  float: left;
  padding-top:60px;
  background: #fff; }
  @media screen and (max-width: 1000px) {
    .order-content {
      width: auto;
      float: none;
      height: auto;
      padding-bottom: 20px; } }
  @media screen and (max-width: 639px) {
    .order-content {
      /*width: 94%;
      margin-left:6%;*/
      padding-bottom: 32px; } }
  .order-content .order-content-wrapper {
    width: 100%;
    margin: 0 auto; }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .order-content .order-content-wrapper {
        width: 600px; } }
    @media screen and (max-width: 639px) {
      .order-content .order-content-wrapper {
        width: 100%; } }
  .order-content .order-title {
    margin-top: 110px;
    margin-bottom: 24px; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .order-content { padding-top:60px; }
      .order-content .order-title {
        margin-top: 82px;
        margin-bottom: 18px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .order-content { padding-top:45px; }
      .order-content .order-title {
        margin-top: 77px;
        margin-bottom: 18px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .order-content { padding-top:0px; }
      .order-content .order-title {
        margin-top: 45px;
        margin-bottom: 23px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .order-content { padding-top:0px; width: auto!important; margin-right: 1%}
      .order-content .order-title {
        width: calc(100% - 56px);
        margin-top: 90px;
        /*margin: 38px auto 31px;*/ } }
    @media screen and (max-width: 639px) {
      .order-content { padding-top:0px; margin-right: 1%; width: auto!important}
      .order-content .order-title {
        width: calc(100% - 32px);
        margin-top: 70px;
        margin-left:15px;
        /*margin: 34px auto 29px;*/ } }
  @media screen and (max-width: 1000px) {
    .order-content .order-content-header {
      width: calc(100% - 28px);} }
  @media screen and (max-width: 639px) {
    .order-content .order-content-header {
      width: calc(100% - 28px);
      margin-left: 16px; } }
  .order-content .order-content-header .order-content-header-left {
    width: 60%;
    float: left; }
    @media screen and (max-width: 1000px) {
      .order-content .order-content-header .order-content-header-left .btn-main {
        float: left; } }
    @media screen and (max-width: 1000px) {
      .order-content .order-content-header .order-content-header-left .btn-main > span span {
        display: none; } }
  .order-content .order-content-header .order-content-header-right {
    width: 40%;
    float: left;
    text-align: right;
    padding-right: 19px; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .order-content .order-content-header .order-content-header-right {
        padding-right: 12px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .order-content .order-content-header .order-content-header-right {
        padding-right: 5px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .order-content .order-content-header .order-content-header-right {
        padding-right: 6px; } }
    .order-content .order-content-header .order-content-header-right .block-menu {
      min-width: 250px; }
  .order-content .order-content-header .order-desc {
    color: #aeaeae;
    margin-bottom: 35px;
    text-transform: uppercase;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
    font-weight: 400; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .order-content .order-content-header .order-desc {
        margin-bottom: 27px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .order-content .order-content-header .order-desc {
        margin-bottom: 27px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .order-content .order-content-header .order-desc {
        margin-bottom: 27px; } }
  .order-content .order-content-header .order-wrapper_title-price {
    line-height: 1em;
    color: #9b9b9b;
    margin-bottom: 21px;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.2); }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .order-content .order-content-header .order-wrapper_title-price {
        margin-bottom: 15px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .order-content .order-content-header .order-wrapper_title-price {
        margin-bottom: 15px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .order-content .order-content-header .order-wrapper_title-price {
        margin-bottom: 15px; } }
    @media screen and (max-width: 1000px) {
      .order-content .order-content-header .order-wrapper_title-price {
        display: none; } }
  .order-content .order-content-header .order-price-1 {
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap; }
  .order-content .order-content-header .order-price-2 {
    color: #9b9b9b;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap; }
  .order-content .order-content-header .block-menu {
    margin-top: 27px;
    text-transform: uppercase; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .order-content .order-content-header .block-menu {
        margin-top: 22px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .order-content .order-content-header .block-menu {
        margin-top: 8px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .order-content .order-content-header .block-menu {
        margin-top: 8px; } }
    @media screen and (max-width: 1000px) {
      .order-content .order-content-header .block-menu {
        display: none; } }
  .order-content .order-content-body {
    position: relative;
    margin-top: 52px; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .order-content .order-content-body {
        margin-top: 39px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .order-content .order-content-body {
        margin-top: 45px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .order-content .order-content-body {
        margin-top: 45px; } }
    @media screen and (max-width: 1000px) {
      .order-content .order-content-body {
        margin-top: 34px; } }
    @media screen and (max-width: 639px) {
      .order-content .order-content-body {
        margin-top: 29px; } }
    .order-content .order-content-body .scroll-content {
      padding: 0; }
      @media screen and (max-width: 1000px) {
        .order-content .order-content-body .scroll-content {
          padding: 0;
          height: auto;
          position: relative; } }
      @media screen and (max-width: 639px) {
        .order-content .order-content-body .scroll-content {
          padding: 0;
          height: auto;
          position: relative; } }
      .order-content .order-content-body .scroll-content .radio-format-img .error-popup:after, .order-content .order-content-body .scroll-content .radio-format-img .error-popup:before {
        right: -1px; }
        @media screen and (max-width: 2295px) and (min-width: 1721px) {
          .order-content .order-content-body .scroll-content .radio-format-img .error-popup:after, .order-content .order-content-body .scroll-content .radio-format-img .error-popup:before {
            right: -6px; } }
        @media screen and (max-width: 1720px) and (min-width: 1301px) {
          .order-content .order-content-body .scroll-content .radio-format-img .error-popup:after, .order-content .order-content-body .scroll-content .radio-format-img .error-popup:before {
            right: -9px; } }
        @media screen and (max-width: 1300px) and (min-width: 1001px) {
          .order-content .order-content-body .scroll-content .radio-format-img .error-popup:after, .order-content .order-content-body .scroll-content .radio-format-img .error-popup:before {
            right: -9px; } }
        @media screen and (max-width: 1000px) and (min-width: 640px) {
          .order-content .order-content-body .scroll-content .radio-format-img .error-popup:after, .order-content .order-content-body .scroll-content .radio-format-img .error-popup:before {
            right: -6px; } }
        @media screen and (max-width: 639px) {
          .order-content .order-content-body .scroll-content .radio-format-img .error-popup:after, .order-content .order-content-body .scroll-content .radio-format-img .error-popup:before {
            right: -9px; } }
      .order-content .order-content-body .scroll-content .radio-format-img .error-popup.bottom {
        top: 47px; }
        @media screen and (max-width: 2295px) and (min-width: 1721px) {
          .order-content .order-content-body .scroll-content .radio-format-img .error-popup.bottom {
            top: 39px; } }
        @media screen and (max-width: 1720px) and (min-width: 1301px) {
          .order-content .order-content-body .scroll-content .radio-format-img .error-popup.bottom {
            top: 33px; } }
        @media screen and (max-width: 1300px) and (min-width: 1001px) {
          .order-content .order-content-body .scroll-content .radio-format-img .error-popup.bottom {
            top: 33px; } }
        @media screen and (max-width: 1000px) and (min-width: 640px) {
          .order-content .order-content-body .scroll-content .radio-format-img .error-popup.bottom {
            top: 39px; } }
        @media screen and (max-width: 639px) {
          .order-content .order-content-body .scroll-content .radio-format-img .error-popup.bottom {
            top: 33px; } }
      .order-content .order-content-body .scroll-content .checkbox-table-block .error-popup:after, .order-content .order-content-body .scroll-content .checkbox-table-block .error-popup:before {
        right: 20px; }
        @media screen and (max-width: 2295px) and (min-width: 1721px) {
          .order-content .order-content-body .scroll-content .checkbox-table-block .error-popup:after, .order-content .order-content-body .scroll-content .checkbox-table-block .error-popup:before {
            right: 9px; } }
        @media screen and (max-width: 1720px) and (min-width: 1301px) {
          .order-content .order-content-body .scroll-content .checkbox-table-block .error-popup:after, .order-content .order-content-body .scroll-content .checkbox-table-block .error-popup:before {
            right: -3px; } }
        @media screen and (max-width: 1300px) and (min-width: 1001px) {
          .order-content .order-content-body .scroll-content .checkbox-table-block .error-popup:after, .order-content .order-content-body .scroll-content .checkbox-table-block .error-popup:before {
            right: -4px; } }
        @media screen and (max-width: 1000px) and (min-width: 640px) {
          .order-content .order-content-body .scroll-content .checkbox-table-block .error-popup:after, .order-content .order-content-body .scroll-content .checkbox-table-block .error-popup:before {
            right: 1px; } }
        @media screen and (max-width: 639px) {
          .order-content .order-content-body .scroll-content .checkbox-table-block .error-popup:after, .order-content .order-content-body .scroll-content .checkbox-table-block .error-popup:before {
            right: -5px; } }
      .order-content .order-content-body .scroll-content .checkbox-table-block .error-popup.bottom {
        top: 39px; }
        @media screen and (max-width: 2295px) and (min-width: 1721px) {
          .order-content .order-content-body .scroll-content .checkbox-table-block .error-popup.bottom {
            top: 34px; } }
        @media screen and (max-width: 1720px) and (min-width: 1301px) {
          .order-content .order-content-body .scroll-content .checkbox-table-block .error-popup.bottom {
            top: 30px; } }
        @media screen and (max-width: 1300px) and (min-width: 1001px) {
          .order-content .order-content-body .scroll-content .checkbox-table-block .error-popup.bottom {
            top: 30px; } }
        @media screen and (max-width: 1000px) and (min-width: 640px) {
          .order-content .order-content-body .scroll-content .checkbox-table-block .error-popup.bottom {
            top: 33px; } }
        @media screen and (max-width: 639px) {
          .order-content .order-content-body .scroll-content .checkbox-table-block .error-popup.bottom {
            top: 30px; } }
      @media screen and (min-width: 1001px) {
        .order-content .order-content-body .scroll-content .js-popup-the-scroll:hover + .error-popup {
          visibility: visible;
          opacity: 1;
          -webkit-transition-delay: 0s;
               -o-transition-delay: 0s;
                  transition-delay: 0s; } }
    .order-content .order-content-body .scroll-pane {
      right: 5px; }
      .order-content .order-content-body .scroll-pane:after {
        content: "";
        display: block;
        width: 20px;
        height: 100%;
        position: absolute;
        top: 0;
        background-color: #fff;
        left: -5px; }
        @media screen and (max-width: 2295px) and (min-width: 1721px) {
          .order-content .order-content-body .scroll-pane:after {
            width: 14px;
            left: -5px; } }
        @media screen and (max-width: 1720px) {
          .order-content .order-content-body .scroll-pane:after {
            width: 11px;
            left: -4px; } }

#white-theme .order-gallery-btns .order-gallery-btn {
  color: #262626; }

.acordeon {
  margin-bottom: 3px;
  position: relative; }
  .acordeon:last-child {
    /* margin-bottom: 0;  */
	}
  .acordeon .acordeon-tooltip {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 10; }
    @media screen and (max-width: 639px) {
      .acordeon .acordeon-tooltip {
        top: 17px;
        left: 8px; } }
    .acordeon .acordeon-tooltip.active .acordeon-tooltip-btn {
      background: #262626; }
      .acordeon .acordeon-tooltip.active .acordeon-tooltip-btn .svg {
        fill: #fff; }
    .acordeon .acordeon-tooltip.active .acordeon-tooltip-content {
      opacity: 1;
      visibility: visible; }
    .acordeon .acordeon-tooltip .acordeon-tooltip-btn,
	.acordeon .acordeon-tooltip .acordeon-tooltip-btn2	{
      cursor: pointer;
      display: inline-block;
      background: #aeaeae;
      -webkit-transition: background .6s ease;
      -o-transition: background .6s ease;
      transition: background .6s ease;
      width: 34px;
      height: 34px;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .acordeon .acordeon-tooltip .acordeon-tooltip-btn,
		.acordeon .acordeon-tooltip .acordeon-tooltip-btn2 {
          width: 25px;
          height: 25px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .acordeon .acordeon-tooltip .acordeon-tooltip-btn,
		.acordeon .acordeon-tooltip .acordeon-tooltip-btn2 {
          width: 24px;
          height: 24px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .acordeon .acordeon-tooltip .acordeon-tooltip-btn,
		.acordeon .acordeon-tooltip .acordeon-tooltip-btn2 {
          width: 24px;
          height: 24px; } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .acordeon .acordeon-tooltip .acordeon-tooltip-btn,
		.acordeon .acordeon-tooltip .acordeon-tooltip-btn2 {
          width: 25px;
          height: 25px; } }
      @media screen and (max-width: 639px) {
        .acordeon .acordeon-tooltip .acordeon-tooltip-btn,
		.acordeon .acordeon-tooltip .acordeon-tooltip-btn2 {
          width: 16px;
          height: 16px; } }
      @media screen and (min-width: 1000px) {
        .acordeon .acordeon-tooltip .acordeon-tooltip-btn:hover,
		.acordeon .acordeon-tooltip .acordeon-tooltip-btn2:hover {
          background: #262626; }
          .acordeon .acordeon-tooltip .acordeon-tooltip-btn:hover .svg,
		  .acordeon .acordeon-tooltip .acordeon-tooltip-btn2:hover .svg{
            fill: #fff; } }
      .acordeon .acordeon-tooltip .acordeon-tooltip-btn .svg,
	  .acordeon .acordeon-tooltip .acordeon-tooltip-btn2 .svg	  {
        fill: #fff; }
    .acordeon .acordeon-tooltip .acordeon-tooltip-content,.basket-tooltip-content {
      background: #262626;
      width: 605px;
      position: absolute;
      left: 50px;
      padding: 24px 24px 19px;
      top: 17px;
      opacity: 0;
      visibility: hidden;
      -webkit-transition: opacity .6s ease, visibility 0s ease .6s;
      -o-transition: opacity .6s ease, visibility 0s ease .6s;
      transition: opacity .6s ease, visibility 0s ease .6s;
      -webkit-transform: translate3d(0, -35%, 0);
              transform: translate3d(0, -35%, 0);
      z-index: 1; }
	.basket-tooltip-close {
		position: absolute;
		right: 0;
		top: 0;
		width: 55px;
		height: 55px;
		display: inline-block;
		z-index: 1;
	}
	.basket-tooltip-content .basket-tooltip-close svg {
		fill: #fff;
		width: 16px;
		height: 15px;
	}
	.basket-tooltip-text, .basket-tooltip-text a {
		color: #d0d0d0;
	}
	.basket-tooltip-content {
		width: auto;
		right: 2px;
		left: auto;
		top: 170px;
		visibility: hidden;
		opacity: 0;
		z-index: 2000;
	}
	.basket-tooltip-content.active {
		visibility: visible;
		opacity: 1;
	}
	.basket-tooltip-content:before {
		content: "";
		border-right: 16px solid #262626;
		border-top: 16px solid transparent;
		border-bottom: 16px solid transparent;
		position: absolute;
		right: 40px;
		top: -23px;
		-webkit-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transform: rotate(90deg);
		}
	@media screen and (min-width: 2295px) {
		.basket-tooltip-content .basket-tooltip-close {
			width: 75px;
			height: 75px;
		}
		.basket-tooltip-content .basket-tooltip-close svg {
			width: 21px;
			height: 21px;
		}
		.basket-tooltip-content {
			/*left: -230px;
			width: 300px;*/
			top: 180px;
			padding: 25px 25px 20px;
		}
	}
	@media screen and (max-width: 2295px) and (min-width: 1721px) {
		.basket-tooltip-content {
			/*left: -230px;
			width: 300px;*/
			top: 140px;
			padding: 25px 25px 20px;
		}
		.basket-tooltip-content:before {
			right: 25px;
		}
		.basket-tooltip-content .basket-tooltip-close svg {
			width: 17px;
			height: 17px;
		}
	}
	@media screen and (max-width: 1720px) and (min-width: 1301px) {
		.basket-tooltip-content {
			/*left: -535px;*/
			top: 130px;
			padding: 24px 24px 19px;
		}
		.basket-tooltip-content:before {
			right: 25px;
		}
		.basket-tooltip-content .basket-tooltip-close svg {
			width: 16px;
			height: 15px;
		}
	}
	@media screen and (max-width: 1300px) and (min-width: 1001px) {
    	.basket-tooltip-content {
			/*left: -553px;*/
			top: 110px;
		}
		.basket-tooltip-content:before {
			right: 15px;
		}
	}
	@media screen and (max-width: 1000px) {
		.basket-tooltip-content {
			/*left: -230px;
			width: 300px;*/
			top: 130px;
			padding: 33px 31px;
		}
		.basket-tooltip-content:before {
			right: 25px;
		}
		.basket-tooltip-content .basket-tooltip-close {
			width: 55px;
			height: 55px;
		}
		.basket-tooltip-content .basket-tooltip-close svg {
			width: 17px;
			height: 17px;
		}
	}
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .acordeon .acordeon-tooltip .acordeon-tooltip-content {
          left: 37px;
          top: 12.5px;
          width: 454px;
          padding: 20px 25px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .acordeon .acordeon-tooltip .acordeon-tooltip-content {
          left: 35px;
          top: 12px;
          width: 430px;
          padding: 19px 24px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .acordeon .acordeon-tooltip .acordeon-tooltip-content {
          left: 35px;
          top: 12px;
          width: calc(100% - 35px);
          padding: 19px 24px; } }
      @media screen and (max-width: 1000px) {
        .acordeon .acordeon-tooltip .acordeon-tooltip-content {
          left: -20px;
          top: -12px;
          width: 640px;
          padding: 33px 31px;
          -webkit-transform: translate3d(0, -100%, 0);
                  transform: translate3d(0, -100%, 0); } }
      @media screen and (max-width: 639px) {
        .acordeon .acordeon-tooltip .acordeon-tooltip-content {
          width: 320px;
          left: -8px;
          top: -8.5px;
          padding: 36px 17px; } }
      .acordeon .acordeon-tooltip .acordeon-tooltip-content:before {
        content: "";
        border-right: 16px solid #262626;
        border-top: 16px solid transparent;
        border-bottom: 16px solid transparent;
        position: absolute;
        left: -16px;
        top: 35%;
        -webkit-transform: translate(0, -50%);
            -ms-transform: translate(0, -50%);
                transform: translate(0, -50%); }
        @media screen and (max-width: 2295px) and (min-width: 1721px) {
          .acordeon .acordeon-tooltip .acordeon-tooltip-content:before {
            border-width: 12px;
            left: -12px; } }
        @media screen and (max-width: 1720px) and (min-width: 1301px) {
          .acordeon .acordeon-tooltip .acordeon-tooltip-content:before {
            border-width: 11px;
            left: -11px; } }
        @media screen and (max-width: 1300px) and (min-width: 1001px) {
          .acordeon .acordeon-tooltip .acordeon-tooltip-content:before {
            border-width: 11px;
            left: -11px; } }
        @media screen and (max-width: 1000px) {
          .acordeon .acordeon-tooltip .acordeon-tooltip-content:before {
            border-right: 12px solid transparent;
            border-top: 12px solid #262626;
            border-left: 12px solid transparent;
            left: 20px;
            bottom: -28px;
            top: auto;
            -webkit-transform: none;
                -ms-transform: none;
                    transform: none; } }
        @media screen and (max-width: 639px) {
          .acordeon .acordeon-tooltip .acordeon-tooltip-content:before {
            border-width: 8.5px;
            bottom: -17px;
            left: 8px; } }
      .acordeon .acordeon-tooltip .acordeon-tooltip-content .acordeon-tooltip-title {
        text-transform: uppercase;
        color: #fff;
        margin-bottom: 42px;
        width: calc(100% - 50px); }
        @media screen and (max-width: 2295px) and (min-width: 1721px) {
          .acordeon .acordeon-tooltip .acordeon-tooltip-content .acordeon-tooltip-title {
            margin-bottom: 29px; } }
        @media screen and (max-width: 1720px) and (min-width: 1301px) {
          .acordeon .acordeon-tooltip .acordeon-tooltip-content .acordeon-tooltip-title {
            margin-bottom: 30px; } }
        @media screen and (max-width: 1300px) and (min-width: 1001px) {
          .acordeon .acordeon-tooltip .acordeon-tooltip-content .acordeon-tooltip-title {
            margin-bottom: 29px; } }
        @media screen and (max-width: 1000px) and (min-width: 640px) {
          .acordeon .acordeon-tooltip .acordeon-tooltip-content .acordeon-tooltip-title {
            margin-bottom: 17px; } }
        @media screen and (max-width: 639px) {
          .acordeon .acordeon-tooltip .acordeon-tooltip-content .acordeon-tooltip-title {
            margin-bottom: 17px; } }
      .acordeon .acordeon-tooltip .acordeon-tooltip-content .acordeon-tooltip-text {
        color: #d0d0d0; }
      .acordeon .acordeon-tooltip .acordeon-tooltip-content .acordeon-tooltip-link a {
        text-decoration: none;
        border-bottom: 1px solid #fbea3a; }
      .acordeon .acordeon-tooltip .acordeon-tooltip-content .acordeon-tooltip-close {
        position: absolute;
        right: 0;
        top: 0;
        width: 75px;
        height: 75px;
        display: inline-block;
        z-index: 1; }
        @media screen and (max-width: 2295px) and (min-width: 1721px) {
          .acordeon .acordeon-tooltip .acordeon-tooltip-content .acordeon-tooltip-close {
            width: 55px;
            height: 55px; } }
        @media screen and (max-width: 1720px) and (min-width: 1301px) {
          .acordeon .acordeon-tooltip .acordeon-tooltip-content .acordeon-tooltip-close {
            width: 55px;
            height: 55px; } }
        @media screen and (max-width: 1300px) and (min-width: 1001px) {
          .acordeon .acordeon-tooltip .acordeon-tooltip-content .acordeon-tooltip-close {
            width: 55px;
            height: 55px; } }
        @media screen and (max-width: 1000px) and (min-width: 640px) {
          .acordeon .acordeon-tooltip .acordeon-tooltip-content .acordeon-tooltip-close {
            width: 55px;
            height: 55px; } }
        @media screen and (max-width: 639px) {
          .acordeon .acordeon-tooltip .acordeon-tooltip-content .acordeon-tooltip-close {
            width: 48px;
            height: 48px; } }
        .acordeon .acordeon-tooltip .acordeon-tooltip-content .acordeon-tooltip-close svg {
          fill: #fff;
          width: 21px;
          height: 21px; }
          @media screen and (max-width: 2295px) and (min-width: 1721px) {
            .acordeon .acordeon-tooltip .acordeon-tooltip-content .acordeon-tooltip-close svg {
              width: 17px;
              height: 17px; } }
          @media screen and (max-width: 1720px) and (min-width: 1301px) {
            .acordeon .acordeon-tooltip .acordeon-tooltip-content .acordeon-tooltip-close svg {
              width: 16px;
              height: 15px; } }
          @media screen and (max-width: 1300px) and (min-width: 1001px) {
            .acordeon .acordeon-tooltip .acordeon-tooltip-content .acordeon-tooltip-close svg {
              width: 16px;
              height: 15px; } }
          @media screen and (max-width: 1000px) and (min-width: 640px) {
            .acordeon .acordeon-tooltip .acordeon-tooltip-content .acordeon-tooltip-close svg {
              width: 17px;
              height: 17px; } }
          @media screen and (max-width: 639px) {
            .acordeon .acordeon-tooltip .acordeon-tooltip-content .acordeon-tooltip-close svg {
              width: 10px;
              height: 10px; } }
  .acordeon .acordeon-header {
    background: #f3f3f3;
    position: relative;
    cursor: pointer;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    height: 95px;
    line-height: 95px;
    padding: 0 105px 0 40px;
    -webkit-transition: background .6s ease;
    -o-transition: background .6s ease;
    transition: background .6s ease; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .acordeon .acordeon-header {
        height: 70px;
        line-height: 70px;
        padding: 0 85px 0 30px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .acordeon .acordeon-header {
        height: 50px;
        line-height: 50px;
        padding: 0 85px 0 36px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .acordeon .acordeon-header {
        height: 50px;
        line-height: 50px;
        padding: 0 85px 0 35px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .acordeon .acordeon-header {
        height: 70px;
        line-height: 70px;
        padding: 0 85px 0 50px; } }
    @media screen and (max-width: 639px) {
      .acordeon .acordeon-header {
        height: 50px;
        line-height: 50px;
        padding: 0 85px 0 32px; } }
    .acordeon .acordeon-header span {
      text-transform: uppercase;
      color: #9b9b9b; }
	.v_prop{text-transform: lowercase;}
    .acordeon .acordeon-header div {
      display: inline-block;text-transform: lowercase;}
    .acordeon .acordeon-header .svg {
      fill: #262626;
      -webkit-transform: translate3d(-50%, -50%, 0);
              transform: translate3d(-50%, -50%, 0);
      -webkit-transition: fill .6s ease, -webkit-transform .6s ease;
      transition: fill .6s ease, -webkit-transform .6s ease;
      -o-transition: fill .6s ease, transform .6s ease;
      transition: fill .6s ease, transform .6s ease;
      transition: fill .6s ease, transform .6s ease, -webkit-transform .6s ease; }
    .acordeon .acordeon-header .acordeon-header-btn {
      position: absolute;
      top: 50%;
      right: 21px;
      -webkit-transform: translate(0, -50%);
          -ms-transform: translate(0, -50%);
              transform: translate(0, -50%); }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .acordeon .acordeon-header .acordeon-header-btn {
          right: 17px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .acordeon .acordeon-header .acordeon-header-btn {
          width: 40px;
          height: 40px;
          right: 5px; }
          .acordeon .acordeon-header .acordeon-header-btn .svg {
            width: 10px;
            height: 10px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .acordeon .acordeon-header .acordeon-header-btn {
          right: 5px; } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .acordeon .acordeon-header .acordeon-header-btn {
          right: 7px; } }
      @media screen and (max-width: 639px) {
        .acordeon .acordeon-header .acordeon-header-btn {
          right: 4px; } }
    @media screen and (min-width: 1000px) {
      .acordeon .acordeon-header:hover .acordeon-header-btn:after {
        width: 100%;
        height: 100%; } }
  .acordeon .acordeon-content {
    padding: 0 20px 20px 20px;
    background: #f3f3f3;
    display: none;
    position: relative; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .acordeon .acordeon-content {
        padding: 0 15px 15px 15px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .acordeon .acordeon-content {
        padding: 0 18px 18px 18px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .acordeon .acordeon-content {
        padding: 0 19px 18px 18px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .acordeon .acordeon-content {
        padding: 0 23px 18px 23px; } }
    @media screen and (max-width: 639px) {
      .acordeon .acordeon-content {
        padding: 0 18px 18px 18px; } }
    .acordeon .acordeon-content > .h6 {
      margin-top: 1em;
      margin-bottom: 1.5em; }
    .acordeon .acordeon-content .scroll {
      max-height: 784px; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .acordeon .acordeon-content .scroll {
          max-height: 588px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .acordeon .acordeon-content .scroll {
          max-height: 428px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .acordeon .acordeon-content .scroll {
          max-height: 425px; } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .acordeon .acordeon-content .scroll {
          max-height: none; } }
  .acordeon.active .acordeon-header .acordeon-header-btn:after {
    width: 100%;
    height: 100%; }
  .acordeon.active .acordeon-header .acordeon-header-btn .svg {
    -webkit-transform: translate3d(-50%, -50%, 0) rotate(135deg);
            transform: translate3d(-50%, -50%, 0) rotate(135deg); }

#white-theme .acordeon .acordeon-tooltip .acordeon-tooltip-content .acordeon-tooltip-title {
  color: #fff; }

#white-theme .acordeon .acordeon-tooltip .acordeon-tooltip-content .acordeon-tooltip-text {
  color: #d0d0d0; }

#white-theme .acordeon .acordeon-tooltip .acordeon-tooltip-content a.acordeon-tooltip-link {
  color: #fbea3a; }

.error-page_content {
  width: 100%;
  background: #fff;
  overflow: hidden;
  height: 100%;
  position: fixed;
  left: 0;
}
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .error-page_content {
      height: auto;
      position: relative; } }
  @media screen and (max-width: 639px) {
    .error-page_content {
      height: auto;
      position: relative; } }
  .error-page_content .content_img-block {
    float: right;
    background: #fbea3a;
    background-image: url(/images/404.png);
    background-size: 1380px;
    background-repeat: no-repeat;
    background-position-x: 50%;
    height: 100%;
    width: calc(100% - 430px); }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .error-page_content .content_img-block {
        width: calc(100% - 340px);
        background-size: 800px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .error-page_content .content_img-block {
        background-size: 600px;
        width: calc(100% - 276px); } }
    @media screen and (max-width: 1400px) and (min-width: 400px) {
      .error-page_content .content_img-block {
        width: 100%;
        background-size: 600px;
        min-height: 300px;
        height: 475px;
        top: 520px; } }
    @media screen and (max-width: 639px) {
      .error-page_content .content_img-block {
        width: 100%;
        background-size: 280px;
        min-height: 230px;
        height: 200px; } }
  .error-page_content .content_text-block {
    left: 96px;
    width: calc(100% - 870px);
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
    color: #262626; }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .error-page_content .content_text-block {
        width: calc(100% - 645px); } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .error-page_content .content_text-block {
        left: 20px;
        width: calc(100% - 40px);
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
        position: relative;
        float: left;
        top: -22px;
        margin-bottom: 50px; } }
    @media screen and (max-width: 639px) {
      .error-page_content .content_text-block {
        left: 20px;
        width: calc(100% - 40px);
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
        position: relative;
        top: -15px;
        margin-bottom: 50px; } }
    .error-page_content .content_text-block p {
      float: left; }
    .error-page_content .content_text-block a {
      float: left;
      color: #262626; }

.error404-wrapper {
  height: 100%; }

.orderTab-menu {
  height: auto;
  width: 100%;
  float: none;
  background: none;
  display: block;
  padding: 0; }
  .orderTab-menu .orderTab-menu-body {
    display: block;
    background: #fff;
    padding-left: 1%; }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .orderTab-menu .orderTab-menu-body .block-menu li {
        float: left;
        width: 50%; }
        .orderTab-menu .orderTab-menu-body .block-menu li:nth-child(2n) {
          float: right; } }
    .orderTab-menu .orderTab-menu-body .btn-simple {
      margin: 10px 0; }
    .orderTab-menu .orderTab-menu-body .scroll-content {
      position: relative;
      overflow: visible;
      width: 500px;
      margin: 0 auto !important;
      padding: 55px 0; }
      @media screen and (max-width: 639px) {
        .orderTab-menu .orderTab-menu-body .scroll-content {
          width: 280px;
          padding: 38px 0; } }
  .orderTab-menu .orderTab-menu-footer {
    height: auto;
    display: none; }
    .orderTab-menu .orderTab-menu-footer .table {
      width: 500px;
      margin: 0 auto; }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .orderTab-menu .orderTab-menu-footer .table {
          width: 500px;
          margin: 0 auto; } }
      @media screen and (max-width: 639px) {
        .orderTab-menu .orderTab-menu-footer .table {
          width: 280px;
          margin: 0 auto; } }
    .orderTab-menu .orderTab-menu-footer .orderTab-menu-footer-title {
      display: block;
      color: #8e8e8e;
      text-transform: uppercase;
      padding: 28px 0 20px; }
      @media screen and (max-width: 1000px) {
        .orderTab-menu .orderTab-menu-footer .orderTab-menu-footer-title {
          display: block; } }
    .orderTab-menu .orderTab-menu-footer a {
      margin-bottom: 20px; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .orderTab-menu .orderTab-menu-footer a {
          margin-bottom: 16px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .orderTab-menu .orderTab-menu-footer a {
          margin-bottom: 14px; } }

.orderTab-content {
  height: auto;
  width: 100%;
  float: right; }
  @media screen and (max-width: 1000px) {
    .orderTab-content {
      width: 100%;
      height: auto;
      float: none; } }
  @media screen and (max-width: 1000px) {
    .orderTab-content .scroll-content {
      position: relative;
      overflow: visible;
      padding: 0; } }

.recommended-title {
  margin-top: 113px;
  margin-bottom: 19px; }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .recommended-title {
      margin-top: 64px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .recommended-title {
      margin-top: 70px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .recommended-title {
      width: 500px;
      margin: 69px auto 20px; } }
  @media screen and (max-width: 639px) {
    .recommended-title {
      margin-top: 45px;
      margin-bottom: 14px; } }



.h1-code-order {
  font: 600 26px/22px 'Helvetica';
//letter-spacing: -.005em;
  text-transform: uppercase; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .h1-code-order {
      font-size: 20px;
      line-height: 18px;
      text-decoration: none; } }
  @media screen and (max-width: 1720px) and (min-width: 1001px) {
    .h1-code-order {
      font-size: 16px;
      line-height: 17px;
      text-decoration: none; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .h1-code-order {
      font-size: 20px;
      line-height: 18px;
      text-decoration: none; } }
  @media screen and (max-width: 639px) {
    .h1-code-order {
      font-size: 17px;
      line-height: 18px;
      text-decoration: none; } }

.h2-code-order {
  font: 600 26px/22px 'Helvetica';
//letter-spacing: -.005em; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .h2-code-order {
      font-size: 20px;
      line-height: 18px; } }
  @media screen and (max-width: 1720px) and (min-width: 1001px) {
    .h2-code-order {
      font-size: 16px;
      line-height: 17px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .h2-code-order {
      font-size: 20px;
      line-height: 18px; } }
  @media screen and (max-width: 639px) {
    .h2-code-order {
      font-size: 16px;
      line-height: 17px; } }

.animation-bg-for-link {
  position: relative;
  padding: 3px;
  text-decoration: underline;
  display: inline-block; }
  .animation-bg-for-link span {
    position: relative;
    z-index: 2; }
  .animation-bg-for-link:after {
    content: '';
    width: 0;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #fbea3a;
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease; }
  @media screen and (min-width: 1001px) {
    .animation-bg-for-link:hover:after {
      width: 100%; } }
  .animation-bg-for-link:hover > span {
    border: none !important; }

.status-order-tables {
  font-size: 0; background: #fff}
  .status-order-tables .status-order-table {
    display: inline-block;
    font-size: 0;}
    @media screen and (max-width: 1000px) {
      .status-order-tables .status-order-table {
        display: block; } }
    .status-order-tables .status-order-table .column {
      display: inline-block;
      background-color: #fff;
      vertical-align: top; }
      @media screen and (max-width: 639px) {
        .status-order-tables .status-order-table .column {
          display: block; } }
      .status-order-tables .status-order-table .column .h4 {
        line-height: 25px; }
        @media screen and (max-width: 2295px) and (min-width: 1721px) {
          .status-order-tables .status-order-table .column .h4 {
            line-height: 20px; } }
        @media screen and (max-width: 1720px) and (min-width: 1301px) {
          .status-order-tables .status-order-table .column .h4 {
            line-height: 18px; } }
        @media screen and (max-width: 1300px) and (min-width: 1001px) {
          .status-order-tables .status-order-table .column .h4 {
            line-height: 18px; } }
        @media screen and (max-width: 1000px) and (min-width: 640px) {
          .status-order-tables .status-order-table .column .h4 {
            line-height: 20px; } }
        @media screen and (max-width: 639px) {
          .status-order-tables .status-order-table .column .h4 {
            line-height: 15px; } }
      .status-order-tables .status-order-table .column .table-header {
        display: block;
        text-transform: uppercase;
        background-color: #e6e6e6;
        font-weight: 600;
        padding: 30px 0 25px 35px; }
        @media screen and (max-width: 2295px) and (min-width: 1721px) {
          .status-order-tables .status-order-table .column .table-header {
            padding: 19px 0 21px 25px; } }
        @media screen and (max-width: 1720px) and (min-width: 1301px) {
          .status-order-tables .status-order-table .column .table-header {
            padding: 18px 0 18px 20px; } }
        @media screen and (max-width: 1300px) and (min-width: 1001px) {
          .status-order-tables .status-order-table .column .table-header {
            padding: 14px 0 13px 20px; } }
        @media screen and (max-width: 1000px) and (min-width: 640px) {
          .status-order-tables .status-order-table .column .table-header {
            padding: 19px; } }
        @media screen and (max-width: 639px) {
          .status-order-tables .status-order-table .column .table-header {
            padding: 15px 15px 12px; } }
      .status-order-tables .status-order-table .column .table-content {
        display: block;
        position: relative; }
        .status-order-tables .status-order-table .column .table-content .h8 {
          line-height: 25px; }
          @media screen and (max-width: 2295px) and (min-width: 1721px) {
            .status-order-tables .status-order-table .column .table-content .h8 {
              line-height: 23px; } }
          @media screen and (max-width: 1720px) and (min-width: 1301px) {
            .status-order-tables .status-order-table .column .table-content .h8 {
              line-height: 18px; } }
          @media screen and (max-width: 1300px) and (min-width: 1001px) {
            .status-order-tables .status-order-table .column .table-content .h8 {
              line-height: 18px; } }
          @media screen and (max-width: 1000px) and (min-width: 640px) {
            .status-order-tables .status-order-table .column .table-content .h8 {
              line-height: 20px; } }
          @media screen and (max-width: 639px) {
            .status-order-tables .status-order-table .column .table-content .h8 {
              font-size: 13px;
              line-height: 18px; } }
      .status-order-tables .status-order-table .column.col-code {
        width: 183px; }
        @media screen and (max-width: 2295px) and (min-width: 1721px) {
          .status-order-tables .status-order-table .column.col-code {
            width: 134px;
            } }
        @media screen and (max-width: 1720px) and (min-width: 1301px) {
          .status-order-tables .status-order-table .column.col-code {
            width: 120px; } }
        @media screen and (max-width: 1300px) and (min-width: 1001px) {
          .status-order-tables .status-order-table .column.col-code {
            width: 120px; } }
        @media screen and (max-width: 1000px) and (min-width: 640px) {
          .status-order-tables .status-order-table .column.col-code {
            width: 144px; } }
        @media screen and (max-width: 639px) {
          .status-order-tables .status-order-table .column.col-code {
            width: 100%; } }
        .status-order-tables .status-order-table .column.col-code .table-content {
          padding: 29px 0 21px 35px; }
          @media screen and (max-width: 2295px) and (min-width: 1721px) {
            .status-order-tables .status-order-table .column.col-code .table-content {
              padding: 17px 0 17px 25px; } }
          @media screen and (max-width: 1720px) and (min-width: 1301px) {
            .status-order-tables .status-order-table .column.col-code .table-content {
              padding: 15px 0 14px 25px; } }
          @media screen and (max-width: 1300px) and (min-width: 1001px) {
            .status-order-tables .status-order-table .column.col-code .table-content {
              padding: 11px 0 10px 25px; } }
          @media screen and (max-width: 1000px) and (min-width: 640px) {
            .status-order-tables .status-order-table .column.col-code .table-content {
              padding: 17px 0 15px 19px; } }
          @media screen and (max-width: 639px) {
            .status-order-tables .status-order-table .column.col-code .table-content {
              padding: 11px 0 10px 12px; } }
          .status-order-tables .status-order-table .column.col-code .table-content .table-num {
            left: -4px;
            position: relative; }
          .status-order-tables .status-order-table .column.col-code .table-content .table-data {
            line-height: 30px; }
            @media screen and (max-width: 2295px) and (min-width: 1721px) {
              .status-order-tables .status-order-table .column.col-code .table-content .table-data {
                line-height: 24px; } }
            @media screen and (max-width: 1720px) and (min-width: 1301px) {
              .status-order-tables .status-order-table .column.col-code .table-content .table-data {
                line-height: 18px; } }
            @media screen and (max-width: 1300px) and (min-width: 1001px) {
              .status-order-tables .status-order-table .column.col-code .table-content .table-data {
                line-height: 18px; } }
            @media screen and (max-width: 1000px) and (min-width: 640px) {
              .status-order-tables .status-order-table .column.col-code .table-content .table-data {
                line-height: 24px; } }
            @media screen and (max-width: 639px) {
              .status-order-tables .status-order-table .column.col-code .table-content .table-data {
                line-height: 18px; } }
            .status-order-tables .status-order-table .column.col-code .table-content .table-data span {
              display: block; }
      .status-order-tables .status-order-table .column.col-constitution {
        width: 519px; }
        @media screen and (max-width: 2295px) and (min-width: 1721px) {
          .status-order-tables .status-order-table .column.col-constitution {
            width: 366px; } }
        @media screen and (max-width: 1720px) and (min-width: 1301px) {
          .status-order-tables .status-order-table .column.col-constitution {
            width: 212px; } }
        @media screen and (max-width: 1300px) and (min-width: 1001px) {
          .status-order-tables .status-order-table .column.col-constitution {
            width: 327px; } }
        @media screen and (max-width: 1000px) and (min-width: 640px) {
          .status-order-tables .status-order-table .column.col-constitution {
            width: 230px; } }
        @media screen and (max-width: 639px) {
          .status-order-tables .status-order-table .column.col-constitution {
            width: 100%; } }
        .status-order-tables .status-order-table .column.col-constitution .table-content {
          padding: 24px 0 24px 35px; }
          @media screen and (max-width: 2295px) and (min-width: 1721px) {
            .status-order-tables .status-order-table .column.col-constitution .table-content {
              padding: 14px 0 20px 25px; } }
          @media screen and (max-width: 1720px) and (min-width: 1301px) {
            .status-order-tables .status-order-table .column.col-constitution .table-content {
              padding: 14px 0 16px 20px; } }
          @media screen and (max-width: 1300px) and (min-width: 1001px) {
            .status-order-tables .status-order-table .column.col-constitution .table-content {
              padding: 10px 0 11px 20px; } }
          @media screen and (max-width: 1000px) and (min-width: 640px) {
            .status-order-tables .status-order-table .column.col-constitution .table-content {
              padding: 14px 0 18px 19px; } }
          @media screen and (max-width: 639px) {
            .status-order-tables .status-order-table .column.col-constitution .table-content {
              height: auto !important;
              padding: 9px 0 10px 14px; } }
          .status-order-tables .status-order-table .column.col-constitution .table-content .animation-bg-for-link {
            line-height: 30px;
            padding: 1px 0 0 1px;
            margin-right: 3px;
            float: left; }
            @media screen and (max-width: 2295px) and (min-width: 1721px) {
              .status-order-tables .status-order-table .column.col-constitution .table-content .animation-bg-for-link {
                line-height: 24px; } }
            @media screen and (max-width: 1720px) and (min-width: 1301px) {
              .status-order-tables .status-order-table .column.col-constitution .table-content .animation-bg-for-link {
                line-height: 20px; } }
            @media screen and (max-width: 1300px) and (min-width: 1001px) {
              .status-order-tables .status-order-table .column.col-constitution .table-content .animation-bg-for-link {
                line-height: 20px; } }
            @media screen and (max-width: 1000px) and (min-width: 640px) {
              .status-order-tables .status-order-table .column.col-constitution .table-content .animation-bg-for-link {
                line-height: 24px; } }
            @media screen and (max-width: 639px) {
              .status-order-tables .status-order-table .column.col-constitution .table-content .animation-bg-for-link {
                line-height: 24px; } }
      .status-order-tables .status-order-table .column.col-cost {
        width: 180px;
        text-align: center; }
        @media screen and (max-width: 2295px) and (min-width: 1721px) {
          .status-order-tables .status-order-table .column.col-cost {
            width: 159px; } }
        @media screen and (max-width: 1720px) and (min-width: 1301px) {
          .status-order-tables .status-order-table .column.col-cost {
            width: 121px; } }
        @media screen and (max-width: 1300px) and (min-width: 1001px) {
          .status-order-tables .status-order-table .column.col-cost {
            width: 125px; } }
        @media screen and (max-width: 1000px) and (min-width: 640px) {
          .status-order-tables .status-order-table .column.col-cost {
            width: 226px;
            text-align: left; } }
        @media screen and (max-width: 639px) {
          .status-order-tables .status-order-table .column.col-cost {
            width: 100%;
            text-align: left; } }
        .status-order-tables .status-order-table .column.col-cost .table-header {
          padding-left: 0; }
          @media screen and (max-width: 2295px) and (min-width: 1721px) {
            .status-order-tables .status-order-table .column.col-cost .table-header {
              padding-left: 25px; } }
          @media screen and (max-width: 1720px) and (min-width: 1301px) {
            .status-order-tables .status-order-table .column.col-cost .table-header {
              padding-left: 20px;
              text-align: left; } }
          @media screen and (max-width: 1300px) and (min-width: 1001px) {
            .status-order-tables .status-order-table .column.col-cost .table-header {
              padding-left: 25px; } }
          @media screen and (max-width: 1000px) and (min-width: 640px) {
            .status-order-tables .status-order-table .column.col-cost .table-header {
              padding-left: 25px; } }
          @media screen and (max-width: 639px) {
            .status-order-tables .status-order-table .column.col-cost .table-header {
              padding-left: 16px; } }
        .status-order-tables .status-order-table .column.col-cost .table-content {
          font-size: 26px;
          padding: 29px 0 25px 0; }
          @media screen and (max-width: 2295px) and (min-width: 1721px) {
            .status-order-tables .status-order-table .column.col-cost .table-content {
              padding: 19px 0 20px 25px;
              font-size: 20px; } }
          @media screen and (max-width: 1720px) and (min-width: 1301px) {
            .status-order-tables .status-order-table .column.col-cost .table-content {
              padding: 18px 0 18px 20px;
              font-size: 20px; }
              .status-order-tables .status-order-table .column.col-cost .table-content .table-cell {
                text-align: left; } }
          @media screen and (max-width: 1300px) and (min-width: 1001px) {
            .status-order-tables .status-order-table .column.col-cost .table-content {
              padding: 14px 0 12px 25px;
              font-size: 20px; } }
          @media screen and (max-width: 1000px) and (min-width: 640px) {
            .status-order-tables .status-order-table .column.col-cost .table-content {
              padding: 19px 0 18px 25px;
              font-size: 20px; } }
          @media screen and (max-width: 639px) {
            .status-order-tables .status-order-table .column.col-cost .table-content {
              padding: 16px 0 13px 16px;
              font-size: 20px;
              height: auto !important; } }
      .status-order-tables .status-order-table .column.col-pay {
        width: 315px; }
        @media screen and (max-width: 2295px) and (min-width: 1721px) {
          .status-order-tables .status-order-table .column.col-pay {
            width: 236px; } }
        @media screen and (max-width: 1720px) and (min-width: 1301px) {
          .status-order-tables .status-order-table .column.col-pay {
            width: 205px; } }
        @media screen and (max-width: 1300px) and (min-width: 1001px) {
          .status-order-tables .status-order-table .column.col-pay {
            width: 208px; } }
        @media screen and (max-width: 1000px) and (min-width: 640px) {
          .status-order-tables .status-order-table .column.col-pay {
            width: 230px; } }
        @media screen and (max-width: 639px) {
          .status-order-tables .status-order-table .column.col-pay {
            width: 100%; } }
        .status-order-tables .status-order-table .column.col-pay .table-content {
          padding: 30px 0 25px 35px; }
          @media screen and (max-width: 2295px) and (min-width: 1721px) {
            .status-order-tables .status-order-table .column.col-pay .table-content {
              padding: 19px 0 21px 25px; } }
          @media screen and (max-width: 1720px) and (min-width: 1301px) {
            .status-order-tables .status-order-table .column.col-pay .table-content {
              padding: 18px 0 18px 25px; } }
          @media screen and (max-width: 1300px) and (min-width: 1001px) {
            .status-order-tables .status-order-table .column.col-pay .table-content {
              padding: 14px 0 13px 25px; } }
          @media screen and (max-width: 1000px) and (min-width: 640px) {
            .status-order-tables .status-order-table .column.col-pay .table-content {
              padding: 19px 0 19px 25px; } }
          @media screen and (max-width: 639px) {
            .status-order-tables .status-order-table .column.col-pay .table-content {
              height: auto !important;
              padding: 15px 0 12px 16px; } }
      .status-order-tables .status-order-table .column.cal-status {
        width: 245px; }
        @media screen and (max-width: 2295px) and (min-width: 1721px) {
          .status-order-tables .status-order-table .column.cal-status {
            width: 158px; } }
        @media screen and (max-width: 1720px) and (min-width: 1301px) {
          .status-order-tables .status-order-table .column.cal-status {
            width: 106px; } }
        @media screen and (max-width: 1300px) and (min-width: 1001px) {
          .status-order-tables .status-order-table .column.cal-status {
            width: 250px; } }
        @media screen and (max-width: 1000px) and (min-width: 640px) {
          .status-order-tables .status-order-table .column.cal-status {
            width: 170px; } }
        @media screen and (max-width: 639px) {
          .status-order-tables .status-order-table .column.cal-status {
            width: 100%; } }
        .status-order-tables .status-order-table .column.cal-status .table-content {
          padding: 25px 0 21px 35px; }
          @media screen and (max-width: 2295px) and (min-width: 1721px) {
            .status-order-tables .status-order-table .column.cal-status .table-content {
              padding: 15px 0 17px 25px; } }
          @media screen and (max-width: 1720px) and (min-width: 1301px) {
            .status-order-tables .status-order-table .column.cal-status .table-content {
              padding: 16px 0 16px 25px; } }
          @media screen and (max-width: 1300px) and (min-width: 1001px) {
            .status-order-tables .status-order-table .column.cal-status .table-content {
              padding: 12px 0 10px 25px; } }
          @media screen and (max-width: 1000px) and (min-width: 640px) {
            .status-order-tables .status-order-table .column.cal-status .table-content {
              padding: 15px 0 15px 25px; } }
          @media screen and (max-width: 639px) {
            .status-order-tables .status-order-table .column.cal-status .table-content {
              height: auto !important;
              padding: 13px 0 10px 16px; } }
          .status-order-tables .status-order-table .column.cal-status .table-content .table-data {
            line-height: 30px; }
            @media screen and (max-width: 2295px) and (min-width: 1721px) {
              .status-order-tables .status-order-table .column.cal-status .table-content .table-data {
                line-height: 24px; } }
            @media screen and (max-width: 1720px) and (min-width: 1301px) {
              .status-order-tables .status-order-table .column.cal-status .table-content .table-data {
                line-height: 18px; } }
            @media screen and (max-width: 1300px) and (min-width: 1001px) {
              .status-order-tables .status-order-table .column.cal-status .table-content .table-data {
                line-height: 18px; } }
            @media screen and (max-width: 1000px) and (min-width: 640px) {
              .status-order-tables .status-order-table .column.cal-status .table-content .table-data {
                line-height: 24px; } }
            @media screen and (max-width: 639px) {
              .status-order-tables .status-order-table .column.cal-status .table-content .table-data {
                line-height: 18px; } }
            .status-order-tables .status-order-table .column.cal-status .table-content .table-data span {
              display: block; }
      .status-order-tables .status-order-table .column.cal-paid {
        width: 148px;
        text-align: center; }
        @media screen and (max-width: 2295px) and (min-width: 1721px) {
          .status-order-tables .status-order-table .column.cal-paid {
            width: 143px; } }
        @media screen and (max-width: 1720px) and (min-width: 1301px) {
          .status-order-tables .status-order-table .column.cal-paid {
            width: 107px; } }
        @media screen and (max-width: 1300px) and (min-width: 1001px) {
          .status-order-tables .status-order-table .column.cal-paid {
            width: 114px; } }
        @media screen and (max-width: 1000px) and (min-width: 640px) {
          .status-order-tables .status-order-table .column.cal-paid {
            width: 200px;
            text-align: left; } }
        @media screen and (max-width: 639px) {
          .status-order-tables .status-order-table .column.cal-paid {
            width: 100%;
            text-align: left; } }
        .status-order-tables .status-order-table .column.cal-paid .table-header {
          padding-left: 0; }
          @media screen and (max-width: 1000px) and (min-width: 640px) {
            .status-order-tables .status-order-table .column.cal-paid .table-header {
              padding-left: 15px; } }
          @media screen and (max-width: 639px) {
            .status-order-tables .status-order-table .column.cal-paid .table-header {
              padding-left: 15px; } }
        .status-order-tables .status-order-table .column.cal-paid .table-content {
          font-size: 20px;
          padding: 29px 0 25px 0; }
          @media screen and (max-width: 2295px) and (min-width: 1721px) {
            .status-order-tables .status-order-table .column.cal-paid .table-content {
              padding: 20px 0 22px 0; } }
          @media screen and (max-width: 1720px) and (min-width: 1301px) {
            .status-order-tables .status-order-table .column.cal-paid .table-content {
              padding: 19px 0 19px 0; } }
          @media screen and (max-width: 1300px) and (min-width: 1001px) {
            .status-order-tables .status-order-table .column.cal-paid .table-content {
              padding: 15px 0 13px 0; } }
          @media screen and (max-width: 1000px) and (min-width: 640px) {
            .status-order-tables .status-order-table .column.cal-paid .table-content {
              padding: 20px 0 20px 15px; } }
          @media screen and (max-width: 639px) {
            .status-order-tables .status-order-table .column.cal-paid .table-content {
              padding: 16px 0 12px 15px;
              height: auto !important; } }

.status-order-btns {
  margin-top: 20px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .status-order-btns {
      margin-top: 16px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .status-order-btns {
      margin-top: 16px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .status-order-btns {
      margin-top: 12px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .status-order-btns {
      margin-top: 0 } }
  @media screen and (max-width: 639px) {
    .status-order-btns {
      margin-top: 0 } }
  .status-order-btns .left-btns {
    float: left; }
    @media screen and (max-width: 1000px) {
      .status-order-btns .left-btns .btn-title {
        display: none; } }
  .status-order-btns .right-btns {
    float: right;
    width: 75%; }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .status-order-btns .right-btns {
        width: 70%; } }
    @media screen and (max-width: 1000px) {
      .status-order-btns .right-btns {
        width: 100%; } }
    @media screen and (max-width: 639px) {
      .status-order-btns .right-btns {
        margin-bottom: 8px } }

    .status-order-btns .right-btns .btn-main-static {
      margin-left: 20px;
      margin-bottom: 21px; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .status-order-btns .right-btns .btn-main-static {
          margin-left: 16px;
          margin-bottom: 15px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .status-order-btns .right-btns .btn-main-static {
          margin-left: 14px;
          margin-bottom: 16px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .status-order-btns .right-btns .btn-main-static {
          margin-left: 12px;
          margin-bottom: 12px; } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .status-order-btns .right-btns .btn-main-static {
          margin-left: 0;
          margin-bottom: 21px; } }
      @media screen and (max-width: 639px) {
        .status-order-btns .right-btns .btn-main-static {
          margin-left: 0 } }

.basket-title {
  position: relative;
  width: 33.3333%;
  float: left;
  padding: 60px 0; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .basket-title {
      margin: 60px 0 -20px 0;
      padding: 40px 0; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .basket-title {
      margin: 60px 0 -10px 0;
      padding: 20px 0; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .basket-title {
      margin: 50px 0 0 0;
      padding: 15px 0; } }
  @media screen and (max-width: 1000px) {
    .basket-title {
      margin: 75px 0 0 0;
      display: none;
      padding: 7px 0; } }
  @media screen and (max-width: 639px) {
    .basket-title {
      margin: 50px 0 0 0;
      display: none;
      padding: 7px 0 2px; } }
  .basket-title:nth-child(1) {
    width: 35%; }
    @media screen and (max-width: 1000px) {
      .basket-title:nth-child(1) {
        width: 100%; } }
  .basket-title:nth-child(2) {
    width: 40%; }
    @media screen and (max-width: 1000px) {
      .basket-title:nth-child(2) {
        width: 100%; } }
  .basket-title:nth-child(3) {
    width: 25%; }
    @media screen and (max-width: 1000px) {
      .basket-title:nth-child(3) {
        width: 100%; } }
  .basket-title.done .basket-title-text {
    color: #9b9b9b; }
  .basket-title.done .basket-title-numb {
    color: #d7d7d7; }
  .basket-title .basket-title-numb {
    color: #c3c3c3;
    font-size: 200px;
    line-height: 200px; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .basket-title .basket-title-numb {
        font-size: 150px;
        line-height: 150px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .basket-title .basket-title-numb {
        font-size: 130px;
        line-height: 130px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .basket-title .basket-title-numb {
        font-size: 116px;
        line-height: 116px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .basket-title .basket-title-numb {
        font-size: 150px;
        line-height: 143px; } }
    @media screen and (max-width: 639px) {
      .basket-title .basket-title-numb {
        font-size: 105px;
        line-height: 105px; } }
  .basket-title .basket-title-done {
    color: #9b9b9b;
    position: absolute;
    z-index: 2;
    top: 40%;
    left: 43px;
    -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
    font-weight: 400;
    font-family: 'Intro Book Alt';
    font-style: normal; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .basket-title .basket-title-done {
        left: 35px;
        top: 39%; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .basket-title .basket-title-done {
        left: 30px;
        top: 37%; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .basket-title .basket-title-done {
        top: 37%; } }
    @media screen and (max-width: 639px) {
      .basket-title .basket-title-done {
        left: 30px; } }
  .basket-title .basket-title-text {
    color: #3e4349;
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 43px;
    -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
    font-weight: 800;
    text-transform: uppercase;
    line-height: 1.8em; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .basket-title .basket-title-text {
        left: 35px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .basket-title .basket-title-text {
        left: 30px;
        font-size: 16px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .basket-title .basket-title-text {
        font-size: 18px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .basket-title .basket-title-text {
        font-size: 18px; } }
    @media screen and (max-width: 639px) {
      .basket-title .basket-title-text {
        font-size: 18px;
        left: 30px; } }
  .basket-title:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 60px;
    width: 31px;
    height: 72px;
    display: block;
    -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAA3CAYAAAAWjYobAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NDkxMSwgMjAxMy8xMC8yOS0xMTo0NzoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5Rjg1NERCNUMxOTIxMUU2QTRERjhDRUM4NDAzOEQyMiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo5Rjg1NERCNkMxOTIxMUU2QTRERjhDRUM4NDAzOEQyMiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjlGODU0REIzQzE5MjExRTZBNERGOENFQzg0MDM4RDIyIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjlGODU0REI0QzE5MjExRTZBNERGOENFQzg0MDM4RDIyIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Ti/cIwAAAdlJREFUeNq0l88rRFEUx99okjLKwoKFhSKLIeVHSZEyKUIWTEk0xDQz5a9RiJJsJKUkzYLNLNhJsWAjxUKJJKIk43vrTL3GzLx337vfU5+mN/N6n3vuufPuuYF0Om2Rog28lFm8WAZdLEEraACHLEEKrIOfIOHhVSAKWtQFI4NZcAIeWQI1PSu5C9OCfvnMsARJ++hNC+pABGyzBAtgF7zbvzS1TNVz4mA4/wdTGYyBO3DFEvwrrklBMwiDfZZAjX4TfBcrjp+oBNOgo9gNfjOYAqfgniVIFSuuCUE3CIFjlkCNfhVkGYIaMAq2nG70KpiXdf/q5h2iG2pQCTDp9mbdGAJP4JwlyBXX9WtWJ1Sv0wkmdOZTJxKyY30xMqgAMdCjuyLcRlQKe8sSJHWKqytol67hiCVQo18Dv166AaeolmXZZHn82ztFTKbm2Ws/UyoCMj1zXt/pThkMgE9wxhI4bol+BPWgF+ywBHF5+IffprVQlMuuFfHblRXLYBzcgGuWwHdxSwlUI9sIDlgCNfoNdYg2dTKxR0j6zbCpc1V+BjP2QzRDYKy4hQR9cp1hCXKbSpYhqAWD+YdokwJ1iN4Db6YFQWFR2nGLkcEIeACXLMEFWLJI8SfAAPchSvopQPVWAAAAAElFTkSuQmCC");
    background-size: contain;
    background-repeat: no-repeat; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .basket-title:after {
        width: 24px;
        height: 55px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .basket-title:after {
        width: 21px;
        height: 47px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .basket-title:after {
        width: 19px;
        height: 43px; } }
    @media screen and (max-width: 1000px) {
      .basket-title:after {
        display: none; } }
  .basket-title:last-child:after {
    display: none; }
  .basket-title.active {
    display: block; }
    .basket-title.active .basket-title-numb {
      color: #fbea3a; }

.basket_main-block {
  background: #fff;
  padding: 52px;
  margin-bottom: 15px;
  padding-top: 36px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .basket_main-block {
      padding: 40px;
      padding-top: 36px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .basket_main-block {
      padding: 30px;
      padding-top: 21px;
      padding-bottom: 22px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .basket_main-block {
      padding: 29px;
      padding-top: 23px;
      padding-bottom: 20px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .basket_main-block {
      padding: 26px;
      padding-bottom: 42px;
      }
	  #popup-forgot-password .basket_main-block {padding-left: 0; margin-bottom: 0; padding-bottom: 95px}
}
  @media screen and (max-width: 639px) {
    .basket_main-block {
      padding: 15px 8px;
      margin-bottom: 30px; }
		#popup-forgot-password .basket_main-block {padding-left: 0; margin-bottom: 0; padding-bottom: 45px}
	}
  .basket_main-block .list-orders {
    border-top: 2px solid #f3f3f3;
    border-bottom: 0; }
  .basket_main-block .svg.svg-checkbox {
    color: #262626; }
  @media screen and (max-width: 1000px) {
    .basket_main-block .basket-btn-main-static {
      margin-bottom: 70px; } }
  .basket_main-block .scroll-content {
    padding-right: 0; }
  .basket_main-block .basket-total-common {
    height: auto;
    line-height: 1em;
    padding: 25px 0 0 0;
    margin-bottom: -10px; }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .basket_main-block .basket-total-common {
        padding: 10px 0;
        margin-bottom: -20px; } }
    @media screen and (max-width: 1000px) {
      .basket_main-block .basket-total-common {
        padding: 10px 0 10px;
        margin-bottom: -15px; } }
  .basket_main-block textarea {
    overflow: auto;
    height: 218px; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .basket_main-block textarea {
        height: 218px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .basket_main-block textarea {
        height: 190px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .basket_main-block textarea {
        height: 190px; } }
    @media screen and (max-width: 639px) {
      .basket_main-block textarea {
        height: 192px; } }
  .basket_main-block .btn-left {
    margin-right: 40px; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .basket_main-block .btn-left {
        margin-right: 26px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .basket_main-block .btn-left {
        margin-right: 18px; } }
    @media screen and (max-width: 639px) {
      .basket_main-block .btn-left {
        margin-bottom: 8px; } }
  @media screen and (max-width: 639px) {
    .basket_main-block + .btn-main-anim.btn-main span:last-child {
      display: none; } }

.basket-common {
  padding-top: 40px;
  position: relative; }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .basket-common {
      padding-top: 29px;
      margin-top: 23px; } }
  @media screen and (max-width: 639px) {
    .basket-common {
      margin-top: 32px; } }
  .basket-common:after {
    content: '';
    width: calc(100% + 52px * 2);
    height: 2px;
    background: #f4f4f4;
    display: block;
    position: absolute;
    top: 0;
    left: -52px; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .basket-common:after {
        left: -40px;
        width: calc(100% + 40px * 2); } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .basket-common:after {
        left: -30px;
        width: calc(100% + 30px * 2); } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .basket-common:after {
        left: -29px;
        width: calc(100% + 29px * 2); } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .basket-common:after {
        left: -26px;
        width: calc(100% + 26px * 2); } }
    @media screen and (max-width: 639px) {
      .basket-common:after {
        left: -15px;
        width: calc(100% + 15px * 2); } }
  .basket-common .basket-common-item {
    width: 100%;
    border: none;
    color: #0d1115;
    background: #f3f3f3;
    margin-bottom: 2px;
    height: 92px; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .basket-common .basket-common-item {
        height: 70px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .basket-common .basket-common-item {
        height: 50px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .basket-common .basket-common-item {
        height: 44px; } }
    @media screen and (max-width: 1000px) and (min-width: 639px) {
      .basket-common .basket-common-item {
        height: 70px; } }
    @media screen and (max-width: 639px) {
      .basket-common .basket-common-item {
        height: 44px; } }
    .basket-common .basket-common-item .basket-common-item-title {
      float: left;
      text-transform: uppercase;
      margin-left: 40px;
      padding-right: 5px;
      height: 92px; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .basket-common .basket-common-item .basket-common-item-title {
          height: 70px;
          margin-left: 28px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .basket-common .basket-common-item .basket-common-item-title {
          height: 50px;
          margin-left: 16px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .basket-common .basket-common-item .basket-common-item-title {
          height: 44px;
          margin-left: 24px; } }
      @media screen and (max-width: 1000px) and (min-width: 639px) {
        .basket-common .basket-common-item .basket-common-item-title {
          height: 70px;
          margin-left: 30px; } }
      @media screen and (max-width: 639px) {
        .basket-common .basket-common-item .basket-common-item-title {
          height: 44px;
          display: block;
          width: auto;
          margin-left: 15px; } }
    .basket-common .basket-common-item .js-popup-the-scroll {
      float: left;
      -webkit-transform: translate(0, 0);
          -ms-transform: translate(0, 0);
              transform: translate(0, 0);
      height: 92px; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .basket-common .basket-common-item .js-popup-the-scroll {
          height: 70px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .basket-common .basket-common-item .js-popup-the-scroll {
          height: 50px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .basket-common .basket-common-item .js-popup-the-scroll {
          height: 44px; } }
      @media screen and (max-width: 1000px) and (min-width: 639px) {
        .basket-common .basket-common-item .js-popup-the-scroll {
          height: 70px; } }
      @media screen and (max-width: 639px) {
        .basket-common .basket-common-item .js-popup-the-scroll {
          height: 44px;
          display: block; } }
      .basket-common .basket-common-item .js-popup-the-scroll .icon-centering {
        background: #0d1115;
        width: 25px;
        height: 25px;
        top: 50%;
        position: absolute;
        -webkit-transform: translate(0, -50%);
            -ms-transform: translate(0, -50%);
                transform: translate(0, -50%);
        -webkit-transition: background .6s ease;
        -o-transition: background .6s ease;
        transition: background .6s ease; }
        @media screen and (max-width: 1720px) and (min-width: 1301px) {
          .basket-common .basket-common-item .js-popup-the-scroll .icon-centering {
            width: 21px;
            height: 21px; } }
        @media screen and (max-width: 1300px) and (min-width: 1001px) {
          .basket-common .basket-common-item .js-popup-the-scroll .icon-centering {
            width: 21px;
            height: 21px; } }
        @media screen and (max-width: 1000px) and (min-width: 640px) {
          .basket-common .basket-common-item .js-popup-the-scroll .icon-centering {
            width: 25px;
            height: 25px; } }
        @media screen and (max-width: 639px) {
          .basket-common .basket-common-item .js-popup-the-scroll .icon-centering {
            width: 21px;
            height: 21px; } }
        .basket-common .basket-common-item .js-popup-the-scroll .icon-centering .svg-forgot-password {
          fill: #fff;
          left: 50%;
          top: 50%;
          -webkit-transform: translate(-50%, -50%);
              -ms-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%);
          display: block; }
        @media screen and (min-width: 1000px) {
          .basket-common .basket-common-item .js-popup-the-scroll .icon-centering:hover {
            background: #fbea3a; }
            .basket-common .basket-common-item .js-popup-the-scroll .icon-centering:hover .svg {
              fill: #262626; } }
        .basket-common .basket-common-item .js-popup-the-scroll .icon-centering .svg {
          fill: #fff;
          -webkit-transition: fill .6s ease;
          -o-transition: fill .6s ease;
          transition: fill .6s ease; }
      @media screen and (min-width: 1001px) {
        .basket-common .basket-common-item .js-popup-the-scroll:hover + .error-popup {
          visibility: visible;
          opacity: 1;
          -webkit-transition-delay: 0s;
               -o-transition-delay: 0s;
                  transition-delay: 0s; } }
    .basket-common .basket-common-item .basket-common-item-price {
      text-transform: none;
      text-align: right;
      position: absolute;
      right: 30px;
      top: 50%;
      -webkit-transform: translate(0, -50%);
          -ms-transform: translate(0, -50%);
              transform: translate(0, -50%); }
      @media screen and (max-width: 639px) {
        .basket-common .basket-common-item .basket-common-item-price {
          text-align: left;
          position: relative;
          margin-left: 15px;
          right: 0;
          float: left;
          width: 100%; } }
    .basket-common .basket-common-item .error-popup:before {
      right: 559px; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .basket-common .basket-common-item .error-popup:before {
          right: 561px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .basket-common .basket-common-item .error-popup:before {
          right: 445px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .basket-common .basket-common-item .error-popup:before {
          right: 366px; } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .basket-common .basket-common-item .error-popup:before {
          right: 393px; } }
      @media screen and (max-width: 639px) {
        .basket-common .basket-common-item .error-popup:before {
          right: 127px; } }
    .basket-common .basket-common-item.input-in-active {
      background: #d7d7d7; }
      .basket-common .basket-common-item.input-in-active a .icon-centering {
        background: #9b9b9b; }
        .basket-common .basket-common-item.input-in-active a .icon-centering:hover {
          background: #9b9b9b; }
          .basket-common .basket-common-item.input-in-active a .icon-centering:hover .svg {
            fill: #fff; }
      .basket-common .basket-common-item.input-in-active .basket-common-item-title {
        color: #9b9b9b; }
      .basket-common .basket-common-item.input-in-active .basket-common-item-price {
        color: #9b9b9b; }
      .basket-common .basket-common-item.input-in-active .js-popup-the-scroll:hover + .error-popup {
        visibility: hidden;
        opacity: 0; }

.basket-total {
  background: #fff;
  width: 100%;
  height: 125px;
  padding: 0 30px;
  line-height: 125px;
  font-family: 'Helvetica';
  font-weight: 700;
  text-align: right;
  margin-bottom: 20px;
  font-size: 40px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .basket-total {
      height: 90px;
      line-height: 90px;
      font-size: 30px;
      margin-bottom: 15px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .basket-total {
      height: 70px;
      line-height: 70px;
      font-size: 24px;
      margin-bottom: 15px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .basket-total {
      height: 50px;
      line-height: 50px;
      font-size: 24px;
      margin-bottom: 15px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .basket-total {
      height: 90px;
      line-height: 90px;
      font-size: 30px;
      margin-bottom: 15px; } }
  @media screen and (max-width: 639px) {
    .basket-total {
      height: 50px;
      line-height: 50px;
      font-size: 24px;
      margin-bottom: 15px; } }
  .basket-total ~ .btn-main-static {
	  margin: 0 auto;
    margin-bottom: 65px; }
  .basket-total div {
    display: inline-block;
    font-size: 20px;
    font-family: 'Helvetica';
    font-weight: 600;
    text-transform: uppercase; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .basket-total div {
        font-size: 20px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .basket-total div {
        font-size: 16px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .basket-total div {
        font-size: 16px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .basket-total div {
        font-size: 20px; } }
    @media screen and (max-width: 639px) {
      .basket-total div {
        font-size: 16px; } }

.basket_btm {
  margin-bottom: 15px; }
  .basket_btm.btn-right {
    float: right; }

.basket-item {
  background: #fff;
  height: 100%;
  margin-bottom: 20px;
  position: relative; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .basket-item {
      margin-bottom: 15px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .basket-item {
      margin-bottom: 15px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .basket-item {
      margin-bottom: 8px; } }
  @media screen and (max-width: 1000px) {
    .basket-item {
      padding-left: 190px; } }
  @media screen and (max-width: 639px) {
    .basket-item {
      margin-bottom: 10px;
      padding: 0 30px 0 30px; } }
  @media screen and (max-width: 639px) {
    .basket-item .table {
      display: block; } }
  @media screen and (max-width: 639px) {
    .basket-item .table .table-cell {
      display: block; } }
  .basket-item .basket-item-img {
    width: 290px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    height: 270px;
    float: left; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .basket-item .basket-item-img {
        height: 200px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .basket-item .basket-item-img {
        height: 170px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .basket-item .basket-item-img {
        height: 166px; } }
    @media screen and (max-width: 1000px) {
      .basket-item .basket-item-img {
        height: 350px; } }
    @media screen and (max-width: 639px) {
      .basket-item .basket-item-img {
        height: 425px; } }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .basket-item .basket-item-img {
        width: 270px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .basket-item .basket-item-img {
        width: 155px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .basket-item .basket-item-img {
        width: 190px; } }
    @media screen and (max-width: 1000px) {
      .basket-item .basket-item-img {
        height: 240px;
        width: 190px;
        position: absolute;
        top: 0;
        left: 0; } }
    @media screen and (max-width: 639px) {
      .basket-item .basket-item-img {
        height: 185px;
        width: 100%; } }
  .basket-item .basket-item-content {
    width: 645px;
    float: left;
    height: 100%;
    padding-top: 79px;
    padding-bottom: 79px; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .basket-item .basket-item-content {
        padding-top: 57px;
        padding-bottom: 57px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .basket-item .basket-item-content {
        padding-top: 48px;
        padding-bottom: 49px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .basket-item .basket-item-content {
        padding-top: 46px;
        padding-bottom: 47px; } }
    @media screen and (max-width: 1000px) {
      .basket-item .basket-item-content {
        padding-top: 62px;
        padding-bottom: 0; } }
    @media screen and (max-width: 639px) {
      .basket-item .basket-item-content {
        padding-top: 20px;
        padding-bottom: 0; } }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .basket-item .basket-item-content {
        width: 440px;
        padding-right: 90px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .basket-item .basket-item-content {
        width: 380px;
        padding-right: 15px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .basket-item .basket-item-content {
        width: 320px;
        padding-right: 10px; } }
    @media screen and (max-width: 1000px) {
      .basket-item .basket-item-content {
        width: 325px;
        float: none;
        height: auto;
        padding-right: 0; } }
    @media screen and (max-width: 639px) {
      .basket-item .basket-item-content {
        width: 100%;
        padding-top: 185px;
        margin-bottom: 25px; } }
  .basket-item .basket-item-title {
    margin-bottom: 20px;
    text-transform: uppercase;
    font-weight: 700;
    font-family: 'Helvetica'; }
    @media screen and (max-width: 2295px) {
      .basket-item .basket-item-title {
        margin-bottom: 15px; } }
	.basket-item .basket-item-title .h7 a:hover span {color: #262626!important}
  .basket-item .basket-item-text {
    line-height: 1.7em !important; }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .basket-item .basket-item-text {
        margin-bottom: 25px; } }
  .basket-item .basket-item-quantity {
    width: 245px;
    height: 270px;
    float: left; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .basket-item .basket-item-quantity {
        height: 200px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .basket-item .basket-item-quantity {
        height: 170px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .basket-item .basket-item-quantity {
        height: 166px; } }
    @media screen and (max-width: 1000px) {
      .basket-item .basket-item-quantity {
        height: auto; } }
    @media screen and (max-width: 639px) {
      .basket-item .basket-item-quantity {
        height: auto; } }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .basket-item .basket-item-quantity {
        width: 180px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .basket-item .basket-item-quantity {
        width: 195px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .basket-item .basket-item-quantity {
        width: 170px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .basket-item .basket-item-quantity {
        width: 325px;
        float: none;
        height: auto;
        margin-bottom: 14px; } }
    @media screen and (max-width: 639px) {
      .basket-item .basket-item-quantity {
        width: 100%;
        margin-bottom: 20px; } }
    .basket-item .basket-item-quantity .input-special-dropdown {
      margin-right: 0; }
      .basket-item .basket-item-quantity .input-special-dropdown .input-special-placeholder, .basket-item .basket-item-quantity .input-special-dropdown .input-special-text, .basket-item .basket-item-quantity .input-special-dropdown .input-special-value {
        width: 145px;
        color: #9b9b9b; }
        @media screen and (max-width: 2295px) and (min-width: 1721px) {
          .basket-item .basket-item-quantity .input-special-dropdown .input-special-placeholder, .basket-item .basket-item-quantity .input-special-dropdown .input-special-text, .basket-item .basket-item-quantity .input-special-dropdown .input-special-value {
            width: 114px; } }
        @media screen and (max-width: 1720px) and (min-width: 1301px) {
          .basket-item .basket-item-quantity .input-special-dropdown .input-special-placeholder, .basket-item .basket-item-quantity .input-special-dropdown .input-special-text, .basket-item .basket-item-quantity .input-special-dropdown .input-special-value {
            width: 130px; } }
        @media screen and (max-width: 1300px) and (min-width: 1001px) {
          .basket-item .basket-item-quantity .input-special-dropdown .input-special-placeholder, .basket-item .basket-item-quantity .input-special-dropdown .input-special-text, .basket-item .basket-item-quantity .input-special-dropdown .input-special-value {
            width: 115px; } }
      .basket-item .basket-item-quantity .input-special-dropdown .input-special-dropdown-list {
        height: auto;
        max-height: 261px; }
        @media screen and (max-width: 2295px) and (min-width: 1721px) {
          .basket-item .basket-item-quantity .input-special-dropdown .input-special-dropdown-list {
            max-height: 186px; } }
        @media screen and (max-width: 1720px) and (min-width: 1301px) {
          .basket-item .basket-item-quantity .input-special-dropdown .input-special-dropdown-list {
            max-height: 166px; } }
        @media screen and (max-width: 1300px) and (min-width: 1001px) {
          .basket-item .basket-item-quantity .input-special-dropdown .input-special-dropdown-list {
            max-height: 166px; } }
        @media screen and (max-width: 1000px) and (min-width: 640px) {
          .basket-item .basket-item-quantity .input-special-dropdown .input-special-dropdown-list {
            max-height: 163px; } }
        @media screen and (max-width: 639px) {
          .basket-item .basket-item-quantity .input-special-dropdown .input-special-dropdown-list {
            max-height: 165px; } }
        .basket-item .basket-item-quantity .input-special-dropdown .input-special-dropdown-list.scroll > .scroll-content {
          overflow: auto;
          padding-right: 4px; }
        .basket-item .basket-item-quantity .input-special-dropdown .input-special-dropdown-list.scroll-main > .scroll-pane {
          width: 2px;
          right: 1px; }
    .basket-item .basket-item-quantity .input input[type=text].input_text-block {
      float: left;
      width: auto;
      padding-right: 0;
      padding-left: 27px; }
    .basket-item .basket-item-quantity .input .input_label-left {
      margin-left: 0; }
  .basket-item .basket-item-price {
    width: 210px;
    float: left;
    text-align: center;
    text-transform: none;
    height: 270px;
    font-weight: 500; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .basket-item .basket-item-price {
        height: 200px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .basket-item .basket-item-price {
        height: 170px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .basket-item .basket-item-price {
        height: 166px; } }
    @media screen and (max-width: 1000px) {
      .basket-item .basket-item-price {
        height: 350px;
        padding-bottom: 62px; } }
    @media screen and (max-width: 639px) {
      .basket-item .basket-item-price {
        height: 425px;
        padding-bottom: 42px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .basket-item .basket-item-price {
        width: 120px;
        text-align: right; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .basket-item .basket-item-price {
        width: 115px; } }
    @media screen and (max-width: 1000px) {
      .basket-item .basket-item-price {
        width: 325px;
        float: none;
        height: auto;
        text-align: left;
        font-size: 20px;
        font-weight: 500; } }
    @media screen and (max-width: 639px) {
      .basket-item .basket-item-price {
        width: 100%; } }
  .basket-item .basket-item-delete {
    width: 100px;
    height: 270px;
    position: relative;
    float: left;
    text-align: center; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .basket-item .basket-item-delete {
        height: 200px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .basket-item .basket-item-delete {
        height: 170px;
        width: 90px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .basket-item .basket-item-delete {
        height: 166px;
        width: 50px; } }
    @media screen and (max-width: 1000px) {
      .basket-item .basket-item-delete {
        width: auto;
        float: none;
        position: static;
        height: auto; } }
    .basket-item .basket-item-delete .btn-circle {
      margin: 0 auto; }
      @media screen and (max-width: 1000px) {
        .basket-item .basket-item-delete .btn-circle {
          position: absolute;
          top: 10px;
          right: 10px; } }
      @media screen and (min-width: 1000px) {
        .basket-item .basket-item-delete .btn-circle:hover {
          color: #fbea3a; }
          .basket-item .basket-item-delete .btn-circle:hover:after {
            background: #262626; } }
      .basket-item .basket-item-delete .btn-circle:after {
        width: 100%;
        height: 100%; }

.basket-hr {
  height: 3px;
  background: #f3f3f3;
  position: relative;
  margin: 50px 0;
  width: calc(100% + 52px * 2);
  left: -52px;
  float: left; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .basket-hr {
      left: -40px;
      width: calc(100% + 40px * 2);
      margin: 40px 0; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .basket-hr {
      left: -30px;
      width: calc(100% + 30px * 2);
      margin: 22px 0; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .basket-hr {
      left: -29px;
      width: calc(100% + 29px * 2);
      margin: 20px 0; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .basket-hr {
      left: -26px;
      width: calc(100% + 26px * 2);
      margin: 45px 0; } }
  @media screen and (max-width: 639px) {
    .basket-hr {
      left: -15px;
      width: calc(100% + 15px * 2);
      margin: 18px 0; } }

.basket-done img {
  display: block;
  float: left;
  margin-right: 55px;
  width: 296px;
  height: 226px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .basket-done img {
      width: 222px;
      height: 170px;
      margin-right: 40px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .basket-done img {
      height: 142px;
      width: 186px;
      margin-right: 32px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .basket-done img {
      height: 126px;
      width: 165px;
      margin-right: 30px; } }
  @media screen and (max-width: 1000px) {
    .basket-done img {
      width: 222px;
      height: 170px;
      margin-right: 40px; } }
  @media screen and (max-width: 639px) {
    .basket-done img {
      width: 100%;
      height: auto;
      margin: 0 0 37px 0;
      padding: 0 27px; } }

.basket-done .table {
  height: 226px;
  width: calc(100% - 296px - 55px); }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .basket-done .table {
      height: 170px;
      width: calc(100% - 222px - 40px); } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .basket-done .table {
      height: 142px;
      width: calc(100% - 186px - 32px); } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .basket-done .table {
      height: 126px;
      width: calc(100% - 165px - 30px); } }
  @media screen and (max-width: 1000px) {
    .basket-done .table {
      height: 170px;
      width: calc(100% - 222px - 40px); } }
  @media screen and (max-width: 639px) {
    .basket-done .table {
      width: 100%;
      height: auto;
      display: block;
      padding: 0 0 0 15px; } }

.basket-done .h2 {
  margin-bottom: 3px; }

.basket-tooltip-btn {
  display: inline-block;
  background: #262626;
  -webkit-transition: background .6s ease;
  -o-transition: background .6s ease;
  transition: background .6s ease;
  width: 28px;
  position: absolute;
  top: -6px;
  right: 0;
  height: 28px;
  margin-left: 8px;
  z-index: 1; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .basket-tooltip-btn {
      width: 25px;
      height: 25px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .basket-tooltip-btn {
      width: 20px;
      height: 20px;
      top: -3px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .basket-tooltip-btn {
      width: 20px;
      height: 20px;
      top: -2px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .basket-tooltip-btn {
      width: 20px;
      height: 20px;
      top: -3px; } }
  @media screen and (max-width: 639px) {
    .basket-tooltip-btn {
      width: 20px;
      height: 20px;
      top: -3px; } }
  .basket-tooltip-btn:hover + .basket-tooltip {
    opacity: 1;
    visibility: visible; }
  @media screen and (min-width: 1000px) {
    .basket-tooltip-btn:hover {
      background: #fbea3a; }
      .basket-tooltip-btn:hover .svg {
        fill: #262626; } }
  .basket-tooltip-btn .svg {
    fill: #fff; }

.basket-tooltip {
  width: 50%;
  color: #fff;
  opacity: 0;
  visibility: hidden;
  z-index: 10;
  background: #262626;
  position: absolute;
  right: 0;
  -webkit-transition: opacity .6s ease, visibility 0s ease .6s;
  -o-transition: opacity .6s ease, visibility 0s ease .6s;
  transition: opacity .6s ease, visibility 0s ease .6s;
  margin-top: 8px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .basket-tooltip {
      margin-top: 9px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .basket-tooltip {
      margin-top: 8px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .basket-tooltip {
      margin-top: 8px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .basket-tooltip {
      margin-top: 7px; } }
  @media screen and (max-width: 639px) {
    .basket-tooltip {
      width: 100%;
      margin-top: 8px; } }
  .basket-tooltip.active {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity .6s ease, visibility 0s ease .6s;
    -o-transition: opacity .6s ease, visibility 0s ease .6s;
    transition: opacity .6s ease, visibility 0s ease .6s; }
  .basket-tooltip .basket-tooltip-text {
    padding: 28px 28px;
    color: #d0d0d0;
    white-space: normal; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .basket-tooltip .basket-tooltip-text {
        padding: 21px 13px 25px 16px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .basket-tooltip .basket-tooltip-text {
        padding: 13px 16px 13px 22px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .basket-tooltip .basket-tooltip-text {
        padding: 13px 20px 19px 20px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .basket-tooltip .basket-tooltip-text {
        padding: 13px 14px 18px 16px; } }
    @media screen and (max-width: 639px) {
      .basket-tooltip .basket-tooltip-text {
        padding: 11px 13px 12px 13px; } }
  .basket-tooltip:after, .basket-tooltip:before {
    content: "";
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #262626;
    top: -8px;
    position: absolute;
    right: 6px; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .basket-tooltip:after, .basket-tooltip:before {
        right: 4px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .basket-tooltip:after, .basket-tooltip:before {
        right: 2px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .basket-tooltip:after, .basket-tooltip:before {
        right: 2px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .basket-tooltip:after, .basket-tooltip:before {
        right: 2px; } }
    @media screen and (max-width: 639px) {
      .basket-tooltip:after, .basket-tooltip:before {
        right: 2px; } }

#white-theme .basket-item .basket-item-quantity .input-special-dropdown .input-special-dropdown-list.scroll-main > .scroll-pane {
  background: transparent; }

.infoBlock {
  width: 100%;
  background: #fafafa;
  margin-top: 85px; }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .infoBlock {
      margin-top: 105px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .infoBlock {
      display: none; } }
  @media screen and (max-width: 639px) {
    .infoBlock {
      display: none; } }
  .infoBlock .infoBlock-icon {
    width: 146px;
    height: 146px;
    background: #fbea3a;
    position: relative;
    float: left;
    margin-top: -30px;
    margin-bottom: 30px; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .infoBlock .infoBlock-icon {
        width: 110px;
        height: 110px;
        margin-top: -23px;
        margin-bottom: 23px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .infoBlock .infoBlock-icon {
        width: 90px;
        height: 90px;
        margin-top: -12px;
        margin-bottom: 20px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .infoBlock .infoBlock-icon {
        width: 90px;
        height: 90px;
        margin-top: -12px;
        margin-bottom: 20px; } }
  .infoBlock .infoBlock-text {
    color: #424141;
    width: calc(100% - 146px - 420px);
    padding: 30px 25px;
    float: left;
    font-style: italic;
    color: #424141;
    font-family: 'Open Sans';
    font-weight: 400; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .infoBlock .infoBlock-text {
        padding: 20px 20px;
        width: calc(100% - 110px - 315px); } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .infoBlock .infoBlock-text {
        padding: 15px;
        width: calc(100% - 90px); } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .infoBlock .infoBlock-text {
        padding: 15px;
        width: calc(100% - 90px); } }

.contacts-on-mobile {
  display: none;
  background: #fff; }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .contacts-on-mobile {
      display: block;
      padding: 72px 0 54px; } }
  @media screen and (max-width: 639px) {
    .contacts-on-mobile {
      display: block;
      padding: 50px 0 46px; } }
  @media screen and (max-width: 1000px) {
    .contacts-on-mobile .block-menu li {
      width: 100%;
      float: none; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .contacts-on-mobile .aside-content {
      width: 100%;
      padding: 0 70px; } }
  @media screen and (max-width: 639px) {
    .contacts-on-mobile .aside-content {
      width: 100%;
      padding: 0 20px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .contacts-on-mobile .aside-content .aside-title {
      padding: 72px 0 57px; } }
  @media screen and (max-width: 639px) {
    .contacts-on-mobile .aside-content .aside-title {
      padding: 38px 0 39px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .contacts-on-mobile .aside-content .block-menu > li {
      width: 100%; } }

.h7 a.phone-number, .h7 a.mail {
  text-decoration: none; }

.phone-email-wrapper {
  padding-top: 35px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .phone-email-wrapper {
      padding-top: 30px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .phone-email-wrapper {
      padding-top: 25px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .phone-email-wrapper {
      padding-top: 25px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .phone-email-wrapper {
      padding-top: 25px; } }
  @media screen and (max-width: 639px) {
    .phone-email-wrapper {
      padding-top: 20px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .phone-email-wrapper > .h7 {
      margin-bottom: 10px; } }
  @media screen and (max-width: 639px) {
    .phone-email-wrapper > .h7 {
      margin-bottom: 3px; } }
  .phone-email-wrapper > .h7:last-child {
    margin-bottom: 0; }
  .phone-email-wrapper > .h7 > a:after {
    width: 0; }

.contacts-page {
  width: 100%;
  height: 100%;
  position: relative; }
  .contacts-page .contacts-text {
    height: 100%;
    float: left;
    width: 865px;
    background-color: #f3f3f3; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .contacts-page .contacts-text {
        width: 645px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .contacts-page .contacts-text {
        width: 500px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .contacts-page .contacts-text {
        width: 340px; } }
    @media screen and (max-width: 1000px) {
      .contacts-page .contacts-text {
        float: none;
        display: block;
        width: 100%; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .contacts-page .contacts-text {
        width: 640px;
        left: 0;
        right: 0;
        margin: 0 auto; } }
    @media screen and (max-width: 639px) {
      .contacts-page .contacts-text {
        width: 320px;
        left: 0;
        right: 0;
        margin: 0 auto; } }
    .contacts-page .contacts-text .contacts-text-wrapper {
      height: 100%;
      position: relative;
      padding: 0 170px 0 100px; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .contacts-page .contacts-text .contacts-text-wrapper {
          padding: 0 75px 0 80px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .contacts-page .contacts-text .contacts-text-wrapper {
          padding: 0 70px 0 80px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .contacts-page .contacts-text .contacts-text-wrapper {
          padding: 0 50px 0 40px; } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .contacts-page .contacts-text .contacts-text-wrapper {
          padding: 30px 70px; } }
      @media screen and (max-width: 639px) {
        .contacts-page .contacts-text .contacts-text-wrapper {
          padding: 24px 20px; } }
      .contacts-page .contacts-text .contacts-text-wrapper .contacts-text-center-block {
        height: calc(100% - 1px);
        width: 100%; }
        @media screen and (max-width: 2295px) and (min-width: 1721px) {
          .contacts-page .contacts-text .contacts-text-wrapper .contacts-text-center-block {
            height: calc(100% - 226px); } }
        @media screen and (max-width: 1720px) and (min-width: 1301px) {
          .contacts-page .contacts-text .contacts-text-wrapper .contacts-text-center-block {
            height: calc(100% - 202px); } }
        @media screen and (max-width: 1300px) and (min-width: 1001px) {
          .contacts-page .contacts-text .contacts-text-wrapper .contacts-text-center-block {
            height: calc(100% - 172px); } }
        @media screen and (max-width: 1000px) and (min-width: 640px) {
          .contacts-page .contacts-text .contacts-text-wrapper .contacts-text-center-block {
            height: auto; } }
        @media screen and (max-width: 639px) {
          .contacts-page .contacts-text .contacts-text-wrapper .contacts-text-center-block {
            height: auto; } }
        .contacts-page .contacts-text .contacts-text-wrapper .contacts-text-center-block.scroll > .scroll-content {
          position: static; }
        .contacts-page .contacts-text .contacts-text-wrapper .contacts-text-center-block .addres-contacts-text {
          padding-top: 13px; }
          @media screen and (max-width: 2295px) and (min-width: 1721px) {
            .contacts-page .contacts-text .contacts-text-wrapper .contacts-text-center-block .addres-contacts-text {
              padding-top: 10px; } }
          @media screen and (max-width: 1720px) and (min-width: 1301px) {
            .contacts-page .contacts-text .contacts-text-wrapper .contacts-text-center-block .addres-contacts-text {
              padding-top: 20px; } }
          @media screen and (max-width: 1300px) and (min-width: 1001px) {
            .contacts-page .contacts-text .contacts-text-wrapper .contacts-text-center-block .addres-contacts-text {
              padding-top: 18px; } }
          @media screen and (max-width: 1000px) and (min-width: 640px) {
            .contacts-page .contacts-text .contacts-text-wrapper .contacts-text-center-block .addres-contacts-text {
              padding-top: 22px; } }
          @media screen and (max-width: 639px) {
            .contacts-page .contacts-text .contacts-text-wrapper .contacts-text-center-block .addres-contacts-text {
              padding-top: 16px; } }
        .contacts-page .contacts-text .contacts-text-wrapper .contacts-text-center-block .time-contacts-text {
          padding-top: 46px; }
          @media screen and (max-width: 2295px) and (min-width: 1721px) {
            .contacts-page .contacts-text .contacts-text-wrapper .contacts-text-center-block .time-contacts-text {
              padding-top: 35px; } }
          @media screen and (max-width: 1720px) and (min-width: 1301px) {
            .contacts-page .contacts-text .contacts-text-wrapper .contacts-text-center-block .time-contacts-text {
              padding-top: 30px; } }
          @media screen and (max-width: 1300px) and (min-width: 1001px) {
            .contacts-page .contacts-text .contacts-text-wrapper .contacts-text-center-block .time-contacts-text {
              padding-top: 30px; } }
          @media screen and (max-width: 1000px) and (min-width: 640px) {
            .contacts-page .contacts-text .contacts-text-wrapper .contacts-text-center-block .time-contacts-text {
              padding-top: 35px; } }
          @media screen and (max-width: 639px) {
            .contacts-page .contacts-text .contacts-text-wrapper .contacts-text-center-block .time-contacts-text {
              padding-top: 30px; } }
        .contacts-page .contacts-text .contacts-text-wrapper .contacts-text-center-block .btn-contacts-text {padding: 66px 0 45px}
          @media screen and (max-width: 2295px) and (min-width: 1721px) {
            .contacts-page .contacts-text .contacts-text-wrapper .contacts-text-center-block .btn-contacts-text {padding: 38px 0 43px} }
          @media screen and (max-width: 1720px) and (min-width: 1301px) {
            .contacts-page .contacts-text .contacts-text-wrapper .contacts-text-center-block .btn-contacts-text {padding: 29px 0 43px} }
          @media screen and (max-width: 1300px) and (min-width: 1001px) {
            .contacts-page .contacts-text .contacts-text-wrapper .contacts-text-center-block .btn-contacts-text {padding: 14px 0 28px} }
          @media screen and (max-width: 1000px) and (min-width: 640px) {
            .contacts-page .contacts-text .contacts-text-wrapper .contacts-text-center-block .btn-contacts-text {padding: 38px 0 43px} }
          @media screen and (max-width: 639px) {
            .contacts-page .contacts-text .contacts-text-wrapper .contacts-text-center-block .btn-contacts-text {padding: 14px 0 43px} }
      .contacts-page .contacts-text .contacts-text-wrapper .contacts-text-bottom-block {
        position: absolute;
        width: 100%;
        bottom: 194px; }
        @media screen and (max-width: 2295px) and (min-width: 1721px) {
          .contacts-page .contacts-text .contacts-text-wrapper .contacts-text-bottom-block {
            bottom: 146px; } }
        @media screen and (max-width: 1720px) and (min-width: 1301px) {
          .contacts-page .contacts-text .contacts-text-wrapper .contacts-text-bottom-block {
            bottom: 130px; } }
        @media screen and (max-width: 1300px) and (min-width: 1001px) {
          .contacts-page .contacts-text .contacts-text-wrapper .contacts-text-bottom-block {
            bottom: 100px; } }
        @media screen and (max-width: 1000px) and (min-width: 640px) {
          .contacts-page .contacts-text .contacts-text-wrapper .contacts-text-bottom-block {
            position: static;
            padding-top: 40px; } }
        @media screen and (max-width: 639px) {
          .contacts-page .contacts-text .contacts-text-wrapper .contacts-text-bottom-block {
            position: static;
            padding-top: 45px; } }
  .contacts-page .contacts-map {
    /* height: 100%; */
    /* float: right; */
    ht; */
    width: calc(100% - 865px);
    margin-top: 108px;
    overflow: hidden;
    position: relative;
    height: 0;
    height: 100%;
    }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .contacts-page .contacts-map {
        margin-top: 81px;
        /* width: 800px; */
        /* height: 800px; */
        position:  relative;
        overflow: hidden;
        /* padding-bottom: 38.25%; */
        position:relative;
        height:0;
        height: 100%;
        } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .contacts-page .contacts-map {
        margin-top: 71px;
        width: calc(100% - 500px); } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .contacts-page .contacts-map {
        margin-top: 53px;
        width: calc(100% - 340px); } }
    @media screen and (max-width: 1000px) {
      .contacts-page .contacts-map {
        margin-top: 0px;
        float: none;
        display: block;
        width: 100%;
        height: 485px;
        /* display:  none; */
        } }

.contacts-map-fullscreen {
  width: 100%;
  height: 100%; }

.fullScreenMapClose {
  width: 25px;
  height: 25px;
  position: absolute;
  cursor: pointer;
  right: 0;
  top: 0;
  z-index: 100;
  padding: 30px;
  background: #fbea3a; }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .fullScreenMapClose {
      padding: 36px; } }
  @media screen and (max-width: 639px) {
    .fullScreenMapClose {
      padding: 25px; } }

.content-wrapper-contacts {
  width: 100% !important;
  height: calc(100% - 107px) !important;
  min-height: 777px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .content-wrapper-contacts {
      height: calc(100% - 80px) !important;
      min-height: 575px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .content-wrapper-contacts {
      height: calc(100% - 70px) !important;
      min-height: 522px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .content-wrapper-contacts {
      height: calc(100% - 52px) !important;
      min-height: 491px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .content-wrapper-contacts {
      height: auto !important;
      min-height: auto; } }
  @media screen and (max-width: 639px) {
    .content-wrapper-contacts {
      height: auto !important;
      min-height: auto; } }

.contact__text {
  line-height: 1.8em;
  margin-bottom: 66px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .contact__text {
      margin-bottom: 35px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .contact__text {
      margin-bottom: 26px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .contact__text {
      margin-bottom: 25px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .contact__text {
      margin-bottom: 40px; } }
  @media screen and (max-width: 639px) {
    .contact__text {
      margin-bottom: 26px; } }

.contacts-text-wrapper .table .table-cell {vertical-align: top}

.contact__title {
  margin-bottom: 21px;
  margin-top: 112px;}
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .contact__title {
      margin-bottom: 13px; margin-top: 86px} }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .contact__title {
      margin-bottom: 15px; margin-top: 59px} }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .contact__title {
      margin-bottom: 14px; margin-top: 55px} }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .contact__title {
      margin-bottom: 17px; margin-top: 119px} }
  @media screen and (max-width: 639px) {
    .contact__title {
      margin-bottom: 13px; margin-top: 77px} }

.inside-page {
  overflow: auto;
  border-right: none;
  position: relative; }
  @media screen and (max-width: 1000px) {
    .inside-page {
      border-left: none; } }
  .inside-page.content.sticky-footer {
    position: relative;
    min-height: 100%;
    padding-top: 107px;
    border-right: 40px solid #fff; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .inside-page.content.sticky-footer {
        padding-top: 80px;
        border-right: 30px solid #fff; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .inside-page.content.sticky-footer {
        padding-top: 70px;
        border-right: 30px solid #fff; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .inside-page.content.sticky-footer {
        padding-top: 52px;
        border-right: 24px solid #fff; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .inside-page.content.sticky-footer {
        padding-top: 70px;
        border-right: 0; } }
    @media screen and (max-width: 639px) {
      .inside-page.content.sticky-footer {
        padding-top: 50px;
        border-right: 0; } }
  .inside-page .section-footer {
    position: absolute;
    bottom: 0;
    left: 0; }

.fullScreenFooter {
  height: 100%; }

#black-theme .inside-page .content.sticky-footer {
  border-color: #0d1115; }

.form-personal-info .wrapper_label-mobile {
  display: none; }
  @media screen and (max-width: 639px) {
    .form-personal-info .wrapper_label-mobile {
      display: block;
      margin-bottom: 4px; } }

.form-personal-info .svg-plus.btn-main-anim {
  margin-bottom: 60px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .form-personal-info .svg-plus.btn-main-anim {
      margin-bottom: 60px;
      margin-top: 1px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .form-personal-info .svg-plus.btn-main-anim {
      margin-bottom: 32px;
      margin-top: 2px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .form-personal-info .svg-plus.btn-main-anim {
      margin-bottom: 28px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .form-personal-info .svg-plus.btn-main-anim {
      margin-bottom: 62px;
      margin-top: 1px; } }
  @media screen and (max-width: 639px) {
    .form-personal-info .svg-plus.btn-main-anim {
      margin-bottom: 20px;
      margin-top: 3px; } }
  .form-personal-info .svg-plus.btn-main-anim svg {
    color: #262626; }

.form-personal-info .form_block-btm {
  margin-top: 20px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .form-personal-info .form_block-btm {
      margin-top: 15px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .form-personal-info .form_block-btm {
      margin-top: 15px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .form-personal-info .form_block-btm {
      margin-top: 12px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .form-personal-info .form_block-btm {
      margin-top: 15px; } }
  @media screen and (max-width: 639px) {
    .form-personal-info .form_block-btm {
	margin: 0 auto;
    margin-top: 8px;
    display: flex;
    justify-content: center; } }
  .form-personal-info .form_block-btm .btn-main-static {
    margin-bottom: 21px; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .form-personal-info .form_block-btm .btn-main-static {
        margin-bottom: 15px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .form-personal-info .form_block-btm .btn-main-static {
        margin-bottom: 16px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .form-personal-info .form_block-btm .btn-main-static {
        margin-bottom: 12px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .form-personal-info .form_block-btm .btn-main-static {
        margin-bottom: 21px; } }
    @media screen and (max-width: 639px) {
      .form-personal-info .form_block-btm .btn-main-static {
        margin-bottom: 12px; } }

.form-personal-info .input:nth-child(3) .input_text-block {
  width: calc(100% - 123px); }

.form-personal-info .input:nth-child(5) .input_text-block {
  width: calc(100% - 145px); }

.form-personal-info .input:nth-child(7) .input_text-block {
  width: calc(100% - 175px); }

@media screen and (max-width: 2295px) and (min-width: 1721px) {
  .form-personal-info .input:nth-child(3) .input_text-block {
    width: calc(100% - 81px); }
  .form-personal-info .input:nth-child(5) .input_text-block {
    width: calc(100% - 98px); }
  .form-personal-info .input:nth-child(7) .input_text-block {
    width: calc(100% - 119px); } }

@media screen and (max-width: 1720px) and (min-width: 1301px) {
  .form-personal-info .input:nth-child(3) .input_text-block {
    width: calc(100% - 67px); }
  .form-personal-info .input:nth-child(5) .input_text-block {
    width: calc(100% - 81px); }
  .form-personal-info .input:nth-child(7) .input_text-block {
    width: calc(100% - 100px); } }

@media screen and (max-width: 1300px) and (min-width: 1001px) {
  .form-personal-info .input:nth-child(3) .input_text-block {
    width: calc(100% - 66px); }
  .form-personal-info .input:nth-child(5) .input_text-block {
    width: calc(100% - 80px); }
  .form-personal-info .input:nth-child(7) .input_text-block {
    width: calc(100% - 99px); } }

@media screen and (max-width: 1000px) and (min-width: 640px) {
  .form-personal-info .input:nth-child(3) .input_text-block {
    width: calc(100% - 73px); }
  .form-personal-info .input:nth-child(5) .input_text-block {
    width: calc(100% - 90px); }
  .form-personal-info .input:nth-child(7) .input_text-block {
    width: calc(100% - 111px); } }

@media screen and (max-width: 639px) {
  .form-personal-info .input {
    margin-bottom: 12px; }
    .form-personal-info .input .input_text-block {
      width: 100% !important; } }

.form-profile-client .form_title-block {
  margin-bottom: 16px; }
  .form-profile-client .form_title-block.second {
    margin-top: 50px; }

.form-profile-client .form_label-mobile {
  display: none; }
  @media screen and (max-width: 639px) {
    .form-profile-client .form_label-mobile {
      display: block;
      margin-bottom: 4px; } }

.form-profile-client .input {
  width: 100%;
  background: #f3f3f3; }
  .form-profile-client .input .error-btn {
    background: none; }
    @media screen and (max-width: 639px) {
      .form-profile-client .input .error-btn {
        right: 8px; } }
    .form-profile-client .input .error-btn .label-left {
      min-width: calc(100% - 310px); }
    .form-profile-client .input .error-btn .svg {
      fill: #aeaeae; }

	  /*
  .form-profile-client .input:nth-child(3) .input_text-block {
    width: calc(100% - 193px); }
  .form-profile-client .input:nth-child(7) .input_text-block {
    width: calc(100% - 289px); }
  .form-profile-client .input:nth-child(9) .input_text-block {
    width: calc(100% - 316px); }
  .form-profile-client .input:nth-child(11) .input_text-block {
    width: calc(100% - 316px); }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .form-profile-client .input:nth-child(3) .input_text-block {
      width: calc(100% - 150px); }
    .form-profile-client .input:nth-child(7) .input_text-block {
      width: calc(100% - 221px); }
    .form-profile-client .input:nth-child(9) .input_text-block {
      width: calc(100% - 241px); }
    .form-profile-client .input:nth-child(11) .input_text-block {
      width: calc(100% - 242px); } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .form-profile-client .input:nth-child(3) .input_text-block {
      width: calc(100% - 126px); }
    .form-profile-client .input:nth-child(7) .input_text-block {
      width: calc(100% - 189px); }
    .form-profile-client .input:nth-child(9) .input_text-block {
      width: calc(100% - 205px); }
    .form-profile-client .input:nth-child(11) .input_text-block {
      width: calc(100% - 206px); } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .form-profile-client .input:nth-child(3) .input_text-block {
      width: calc(100% - 121px); }
    .form-profile-client .input:nth-child(7) .input_text-block {
      width: calc(100% - 184px); }
    .form-profile-client .input:nth-child(9) .input_text-block {
      width: calc(100% - 200px); }
    .form-profile-client .input:nth-child(11) .input_text-block {
      width: calc(100% - 201px); } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .form-profile-client .input:nth-child(3) .input_text-block {
      width: calc(100% - 140px); }
    .form-profile-client .input:nth-child(7) .input_text-block {
      width: calc(100% - 211px); }
    .form-profile-client .input:nth-child(9) .input_text-block {
      width: calc(100% - 232px); }
    .form-profile-client .input:nth-child(11) .input_text-block {
      width: calc(100% - 233px); } }
  @media screen and (max-width: 639px) {
    .form-profile-client .input .input_text-block {
      width: 100% !important; } }
	  */

.form-profile-client .separator-block {
  height: 51px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .form-profile-client .separator-block {
      height: 44px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .form-profile-client .separator-block {
      height: 28px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .form-profile-client .separator-block {
      height: 18px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .form-profile-client .separator-block {
      height: 42px; } }
  @media screen and (max-width: 639px) {
    .form-profile-client .separator-block {
      height: 16px; } }

.form-block-btm {
  float: right;
  margin-left: 20px; }
  .form-block-btm .btn-main-static {
    margin-bottom: 21px; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .form-block-btm .btn-main-static {
        margin-bottom: 15px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .form-block-btm .btn-main-static {
        margin-bottom: 16px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .form-block-btm .btn-main-static {
        margin-bottom: 12px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .form-block-btm .btn-main-static {
        margin-bottom: 21px; } }
    @media screen and (max-width: 639px) {
      .form-block-btm .btn-main-static {
        margin-bottom: 12px; } }

.block-btm-inver {
  float: right; }
  .block-btm-inver .btn-main-static {
    margin-bottom: 21px; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .block-btm-inver .btn-main-static {
        margin-bottom: 15px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .block-btm-inver .btn-main-static {
        margin-bottom: 16px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .block-btm-inver .btn-main-static {
        margin-bottom: 12px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .block-btm-inver .btn-main-static {
        margin-bottom: 21px; } }
    @media screen and (max-width: 639px) {
      .block-btm-inver .btn-main-static {
        margin-bottom: 12px; } }

.profile-client_close {
  display: none;
  float: left;
  width: auto; }
  @media screen and (max-width: 639px) {
    .profile-client_close {
      display: block; } }
  .profile-client_close .svg-close {
    display: none;
    float: left; }
    @media screen and (max-width: 639px) {
      .profile-client_close .svg-close {
        display: block; } }
  .profile-client_close a {
    margin: 0; }

.del-link-first {
  display: block;
  float: left; }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .del-link-first {
      margin-bottom: 28px; } }
  @media screen and (max-width: 639px) {
    .del-link-first {
      display: none; } }

.profile-client_sidebar .sidebar_title-block, .profile-client_sidebar .sidebar_profile-number {
  float: left;
  margin-bottom: 31px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .profile-client_sidebar .sidebar_title-block, .profile-client_sidebar .sidebar_profile-number {
      margin-bottom: 23px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .profile-client_sidebar .sidebar_title-block, .profile-client_sidebar .sidebar_profile-number {
      margin-bottom: 16px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .profile-client_sidebar .sidebar_title-block, .profile-client_sidebar .sidebar_profile-number {
      margin-bottom: 13px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .profile-client_sidebar .sidebar_title-block, .profile-client_sidebar .sidebar_profile-number {
      margin-bottom: 21px; } }
  @media screen and (max-width: 639px) {
    .profile-client_sidebar .sidebar_title-block, .profile-client_sidebar .sidebar_profile-number {
      margin-bottom: 8px; } }

.profile-client_sidebar .sidebar_content-block {
  float: left;
  width: 100%;
  margin-bottom: 67px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .profile-client_sidebar .sidebar_content-block {
      margin-bottom: 52px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .profile-client_sidebar .sidebar_content-block {
      line-height: 17px;
      margin-bottom: 23px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .profile-client_sidebar .sidebar_content-block {
      margin-bottom: 25px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .profile-client_sidebar .sidebar_content-block {
      margin-bottom: 49px; } }
  @media screen and (max-width: 639px) {
    .profile-client_sidebar .sidebar_content-block {
      margin-bottom: 19px; } }
  .profile-client_sidebar .sidebar_content-block p {
    float: left; }
    .profile-client_sidebar .sidebar_content-block p:first-child {
      margin-right: 5px;
      text-transform: uppercase; }
  .profile-client_sidebar .sidebar_content-block div {
    margin-bottom: 4px; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .profile-client_sidebar .sidebar_content-block div {
        margin-bottom: 1px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .profile-client_sidebar .sidebar_content-block div {
        margin-bottom: 14px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .profile-client_sidebar .sidebar_content-block div {
        margin-bottom: 5px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .profile-client_sidebar .sidebar_content-block div {
        margin-bottom: 2px; } }
    @media screen and (max-width: 639px) {
      .profile-client_sidebar .sidebar_content-block div {
        margin-bottom: 10px; } }

.profile-client_sidebar .sidebar_none-block {
  text-align: left;
  float: left;
  margin-bottom: 0; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .profile-client_sidebar .sidebar_none-block {
      margin-bottom: 9px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .profile-client_sidebar .sidebar_none-block {
      margin-bottom: 9px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .profile-client_sidebar .sidebar_none-block {
      margin-bottom: 6px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .profile-client_sidebar .sidebar_none-block {
      margin-bottom: 14px; } }
  @media screen and (max-width: 639px) {
    .profile-client_sidebar .sidebar_none-block {
      margin-bottom: 9px; } }

.profile-client-list_table {
  font-size: 0;
  margin-bottom: 45px; }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .profile-client-list_table {
      margin-bottom: 39px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .profile-client-list_table {
      margin-bottom: 39px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .profile-client-list_table {
      margin-bottom: 39px; } }
  @media screen and (max-width: 639px) {
    .profile-client-list_table {
      margin-bottom: 48px; } }
  .profile-client-list_table:last-child {
    margin-bottom: 0; }
  .profile-client-list_table .table_block-content {
    font-size: 0; background: #fff; overflow: hidden; }
    .profile-client-list_table .table_block-content .block-content_wrapper {
      overflow: hidden; font-size: 0; }
    .profile-client-list_table .table_block-content .block-content_wrapper:first-child {
      float: left; width: 66%; overflow: visible }
      @media screen and (max-width: 1000px) {
        .profile-client-list_table .table_block-content .block-content_wrapper:first-child {
          float: none; overflow: hidden; width: auto; }
        .profile-client-list_table .table_block-content .block-content_wrapper {
          display: block; } }
      .profile-client-list_table .table_block-content .block-content_wrapper .wrapper_column-block {
        /* display: inline-block; */
        background-color: #fff;
        /* vertical-align: top;  */
		float: left; width: 50%!important
		}
        @media screen and (max-width: 639px) {
          .profile-client-list_table .table_block-content .block-content_wrapper .wrapper_column-block {
            display: block; width: auto!important; float: none} }
        .profile-client-list_table .table_block-content .block-content_wrapper .wrapper_column-block .column-block_header {
          display: block;
          text-transform: uppercase;
          background-color: #e6e6e6;
          padding: 25px 0 25px 35px; }
          @media screen and (max-width: 2295px) and (min-width: 1721px) {
            .profile-client-list_table .table_block-content .block-content_wrapper .wrapper_column-block .column-block_header {
              padding: 20px 0 20px 25px; } }
          @media screen and (max-width: 1720px) and (min-width: 1301px) {
            .profile-client-list_table .table_block-content .block-content_wrapper .wrapper_column-block .column-block_header {
              padding: 18px 0 18px 20px; } }
          @media screen and (max-width: 1300px) and (min-width: 1001px) {
            .profile-client-list_table .table_block-content .block-content_wrapper .wrapper_column-block .column-block_header {
              padding: 14px 0 14px 20px; } }
          @media screen and (max-width: 1000px) and (min-width: 640px) {
            .profile-client-list_table .table_block-content .block-content_wrapper .wrapper_column-block .column-block_header {
              padding: 15px; } }
          @media screen and (max-width: 639px) {
            .profile-client-list_table .table_block-content .block-content_wrapper .wrapper_column-block .column-block_header {
              padding: 15px; } }
        .profile-client-list_table .table_block-content .block-content_wrapper .wrapper_column-block .column-block_content {
          display: block;
          position: relative;
          padding: 25px 0 25px 35px;
          min-height: 60px; }
          @media screen and (max-width: 2295px) and (min-width: 1721px) {
            .profile-client-list_table .table_block-content .block-content_wrapper .wrapper_column-block .column-block_content {
              padding: 20px 0 20px 25px;
              min-height: 60px; } }
          @media screen and (max-width: 1720px) and (min-width: 1301px) {
            .profile-client-list_table .table_block-content .block-content_wrapper .wrapper_column-block .column-block_content {
              padding: 18px 0 18px 20px;
              min-height: 54px; } }
          @media screen and (max-width: 1300px) and (min-width: 1001px) {
            .profile-client-list_table .table_block-content .block-content_wrapper .wrapper_column-block .column-block_content {
              padding: 14px 0 14px 20px;
              min-height: 47px; } }
          @media screen and (max-width: 1000px) and (min-width: 640px) {
            .profile-client-list_table .table_block-content .block-content_wrapper .wrapper_column-block .column-block_content {
              padding: 15px;
              min-height: 50px; } }
          @media screen and (max-width: 639px) {
            .profile-client-list_table .table_block-content .block-content_wrapper .wrapper_column-block .column-block_content {
              padding: 25px 15px; } }
          .profile-client-list_table .table_block-content .block-content_wrapper .wrapper_column-block .column-block_content .content_table-num {
            text-align: center; }
            @media screen and (max-width: 1300px) {
              .profile-client-list_table .table_block-content .block-content_wrapper .wrapper_column-block .column-block_content .content_table-num {
                text-align: left; } }
        .profile-client-list_table .table_block-content .block-content_wrapper .wrapper_column-block.column-code {
          width: 185px; }
          @media screen and (max-width: 2295px) and (min-width: 1721px) {
            .profile-client-list_table .table_block-content .block-content_wrapper .wrapper_column-block.column-code {
              width: 146px; } }
          @media screen and (max-width: 1720px) and (min-width: 1301px) {
            .profile-client-list_table .table_block-content .block-content_wrapper .wrapper_column-block.column-code {
              width: 116px; } }
          @media screen and (max-width: 1300px) and (min-width: 1001px) {
            .profile-client-list_table .table_block-content .block-content_wrapper .wrapper_column-block.column-code {
              width: 95px; } }
          @media screen and (max-width: 1000px) and (min-width: 640px) {
            .profile-client-list_table .table_block-content .block-content_wrapper .wrapper_column-block.column-code {
              width: 200px; } }
          @media screen and (max-width: 639px) {
            .profile-client-list_table .table_block-content .block-content_wrapper .wrapper_column-block.column-code {
              width: 100%; } }
          .profile-client-list_table .table_block-content .block-content_wrapper .wrapper_column-block.column-code .table-data span {
            display: block; }
          .profile-client-list_table .table_block-content .block-content_wrapper .wrapper_column-block.column-code .column-block_header {
            text-align: center; }
            @media screen and (max-width: 1300px) {
              .profile-client-list_table .table_block-content .block-content_wrapper .wrapper_column-block.column-code .column-block_header {
                text-align: left; } }
        .profile-client-list_table .table_block-content .block-content_wrapper .wrapper_column-block.column-constitution {
          width: 470px; }
          @media screen and (max-width: 2295px) and (min-width: 1721px) {
            .profile-client-list_table .table_block-content .block-content_wrapper .wrapper_column-block.column-constitution {
              width: 350px; } }
          @media screen and (max-width: 1720px) and (min-width: 1301px) {
            .profile-client-list_table .table_block-content .block-content_wrapper .wrapper_column-block.column-constitution {
              width: 250px; } }
          @media screen and (max-width: 1300px) and (min-width: 1001px) {
            .profile-client-list_table .table_block-content .block-content_wrapper .wrapper_column-block.column-constitution {
              width: 155px; } }
          @media screen and (max-width: 1000px) and (min-width: 640px) {
            .profile-client-list_table .table_block-content .block-content_wrapper .wrapper_column-block.column-constitution {
              width: 200px; } }
          @media screen and (max-width: 639px) {
            .profile-client-list_table .table_block-content .block-content_wrapper .wrapper_column-block.column-constitution {
              width: 100%; } }
          .profile-client-list_table .table_block-content .block-content_wrapper .wrapper_column-block.column-constitution .table-content a span {
            white-space: nowrap; }
        .profile-client-list_table .table_block-content .block-content_wrapper .wrapper_column-block.column-cost {
          width: 470px; }
          @media screen and (max-width: 2295px) and (min-width: 1721px) {
            .profile-client-list_table .table_block-content .block-content_wrapper .wrapper_column-block.column-cost {
              width: 350px; } }
          @media screen and (max-width: 1720px) and (min-width: 1301px) {
            .profile-client-list_table .table_block-content .block-content_wrapper .wrapper_column-block.column-cost {
              width: 250px; } }
          @media screen and (max-width: 1300px) and (min-width: 1001px) {
            .profile-client-list_table .table_block-content .block-content_wrapper .wrapper_column-block.column-cost {
              width: 160px; } }
          @media screen and (max-width: 1000px) and (min-width: 640px) {
            .profile-client-list_table .table_block-content .block-content_wrapper .wrapper_column-block.column-cost {
              width: 200px; } }
          @media screen and (max-width: 639px) {
            .profile-client-list_table .table_block-content .block-content_wrapper .wrapper_column-block.column-cost {
              width: 100%; } }
        .profile-client-list_table .table_block-content .block-content_wrapper .wrapper_column-block.column-pay {
          width: auto!important; float: none }
          @media screen and (max-width: 2295px) and (min-width: 1721px) {
            .profile-client-list_table .table_block-content .block-content_wrapper .wrapper_column-block.column-pay {
              width: 350px; } }
          @media screen and (max-width: 1720px) and (min-width: 1301px) {
            .profile-client-list_table .table_block-content .block-content_wrapper .wrapper_column-block.column-pay {
              width: 250px; } }
          @media screen and (max-width: 1300px) and (min-width: 1001px) {
            .profile-client-list_table .table_block-content .block-content_wrapper .wrapper_column-block.column-pay {
              width: 160px; } }
          @media screen and (max-width: 1000px) and (min-width: 640px) {
            .profile-client-list_table .table_block-content .block-content_wrapper .wrapper_column-block.column-pay {
              width: 100%; } }
          @media screen and (max-width: 639px) {
            .profile-client-list_table .table_block-content .block-content_wrapper .wrapper_column-block.column-pay {
              width: 100%; } }
  .profile-client-list_table .table-block_btns {
    margin-top: 20px; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .profile-client-list_table .table-block_btns {
        margin-top: 16px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .profile-client-list_table .table-block_btns {
        margin-top: 16px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .profile-client-list_table .table-block_btns {
        margin-top: 12px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .profile-client-list_table .table-block_btns {
        margin-top: 15px; } }
    @media screen and (max-width: 639px) {
      .profile-client-list_table .table-block_btns {
        margin-top: 10px; } }
    .profile-client-list_table .table-block_btns .left-btns {
      float: left; }
      @media screen and (max-width: 1000px) {
        .profile-client-list_table .table-block_btns .left-btns .btn-title {
          display: none; } }
    .profile-client-list_table .table-block_btns .btns_right-block {
      float: right;
      width: 75%; }
      @media screen and (max-width: 639px) {
		  .profile-client-list_table .table-block_btns .btns_right-block {
			  float: none; width: auto
		  }
	  }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .profile-client-list_table .table-block_btns .btns_right-block {
          width: auto; float: none } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .profile-client-list_table .table-block_btns .btns_right-block {
          width: 70%; } }
      .profile-client-list_table .table-block_btns .btns_right-block .btn-main-static {
        margin-left: 20px;
        margin-bottom: 21px; }
        @media screen and (max-width: 639px) {
          .profile-client-list_table .table-block_btns .btns_right-block .btn-main-static {
            margin-left: auto;
            margin-right: auto; } }
        @media screen and (max-width: 2295px) and (min-width: 1721px) {
          .profile-client-list_table .table-block_btns .btns_right-block .btn-main-static {
            margin-left: 16px;
            margin-bottom: 15px; } }
        @media screen and (max-width: 1720px) and (min-width: 1301px) {
          .profile-client-list_table .table-block_btns .btns_right-block .btn-main-static {
            margin-left: 14px;
            margin-bottom: 16px; } }
        @media screen and (max-width: 1300px) and (min-width: 1001px) {
          .profile-client-list_table .table-block_btns .btns_right-block .btn-main-static {
            margin-left: 12px;
            margin-bottom: 12px; } }
        @media screen and (max-width: 1000px) and (min-width: 640px) {
          .profile-client-list_table .table-block_btns .btns_right-block .btn-main-static {
            margin-left: auto;
            margin-right: auto;
            margin-bottom: 21px; } }
        @media screen and (max-width: 639px) {
          .profile-client-list_table .table-block_btns .btns_right-block .btn-main-static {
            margin-bottom: 12px; } }

.table_block-wrapper {
  margin-bottom: 16px;
  font-size: 0;
  background: white; }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .table_block-wrapper {
      margin-bottom: 13px; } }
  @media screen and (max-width: 639px) {
    .table_block-wrapper {
      margin-bottom: 10px; } }
  .table_block-wrapper:last-child {
    margin-bottom: 0; }
  .table_block-wrapper .block-wrapper_columns {
    display: inline-block;
    font-size: 0; }
    @media screen and (max-width: 1000px) {
      .table_block-wrapper .block-wrapper_columns {
        display: block; } }
    .table_block-wrapper .block-wrapper_columns .columns_block-column {
      display: inline-block;
      background-color: #fff;
      vertical-align: top; }
      @media screen and (max-width: 639px) {
        .table_block-wrapper .block-wrapper_columns .columns_block-column {
          display: block; } }
      .table_block-wrapper .block-wrapper_columns .columns_block-column.column-code {
        width: 200px; }
        @media screen and (max-width: 2295px) and (min-width: 1721px) {
          .table_block-wrapper .block-wrapper_columns .columns_block-column.column-code {
            width: 138px; } }
        @media screen and (max-width: 1720px) and (min-width: 1301px) {
          .table_block-wrapper .block-wrapper_columns .columns_block-column.column-code {
            width: 146px; } }
        @media screen and (max-width: 1300px) and (min-width: 1001px) {
          .table_block-wrapper .block-wrapper_columns .columns_block-column.column-code {
            width: 135px; } }
        @media screen and (max-width: 1000px) and (min-width: 640px) {
          .table_block-wrapper .block-wrapper_columns .columns_block-column.column-code {
            width: 180px; } }
        @media screen and (max-width: 639px) {
          .table_block-wrapper .block-wrapper_columns .columns_block-column.column-code {
            width: 100%; } }
        .table_block-wrapper .block-wrapper_columns .columns_block-column.column-code .table-data span {
          display: block; }
        .table_block-wrapper .block-wrapper_columns .columns_block-column.column-code .block-column_header {
          text-align: left;
          padding: 27px 0 26px 20px; }
          @media screen and (max-width: 2295px) and (min-width: 1721px) {
            .table_block-wrapper .block-wrapper_columns .columns_block-column.column-code .block-column_header {
              padding: 19px 0 19px 0;
              text-align: center; } }
          @media screen and (max-width: 1720px) and (min-width: 1301px) {
            .table_block-wrapper .block-wrapper_columns .columns_block-column.column-code .block-column_header {
              padding: 17px 0 16px 34px; } }
          @media screen and (max-width: 1300px) and (min-width: 1001px) {
            .table_block-wrapper .block-wrapper_columns .columns_block-column.column-code .block-column_header {
              padding: 14px 0 10px 20px; } }
          @media screen and (max-width: 1000px) and (min-width: 640px) {
            .table_block-wrapper .block-wrapper_columns .columns_block-column.column-code .block-column_header {
              padding: 19px 23px 18px 23px; } }
          @media screen and (max-width: 639px) {
            .table_block-wrapper .block-wrapper_columns .columns_block-column.column-code .block-column_header {
              padding: 12px 15px 11px 15px; } }
        .table_block-wrapper .block-wrapper_columns .columns_block-column.column-code .block-column_content {
          padding: 50px 35px 31px 32px; }
          @media screen and (max-width: 2295px) and (min-width: 1721px) {
            .table_block-wrapper .block-wrapper_columns .columns_block-column.column-code .block-column_content {
              padding: 36px 25px 26px 22px; } }
          @media screen and (max-width: 1720px) and (min-width: 1301px) {
            .table_block-wrapper .block-wrapper_columns .columns_block-column.column-code .block-column_content {
              padding: 20px 20px 8px 30px; } }
          @media screen and (max-width: 1300px) and (min-width: 1001px) {
            .table_block-wrapper .block-wrapper_columns .columns_block-column.column-code .block-column_content {
              padding: 36px 20px 13px 17px; } }
          @media screen and (max-width: 1000px) and (min-width: 640px) {
            .table_block-wrapper .block-wrapper_columns .columns_block-column.column-code .block-column_content {
              padding: 40px 15px 40px 18px; } }
          @media screen and (max-width: 639px) {
            .table_block-wrapper .block-wrapper_columns .columns_block-column.column-code .block-column_content {
              padding: 22px 15px 22px 12px; } }
      .table_block-wrapper .block-wrapper_columns .columns_block-column.column-cost {
        width: 628px; }
        @media screen and (max-width: 2295px) and (min-width: 1721px) {
          .table_block-wrapper .block-wrapper_columns .columns_block-column.column-cost {
            width: 470px;
            } }
        @media screen and (max-width: 1720px) and (min-width: 1301px) {
          .table_block-wrapper .block-wrapper_columns .columns_block-column.column-cost {
            width: 290px; } }
        @media screen and (max-width: 1300px) and (min-width: 1001px) {
          .table_block-wrapper .block-wrapper_columns .columns_block-column.column-cost {
            width: 157px; } }
        @media screen and (max-width: 1000px) and (min-width: 640px) {
          .table_block-wrapper .block-wrapper_columns .columns_block-column.column-cost {
            width: 420px; } }
        @media screen and (max-width: 639px) {
          .table_block-wrapper .block-wrapper_columns .columns_block-column.column-cost {
            width: 100%; } }
        .table_block-wrapper .block-wrapper_columns .columns_block-column.column-cost p {
          line-height: 30px; }
          @media screen and (max-width: 2295px) and (min-width: 1721px) {
            .table_block-wrapper .block-wrapper_columns .columns_block-column.column-cost p {
              line-height: 24px; } }
          @media screen and (max-width: 1720px) and (min-width: 1301px) {
            .table_block-wrapper .block-wrapper_columns .columns_block-column.column-cost p {
              line-height: 20px; } }
          @media screen and (max-width: 1300px) and (min-width: 1001px) {
            .table_block-wrapper .block-wrapper_columns .columns_block-column.column-cost p {
              line-height: 20px; } }
          @media screen and (max-width: 1000px) and (min-width: 640px) {
            .table_block-wrapper .block-wrapper_columns .columns_block-column.column-cost p {
              line-height: 24px; } }
          @media screen and (max-width: 639px) {
            .table_block-wrapper .block-wrapper_columns .columns_block-column.column-cost p {
              line-height: 24px; } }
      .table_block-wrapper .block-wrapper_columns .columns_block-column.column-pay {
        width: 762px; }
        @media screen and (max-width: 2295px) and (min-width: 1721px) {
          .table_block-wrapper .block-wrapper_columns .columns_block-column.column-pay {
            width: 587px; } }
        @media screen and (max-width: 1720px) and (min-width: 1301px) {
          .table_block-wrapper .block-wrapper_columns .columns_block-column.column-pay {
            width: 430px; } }
        @media screen and (max-width: 1300px) and (min-width: 1001px) {
          .table_block-wrapper .block-wrapper_columns .columns_block-column.column-pay {
            width: 280px; } }
        @media screen and (max-width: 1000px) and (min-width: 640px) {
          .table_block-wrapper .block-wrapper_columns .columns_block-column.column-pay {
            width: 100%; } }
        @media screen and (max-width: 639px) {
          .table_block-wrapper .block-wrapper_columns .columns_block-column.column-pay {
            width: 100%; } }
        .table_block-wrapper .block-wrapper_columns .columns_block-column.column-pay textarea {
          height: 176px;
          overflow: auto; }
          @media screen and (max-width: 2295px) and (min-width: 1721px) {
            .table_block-wrapper .block-wrapper_columns .columns_block-column.column-pay textarea {
              height: 132px; } }
          @media screen and (max-width: 1720px) and (min-width: 1301px) {
            .table_block-wrapper .block-wrapper_columns .columns_block-column.column-pay textarea {
              height: 98px; } }
          @media screen and (max-width: 1300px) and (min-width: 1001px) {
            .table_block-wrapper .block-wrapper_columns .columns_block-column.column-pay textarea {
              height: 91px; } }
          @media screen and (max-width: 1000px) and (min-width: 640px) {
            .table_block-wrapper .block-wrapper_columns .columns_block-column.column-pay textarea {
              height: 132px; } }
          @media screen and (max-width: 639px) {
            .table_block-wrapper .block-wrapper_columns .columns_block-column.column-pay textarea {
              height: 91px; } }
        .table_block-wrapper .block-wrapper_columns .columns_block-column.column-pay .content_file-info {
          float: left;
          width: calc(100% - 80px);
          overflow: hidden;
          margin-bottom: 47px; }
          @media screen and (max-width: 2295px) and (min-width: 1721px) {
            .table_block-wrapper .block-wrapper_columns .columns_block-column.column-pay .content_file-info {
              width: calc(100% - 60px);
              margin-bottom: 32px; } }
          @media screen and (max-width: 1720px) and (min-width: 1301px) {
            .table_block-wrapper .block-wrapper_columns .columns_block-column.column-pay .content_file-info {
              width: calc(100% - 50px);
              margin-bottom: 18px; } }
          @media screen and (max-width: 1300px) and (min-width: 1001px) {
            .table_block-wrapper .block-wrapper_columns .columns_block-column.column-pay .content_file-info {
              width: calc(100% - 50px);
              margin-bottom: 10px; } }
          @media screen and (max-width: 1000px) and (min-width: 640px) {
            .table_block-wrapper .block-wrapper_columns .columns_block-column.column-pay .content_file-info {
              margin-bottom: 32px; } }
          @media screen and (max-width: 639px) {
            .table_block-wrapper .block-wrapper_columns .columns_block-column.column-pay .content_file-info {
              width: calc(100% - 50px);
              margin-bottom: 13px; } }
          .table_block-wrapper .block-wrapper_columns .columns_block-column.column-pay .content_file-info .file-info_title {
            margin-bottom: 5px; }
            @media screen and (max-width: 2295px) and (min-width: 1721px) {
              .table_block-wrapper .block-wrapper_columns .columns_block-column.column-pay .content_file-info .file-info_title {
                margin-bottom: 9px; } }
            @media screen and (max-width: 1720px) and (min-width: 1301px) {
              .table_block-wrapper .block-wrapper_columns .columns_block-column.column-pay .content_file-info .file-info_title {
                margin-bottom: 0; } }
            @media screen and (max-width: 1300px) and (min-width: 1001px) {
              .table_block-wrapper .block-wrapper_columns .columns_block-column.column-pay .content_file-info .file-info_title {
                margin-bottom: 0; } }
            @media screen and (max-width: 639px) {
              .table_block-wrapper .block-wrapper_columns .columns_block-column.column-pay .content_file-info .file-info_title {
                margin-bottom: 0; } }
          .table_block-wrapper .block-wrapper_columns .columns_block-column.column-pay .content_file-info .file-info_link {
            text-decoration: underline;
            color: #9b9b9b !important;
            font-size: 19px; }
            @media screen and (max-width: 2295px) and (min-width: 1721px) {
              .table_block-wrapper .block-wrapper_columns .columns_block-column.column-pay .content_file-info .file-info_link {
                font-size: 14px; } }
            @media screen and (max-width: 1720px) and (min-width: 1301px) {
              .table_block-wrapper .block-wrapper_columns .columns_block-column.column-pay .content_file-info .file-info_link {
                font-size: 12px; } }
            @media screen and (max-width: 1300px) and (min-width: 1001px) {
              .table_block-wrapper .block-wrapper_columns .columns_block-column.column-pay .content_file-info .file-info_link {
                font-size: 12px; } }
            @media screen and (max-width: 1000px) and (min-width: 640px) {
              .table_block-wrapper .block-wrapper_columns .columns_block-column.column-pay .content_file-info .file-info_link {
                font-size: 14px; } }
            @media screen and (max-width: 639px) {
              .table_block-wrapper .block-wrapper_columns .columns_block-column.column-pay .content_file-info .file-info_link {
                font-size: 12px; } }
          .table_block-wrapper .block-wrapper_columns .columns_block-column.column-pay .content_file-info p {
            overflow: hidden;
            -o-text-overflow: ellipsis;
               text-overflow: ellipsis; }
        .table_block-wrapper .block-wrapper_columns .columns_block-column.column-pay .close-link {
          float: right; }
          .table_block-wrapper .block-wrapper_columns .columns_block-column.column-pay .close-link a {
            margin-bottom: 0;
            margin-top: 0;
            margin-right: 0; }
        .table_block-wrapper .block-wrapper_columns .columns_block-column.column-pay .content_textarea-wrapper {
          width: calc(100% - 90px); }
          @media screen and (max-width: 1720px) and (min-width: 1301px) {
            .table_block-wrapper .block-wrapper_columns .columns_block-column.column-pay .content_textarea-wrapper {
              width: calc(100% - 70px); } }
          @media screen and (max-width: 1300px) and (min-width: 1001px) {
            .table_block-wrapper .block-wrapper_columns .columns_block-column.column-pay .content_textarea-wrapper {
              width: 100%; } }
          @media screen and (max-width: 1000px) and (min-width: 640px) {
            .table_block-wrapper .block-wrapper_columns .columns_block-column.column-pay .content_textarea-wrapper {
              width: 100%; } }
          @media screen and (max-width: 639px) {
            .table_block-wrapper .block-wrapper_columns .columns_block-column.column-pay .content_textarea-wrapper {
              width: 100%; }
              .table_block-wrapper .block-wrapper_columns .columns_block-column.column-pay .content_textarea-wrapper .svg-forgot-password {
                -webkit-transform: translate(-50%, -60%);
                    -ms-transform: translate(-50%, -60%);
                        transform: translate(-50%, -60%); } }
          .table_block-wrapper .block-wrapper_columns .columns_block-column.column-pay .content_textarea-wrapper.textarea {
            float: left;
            margin-bottom: 15px; }
            @media screen and (max-width: 2295px) and (min-width: 1721px) {
              .table_block-wrapper .block-wrapper_columns .columns_block-column.column-pay .content_textarea-wrapper.textarea {
                margin-bottom: 10px; } }
            @media screen and (max-width: 1720px) and (min-width: 1301px) {
              .table_block-wrapper .block-wrapper_columns .columns_block-column.column-pay .content_textarea-wrapper.textarea {
                margin-bottom: 12px; } }
            @media screen and (max-width: 1300px) and (min-width: 1001px) {
              .table_block-wrapper .block-wrapper_columns .columns_block-column.column-pay .content_textarea-wrapper.textarea {
                margin-bottom: 10px; } }
            @media screen and (max-width: 1000px) and (min-width: 640px) {
              .table_block-wrapper .block-wrapper_columns .columns_block-column.column-pay .content_textarea-wrapper.textarea {
                margin-bottom: 12px; } }
            @media screen and (max-width: 639px) {
              .table_block-wrapper .block-wrapper_columns .columns_block-column.column-pay .content_textarea-wrapper.textarea {
                margin-bottom: 9px; } }
        .table_block-wrapper .block-wrapper_columns .columns_block-column.column-pay .right-btns {
          width: calc(100% - 90px); }
          @media screen and (max-width: 1720px) and (min-width: 1301px) {
            .table_block-wrapper .block-wrapper_columns .columns_block-column.column-pay .right-btns {
              width: calc(100% - 70px); } }
          @media screen and (max-width: 1300px) and (min-width: 1001px) {
            .table_block-wrapper .block-wrapper_columns .columns_block-column.column-pay .right-btns {
              width: 100%; } }
          @media screen and (max-width: 1000px) and (min-width: 640px) {
            .table_block-wrapper .block-wrapper_columns .columns_block-column.column-pay .right-btns {
              width: 100%; } }
          @media screen and (max-width: 639px) {
            .table_block-wrapper .block-wrapper_columns .columns_block-column.column-pay .right-btns {
              width: 100%; } }
          .table_block-wrapper .block-wrapper_columns .columns_block-column.column-pay .right-btns .btn-main-static {
            margin-bottom: 21px; }
            @media screen and (max-width: 2295px) and (min-width: 1721px) {
              .table_block-wrapper .block-wrapper_columns .columns_block-column.column-pay .right-btns .btn-main-static {
                margin-bottom: 15px; } }
            @media screen and (max-width: 1720px) and (min-width: 1301px) {
              .table_block-wrapper .block-wrapper_columns .columns_block-column.column-pay .right-btns .btn-main-static {
                margin-bottom: 16px; } }
            @media screen and (max-width: 1300px) and (min-width: 1001px) {
              .table_block-wrapper .block-wrapper_columns .columns_block-column.column-pay .right-btns .btn-main-static {
                margin-bottom: 12px; } }
            @media screen and (max-width: 1000px) and (min-width: 640px) {
              .table_block-wrapper .block-wrapper_columns .columns_block-column.column-pay .right-btns .btn-main-static {
                margin-bottom: 21px; } }
            @media screen and (max-width: 639px) {
              .table_block-wrapper .block-wrapper_columns .columns_block-column.column-pay .right-btns .btn-main-static {
                margin-bottom: 12px; } }
      .table_block-wrapper .block-wrapper_columns .columns_block-column .block-column_header {
        display: block;
        text-transform: uppercase;
        background-color: #e6e6e6;
        padding: 27px 0 26px 20px; }
        @media screen and (max-width: 2295px) and (min-width: 1721px) {
          .table_block-wrapper .block-wrapper_columns .columns_block-column .block-column_header {
            padding: 19px 0 19px 22px; } }
        @media screen and (max-width: 1720px) and (min-width: 1301px) {
          .table_block-wrapper .block-wrapper_columns .columns_block-column .block-column_header {
            padding: 17px 0 16px 24px; } }
        @media screen and (max-width: 1300px) and (min-width: 1001px) {
          .table_block-wrapper .block-wrapper_columns .columns_block-column .block-column_header {
            padding: 14px 0 10px 20px; } }
        @media screen and (max-width: 1000px) and (min-width: 640px) {
          .table_block-wrapper .block-wrapper_columns .columns_block-column .block-column_header {
            padding: 19px 23px 18px 23px; } }
        @media screen and (max-width: 639px) {
          .table_block-wrapper .block-wrapper_columns .columns_block-column .block-column_header {
            padding: 12px 15px 11px 15px; } }
      .table_block-wrapper .block-wrapper_columns .columns_block-column .block-column_content {
        display: block;
        position: relative;
        padding: 50px 35px 31px 20px;
        min-height: 60px; }
        @media screen and (max-width: 2295px) and (min-width: 1721px) {
          .table_block-wrapper .block-wrapper_columns .columns_block-column .block-column_content {
            padding: 36px 25px 26px 25px;
            min-height: 60px; } }
        @media screen and (max-width: 1720px) and (min-width: 1301px) {
          .table_block-wrapper .block-wrapper_columns .columns_block-column .block-column_content {
            padding: 20px 20px 8px 24px;
            min-height: 54px; } }
        @media screen and (max-width: 1300px) and (min-width: 1001px) {
          .table_block-wrapper .block-wrapper_columns .columns_block-column .block-column_content {
            padding: 36px 20px 13px 20px;
            min-height: 47px; } }
        @media screen and (max-width: 1000px) and (min-width: 640px) {
          .table_block-wrapper .block-wrapper_columns .columns_block-column .block-column_content {
            padding: 35px 23px 40px 23px;
            min-height: 50px; } }
        @media screen and (max-width: 639px) {
          .table_block-wrapper .block-wrapper_columns .columns_block-column .block-column_content {
            padding: 26px 15px 22px 15px; } }
        .table_block-wrapper .block-wrapper_columns .columns_block-column .block-column_content .content_table-num {
          text-align: center; }
          @media screen and (max-width: 1720px) {
            .table_block-wrapper .block-wrapper_columns .columns_block-column .block-column_content .content_table-num {
              text-align: left; } }
          .table_block-wrapper .block-wrapper_columns .columns_block-column .block-column_content .content_table-num a {
            text-decoration: none; }

.clearfix-second {
  float: left; }

.my-files_title {
  float: left; }
  @media screen and (max-width: 1000px) {
    .my-files_title {
      float: none; } }

.my-files_btn {
  float: right;
  margin-top: 99px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .my-files_btn {
      margin-top: 74px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .my-files_btn {
      margin-top: 37px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .my-files_btn {
      margin-top: 37px; } }
  @media screen and (max-width: 1000px) {
    .my-files_btn {
      display: none; } }

.ftp-link a {
  color: #bfbfbf !important;
  float: left;
  margin-bottom: 12px; }
  @media screen and (min-width: 1001px) {
    .ftp-link a {
      display: none; } }

.form-history-orders:first-child {
  margin-bottom: 21px !important; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .form-history-orders:first-child {
      margin-bottom: 15px !important;
      padding-bottom: 38px !important; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .form-history-orders:first-child {
      margin-bottom: 10px !important;
      padding-bottom: 28px !important; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .form-history-orders:first-child {
      margin-bottom: 10px !important;
      padding-bottom: 28px !important; } }
  @media screen and (max-width: 1000px) and (min-width: 639px) {
    .form-history-orders:first-child {
      margin-bottom: 11px !important;
      padding-bottom: 25px !important; } }
  @media screen and (max-width: 639px) {
    .form-history-orders:first-child {
      margin-bottom: 4px !important;
      padding-bottom: 38px !important; } }

.form-history-orders:nth-child(2) {
  padding-bottom: 0 !important;
  margin-bottom: 2px !important; }

@media screen and (max-width: 639px) {
  .form-history-orders:last-child {
    padding-bottom: 16px !important; } }

.form-history-orders .wrapper_label-mobile {
  display: none;
  color: #9b9b9b;
  font-weight: 400; }
  @media screen and (max-width: 639px) {
    .form-history-orders .wrapper_label-mobile {
      display: block;
      margin-bottom: 4px; } }

@media screen and (max-width: 639px) {
  .form-history-orders .input div {
    color: #9b9b9b;
    font-weight: 500; } }

.form-history-orders .input div.input_label-left {
  font-weight: 500;
  color: #9b9b9b; }

.form-history-orders .input div.price-block {
  float: left;
  width: auto;
  height: 92px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .form-history-orders .input div.price-block {
      height: 70px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .form-history-orders .input div.price-block {
      height: 50px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .form-history-orders .input div.price-block {
      height: 44px; } }
  @media screen and (max-width: 1000px) and (min-width: 639px) {
    .form-history-orders .input div.price-block {
      height: 70px; } }
  @media screen and (max-width: 639px) {
    .form-history-orders .input div.price-block {
      height: 44px;
      display: block; } }

.form-history-orders .input div.error-popup.bottom:before {
  left: 164px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .form-history-orders .input div.error-popup.bottom:before {
      left: 123px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .form-history-orders .input div.error-popup.bottom:before {
      left: 103px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .form-history-orders .input div.error-popup.bottom:before {
      left: 101px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .form-history-orders .input div.error-popup.bottom:before {
      left: 115px; } }
  @media screen and (max-width: 639px) {
    .form-history-orders .input div.error-popup.bottom:before {
      left: 99px; } }

.form-history-orders .input div.input_label-price {
  color: #0d1115;
  position: absolute;
  right: 30px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%); }
  @media screen and (max-width: 639px) {
    .form-history-orders .input div.input_label-price {
      float: left;
      position: relative;
      width: 100%;
      right: 0;
      margin-left: 20px; } }
  .form-history-orders .input div.input_label-price p {
    font-weight: bold; }

.form-history-orders .input div.error-popup:before {
  left: 123px;
  right: auto; }

.form-history-orders .input div.error-popup div {
  font-weight: 400; }

.form-history-orders .input div .label-left_shiping-title {
  font-weight: 400; }

.form-history-orders .input a {
  float: left;
  position: relative;
  height: 83px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .form-history-orders .input a {
      height: 70px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .form-history-orders .input a {
      height: 50px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .form-history-orders .input a {
      height: 44px; } }
  @media screen and (max-width: 1000px) and (min-width: 639px) {
    .form-history-orders .input a {
      height: 70px; } }
  @media screen and (max-width: 639px) {
    .form-history-orders .input a {
      height: 44px;
     } }
  .form-history-orders .input a .icon-centering {
    background: #0d1115;
    left: 0;
    width: 32px;
    height: 32px;
    -webkit-transition: background .6s ease;
    -o-transition: background .6s ease;
    transition: background .6s ease; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .form-history-orders .input a .icon-centering {
        width: 25px;
        height: 25px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .form-history-orders .input a .icon-centering {
        width: 21px;
        height: 21px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .form-history-orders .input a .icon-centering {
        width: 21px;
        height: 21px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .form-history-orders .input a .icon-centering {
        width: 25px;
        height: 25px; } }
    @media screen and (max-width: 639px) {
      .form-history-orders .input a .icon-centering {
        width: 21px;
        height: 21px; } }
    @media screen and (min-width: 1000px) {
      .form-history-orders .input a .icon-centering:hover {
        background: #fbea3a; }
        .form-history-orders .input a .icon-centering:hover .svg {
          fill: #262626; } }
    .form-history-orders .input a .icon-centering .svg {
      fill: #fff;
      -webkit-transition: fill .6s ease;
      -o-transition: fill .6s ease;
      transition: fill .6s ease; }
    .form-history-orders .input a .icon-centering .svg-forgot-password {
      fill: #fff;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      display: block; }
  @media screen and (min-width: 1001px) {
    .form-history-orders .input a:hover + .error-popup {
      visibility: visible;
      opacity: 1;
      -webkit-transition-delay: 0s;
           -o-transition-delay: 0s;
              transition-delay: 0s; } }

.form-history-orders .input.input-in-active {
  background: #d7d7d7; }
  .form-history-orders .input.input-in-active a .icon-centering {
    background: #9b9b9b; }
    .form-history-orders .input.input-in-active a .icon-centering:hover .svg {
      fill: #fff; }
  .form-history-orders .input.input-in-active div.input_label-price p {
    color: #9b9b9b; }

.form-history-orders .input:nth-child(3) .input_text-block {
  width: calc(100% - 227px); }

.form-history-orders .input:nth-child(5) .input_text-block {
  width: calc(100% - 119px); }

.form-history-orders .input:nth-child(7) .input_text-block {
  width: calc(100% - 117px); }

.form-history-orders .input:nth-child(9) .input_text-block {
  width: calc(100% - 249px); }

.form-history-orders .input:nth-child(13) .input_text-block {
  width: calc(100% - 247px); }

.form-history-orders .input:nth-child(15) .input_text-block {
  width: calc(100% - 145px); }

.form-history-orders .input:nth-child(17) .input_text-block {
  width: calc(100% - 117px); }

.form-history-orders .input:nth-child(19) .input_text-block {
  width: calc(100% - 252px); }

.form-history-orders .input:nth-child(23) .input_text-block {
  width: calc(100% - 252px); }

.form-history-orders .input:nth-child(25) .input_text-block {
  width: calc(100% - 228px); }

@media screen and (max-width: 2295px) and (min-width: 1721px) {
  .form-history-orders .input:nth-child(3) .input_text-block {
    width: calc(100% - 174px); }
  .form-history-orders .input:nth-child(5) .input_text-block {
    width: calc(100% - 92px); }
  .form-history-orders .input:nth-child(7) .input_text-block {
    width: calc(100% - 91px); }
  .form-history-orders .input:nth-child(9) .input_text-block {
    width: calc(100% - 190px); }
  .form-history-orders .input:nth-child(13) .input_text-block {
    width: calc(100% - 189px); }
  .form-history-orders .input:nth-child(15) .input_text-block {
    width: calc(100% - 112px); }
  .form-history-orders .input:nth-child(17) .input_text-block {
    width: calc(100% - 91px); }
  .form-history-orders .input:nth-child(19) .input_text-block {
    width: calc(100% - 193px); }
  .form-history-orders .input:nth-child(23) .input_text-block {
    width: calc(100% - 193px); }
  .form-history-orders .input:nth-child(25) .input_text-block {
    width: calc(100% - 174px); } }

@media screen and (max-width: 1720px) and (min-width: 1301px) {
  .form-history-orders .input:nth-child(3) .input_text-block {
    width: calc(100% - 148px); }
  .form-history-orders .input:nth-child(5) .input_text-block {
    width: calc(100% - 77px); }
  .form-history-orders .input:nth-child(7) .input_text-block {
    width: calc(100% - 75px); }
  .form-history-orders .input:nth-child(9) .input_text-block {
    width: calc(100% - 162px); }
  .form-history-orders .input:nth-child(13) .input_text-block {
    width: calc(100% - 160px); }
  .form-history-orders .input:nth-child(15) .input_text-block {
    width: calc(100% - 94px); }
  .form-history-orders .input:nth-child(17) .input_text-block {
    width: calc(100% - 75px); }
  .form-history-orders .input:nth-child(19) .input_text-block {
    width: calc(100% - 164px); }
  .form-history-orders .input:nth-child(23) .input_text-block {
    width: calc(100% - 164px); }
  .form-history-orders .input:nth-child(25) .input_text-block {
    width: calc(100% - 148px); } }

@media screen and (max-width: 1300px) and (min-width: 1001px) {
  .form-history-orders .input:nth-child(3) .input_text-block {
    width: calc(100% - 147px); }
  .form-history-orders .input:nth-child(5) .input_text-block {
    width: calc(100% - 76px); }
  .form-history-orders .input:nth-child(7) .input_text-block {
    width: calc(100% - 75px); }
  .form-history-orders .input:nth-child(9) .input_text-block {
    width: calc(100% - 161px); }
  .form-history-orders .input:nth-child(13) .input_text-block {
    width: calc(100% - 159px); }
  .form-history-orders .input:nth-child(15) .input_text-block {
    width: calc(100% - 93px); }
  .form-history-orders .input:nth-child(17) .input_text-block {
    width: calc(100% - 75px); }
  .form-history-orders .input:nth-child(19) .input_text-block {
    width: calc(100% - 163px); }
  .form-history-orders .input:nth-child(23) .input_text-block {
    width: calc(100% - 163px); }
  .form-history-orders .input:nth-child(25) .input_text-block {
    width: calc(100% - 147px); } }

@media screen and (max-width: 1000px) and (min-width: 640px) {
  .form-history-orders .input:nth-child(3) .input_text-block {
    width: calc(100% - 166px); }
  .form-history-orders .input:nth-child(5) .input_text-block {
    width: calc(100% - 84px); }
  .form-history-orders .input:nth-child(7) .input_text-block {
    width: calc(100% - 83px); }
  .form-history-orders .input:nth-child(9) .input_text-block {
    width: calc(100% - 182px); }
  .form-history-orders .input:nth-child(13) .input_text-block {
    width: calc(100% - 181px); }
  .form-history-orders .input:nth-child(15) .input_text-block {
    width: calc(100% - 104px); }
  .form-history-orders .input:nth-child(17) .input_text-block {
    width: calc(100% - 83px); }
  .form-history-orders .input:nth-child(19) .input_text-block {
    width: calc(100% - 185px); }
  .form-history-orders .input:nth-child(23) .input_text-block {
    width: calc(100% - 185px); }
  .form-history-orders .input:nth-child(25) .input_text-block {
    width: calc(100% - 166px); } }

@media screen and (max-width: 639px) {
  .form-history-orders .input .input_text-block {
    width: 100% !important; } }

.form-history-orders .wrapper_title-price {
  float: right;
  margin-right: 5px;
  font-weight: 600;
  line-height: 30px;
  padding-top: 33px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .form-history-orders .wrapper_title-price {
      padding-top: 20px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .form-history-orders .wrapper_title-price {
      line-height: 24px;
      padding-top: 13px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .form-history-orders .wrapper_title-price {
      line-height: 24px;
      padding-top: 13px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .form-history-orders .wrapper_title-price {
      line-height: 25px;
      padding-top: 22px; } }
  @media screen and (max-width: 639px) {
    .form-history-orders .wrapper_title-price {
      line-height: 24px;
      padding-top: 12px; } }

.form-history-orders .wrapper_total-price {
  float: right;
  padding-bottom: 0;
  padding-top: 33px;
  line-height: 30px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .form-history-orders .wrapper_total-price {
      padding-top: 21px;
      padding-bottom: 10px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .form-history-orders .wrapper_total-price {
      line-height: 24px;
      padding-top: 13px;
      padding-bottom: 0; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .form-history-orders .wrapper_total-price {
      line-height: 24px;
      padding-top: 13px;
      padding-bottom: 0; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .form-history-orders .wrapper_total-price {
      line-height: 25px;
      padding-top: 22px;
      padding-bottom: 0; } }
  @media screen and (max-width: 639px) {
    .form-history-orders .wrapper_total-price {
      line-height: 24px;
      padding-top: 12px;
      padding-bottom: 0; } }

.form-history-orders .separator-block {
  height: 72px; }
  @media screen and (max-width: 1720px) {
    .form-history-orders .separator-block {
      height: 40px; } }

.sidebar-history-orders {
  background: transparent !important;
  padding: 0 !important;
  margin-bottom: 0 !important; }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .sidebar-history-orders {
      background: transparent !important;
      padding: 0 !important;
      margin-bottom: 0 !important; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .sidebar-history-orders {
      background: transparent !important;
      padding: 0 !important;
      margin-bottom: 0 !important;
      display: block !important;
      width: 100% !important; } }
  @media screen and (max-width: 639px) {
    .sidebar-history-orders {
      background: transparent !important;
      padding: 0 !important;
      display: block !important;
      width: 100% !important;
      margin-bottom: 3px !important; } }
  .sidebar-history-orders .sidebar_block {
    padding: 58px;
    float: right;
    width: 100%;
    background: #fff; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .sidebar-history-orders .sidebar_block {
        padding: 43px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .sidebar-history-orders .sidebar_block {
        padding: 25px;
      }
	}
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .sidebar-history-orders .sidebar_block {
        margin-bottom: 14px;
        height: 358px;
        padding: 20px;
        padding-bottom: 0;
        width: 49%;
        float: left; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .sidebar-history-orders .sidebar_block {
        width: 49%;
        padding: 20px;
        padding-bottom: 0;
        margin-bottom: 14px;
        height: 412px;
        float: left; } }
    @media screen and (max-width: 639px) {
      .sidebar-history-orders .sidebar_block {
        width: 100%;
        padding: 0;
        padding-bottom: 40px; } }
    .sidebar-history-orders .sidebar_block:first-child {
      margin-bottom: 4px; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .sidebar-history-orders .sidebar_block:first-child {
          margin-bottom: 3px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .sidebar-history-orders .sidebar_block:first-child {
          margin-bottom: 3px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .sidebar-history-orders .sidebar_block:first-child {
          margin-right: 1%;
          margin-bottom: 2px; } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .sidebar-history-orders .sidebar_block:first-child {
          margin-right: 1%;
          margin-bottom: 6px; } }
      @media screen and (max-width: 639px) {
        .sidebar-history-orders .sidebar_block:first-child {
          margin-bottom: 2px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .sidebar-history-orders .sidebar_block:last-child {
        margin-left: 1%; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .sidebar-history-orders .sidebar_block:last-child {
        margin-left: 1%; } }
    @media screen and (max-width: 639px) {
      .sidebar-history-orders .sidebar_block:last-child {
        padding: 31px 20px 40px 20px; } }
    .sidebar-history-orders .sidebar_block .wrapper_title-block {
      padding-bottom: 15px;
      padding-top: 4px; text-align: center }
    .sidebar-history-orders .sidebar_block .btn-main-static {
      margin: 0 auto 21px; margin-left: auto!important; float: none}
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .sidebar-history-orders .sidebar_block .btn-main-static {
          margin-bottom: 15px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .sidebar-history-orders .sidebar_block .btn-main-static {
          margin-bottom: 16px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .sidebar-history-orders .sidebar_block .btn-main-static {
          margin-bottom: 12px; } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .sidebar-history-orders .sidebar_block .btn-main-static {
          margin-bottom: 21px; } }
      @media screen and (max-width: 639px) {
        .sidebar-history-orders .sidebar_block .btn-main-static {
          margin-bottom: 12px; } }
    .sidebar-history-orders .sidebar_block .wrapper_file-list {
      margin-bottom: 39px; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .sidebar-history-orders .sidebar_block .wrapper_file-list {
          margin-bottom: 27px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .sidebar-history-orders .sidebar_block .wrapper_file-list {
          margin-bottom: 27px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .sidebar-history-orders .sidebar_block .wrapper_file-list {
          margin-bottom: 29px; } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .sidebar-history-orders .sidebar_block .wrapper_file-list {
          margin-bottom: 27px; } }
      @media screen and (max-width: 639px) {
        .sidebar-history-orders .sidebar_block .wrapper_file-list {
          margin-bottom: 29px; } }
      .sidebar-history-orders .sidebar_block .wrapper_file-list .file-list_link {
        color: #bfbfbf !important; }
        .sidebar-history-orders .sidebar_block .wrapper_file-list .file-list_link span {
          color: #bfbfbf; }
      .sidebar-history-orders .sidebar_block .wrapper_file-list p {
        padding-bottom: 6px; }

.img-block-top .block-desc-dot {
  display: none; }
  @media screen and (max-width: 639px) {
    .img-block-top .block-desc-dot {
      display: inline-block; } }

.reviews-detail_content {
  width: 1200px;
  margin: 0 auto;
  padding-bottom: 60px;
  text-align: justify; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .reviews-detail_content {
      width: 790px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .reviews-detail_content {
      width: 660px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .reviews-detail_content {
      width: 460px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .reviews-detail_content {
      width: 500px; } }
  @media screen and (max-width: 639px) {
    .reviews-detail_content {
      width: 280px; } }
  .reviews-detail_content .text-wrapper {
    margin: 0; }
    .reviews-detail_content .text-wrapper p {
      font-weight: 400;
      color: #424141; }
      @media screen and (max-width: 639px) {
        .reviews-detail_content .text-wrapper p {
          text-align: left; } }
      .reviews-detail_content .text-wrapper p.block_author {
        text-align: right;
        margin-top: 30px;
        margin-bottom: 30px;
        width: 100%; }
        @media screen and (max-width: 1000px) {
          .reviews-detail_content .text-wrapper p.block_author {
            text-align: left; } }

.img-block-top {
  background: #fff;
  position: relative; }
  .img-block-top .img-block-top_left-column {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
    width: 30%;
    left: 10%; }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .img-block-top .img-block-top_left-column {
        left: 5%; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .img-block-top .img-block-top_left-column {
        position: relative;
        float: left;
        left: 0;
        width: 100%; } }
    @media screen and (max-width: 639px) {
      .img-block-top .img-block-top_left-column {
        position: relative;
        float: left;
        left: 0;
        width: 100%;
        top: -34px;
        -webkit-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
                transform: translate(0, 0); } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .img-block-top .img-block-top_left-column .left-column_content {
        width: 500px;
        margin: auto;
        position: relative;
        top: 88px;
        padding-bottom: 40px; } }
    @media screen and (max-width: 639px) {
      .img-block-top .img-block-top_left-column .left-column_content {
        margin: auto;
        position: relative;
        width: 280px;
        padding: 20px; } }
    .img-block-top .img-block-top_left-column br {
      display: none; }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .img-block-top .img-block-top_left-column br {
          display: block; } }
      @media screen and (max-width: 639px) {
        .img-block-top .img-block-top_left-column br {
          display: block; } }
  .img-block-top .img-block-top_richt-column {
    width: 78%;
    float: right;
    background-image: url(/images/reviews-rai-bank.jpg);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: cover;
    height: 985px; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .img-block-top .img-block-top_richt-column {
        height: 730px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .img-block-top .img-block-top_richt-column {
        height: 530px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .img-block-top .img-block-top_richt-column {
        height: 520px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .img-block-top .img-block-top_richt-column {
        width: 100%;
        height: 265px; } }
    @media screen and (max-width: 639px) {
      .img-block-top .img-block-top_richt-column {
        width: 100%;
        height: 180px; } }
    .img-block-top .img-block-top_richt-column img {
      width: 100%;
      float: right; }

.quote-heder .quote-heder_title-icon {
  width: 50%;
  float: left; }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .quote-heder .quote-heder_title-icon {
      width: 30%; } }
  @media screen and (max-width: 639px) {
    .quote-heder .quote-heder_title-icon {
      width: 40px; } }
  .quote-heder .quote-heder_title-icon .svg-quotes {
    float: right;
    position: relative;
    right: -15px;
    top: 50px;
    color: #d9d9d9; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .quote-heder .quote-heder_title-icon .svg-quotes {
        top: 40px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .quote-heder .quote-heder_title-icon .svg-quotes {
        top: 43px;
        right: -5px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .quote-heder .quote-heder_title-icon .svg-quotes {
        right: 5px;
        top: 25px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .quote-heder .quote-heder_title-icon .svg-quotes {
        right: -10px;
        top: 60px; } }
    @media screen and (max-width: 639px) {
      .quote-heder .quote-heder_title-icon .svg-quotes {
        right: 3px;
        top: 40px; } }

.quote-heder .quote-heder_title-text {
  width: 50%;
  float: left;
  margin-bottom: 83px;
  position: relative;
  padding-top: 78px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .quote-heder .quote-heder_title-text {
      padding-top: 58px;
      margin-bottom: 62px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .quote-heder .quote-heder_title-text {
      padding-top: 68px;
      margin-bottom: 54px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .quote-heder .quote-heder_title-text {
      padding-top: 44px;
      margin-bottom: 46px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .quote-heder .quote-heder_title-text {
      width: 70%;
      padding-top: 100px;
      margin-bottom: 33px; } }
  @media screen and (max-width: 639px) {
    .quote-heder .quote-heder_title-text {
      padding-top: 72px;
      width: calc(100% - 40px);
      margin-bottom: 23px; } }
  .quote-heder .quote-heder_title-text .title-text_line-block {
    border-bottom: 2px solid #d9d9d9;
    width: 2000px;
    padding-top: 90px; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .quote-heder .quote-heder_title-text .title-text_line-block {
        padding-top: 67px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .quote-heder .quote-heder_title-text .title-text_line-block {
        padding-top: 52px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .quote-heder .quote-heder_title-text .title-text_line-block {
        padding-top: 45px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .quote-heder .quote-heder_title-text .title-text_line-block {
        padding-top: 34px; } }
    @media screen and (max-width: 639px) {
      .quote-heder .quote-heder_title-text .title-text_line-block {
        padding-top: 26px; } }
  .quote-heder .quote-heder_title-text .h3 {
    text-transform: uppercase;
    font-weight: 800;
    padding-bottom: 10px; }
  .quote-heder .quote-heder_title-text .h11 {
    text-align: left; }

.block-desc-dot {
  display: inline-block !important;
  background: #fbea3a;
  width: 32px;
  height: 32px;
  position: relative;
  vertical-align: bottom;
  margin-left: 10px;
  cursor: pointer; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .block-desc-dot {
      width: 23px;
      height: 23px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .block-desc-dot {
      width: 22px;
      height: 22px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .block-desc-dot {
      width: 18px;
      height: 18px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .block-desc-dot {
      width: 24px;
      height: 24px; } }
  @media screen and (max-width: 639px) {
    .block-desc-dot {
      width: 18px;
      height: 17px;
      vertical-align: middle; } }
  .block-desc-dot svg {
    fill: #262626; }
	.block-desc-dot svg.svg-dots.pos-center {top: 70%!important}
		@media screen and (max-width: 1300px) and (min-width: 1001px) {
			.block-desc-dot svg.svg-dots.pos-center {top: 60%!important}
		}

.block-desc-dot-icon {
  position: relative; }

.block-desc-dot-icon:after {
  content: "";
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAKCAYAAAD2Fg1xAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAuIwAALiMBeKU/dgAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAB8SURBVDiNzZNBCoAgFAUHr5fioSLoUpUH6DTVvhYZrbL/hfgJbzfMgCLcJwIJ2PImIFB/THw9sD+sq4ia+GIBuuYVUTNfEoCjImzmWwXgogib+JxQtivCJj4HzAJQwmjYT3yB96drFGFTX1eAWkX0Fz7P+fvXvAHdzZn6DhzHtzhPkItqAAAAAElFTkSuQmCC");
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 10px;
  width: 15px;
  height: 2px;
  z-index: 99; }

.list-orders {
  border-bottom: 2px solid #f3f3f3;
  padding: 35px 16px; }
  @media screen and (max-width: 2295px) {
    .list-orders {
      padding: 19px 16px; } }
  .list-orders:nth-child(2) {
    border-top: 2px solid #f3f3f3; }
  .list-orders:last-child {
    border: none; }
  .list-orders .list-orders_col {
    min-height: 100px; }
    @media screen and (max-width: 1720px) {
      .list-orders .list-orders_col {
        float: left; } }
    .list-orders .list-orders_col:first-child {
      width: 187px; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .list-orders .list-orders_col:first-child {
          width: 154px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .list-orders .list-orders_col:first-child {
          width: 154px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .list-orders .list-orders_col:first-child {
          width: 154px; } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .list-orders .list-orders_col:first-child {
          width: 180px; } }
      @media screen and (max-width: 639px) {
        .list-orders .list-orders_col:first-child {
          width: 100%;
          margin-bottom: 12px; } }
      .list-orders .list-orders_col:first-child .col_img-product {
        background-image: url(/images/css/d4ff7c678a85d053156cfaab58b9ce29.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        width: 100%;
        min-height: 100px; }
        @media screen and (max-width: 1720px) and (min-width: 1301px) {
          .list-orders .list-orders_col:first-child .col_img-product {
            min-height: 170px; } }
        @media screen and (max-width: 1300px) and (min-width: 1001px) {
          .list-orders .list-orders_col:first-child .col_img-product {
            min-height: 170px; } }
        @media screen and (max-width: 1000px) and (min-width: 640px) {
          .list-orders .list-orders_col:first-child .col_img-product {
            min-height: 170px; } }
    .list-orders .list-orders_col:nth-child(2) {
      width: auto; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .list-orders .list-orders_col:nth-child(2) {
          width: auto; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .list-orders .list-orders_col:nth-child(2) {
          min-height: 0;
          margin-bottom: 1px;
          width: calc(100% - 154px); } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .list-orders .list-orders_col:nth-child(2) {
          width: calc(100% - 154px);
          min-height: 0;
          margin-bottom: 2px; } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .list-orders .list-orders_col:nth-child(2) {
          width: calc(100% - 180px);
          min-height: 0;
          margin-bottom: 12px; } }
      @media screen and (max-width: 639px) {
        .list-orders .list-orders_col:nth-child(2) {
          width: 100%;
          margin-bottom: 7px; } }
      .list-orders .list-orders_col:nth-child(2) p {
        margin-bottom: 10px;
        float: left; }
        .list-orders .list-orders_col:nth-child(2) p:first-child {
          margin-top: 18px;
          font-weight: 700; }
          @media screen and (max-width: 639px) {
            .list-orders .list-orders_col:nth-child(2) p:first-child {
              margin-bottom: 6px; } }
        .list-orders .list-orders_col:nth-child(2) p.text {
          font-size: 20px;
          line-height: 1.6em;
          margin-bottom: 10px; }
          @media screen and (max-width: 2295px) {
            .list-orders .list-orders_col:nth-child(2) p.text {
              font-size: 15px;
              margin-bottom: 12px; } }
          @media screen and (max-width: 639px) {
            .list-orders .list-orders_col:nth-child(2) p.text {
              font-size: 13px;
              line-height: 1.4em; } }
    .list-orders .list-orders_col:nth-child(3) {
      width: 190px;
      text-align: left;
      text-transform: uppercase;
      color: #bfbfbf; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .list-orders .list-orders_col:nth-child(3) {
          width: 130px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .list-orders .list-orders_col:nth-child(3) {
          width: calc(100% - 154px); } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .list-orders .list-orders_col:nth-child(3) {
          width: calc(100% - 154px); } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .list-orders .list-orders_col:nth-child(3) {
          width: calc(100% - 180px); } }
      @media screen and (max-width: 1720px) {
        .list-orders .list-orders_col:nth-child(3) {
          margin-left: 0;
          text-align: left;
          min-height: 0; } }
    .list-orders .list-orders_col:nth-child(4) {
      width: 98px;
      text-align: right;
      margin-left: 0;
      margin-bottom: 14px; }
      .list-orders .list-orders_col:nth-child(4) p {
        font-weight: bold; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .list-orders .list-orders_col:nth-child(4) {
          width: 98px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .list-orders .list-orders_col:nth-child(4) {
          width: calc(100% - 154px);
          text-align: left;
          min-height: 0; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .list-orders .list-orders_col:nth-child(4) {
          width: calc(100% - 154px);
          text-align: left;
          min-height: 0; } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .list-orders .list-orders_col:nth-child(4) {
          width: calc(100% - 180px);
          text-align: left;
          min-height: 0; } }
      @media screen and (max-width: 639px) {
        .list-orders .list-orders_col:nth-child(4) {
          text-align: left;
          min-height: 0;
          width: 100%;
          margin-bottom: 9px; } }
	.list-orders .list-orders_col .h6 a {text-decoration: none; color: #000}

.section-filter {
  font-size: 0;
  padding: 25px 270px; }
  @media screen and (max-width: 2295px) {
    .section-filter {
      padding: 20px 203px; } }
  @media screen and (max-width: 1720px) {
    .section-filter {
      padding: 20px 100px; } }
  @media screen and (max-width: 1300px) {
    .section-filter {
      padding: 20px 60px; } }
  @media screen and (max-width: 1000px) {
    .section-filter {
      padding: 20px 50px; } }
  @media screen and (max-width: 639px) {
    .section-filter {
      padding: 20px 0 25px; } }

	@media screen and (max-width: 639px) {
		.section-filter-left {display: none}
	}

  .section-filter .btn-circle {
    margin-right: 10px; }
    .section-filter .btn-circle:last-child {
      margin: 0; }
  .section-filter > .section-filter-right {
    float: right;
    height: 76px; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .section-filter > .section-filter-right {
        height: 56px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .section-filter > .section-filter-right {
        height: 50px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .section-filter > .section-filter-right {
        height: 40px;
        width: 100%;
        float: none;
        margin-top: 9px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .section-filter > .section-filter-right {
        height: 56px;
        width: 100%;
        margin-top: 25px; } }
    @media screen and (max-width: 639px) {
      .section-filter > .section-filter-right {
        width: 100%;
        height: auto;
        float: none;
        padding-top: 10px; } }
    @media screen and (max-width: 1300px) {
      .section-filter > .section-filter-right.section-filter-not-checkbox {
        margin-top: 0;
        width: auto;
        float: right; } }

.parallax_content {
  background: #B2CCDB;
  overflow: hidden;
  height: 100%;
  position: fixed;
  width: calc(100% - 80px);
  height: calc(100% - 40px);
  overflow: hidden; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .parallax_content {
      width: calc(100% - 60px);
      height: calc(100% - 30px); } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .parallax_content {
      width: calc(100% - 60px);
      height: calc(100% - 30px); } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .parallax_content {
      width: calc(100% - 48px);
      height: calc(100% - 24px); } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .parallax_content {
      width: 100%;
      height: calc(100%); } }
  @media screen and (max-width: 639px) {
    .parallax_content {
      width: 100%;
      height: calc(100%); } }
  .parallax_content .parallax-content-wrapper {
    left: -15%;
    position: absolute;
    height: 100%;
    width: 130%; }
  .parallax_content .parallax-bg {
    position: relative;
    height: 100%;
    overflow: hidden; }
    .parallax_content .parallax-bg div {
      background-repeat: no-repeat;
      position: absolute;
      background-position: center center;
      background-size: 3860px;
      width: 100%;
      height: 100%;
      margin: 0 auto; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .parallax_content .parallax-bg div {
          background-size: 2895px;
          background-position: center center; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .parallax_content .parallax-bg div {
          background-size: 2123px;
          background-position: center center; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .parallax_content .parallax-bg div {
          background-size: 1544px;
          background-position: center center; } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .parallax_content .parallax-bg div {
          background-size: 1900px;
          background-position: center center; } }
      @media screen and (max-width: 639px) {
        .parallax_content .parallax-bg div {
          background-size: 1195px;
          background-position: center center; } }
    .parallax_content .parallax-bg .parallax-bg-0 {
      background-image: url("/images/parallax/parallax-bg-0.png");
      z-index: 1; }
    .parallax_content .parallax-bg .parallax-bg-1 {
      background-image: url("/images/parallax/parallax-bg-1.png");
      z-index: 2; }
    .parallax_content .parallax-bg .parallax-bg-2 {
      background-image: url("/images/parallax/parallax-bg-2.png");
      z-index: 3; }
  .parallax_content .parallax-slides {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 13; }
    @media screen and (min-width: 1001px) {
      .parallax_content .parallax-slides:hover > .parallax-content-design {
        opacity: .3; } }
    @media screen and (min-width: 1001px) {
      .parallax_content .parallax-slides:hover > .parallax-content-print {
        opacity: 1; } }
    .parallax_content .parallax-slides .parallax-content-design, .parallax_content .parallax-slides .parallax-content-print {
      -webkit-transition: opacity .6s ease;
      -o-transition: opacity .6s ease;
      transition: opacity .6s ease;
      position: relative; }
      .parallax_content .parallax-slides .parallax-content-design .slide-link, .parallax_content .parallax-slides .parallax-content-print .slide-link {
        display: block;
        top: 0;
        left: 0;
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 2; }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .parallax_content .parallax-slides .parallax-content-design .table-cell, .parallax_content .parallax-slides .parallax-content-print .table-cell {
          vertical-align: bottom; } }
      @media screen and (max-width: 639px) {
        .parallax_content .parallax-slides .parallax-content-design .table-cell, .parallax_content .parallax-slides .parallax-content-print .table-cell {
          vertical-align: bottom; } }
      .parallax_content .parallax-slides .parallax-content-design.active, .parallax_content .parallax-slides .parallax-content-print.active {
        opacity: 1; }
        .parallax_content .parallax-slides .parallax-content-design.active .main-title .main-title-square .arrow-circle, .parallax_content .parallax-slides .parallax-content-print.active .main-title .main-title-square .arrow-circle {
          opacity: 1; }
      .parallax_content .parallax-slides .parallax-content-design.not-active, .parallax_content .parallax-slides .parallax-content-print.not-active {
        opacity: .3; }
      @media screen and (min-width: 1001px) {
        .parallax_content .parallax-slides .parallax-content-design:hover .main-title .main-title-square:after, .parallax_content .parallax-slides .parallax-content-print:hover .main-title .main-title-square:after {
          opacity: 1; } }
      @media screen and (min-width: 1001px) {
        .parallax_content .parallax-slides .parallax-content-design:hover .main-title .arrow-circle, .parallax_content .parallax-slides .parallax-content-print:hover .main-title .arrow-circle {
          opacity: 1; } }
    .parallax_content .parallax-slides .parallax-content-design {
      width: 50%;
      float: left;
      height: 100%;
      padding-right: 376px; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .parallax_content .parallax-slides .parallax-content-design {
          padding-right: 237px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .parallax_content .parallax-slides .parallax-content-design {
          padding-right: 184px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .parallax_content .parallax-slides .parallax-content-design {
          padding-right: 130px; } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .parallax_content .parallax-slides .parallax-content-design {
          padding: 0 20px; } }
      @media screen and (max-width: 639px) {
        .parallax_content .parallax-slides .parallax-content-design {
          padding: 0 20px; } }
      @media screen and (min-width: 1001px) {
        .parallax_content .parallax-slides .parallax-content-design:hover {
          opacity: 1; } }
      @media screen and (min-width: 1001px) {
        .parallax_content .parallax-slides .parallax-content-design:hover + .parallax-content-print {
          opacity: .3; } }
      .parallax_content .parallax-slides .parallax-content-design .main-title .main-title-square {
        text-align: right; }
        @media screen and (max-width: 1000px) and (min-width: 640px) {
          .parallax_content .parallax-slides .parallax-content-design .main-title .main-title-square {
            text-align: left; } }
        @media screen and (max-width: 639px) {
          .parallax_content .parallax-slides .parallax-content-design .main-title .main-title-square {
            text-align: center; } }
        @media screen and (max-width: 1000px) and (min-width: 640px) {
          .parallax_content .parallax-slides .parallax-content-design .main-title .main-title-square .main-title-top {
            float: right; } }
        @media screen and (max-width: 639px) {
          .parallax_content .parallax-slides .parallax-content-design .main-title .main-title-square .main-title-top {
            float: left; } }
        .parallax_content .parallax-slides .parallax-content-design .main-title .main-title-square .main-title-bottom {
          float: right; }
          @media screen and (max-width: 1000px) and (min-width: 640px) {
            .parallax_content .parallax-slides .parallax-content-design .main-title .main-title-square .main-title-bottom {
              float: right; } }
          @media screen and (max-width: 639px) {
            .parallax_content .parallax-slides .parallax-content-design .main-title .main-title-square .main-title-bottom {
              float: left; } }
        .parallax_content .parallax-slides .parallax-content-design .main-title .main-title-square .arrow-circle {
          float: right; }
          @media screen and (max-width: 1000px) and (min-width: 640px) {
            .parallax_content .parallax-slides .parallax-content-design .main-title .main-title-square .arrow-circle {
              float: none; } }
          @media screen and (max-width: 639px) {
            .parallax_content .parallax-slides .parallax-content-design .main-title .main-title-square .arrow-circle {
              float: left; } }
        .parallax_content .parallax-slides .parallax-content-design .main-title .main-title-square:after {
          right: -50px; }
          @media screen and (max-width: 2295px) and (min-width: 1721px) {
            .parallax_content .parallax-slides .parallax-content-design .main-title .main-title-square:after {
              right: -36px; } }
          @media screen and (max-width: 1720px) and (min-width: 1301px) {
            .parallax_content .parallax-slides .parallax-content-design .main-title .main-title-square:after {
              right: -26px; } }
          @media screen and (max-width: 1300px) and (min-width: 1001px) {
            .parallax_content .parallax-slides .parallax-content-design .main-title .main-title-square:after {
              right: -19px; } }
      .parallax_content .parallax-slides .parallax-content-design .main-title .main-title-text {
        text-align: right; }
    .parallax_content .parallax-slides .parallax-content-print {
      width: 50%;
      float: right;
      height: 100%;
      padding-left: 376px; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .parallax_content .parallax-slides .parallax-content-print {
          padding-left: 237px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .parallax_content .parallax-slides .parallax-content-print {
          padding-left: 184px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .parallax_content .parallax-slides .parallax-content-print {
          padding-left: 130px; } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .parallax_content .parallax-slides .parallax-content-print {
          padding: 0 20px; } }
      @media screen and (max-width: 639px) {
        .parallax_content .parallax-slides .parallax-content-print {
          padding: 0 20px; } }
      .parallax_content .parallax-slides .parallax-content-print .main-title .main-title-square {
        text-align: left; }
        @media screen and (max-width: 1000px) and (min-width: 640px) {
          .parallax_content .parallax-slides .parallax-content-print .main-title .main-title-square {
            text-align: right; } }
        @media screen and (max-width: 639px) {
          .parallax_content .parallax-slides .parallax-content-print .main-title .main-title-square {
            text-align: center; } }
        @media screen and (max-width: 1000px) and (min-width: 640px) {
          .parallax_content .parallax-slides .parallax-content-print .main-title .main-title-square .main-title-top {
            float: left; } }
        @media screen and (max-width: 639px) {
          .parallax_content .parallax-slides .parallax-content-print .main-title .main-title-square .main-title-top {
            float: right; } }
        .parallax_content .parallax-slides .parallax-content-print .main-title .main-title-square .main-title-bottom {
          float: left; }
          @media screen and (max-width: 1000px) and (min-width: 640px) {
            .parallax_content .parallax-slides .parallax-content-print .main-title .main-title-square .main-title-bottom {
              float: left; } }
          @media screen and (max-width: 639px) {
            .parallax_content .parallax-slides .parallax-content-print .main-title .main-title-square .main-title-bottom {
              float: right; } }
        .parallax_content .parallax-slides .parallax-content-print .main-title .main-title-square .arrow-circle {
          float: left; }
          @media screen and (max-width: 1000px) and (min-width: 640px) {
            .parallax_content .parallax-slides .parallax-content-print .main-title .main-title-square .arrow-circle {
              float: none; } }
          @media screen and (max-width: 639px) {
            .parallax_content .parallax-slides .parallax-content-print .main-title .main-title-square .arrow-circle {
              float: right; } }
        .parallax_content .parallax-slides .parallax-content-print .main-title .main-title-square:after {
          left: -50px;
          right: auto; }
          @media screen and (max-width: 2295px) and (min-width: 1721px) {
            .parallax_content .parallax-slides .parallax-content-print .main-title .main-title-square:after {
              left: -36px; } }
          @media screen and (max-width: 1720px) and (min-width: 1301px) {
            .parallax_content .parallax-slides .parallax-content-print .main-title .main-title-square:after {
              left: -26px; } }
          @media screen and (max-width: 1300px) and (min-width: 1001px) {
            .parallax_content .parallax-slides .parallax-content-print .main-title .main-title-square:after {
              left: -19px; } }
      .parallax_content .parallax-slides .parallax-content-print .main-title .main-title-text {
        text-align: left;
        float: left; }
    .parallax_content .parallax-slides .main-title {
      margin: 0;
      color: #fff; }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .parallax_content .parallax-slides .main-title {
          padding: 0; } }
      @media screen and (max-width: 639px) {
        .parallax_content .parallax-slides .main-title {
          padding: 0; } }
      .parallax_content .parallax-slides .main-title .main-title-square {
        text-align: left;
        padding: 0;
        margin-bottom: 8px;
        width: 100%; }
        @media screen and (max-width: 2295px) and (min-width: 1721px) {
          .parallax_content .parallax-slides .main-title .main-title-square {
            margin-bottom: 41px; } }
        @media screen and (max-width: 1720px) and (min-width: 1301px) {
          .parallax_content .parallax-slides .main-title .main-title-square {
            margin-bottom: 5px; } }
        @media screen and (max-width: 1300px) and (min-width: 1001px) {
          .parallax_content .parallax-slides .main-title .main-title-square {
            margin-bottom: 22px; } }
        @media screen and (max-width: 1000px) and (min-width: 640px) {
          .parallax_content .parallax-slides .main-title .main-title-square {
            margin-bottom: 82px; } }
        @media screen and (max-width: 1000px) and (min-width: 640px) {
          .parallax_content .parallax-slides .main-title .main-title-square .main-title-top {
            width: calc(100% - 76px); } }
        @media screen and (max-width: 639px) {
          .parallax_content .parallax-slides .main-title .main-title-square .main-title-top {
            margin-bottom: 22px;
            width: 100%; } }
        .parallax_content .parallax-slides .main-title .main-title-square .main-title-top.desktop-hide {
          display: none; }
          @media screen and (max-width: 1000px) and (min-width: 640px) {
            .parallax_content .parallax-slides .main-title .main-title-square .main-title-top.desktop-hide {
              display: inline-block; } }
          @media screen and (max-width: 639px) {
            .parallax_content .parallax-slides .main-title .main-title-square .main-title-top.desktop-hide {
              display: inline-block; } }
        @media screen and (max-width: 1000px) and (min-width: 640px) {
          .parallax_content .parallax-slides .main-title .main-title-square .main-title-top.mobile-hide {
            display: none; } }
        @media screen and (max-width: 639px) {
          .parallax_content .parallax-slides .main-title .main-title-square .main-title-top.mobile-hide {
            display: none; } }
        .parallax_content .parallax-slides .main-title .main-title-square .main-title-bottom {
          display: inline-block; }
          @media screen and (max-width: 1000px) and (min-width: 640px) {
            .parallax_content .parallax-slides .main-title .main-title-square .main-title-bottom {
              font: 800 30px/30px 'Helvetica';
              margin-bottom: 6px;
              width: calc(100% - 74px); } }
          @media screen and (max-width: 639px) {
            .parallax_content .parallax-slides .main-title .main-title-square .main-title-bottom {
              font: 800 25px/25px 'Helvetica';
              margin-bottom: 8px;
              width: 100%; } }
        .parallax_content .parallax-slides .main-title .main-title-square .arrow-circle {
          display: inline-block;
          width: 78px;
          height: 150px;
          margin: 0 31px;
          position: relative;
          opacity: 0;
          -webkit-transition: opacity .6s ease;
          -o-transition: opacity .6s ease;
          transition: opacity .6s ease; }
          @media screen and (max-width: 2295px) and (min-width: 1721px) {
            .parallax_content .parallax-slides .main-title .main-title-square .arrow-circle {
              width: 62px;
              height: 110px;
              margin: 0 32px; } }
          @media screen and (max-width: 1720px) and (min-width: 1301px) {
            .parallax_content .parallax-slides .main-title .main-title-square .arrow-circle {
              width: 42px;
              height: 80px;
              margin: 0 13px; } }
          @media screen and (max-width: 1300px) and (min-width: 1001px) {
            .parallax_content .parallax-slides .main-title .main-title-square .arrow-circle {
              width: 31px;
              height: 60px;
              margin: 0 12px; } }
          @media screen and (max-width: 1000px) and (min-width: 640px) {
            .parallax_content .parallax-slides .main-title .main-title-square .arrow-circle {
              width: 58px;
              height: 55px;
              margin: 0;
              float: none; } }
          @media screen and (max-width: 639px) {
            .parallax_content .parallax-slides .main-title .main-title-square .arrow-circle {
              margin: 0;
              width: 30px;
              height: 22px;
              margin-bottom: 22px; } }
          .parallax_content .parallax-slides .main-title .main-title-square .arrow-circle svg {
            color: #fff; }
        .parallax_content .parallax-slides .main-title .main-title-square:after {
          top: -23px;
          opacity: 0;
          -webkit-transition: opacity .6s ease;
          -o-transition: opacity .6s ease;
          transition: opacity .6s ease; }
          @media screen and (max-width: 2295px) and (min-width: 1721px) {
            .parallax_content .parallax-slides .main-title .main-title-square:after {
              top: -15px; } }
          @media screen and (max-width: 1720px) and (min-width: 1301px) {
            .parallax_content .parallax-slides .main-title .main-title-square:after {
              top: -11px; } }
          @media screen and (max-width: 1300px) and (min-width: 1001px) {
            .parallax_content .parallax-slides .main-title .main-title-square:after {
              top: -4px; } }
          @media screen and (max-width: 1000px) and (min-width: 640px) {
            .parallax_content .parallax-slides .main-title .main-title-square:after {
              display: none; } }
          @media screen and (max-width: 639px) {
            .parallax_content .parallax-slides .main-title .main-title-square:after {
              display: none; } }
      .parallax_content .parallax-slides .main-title .main-title-text {
        width: 100%;
        position: static;
        width: 550px;
        padding: 0;
        color: #d8dce0; }
        @media screen and (max-width: 2295px) and (min-width: 1721px) {
          .parallax_content .parallax-slides .main-title .main-title-text {
            width: 450px; } }
        @media screen and (max-width: 1720px) and (min-width: 1301px) {
          .parallax_content .parallax-slides .main-title .main-title-text {
            width: 400px; } }
        @media screen and (max-width: 1300px) and (min-width: 1001px) {
          .parallax_content .parallax-slides .main-title .main-title-text {
            width: 300px; } }
        @media screen and (max-width: 1000px) and (min-width: 640px) {
          .parallax_content .parallax-slides .main-title .main-title-text {
            display: none; } }
        @media screen and (max-width: 639px) {
          .parallax_content .parallax-slides .main-title .main-title-text {
            display: none; } }

#white-theme .parallax_content .main-title .main-title-square .main-title-top {
  color: #fff; }

#white-theme .parallax_content .main-title .main-title-square .main-title-bottom {
  color: #fff; }


/* osen */
/*
#white-theme .parallax_content .main-title .main-title-square:after {
  background: #58756F; }
*/

#white-theme .parallax_content .main-title .main-title-square:after {
	background: #EA477E;
}


#white-theme .parallax_content .main-title .main-title-text {
  color: #d8dce0; }

.preloader-body {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: 9999; }
  .preloader-body .preloader-wrapper {
    width: 175px;
    height: 175px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
    @media screen and (max-width: 2295px) {
      .preloader-body .preloader-wrapper {
        width: 140px;
        height: 140px; } }
  .preloader-body .preloader-container {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden; }
    .preloader-body .preloader-container svg {
      z-index: 2; }
    .preloader-body .preloader-container:after {
      content: " ";
      -webkit-transform: translate(0, 100%);
          -ms-transform: translate(0, 100%);
              transform: translate(0, 100%);
      background-color: #fbea3a;
      -webkit-animation: preloader-animation 4s infinite;
              animation: preloader-animation 4s infinite;
      display: block;
      height: 100%; }

#white-theme .preloader-body .preloader-container svg {
  fill: #262626; }

#black-theme .preloader-body .preloader-container svg {
  fill: #262626; }

@-webkit-keyframes preloader-animation {
  0% {
    -webkit-transform: translate(0, 100%);
            transform: translate(0, 100%); }
  25% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  50% {
    -webkit-transform: translate(0, -100%);
            transform: translate(0, -100%); }
  75% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes preloader-animation {
  0% {
    -webkit-transform: translate(0, 100%);
            transform: translate(0, 100%); }
  25% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  50% {
    -webkit-transform: translate(0, -100%);
            transform: translate(0, -100%); }
  75% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

.catalog-detail_wrapper {
  width: 98%;
  margin: 0 auto; }
  @media screen and (max-width: 1000px) {
    .catalog-detail_wrapper {
      width: 600px; } }
  @media screen and (max-width: 639px) {
    .catalog-detail_wrapper {
      width: 280px; } }

.catalog-detail_content {
  width: 50%;
  float: left;
  background-color: #fff; }

.catalog-detail_header {
  margin-top: 110px; }

.catalog-detail_order {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 24px; }
  .catalog-detail_order .catalog-detail_order-cost {
    text-align: right; }
    .catalog-detail_order .catalog-detail_order-cost .order-price-2 {
      color: #9b9b9b;
      margin-top: 3px; }

.catalog-detail_options {
  margin-top: 52px; }

.catalog-detail_gallery {
  width: 50%;
  float: right;
  background-color: #fff; }
  .catalog-detail_gallery .catalog-detail_gallery-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .catalog-detail_gallery .catalog-detail_gallery-header .catalog-detail_tab-btn {
      background-color: #f3f3f3;
      color: #aeaeae;
      text-transform: uppercase;
      -webkit-transition: background .6s ease, color .6s ease;
      -o-transition: background .6s ease, color .6s ease;
      transition: background .6s ease, color .6s ease; }
      .catalog-detail_gallery .catalog-detail_gallery-header .catalog-detail_tab-btn.active {
        background-color: #aeaeae;
        color: #f3f3f3; }

.registration_block .form-block-child_svg-plus a svg {
  color: #262626; }

.registration_block .svg.svg-checkbox {
  color: #262626; }

.registration_block .special-checkbox {
margin-top:30px;
  margin-bottom: 13px; }
  @media screen and (max-width: 1720px) {
    .registration_block .special-checkbox {
	margin-top:30px;
      margin-bottom: 0; } }

.registration_block .input-special-checkbox + label > div {
margin-bottom:20px;
}
  @media screen and (max-width: 640px) {
.registration_block .input-special-checkbox + label > div {
margin-bottom:50px;
}

}

  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .registration_block .special-checkbox {
	margin-top:10px;
 }}



.registration_btm .btn-main-static {
  margin-bottom: 21px; margin-right: 52px}
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .registration_btm .btn-main-static {
      margin-bottom: 15px; margin-right: 29px} }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .registration_btm .btn-main-static {
      margin-bottom: 16px; margin-right: 29px } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .registration_btm .btn-main-static {
      margin-bottom: 12px; margin-right: 29px} }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .registration_btm .btn-main-static {
      margin-bottom: 21px; margin-left: 22px} }
  @media screen and (max-width: 639px) {
    .registration_btm .btn-main-static {
      margin-bottom: 12px; margin-left: 16px } }

.player {
  width: 100%;
  height: 100%;
  background-color: #000;
  position: relative;
  overflow: hidden; }
  .player .button {
    height: 100%;
    width: 44px;
    position: relative;
    cursor: pointer;
    z-index: 99;
    float: left; }
  .player .button-action_play .svg-play {
    display: block; }
  .player .button-action_play .svg-pause {
    display: none; }
  .player .button-action_pause .svg-play {
    display: none; }
  .player .button-action_pause .svg-pause {
    display: block; }
  .player .button-sound_on .svg-sound-on {
    display: block; }
  .player .button-sound_on .svg-sound-off {
    display: none; }
  .player .button-sound_off .svg-sound-on {
    display: none; }
  .player .button-sound_off .svg-sound-off {
    display: block; }
  .player .button-volume {
    width: 100px;
    position: relative;
    overflow: hidden;
    margin-right: 20px; }
  .player .button-volume__progress {
    width: 100%;
    height: 3px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    background-color: rgba(255, 255, 255, 0.5); }
  .player .button-volume__used {
    width: 100%;
    height: 100%;
    -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
            transform: translateX(0%);
    background-color: #fbea3a;
    position: relative; }
  .player .button-volume__pin {
    position: absolute;
    width: 13px;
    height: 13px;
    right: 0;
    background-color: #fbea3a;
    top: 50%;
    margin-top: -6.5px;
    border-radius: 100px; }
  .player .button-fullscreen {
    float: right;
    margin-right: 10px; }
    .player .button-fullscreen_on .svg-fullscreen-on {
      display: block; }
    .player .button-fullscreen_on .svg-fullscreen-off {
      display: none; }
    .player .button-fullscreen_off .svg-fullscreen-on {
      display: none; }
    .player .button-fullscreen_off .svg-fullscreen-off {
      display: block; }

.player__thumb {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 1; }

.player__icon {
  fill: #fbea3a;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 45px;
  height: 45px;
  cursor: pointer; }

.player__source {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer; }

.player__close {
  position: absolute;
  right: 0;
  top: 0; }

.player-close {
  width: 80px;
  height: 80px;
  background-color: #fbea3a;
  cursor: pointer; }

.player__navigation {
  height: 47px;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%);
  -webkit-transition: -webkit-transform .5s ease;
  transition: -webkit-transform .5s ease;
  -o-transition: transform .5s ease;
  transition: transform .5s ease;
  transition: transform .5s ease, -webkit-transform .5s ease; }

.player:hover .player__navigation {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0); }

.player-progress {
  height: 3px;
  width: 100%;
  position: relative;
  background-color: #5B6168;
  cursor: pointer;
  overflow: hidden;
  -webkit-transition: height .3s ease, margin-top .3s ease;
  -o-transition: height .3s ease, margin-top .3s ease;
  transition: height .3s ease, margin-top .3s ease; }
  .player-progress:hover {
    height: 6px;
    margin-top: -3px; }

.player-progress__buffered {
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  background-color: rgba(255, 255, 255, 0.5);
  -webkit-transition: width .5s linear;
  -o-transition: width .5s linear;
  transition: width .5s linear; }

.player-progress__seen {
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
  background-color: #fbea3a;
  -webkit-transition: -webkit-transform .5s linear;
  transition: -webkit-transform .5s linear;
  -o-transition: transform .5s linear;
  transition: transform .5s linear;
  transition: transform .5s linear, -webkit-transform .5s linear; }

.player-buttons-wrap {
  height: 44px;
  position: relative; }
  .player-buttons-wrap::after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }

.time {
  height: 100%;
  width: 100px;
  line-height: 44px;
  float: left;
  color: #fff;
  font-size: 12px; }
  .time__current {
    display: inline-block; }
  .time__raz {
    display: inline-block;
    margin: 0 5px; }
  .time__max {
    display: inline-block; }

.aside-menu {
  list-style: none;
  margin-bottom: 81px; }
  .aside-menu__link {
    position: relative;
    padding: 12px 28px;
    text-decoration: none;
text-transform: none;
    color: #262626;
    display: inline-block;
    cursor: pointer; }
.aside-menu__link span {
text-transform: none;
}

    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .aside-menu__link {
        padding: 8px 20px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .aside-menu__link {
        padding: 8px 17px;
        } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .aside-menu__link {
        padding: 8px 18px; } }
    .aside-menu__link:hover:before {
      width: 100%;
      height: 100%;
      -webkit-transition: width .6s ease .3s, height .4s ease;
      -o-transition: width .6s ease .3s, height .4s ease;
      transition: width .6s ease .3s, height .4s ease; }
    .aside-menu__link:before {
      content: '';
      display: block;
      top: 50%;
      left: 0;
      background-color: #fbea3a;
      width: 13px;
      height: 13px;
      position: absolute;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
      -webkit-transition: width .6s ease, height .4s ease .5s;
      -o-transition: width .6s ease, height .4s ease .5s;
      transition: width .6s ease, height .4s ease .5s; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .aside-menu__link:before {
          width: 9px;
          height: 9px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .aside-menu__link:before {
          width: 9px;
          height: 9px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .aside-menu__link:before {
          width: 9px;
          height: 9px; } }
    .aside-menu__link span {
      position: relative;
      z-index: 2; }
    .aside-menu__link + ul {
      margin-top: 21px;
      margin-left: 23px; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .aside-menu__link + ul {
          margin-top: 16px;
          margin-left: 17px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .aside-menu__link + ul {
          margin-top: 13px;
          margin-left: 16px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .aside-menu__link + ul {
          margin-top: 13px;
          margin-left: 16px; } }
    .aside-menu__link--small {
      padding: 6px 14px 6px 24px; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .aside-menu__link--small {
          padding: 6px 7px 6px 17px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .aside-menu__link--small {
          padding: 5px 7px 5px 17px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .aside-menu__link--small {
          padding: 5px 7px 5px 17px; } }
      .aside-menu__link--small:before {
        width: 10px;
        background-color:#aeaeae;
        height: 10px; }
        @media screen and (max-width: 2295px) and (min-width: 1721px) {
          .aside-menu__link--small:before {
            width: 7px;
            height: 7px; } }
        @media screen and (max-width: 1720px) and (min-width: 1301px) {
          .aside-menu__link--small:before {
            width: 7px;
            height: 7px; } }
        @media screen and (max-width: 1300px) and (min-width: 1001px) {
          .aside-menu__link--small:before {
            width: 7px;
            height: 7px; } }
        @media screen and (max-width: 1400px) {
          .aside-menu__link--small:before {
            width: 10px !important;
            height: 10px !important; } }
      .aside-menu__link--small + ul {
        margin-top: 11px;
        margin-left: 19px; }
        @media screen and (max-width: 2295px) and (min-width: 1721px) {
          .aside-menu__link--small + ul {
            margin-top: 7px;
            margin-left: 14px; } }
        @media screen and (max-width: 1720px) and (min-width: 1301px) {
          .aside-menu__link--small + ul {
            margin-top: 7px;
            margin-left: 13px; } }
        @media screen and (max-width: 1300px) and (min-width: 1001px) {
          .aside-menu__link--small + ul {
            margin-top: 7px;
            margin-left: 13px; } }
      .aside-menu__link--small.aside-menu__link--active .aside-menu__separator:after, .aside-menu__link--small.aside-menu__link--active .aside-menu__separator:before { background-color:#ffffff; }
      .aside-menu__link--small.aside-menu__link--active {
        color: #fff; }


    .aside-menu__link--little {
      padding: 2px 17px; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .aside-menu__link--little {
          padding: 2px 17px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .aside-menu__link--little {
          padding: 3px 13px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .aside-menu__link--little {
          padding: 3px 13px; } }
      .aside-menu__link--little:before {
        width: 0 !important;
        height: 100% !important; }
      .aside-menu__link--little.aside-menu__link--active {
        color: #fff; }
        .aside-menu__link--little.aside-menu__link--active:before {
          background-color: #aeaeae; }
    .aside-menu__link--active:before {
      width: 100% !important;
      height: 100% !important; }
    .aside-menu__link--active .aside-menu__separator:after {
      height: 0; }
  .aside-menu__separator {
    width: 16px;
    height: 16px;
    position: relative;
    display: inline-block;
    margin-left: 7px;
    vertical-align: middle; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .aside-menu__separator {
        width: 12px;
        height: 12px;
        margin-left: 3px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .aside-menu__separator {
        width: 12px;
        height: 12px;
        margin-left: 3px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .aside-menu__separator {
        width: 12px;
        height: 12px;
        margin-left: 3px; } }
    .aside-menu__separator:after, .aside-menu__separator:before {
      content: '';
      display: block;
      position: absolute;
      background-color: #262626; }
	  #black-theme .aside-menu__separator::after, #black-theme .aside-menu__separator::before {background-color: #fff; -webkit-transition: background-color 1.5s; transition: background-color 1.5s}
	  #black-theme .aside-menu__link:hover .aside-menu__separator::after, #black-theme .aside-menu__link:hover .aside-menu__separator::before {background-color: #000}
    .aside-menu__separator:after {
      width: 2px;
      height: 100%;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      -webkit-transition: height .6s ease;
      -o-transition: height .6s ease;
      transition: height .6s ease; }
    .aside-menu__separator:before {
      width: 100%;
      height: 2px;
      left: 0;
      top: 50%;
      -webkit-transform: translate(0, -50%);
          -ms-transform: translate(0, -50%);
              transform: translate(0, -50%); }
  .aside-menu li {
    margin-bottom: 8px; }
  .aside-menu ul {
    display: none; }

#black-theme .aside-menu__link {color: #fff; -webkit-transition: color 1.5s; transition: color 1.5s}
	#black-theme .aside-menu__link:hover {color: #000}


  #black-theme .aside-menu__link--active {
    color: #000; }
	#black-theme .aside-menu__link--active .aside-menu__separator:after,
	#black-theme .aside-menu__link--active .aside-menu__separator:before {background-color: #000}

#black-theme .aside-menu__link--small {
  color: #fff; }
  #black-theme .aside-menu__link--small:hover {
    -webkit-transition: color 1s;
    -o-transition: color 1s;
    transition: color 1s;
    color: #000; }

#black-theme .aside-menu__link--little {
  color: #fff; }

.contact-tab__title {
  position: relative;
  height: 40px;
  margin-bottom: 55px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .contact-tab__title {
      height: 40px;
      margin-bottom: 38px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .contact-tab__title {
      height: 40px;
      margin-bottom: 10px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .contact-tab__title {
      height: 40px;
      margin-bottom: 10px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .contact-tab__title {
      height: 40px;
      margin-bottom: 17px; } }
  @media screen and (max-width: 639px) {
    .contact-tab__title {
      height: 40px;
      margin-bottom: 6px; } }
  .contact-tab__title:before {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #d9d9d9;
    z-index: 1; }
  .contact-tab__title .contact-tab__title-elm {
    text-align: center;
    width: 50%;
    float: left;
    height: 100%;
    color: rgba(38, 38, 38, 0.44);
    -webkit-transition: color .6s ease;
    -o-transition: color .6s ease;
    transition: color .6s ease;
    line-height: 40px;
    cursor: pointer;
    position: relative; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .contact-tab__title .contact-tab__title-elm {
        line-height: 40px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .contact-tab__title .contact-tab__title-elm {
        line-height: 40px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .contact-tab__title .contact-tab__title-elm {
        line-height: 40px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .contact-tab__title .contact-tab__title-elm {
        line-height: 40px; } }
    @media screen and (max-width: 639px) {
      .contact-tab__title .contact-tab__title-elm {
        line-height: 40px; } }
    .contact-tab__title .contact-tab__title-elm:after {
      content: '';
      display: block;
      position: absolute;
      width: 100%;
      height: 2px;
      background-color: #fbea3a;
      bottom: 0;
      left: 0;
      z-index: 2;
      -webkit-transition: opacity .6s ease;
      -o-transition: opacity .6s ease;
      transition: opacity .6s ease;
      opacity: 0; }
    .contact-tab__title .contact-tab__title-elm.contact-tab__title-elm--active {
      color: #262626; }
      .contact-tab__title .contact-tab__title-elm.contact-tab__title-elm--active:after {
        opacity: 1; }

.contact-tab__content {
  position: relative; }
  .contact-tab__content-elm {
    display: none; }
    .contact-tab__content-elm.contact-tab__content-elm--active {
      display: block; }

.btn-main.btn-left.btn-main--small {
  height: 40px;
  line-height: 40px;
  padding: 0 10px 0 5px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .btn-main.btn-left.btn-main--small {
      height: 30px;
      line-height: 30px;
      padding: 0 10px 0 5px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .btn-main.btn-left.btn-main--small {
      height: 28px;
      line-height: 28px;
      padding: 0 10px 0 5px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .btn-main.btn-left.btn-main--small {
      height: 28px;
      line-height: 28px;
      padding: 0 10px 0 5px; } }
  @media screen and (max-width: 1000px) {
    .btn-main.btn-left.btn-main--small {
      height: 37px;
      line-height: 37px;
      padding: 0 10px 0 5px; } }
  @media screen and (max-width: 639px) {
    .btn-main.btn-left.btn-main--small {
      height: 36px;
      line-height: 36px;
      padding: 0 10px 0 5px; } }
  .btn-main.btn-left.btn-main--small .btn-main-circle {
    height: 40px;
    line-height: 35px;
    width: auto;
    background: none; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .btn-main.btn-left.btn-main--small .btn-main-circle {
        height: 30px;
        line-height: 30px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .btn-main.btn-left.btn-main--small .btn-main-circle {
        height: 28px;
        line-height: 28px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .btn-main.btn-left.btn-main--small .btn-main-circle {
        height: 28px;
        line-height: 28px; } }
    @media screen and (max-width: 1000px) {
      .btn-main.btn-left.btn-main--small .btn-main-circle {
        height: 37px;
        line-height: 37px; } }
    @media screen and (max-width: 639px) {
      .btn-main.btn-left.btn-main--small .btn-main-circle {
        height: 36px;
        line-height: 36px; } }
    .btn-main.btn-left.btn-main--small .btn-main-circle svg {
      position: relative;
      -webkit-transform: none;
          -ms-transform: none;
              transform: none;
      top: auto;
      left: auto; }
  .btn-main.btn-left.btn-main--small span:last-child {
    height: 40px;
    line-height: 40px; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .btn-main.btn-left.btn-main--small span:last-child {
        height: 30px;
        line-height: 30px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .btn-main.btn-left.btn-main--small span:last-child {
        height: 28px;
        line-height: 28px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .btn-main.btn-left.btn-main--small span:last-child {
        height: 28px;
        line-height: 28px; } }
    @media screen and (max-width: 1000px) {
      .btn-main.btn-left.btn-main--small span:last-child {
        height: 37px;
        line-height: 37px; } }
    @media screen and (max-width: 639px) {
      .btn-main.btn-left.btn-main--small span:last-child {
        height: 36px;
        line-height: 36px; } }
  .btn-main.btn-left.btn-main--small:after {
    width: 0;
    height: 100%;
    border-radius: 0; }
  .btn-main.btn-left.btn-main--small:hover:after {
    width: 100%; }

.btn-main-circle-line {
  border-bottom: 1px solid #000; }

.btn-main-circle-line:hover {
  border-bottom: 1px solid transparent; }

.btn-main--special {
  -webkit-transition: background .6s ease, color .6s ease;
  -o-transition: background .6s ease, color .6s ease;
  transition: background .6s ease, color .6s ease;
  width: 100%;
  text-align: center; }
  .btn-main--special svg {
    position: relative;
    top: auto;
    left: auto;
    z-index: 1; }
  .btn-main--special:after {
    width: 100% !important;
    left: 0;
    right: auto; }

.btn-main--special:hover span {
}
.btn-main--special:hover {
   color: #fbea3a !important;
}
.btn-main--special:hover:after {
   background: #262626;
}

.popup-link {text-decoration: none; color: #262626; display: inline-block; -webkit-transition: color .6s ease; -o-transition: color .6s ease; transition: color .6s ease; white-space: nowrap; overflow: hidden; max-width: 100%; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-transition: background .6s ease, color .6s ease; -o-transition: background .6s ease, color .6s ease; transition: background .6s ease, color .6s ease; text-align: center; background: #fbea3a; border-radius: 56px; -webkit-transition: width .6s ease, background .6s ease, opacity .6s ease; -o-transition: width .6s ease, background .6s ease, opacity .6s ease; transition: width .6s ease, background .6s ease, opacity .6s ease; padding: 0 31px; text-transform: uppercase; font: 600 19px/76px Helvetica; letter-spacing: -.01em; width: 35%; box-sizing: border-box}
	@media screen and (max-width: 2295px) and (min-width: 1721px) {
		.popup-link {font-size: 14px; line-height: 56px}
	}
	@media screen and (max-width: 1720px) and (min-width: 1301px) {
		.popup-link {font-size: 12px; line-height: 50px}
	}
	@media screen and (max-width: 1300px) and (min-width: 1001px) {
		.popup-link {font-size: 11px; line-height: 40px; margin-bottom: 15px; width: auto}
	}
	@media screen and (max-width: 1000px) and (min-width: 640px) {
		.popup-link {font-size: 15px; line-height: 56px; width: auto}
	}
	@media screen and (max-width: 639px) {
		.popup-link {font-size: 13px; line-height: 40px; width: auto}
	}
.popup-link:hover {color: #fbea3a !important; background: #262626}

.btn-aside {
  text-decoration: none;
  text-transform: uppercase; }

.popup {
  position: fixed;
  right: 0;
  height: 100%;
  background: #fff;
  z-index: 250;
  width: 100%;
  top: 0;
  -webkit-transition: opacity .6s ease, visibility 0s ease .6s;
  -o-transition: opacity .6s ease, visibility 0s ease .6s;
  transition: opacity .6s ease, visibility 0s ease .6s;
  visibility: hidden;
  opacity: 0;
  overflow-y: auto;
  }

  .popup > div{
	  height: 100%;
  }
  .popup.active {
    display: block;
    opacity: 1;
    visibility: visible;
    -webkit-transition-delay: 0s;
         -o-transition-delay: 0s;
            transition-delay: 0s; }
  .popup.popup-mobile {
    display: none; }
    @media screen and (max-width: 1000px) {
      .popup.popup-mobile {
        display: block; } }
  .popup.popup-info {
    display: none; }
    @media screen and (max-width: 1000px) {
      .popup.popup-info {
        display: block; } }
  @media screen and (max-width: 1000px) {
    .popup .popup_header-mobile {
      border-bottom: 2px solid #f3f3f3; } }
  .popup .popup_header-mobile .header_close-popup {
    width: 110px;
    height: 110px;
    float: right;
    position: absolute;
    cursor: pointer;
    right: 0;
    top: 0;
    z-index: 100;
    background: transparent;
    padding: 30px;
    -webkit-transition: color .6s ease;
    -o-transition: color .6s ease;
    transition: color .6s ease; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .popup .popup_header-mobile .header_close-popup {
        width: 80px;
        height: 80px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .popup .popup_header-mobile .header_close-popup {
        width: 70px;
        height: 70px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .popup .popup_header-mobile .header_close-popup {
        width: 53px;
        height: 53px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .popup .popup_header-mobile .header_close-popup {
        position: relative;
        float: left;
        padding: 36px;
        background: #fbea3a;
        width: 25px;
        height: 25px; } }
    @media screen and (max-width: 639px) {
      .popup .popup_header-mobile .header_close-popup {
        position: relative;
        float: left;
        padding: 25px;
        background: #fbea3a;
        width: 25px;
        height: 25px; } }
    .popup .popup_header-mobile .header_close-popup svg {
      fill: currentColor; }
    @media screen and (min-width: 1001px) {
      .popup .popup_header-mobile .header_close-popup:hover {
        color: #c0c0c0; } }
  .popup .popup_header-mobile .header_title-popup {
    display: none; }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .popup .popup_header-mobile .header_title-popup {
        display: block;
        padding: 27px;
        float: left; } }
    @media screen and (max-width: 639px) {
      .popup .popup_header-mobile .header_title-popup {
        display: block;
        padding: 16px;
        float: left; } }
  .popup .popup_header-mobile .popup-title {
    float: left;
    padding-left: 27px; }
  .popup .popup-body {
    width: 1600px;
    margin: auto; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .popup .popup-body {
        width: 1200px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .popup .popup-body {
        width: 940px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .popup .popup-body {
        width: 705px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .popup .popup-body {
        width: 500px;
        margin-top: 70px;
        margin-bottom: 70px; } }
    @media screen and (max-width: 639px) {
      .popup .popup-body {
        width: 280px;
        margin-top: 70px;
        margin-bottom: 70px; } }
  .popup .popup-body-small {
    margin: auto;
    width: 790px; }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .popup .popup-body-small {
        width: 460px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .popup .popup-body-small {
        width: 350px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .popup .popup-body-small {
        width: 495px;
        margin-top: 70px;
        margin-bottom: 70px; } }
    @media screen and (max-width: 639px) {
      .popup .popup-body-small {
        width: 280px;
        margin-top: 70px;
        margin-bottom: 70px; } }
  .popup .popup_content-block {
    height: calc(100% - 74px);
    overflow-y: auto;
    position: relative; }
    .popup .popup_content-block .content-block_wrapper {
      margin: auto;
      margin-top: 40px;
      margin-bottom: 40px;
      max-width: 510px;
      width: 100%;
      padding: 10px; }
      @media screen and (max-width: 2295px) and (min-width: 640px) {
        .popup .popup_content-block .content-block_wrapper {
          width: auto; } }
      @media screen and (max-width: 639px) {
        .popup .popup_content-block .content-block_wrapper {
          max-width: 270px; } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .popup .popup_content-block .content-block_wrapper .wrapper_title-block {
          padding-bottom: 27px; } }
      @media screen and (max-width: 639px) {
        .popup .popup_content-block .content-block_wrapper .wrapper_title-block {
          padding-bottom: 22px; } }
  @media screen and (max-width: 1000px) {
    .popup .table {
      height: auto; } }

.scroll-hiden {
  overflow: hidden; }

#white-theme .popup {
  background-color: #fff; }
  #white-theme .popup .popup-menu-wpapper .menu-items .menu-drop-section > .block-menu {
    background: #fff; }

#white-theme .menu-title .menu-title-square:after {
  background: #fbea3a; }

#white-theme .menu-title-text, #white-theme .h7.item > a, #white-theme .block-menu-link, #white-theme .menu-title-mob, #white-theme .menu-title-mob a, #white-theme .popup-title, #white-theme .menu-title-top, #white-theme .menu-title-bottom, #white-theme .menu-title-bottom a, #white-theme .popup-menu-num, #white-theme .popup-menu-num a {
  color: #262626; }

#black-theme .popup {
  background-color: #0d1115; }
  #black-theme .popup .popup-menu-wpapper .menu-items .menu-drop-section > .block-menu {
    background: #0d1115; }
  @media screen and (min-width: 1001px) {
    #black-theme .popup .h7.item > a:hover {
      color: #262626; }
      #black-theme .popup .h7.item > a:hover span {
        color: #262626; } }
  #black-theme .popup .menu-title-square:after {
    background: #3e4349; }
  @media screen and (max-width: 1000px) {
    #black-theme .popup .popup-menu-num, #black-theme .popup .popup-menu-login, #black-theme .popup .popup_header-mobile {
      border-color: #222730; } }
  #black-theme .popup .menu-title-text, #black-theme .popup .h7.item > a, #black-theme .popup .block-menu-link, #black-theme .popup .menu-title-mob, #black-theme .popup .menu-title-mob a, #black-theme .popup .popup-title, #black-theme .popup .menu-title-top, #black-theme .popup .menu-title-bottom, #black-theme .popup .menu-title-bottom a, #black-theme .popup .popup-menu-num, #black-theme .popup .popup-menu-num a {
    color: #fff; }
  @media screen and (min-width: 1001px) {
    #black-theme .popup .popup_header-mobile .header_close-popup {
      color: #fff;
      -webkit-transition: color .6s ease;
      -o-transition: color .6s ease;
      transition: color .6s ease; } }
  @media screen and (max-width: 1000px) {
    #black-theme .popup .popup_header-mobile .header_close-popup {
      color: #222730; } }
  #black-theme .popup .popup_header-mobile .header_close-popup svg {
    fill: currentColor; }
  @media screen and (min-width: 1001px) {
    #black-theme .popup .popup_header-mobile .header_close-popup:hover {
      color: #86888a; } }

.popup-menu .popup_header-mobile .header_close-popup {
  width: 107px;
  height: 107px;
  float: right;
  cursor: pointer;
  position: relative; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .popup-menu .popup_header-mobile .header_close-popup {
      width: 80px;
      height: 80px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .popup-menu .popup_header-mobile .header_close-popup {
      width: 70px;
      height: 70px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .popup-menu .popup_header-mobile .header_close-popup {
      width: 52px;
      height: 52px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .popup-menu .popup_header-mobile .header_close-popup {
      position: relative;
      float: left;
      padding: 36px;
      background: #fbea3a;
      width: 25px;
      height: 25px; } }
  @media screen and (max-width: 639px) {
    .popup-menu .popup_header-mobile .header_close-popup {
      position: relative;
      float: left;
      padding: 25px;
      background: #fbea3a;
      width: 25px;
      height: 25px; } }
  .popup-menu .popup_header-mobile .header_close-popup:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: #fbea3a;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
    -webkit-transition: -webkit-transform .6s ease;
    transition: -webkit-transform .6s ease;
    -o-transition: transform .6s ease;
    transition: transform .6s ease;
    transition: transform .6s ease, -webkit-transform .6s ease;
    z-index: -1; }
  .popup-menu .popup_header-mobile .header_close-popup svg {
    fill: currentColor; }
    @media screen and (max-width: 639px) {
      .popup-menu .popup_header-mobile .header_close-popup svg {
        height: 18px;
        width: 18px; } }
  .popup-menu .popup_header-mobile .header_close-popup:hover {
    color: #262626; }
    @media screen and (min-width: 1001px) {
      .popup-menu .popup_header-mobile .header_close-popup:hover:after {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0); } }

@media screen and (max-width: 1000px) and (min-width: 640px) {
  .popup-menu .popup_header-mobile .popup-title {
    padding: 27px 0;
    padding-left: 27px; } }

@media screen and (max-width: 639px) {
  .popup-menu .popup_header-mobile .popup-title {
    padding: 16px 0;
    padding-left: 16px; } }

@media screen and (max-width: 1000px) and (min-width: 640px) {
  .popup-menu .scroll-main {
    height: calc(100% - 74px); } }

@media screen and (max-width: 639px) {
  .popup-menu .scroll-main {
    height: calc(100% - 52px); } }

.popup-menu .scroll-main .scroll-content {
  padding-right: 0; }

.popup-menu .popup-menu-num {
  display: none; }
  @media screen and (max-width: 639px) {
    .popup-menu .popup-menu-num {
      display: block;
      height: 70px;
      border-bottom: 2px solid #f3f3f3;
      padding: 23px 17px; } }

.popup-menu .popup-menu-login {
  height: 70px;
  border-bottom: 2px solid #f3f3f3;
  font-size: 0; }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .popup-menu .popup-menu-login {
      height: 89px;
      padding: 15px 70px; } }
  @media screen and (max-width: 639px) {
    .popup-menu .popup-menu-login {
      padding: 13px 7px; }
      .popup-menu .popup-menu-login .h6 {
        font-size: 12px; } }
  .popup-menu .popup-menu-login a {
    width: 50%;
    padding-right: 0; }

.popup-menu .popup-menu-wpapper {
  height: 100%;
  width: 100%;
  padding: 70px 167px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .popup-menu .popup-menu-wpapper {
      padding: 80px 125px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .popup-menu .popup-menu-wpapper {
      padding: 40px 90px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .popup-menu .popup-menu-wpapper {
      padding: 40px 70px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .popup-menu .popup-menu-wpapper {
      padding: 0 70px;
      height: auto;
      margin-bottom: 20px; } }
  @media screen and (max-width: 639px) {
    .popup-menu .popup-menu-wpapper {
      padding: 0 17px;
      height: auto;
      margin-bottom: 20px; } }
  .popup-menu .popup-menu-wpapper.glossariy-wrapper {
    padding-left: 0; }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .popup-menu .popup-menu-wpapper .menu-title-square {
      padding: 0;
      margin: 0; } }
  .popup-menu .popup-menu-wpapper .menu-items {
    display: block;
    position: relative; }
    .popup-menu .popup-menu-wpapper .menu-items .menu-drop-section {
      display: none;
      position: absolute;
      padding-top: 18px;
      left: -20px; }
      .popup-menu .popup-menu-wpapper .menu-items .menu-drop-section > .block-menu {
        background: #fff; }
      .popup-menu .popup-menu-wpapper .menu-items .menu-drop-section.menu-drop-section-up {
        padding-top: 0;
        padding-bottom: 215px;
        bottom: 35px; }
        @media screen and (max-width: 2295px) and (min-width: 1721px) {
          .popup-menu .popup-menu-wpapper .menu-items .menu-drop-section.menu-drop-section-up {
            padding-bottom: 180px;
            bottom: 30px; } }
        @media screen and (max-width: 1720px) and (min-width: 1301px) {
          .popup-menu .popup-menu-wpapper .menu-items .menu-drop-section.menu-drop-section-up {
            padding-bottom: 140px;
            bottom: 25px; } }
        @media screen and (max-width: 1300px) and (min-width: 1001px) {
          .popup-menu .popup-menu-wpapper .menu-items .menu-drop-section.menu-drop-section-up {
            padding-bottom: 110px;
            bottom: 25px; } }
    .popup-menu .popup-menu-wpapper .menu-items .item {
      display: inline-block;
      vertical-align: top;
      padding-right: 10px; }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .popup-menu .popup-menu-wpapper .menu-items .item {
          padding-right: 0; } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .popup-menu .popup-menu-wpapper .menu-items .item {
          display: block;
          padding-top: 24px; } }
      @media screen and (max-width: 639px) {
        .popup-menu .popup-menu-wpapper .menu-items .item {
          display: block;
          padding-top: 19px; } }
      .popup-menu .popup-menu-wpapper .menu-items .item.h7 > a {
        padding: 10px 15px;
        text-decoration: none; }
        @media screen and (max-width: 1300px) and (min-width: 1001px) {
          .popup-menu .popup-menu-wpapper .menu-items .item.h7 > a {
            padding: 10px 10px; } }
        @media screen and (max-width: 1000px) {
          .popup-menu .popup-menu-wpapper .menu-items .item.h7 > a {
            padding: 0; }
            .popup-menu .popup-menu-wpapper .menu-items .item.h7 > a:after {
              content: none; } }
      .popup-menu .popup-menu-wpapper .menu-items .item.item-with-drop-section {
        cursor: pointer; }
        @media screen and (min-width: 1001px) {
          .popup-menu .popup-menu-wpapper .menu-items .item.item-with-drop-section:hover .menu-drop-section {
            display: block;
            z-index: 10; } }

.popup-menu .menu-company-wrapper, .popup-menu .menu-design-wrapper, .popup-menu .menu-print-wrapper {
  position: relative;
  height: 33.3333%;
  width: 100%; }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .popup-menu .menu-company-wrapper, .popup-menu .menu-design-wrapper, .popup-menu .menu-print-wrapper {
      height: auto;
      padding-top: 65px; } }
  @media screen and (max-width: 639px) {
    .popup-menu .menu-company-wrapper, .popup-menu .menu-design-wrapper, .popup-menu .menu-print-wrapper {
      height: auto;
      padding-top: 46px; } }

.popup-menu .menu-print-wrapper {
  text-align: left; }

.popup-menu .menu-design-wrapper .menu-title .menu-title-square, .popup-menu .menu-design-wrapper .menu-items {
  float: right; }
  @media screen and (max-width: 1000px) {
    .popup-menu .menu-design-wrapper .menu-title .menu-title-square, .popup-menu .menu-design-wrapper .menu-items {
      float: none; } }

.popup-menu .menu-company-wrapper {
  text-align: left; }

.menu-title {
  position: relative; }
  .menu-title:before, .menu-title:after {
    content: " ";
    display: table; }
  .menu-title:after {
    clear: both; }
  .menu-title .menu-title-square {
    position: relative;
    float: left;
    width: auto;
    text-align: right;
    padding: 23px 55px 0 0; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .menu-title .menu-title-square {
        padding: 16px 40px 0 0; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .menu-title .menu-title-square {
        padding: 12px 28px 0 0; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .menu-title .menu-title-square {
        padding: 6px 20px 0 0; } }
    @media screen and (max-width: 1000px) {
      .menu-title .menu-title-square {
        width: 100%;
        text-align: left;
        padding: 15px 30px 0 30px;
        margin-bottom: 10px; } }
    @media screen and (max-width: 639px) {
      .menu-title .menu-title-square {
        padding: 12px 0 0 0;
        margin-bottom: 13px; } }
    .menu-title .menu-title-square.showSquare .menu-title-top {
      opacity: 1; }
    .menu-title .menu-title-square.showSquare:after {
      opacity: 1; }
    .menu-title .menu-title-square:after {
      content: '';
      position: absolute;
      display: block;
      width: 147px;
      height: 147px;
      top: 0;
      right: 0;
      z-index: 1;
      opacity: 0;
      -webkit-transition: opacity .6s;
      -o-transition: opacity .6s;
      transition: opacity .6s; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .menu-title .menu-title-square:after {
          width: 110px;
          height: 110px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .menu-title .menu-title-square:after {
          width: 80px;
          height: 80px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .menu-title .menu-title-square:after {
          width: 60px;
          height: 60px; } }
      @media screen and (max-width: 1000px) {
        .menu-title .menu-title-square:after {
          content: none; } }
  .menu-title .menu-title-top {
    position: relative;
    z-index: 2;
    opacity: 0;
    -webkit-transition: opacity .6s;
    -o-transition: opacity .6s;
    transition: opacity .6s; }
    @media screen and (max-width: 1000px) {
      .menu-title .menu-title-top {
        display: none; } }
  .menu-title .menu-title-bottom {
    position: relative;
    z-index: 2; }
    .menu-title .menu-title-bottom a {
      text-decoration: none; }
  .menu-title .menu-title-mob a {
    text-decoration: none; }
  .menu-title .menu-title-text {
    float: right;
    width: calc(50% - 10px);
    padding-left: 25px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    overflow: hidden; }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .menu-title .menu-title-text {
        padding-left: 0; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .menu-title .menu-title-text {
        padding-left: 0; } }
    @media screen and (max-width: 1000px) {
      .menu-title .menu-title-text {
        width: 100%;
        position: relative;
        padding: 0 30px; } }
    @media screen and (max-width: 639px) {
      .menu-title .menu-title-text {
        padding: 0; } }

#black-theme .popup-menu .popup_header-mobile .header_close-popup:hover {
  color: #222730; }

.error-btn {
  position: absolute;
  background: #fc6666;
  right: 33px;
  width: 32px;
  height: 32px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  -webkit-transition: background .6s;
  -o-transition: background .6s;
  transition: background .6s; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .error-btn {
      width: 25px;
      height: 25px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .error-btn {
      width: 21px;
      height: 21px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .error-btn {
      width: 21px;
      height: 21px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .error-btn {
      width: 25px;
      height: 25px; } }
  @media screen and (max-width: 639px) {
    .error-btn {
      width: 21px;
      height: 21px; } }
  .error-btn.visibility-hidden-btn {
    visibility: hidden; }
  .error-btn div {
    height: 100%; }
    .error-btn div .svg-forgot-password {
      fill: #fff;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      display: block; }
  @media screen and (min-width: 1001px) {
    .error-btn:hover {
      background: #fb3a3a; } }

.error-popup {
  width: 100%;
  color: #fff;
  opacity: 0;
  visibility: hidden;
  z-index: 10;
  background: #262626;
  position: absolute;
  -webkit-transition: visibility 0s ease .6s, opacity .6s ease;
  -o-transition: visibility 0s ease .6s, opacity .6s ease;
  transition: visibility 0s ease .6s, opacity .6s ease; }
  .error-popup.active {
    opacity: 1;
    visibility: visible;
    -webkit-transition-delay: 0s;
         -o-transition-delay: 0s;
            transition-delay: 0s; }
  .error-popup:after, .error-popup:before {
    content: "";
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    margin-right: 16px;
    position: absolute;
    right: 23px; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .error-popup:after, .error-popup:before {
        right: 7px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .error-popup:after, .error-popup:before {
        right: 2px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .error-popup:after, .error-popup:before {
        right: 0; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .error-popup:after, .error-popup:before {
        right: 9px; } }
    @media screen and (max-width: 639px) {
      .error-popup:after, .error-popup:before {
        right: -2px; } }
  .error-popup.top {
    bottom: 71px; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .error-popup.top {
        bottom: 56px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .error-popup.top {
        bottom: 44px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .error-popup.top {
        bottom: 41px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .error-popup.top {
        bottom: 57px; } }
    @media screen and (max-width: 639px) {
      .error-popup.top {
        bottom: 41px; } }
    .error-popup.top:after {
      border-top: 8px solid #262626; }
  .error-popup.bottom {
    top: 71px; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .error-popup.bottom {
        top: 56px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .error-popup.bottom {
        top: 45px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .error-popup.bottom {
        top: 41px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .error-popup.bottom {
        top: 56px; } }
    @media screen and (max-width: 639px) {
      .error-popup.bottom {
        top: 41px; } }
    .error-popup.bottom:before {
      border-bottom: 8px solid #262626;
      top: -8px; }
  .error-popup .error-popup-text {
    padding: 28px 28px;
    color: #d0d0d0;
    white-space: normal; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .error-popup .error-popup-text {
        padding: 21px 13px 25px 16px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .error-popup .error-popup-text {
        padding: 13px 16px 13px 22px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .error-popup .error-popup-text {
        padding: 13px 20px 19px 20px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .error-popup .error-popup-text {
        padding: 13px 14px 18px 16px; } }
    @media screen and (max-width: 639px) {
      .error-popup .error-popup-text {
        padding: 11px 13px 12px 13px; } }

.input-in-active .error-btn {
  background: #9b9b9b; }

.input-in-active .error-popup.active {
  opacity: 0;
  visibility: hidden; }

.input-margin-small .error-popup.bottom {
  top: 67px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .input-margin-small .error-popup.bottom {
      top: 56px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .input-margin-small .error-popup.bottom {
      top: 45px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .input-margin-small .error-popup.bottom {
      top: 41px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .input-margin-small .error-popup.bottom {
      top: 56px; } }
  @media screen and (max-width: 639px) {
    .input-margin-small .error-popup.bottom {
      top: 41px; } }

.textarea .error-btn {
  top: 45px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .textarea .error-btn {
      top: 35px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .textarea .error-btn {
      top: 24px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .textarea .error-btn {
      top: 23px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .textarea .error-btn {
      top: 35px; } }
  @media screen and (max-width: 639px) {
    .textarea .error-btn {
      top: 22px; } }

@media screen and (max-width: 1720px) and (min-width: 1301px) {
  .textarea .error-popup.bottom {
    top: 43px; } }

@media screen and (max-width: 1300px) and (min-width: 1001px) {
  .textarea .error-popup.bottom {
    top: 42px; } }

@media screen and (max-width: 639px) {
  .textarea .error-popup.bottom {
    top: 41px; } }

#black-theme .error-popup {
  background: #3e444a; }
  #black-theme .error-popup.top:after {
    border-top: 8px solid #3e444a; }
  #black-theme .error-popup.bottom:before {
    border-bottom: 8px solid #3e444a; }

.popup-upload .popup-upload_body > form > div .special-checkbox2 .input-special-checkbox + label .check-parent {
  margin-bottom: 0;
  margin-right: 35px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .popup-upload .popup-upload_body > form > div .special-checkbox2 .input-special-checkbox + label .check-parent {
      margin-bottom: 21px;
      margin-right: 30px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .popup-upload .popup-upload_body > form > div .special-checkbox2 .input-special-checkbox + label .check-parent {
      margin-right: 10px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .popup-upload .popup-upload_body > form > div .special-checkbox2 .input-special-checkbox + label .check-parent {
      margin-right: 10px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .popup-upload .popup-upload_body > form > div .special-checkbox2 .input-special-checkbox + label .check-parent {
      margin-right: 32px; } }
  @media screen and (max-width: 639px) {
    .popup-upload .popup-upload_body > form > div .special-checkbox2 .input-special-checkbox + label .check-parent {
      margin-right: 10px; } }

.popup-upload .popup-upload_body > form > div .special-checkbox2 .input-special-checkbox + label .check-desc {
  text-transform: lowercase; }

.popup-upload .popup-upload_body > form > div:first-child {
  width: calc(50% - 12px);
  float: left;
  margin-right: 12px; }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .popup-upload .popup-upload_body > form > div:first-child {
      width: 100%;
      margin-right: 0; } }
  @media screen and (max-width: 639px) {
    .popup-upload .popup-upload_body > form > div:first-child {
      width: 100%; } }
  .popup-upload .popup-upload_body > form > div:first-child .svg-clip {
    fill: #262626; }
  .popup-upload .popup-upload_body > form > div:first-child .special-checkbox2:first-child {
    border-top: 2px solid #f3f3f3;
    border-bottom: 2px solid #f3f3f3;
    padding-top: 23px;
    padding-bottom: 27px; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .popup-upload .popup-upload_body > form > div:first-child .special-checkbox2:first-child {
        padding-top: 20px;
        padding-bottom: 21px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .popup-upload .popup-upload_body > form > div:first-child .special-checkbox2:first-child {
        padding-top: 15px;
        padding-bottom: 20px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .popup-upload .popup-upload_body > form > div:first-child .special-checkbox2:first-child {
        padding-top: 15px;
        padding-bottom: 24px; } }
    @media screen and (max-width: 1000px) and (min-width: 639px) {
      .popup-upload .popup-upload_body > form > div:first-child .special-checkbox2:first-child {
        padding-top: 20px;
        margin-bottom: 18px; } }
    @media screen and (max-width: 639px) {
      .popup-upload .popup-upload_body > form > div:first-child .special-checkbox2:first-child {
        padding-top: 13px;
        padding-bottom: 22px; } }
    .popup-upload .popup-upload_body > form > div:first-child .special-checkbox2:first-child .file-btn {
      margin-top: 46px; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .popup-upload .popup-upload_body > form > div:first-child .special-checkbox2:first-child .file-btn {
          margin-top: 22px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .popup-upload .popup-upload_body > form > div:first-child .special-checkbox2:first-child .file-btn {
          margin-top: 18px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .popup-upload .popup-upload_body > form > div:first-child .special-checkbox2:first-child .file-btn {
          margin-top: 21px; } }
      @media screen and (max-width: 1000px) and (min-width: 639px) {
        .popup-upload .popup-upload_body > form > div:first-child .special-checkbox2:first-child .file-btn {
          margin-top: 33px; } }
      @media screen and (max-width: 639px) {
        .popup-upload .popup-upload_body > form > div:first-child .special-checkbox2:first-child .file-btn {
          margin-top: 17px; } }
      .popup-upload .popup-upload_body > form > div:first-child .special-checkbox2:first-child .file-btn .btn-main {
        float: left;
        margin-bottom: 29px;
        margin-right: 53px; }
        @media screen and (max-width: 2295px) and (min-width: 1721px) {
          .popup-upload .popup-upload_body > form > div:first-child .special-checkbox2:first-child .file-btn .btn-main {
            margin-right: 53px;
            margin-bottom: 22px; } }
        @media screen and (max-width: 1720px) and (min-width: 1301px) {
          .popup-upload .popup-upload_body > form > div:first-child .special-checkbox2:first-child .file-btn .btn-main {
            margin-bottom: 7px;
            margin-right: 30px; } }
        @media screen and (max-width: 1300px) and (min-width: 1001px) {
          .popup-upload .popup-upload_body > form > div:first-child .special-checkbox2:first-child .file-btn .btn-main {
            margin-bottom: 6px; } }
        @media screen and (max-width: 1000px) and (min-width: 639px) {
          .popup-upload .popup-upload_body > form > div:first-child .special-checkbox2:first-child .file-btn .btn-main {
            margin-right: 55px;
            margin-bottom: 22px; } }
        @media screen and (max-width: 639px) {
          .popup-upload .popup-upload_body > form > div:first-child .special-checkbox2:first-child .file-btn .btn-main {
            margin-bottom: 6px; } }
      .popup-upload .popup-upload_body > form > div:first-child .special-checkbox2:first-child .file-btn > input {
        float: left;
        margin-top: 14px; }
        @media screen and (max-width: 1300px) and (min-width: 1001px) {
          .popup-upload .popup-upload_body > form > div:first-child .special-checkbox2:first-child .file-btn > input {
            margin-top: 0;
            margin-bottom: 8px; } }
        @media screen and (max-width: 639px) {
          .popup-upload .popup-upload_body > form > div:first-child .special-checkbox2:first-child .file-btn > input {
            margin-top: 0;
            margin-bottom: 5px; } }
      .popup-upload .popup-upload_body > form > div:first-child .special-checkbox2:first-child .file-btn > span {
        float: left;
        width: 100%;
        color: #bfbfbf; }
        @media screen and (max-width: 639px) {
          .popup-upload .popup-upload_body > form > div:first-child .special-checkbox2:first-child .file-btn > span {
            line-height: 16px; } }
        .popup-upload .popup-upload_body > form > div:first-child .special-checkbox2:first-child .file-btn > span br {
          display: none; }
          @media screen and (max-width: 1300px) {
            .popup-upload .popup-upload_body > form > div:first-child .special-checkbox2:first-child .file-btn > span br {
              display: block; } }
    .popup-upload .popup-upload_body > form > div:first-child .special-checkbox2:first-child .file-upload-form {
      margin-left: 34px; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .popup-upload .popup-upload_body > form > div:first-child .special-checkbox2:first-child .file-upload-form {
          margin-left: 34px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .popup-upload .popup-upload_body > form > div:first-child .special-checkbox2:first-child .file-upload-form {
          margin-left: 30px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .popup-upload .popup-upload_body > form > div:first-child .special-checkbox2:first-child .file-upload-form {
          margin-left: 27px; } }
      @media screen and (max-width: 1000px) and (min-width: 639px) {
        .popup-upload .popup-upload_body > form > div:first-child .special-checkbox2:first-child .file-upload-form {
          margin-left: 32px; } }
      @media screen and (max-width: 639px) {
        .popup-upload .popup-upload_body > form > div:first-child .special-checkbox2:first-child .file-upload-form {
          margin-left: 30px; } }
      .popup-upload .popup-upload_body > form > div:first-child .special-checkbox2:first-child .file-upload-form div input {
        display: none; }
      .popup-upload .popup-upload_body > form > div:first-child .special-checkbox2:first-child .file-upload-form > input {
        background: transparent;
        border: 0; }
  .popup-upload .popup-upload_body > form > div:first-child .special-checkbox2:nth-child(2) {
    border-bottom: 2px solid #f3f3f3;
    padding-bottom: 32px; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .popup-upload .popup-upload_body > form > div:first-child .special-checkbox2:nth-child(2) {
        padding-bottom: 12px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .popup-upload .popup-upload_body > form > div:first-child .special-checkbox2:nth-child(2) {
        padding-bottom: 16px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .popup-upload .popup-upload_body > form > div:first-child .special-checkbox2:nth-child(2) {
        padding-bottom: 17px; } }
    @media screen and (max-width: 1000px) and (min-width: 639px) {
      .popup-upload .popup-upload_body > form > div:first-child .special-checkbox2:nth-child(2) {
        border-bottom: none;
        padding-bottom: 0;
        margin-bottom: 25px;
        margin-top: 14px; } }
    @media screen and (max-width: 639px) {
      .popup-upload .popup-upload_body > form > div:first-child .special-checkbox2:nth-child(2) {
        border-bottom: none;
        padding-bottom: 0;
        margin-bottom: 14px; } }

.popup-upload .popup-upload_body > form > div:nth-child(2) {
  width: 50%;
  float: left; }
  @media screen and (max-width: 1000px) {
    .popup-upload .popup-upload_body > form > div:nth-child(2) {
      width: 100%; } }
  .popup-upload .popup-upload_body > form > div:nth-child(2) .special-checkbox2 {
    border-bottom: 2px solid #f3f3f3;
    border-top: 2px solid #f3f3f3;
    padding-top: 23px;
    padding-bottom: 29px;
    margin-bottom: 31px; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .popup-upload .popup-upload_body > form > div:nth-child(2) .special-checkbox2 {
        padding-bottom: 10px;
        padding-top: 19px;
        margin-bottom: 21px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .popup-upload .popup-upload_body > form > div:nth-child(2) .special-checkbox2 {
        padding-top: 17px;
        padding-bottom: 18px;
        margin-bottom: 21px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .popup-upload .popup-upload_body > form > div:nth-child(2) .special-checkbox2 {
        padding-top: 17px;
        padding-bottom: 5px;
        margin-bottom: 17px; } }
    @media screen and (max-width: 1000px) and (min-width: 639px) {
      .popup-upload .popup-upload_body > form > div:nth-child(2) .special-checkbox2 {
        padding-top: 19px;
        padding-bottom: 24px;
        margin-bottom: 55px; } }
    @media screen and (max-width: 639px) {
      .popup-upload .popup-upload_body > form > div:nth-child(2) .special-checkbox2 {
        padding-bottom: 14px;
        padding-top: 13px;
        margin-bottom: 35px; } }
  .popup-upload .popup-upload_body > form > div:nth-child(2) .textarea-title {
    display: none;
    float: left; }
    @media screen and (max-width: 1000px) {
      .popup-upload .popup-upload_body > form > div:nth-child(2) .textarea-title {
        display: block; } }
  .popup-upload .popup-upload_body > form > div:nth-child(2) .textarea {
    float: left;
    width: 100%; }
    .popup-upload .popup-upload_body > form > div:nth-child(2) .textarea textarea {
      height: 250px;
      color: #262626;
      overflow-y: auto; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .popup-upload .popup-upload_body > form > div:nth-child(2) .textarea textarea {
          height: 190px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .popup-upload .popup-upload_body > form > div:nth-child(2) .textarea textarea {
          height: 150px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .popup-upload .popup-upload_body > form > div:nth-child(2) .textarea textarea {
          height: 186px; } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .popup-upload .popup-upload_body > form > div:nth-child(2) .textarea textarea {
          height: 220px; } }
      @media screen and (max-width: 639px) {
        .popup-upload .popup-upload_body > form > div:nth-child(2) .textarea textarea {
          height: 192px; } }
  .popup-upload .popup-upload_body > form > div:nth-child(2) .input-margin {
    margin-top: 7px;
    margin-bottom: 20px; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .popup-upload .popup-upload_body > form > div:nth-child(2) .input-margin {
        margin-bottom: 13px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .popup-upload .popup-upload_body > form > div:nth-child(2) .input-margin {
        margin-top: 0;
        margin-bottom: 12px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .popup-upload .popup-upload_body > form > div:nth-child(2) .input-margin {
        margin-top: 5px;
        margin-bottom: 12px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .popup-upload .popup-upload_body > form > div:nth-child(2) .input-margin {
        margin-top: 25px;
        margin-bottom: 15px; } }
    @media screen and (max-width: 639px) {
      .popup-upload .popup-upload_body > form > div:nth-child(2) .input-margin {
        margin-top: 12px;
        margin-bottom: 6px; } }

.popup-upload .popup-upload_body .input-special-checkbox + label {
  margin-bottom: 0 !important;
  margin-right: 0 !important; }
  .popup-upload .popup-upload_body .input-special-checkbox + label + .file-upload-form {
    display: none; }

.popup-upload .popup-upload_body .input-special-checkbox:checked + label + .file-upload-form {
  display: block; }

.popup-upload .popup-upload_body .body_title-block {
  margin-bottom: 35px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .popup-upload .popup-upload_body .body_title-block {
      margin-bottom: 27px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .popup-upload .popup-upload_body .body_title-block {
      margin-bottom: 23px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .popup-upload .popup-upload_body .body_title-block {
      margin-bottom: 10px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .popup-upload .popup-upload_body .body_title-block {
      font-size: 36px;
      line-height: 1em;
      margin-bottom: 31px;
      font-size: 36px;
      line-height: 36px; } }
  @media screen and (max-width: 639px) {
    .popup-upload .popup-upload_body .body_title-block {
      font-size: 24px;
      margin-bottom: 14px;
      font-size: 25px;
      line-height: 25px; } }

.popup-upload .popup-upload_body .body_descriphen {
  margin-bottom: 32px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .popup-upload .popup-upload_body .body_descriphen {
      margin-bottom: 23px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .popup-upload .popup-upload_body .body_descriphen {
      margin-bottom: 13px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .popup-upload .popup-upload_body .body_descriphen {
      margin-bottom: 14px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .popup-upload .popup-upload_body .body_descriphen {
      margin-bottom: 24px; } }
  @media screen and (max-width: 639px) {
    .popup-upload .popup-upload_body .body_descriphen {
      margin-bottom: 11px; } }

#black-theme .popup-upload .popup-upload_body > form > div:first-child .special-checkbox2:first-child {
  border-top: 2px solid #222730;
  border-bottom: 2px solid #222730; }

#black-theme .popup-upload .popup-upload_body > form > div:first-child .special-checkbox2:nth-child(2) {
  border-bottom: 2px solid #222730; }
  @media screen and (max-width: 1000px) {
    #black-theme .popup-upload .popup-upload_body > form > div:first-child .special-checkbox2:nth-child(2) {
      border-bottom: none; } }

#black-theme .popup-upload .popup-upload_body > form > div:nth-child(2) .special-checkbox2 {
  border-bottom: 2px solid #222730;
  border-top: 2px solid #222730; }

.popup-cancel .popup-body .body_title-block {
  text-align: center;
  margin-bottom: 31px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .popup-cancel .popup-body .body_title-block {
      margin-bottom: 23px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .popup-cancel .popup-body .body_title-block {
      margin-bottom: 27px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .popup-cancel .popup-body .body_title-block {
      margin-bottom: 26px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .popup-cancel .popup-body .body_title-block {
      text-align: left;
      margin-bottom: 5px;
      font-size: 36px;
      line-height: 36px; } }
  @media screen and (max-width: 639px) {
    .popup-cancel .popup-body .body_title-block {
      text-align: left;
      margin-bottom: 5px;
      font-size: 25px;
      line-height: 25px; } }

.popup-cancel .popup-body .body_description {
  text-align: center;
  margin-bottom: 43px;
  text-transform: uppercase; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .popup-cancel .popup-body .body_description {
      margin-bottom: 33px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .popup-cancel .popup-body .body_description {
      margin-bottom: 26px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .popup-cancel .popup-body .body_description {
      margin-bottom: 25px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .popup-cancel .popup-body .body_description {
      margin-bottom: 23px;
      text-align: left; } }
  @media screen and (max-width: 639px) {
    .popup-cancel .popup-body .body_description {
      margin-bottom: 22px;
      text-align: left; } }

.popup-cancel .popup-body .body_form-block > div:first-child {
  width: calc(50% - 6px);
  float: left;
  margin-right: 6px; }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .popup-cancel .popup-body .body_form-block > div:first-child {
      width: auto; }
      .popup-cancel .popup-body .body_form-block > div:first-child .btn-main-static {
        float: left; } }
  @media screen and (max-width: 639px) {
    .popup-cancel .popup-body .body_form-block > div:first-child .btn-main-static {
      float: left;
      width: 100%;
      min-width: 100%; } }

.popup-cancel .popup-body .body_form-block > div:nth-child(2) {
  width: calc(50% - 6px);
  float: left;
  margin-left: 6px; }
  .popup-cancel .popup-body .body_form-block > div:nth-child(2) .btn-main-static {
    float: left; }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .popup-cancel .popup-body .body_form-block > div:nth-child(2) {
      width: auto; }
      .popup-cancel .popup-body .body_form-block > div:nth-child(2) .btn-main-static {
        float: left; } }
  @media screen and (max-width: 639px) {
    .popup-cancel .popup-body .body_form-block > div:nth-child(2) {
      min-width: auto; }
      .popup-cancel .popup-body .body_form-block > div:nth-child(2) .btn-main-static {
        min-width: 100%; } }

.popup-canceled .popup-body-small .body_title-block {
  text-align: center;
  margin-bottom: 27px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .popup-canceled .popup-body-small .body_title-block {
      margin-bottom: 23px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .popup-canceled .popup-body-small .body_title-block {
      margin-bottom: 27px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .popup-canceled .popup-body-small .body_title-block {
      margin-bottom: 25px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .popup-canceled .popup-body-small .body_title-block {
      margin-bottom: 5px;
      text-align: left;
      font-size: 36px;
      line-height: 36px; } }
  @media screen and (max-width: 639px) {
    .popup-canceled .popup-body-small .body_title-block {
      margin-bottom: 8px;
      text-align: left;
      font-size: 25px;
      line-height: 25px; } }

.popup-canceled .popup-body-small .body_description {
  text-align: center; }
  @media screen and (max-width: 1000px) {
    .popup-canceled .popup-body-small .body_description {
      text-align: left; } }

.popup-sign-in__wrapper {
  width: 795px; }

.popup-sign-in__social-links {
  margin: 36px 0 63px; }
  .popup-sign-in__social-links a {
    margin-bottom: 0; }

.popup-sign-in__btn-forgot-pass {
  display: inline-block;
  /* margin-top: 20px; */
  /* margin-left: 10px; */
  }

.popup-sign-in .notice-required {
  border: none; }

.popup-sign-in .upload_file-btn {
  float: left; }
  .popup-sign-in .upload_file-btn input[type="file"] {
    display: none; }

.popup-sign-in .upload_file-input {
  background: transparent;
  border: 0;
  float: left;
  margin-top: 14px; }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .popup-sign-in .upload_file-input {
      margin-top: 8px; } }
  @media screen and (max-width: 639px) {
    .popup-sign-in .upload_file-input {
      display: none; } }

@media screen and (max-width: 2295px) and (min-width: 1721px) {
  .popup-sign-in__wrapper {
    width: 595px; }
  .popup-sign-in__social-links {
    margin: 29px 0 47px; } }

@media screen and (max-width: 1720px) and (min-width: 1301px) {
  .popup-sign-in__wrapper {
    width: 460px; }
  .popup-sign-in__social-links {
    margin: 24px 0 29px; } }

@media screen and (max-width: 1300px) and (min-width: 1001px) {
  .popup-sign-in__wrapper {
    width: 354px; }
  .popup-sign-in__social-links {
    margin: 22px 0 18px; } }

@media screen and (max-width: 1000px) {
  .popup-sign-in__wrapper {
    margin: 65px auto;
    width: 500px; }
  .popup-sign-in__title {
    font-size: 36px;
    line-height: 36px; }
  .popup-sign-in__social-links {
    margin: 34px 0 19px; }
  .popup-sign-in .btn-main-static {
    float: left; }
  .popup-sign-in .auth-buton.btn-main-static {
    float: none; } }

@media screen and (max-width: 639px) {
  .popup-sign-in__wrapper {
    margin: 56px auto;
    width: 280px; }
  .popup-sign-in__title {
    font-size: 25px;
    line-height: 25px; }
  .popup-sign-in__social-links {
    margin: 20px 0 26px; }
  .popup-sign-in__btn-forgot-pass {
    width: 100%;
    border-bottom: 2px solid #f3f3f3;
    padding-bottom: 4px;
    margin-bottom: 15px; }
  .popup-sign-in .btn-main-static {
    float: left; } }

#black-theme .popup-sign-in .basket_main-block {
  background-color: #0d1015; }

/* .popup-job .popup-job_body .body_form-block > div:first-child {
  width: calc(50% - 12px);
  float: left;
  margin-right: 12px; }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .popup-job .popup-job_body .body_form-block > div:first-child {
      width: 100%;
      margin-right: 0; } }
  @media screen and (max-width: 639px) {
    .popup-job .popup-job_body .body_form-block > div:first-child {
      width: 100%; } } */

/* .popup-job .popup-job_body .body_form-block > div:nth-child(2) {
  width: 50%;
  float: left; }
  @media screen and (max-width: 1000px) {
    .popup-job .popup-job_body .body_form-block > div:nth-child(2) {
      width: 100%; } }
  .popup-job .popup-job_body .body_form-block > div:nth-child(2) textarea {
    height: 320px;
    overflow-y: auto; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .popup-job .popup-job_body .body_form-block > div:nth-child(2) textarea {
        height: 240px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .popup-job .popup-job_body .body_form-block > div:nth-child(2) textarea {
        height: 174px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .popup-job .popup-job_body .body_form-block > div:nth-child(2) textarea {
        height: 152px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .popup-job .popup-job_body .body_form-block > div:nth-child(2) textarea {
        height: 240px; } }
    @media screen and (max-width: 639px) {
      .popup-job .popup-job_body .body_form-block > div:nth-child(2) textarea {
        height: 140px; } } */

.popup-job .popup-job_body .popup-body_title {margin-bottom: 20px}
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .popup-job .popup-job_body .popup-body_title {margin-bottom: 34px} }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .popup-job .popup-job_body .popup-body_title {margin-bottom: 32px} }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .popup-job .popup-job_body .popup-body_title {margin-bottom: 28px} }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .popup-job .popup-job_body .popup-body_title {margin-bottom: 31px} }
  @media screen and (max-width: 639px) {
    .popup-job .popup-job_body .popup-body_title {margin-bottom: 25px} }

.popup-job .popup-job_body .popup-body_description {
  margin-bottom: 28px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .popup-job .popup-job_body .popup-body_description {
      margin-bottom: 20px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .popup-job .popup-job_body .popup-body_description {
      margin-bottom: 23px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .popup-job .popup-job_body .popup-body_description {
      margin-bottom: 23px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .popup-job .popup-job_body .popup-body_description {
      margin-bottom: 20px; } }
  @media screen and (max-width: 639px) {
    .popup-job .popup-job_body .popup-body_description {
      margin-bottom: 20px; } }

.popup-job .popup-job_body .svg-clip {
  fill: #262626; }

.popup-job .popup-job_body .body_form_upload {
  float: left; }
  @media screen and (max-width: 639px) {
    .popup-job .popup-job_body .body_form_upload {
      border-bottom: 2px solid #f3f3f3;
      margin-bottom: 15px;
      padding-bottom: 9px;
      width: 100%; } }
  .popup-job .popup-job_body .body_form_upload .upload_file-btn {
    float: left;
    line-height: 50px; }
    .popup-job .popup-job_body .body_form_upload .upload_file-btn input[type="file"] {
      display: none; }
  .popup-job .popup-job_body .body_form_upload .upload_file-input {
    background: transparent;
    border: 0;
    float: left;
    margin-top: 14px; }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .popup-job .popup-job_body .body_form_upload .upload_file-input {
        margin-top: 8px; } }
    @media screen and (max-width: 639px) {
      .popup-job .popup-job_body .body_form_upload .upload_file-input {
        display: none; } }

@media screen and (max-width: 639px) {
  .popup-job .popup-job_body .btn-main-static {
    float: left; } }

@media screen and (max-width: 639px) {
  #black-theme .popup-job .popup-job_body .body_form_upload {
    border-bottom: 2px solid #222730; } }

.popup-help .popup-body-small .body_title-block {
  text-align: left;
  margin-bottom: 20px; }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .popup-help .popup-body-small .body_title-block {
      font-size: 36px;
      line-height: 36px; } }
  @media screen and (max-width: 639px) {
    .popup-help .popup-body-small .body_title-block {
      font-size: 25px;
      line-height: 25px; } }

.popup-help .popup-body-small .body_description {
  text-align: left; }
  .popup-help .popup-body-small .body_description p {
    margin-bottom: 20px; }

.popup-contact .popup-modal__popup-container {
  padding: 0; }

.popup-contact .popup-modal__content {
  height: 1020px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .popup-contact .popup-modal__content {
      height: 900px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .popup-contact .popup-modal__content {
      height: 550px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .popup-contact .popup-modal__content {
      height: 515px; } }
  @media screen and (max-width: 1000px) {
    .popup-contact .popup-modal__content {
      height: auto; } }

.popup-contact__text {
  float: left;
  height: 100%;
  width: calc(100% - 1280px);
  padding: 0 70px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .popup-contact__text {
      width: calc(100% - 960px);
      padding: 0 52px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .popup-contact__text {
      width: calc(100% - 640px);
      padding: 0 37px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .popup-contact__text {
      width: calc(100% - 460px);
      padding: 0 26px; } }
  @media screen and (max-width: 1000px) {
    .popup-contact__text {
      float: none;
      width: 100%;
      padding: 0 70px;
      height: auto; } }
  @media screen and (max-width: 639px) {
    .popup-contact__text {
      padding: 0 15px; } }

.popup-contact__title {
  margin-bottom: 7px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .popup-contact__title {
      margin-bottom: 4px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .popup-contact__title {
      margin-bottom: 7px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .popup-contact__title {
      margin-bottom: 7px; } }
  @media screen and (max-width: 1000px) {
    .popup-contact__title {
      margin: 63px 0 19px; } }
  @media screen and (max-width: 639px) {
    .popup-contact__title {
      margin: 35px 0 16px; } }

.popup-contact__img {
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 1280px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .popup-contact__img {
      width: 960px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .popup-contact__img {
      width: 640px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .popup-contact__img {
      width: 460px; } }
  @media screen and (max-width: 1000px) {
    .popup-contact__img {
      width: 100%;
      height: auto;
      overflow: hidden;
      margin-top: 53px; } }
  @media screen and (max-width: 639px) {
    .popup-contact__img {
      margin-top: 33px; } }
  .popup-contact__img .img-block_map {
    height: 100%;
    background-size: cover;
    background-position: 50% 50%; }
    @media screen and (max-width: 1000px) {
      .popup-contact__img .img-block_map {
        height: 465px;
        background-position: 100% 50%; } }
    @media screen and (max-width: 639px) {
      .popup-contact__img .img-block_map {
        height: 360px; } }

.popup-cart {
  right: 0;
  border-bottom: 1px solid #e7e7e7;
  border-top: 1px solid #e7e7e7;
  background: #f3f3f3;
  cursor: auto;
  display: block;
  position: absolute;
  bottom: auto;
  top: 0;
  -webkit-transition: top 0s ease .6s, -webkit-transform .6s ease;
  transition: top 0s ease .6s, -webkit-transform .6s ease;
  -o-transition: transform .6s ease, top 0s ease .6s;
  transition: transform .6s ease, top 0s ease .6s;
  transition: transform .6s ease, top 0s ease .6s, -webkit-transform .6s ease;
  width: 370px;
  height: calc(100vh - 107px);
  -webkit-transform: translate(0, -100%);
      -ms-transform: translate(0, -100%);
          transform: translate(0, -100%);
  z-index: 5; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .popup-cart {
      width: 283px;
      height: calc(100vh - 80px); } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .popup-cart {
      width: 280px;
      height: calc(100vh - 70px); } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .popup-cart {
      width: 280px;
      height: calc(100vh - 52px); } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .popup-cart {
      width: 280px;
      height: calc(100vh - 55px); } }
  @media screen and (max-width: 639px) {
    .popup-cart {
      width: 100vw;
      height: calc(100vh - 50px);
      border: none; } }
  .popup-cart.active {
    display: block;
    visibility: visible;
    top: 107px;
    -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
            transform: translate(0, 0);
    -webkit-transition-delay: 0s;
         -o-transition-delay: 0s;
            transition-delay: 0s; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .popup-cart.active {
        width: 283px;
        top: 80px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .popup-cart.active {
        width: 280px;
        top: 70px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .popup-cart.active {
        width: 280px;
        top: 52px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .popup-cart.active {

        width: 280px;
        top: 55px; } }
    @media screen and (max-width: 639px) {
      .popup-cart.active {
        width: 100vw;
        top: 50px;
        height: calc(var(--mobheight) - 50px);
        border: none; } }
  .popup-cart .cart-body {
    width: 100%;
    height: calc(100% - 230px);
    left: 0;
    background: #f3f3f3;
    border-bottom: 1px solid #e7e7e7; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .popup-cart .cart-body {
        height: calc(100% - 170px);
        background: #fff; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .popup-cart .cart-body {
        height: calc(100% - 150px);
        background: #fff; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .popup-cart .cart-body {
        height: calc(100% - 148px);
        background: #fff; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .popup-cart .cart-body {
        height: calc(100% - 170px);
        background: #fff; } }
    @media screen and (max-width: 639px) {
      .popup-cart .cart-body {
        margin-top: 21px;
        height: calc(100% - 129px); } }
    .popup-cart .cart-body.scroll > .scroll-pane {
      left: 3px;
      width: 2px; }
    .popup-cart .cart-body.scroll > .scroll-content {
      padding-right: 0; }
    .popup-cart .cart-body .cart-body_product-cart {
      width: 100%;
      border-bottom: 1px solid #e7e7e7;
      height: auto;
      background: #fff;
      padding-top: 55px; }
      @media screen and (max-width: 2295px) {
        .popup-cart .cart-body .cart-body_product-cart {
          padding-top: 40px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .popup-cart .cart-body .cart-body_product-cart {
          padding-top: 40px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .popup-cart .cart-body .cart-body_product-cart {
          padding-top: 40px; } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .popup-cart .cart-body .cart-body_product-cart {
          padding-top: 40px; } }
      @media screen and (max-width: 639px) {
        .popup-cart .cart-body .cart-body_product-cart {
          padding-top: 40px; } }
      .popup-cart .cart-body .cart-body_product-cart .product-cart_img {
        background-image: url(/images/product1.png);
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-size: contain;
        width: 100%;
        height: 180px;
        margin-bottom: 7px; }
        @media screen and (max-width: 2295px) and (min-width: 1721px) {
          .popup-cart .cart-body .cart-body_product-cart .product-cart_img {
            margin-bottom: 2px; } }
        @media screen and (max-width: 1720px) and (min-width: 1301px) {
          .popup-cart .cart-body .cart-body_product-cart .product-cart_img {
            margin-bottom: 5px; } }
        @media screen and (max-width: 1300px) and (min-width: 1001px) {
          .popup-cart .cart-body .cart-body_product-cart .product-cart_img {
            margin-bottom: 2px; } }
        @media screen and (max-width: 1000px) and (min-width: 640px) {
          .popup-cart .cart-body .cart-body_product-cart .product-cart_img {
            margin-bottom: 2px; } }
        @media screen and (max-width: 639px) {
          .popup-cart .cart-body .cart-body_product-cart .product-cart_img {
            margin-bottom: 15px; } }
        .popup-cart .cart-body .cart-body_product-cart .product-cart_img div a {
          top: -56px;
          padding: 0; }
          @media screen and (max-width: 2295px) {
            .popup-cart .cart-body .cart-body_product-cart .product-cart_img div a {
              top: 0; } }
        .popup-cart .cart-body .cart-body_product-cart .product-cart_img .block-menu .block-menu-link {
          cursor: pointer;
          float: right;
          margin-top: 14px;
          padding: 3px 0; }
          @media screen and (max-width: 2295px) and (min-width: 1721px) {
            .popup-cart .cart-body .cart-body_product-cart .product-cart_img .block-menu .block-menu-link {
              margin-top: -30px; } }
          @media screen and (max-width: 1720px) and (min-width: 1301px) {
            .popup-cart .cart-body .cart-body_product-cart .product-cart_img .block-menu .block-menu-link {
              margin-top: -30px; } }
          @media screen and (max-width: 1300px) and (min-width: 1001px) {
            .popup-cart .cart-body .cart-body_product-cart .product-cart_img .block-menu .block-menu-link {
              margin-top: -30px; } }
          @media screen and (max-width: 1000px) and (min-width: 640px) {
            .popup-cart .cart-body .cart-body_product-cart .product-cart_img .block-menu .block-menu-link {
              margin-top: -32px; } }
          @media screen and (max-width: 639px) {
            .popup-cart .cart-body .cart-body_product-cart .product-cart_img .block-menu .block-menu-link {
              margin-top: -30px; } }
          .popup-cart .cart-body .cart-body_product-cart .product-cart_img .block-menu .block-menu-link > span {
            padding: 0 29px 0 26px; }
            @media screen and (max-width: 2295px) and (min-width: 1721px) {
              .popup-cart .cart-body .cart-body_product-cart .product-cart_img .block-menu .block-menu-link > span {
                padding: 0 10px 0 19px; } }
            @media screen and (max-width: 1720px) and (min-width: 1301px) {
              .popup-cart .cart-body .cart-body_product-cart .product-cart_img .block-menu .block-menu-link > span {
                padding: 0 10px 0 16px; } }
            @media screen and (max-width: 1300px) and (min-width: 1001px) {
              .popup-cart .cart-body .cart-body_product-cart .product-cart_img .block-menu .block-menu-link > span {
                padding: 0 10px 0 19px; } }
            @media screen and (max-width: 1000px) and (min-width: 640px) {
              .popup-cart .cart-body .cart-body_product-cart .product-cart_img .block-menu .block-menu-link > span {
                padding: 0 6px 0 14px; } }
            @media screen and (max-width: 639px) {
              .popup-cart .cart-body .cart-body_product-cart .product-cart_img .block-menu .block-menu-link > span {
                padding: 0 10px 0 19px; } }
      .popup-cart .cart-body .cart-body_product-cart .product-cart_content {
        margin-bottom: 54px; }
        @media screen and (max-width: 2295px) and (min-width: 1721px) {
          .popup-cart .cart-body .cart-body_product-cart .product-cart_content {
            margin-bottom: 41px; } }
        @media screen and (max-width: 1720px) and (min-width: 1301px) {
          .popup-cart .cart-body .cart-body_product-cart .product-cart_content {
            margin-bottom: 46px; } }
        @media screen and (max-width: 1300px) and (min-width: 1001px) {
          .popup-cart .cart-body .cart-body_product-cart .product-cart_content {
            margin-bottom: 46px; } }
        @media screen and (max-width: 1000px) and (min-width: 640px) {
          .popup-cart .cart-body .cart-body_product-cart .product-cart_content {
            margin-bottom: 46px; } }
        @media screen and (max-width: 639px) {
          .popup-cart .cart-body .cart-body_product-cart .product-cart_content {
            margin-bottom: 30px; } }
        .popup-cart .cart-body .cart-body_product-cart .product-cart_content .content_product-title {
          text-align: center; }
        .popup-cart .cart-body .cart-body_product-cart .product-cart_content .content_product-price {
          text-align: center; }
      .popup-cart .cart-body .cart-body_product-cart:nth-child(even) .img-product {
        background-image: url(/images/product2.png); }
      .popup-cart .cart-body .cart-body_product-cart:last-child {
        border-bottom: 2px solid #f3f3f3; }
  .popup-cart .cart-footer {
    padding-top: 0;
    padding-bottom: 44px;
    bottom: 0;
    position: absolute;
    width: 100%; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .popup-cart .cart-footer {
        padding-bottom: 36px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .popup-cart .cart-footer {
        padding-bottom: 33px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .popup-cart .cart-footer {
        padding-bottom: 35px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .popup-cart .cart-footer {
        padding-bottom: 37px; } }
    @media screen and (max-width: 639px) {
      .popup-cart .cart-footer {
        padding-bottom: 20px; } }
    .popup-cart .cart-footer .cart-footer_total-cart {
      margin: auto;
      margin-bottom: 20px;
      display: table; }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .popup-cart .cart-footer .cart-footer_total-cart {
          margin-bottom: 8px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .popup-cart .cart-footer .cart-footer_total-cart {
          margin-bottom: 10px; } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .popup-cart .cart-footer .cart-footer_total-cart {
          margin-bottom: 16px; } }
      @media screen and (max-width: 639px) {
        .popup-cart .cart-footer .cart-footer_total-cart {
          margin-bottom: 7px; } }
      .popup-cart .cart-footer .cart-footer_total-cart > div {
        height: 47px;
        float: left;
        margin-right: 8px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
        @media screen and (max-width: 2295px) {
          .popup-cart .cart-footer .cart-footer_total-cart > div {
            height: 30px; } }
    .popup-cart .cart-footer .btn-main-static {
      margin: auto;
      float: none;
      min-width: 290px; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .popup-cart .cart-footer .btn-main-static {
          min-width: 210px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .popup-cart .cart-footer .btn-main-static {
          min-width: 210px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .popup-cart .cart-footer .btn-main-static {
          min-width: 210px; } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .popup-cart .cart-footer .btn-main-static {
          min-width: 210px; } }
      @media screen and (max-width: 639px) {
        .popup-cart .cart-footer .btn-main-static {
          min-width: 155px; } }
      @media screen and (max-width: 639px) {
        .popup-cart .cart-footer .btn-main-static:nth-child(2) {
          display: none; } }
      @media screen and (min-width: 640px) {
        .popup-cart .cart-footer .btn-main-static.btn-mobile {
          display: none; } }
  .popup-cart .border-left {
    background: #e7e7e7;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 1px; }
    @media screen and (max-width: 639px) {
      .popup-cart .border-left {
        display: none; } }

@media screen and (max-width: 639px) {
  .scroll-hiden-for-hiden {
    overflow: hidden; } }

#white-theme .popup-cart.scroll-main > .scroll-pane {
  background: transparent; }

#black-theme .popup-cart {
  background: #0d1115;
  border-bottom: 2px solid #0d1115;
  border-top: 1px solid #0d1115; }
  #black-theme .popup-cart .cart-body {
    background: #0d1115;
    border-bottom: 1px solid #0d1115; }
    @media screen and (max-width: 639px) {
      #black-theme .popup-cart .cart-body {
        background: #0d1115; } }
    #black-theme .popup-cart .cart-body .cart-body_product-cart {
      background: #222730;
      border-bottom: 1px solid #0d1115; }
  @media screen and (min-width: 1001px) {
    #black-theme .popup-cart .btn-main-static:hover {
      background: #222730; } }
  #black-theme .popup-cart .border-left {
    background: #0d1115; }
  #black-theme .popup-cart.scroll-main > .scroll-pane {
    background: transparent; }

.popup-search .popup-modal__content {
  height: 910px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .popup-search .popup-modal__content {
      height: 820px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .popup-search .popup-modal__content {
      height: 485px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .popup-search .popup-modal__content {
      height: 415px; } }
  @media screen and (max-width: 1000px) {
    .popup-search .popup-modal__content {
      height: auto; } }

@media screen and (max-width: 1000px) {
  .popup-search > .table {
    height: 100%; }
    .popup-search > .table .table-cell {
      height: 100%; }
  .popup-search .popup-modal__popup-container {
    height: 100%; }
  .popup-search .popup-modal__content {
    height: 100%; } }

@media screen and (max-width: 1000px) and (min-width: 640px) {
  .popup-search .popup-title {
    padding: 27px 0;
    padding-left: 77px; } }

@media screen and (max-width: 639px) {
  .popup-search .popup-title {
    padding: 16px 0;
    padding-left: 75px; } }

.popup-search .table-row {
  display: table-row;
  height: auto;
  width: 100%; }

@media screen and (max-width: 1000px) and (min-width: 640px) {
  .popup-search .table {
    height: 100%; } }

@media screen and (max-width: 639px) {
  .popup-search .table {
    height: 100%; } }

.popup-search .search-popup-wrapper {
  width: 1600px;
  margin: 0 auto; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .popup-search .search-popup-wrapper {
      width: 1200px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .popup-search .search-popup-wrapper {
      width: 936px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .popup-search .search-popup-wrapper {
      width: 705px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .popup-search .search-popup-wrapper {
      width: 500px; } }
  @media screen and (max-width: 639px) {
    .popup-search .search-popup-wrapper {
      width: 287px; } }

.popup-search .search-form {
  display: table-cell;
  width: 100%; }
  .popup-search .search-form .search-title {
    padding: 30px 0 36px; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .popup-search .search-form .search-title {
        padding: 30px 0 26px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .popup-search .search-form .search-title {
        padding: 30px 0 21px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .popup-search .search-form .search-title {
        padding: 30px 0 25px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .popup-search .search-form .search-title {
        padding: 64px 0 32px;
        font: 800 36px/36px 'Helvetica'; } }
    @media screen and (max-width: 639px) {
      .popup-search .search-form .search-title {
        padding: 56px 0 19px;
        font: 800 25px/25px 'Helvetica'; } }
  .popup-search .search-form .input-search {
    position: relative; }
    .popup-search .search-form .input-search input[type=text] {
      border: none;
      height: 95px;
      padding: 0 131px 0 36px;
      width: 100%;
      font: 500 22px/32px 'Helvetica';
//letter-spacing: -.010em;
      -webkit-transition: color .6s ease;
      -o-transition: color .6s ease;
      transition: color .6s ease; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .popup-search .search-form .input-search input[type=text] {
          height: 70px;
          padding: 0 97px 0 27px;
          font-size: 17px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .popup-search .search-form .input-search input[type=text] {
          height: 60px;
          padding: 0 90px 0 30px;
          font-size: 15px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .popup-search .search-form .input-search input[type=text] {
          height: 50px;
          padding: 0 70px 0 20px; } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .popup-search .search-form .input-search input[type=text] {
          height: 70px;
          padding: 0 97px 0 27px;
          font-size: 17px; } }
      @media screen and (max-width: 639px) {
        .popup-search .search-form .input-search input[type=text] {
          height: 50px;
          padding: 0 65px 0 15px;
          font-size: 15px; } }
      .popup-search .search-form .input-search input[type=text]::-ms-clear {
        display: none;
        width: 0;
        height: 0; }
    .popup-search .search-form .input-search .input-btn {
      background: none;
      border: none;
      position: absolute;
      outline: none;
      right: 0;
      top: 0;
      height: 100%;
      width: 95px; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .popup-search .search-form .input-search .input-btn {
          width: 70px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .popup-search .search-form .input-search .input-btn {
          width: 60px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .popup-search .search-form .input-search .input-btn {
          width: 50px; } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .popup-search .search-form .input-search .input-btn {
          width: 70px; } }
      @media screen and (max-width: 639px) {
        .popup-search .search-form .input-search .input-btn {
          width: 50px; } }
      .popup-search .search-form .input-search .input-btn.search-btn-close {
        cursor: pointer;
        display: none; }
  .popup-search .search-form .search-result-message {
    text-transform: uppercase;
    padding: 60px 0 30px; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .popup-search .search-form .search-result-message {
        padding: 45px 0 22px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .popup-search .search-form .search-result-message {
        padding: 36px 0 22px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .popup-search .search-form .search-result-message {
        padding: 34px 0 22px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .popup-search .search-form .search-result-message {
        padding: 38px 0 20px; } }
    @media screen and (max-width: 639px) {
      .popup-search .search-form .search-result-message {
        padding: 32px 0 9px; } }

.popup-search .search-results {
  border-top: 2px solid #e4e4e4;
  display: table-cell;
  width: 100%;
  height: 100%;
  padding-top: 111px; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    .popup-search .search-results {
      border-width: 1px;
      padding-top: 84px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .popup-search .search-results {
      border-width: 1px;
      padding-top: 64px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    .popup-search .search-results {
      border-width: 1px;
      padding-top: 73px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    .popup-search .search-results {
      border-width: 1px;
      padding-top: 83px; } }
  @media screen and (max-width: 639px) {
    .popup-search .search-results {
      border-width: 1px;
      padding-top: 66px; } }
  .popup-search .search-results b {
    font-weight: inherit;
    padding: 5px 0; }
  .popup-search .search-results .scroll > .scroll-pane {
    display: none;
    width: 2px;
    background: #d9d9d9; }
  .popup-search .search-results .search-popup-wrapper {
    height: 100%; }
  .popup-search .search-results .search-result {
    display: block;
    float: left;
    width: 50%;
    margin-bottom: 126px;
    padding-right: 175px;
    text-decoration: none; }
    @media screen and (max-width: 2295px) and (min-width: 1721px) {
      .popup-search .search-results .search-result {
        margin-bottom: 96px;
        padding-right: 52px; } }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
      .popup-search .search-results .search-result {
        margin-bottom: 67px;
        padding-right: 50px; } }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
      .popup-search .search-results .search-result {
        margin-bottom: 67px;
        padding-right: 60px; } }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
      .popup-search .search-results .search-result {
        width: 100%;
        margin-bottom: 76px;
        padding-right: 0; } }
    @media screen and (max-width: 639px) {
      .popup-search .search-results .search-result {
        width: 100%;
        margin-bottom: 68px;
        padding-right: 0; } }
    .popup-search .search-results .search-result .search-result-title {
      margin-bottom: 24px;
      text-decoration: underline;
      text-transform: uppercase; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .popup-search .search-results .search-result .search-result-title {
          margin-bottom: 17px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .popup-search .search-results .search-result .search-result-title {
          margin-bottom: 18px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .popup-search .search-results .search-result .search-result-title {
          margin-bottom: 18px; } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .popup-search .search-results .search-result .search-result-title {
          margin-bottom: 16px; } }
      @media screen and (max-width: 639px) {
        .popup-search .search-results .search-result .search-result-title {
          margin-bottom: 16px; } }
    .popup-search .search-results .search-result .search-result-description {
      height: 64px;
      overflow: hidden;
      margin-bottom: 36px;
      text-transform: none; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .popup-search .search-results .search-result .search-result-description {
          height: 48px;
          margin-bottom: 27px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .popup-search .search-results .search-result .search-result-description {
          height: 44px;
          margin-bottom: 37px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .popup-search .search-results .search-result .search-result-description {
          height: 44px;
          margin-bottom: 34px; } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .popup-search .search-results .search-result .search-result-description {
          height: 48px;
          margin-bottom: 27px; } }
      @media screen and (max-width: 639px) {
        .popup-search .search-results .search-result .search-result-description {
          height: 44px;
          margin-bottom: 34px; } }
    .popup-search .search-results .search-result .search-result-section {
      text-transform: none; }

#white-theme .popup-search .search-form .input-search input[type=text] {
  background: #f3f3f3;
  color: #212121; }
  #white-theme .popup-search .search-form .input-search input[type=text]::-webkit-input-placeholder {
    color: #a1a1a1;
    -webkit-transition: color .6s ease;
    -o-transition: color .6s ease;
    transition: color .6s ease; }
  #white-theme .popup-search .search-form .input-search input[type=text]::-moz-placeholder {
    color: #a1a1a1;
    -webkit-transition: color .6s ease;
    -o-transition: color .6s ease;
    transition: color .6s ease; }
  #white-theme .popup-search .search-form .input-search input[type=text]:-moz-placeholder {
    color: #a1a1a1;
    -webkit-transition: color .6s ease;
    -o-transition: color .6s ease;
    transition: color .6s ease; }
  #white-theme .popup-search .search-form .input-search input[type=text]:-ms-input-placeholder {
    color: #a1a1a1;
    -webkit-transition: color .6s ease;
    -o-transition: color .6s ease;
    transition: color .6s ease; }
  #white-theme .popup-search .search-form .input-search input[type=text]:focus::-webkit-input-placeholder, #white-theme .popup-search .search-form .input-search input[type=text]:hover::-webkit-input-placeholder {
    color: #212121; }
  #white-theme .popup-search .search-form .input-search input[type=text]:focus::-moz-placeholder, #white-theme .popup-search .search-form .input-search input[type=text]:hover::-moz-placeholder {
    color: #212121; }
  #white-theme .popup-search .search-form .input-search input[type=text]:focus:-moz-placeholder, #white-theme .popup-search .search-form .input-search input[type=text]:hover:-moz-placeholder {
    color: #212121; }
  #white-theme .popup-search .search-form .input-search input[type=text]:focus:-ms-input-placeholder, #white-theme .popup-search .search-form .input-search input[type=text]:hover:-ms-input-placeholder {
    color: #212121; }

#white-theme .popup-search .search-form .input-search svg {
  fill: #262626; }

#white-theme .popup-search .search-results {
  border-color: #e4e4e4; }
  #white-theme .popup-search .search-results .search-result {
    color: #262626; }
    #white-theme .popup-search .search-results .search-result b {
      background-color: #fbea3a; }
    #white-theme .popup-search .search-results .search-result .search-result-section {
      color: #aaaaaa; }

.search-popup-category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.search-category-title {
  margin-top: 25px;
  margin-bottom: 25px; }
  .search-category-title__link {
    color: #262626;
    text-transform: uppercase;
    text-decoration: none;
transition:background .2s ease; }

@media screen and (min-width: 1400px) {
	.search-category-title__link {
		position: relative;
	}
	.search-category-title__link::before {
		content: "";
		position: absolute;
		display: block;
		bottom: 0;
		left: 0;
		height: 17px;
		width: 0;
		background:#fbea3a;
		z-index: -1;
	}
	.search-category-title__link:hover::before {
		width: 100%;
	}
}

.search-category-list {
  font-family: Helvetica, sans-serif; }
  .search-category-list span {
    position: absolute;
	top:-25px;
    z-index: 5; }
  .search-category-list li {
      position: relative;
      margin-bottom: 14px;
     width: 70%;
     height:23px;
      }
    .search-category-list li a {
      /*position: relative;*/
      display:inline-block;
      text-decoration: none;
      color: #262626;
      padding: 10px 20px; }
      .search-category-list li a:hover {
        -webkit-transition: all .6s ease;
        -o-transition: all .6s ease;
        transition: all .6s ease;
        }
      .search-category-list li a:before {
        content: "";
        width:8px;
        height: 8px;
        display: block;
        position: absolute;
        top: 9px;
        left: 0;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
        background: #fbea3a;
        z-index: 0;
        -webkit-transition: height .2s ease .6s, width .6s ease;
        -o-transition: height .2s ease .6s, width .6s ease;
        transition: height .2s ease .6s, width .6s ease;
        z-index: 2; }

@media screen and (max-width: 640px) {
      .search-category-list li a:before {
        top: 0;

}

}


@media screen and (min-width: 1000px) and (max-width: 1299px) {
      .search-category-list li a:before {
        top: 0;

}

}


@media screen and (max-width: 1000px) {
      .search-category-list li a:before {
        display:none !important;
}
.search-category-list li a {
 padding:10px 20px 10px 2px;
}

}



@media screen and (min-width: 1720px) {
      .search-category-list li a:before {
        top: 14px;

}

}

@media screen and (min-width: 1400px) {
        .search-category-list li a:hover::before{
          height: 100%;
          min-width: calc(100%);
          -webkit-transition: height .2s ease, width .6s ease;
          -o-transition: height .2s ease, width .6s ease;
          transition: height .2s ease, width .6s ease;
		  }}





.search-category-block {
  width: 33.33333%; }
  @media screen and (max-width: 1000px) {
    .search-category-block {
      width: 100%; } }

#black-theme .popup-search .search-form .input-search input[type=text] {
  background: #232730;
  color: #aaabad; }
  #black-theme .popup-search .search-form .input-search input[type=text]::-webkit-input-placeholder {
    color: #aaabad;
    -webkit-transition: color .6s ease;
    -o-transition: color .6s ease;
    transition: color .6s ease; }
  #black-theme .popup-search .search-form .input-search input[type=text]::-moz-placeholder {
    color: #aaabad;
    -webkit-transition: color .6s ease;
    -o-transition: color .6s ease;
    transition: color .6s ease; }
  #black-theme .popup-search .search-form .input-search input[type=text]:-moz-placeholder {
    color: #aaabad;
    -webkit-transition: color .6s ease;
    -o-transition: color .6s ease;
    transition: color .6s ease; }
  #black-theme .popup-search .search-form .input-search input[type=text]:-ms-input-placeholder {
    color: #aaabad;
    -webkit-transition: color .6s ease;
    -o-transition: color .6s ease;
    transition: color .6s ease; }
  #black-theme .popup-search .search-form .input-search input[type=text]:focus::-webkit-input-placeholder, #black-theme .popup-search .search-form .input-search input[type=text]:hover::-webkit-input-placeholder {
    color: #aaabad; }
  #black-theme .popup-search .search-form .input-search input[type=text]:focus::-moz-placeholder, #black-theme .popup-search .search-form .input-search input[type=text]:hover::-moz-placeholder {
    color: #aaabad; }
  #black-theme .popup-search .search-form .input-search input[type=text]:focus:-moz-placeholder, #black-theme .popup-search .search-form .input-search input[type=text]:hover:-moz-placeholder {
    color: #aaabad; }
  #black-theme .popup-search .search-form .input-search input[type=text]:focus:-ms-input-placeholder, #black-theme .popup-search .search-form .input-search input[type=text]:hover:-ms-input-placeholder {
    color: #aaabad; }

#black-theme .popup-search .search-form .input-search svg {
  fill: #919398; }

#black-theme .popup-search .search-results {
  border-color: #aaabad; }
  #black-theme .popup-search .search-results b {
    background-color: #3e4349; }
  #black-theme .popup-search .search-results .search-result {
    color: #fff; }
    #black-theme .popup-search .search-results .search-result .search-result-section {
      color: #6c798a; }

#black-theme .search-category-title__link {
  color: #fff; }

#black-theme .search-category-list a {
  color: #fff; }
  #black-theme .search-category-list a:hover {
    color: #000; }

@media screen and (max-width: 1000px) {
  .popup-tooltip > .table {
    height: 100%; }
    .popup-tooltip > .table .table-cell {
      height: 100%; }
  .popup-tooltip .popup-modal__popup-container {
    height: 100%; }
  .popup-tooltip .popup-modal__content {
    height: 100%; } }

.popup-tooltip img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto; }

.popup-tooltip-content {
  height: 100%;
  padding-top: 110px; }

.popup-tooltip-wrapper {
  margin: 30px;
  width: calc(100% - 30px*2); }

@media screen and (max-width: 2295px) and (min-width: 1721px) {
  .popup-tooltip-wrapper {
    margin: 25px;
    width: calc(100% - 25px*2); }
  .popup-tooltip-content {
    padding-top: 80px; } }

@media screen and (max-width: 1720px) and (min-width: 1301px) {
  .popup-tooltip-content {
    padding-top: 70px; }
  .popup-tooltip-wrapper {
    margin: 20px;
    width: calc(100% - 20px*2); } }

@media screen and (max-width: 1300px) and (min-width: 1001px) {
  .popup-tooltip-content {
    padding-top: 60px; }
  .popup-tooltip-wrapper {
    margin: 20px;
    width: calc(100% - 20px*2); } }

@media screen and (max-width: 1000px) and (min-width: 640px) {
  .popup-tooltip-content {
    padding-top: 0;
    height: calc(100% - 74px); }
  .popup-tooltip-wrapper {
    margin: 20px;
    width: calc(100% - 20px*2); } }

@media screen and (max-width: 639px) {
  .popup-tooltip-content {
    padding-top: 0;
    height: calc(100% - 52px); }
  .popup-tooltip-wrapper {
    margin: 15px;
    width: calc(100% - 15px*2); } }

.popup-menu__close-layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1; }

.main-menu {
  width: 910px;
  height: 100%;
  position: relative;
  z-index: 2; }
  .main-menu .scroll > .scroll-pane {
    right: 15px; }
  .main-menu__header {
    height: 110px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .main-menu__btn-close {
    cursor: pointer;
    display: inline-block;
    position: relative;
    height: 100%;
    width: 110px;
    background-color: #fbea3a;
    -webkit-transition: background .6s ease;
    -o-transition: background .6s ease;
    transition: background .6s ease; }
  .main-menu__menu-title {
    margin-left: 33px;
    position: relative; }
    .main-menu__menu-title a {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 1; }
    .main-menu__menu-title_mobile {
      display: none; }
    .main-menu__menu-title svg {
      fill: #262626; }
  .main-menu__phone_mobile {
    border-bottom: 2px solid #f3f3f3;
    display: none;
    height: 72px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding: 0 18px; }
    .main-menu__phone_mobile a {
      color: inherit;
      text-decoration: none; }
  .main-menu__auth_mobile {
    display: none;
    height: 90px;
    border-bottom: 2px solid #f3f3f3;
    padding: 0 70px; }
  .main-menu__auth-wrapper {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    float: left;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    height: 100%;
    width: 50%; }
  .main-menu__content {
    height: calc(100% - 110px); }
  .main-menu__wrapper {
    margin-left: 143px;
    margin-right: 20px;
    margin-bottom: 70px; }
  .main-menu__items-title {
    display: inline-block;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    padding: 0 20px;
    margin: 64px -20px 0;
    }
    .main-menu__items-title:first-child {
      margin-top: 58px; }
    .main-menu__items-title span {
      position: relative;
      z-index: 2; }
    .main-menu__items-title:after {
      background-color: #fbea3a;
      content: "";
      display: block;
      position: absolute;
      bottom: 0;
      left: 0;
      height: 18px;
      width: 0%;
      -webkit-transition: width .6s ease;
      -o-transition: width .6s ease;
      transition: width .6s ease;
      z-index: 1; }
  .main-menu__items li {
    margin-top: 16px; }
  .main-menu__item {
    margin: 0 -14px;
    padding: 7px 14px;
    position: relative;
    -webkit-transition: color .6s ease;
    -o-transition: color .6s ease;
    transition: color .6s ease;
    text-decoration: none;
    }
    .main-menu__item span {
      position: relative;
      z-index: 2; }
    .main-menu__item:after {
	  background-color: #fbea3a;
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 0;
      -webkit-transition: width .6s ease;
      -o-transition: width .6s ease;
      transition: width .6s ease;
      z-index: 1;}

@media screen and (max-width: 2295px) and (min-width: 1721px) {
  .main-menu {
    width: 704px; }
    .main-menu .scroll > .scroll-pane {
      right: 16px; }
    .main-menu__header {
      height: 80px; }
    .main-menu__btn-close {
      width: 80px; }
    .main-menu__menu-title {
      margin-left: 27px; }
    .main-menu__content {
      height: calc(100% - 80px); }
    .main-menu__wrapper {
      margin-left: 107px;
      margin-right: 20px;
      margin-bottom: 53px; }
    .main-menu__items-title {
      padding: 0 20px;
      margin: 48px -20px 0; }
      .main-menu__items-title:first-child {
        margin-top: 45px; }
    .main-menu__items li {
      margin-top: 12px; }
    .main-menu__item {
      margin: 0 -10px;
      padding: 2px 10px; } }

@media screen and (max-width: 1720px) and (min-width: 1301px) {
  .main-menu {
    width: 455px; }
    .main-menu .scroll > .scroll-pane {
      right: 16px; }
    .main-menu__header {
      height: 65px; }
    .main-menu__btn-close {
      width: 65px; }
    .main-menu__menu-title {
      margin-left: 20px; }
    .main-menu__content {
      height: calc(100% - 65px); }
    .main-menu__wrapper {
      margin-left: 85px;
      margin-right: 20px;
      margin-bottom: 15px; }
    .main-menu__items-title {
      padding: 0 14px;
      margin: 23px -14px 0; }
      .main-menu__items-title:first-child {
        margin-top: 19px; }
    .main-menu__items li {
      margin-top: 4px; }
    .main-menu__item {
      margin: 0 -7px;
      padding: 2px 7px; } }

@media screen and (max-width: 1300px) {
  .main-menu {
    width: 380px; }
    .main-menu .scroll > .scroll-pane {
      right: 16px; }
    .main-menu__header {
      height: 50px; }
    .main-menu__btn-close {
      width: 50px; }
    .main-menu__menu-title {
      margin-left: 14px; }
    .main-menu__content {
      height: calc(100% - 50px); }
    .main-menu__wrapper {
      margin-left: 64px;
      margin-right: 20px;
      margin-bottom: 15px; }
    .main-menu__items-title {
      padding: 0 10px;
      margin: 35px -10px 0; }
      .main-menu__items-title:first-child {
        margin-top: 43px; }
    .main-menu__items li {
      /*margin-top: 4px;*/ }
    .main-menu__item {
      margin: 0 -6px;
      padding: 2px 10px;
      } }

@media screen and (min-width: 1000px) {
  .main-menu__items-title:hover:after {
    width: 100%; }
  .main-menu__item:hover:after {
    width: 100%; } }

@media screen and (max-width: 1000px) {
  .main-menu {
    width: 100%; }
    .main-menu .scroll > .scroll-pane {
      display: none !important; }
    .main-menu__header {
      height: 72px;
      border-bottom: 2px solid #f3f3f3; }
    .main-menu__btn-close {
      width: 70px; }
    .main-menu__menu-title {
      margin-left: 17px; }
      .main-menu__menu-title svg {
        display: none; }
      .main-menu__menu-title_mobile {
        display: block; }
    .main-menu__auth_mobile {
      display: block; }
    .main-menu__content {
      height: auto; }
    .main-menu__wrapper {
      margin-left: 70px;
      margin-right: 0;
      margin-bottom: 0px;
      }
    .main-menu__items-title {
      /*margin: 0px 0 0;
      padding: 0;*/
      }
      .main-menu__items-title:first-child {
        /*margin-top: 0px;*/
        }
    .main-menu__items li {
      /*margin-top: 0px;*/
      }
    .main-menu__item {
      margin: 0;
      padding: 2px 0; } }

@media screen and (max-width: 639px) {
  .main-menu__header {
    height: 52px;
    border-bottom: 2px solid #f3f3f3; }
  .main-menu__btn-close {
    width: 50px; }
  .main-menu__menu-title {
    margin-left: 17px; }
  .main-menu__phone_mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .main-menu__auth_mobile {
    height: 72px;
    padding: 0 18px; }
  .main-menu__content {
    height: calc(100% - 52px); }
  .main-menu__wrapper {
    margin-left: 18px;
    margin-right: 18px;
    margin-bottom: 43px; }
  .main-menu__items-title {
    /*margin: 0px 0 0;
    padding: 0;*/
    }
    .main-menu__items-title:first-child {
      /*margin-top: 0px;*/
      }
  .main-menu__items li {
    margin-top: 15px; } }

#white-theme .popup-menu {
  background-color: rgba(0, 0, 0, 0.75); }

#white-theme .main-menu {
  background-color: #fff; }
  #white-theme .main-menu__items-title {
    color: #262626;
    display: block;
    }
  #white-theme .main-menu__item {
    color: #262626; }

@media screen and (min-width: 1000px) {
  #white-theme .main-menu__btn-close:hover {
    background-color: #fbea3a; } }

#black-theme .popup-menu {
  background-color: rgba(0, 0, 0, 0.75); }

#black-theme .main-menu__btn-close {
  background-color: #0d1115; }
  #black-theme .main-menu__btn-close .svg.svg-cross {
    fill: #fff; }

#black-theme .main-menu {
  background-color: #0d1115; }
  #black-theme .main-menu__header {
    border-color: #141820; }
  #black-theme .main-menu__menu-title svg {
    fill: #fff; }
  #black-theme .main-menu__phone_mobile {
    border-color: #141820; }
  #black-theme .main-menu__auth_mobile {
    border-color: #141820; }
  #black-theme .main-menu__items-title {
    color: #ffffff;
    -webkit-transition: color .6s ease;
    -o-transition: color .6s ease;
    transition: color .6s ease; }
    #black-theme .main-menu__items-title:hover {
      color: #262626; }
  #black-theme .main-menu__item {
    color: #ffffff; }

@media screen and (min-width: 1000px) {
  #black-theme .main-menu__item:hover {
    color: #262626; } }

@media screen and (max-width: 1000px) {
  #black-theme .main-menu__items-title:hover {
    color: #ffffff; } }

.popup-agreement__title {
  margin-bottom: 67px; }

.popup-agreement__subtitle {
  margin-bottom: 39px; }

.popup-agreement__btn-argee-wrapper {
  width: 970px;
  margin-top: 20px; }

@media screen and (max-width: 2295px) and (min-width: 1721px) {
  .popup-agreement__title {
    margin-bottom: 46px; }
  .popup-agreement__subtitle {
    margin-bottom: 18px; }
  .popup-agreement__btn-argee-wrapper {
    width: 714px;
    margin-top: 14px; } }

@media screen and (max-width: 1720px) and (min-width: 1301px) {
  .popup-agreement__title {
    margin-bottom: 35px; }
  .popup-agreement__subtitle {
    margin-bottom: 17px; }
  .popup-agreement__btn-argee-wrapper {
    width: 530px;
    margin-top: 12px; } }

@media screen and (max-width: 1300px) and (min-width: 1001px) {
  .popup-agreement__title {
    margin-bottom: 18px; }
  .popup-agreement__subtitle {
    margin-bottom: 11px; }
  .popup-agreement__btn-argee-wrapper {
    width: 380px;
    margin-top: 12px; } }

@media screen and (max-width: 1000px) {
  .popup-agreement__title {
    margin-bottom: 7px; }
  .popup-agreement__subtitle {
    margin-bottom: 22px; }
  .popup-agreement__btn-argee-wrapper {
    border-top: 2px solid #f3f3f3;
    width: 100%;
    margin: 78px 0 25px;
    padding: 10px 70px 0; } }

@media screen and (max-width: 639px) {
  .popup-agreement__title {
    margin-bottom: 6px; }
  .popup-agreement__subtitle {
    margin-bottom: 18px; }
  .popup-agreement__btn-argee-wrapper {
    margin: 7px 0 14px;
    padding: 14px 16px 0; } }

#black-theme .popup-agreement__btn-argee-wrapper {
  border-color: #141821; }

.popup-video .popup-modal__popup-container {
  padding: 0; }

.popup-video .player {
  height: 100%;
  min-height: 1020px; }

@media screen and (max-width: 2295px) and (min-width: 1721px) {
  .popup-video .player {
    min-height: 900px; } }

@media screen and (max-width: 1720px) and (min-width: 1301px) {
  .popup-video .player {
    min-height: 550px; } }

@media screen and (max-width: 1300px) and (min-width: 1001px) {
  .popup-video .player {
    min-height: 515px; } }

@media screen and (max-width: 1000px) {
  .popup-video .player {
    min-height: 0;
    height: 360px; } }

@media screen and (max-width: 639px) {
  .popup-video .player {
    height: 180px; } }

.popup-modal__close-layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.hidden_input{
  display: none!important;
}

.popup-modal__popup-container {
  margin: 5px auto;
  position: relative;
  width: 2132px;
  min-height: 1020px;
  height: auto;
  z-index: 2;
  padding: 110px 0 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .popup-modal__popup-container_without-header {
    padding-top: 0; }
    .popup-modal__popup-container_without-header .popup-modal__header {
      width: auto;
      right: 0;
      left: auto; }
    .popup-modal__popup-container_without-header .popup-modal__popup-title {
      display: none; }
    .popup-modal__popup-container_without-header .popup-modal__btn-close {
      background-color: #fbea3a; }

.popup-modal__header {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 110px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 50; }

.popup-modal__popup-title {
  margin-left: 70px;
  position: relative; }
  .popup-modal__popup-title_mobile {
    display: none; }
  .popup-modal__popup-title a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1; }

.popup-modal__btn-close {
  cursor: pointer;
  position: relative;
  height: 100%;
  width: 110px; }

.popup-modal__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  height: auto;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.popup-modal__scroll-wrapper {
  width: 1180px;
  height: 718px;
  margin: 0 auto; }

.popup-modal__scroll-wrapper-inner {
  margin-right: 85px; }

@media screen and (max-width: 2295px) and (min-width: 1721px) {
  .popup-modal__popup-container {
    width: 1600px;
    min-height: 900px;
    padding-top: 80px; }
    .popup-modal__popup-container_without-header {
      padding-top: 0; }
  .popup-modal__header {
    height: 80px; }
  .popup-modal__popup-title {
    margin-left: 52px; }
  .popup-modal__btn-close {
    width: 80px; }
  .popup-modal__scroll-wrapper {
    width: 864px;
    height: 680px; }
  .popup-modal__scroll-wrapper-inner {
    margin-right: 55px; } }

@media screen and (max-width: 1720px) and (min-width: 1301px) {
  .popup-modal__popup-container {
    width: 1095px;
    min-height: 550px;
    padding-top: 65px; }
    .popup-modal__popup-container_without-header {
      padding-top: 0; }
  .popup-modal__header {
    height: 65px; }
  .popup-modal__popup-title {
    margin-left: 37px; }
  .popup-modal__btn-close {
    width: 65px; }
  .popup-modal__scroll-wrapper {
    width: 636px;
    height: 388px; }
  .popup-modal__scroll-wrapper-inner {
    margin-right: 32px; } }

@media screen and (max-width: 1300px) and (min-width: 1001px) {
  .popup-modal__popup-container {
    width: 820px;
    min-height: 515px;
    padding-top: 50px; }
    .popup-modal__popup-container_without-header {
      padding-top: 0; }
  .popup-modal__header {
    height: 50px; }
  .popup-modal__popup-title {
    margin-left: 26px; }
  .popup-modal__btn-close {
    width: 50px; }
  .popup-modal__scroll-wrapper {
    width: 450px;
    height: 395px; }
  .popup-modal__scroll-wrapper-inner {
    margin-right: 14px; } }

@media screen and (max-width: 1000px) {
  .popup-modal > .table {
    display: block; }
    .popup-modal > .table .table-cell {
      display: block; }
  .popup-modal__close-layer {
    display: none; }
  .popup-modal__popup-container {
    width: 100%;
    height: auto;
    min-height: 0;
    margin: 0 auto;
    display: block;
    padding: 72px 0 0; }
    .popup-modal__popup-container_without-header .popup-modal__header {
      width: 100%;
      right: auto;
      left: 0; }
    .popup-modal__popup-container_without-header .popup-modal__popup-title {
      display: block; }
  .popup-modal__header {
    border-bottom: 2px solid #f3f3f3;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    height: 72px; }
  .popup-modal__popup-title {
    margin-left: 0; }
    .popup-modal__popup-title_mobile {
      display: block;
      margin-left: 17px; }
    .popup-modal__popup-title svg {
      display: none; }
    .popup-modal__popup-title a {
      display: none; }
  .popup-modal__btn-close {
    width: 70px; }
  .popup-modal__content {
    display: block;
    width: 100%;
    height: auto; }
  .popup-modal__scroll-wrapper {
    width: 500px;
    height: auto;
    margin-top: 70px; }
    .popup-modal__scroll-wrapper > .scroll-content {
      position: static; }
  .popup-modal__scroll-wrapper-inner {
    margin-right: 0; } }

@media screen and (max-width: 639px) {
  .popup-modal__popup-container {
    padding-top: 52px; }
  .popup-modal__header {
    height: 52px; }
  .popup-modal__popup-title_mobile {
    margin-left: 14px; }
  .popup-modal__btn-close {
    width: 50px; }
  .popup-modal__scroll-wrapper {
    width: 280px;
    margin-top: 40px; } }

#white-theme .popup-modal {
  background-color: rgba(0, 0, 0, 0.75);
}
#popup-forgot-password {
    background-color: transparent !important;
}
  #white-theme .popup-modal__popup-container {
    background-color: #fff; }
  #white-theme .popup-modal__header {
    background-color: #fff; }

@media screen and (max-width: 1000px) {
  #white-theme .popup-modal {
    background-color: #fff; }
    #white-theme .popup-modal__btn-close {
      background-color: #fbea3a; } }

#black-theme .popup-modal {
  background-color: rgba(0, 0, 0, 0.75); }
  #black-theme .popup-modal__popup-container {
    background-color: #0d1015; }
    #black-theme .popup-modal__popup-container_without-header .popup-modal__btn-close svg {
      fill: #262626; }
  #black-theme .popup-modal__header {
    background-color: #0d1015; }

@media screen and (max-width: 1000px) {
  #black-theme .popup-modal {
    background-color: #0d1015; }
    #black-theme .popup-modal__header {
      border-color: #141821; }
    #black-theme .popup-modal__btn-close {
      background-color: #fbea3a; }
      #black-theme .popup-modal__btn-close svg {
        fill: #262626; } }

*, *:before, *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: none;
  }

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

.clearfix:after {
  clear: both; }

*::-moz-selection {
  color: #fafafa;
  background: #1d1f24; }

*::selection {
  color: #fafafa;
  background: #1d1f24; }

html, body {
  width: 100%;
  height: 100%;
  font-size: 16px; }

body {margin: 0}

body.overflow {
  overflow: hidden; }

pre {
  word-wrap: break-word; }

.owl-item {
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0) scale(1, 1); }

.rub {
  /*font-family: Rouble; */
	line-height: .2em;
    width: 0.4em;
    border-bottom: .1em solid #000;
	border-color: inherit;
    display: inline-block;
}

body#white-theme {
  background: #f3f3f3;
  color: #262626;
}

body#black-theme {
  background: #21262a;
  color: #f3f3f3; }

hr {
  background: #f3f3f3;
  height: 1px;
  border: 0;
  width: 100%;
  margin: 30px 0; }

.link {
  position: relative;
  padding: 2px 5px;
  display: inline-block; }
  .link span {
    color: #bfbfbf;
    position: relative;
    z-index: 2;
    -webkit-transition: border .6s ease, color .6s ease;
    -o-transition: border .6s ease, color .6s ease;
    transition: border .6s ease, color .6s ease;
    border-bottom: 1px solid #e9e9e9; }
  .link:after {
    content: '';
    width: 0;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #fbea3a;
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease; }
  .link:hover:after {
    width: 100%; }
  .link:hover span {
    border-bottom: 1px solid #fbea3a;
    color: #0d1115; }
/**
 * Owl Carousel v2.2.0
 * Copyright 2013-2016 David Deutsch
 * Licensed under MIT (github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE)
 */
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y; }

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px); }

.owl-carousel .owl-item {
  position: relative;
  min-height: 12px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  }

.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  -webkit-transform-style: preserve-3d; }

.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
  display: none; }

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.owl-carousel.owl-loaded {
  display: block; }

.owl-carousel.owl-loading {
  opacity: 0;
  display: block; }

.owl-carousel.owl-hidden {
  opacity: 0; }

.owl-carousel.owl-refresh .owl-item {
  visibility: hidden; }

.owl-carousel.owl-drag .owl-item {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.owl-carousel.owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab; }

.owl-carousel.owl-rtl {
  direction: rtl; }

.owl-carousel.owl-rtl .owl-item {
  float: right; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut; }

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  -webkit-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out; }

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease; }

.owl-carousel .owl-item img.owl-lazy {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d; }

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url(/images/owl.video.play.png) no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: -webkit-transform 100ms ease;
  -webkit-transition: -webkit-transform 100ms ease;
  -o-transition: transform 100ms ease;
  transition: transform 100ms ease;
  transition: transform 100ms ease, -webkit-transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
  -webkit-transform: scale(1.3, 1.3);
  -ms-transform: scale(1.3, 1.3);
  transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }
/*

    .content-wrapper #filter_form { margin-top:80px }

    @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .content-wrapper #filter_form { margin-top:80px }
    }
    @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .content-wrapper #filter_form { margin-top:70px }
    }
    @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .content-wrapper #filter_form { margin-top:55px }
    }
    @media screen and (max-width: 1000px) and (min-width: 640px) {
        .content-wrapper #filter_form { margin-top:70px }
    }
    @media screen and (max-width: 639px) {
        .content-wrapper #filter_form { margin-top:36px }
    }
*/


.bx-sls .bx-ui-sls-container { min-height: 50px !important; }
@media screen and (max-width: 2295px) and (min-width: 1721px) {
	.bx-sls .bx-ui-sls-container { min-height: 70px !important; }
}
@media screen and (max-width: 1000px) and (min-width: 639px) {
	.bx-sls .bx-ui-sls-container { min-height: 70px !important; }

}

#popup-sign-in {z-index:4000;}
#capcha {display:none !important;}
.capcha {display:none !important;}
.capchaFeedback{display:none !important;}


@media screen and (min-width: 1720px) {
.product .product-img .box_iso {
margin-top:160px !important;
margin-left:240px !important;
}
}

.clients__grid {
display:none !important;
}

.checkbox-table label .checkbox-table-title {
width: auto !important;
}

/*
@media screen and (max-width: 2295px) and (min-width: 1721px){
.description-page-dot {
    height: 96px !important;
}
}
@media screen and (max-width: 1720px) and (min-width: 1301px){
.description-page-dot {
    height: 66px !important;
}
}

@media screen and (max-width: 1000px) and (min-width: 640px){
.description-page-dot {
    height: 144px !important;
}
}
*/

.description-page-dot {/*height:auto !important;*/}

 .text-margin > img{width: 100%; }


      @media screen and (max-width: 1200px) and (min-width: 1000px) {
    .bottom-navigation .prev-page .nav-bottom-pointer, .bottom-navigation .next-page .nav-bottom-pointer {
      width: 20%;}
    .bottom-navigation .prev-page .nav-bottom-title, .bottom-navigation .next-page .nav-bottom-title {
	width:80%;}
	}


.input.input-file.input-margin .formerase {
    margin-top: 15px !important;
}
#filename_feedback {
    position: relative;
    top: -15px;
}

@media screen and (max-width: 1300px) and (min-width: 1000px) {
.input.input-file.input-margin .formerase {
    margin-top: 10px !important;
}
#filename_feedback {
    position: relative;
    top: -8px;
}

}

@media screen and (max-width: 1000px) {
.input.input-file.input-margin .formerase {
    margin-top: 10px !important;
}
#filename_feedback {
    position: relative;
    top: -8px;
}

}


@media screen and (max-width: 640px) {
.input.input-file.input-margin .formerase {
    margin-top: 50px !important;
right:60px;
}
}


.text-wrapper P IMG {
	max-width:100%;
}

@media screen and (max-width: 640px) {

.order-auth-buton.btn-main-static {
margin-bottom:20px;
}

}

@media screen and (max-width: 1400px) {
.search-category-list li a:before {
width:8px !important;
height:8px !important;
}
}

.form-personal-info .input .input_label-left {
/*margin-left:0 !important;*/
}

.form-personal-info .input input[type=text], .form-personal-info .input input[type=password], .form-personal-info .input input[type=number], .form-personal-info .input textarea {
/*padding-left:0 !important;*/
}

.form-personal-info .btn-main-static {
float:left;
}

@media screen and (min-width: 1300px){
#send_vacancy_form .btn-main-static.vacancy-resume-send {
top:-50px;
}
}
@media screen and (max-width: 1299px) and (min-width: 1000px) {
#send_vacancy_form .btn-main-static.vacancy-resume-send {
top:-65px;
}
}

@media screen and (max-width: 639px){
.aside-menu__link {width:100%;}
.aside-menu__separator {position:absolute;right:10px;top:50%;margin-top:-8px;}
}

.section-filter-right{/* display:none; */}

@media screen and (max-width: 1000px) {
#send_vacancy_form .input-file {
	overflow:hidden;
}
}



    .content-wrapper .content-wrapper_main .main_content-block {
      background: #fff;
      padding: 52px;
      margin-bottom: 21px;
      padding-top: 47px; }
      @media screen and (max-width: 2295px) and (min-width: 1721px) {
        .content-wrapper .content-wrapper_main .main_content-block {
          padding: 40px;
          padding-bottom: 25px;
          padding-top: 37px;
          margin-bottom: 15px; } }
      @media screen and (max-width: 1720px) and (min-width: 1301px) {
        .content-wrapper .content-wrapper_main .main_content-block {
          padding: 29px;
          padding-bottom: 22px;
          padding-top: 24px;
          margin-bottom: 16px; } }
      @media screen and (max-width: 1300px) and (min-width: 1001px) {
        .content-wrapper .content-wrapper_main .main_content-block {
          padding: 29px;
          padding-top: 24px;
          padding-bottom: 20px;
          margin-bottom: 12px; } }
      @media screen and (max-width: 1000px) and (min-width: 640px) {
        .content-wrapper .content-wrapper_main .main_content-block {
          padding: 25px;
          padding-top: 20px;
          padding-bottom: 42px;
          margin-bottom: 21px; } }
      @media screen and (max-width: 639px) {
        .content-wrapper .content-wrapper_main .main_content-block {
          padding: 23px 16px 28px;
          margin-bottom: 12px; } }
      .content-wrapper .content-wrapper_main .main_content-block .wrapper_title-part {
        margin-bottom: 36px; }
        @media screen and (max-width: 2295px) and (min-width: 1721px) {
          .content-wrapper .content-wrapper_main .main_content-block .wrapper_title-part {
            margin-bottom: 26px; } }
        @media screen and (max-width: 1720px) and (min-width: 1301px) {
          .content-wrapper .content-wrapper_main .main_content-block .wrapper_title-part {
            margin-bottom: 19px; } }
        @media screen and (max-width: 1300px) and (min-width: 1001px) {
          .content-wrapper .content-wrapper_main .main_content-block .wrapper_title-part {
            margin-bottom: 18px; } }
        @media screen and (max-width: 1000px) and (min-width: 640px) {
          .content-wrapper .content-wrapper_main .main_content-block .wrapper_title-part {
            margin-bottom: 28px; } }
        @media screen and (max-width: 639px) {
          .content-wrapper .content-wrapper_main .main_content-block .wrapper_title-part {
            margin-bottom: 17px; } }
@media screen and (max-width: 1000px){
	.popup-sign-in__btn-forgot-pass {
	  display: block;
	  margin-top: 20px;
	  margin-left: 0;
	  }
  }

@media screen and (min-width: 1001px) {
	.is-desctop-hide {
		display: none !important;
	}
}



/* xleto */


.text-button {
	background: #fbea3a;
	color: #262626;
	cursor: pointer;
	text-transform: uppercase;
	-webkit-transition: background .6s ease, color .6s ease;
	-o-transition: background .6s ease, color .6s ease;
	transition: background .6s ease, color .6s ease;
	line-height: 88px;
	font-size: 20px !important;
	padding: 0px 15px;
	border-radius: 44px;
	width: 400px;
	display: inline-block;
	vertical-align: middle;
	margin: 0 0px;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
}

.text-button:hover {background: #262626; color: #fbea3a}
	@media screen and (max-width: 2295px) { .text-button {width: auto;  line-height: 88px; padding: 0px 80px; border-radius: 44px; font-size: 18px !important;} }
	@media screen and (max-width: 1300px) { .text-button {width: auto;  line-height: 70px; padding: 0px 60px; border-radius: 35px; font-size: 16px !important;} }
	@media screen and (max-width: 1000px) { .text-button {width: auto;  line-height: 60px; padding: 0px 40px; border-radius: 30px; font-size: 14px !important;} }
	@media screen and (max-width: 639px)  { .text-button {width: auto;  line-height: 50px; padding: 0px 25px; border-radius: 25px; font-size: 13px !important; /* margin: 20px auto 0 !important; */ } }





/* Tiles in articles */



.plitka-with-link {
margin-top: 30px;
margin-bottom: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: relative }

.plitka-with-link .plitka-with-link-item {
	margin-top: 1em;
	width: 33.33%;
}

.plitka-with-link .plitka-with-link-item-image {
    padding: 8px;
    position: relative;
}

@media screen and (max-width: 1720px) and (min-width: 1301px) {
	.plitka-with-link .plitka-with-link-item { width: 33.33%; }
}
@media screen and (max-width: 1300px) and (min-width: 1001px) {
	.plitka-with-link .plitka-with-link-item { width: 33.33%; }
}
@media screen and (max-width: 1000px) {
	.plitka-with-link .plitka-with-link-item { width: 50%; }
}
@media screen and (max-width: 639px) {
	.plitka-with-link .plitka-with-link-item { width: 100%; }
}
.plitka-with-link .plitka-with-link-item-image img {
      max-width: 100%;
      max-height: 100%;
      display: inline-block;
}
.plitka-with-link .plitka-with-link-item-image p {
      padding-right: 5px;
      padding-left: 5px;
      margin-top: 2px;
font-size: 92%;
}

.plitka-with-link .plitka-with-link-item {margin-bottom: 30px}
.plitka-with-link .plitka-with-link-item .main-title-text.h11 {position: absolute; bottom: 0; margin-left: 13px}

	@media screen and (max-width: 1300px) and (min-width: 1001px) {
	  .plitka-with-link .plitka-item .main-title-text.h11 {max-width: 145px} }

	@media screen and (max-width: 1000px) and (min-width: 640px) {
	  .plitka-with-link .plitka-with-link-item {position: relative}
	  .plitka-with-link .plitka-with-link-item .main-title-text.h11 {bottom: -30px} }

	@media screen and (max-width: 639px) {
		.plitka-with-link .plitka-with-link-item .main-title-text.h11 {position: static} }




.plitka {
margin-top: 30px;
margin-bottom: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}


.plitka .plitka-item {
	margin-top: 1em;
	width: 33.33%;
}

.plitka .plitka-item-image {
    padding: 8px;
    position: relative;
}

@media screen and (max-width: 1720px) and (min-width: 1301px) {
	.plitka .plitka-item { width: 33.33%; }
}
@media screen and (max-width: 1300px) and (min-width: 1001px) {
	.plitka .plitka-item { width: 33.33%; }
}
@media screen and (max-width: 1000px) {
	.plitka .plitka-item { width: 50%; }
}
@media screen and (max-width: 639px) {
	.plitka .plitka-item { width: 100%; }
}
.plitka .plitka-item-image img {
      max-width: 100%;
      max-height: 100%;
      display: inline-block;
}
.plitka .plitka-item-image p {
      padding-right: 5px;
      padding-left: 5px;
      margin-top: 2px;
font-size: 92%;
}


.plitka-t {
margin-top: 30px;
margin-bottom: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}

.plitka-t .plitka-t-item {
width: 50%;
}

.plitka-t .plitka-t-item-image {
    position: relative;
}

@media screen and (max-width: 1720px) and (min-width: 1301px) {
	.plitka-t .plitka-t-item { width: 50%; }
}
@media screen and (max-width: 1300px) and (min-width: 1001px) {
	.plitka-t .plitka-t-item { width: 50%; }
}
@media screen and (max-width: 1000px) {
	.plitka-t .plitka-t-item { width: 50%; }
}
@media screen and (max-width: 639px) {
	.plitka-t .plitka-t-item { width: 100%; }
}
.plitka-t .plitka-t-item img {
      padding: 5px 6px;
      max-width: 100%;
      max-height: 100%;
      display: inline-block;
}
.plitka-t .plitka-t-item p {
      margin-top: 0px;
      padding-right: 5px;
      padding-left: 5px;
}



.hover__link {
    position: relative;
    /* text-decoration: none; */
    color: #262626;
    display: inline-block;
    cursor: pointer; }

    .hover__link:hover:before {
      width: 100%;
      height: 100%;
      -webkit-transition: width .6s ease .3s, height .4s ease;
      -o-transition: width .6s ease .3s, height .4s ease;
      transition: width .6s ease .3s, height .4s ease; }

    .hover__link:before {
      content: '';
      display: block;
      top: 50%;
      left: 0;
      background-color: #fbea3a;
      width: 1px;
      height: 1px;
      position: absolute;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
      -webkit-transition: width .6s ease, height .4s ease .5s;
      -o-transition: width .6s ease, height .4s ease .5s;
      transition: width .6s ease, height .4s ease .5s; }

    .hover__link span {
      position: relative;
      z-index: 2; }


/* Nancycat */
.block-big .block-desc-dot {margin-left: 3px; bottom: -1px; width: 21px}

	@media screen and (max-width: 2295px) and (min-width: 1721px) {
	  .block-big .block-desc-dot {width: 12px} }
	@media screen and (max-width: 1720px) and (min-width: 1301px) {
	  .block-big .block-desc-dot {width: 12px; bottom: -1px} }
	@media screen and (max-width: 1300px) and (min-width: 1001px) {
	  .block-big .block-desc-dot {width: 12px; bottom: 1px}
	  .block-services.block-big .block-desc-dot {bottom: 0} }
	@media screen and (max-width: 1000px) and (min-width: 640px) {
	  .block-big .block-desc-dot {width: 12px; bottom: -5px}
	  .block-services.block-big .block-desc-dot {bottom: -4px} }
	@media screen and (max-width: 639px) {
	  .block-big .block-desc-dot {width: 12px; bottom: -6px} }

.block-big .block-desc-dot .svg {width: 100%; height: auto}
.block-big .block-desc-dot svg.svg-dots.pos-center {top: 50%!important}

#feedback_form {position: relative}
#feedback_form .input.input-file.input-margin {padding-bottom: 33px}
#feedback_form .input.input-file.input-margin .formerase {margin-top: 15px !important}
#feedback_form .notice-required {position: absolute; left: 0; bottom: 0; width: auto}
#feedback_form #filename_feedback {top: -15px}

	@media screen and (max-width: 2295px) and (min-width: 1721px) {
	  #feedback_form #filename_feedback {top: -13px}
	  #feedback_form .input.input-file.input-margin .formerase {margin-top: 7px !important} }
	@media screen and (max-width: 1720px) and (min-width: 1301px) {
	  #feedback_form .input.input-file.input-margin {padding-bottom: 24px}
	  #feedback_form #filename_feedback {top: -12px}
	  #feedback_form .input.input-file.input-margin .formerase {margin-top: 4px !important} }
	@media screen and (max-width: 1300px) and (min-width: 1001px) {
	  #feedback_form .btn-main {margin-bottom: 0}
	  #feedback_form .input.input-file.input-margin {padding-bottom: 19px}
	  #feedback_form #filename_feedback {top: -8px; padding: 0 14px; width: 240px!important}
	  #feedback_form .input.input-file.input-margin .formerase {margin-top: 6px !important; margin-bottom: 0!important; margin-left: 0!important; top: -8px} }
	@media screen and (max-width: 1000px) {
	  #feedback_form #filename_feedback {width: 445px!important; top: 0; display: block; padding: 0}
	  #feedback_form .input.input-file.input-margin .formerase {margin-bottom: 0!important; margin-left: 0!important; top: 44px; right: 0!important}
	  #feedback_form .popup-sign-in .btn-main-static {float: none}
	  #feedback_form .btn-main-static {position: absolute; left: 0; bottom: 0}
	  #feedback_form .notice-required {bottom: 120px}
	  #feedback_form .text_info_feedback {display: block}
	  #feedback_form .text_info_feedback .h8.color_text {display: block; text-align: left !important; padding: 0 0 50px; white-space: normal} }
	@media screen and (max-width: 1000px) and (min-width: 640px) {
	  #feedback_form .input-message, #feedback_form #offer-message {margin-bottom: 0}
	  #feedback_form .input.input-file.input-margin {margin-bottom: 0} }
	@media screen and (max-width: 639px) {
	  #feedback_form {margin-bottom: -20px}
	  #feedback_form .popup-sign-in .upload_file-btn {float: none}
	  #feedback_form #filename_feedback {width: 230px !important}
	  #feedback_form .input.input-file.input-margin .formerase {margin-top: 0!important}
	  #feedback_form .input.input-file.input-margin {margin-bottom: 0}
	  #feedback_form .notice-required {bottom: 150px}
	  #feedback_form .btn-main-static {bottom: 20px} }

.cookies_block {position: fixed; left: 0; bottom: 0; width: 100%; background: #fff; box-shadow: 0 0 15px #c6c6c6; text-align: center; z-index: 200; padding: 55px 0}
.cookies_block a {color: #000}
.cookies_block p, .cookies_block div {display: inline-block; vertical-align: middle; margin: 0 20px}
.cookies_block p br {display: none}
.cookies_close {background: #fbea3a; color: #262626; cursor: pointer; text-transform: uppercase; -webkit-transition: background .6s ease, color .6s ease; -o-transition: background .6s ease, color .6s ease; transition: background .6s ease, color .6s ease; line-height: 40px; padding: 15px 0; border-radius: 35px; width: 240px}
.cookies_close:hover {background: #262626; color: #fbea3a}
	@media screen and (max-width: 2295px) {
		.cookies_block {padding: 38px 0}
		.cookies_block p, .cookies_block div {margin: 0 15px}
		.cookies_close {width: auto; padding: 2px 50px} }
	@media screen and (max-width: 1300px) {
		.cookies_block {padding: 35px 0}
		.cookies_close {padding: 0 40px; border-radius: 20px} }
	@media screen and (max-width: 1000px) {
		.cookies_block {padding: 40px 0; font-size: 12px!important}
		.cookies_block p, .cookies_block div {margin: 0 9px}
		.cookies_close {font-size: 12px !important} }
	@media screen and (max-width: 639px) {
		.cookies_block {padding: 28px 0; font-size: 14px!important}
		.cookies_block p, .cookies_block div {display: block; margin: 0}
		.cookies_block p {line-height: 20px}
		.cookies_block p br {display: inline}
		.cookies_close {font-size: 12px !important; padding: 0; margin: 20px auto 0 !important; line-height: 38px; width: 120px} }
.link_count_page {display: inline-block; vertical-align: middle; font: 500 19px/25px 'Helvetica'; margin: 0 10px 0 0}
a.link_count_page:hover {color: #aeaeae!important}
	@media screen and (max-width: 2295px) and (min-width: 1721px) {
	  .link_count_page {font-size: 14px} }
	@media screen and (max-width: 1720px) and (min-width: 1301px) {
	  .navigation noindex > div {left: 20%!important}
	  .link_count_page {font-size: 12px} }
	@media screen and (max-width: 1300px) {
	  .navigation noindex > div {left: 0%!important}
	  .link_count_page {font-size: 12px; margin: 0 5px 0 0} }
	@media screen and (max-width: 639px) {
	  .navigation noindex > div {top: 35px}
	  .link_count_page {font-size: 12px} }

.popup-job form .input-margin input {margin-bottom: 22px}
.popup-job form .input-message.textarea {padding-bottom: 45px}
.popup-job form .input textarea {height: 187px}
.popup-job form .upload_file-btn {float: left}
.popup-job form .upload_file-btn input[type="file"] {display: none}
.popup-job form #filename_question {position: relative; top: 15px}
.popup-job form .text_info_feedback {clear: both; display: block}
.popup-job form .color_text {display: block; padding: 29px 0 0}
.popup-job form .color_text.align_r {position: absolute; right: 0; top: 78px}
.popup-job form .color_text.align_r a {color: #9b9b9b!important}
.popup-job form .notice-required {margin-top: 0!important; border: 0}

#feedback_form {position: relative}
#feedback_form .input.input-file.input-margin {padding-bottom: 33px}
#feedback_form .input.input-file.input-margin .formerase {margin-top: 15px !important}
#feedback_form .notice-required {position: absolute; left: 0; bottom: 0}
#feedback_form #filename_feedback {top: -15px}

svg#Layer_1 {width: 28px; height: 30px; margin: 22px 0 0 !important}

.show-dot .dot-hide {display: inline-block !important}

	@media screen and (max-width: 2295px) and (min-width: 1721px) {
	  #feedback_form #filename_feedback {top: -13px}
	  #feedback_form .input.input-file.input-margin .formerase {margin-top: 7px !important}
	  .popup-job form .input-message.textarea {padding-bottom: 32px}
	  .popup-job form .color_text.align_r {top: 67px}
	  .popup-job form .color_text {padding: 12px 0 0}
	  .popup-job form .notice-required {margin-top: -13px!important}
	  .popup-job form #filename_question {top: 0}
	  .popup-job form .input.input-file.input-margin .formerase {margin-top: 3px !important}
	  svg#Layer_1 {width: 19px; height: 21px; margin: 18px 0 0 !important} }
	@media screen and (max-width: 1720px) and (min-width: 1301px) {
	  #feedback_form .input.input-file.input-margin {padding-bottom: 24px}
	  #feedback_form #filename_feedback {top: -12px}
	  #feedback_form .input.input-file.input-margin .formerase {margin-top: 4px !important}
	  .popup-job form .input-message.textarea {padding-bottom: 27px}
	  .popup-job form .color_text {padding: 1px 0 0}
	  .popup-job form .notice-required {margin-top: -8px !important}
	  .popup-job form .color_text.align_r {top: 69px}
	  .popup-job form #filename_question {top: 0}
	  .popup-job form .input.input-file.input-margin .formerase {margin-top: 2px !important}
	  svg#Layer_1 {width: 19px; height: 20px; margin: 15px 0 0 !important} }
	@media screen and (max-width: 1300px) and (min-width: 1001px) {
	  #feedback_form .btn-main {margin-bottom: 0}
	  #feedback_form .input.input-file.input-margin {padding-bottom: 19px}
	  #feedback_form #filename_feedback {top: -8px; padding: 0 14px; width: 240px!important}
	  #feedback_form .input.input-file.input-margin .formerase {margin-top: 6px !important; margin-bottom: 0!important; margin-left: 0!important; top: -8px}
	  .popup-job form .input-message.textarea {padding-bottom: 18px}
	  .popup-job form .color_text.align_r {top: 48px}
	  .popup-job form .color_text {padding: 4px 0 0}
	  .popup-job form .notice-required {margin-top: -4px!important}
	  .popup-job form #filename_question {top: -2px; width: 240px !important; padding: 0 14px}
	  .popup-job form .input.input-file.input-margin .formerase {margin-top: 8px !important; margin-bottom: 0 !important; margin-left: 0 !important; top: -8px}
	  .popup-job form .input-margin input {margin-bottom: 0}
	  .popup-job form .btn-main {margin-bottom: 0}
	  svg#Layer_1 {width: 16px; height: 17px; margin: 12px 0 0 !important} }
	@media screen and (max-width: 1000px) {
	  #feedback_form #filename_feedback {width: 445px!important; top: 0; display: block; padding: 0}
	  #feedback_form .input.input-file.input-margin .formerase {margin-bottom: 0!important; margin-left: 0!important; top: 44px; right: 0!important}
	  #feedback_form #popup-sign-in .btn-main-static {float: none}
	  #feedback_form .btn-main-static {position: absolute; left: 0; bottom: 0}
	  #feedback_form .notice-required {bottom: 120px}
	  #feedback_form .text_info_feedback {display: block}
	  #feedback_form .text_info_feedback .h8.color_text {display: block; text-align: left !important; padding: 0 0 50px; white-space: normal}
	  .popup-job form #filename_question {width: 445px!important; top: 0; display: block; padding: 0; margin-bottom: 0}
	  .popup-job form .input.input-file.input-margin .formerase {margin-bottom: 0!important; margin-left: 0!important; top: 44px; right: 0!important; margin-top: 15px !important}
	  .popup-job form .text_info_feedback .h8.color_text {display: block; text-align: left !important; padding: 0 0 50px; white-space: normal}
	  .popup-job form .color_text.align_r {position: static}
	  .popup-job form #popup-sign-in .btn-main-static {float: none}
	  .popup-job form .btn-main-static {position: static;} }
	@media screen and (max-width: 1000px) and (min-width: 640px) {
	  #feedback_form .input-message, #feedback_form #offer-message {margin-bottom: 0}
	  #feedback_form .input.input-file.input-margin {margin-bottom: 0}
	  .popup-job form .input-margin input {margin-bottom: 15px}
	  .popup-job form .input-message.textarea {padding-bottom: 0}
	  .popup-job form .color_text.align_r {top: 67px}
	  .popup-job form .color_text {padding: 12px 0 0}
	  .popup-job form .notice-required {position: absolute; margin-top: -13px!important; bottom: 120px; width: auto}
	  .popup-job form #filename_question {top: 0}
	  .popup-job form .input.input-file.input-margin {margin-bottom: 0; padding-bottom: 33px}
	  svg#Layer_1 {width: 16px; height: 17px; margin: 20px 0 0 !important} }
	@media screen and (max-width: 639px) {
	  #feedback_form {margin-bottom: -20px}
	  #feedback_form #popup-sign-in .upload_file-btn {float: none}
	  #feedback_form #filename_feedback {width: 230px !important}
	  #feedback_form .input.input-file.input-margin .formerase {margin-top: 0!important}
	  #feedback_form .input.input-file.input-margin {margin-bottom: 0}
	  #feedback_form .notice-required {bottom: 150px}
	  #feedback_form .btn-main-static {bottom: 20px}
	  .popup-job form .input-message.textarea {padding-bottom: 17px}
	  .popup-job form .color_text.align_r {top: 26px; position: relative; padding: 0 0 84px!important}
	  .popup-job form .color_text {padding: 12px 0 0}
	  .popup-job form .notice-required {margin-top: -13px!important}
	  .popup-job form #filename_question {width: 230px!important}
	  .popup-job form .input.input-file.input-margin .formerase {margin-top: 3px !important; top: 41px}
	  .popup-job form .text_info_feedback .h8.color_text {padding: 0 0 6px}
	  .popup-job form .btn-main-static {}
	  svg#Layer_1 {width: 16px; height: 17px; margin: 12px 0 0 !important} }

/* PassEye */
.passEye {position:relative}
.passEye input {padding-right:35px;}
.passEye input::-ms-reveal, .passEye input::-ms-clear {display:none}
.passEye .eye {position:absolute;right:10px;top:50%;margin-top:-4px;display:block;height:10px;width:18px;background:url(/images/passEye.png) no-repeat left 2px;cursor:pointer;}
.passEye .openEye {background-position:left bottom;}

.content-catalog {padding-left: 10px !important;}


.equipment-block .block-round img{
	transition: all .3s ease 0s;
}

.equipment-block:hover .block-round img{
	transform: scale(1.1);
	transition: all .5s ease 0s;
}

/*
.catalog-header {
	display: none!important;
}
*/

@media screen and (max-width: 639px){

	.popup-cart .cart-footer{
		position: sticky!important;
		padding-bottom: 20px;
		padding-top: 20px;
		background-color: whitesmoke;
		z-index: 1;
	}

	.popup-cart .cart-body {
		margin-top: 0px;
	}

}



/*
@media screen and (max-width: 2295px) and (min-width: 1000px) {
	.catalog-header {
		display: none!important;
	}
}
*/


/*
.svg.svg-whatsapp{
	width: 34px;
    height: 34px;
}

@media screen and (max-width: 2295px) and (min-width: 1721px)
.svg.svg-message {
    width: 37px;
    height: 24px;
}
}
*/
.svg.svg-whatsapp{
	width: 49px;
    height: 49px;
}

.svg.svg-search{
	width: 49px;
    height: 49px;
}

@media screen and (max-width: 2295px) and (min-width: 1721px){
	.svg.svg-whatsapp{
		width: 34px;
		height: 34px;
	}

	.svg.svg-search{
		width: 34px;
		height: 34px;
	}
}
@media screen and (max-width: 1720px) and (min-width: 1301px){
	.header-phone {
	line-height: 70px;
	padding-left: 0px;
	padding-right: 13px;
}
	.svg.svg-whatsapp{
		width: 28px;
		height: 28px;
	}

	.svg.svg-search {
	width: 28px;
	height: 31px;
}
	
	.svg.svg-message {
	width: 28px;
	height: 24px;
}

.svg.svg-basket {
	width: 28px;
	height: 23px;
}
}
@media screen and (max-width: 1300px){
	.svg.svg-whatsapp{
		width: 28px;
		height: 28px;
	}

	.svg.svg-search{
		width: 28px;
		height: 28px;
	}
}
@media screen and (max-width: 639px){
	.svg.svg-whatsapp{
		width: 24px;
		height: 24px;
	}

	.svg.svg-search{
		width: 24px;
		height: 24px;
	}
}



@media screen and (max-width: 780px){
	.header-phone{
		display: none;
	}
}







footer .footer-right .svg-message{
	display: none;
}

@media screen and (max-width: 1000px){
	.svg-message-text{
		display: none;
	}

	footer .footer-right .svg-arrow-up{
		display: none;
	}

	footer .footer-right .svg-message{
		display: inline-block;
	}

}

@media screen and (min-width: 1000px){
	#black-theme .header-btn-whatsapp:hover .st1,
	#black-theme .footer-btn-whatsapp:hover .st1{
		-webkit-transition: fill .6s ease;
		-o-transition: fill .6s ease;
		transition: fill .6s ease;
		fill: black;
	}
}

@media screen and (max-width: 1720px) and (min-width: 1301px){
	footer .footer-right a {
		padding: 0 12px!important;
	}
}

@media screen and (max-width: 1000px) and (min-width: 640px){
	.footer-btn-whatsapp{
		padding: 0 6px!important;
	}
}




.aside-title.h3.to_catalog{
	color: #262626;
	text-decoration: none;
	position: relative;
	z-index: 1;
}

.aside-title.h3.to_catalog:hover{
	/*text-decoration: underline;*/
}



.aside-title.h3.to_catalog:hover:after {
    width: 100%;
	height: 20px;
    bottom: -6px;
}



.aside-title.h3.to_catalog:after {
    background-color: #fbea3a!important;
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 31px;
    width: 0%;
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
    z-index: -1;
    bottom: -10px;
}



#black-theme .popup-cart .cart-footer{
	background: #0d1115;
}



input[type=password]::-ms-reveal,
input[type=password]::-ms-clear
{
    display: none;
}


.list-with-markers > li{
	margin-bottom: .5em;
}


.btn-main-web-form{
	margin-top: 0px;
}


@media screen and (max-width: 1000px){

	#popup-agreement .popup-modal__popup-container {
		padding-top: 0px;
	}

	#popup-agreement .popup-modal__header {
		position: sticky;
		top: 0;
	}



	#popup-policy .popup-modal__popup-container {
		padding-top: 0px;
	}

	#popup-policy .popup-modal__header {
		position: sticky;
		top: 0;
	}



	#popup-cookie .popup-modal__popup-container {
		padding-top: 0px;
	}

	#popup-cookie .popup-modal__header {
		position: sticky;
		top: 0;
	}


	.popup-modal__header{
		position: fixed;
		top: 0;
	}

}



@media screen and (max-width: 639px){
	.popup .popup-body-small {
		margin-top: 35px;
	}
}


.tip_body .h7 b{
	font-weight: 600;
}






.popup-modal__footer{
	display: flex;
	align-items: center;
	justify-content: center;

	position: fixed;
	z-index: 99;
	bottom: 20px;
    width: 100%;
}

.popup-modal__footer-close{
	cursor: pointer;
    background: #FBEA3A;
    border-radius: 50px;
    font-family: Helvetica;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 30px;
    letter-spacing: 0.14px;
    text-transform: uppercase;
    padding: 14px;
    color: #000000!important;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background .6s ease, color .6s ease;
    user-select: none;
    text-align: center;
    text-decoration: none!important;
    white-space: nowrap;
    border: 1px solid var(--bgColor);
    font: 600 12px Helvetica;
    max-width: 220px;
}




.republica_little_button{
	line-height: 60px;
    font-size: 15px !important;
    padding: 0px 60px;
	text-decoration: none;
	margin: 0 auto;
    display: table;
}

.republica_little_button:hover{
	color: #fbea3a!important;
}




.plitka-item-image-title{
	font-weight: 600;
    margin-bottom: 10px;
}






.mobile-menu{
	display: none!important;
}

@media screen and (max-width: 1000px){
	.mobile-menu{
		display: flex!important;
		align-items: center;
		justify-content: center;
		z-index: 90;
		cursor: pointer;
		position: fixed!important;
		left: 0px;
		bottom: -1px;
		background: #262626;
		color: #fbea3a !important;
		width: 66px;
		height: 58px;
	}
}

@media screen and (max-width: 639px){
	.mobile-menu{
		/*width: 60px;*/
		/*height: 50px;*/
        width: 50px;
		height: 53px;
	}
}






@media screen and (min-width: 1000px){
	.popup-modal__footer {
		display: none;
	}
}


@media screen and (max-width: 1000px){
	.blocks.catalog{
		overflow: hidden;
	}
}




@media screen and (max-width: 1720px) and (min-width: 1001px){
	form .h7 {
		font-size: 16px;
		line-height: 22px;
	}
}


@media screen and (max-width: 2295px) and (min-width: 1721px){
	form .h7 {
		font-size: 18px;
		line-height: 22px;
	}
}







@media screen and (max-width: 1720px) and (min-width: 1301px){
	.aside-menu__link {
		display: flex;
		align-items: center;
	}

	.aside-menu__separator {
		margin-left: 5px;
	}


}







#black-theme .cookies_block{
	background: #363f4d;
    box-shadow: 0 0 15px #363f4d;
}

#black-theme .cookies_block p{
	color: white!important;
}

#black-theme .cookies_block a {
    color: white;
}




.tips_table {
	width: 100%;
	margin-bottom: 20px;
	border: 1px solid #dddddd;
	border-collapse: collapse;
}
.tips_table th {
	font-weight: bold;
	padding: 5px;
	background: #efefef;
	border: 1px solid #dddddd;
}
.tips_table td {
	border: 1px solid #dddddd;
	padding: 5px;
}


@media screen and (max-width: 639px){
	.popup .popup-body{
		margin-top: 30px!important;
		margin-bottom: 30px!important;
	}
}


#h1forservices {
  font: 800 75px/80px 'Helvetica';
//letter-spacing: -.025em;
  text-transform: uppercase; }
  @media screen and (max-width: 2295px) and (min-width: 1721px) {
    #h1forservices {
      font-size: 55px;
      line-height: 60px; } }
  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    #h1forservices {
      font-size: 40px;
      line-height: 43px; } }
  @media screen and (max-width: 1300px) and (min-width: 1001px) {
    #h1forservices {
      font-size: 30px;
      line-height: 32px; } }
  @media screen and (max-width: 1000px) and (min-width: 640px) {
    #h1forservices {
      font-size: 36px;
      line-height: 41px; } }
  @media screen and (max-width: 639px) {
    #h1forservices {
      font-size: 25px;
      line-height: 30px; } }


  @media screen and (max-width: 1720px) and (min-width: 1301px) {
    .fix_for_text {
      width: 230px;} }
/* End */


/* Start:/styles/custom.css?17383262244112*/
.cover-modal-confirm {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.6;
    z-index: 1000;
}

.modal-confirm {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    overflow-x: auto;
    overflow-y: auto;
    padding: 20px;
    z-index: 2000;
    width: auto;
    max-width: 600px;
}

.modal-confirm-content__wrapper {
    display: none;
    min-width: 200px;
    min-height: 200px;
    width: 100%;
    position: relative;
    background-color: #FAFAFA;
    z-index: 3000;
    padding: 50px 0;

}

.modal-confirm-content-body {
    font-family: Helvetica;
}

.modal-confirm-content__wrapper .btn-main-static {
    height: auto;
    min-width: 210px;
    position: relative;
    top: 35px;
    float: none;
    display: inline;
    padding: 16px;
    line-height: 1;
}

.modal-confirm-content__wrapper .btn-main-static.btn-fdel {
    margin-right: 5px;
}

.aside.without-btn .aside-title.no_after:after{
    content: unset!important;
    display: none;
}



/*
.svg-fb,
.svg-vk,
.svg-insta{
	display: none!important;
}
*/


/*
#white-theme .popup-sign-in__social-links > a{
	color: #fbea3a;
}

#white-theme .popup-sign-in__social-links > a:hover{
	color: black;
}
*/




#iframe-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    border: none;
    display: none;
    display: none;
    opacity: 0;

    animation: fadeInFromBlock .5s ease-in-out;
}

#iframe-container iframe {
    margin: auto;
}

#iframe-container.openIframe{
    display: block;
    opacity: 1;
    animation: fadeInFromNone .5s ease-in-out;
}





@keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
    }

    100% {
        display: block;
        opacity: 1;
    }
}

#popup-container {
    display: flex;
    justify-content: center;
    align-items: start;
    position: fixed;
    top: -1000px;
    left: 0;
    width: 100%;
    /*height: 100%;*/
    /*background: rgba(0, 0, 0, 0.7);*/
    color: #fff;
    text-align: center;
    z-index: 200;
    transition: top .6s ease, -webkit-transform .6s ease;
}

#popup-content {
    max-width: 700px;
    min-width: 40%;
    align-items: center;
    position: relative;
    background: #fff;
    color: #333;
    /*padding: 20px;*/
    /*border-radius: 8px;*/
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    display: flex;
}

#popup-content-wrapper{
    padding: 20px 0 20px 20px
}

#close-btn {
    cursor: pointer;
    width: 74px;
    height: 74px;
    --ui-border-radius-none: 10px;
    /*background-color: #fbea3a;*/
    border: none;
    margin-left: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .6s ease, -webkit-transform .6s ease;
}

/*#close-btn:hover {*/
/*    color: #fbea3a;*/
/*    background-color: black;*/
/*}*/



button.btn.btn-default {
    color: black!important;
    background: white!important;
    border-top: 1px solid #d5dadc!important;
    border-bottom: 1px solid #d5dadc!important;
    border-right: 1px solid #d5dadc!important;
    border-left: none;
    height: 34px!important;
    border-radius: 0;

}
.bx-searchtitle .bx-input-group .bx-form-control {
    width: 68vw!important;
}

@media screen and (max-width:500px) {
    .bx-searchtitle .bx-input-group .bx-form-control {
        width: 60vw!important;
    }
    #popup-content-wrapper{
        padding: 12px 0 12px 12px;
    }
    #popup-content{
             height: 58px;
    }
    #close-btn{
        width: 58px;
        height: 58px;
    }
}
.bx-searchtitle {
    margin:  0!important;
    width: 100% !important;
}
.header-menu{
    width: fit-content;
    width: fit-content;


}

.svg-search-close{
    width: 35px;
    height: 35px;
}

.table .table {
	background-color: transparent;
}



a {
  color: #000;
  text-decoration:underline;
}

a:hover, a:focus {
 color: #000;
}

.basket-tooltip-text a:hover{
    color: #d0d0d0;
}

/* End */


/* Start:/local/templates/.default/components/bitrix/menu/republica_left/style.css?1689510683990*/
.aside-menu a,
.aside-menu span{
	text-decoration: none;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

	width: 100%;
}


.aside-menu .aside-title{
	text-decoration: none;
	color: black;
}



.aside-title,
.aside-title a,
.aside-title a:visited,
.aside-title a:-webkit-any-link{
    text-decoration: none!important;
	color: black!important;
}


#black-theme .aside-title,
#black-theme .aside-title a,
#black-theme .aside-title a:visited,
#black-theme .aside-title a:-webkit-any-link{
    color: #fff!important;
}







.aside-menu .aside-menu__link a:visited{
	color: black;
}
.aside-menu .aside-menu__link--active a:visited{
	color: white;
}


.aside-menu__link--active {
    background-color: #aeaeae;
}


.aside-menu__link--small{
	    font-size: 14px;
    line-height: 1.42857143;
}

.aside-menu__link--little{
	font-size: 12px;
}


[data-breadtext="Показать все"]{
	font-weight: 700;
}



/* End */


/* Start:/local/templates/.default/components/bitrix/sale.basket.basket/basket_header/style.min.css?168621208537078*/
.bx_ordercart .bx_sort_container{margin-bottom:15px;min-height:32px;color:#919191;vertical-align:middle;font-size:15px;line-height:32px}.bx_ordercart .bx_sort_container a{display:inline-block;margin-left:20px;padding:0 20px;border:1px solid #cdcdcd;border-radius:3px;background:#f9f9f9;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y5ZjlmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlM2UzZTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#f9f9f9),color-stop(100%,#e3e3e3));background:-webkit-linear-gradient(top,#f9f9f9 0,#e3e3e3 100%);background:-moz-linear-gradient(top,#f9f9f9 0,#e3e3e3 100%);background:-ms-linear-gradient(top,#f9f9f9 0,#e3e3e3 100%);background:-o-linear-gradient(top,#f9f9f9 0,#e3e3e3 100%);background:linear-gradient(to bottom,#f9f9f9 0,#e3e3e3 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',endColorstr='#e3e3e3',GradientType=0);color:#4f4f4f;text-decoration:none;text-shadow:0 1px 0 rgba(255,255,255,.8);line-height:32px}.bx_ordercart .bx_sort_container a.current{background-color:#606060;background-image:linear-gradient(to top,rgba(0,0,0,0.09),rgba(255,255,255,0.09));border:medium none;border-radius:3px 3px 3px 3px;box-shadow:inset 0 1px 2px 0 #3e3e3e;color:#f2f2f2;text-shadow:0 1px 0 #505050}.bx_ordercart .bx_sort_container a.current:hover{background:0}.bx_ordercart .bx_sort_container a:hover{background:#f9f9f9;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y5ZjlmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZGVkZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#f9f9f9),color-stop(100%,#ededed));background:-webkit-linear-gradient(top,#f9f9f9 0,#ededed 100%);background:-moz-linear-gradient(top,#f9f9f9 0,#ededed 100%);background:-ms-linear-gradient(top,#f9f9f9 0,#ededed 100%);background:-o-linear-gradient(top,#f9f9f9 0,#ededed 100%);background:linear-gradient(to bottom,#f9f9f9 0,#ededed 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',endColorstr='#ededed',GradientType=0)}.bx_ordercart .bx_sort_container a:active{background:#707070;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzcwNzA3MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhMmEyYTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#707070),color-stop(100%,#a2a2a2));background:-webkit-linear-gradient(top,#707070 0,#a2a2a2 100%);background:-moz-linear-gradient(top,#707070 0,#a2a2a2 100%);background:-ms-linear-gradient(top,#707070 0,#a2a2a2 100%);background:-o-linear-gradient(top,#707070 0,#a2a2a2 100%);background:linear-gradient(to bottom,#707070 0,#a2a2a2 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#707070',endColorstr='#a2a2a2',GradientType=0);box-shadow:inset 0 1px 2px 0 #3e3e3e;color:#fff;text-shadow:0 1px 0 #505050}.bx_ordercart .bx_ordercart_order_table_container{overflow-x:auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;width:100%;border:1px solid #c9c9c9;border-radius:3px;font-size:14px}.bx_ordercart .bx_ordercart_order_table_container table{margin:0;padding:0;min-width:100%;border-collapse:collapse}.bx_ordercart .bx_ordercart_order_table_container table td{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;white-space:nowrap}.bx_ordercart .bx_ordercart_order_table_container table td.margin{padding:0;width:2%;border-bottom:none!important}.bx_ordercart .bx_ordercart_order_table_container table thead td{padding:0 5px;min-height:39px;background:#f5f5f5;color:#000;font-size:14px;line-height:39px}.bx_ordercart .bx_ordercart_order_table_container table tbody td{padding:2% 5px;border-bottom:1px solid #e5e5e5;vertical-align:top}.bx_ordercart .bx_ordercart_order_table_container table tbody td td{padding:0 1px!important}.bx_ordercart .bx_ordercart_order_table_container table tbody tr:last-child td{border-bottom:0}.bx_ordercart .bx_ordercart_order_table_container tbody td.itemphoto{width:20%}.bx_ordercart .bx_ordercart_order_table_container tbody td.item,.bx_ordercart .bx_ordercart_order_table_container tbody td.custom,.bx_ordercart .bx_ordercart_order_table_container tbody td.control,.bx_ordercart .bx_ordercart_order_table_container tbody td.price{text-align:left;font-size:14px;line-height:22px}.bx_ordercart .bx_ordercart_order_table_container tbody td.custom span{display:none}.bx_ordercart .bx_ordercart_order_table_container tbody td.custom a{color:#327ab7;font-size:11px}.bx_ordercart .bx_ordercart_order_table_container tbody td.item{width:70%}.bx_ordercart .bx_ordercart_order_table_container tbody td.price .current_price{color:#000;font-weight:bold;font-size:19px}.bx_ordercart .bx_ordercart_order_table_container tbody td.price .old_price{color:#b8b8b8;text-decoration:line-through;font-size:13px}.bx_ordercart .bx_ordercart_order_table_container tbody td.price .type_price{color:#7f7f7f;font-size:11px;line-height:13px}.bx_ordercart .bx_ordercart_order_table_container tbody td.price .type_price_value{font-size:11px;line-height:13px}.bx_ordercart .bx_ordercart_order_table_container tbody td.control a{color:#327ab7;font-size:11px}.bx_ordercart .bx_ordercart_order_table_container tbody td.control a:hover{text-decoration:none}.bx_ordercart .bx_ordercart_photo_container{position:relative;padding-top:100%;min-width:50px;max-width:100%;height:0;border:1px solid #c0cfda;border-radius:2px}.bx_ordercart .bx_ordercart_order_table_container .bx_ordercart_photo{position:absolute;top:4%;right:4%;bottom:4%;left:4%;background-position:center;-webkit-background-size:auto 100%;background-size:auto 100%;background-repeat:no-repeat}.bx_ordercart .bx_ordercart_order_table_container .bx_ordercart_brand{position:relative;margin-top:3%;min-width:50px;max-width:100%;border:1px solid #c0cfda;border-radius:2px;line-height:0}.bx_ordercart .bx_ordercart_order_table_container .bx_ordercart_brand img{margin:0;padding:0;width:100%;height:auto}.bx_ordercart .bx_ordercart_order_table_container .bx_ordercart_itemtitle{margin:0;padding:0;white-space:normal;line-height:18px;font-weight:bold;font-size:14px}.bx_ordercart .bx_ordercart_order_table_container .bx_ordercart_itemtitle a{color:#000;text-decoration:none;font-weight:bold;font-size:14px;line-height:18px}.bx_ordercart .bx_ordercart_order_table_container .bx_ordercart_itemart{margin-bottom:10px;color:#b4b4b4;font-size:13px}.bx_ordercart .bx_ordercart_order_pay{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:20px auto 0;padding:0 20px}.bx_ordercart .bx_ordercart_order_pay_left{float:left;width:50%}.bx_ordercart .bx_ordercart_order_pay_right{float:left;width:50%;text-align:right}.bx_ordercart .bx_ordercart_coupon{position:relative;white-space:nowrap;margin-bottom:4px}.bx_ordercart .bx_ordercart_coupon span{display:block;margin-bottom:13px;color:#7f7f7f;font-size:13px}.bx_ordercart .bx_ordercart_coupon input{height:34px;border:1px solid #bababa;border-radius:3px;box-shadow:inset 0 1px 2px 0 rgba(0,0,0,.21);color:#000;text-align:left;font-weight:bold;font-size:16px;vertical-align:middle;outline:none!important}.bx_ordercart .bx_ordercart_coupon span.good,.bx_ordercart .bx_ordercart_coupon span.bad,.bx_ordercart .bx_ordercart_coupon span.disabled{display:inline-block;width:22px;height:34px;vertical-align:middle;margin:0 0 0 5px;cursor:pointer}.bx_ordercart .bx_ordercart_coupon span.disabled:hover{cursor:pointer}.bx_ordercart .bx_ordercart_coupon input.good{position:relative;border:1px solid #59a62a;background:rgba(89,166,42,.16);box-shadow:0 0 2px 0 rgba(89,166,42,.8)}.bx_ordercart .bx_ordercart_coupon span.good{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAANCAYAAABPeYUaAAAAoklEQVQ4y2NgIBOUb7JkY6AEAA0wBuJHQGxHrgFWQPwBiP8D8WcgliTVAHuoRpAB/4A4E10BDwED3ID4K9SAP0CciK7ACYhfg2gcBvgA8Q8kA6LQFQgB8Seogq/oBgH5QUD8EyoPooNwOTUMagOKQSAbkcRBLvEhFGjoBvWi8V2JDX1kg2AY5FV7UqMR2SBQerAkN0GBDHoJSpmUJm1uYtUCAMzalTMY8Lf6AAAAAElFTkSuQmCC") no-repeat center}.bx_ordercart .bx_ordercart_coupon input.bad{border:1px solid #e16565;background:rgba(225,101,101,.16);box-shadow:0 0 2px 0 rgba(225,101,101,.8)}.bx_ordercart .bx_ordercart_coupon span.good:hover,.bx_ordercart .bx_ordercart_coupon span.bad,.bx_ordercart .bx_ordercart_coupon span.disabled{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjA2QzFEQUU3QTJEMTFFNEJFMTJEMjJGMUE4MkZDRkYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjA2QzFEQUY3QTJEMTFFNEJFMTJEMjJGMUE4MkZDRkYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2MDZDMURBQzdBMkQxMUU0QkUxMkQyMkYxQTgyRkNGRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2MDZDMURBRDdBMkQxMUU0QkUxMkQyMkYxQTgyRkNGRiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuRKTjMAAAC1SURBVHjaXJAhEsIwEEWTDiCoAa6CBtUKEAxHwAfHGSpxySWqUFQUh+YG3AEMOvxlfmf+kJmXnXRftr/1McaDc+4M9iGEu5OVUlqhXMCpwNaABejYUKljrxlh24EbmFHeomZKJXiZ43POdnsp8odDB6lGpMdP5KtUdirZoZDsNmEs5wmYDoeC09YoV8pvUuoHevyef6nikB7MmXljE1sJXlkm5qr5zHqtiQE8Nbgtka13/AowAFzKRSz6AcYPAAAAAElFTkSuQmCC") no-repeat center}.bx_ordercart .bx_ordercart_coupon span.bad:hover{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAXCAMAAAA4Nk+sAAAA1VBMVEXVLy/VMTHWMjLWMzPWNDTWNjbXODjXOjrXOzvYPT3YPz/ZQUHZQ0PaRkbaR0faSEjbTEzbTU3bTk7bT0/dWFjdWVneW1veXV3fYWHfYmLgY2PgZGTgZWXgZmbibW3ib2/jc3Pjd3flfX3lf3/mgYHojo7oj4/rm5vrnZ3soKDtpKTtpqbuqanura3wsrLxuLjxurr42tr43Nz43t754uL54+P76ur76+v77Oz87u787+/88PD88fH88vL99PT99fX99vb++Pj++fn++vr+/Pz//f3////hD3ITAAAA4klEQVQoU2XR2VrCMBRF4YWCAwIiGg1OYHGsI1qrNalGpef9H8mLNvlKXTfJ/m8P4iusWYRB+bxeH7ShvX+V1Nier1DVmhnP8wG1hs8lzzdZauNFBPnaodEwF+SiqXApfHQAIqMBtIkAOim3AKTiNGgnKQA3nAKgcnFj7cQqAE7YJnhQeqwRPCgt1qvf2Ik4XY1VRkHzPPiAs6BKWe8THgB4F6tAWXkD4B7XBZgmCkAlU4DuJxLzr1iQQtPo8FcQyXaXdZSVZ8iO6nps/NGKu57HrXhRO/HP00z1+3vR43e5/wBykDHWjqbzywAAAABJRU5ErkJggg==") no-repeat center}.bx_ordercart .bx_ordercart_coupon input.disabled{color:#9a9a9a}.bx_ordercart .bx_ordercart_coupon_notes{-webkit-transition:opacity .3s ease-out;-moz-transition:opacity .3s ease-out;-ms-transition:opacity .3s ease-out;-o-transition:opacity .3s ease-out;transition:opacity .3s ease-out;display:none;opacity:0;white-space:normal;border:1px solid #ddd;position:absolute;top:100%;left:0;max-width:270px;padding:10px;background:#fff;z-index:1010;border-radius:5px;font-size:13px;line-height:17px;box-shadow:0 3px 7px 0 rgba(0,0,0,.05)}.bx_ordercart .bx_ordercart_coupon:hover .bx_ordercart_coupon_notes{display:block;opacity:1}.bx-touch .bx_ordercart .bx_ordercart_coupon_notes{display:block;opacity:1;position:relative;top:auto;left:auto;margin:10px auto;box-shadow:none}.bx_ordercart .bx_ordercart_order_sum{float:right}.bx_ordercart .bx_ordercart_order_sum tr td{padding:1px;text-align:right;font-size:13px}.bx_ordercart .bx_ordercart_order_sum tr td.custom_t1{width:100%}.bx_ordercart .bx_ordercart_order_sum tr td.custom_t2{white-space:nowrap}.bx_ordercart .bx_ordercart_order_sum tr td.fwb{font-weight:bold}.bx_ordercart .bx_ordercart_order_pay_center{margin-top:20px;padding-top:20px;border-top:1px solid #e4e6e8;text-align:right}.bx_ordercart .bx_ordercart_order_pay_center span,.bx_ordercart .bx_ordercart_order_pay_center a{vertical-align:top;line-height:53px}.bx_ordercart .bx_ordercart_order_pay_center span{margin:0 30px;font-weight:bold;font-size:17px}.bx_ordercart .bx_ordercart_order_pay_center .checkout{position:relative;top:-9px;display:inline-block;padding:0 18px;border-radius:3px;background:#00a2df;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYTJkZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDZmY2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#00a2df),color-stop(100%,#006fcb));background:-webkit-linear-gradient(top,#00a2df 0,#006fcb 100%);background:-moz-linear-gradient(top,#00a2df 0,#006fcb 100%);background:-ms-linear-gradient(top,#00a2df 0,#006fcb 100%);background:-o-linear-gradient(top,#00a2df 0,#006fcb 100%);background:linear-gradient(to bottom,#00a2df 0,#006fcb 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00a2df',endColorstr='#006fcb',GradientType=0);color:#fff;vertical-align:bottom;text-decoration:none;text-shadow:0 1px 0 #0075b6;font-weight:bold;line-height:36px}.bx_ordercart .bx_ordercart_order_pay_center .checkout:hover{background:#00a2df;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYTJkZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwYTdkZGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#00a2df),color-stop(100%,#0a7ddd));background:-webkit-linear-gradient(top,#00a2df 0,#0a7ddd 100%);background:-moz-linear-gradient(top,#00a2df 0,#0a7ddd 100%);background:-ms-linear-gradient(top,#00a2df 0,#0a7ddd 100%);background:-o-linear-gradient(top,#00a2df 0,#0a7ddd 100%);background:linear-gradient(to bottom,#00a2df 0,#0a7ddd 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00a2df',endColorstr='#0a7ddd',GradientType=0)}.bx_ordercart .bx_ordercart_order_pay_center .checkout:active{background:#0a7ddd;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBhN2RkZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMGEyZGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#0a7ddd),color-stop(100%,#00a2df));background:-webkit-linear-gradient(top,#0a7ddd 0,#00a2df 100%);background:-moz-linear-gradient(top,#0a7ddd 0,#00a2df 100%);background:-ms-linear-gradient(top,#0a7ddd 0,#00a2df 100%);background:-o-linear-gradient(top,#0a7ddd 0,#00a2df 100%);background:linear-gradient(to bottom,#0a7ddd 0,#00a2df 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0a7ddd',endColorstr='#00a2df',GradientType=0);box-shadow:inset 0 3px 2px 1px rgba(0,0,0,.22)}.bx_ordercart .bx_ordercart_order_pay_center .refresh{margin-right:15px}.bx_ordercart .bx_bt_button{display:inline-block;border-radius:3px;text-align:center;border:0;vertical-align:middle;text-decoration:none;font-size:14px;cursor:pointer}.bx_ordercart .bx_bt_button{background:#00a2df;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYTJkZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDZmY2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#00a2df),color-stop(100%,#006fcb));background:-webkit-linear-gradient(top,#00a2df 0,#006fcb 100%);background:-moz-linear-gradient(top,#00a2df 0,#006fcb 100%);background:-ms-linear-gradient(top,#00a2df 0,#006fcb 100%);background:-o-linear-gradient(top,#00a2df 0,#006fcb 100%);background:linear-gradient(to bottom,#00a2df 0,#006fcb 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00a2df',endColorstr='#006fcb',GradientType=0);color:#fff;text-shadow:0 1px 0 #006cae}.bx_ordercart .bx_bt_button:hover{background:#21afe4;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIxYWZlNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDZmY2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#21afe4),color-stop(100%,#006fcb));background:-webkit-linear-gradient(top,#21afe4 0,#006fcb 100%);background:-moz-linear-gradient(top,#21afe4 0,#006fcb 100%);background:-ms-linear-gradient(top,#21afe4 0,#006fcb 100%);background:-o-linear-gradient(top,#21afe4 0,#006fcb 100%);background:linear-gradient(to bottom,#21afe4 0,#006fcb 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#21afe4',endColorstr='#006fcb',GradientType=0)}.bx_ordercart .bx_bt_button:active{background:#006fcb;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNmZjYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMGEyZGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#006fcb),color-stop(100%,#00a2df));background:-webkit-linear-gradient(top,#006fcb 0,#00a2df 100%);background:-moz-linear-gradient(top,#006fcb 0,#00a2df 100%);background:-ms-linear-gradient(top,#006fcb 0,#00a2df 100%);background:-o-linear-gradient(top,#006fcb 0,#00a2df 100%);background:linear-gradient(to bottom,#006fcb 0,#00a2df 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#006fcb',endColorstr='#00a2df',GradientType=0);box-shadow:inset 0 3px 5px 0 rgba(0,0,0,.21)}.bx_ordercart .bx_small.bx_bt_button{display:inline-block;min-width:20px;line-height:20px}.bx_ordercart .bx_medium.bx_bt_button{padding:0 13px;font-weight:bold;height:27px;line-height:27px}.bx_big.bx_bt_button{padding:0 13px;font-weight:bold;height:36px;line-height:36px}@media(max-width:980px){.bx-touch .bx_ordercart .bx_sort_container span{display:block}.bx-touch .bx_ordercart .bx_sort_container a{margin:0 20px 10px 0}.bx_ordercart .bx_ordercart_order_table_container table thead td{font-size:13px}.bx_ordercart .bx_ordercart_order_table_container tbody td.custom,.bx_ordercart .bx_ordercart_order_table_container .bx_ordercart_itemtitle a,.bx_ordercart .bx_ordercart_order_table_container tbody td.price .current_price{font-size:14px}}@media(max-width:680px){.bx_ordercart .bx_ordercart_order_table_container table thead td{font-size:12px}.bx_ordercart .bx_ordercart_order_table_container .bx_ordercart_itemtitle a,.bx_ordercart .bx_ordercart_order_table_container tbody td.price .current_price{font-size:12px}}@media(max-width:600px){.bx-touch .bx_ordercart .bx_ordercart_order_pay{width:100%}.bx-touch .bx_ordercart .bx_ordercart_order_pay_left,.bx-touch .bx_ordercart .bx_ordercart_order_pay_right{float:none;width:100%;text-align:center}.bx-touch .bx_ordercart .bx_ordercart_order_sum{float:none;margin-top:20px;width:100%}}@media(max-width:530px){.bx-touch .bx_ordercart .bx_sort_container{margin:10px 0;text-align:left;line-height:13px}.bx-touch .bx_ordercart .bx_sort_container a{display:inline;margin:0 10px 0 0;padding:0;border:0;background:none!important;color:#327ab7;text-decoration:underline;font-size:13px;box-shadow:none;text-shadow:none}.bx-touch .bx_ordercart .bx_sort_container a:hover{text-decoration:none;background:0}.bx-touch .bx_ordercart .bx_ordercart_order_table_container table,.bx-touch .bx_ordercart .bx_ordercart_order_table_container table tbody,.bx-touch .bx_ordercart .bx_ordercart_order_table_container table tbody tr,.bx-touch .bx_ordercart .bx_ordercart_order_table_container table tbody tr td{display:block}.bx-touch .bx_ordercart .bx_ordercart_order_table_container table tbody tr td{padding:2% 6%}.bx-touch .bx_ordercart .bx_ordercart_order_table_container table tbody tr{margin-bottom:20px;border-bottom:3px double #c9c9c9}.bx-touch .bx_ordercart .bx_ordercart_order_table_container table tbody tr:last-child{margin-bottom:0;border-bottom:0}.bx-touch .bx_ordercart .bx_ordercart_order_table_container table thead{display:none}.bx-touch .bx_ordercart .bx_ordercart_order_table_container table tbody tr td.item,.bx-touch .bx_ordercart .bx_ordercart_order_table_container table tbody tr td.itemphoto{width:100%}.bx-touch .bx_ordercart .bx_ordercart_order_table_container table tbody tr td.item{padding-bottom:20px}.bx-touch .bx_ordercart .bx_ordercart_order_table_container tbody td.item .bx_item_detail_size_small_noadaptive,.bx-touch .bx_ordercart .bx_ordercart_order_table_container tbody td.item .bx_item_detail_scu_small_noadaptive{margin:5px auto!important}.bx-touch .bx_ordercart .bx_ordercart_photo_container{margin:0 auto;padding-top:50%;max-width:250px}.bx-touch .bx_ordercart .bx_ordercart_order_table_container .bx_ordercart_brand{border:0;text-align:center}.bx-touch .bx_ordercart .bx_ordercart_order_table_container .bx_ordercart_brand img{max-width:100%;width:auto;border-radius:2px}.bx-touch .bx_ordercart .bx_ordercart_order_table_container table tbody td{border:0}.bx-touch .bx_ordercart .bx_ordercart_order_table_container tbody td.custom span{display:inline-block;margin-right:10px;font-weight:bold}.bx-touch .bx_ordercart .bx_ordercart_order_table_container tbody td.control{text-align:center;word-spacing:15px}.bx-touch .bx_ordercart .bx_ordercart_order_table_container tbody td.control a{word-spacing:normal}.bx-touch .bx_ordercart .bx_ordercart_order_table_container tbody td.control br{display:none}.bx-touch .bx_ordercart .bx_ordercart_order_table_container tbody td.price{padding-top:20px;text-align:center}.bx-touch .bx_ordercart .bx_ordercart_order_table_container tbody td.price .current_price{margin-top:10px;margin-bottom:10px;font-size:28px}.bx-touch .bx_ordercart .bx_ordercart_order_table_container tbody td.price .old_price{margin-left:10px;font-size:19px}.bx-touch .bx_ordercart .bx_ordercart_order_table_container tbody td.price .type_price,.bx-touch .bx_ordercart .bx_ordercart_order_table_container tbody td.price .type_price_value{display:inline-block}}@media(max-width:490px){.bx-touch .bx_ordercart .bx_ordercart_order_pay_center{margin-bottom:40px;text-align:center}.bx-touch .bx_ordercart .bx_ordercart_order_pay_center span{display:block}.bx-touch .bx_ordercart .bx_ordercart_order_pay_center .checkout{top:0}}.bx_ordercart .bx_ordercart_order_pay,.bx_ordercart .bx_ordercart_order_sum,.bx_ordercart .bx_ordercart_order_pay_left,.bx_ordercart .bx_ordercart_order_pay_right,.bx_ordercart .bx_ordercart_order_pay_center,.bx_ordercart .bx_ordercart_order_pay_center span,.bx_ordercart .bx_ordercart_order_pay_center .checkout,.bx_ordercart .bx_ordercart_order_table_container table,.bx_ordercart .bx_ordercart_order_table_container table tbody,.bx_ordercart .bx_ordercart_order_table_container table tbody tr,.bx_ordercart .bx_ordercart_order_table_container table tbody tr td,.bx_ordercart .bx_ordercart_order_table_container .bx_ordercart_itemtitle a,.bx_ordercart .bx_ordercart_order_table_container tbody td.price .current_price{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;font-size:14px}table.counter{min-width:0!important}table.counter td{border:none!important;vertical-align:middle}table.counter tbody tr td#quantity_control{text-align:left}.basket_quantity_control{display:inline-block;left:0;margin:0;padding:0}.basket_quantity_control a{background:url("/local/templates/.default/components/bitrix/sale.basket.basket/basket_header/images/arrows.png") no-repeat scroll 0 0 transparent;border:1px solid #d8d8d8;display:block;height:10px;text-align:center;width:11px}.basket_quantity_control a.plus{background-position:0 0;border-radius:5px 5px 0 0}.basket_quantity_control a.minus{background-position:0 -20px;border-radius:0 0 5px 5px;margin-top:-1px}.flat{display:inline}.centered{text-align:center}.bt2{color:#3f3f3f;font-size:13px;text-align:center;padding:7px 16px;text-decoration:none;box-shadow:0 1px 2px 1px rgba(0,0,0,0.4);border-radius:3px;font-weight:bold;text-shadow:0 1px 1px #fff;background:#fff;background:-moz-linear-gradient(top,#fff 0,#eee 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(100%,#eee));background:-webkit-linear-gradient(top,#fff 0,#eee 100%);background:-o-linear-gradient(top,#fff 0,#eee 100%);background:-ms-linear-gradient(top,#fff 0,#eee 100%);background:linear-gradient(to bottom,#fff 0,#eee 100%)}.bt2:hover{color:#3f3f3f;background:#fbfbfb;text-decoration:none!important}.bt2:active{color:#3f3f3f;text-shadow:none;text-shadow:0 2px 1px white;background:#fbfbfb;background:-webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,#fbfbfb),color-stop(100%,#eaeaea));background:-webkit-radial-gradient(center,ellipse cover,#fbfbfb 0,#eaeaea 100%);background:-o-radial-gradient(center,ellipse cover,#fbfbfb 0,#eaeaea 100%);background:-ms-radial-gradient(center,ellipse cover,#fbfbfb 0,#eaeaea 100%);background:radial-gradient(ellipse at center,#fbfbfb 0,#eaeaea 100%);box-shadow:none;padding:6px 15px;border:1px solid #d2d2d2}input.bt2{border:0}input.bt2:active{border:1px solid #d2d2d2}.bx_ordercart .bx_item_detail_size_small_noadaptive{position:relative;margin-bottom:10px;padding:0;width:192px}.bx-no-touch .bx_ordercart .bx_item_detail_size_small_noadaptive.full{position:relative;margin-left:-5%;padding:0 5%}.bx_ordercart .bx_item_detail_size_small_noadaptive .bx_item_section_name_gray{color:#9e9e9e;vertical-align:middle;font-size:11px;line-height:11px}.bx_ordercart .bx_item_detail_size_small_noadaptive .bx_size_scroller_container{position:relative;margin-top:5px;margin-left:10px}.bx_ordercart .bx_item_detail_size_small_noadaptive .bx_size{position:relative;overflow:hidden;margin:0;width:100%}.bx_ordercart .bx_item_detail_size_small_noadaptive ul{position:relative;display:block;margin:0;padding:0;width:100%;white-space:nowrap}.bx-touch .bx_ordercart .bx_item_detail_size_small_noadaptive .bx_size{overflow-x:auto}.bx_ordercart .bx_item_detail_size_small_noadaptive ul{position:relative;display:block;margin:0;padding:0;width:100%;white-space:nowrap}.bx-touch .bx_ordercart .bx_item_detail_size_small_noadaptive .bx_size ul{margin-left:0!important}.bx_ordercart .bx_item_detail_size_small_noadaptive ul li{position:relative;display:block;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;height:25px}.bx_ordercart .bx_item_detail_size_small_noadaptive ul li a{position:absolute;top:0;right:2px;bottom:2px;left:2px;display:block;overflow:hidden;border:1px solid #c0cfda;background:#fff;color:#3f3f3f;text-align:center;text-decoration:none;font-weight:normal;font-size:10px;line-height:22px}.bx-touch .bx_ordercart .bx_item_detail_size_small_noadaptive ul li a{border:0;border-style:solid;border-width:1px;-webkit-border-image:url(/local/templates/.default/components/bitrix/sale.basket.basket/basket_header/images/x2border.png) 2 stretch;-moz-border-image:url(/local/templates/.default/components/bitrix/sale.basket.basket/basket_header/images/x2border.png) 2 stretch;-o-border-image:url(/local/templates/.default/components/bitrix/sale.basket.basket/basket_header/images/x2border.png) 2 stretch;border-image:url(/local/templates/.default/components/bitrix/sale.basket.basket/basket_header/images/x2border.png) 2 fill stretch}.bx_ordercart .bx_item_detail_size_small_noadaptive ul li:hover a{border:1px solid #006cc0}.bx_ordercart .bx_item_detail_size_small_noadaptive ul li:active a,.bx_ordercart .bx_item_detail_size_small_noadaptive ul li.bx_active a{border:2px solid #006cc0}.bx-touch .bx_ordercart .bx_item_detail_size_small_noadaptive ul li.bx_active a{border:0;border-style:solid;border-width:1px;-webkit-border-image:url(/local/templates/.default/components/bitrix/sale.basket.basket/basket_header/images/x2border_active.png) 2 stretch;-moz-border-image:url(/local/templates/.default/components/bitrix/sale.basket.basket/basket_header/images/x2border_active.png) 2 stretch;-o-border-image:url(/local/templates/.default/components/bitrix/sale.basket.basket/basket_header/images/x2border_active.png) 2 stretch;border-image:url(/local/templates/.default/components/bitrix/sale.basket.basket/basket_header/images/x2border_active.png) 2 fill stretch}.bx-no-touch .bx_ordercart .bx_item_detail_size_small_noadaptive .bx_slide_left,.bx-no-touch .bx_ordercart .bx_item_detail_size_small_noadaptive .bx_slide_right{opacity:.8}.bx-no-touch .bx_ordercart .bx_item_detail_size_small_noadaptive .bx_slide_left:hover,.bx-no-touch .bx_ordercart .bx_item_detail_size_small_noadaptive .bx_slide_right:hover{opacity:1.0}.bx_ordercart .bx_item_detail_size_small_noadaptive.full .bx_slide_left,.bx_ordercart .bx_item_detail_size_small_noadaptive.full .bx_slide_right{position:absolute;top:0;bottom:4px;width:5%;max-width:11px;cursor:pointer}.bx-no-touch .bx_ordercart .bx_item_detail_size_small_noadaptive .bx_slide_left{left:-5%;background:url(/local/templates/.default/components/bitrix/sale.basket.basket/basket_header/images/arr_left.png) no-repeat left center;background-size:100% auto}.bx-no-touch .bx_ordercart .bx_item_detail_size_small_noadaptive .bx_slide_right{right:-5%;background:url(/local/templates/.default/components/bitrix/sale.basket.basket/basket_header/images/arr_right.png) no-repeat right center;background-size:100% auto}.bx-touch .bx_ordercart .bx_item_detail_size_small_noadaptive .bx_slide_left{left:0;background:url(/local/templates/.default/components/bitrix/sale.basket.basket/basket_header/images/fade_left.png) repeat-y left center;background-size:100% auto}.bx-touch .bx_ordercart .bx_item_detail_size_small_noadaptive .bx_slide_right{right:0;background:url(/local/templates/.default/components/bitrix/sale.basket.basket/basket_header/images/fade_right.png) repeat-y right center;background-size:100% auto}.bx_ordercart .bx_item_detail_scu_small_noadaptive{position:relative;margin-bottom:10px;padding:0;max-width:100%;width:193px}.bx-no-touch .bx_ordercart .bx_item_detail_scu_small_noadaptive.full{position:relative;margin-left:-5%;padding:0 5%}.bx_ordercart .bx_item_detail_scu_small_noadaptive .bx_item_section_name_gray{color:#9e9e9e;vertical-align:middle;font-size:11px;line-height:11px}.bx_ordercart .bx_item_detail_scu_small_noadaptive .bx_scu_scroller_container{position:relative;margin-top:5px;margin-left:10px}.bx_ordercart .bx_item_detail_scu_small_noadaptive .bx_scu{position:relative;overflow:hidden;margin:0;width:100%}.bx-touch .bx_ordercart .bx_item_detail_scu_small_noadaptive .bx_scu{overflow-x:auto}.bx_ordercart .bx_item_detail_scu_small_noadaptive .bx_scu ul{position:relative;display:block;margin:0;padding:0;width:100%;white-space:nowrap}.bx-retina .bx_ordercart .bx_item_detail_scu_small_noadaptive .bx_scu ul{margin-left:0!important}.bx_ordercart .bx_item_detail_scu_small_noadaptive .bx_scu ul li{position:relative;display:block;float:left;padding-top:10%;height:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bx_ordercart .bx_item_detail_scu_small_noadaptive .bx_scu ul li a{position:absolute;top:0;right:2px;bottom:4px;left:2px;display:block;overflow:hidden;border:1px solid #c0cfda;background:#fff}.bx-retina .bx_ordercart .bx_item_detail_scu_small_noadaptive .bx_scu ul li a{border:0;border-style:solid;border-width:1px;-webkit-border-image:url(/local/templates/.default/components/bitrix/sale.basket.basket/basket_header/images/x2border.png) 2 stretch;-moz-border-image:url(/local/templates/.default/components/bitrix/sale.basket.basket/basket_header/images/x2border.png) 2 stretch;-o-border-image:url(/local/templates/.default/components/bitrix/sale.basket.basket/basket_header/images/x2border.png) 2 stretch;border-image:url(/local/templates/.default/components/bitrix/sale.basket.basket/basket_header/images/x2border.png) 2 fill stretch}.bx_ordercart .bx_item_detail_scu_small_noadaptive .bx_scu ul li:hover a{border:1px solid #006cc0}.bx_ordercart .bx_item_detail_scu_small_noadaptive .bx_scu ul li:active a,.bx_ordercart .bx_item_detail_scu_small_noadaptive .bx_scu ul li.bx_active a{padding:3px;border:2px solid #006cc0}.bx-retina .bx_ordercart .bx_item_detail_scu_small_noadaptive .bx_scu ul li.bx_active a{border:0;border-style:solid;border-width:1px;-webkit-border-image:url(/local/templates/.default/components/bitrix/sale.basket.basket/basket_header/images/x2border_active.png) 2 stretch;-moz-border-image:url(/local/templates/.default/components/bitrix/sale.basket.basket/basket_header/images/x2border_active.png) 2 stretch;-o-border-image:url(/local/templates/.default/components/bitrix/sale.basket.basket/basket_header/images/x2border_active.png) 2 stretch;border-image:url(/local/templates/.default/components/bitrix/sale.basket.basket/basket_header/images/x2border_active.png) 2 fill stretch}.bx_ordercart .bx_item_detail_scu_small_noadaptive .bx_scu ul li a span{position:absolute;top:6%;right:6%;bottom:6%;left:6%;background-size:100% auto;background-repeat:no-repeat}.bx_ordercart .bx_item_detail_scu_small_noadaptive .bx_scu ul li a span img{width:auto;height:25px}.bx-no-touch .bx_ordercart .bx_item_detail_scu_small_noadaptive .bx_slide_left,.bx-no-touch .bx_ordercart .bx_item_detail_scu_small_noadaptive .bx_slide_right{opacity:.8}.bx-no-touch .bx_ordercart .bx_item_detail_scu_small_noadaptive .bx_slide_left:hover,.bx-no-touch .bx_ordercart .bx_item_detail_scu_small_noadaptive .bx_slide_right:hover{opacity:1.0}.bx_ordercart .bx_item_detail_scu_small_noadaptive.full .bx_slide_left,.bx_ordercart .bx_item_detail_scu_small_noadaptive.full .bx_slide_right{position:absolute;top:0;bottom:4px;width:5%;max-width:11px;cursor:pointer}.bx-no-touch .bx_ordercart .bx_item_detail_scu_small_noadaptive .bx_slide_left{left:-5%;background:url(/local/templates/.default/components/bitrix/sale.basket.basket/basket_header/images/arr_left.png) no-repeat left center;background-size:100% auto}.bx-no-touch .bx_ordercart .bx_item_detail_scu_small_noadaptive .bx_slide_right{right:-5%;background:url(/local/templates/.default/components/bitrix/sale.basket.basket/basket_header/images/arr_right.png) no-repeat right center;background-size:100% auto}.bx-touch .bx_ordercart .bx_item_detail_scu_small_noadaptive .bx_slide_left{left:0;background:url(/local/templates/.default/components/bitrix/sale.basket.basket/basket_header/images/fade_left.png) repeat-y left center;background-size:100% auto}.bx-touch .bx_ordercart .bx_item_detail_scu_small_noadaptive .bx_slide_right{right:0;background:url(/local/templates/.default/components/bitrix/sale.basket.basket/basket_header/images/fade_right.png) repeat-y right center;background-size:100% auto}#warning_message{color:red}.bx-touch .quantity_control{display:none}#basket_items input{line-height:normal}
/* End */


/* Start:/local/components/mst/system.auth.form/templates/.default/style.min.css?1794390170131*/
form#logout-form{display:inline}.error-block{color:red}.input.wrapper_input-disabled.error{background:#ffcdcd}.hidden{display:none}
/* End */


/* Start:/local/templates/.default/components/bitrix/main.auth.form/reg_2021/style.css?1686212085986*/
.bx-authform{
	margin-top: 20px;
	max-width: 550px;
}




.svg-information-socials .h6{
	display: flex;
    align-items: center;
}




.svg-information-socials{
	display: grid;
	grid-template-columns: 1fr auto;
	gap: 20px;
}


.auth_buttons{
	margin-top: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}


#popup-sign-in .popup-modal__content{
	padding-bottom: 65px;
}


.main_auth_button_clone{
	margin-top: 0px;
}

.main_restore_button_clone{
	margin-bottom: 0px;
}



@media screen and (max-width: 640px){
	.svg-information-socials{
		grid-template-columns: 1fr;

		gap: 20px;
		align-items: center;
		justify-content: center;
		justify-items: center;
		align-content: center;
		text-align: center;
	}
	
	.auth_buttons{
		flex-direction: column;
		margin-top: 25px;
	}
	
	
	.auth_buttons .btn-main-static{
		margin: 0px;
		margin-bottom: 30px;
		order: -1;
	}
}







/* End */


/* Start:/local/templates/.default/components/bitrix/main.register/reg_2021/style.css?17246654566915*/

.bx-auth-secure {
	background-color:#FFFAE3; 
	border:1px solid #DEDBC8; 
	padding:2px; 
	display:inline-block; 
	vertical-align:middle;
}

.bx-auth-secure-icon {
	background-image:url(/local/templates/.default/components/bitrix/main.register/reg_2021/images/sec.png); 
	background-repeat:no-repeat; 
	background-position:center; 
	width:19px; 
	height:18px;
}

.bx-auth-secure-unlock {
	background-image:url(/local/templates/.default/components/bitrix/main.register/reg_2021/images/sec-unlocked.png);
}

.registr_errors p{
	margin: 0;
}

.registr_errors{
	color: red;
}


[data-regfieldname="LOGIN"]{
	display: none;
}



.registr_table{
	
}


.registr_tbody{
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 20px;
}



[name="register_submit_button"],
[name="code_submit_button"],
[name="send_account_info"]{
	display: none;
}
.register_submit_button_clone,
.register_code_submit_button_clone{
	cursor: pointer;
	user-select: none;
}






.registr_field_wrapper{
	
}

.registr_field_title{
	font-size: 12px;
    line-height: 17px;
    font-family: 'Helvetica';
    font-weight: 700;
    text-transform: uppercase;
	margin-bottom: 5px;
}

.registr_field_input_wrapper{
	line-height: 50px;
}

.registr_field_input_wrapper input{
	height: 50px;
	padding: 0 16px;
	width: 100%;
	border: none;
	color: #0d1115;
	background: #f3f3f3;
	
	font-size: 16px;
	line-height: 22px;
}

.registr_capcha_img{
	margin-top: 12px;
}

.registr_field_capcha_wrapper{
	display: grid;
	grid-template-columns: 1fr 210px;
	gap: 20px;
}




.registration_switch{
	background: white;
	display: flex;
	align-items: center;
    justify-content: space-between;
}

.registration_switch_variant{
	width: 100%;
	position: relative;
	padding: 18px 0 15px;
	border-bottom: 4px solid #f1f1f1;
	
	display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
	
	text-decoration: none;
}

.registration_switch_variant_text{
	
	color: #262626;
	font: 600 20px/22px 'Helvetica';
	font-size: 16px;
    line-height: 17px;
	
	text-transform: uppercase;
	user-select: none;
}


.registration_switch_variant:not(:last-child)::after {
    content: " ";
    height: 25px;
    width: 2px;
    position: absolute;
    right: 0;
    top: 14px;
    background: #2d2d2d;
    opacity: .1;
}





.registration_switch_variant:hover{
	border-bottom: 4px solid #e4e4e4;
}
.registration_switch_variant:hover .registration_switch_variant_text{
	color: #262626;
}

.registration_switch_variant[data-active="Y"]:hover{
	border-bottom: 4px solid #fbea3a;
}

.registration_switch_title{
	
}

[data-active="Y"]{
	border-bottom: 4px solid #fbea3a;
}

[data-active="Y"] .registration_switch_variant_text{
	color: #262626;
	font-weight: 700;
}




.content-wrapper .content-wrapper_main .main_content-block2 {
    padding-top: 20px!important;
	padding-bottom: 20px!important;
}



.bx-captcha{
	display: flex;
	align-items: center;
}

.bx-captcha-trigger{
	margin-left: 10px;
	
	min-width: 20px;
	width: 20px;
	min-height: 20px;
	height: 20px;
	
	background-image: url('/local/templates/.default/components/bitrix/main.register/reg_2021/images/sync-alt-solid.svg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	
	cursor: pointer;
}


.register_submit_button_clone input{
	display: none;
}





[data-regfieldname="PASSWORD"],
[data-regfieldname="CONFIRM_PASSWORD"]{
	display: none;
}



/*
.registr_field_input_wrapper_password{
	display: grid;
    grid-template-columns: 1fr 48px;
    gap: 20px;
}

.show_password{
	background-image: url('/local/templates/.default/components/bitrix/main.register/reg_2021/images/sync-alt-solid.svg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	
	background-color: #f3f3f3;
    cursor: pointer;
}
*/



@media screen and (max-width: 1000px) and (min-width: 640px){
	.content-wrapper .content-wrapper_sidebar {
		display: block!important;
		width: 100%!important;
	}
	
	.content-wrapper .content-wrapper_main.main-for-sidebar {
		margin-top: 0px!important;
	}
}





@media screen and (max-width: 639px){
	.registr_field_capcha_wrapper {
		grid-template-columns: 1fr;
		gap: 10px;
	}
	
	.content-wrapper .content-wrapper_sidebar {
		display: block!important;
		width: 100%!important;
	}
	

	.content-wrapper .content-wrapper_main.main-for-sidebar {
		margin-top: 0px!important;
	}
	
	
	.registr_tfoot{
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	
	.content-wrapper_title.h2{
		margin-bottom: 23px;
		font-size: 22px;
	}
	
	.registration_switch_variant_text{
		font-size: 13px;
	}

}


@media screen and (max-width: 1000px) and (min-width: 640px){
	.content-wrapper .content-wrapper_title {
		margin-bottom: 32px;
		margin-top: 100px;
	}
}








.registr_field_input_wrapper_pass{
	position: relative;
}

.pass_show_eye{
	position: absolute;
    right: 0;
    top: 0;
    width: 60px;
	height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pass_show_eye_ico{
	background-color: black;
	
	-webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
	
	-webkit-mask-size: 26px 26px;
    mask-size: 26px 26px;
	
	-webkit-mask-image: url(/local/templates/.default/components/bitrix/main.register/reg_2021/images/eye_yes.svg);
    mask-image: url(/local/templates/.default/components/bitrix/main.register/reg_2021/images/eye_yes.svg);
	
	cursor: pointer;
	
	height: 100%;
	width: 100%;
}


.pass_show_eye[data-passvisible="Y"] .pass_show_eye_ico{
	-webkit-mask-image: url(/local/templates/.default/components/bitrix/main.register/reg_2021/images/eye_no.svg);
    mask-image: url(/local/templates/.default/components/bitrix/main.register/reg_2021/images/eye_no.svg);
	
	-webkit-mask-size: 26px 26px;
    mask-size: 26px 26px;
}


.republica_politica{
	margin-top: 25px;
	margin-bottom: 15px;
	text-transform: uppercase;
}

.republica_politica a{
	color: black;
}

.politica_text{
	font: normal 14px/22px 'Open Sans';
}










.custom-checkbox_rep { 
    display: flex;
    align-items: flex-start;
}

.custom-checkbox_rep .checkbox_rep {
    margin-right: 10px;
	margin-top: 4px;
}

.custom-checkbox_rep input {
    -webkit-appearance: none; 
    position: absolute;
                      
}

.checkbox_rep { 
    position: relative;
    width: 20px;
    height: 20px;
	min-width: 20px;
    min-height: 20px;
    cursor: pointer;
    /*border: 2.5px solid #e4e4e4;*/
	border: 2px solid #262626;
}

.checkmark_rep { 
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
    height: auto;
    display: none;
}

.custom-checkbox_rep input:checked ~ .checkbox_rep .checkmark_rep {
    display: block; 
}

.custom-checkbox_rep input:checked ~ .checkbox_rep {
    border-color: #fbea3a;
    background: #fbea3a;
}





#bx_register_resend{
    margin-top: 20px;
    font-size: 12px;
    line-height: 17px;
    font-family: 'Helvetica';
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 5px;
	color: black;
}


#bx_register_resend_link{
	color: black;
}

#bx_register_resend_link::visited{
	color: black;
}


@media screen and (max-width: 639px){
	#bx_register_resend{
		text-align: center;
		margin-top: 35px;
	}
}


.will-be-sent p{
	text-transform: none!important;
}
.policy{
	font-style: normal;
}

input[name="SMS_CODE"]{
	margin-bottom: 16px;
}

    
/* End */


/* Start:/local/templates/.default/components/bitrix/socserv.auth.form/republica_flat/style.min.css?16862120852638*/
.bx-authform-social-popup{display:none;background:#fff;width:auto;padding:15px;font-size:14px;white-space:nowrap}.bx-authform-social-popup form{margin-bottom:0}.bx-authform-social-popup input[type="text"]{display:inline-block;max-width:150px;font-size:18px;height:30px;margin:0;padding:0 4px;border:1px solid #ccd5db;border-radius:2px;background:#f8fafc;outline:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bx-authform-social ul{padding:5px 0 12px;margin:0 0 15px;display:block}.bx-authform-social ul li{position:relative;display:inline-block;width:35px;height:35px;margin-right:5px}.bx-authform-social ul li .bx-authform-social-icon{display:block;width:35px;height:35px;	background-image: url(/local/templates/.default/components/bitrix/socserv.auth.form/republica_flat/images/sprite.png); background-repeat:no-repeat;border-bottom:0}.bx-authform-social ul li .bx-authform-social-icon:hover{opacity:.9}.bx-authform-social ul li .bx-authform-social-icon.box{background-position:0 0}.bx-authform-social ul li .bx-authform-social-icon.dropbox{background-position:-44px 0}.bx-authform-social ul li .bx-authform-social-icon.bitrix24{background-position:-88px 0}.bx-authform-social ul li .bx-authform-social-icon.yandex{background-position:-132px 0}.bx-authform-social ul li .bx-authform-social-icon.openid{background-position:-176px 0}.bx-authform-social ul li .bx-authform-social-icon.odnoklassniki{background-position:-220px 0}.bx-authform-social ul li .bx-authform-social-icon.google{background-position:-264px 0}.bx-authform-social ul li .bx-authform-social-icon.mymailru{background-position:-308px 0}.bx-authform-social ul li .bx-authform-social-icon.mailru2{background-position:-440px 0}.bx-authform-social ul li .bx-authform-social-icon.livejournal{background-position:-352px 0}.bx-authform-social ul li .bx-authform-social-icon.openid-mail-ru{background-position:-440px 0}.bx-authform-social ul li .bx-authform-social-icon.liveid{background-position:-484px 0}.bx-authform-social ul li .bx-authform-social-icon.liveinternet{background-position:-528px 0}.bx-authform-social ul li .bx-authform-social-icon.blogger{background-position:-572px 0}.bx-authform-social ul li .bx-authform-social-icon.vkontakte{background-position:-616px 0}.bx-authform-social ul li .bx-authform-social-icon.twitter{background-position:-660px 0}.bx-authform-social ul li .bx-authform-social-icon.facebook{background-position:-704px 0}.bx-authform-social ul li .bx-authform-social-icon.google-plus{background-position:-748px 0}.bx-authform-social ul li .bx-authform-social-icon.office365{background-position:-792px 0}.bx-authform-social ul li .bx-authform-social-icon.zoom{background-position:-836px 0}
/* End */


/* Start:/local/components/trigran/authphone/templates/.default/style.css?17933750531763*/
.popup-sign-in__wrapper .trigran-authphone {
	margin-top: 1rem;
}
.registr_field_input_wrapper input {
	height: 50px;
	padding: 0 16px;
	width: 100%;
	border: none;
	color: #0d1115;
	background: #f3f3f3;
	font-size: 16px;
	line-height: 22px;
}
.authphone-button.authphone-button-primary {
	height: 57px;
	border-radius: 76px;
	background: #fbea3a;
	vertical-align: middle;
	position: relative;
	z-index: 1;
	text-align: center;
	-webkit-transition: background .6s ease, color .6s ease;
	-o-transition: background .6s ease, color .6s ease;
	transition: background .6s ease, color .6s ease;
	text-decoration: none;
	min-width: 0;
	box-sizing: border-box;
	padding: 0 40px;
	border: none;
	cursor: pointer;
	overflow: hidden;
	white-space: normal;
}

.policy {
	font-style: normal;
	margin-bottom: 12px;
}

[data-authphone="agreementError"] {
	text-transform: initial;
}

.authphone-error-message {
	color: red;
}

.authphone-status-message {
	background-color: #dedede;
	padding:12px;
	margin:12px 0;
}

.authphone-call-phone {
	font-size: 25px;
	font-weight: normal;
	text-decoration: underline;
}

.authphone-timer {
	display: inline;
}

.will-be-sent {
	margin: 25px 0 0 0;
}

@media (max-width: 768px) {
	.trigran-authphone .authphone-step {
		margin-bottom: 10px;
	}
	.trigran-authphone .authphone-text {
		margin: 8px 0;
	}
	.trigran-authphone .authphone-input-group {
		margin: 8px 0;
	}
	.trigran-authphone .authphone-agreement-block {
		margin: 10px 0;
	}
	.trigran-authphone .authphone-status-message {
		margin: 8px 0;
		padding: 8px;
	}
	.trigran-authphone .will-be-sent {
		margin-top: 12px;
	}
	.trigran-authphone .authphone-call-phone {
		font-size: 20px;
	}
}
/* End */


/* Start:/local/templates/.default/components/bitrix/form.result.new/feedback_web_form_2/style.css?1686212085754*/
.fileNames{
	display: flex; 
	width: 100%; 
	word-break: break-all; 
	margin-bottom: 14px;
}


.file-upload label input{
	display: none;
}

.btn-main-web-form{
	outline: none;
	border: none;
	cursor: pointer;
	display: flex!important;
	align-items: center;
	justify-content: center;
	user-select: none;
}



.btn-main-web-form:hover{
	color:white;
}

#black-theme .btn-main-web-form{
	color:black;
}
#black-theme .btn-main-web-form:hover{
	color:white;
}


.fileAndSumbit{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
}


@media screen and (max-width: 767px) {
	.fileAndSumbit{
		grid-template-columns: 1fr;
	}
	
	.btn-main-web-form:hover{
		color: black!important;
	}
	
	
	
	
	.btn-main-web-form{
		max-width: 65%;
		margin: 0 auto;
	}
}
/* End */


/* Start:/local/templates/republica/components/bitrix/search.title/visual_custom/style.css?17187802864646*/
.bx-searchtitle {
	margin: 10px 0 0;
	box-shadow: none!important;
}
.bx-searchtitle .bx-block-title {
	font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-semi-bold, 600);
	color: #343434;
	text-transform: uppercase;
	font-size: 12px;
	margin-bottom: 9px;
}
.bx-searchtitle .bx-input-group {
	position: relative;
	display: table;
	border-collapse: separate;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.bx-searchtitle .bx-input-group {}
.bx-searchtitle .bx-input-group .bx-form-control {
	display: table-cell;
	max-width: 610px;
	position: relative;
	z-index: 2;
	float: left;
	width: 100%;
	margin-bottom: 0;
	display: block;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #f8fafc;
	border: 1px solid #d5dadc;
	border-right: none;
	border-radius: 2px 0 0 2px;
	outline: none;
	box-shadow: none !important;
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.bx-ios .bx-searchtitle .bx-input-group .bx-form-control {
	/* Fix of input shadow for IOS browsers. */
	background-image: -webkit-linear-gradient(#f8fafc 0%, #f8fafc 100%);
	background-image: linear-gradient(#f8fafc 0%, #f8fafc 100%);
}
.bx-searchtitle .bx-input-group-btn {
	position: relative;
	font-size: 0;
	width: 1%;
	white-space: nowrap;
	vertical-align: middle;
	display: table-cell;
}
.bx-searchtitle .bx-input-group-btn button {
	position: relative;
	border: none;
	background: #95a1a8;
	display: inline-block;
	margin-bottom: 0;
	cursor: pointer;
	padding:6px 12px;
	border-radius: 0 2px 2px 0;
	color: #fff;
	font-size: 16px;
	line-height: 1.42857143;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.bx-searchtitle .bx-input-group-btn button:hover {
	background: #1484CE;
}


div.title-search-result {
	/*border:1px solid #c6c6c6;*/
	display:none;
	overflow:hidden;
	z-index:999;
	/*min-width: 370px;*/
	margin-top:-3px;
	background-color: #FFF;
}

div.title-search-fader {
	display:none;
	background-image: url('/local/templates/republica/components/bitrix/search.title/visual_custom/images/fader.png');
	background-position: right top;
	background-repeat: repeat-y;
	position:absolute;
}

p.title-search-preview {
	font-size:12px;
}
div.title-search-result td.title-search-price span {
	font-size: 26px;
}

/*========================*/
.bx_searche{
	display: block!important;
}
.bx_searche .bx_img_element{
	background: #fafafa;
	float: left;
	width: 67px;
	padding: 5px 10px;
	position: absolute;
	top: 0;
	bottom: 0;
}
.bx_searche .bx_item_block{
	/*min-height: 65px;*/
	position: relative
}
.bx_searche .bx_image{
	width: 45px;
	height: 45px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	border: 1px solid #e8e8e8;
}
.bx_searche .bx_item_element{
	/*float: left;*/
	padding-left: 10px;
	/*margin-left: 70px;*/
}
.bx_searche .bx_item_element hr{
	margin: 0;
	border: none;
	border-bottom: 1px solid #e5e5e5;
}

.bx_searche .bx_price .old{
	font-weight:normal;
	text-decoration: line-through;
	color: #636363
}
.bx_item_block.all_result{min-height:0}
.bx_item_block.others_result{
	min-height: 0;
	padding: 0 0 12px;
	line-height: 12px;
}
.bx_item_block.all_result .all_result_title{
	display: block;
	font-size: 12px;
	color: #a7a7a7;
	padding-top: 15px;
	padding-bottom: 10px;
}
.bx_item_block.all_result .all_result_title a{color: #a7a7a7}
.bx_item_block.all_result .all_result_title a:hover{color: #4788cb}
.bx_item_block.all_result a{
	margin-top: 0;
}

#black-theme div.title-search-result .bx_item_element a span b{
	color: #fbea3a;
}
#black-theme #popup-content-wrapper,#black-theme .bx-input-group-btn,#black-theme div.title-search-result{
	background-color: #21262a;

}
#black-theme .bx_item_element a span{
	color: white;
}
.bx_item_element .header-menu__link span {
	text-transform: none;
}
.bx_item_element a span{
	color: black;
}
div.title-search-result{
	padding-top: 10px;
}

.popup-content-wrapper{
	width: 100%;
}
.popup-content{
	width: 80%;
	justify-content: space-between;
}
.section{
	width: 20%;
	display: flex;
	align-items: center;
	justify-content: start;

}

@media screen and (max-width:639px) {
	.bx_item_element .header-menu__link span {
		font-size: 14px;
		max-width: 50px;
	}
	.bx_item_element .header-menu__link{
		max-width: 145px;
	}
	.section{
		width: 40%;
	}
}

/* End */


/* Start:/local/templates/republica/styles.css?174852217213*/
/*test git*/

/* End */


/* Start:/local/templates/republica/template_styles.css?17485221721167*/
.captcha_img{
	margin-top: 12px;
}

.captcha_wrapper{
	display: flex;
	gap: 20px;
}

.field_title {
	font-size: 12px;
	line-height: 17px;
	font-family: 'Helvetica';
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 5px;
}

.field_input_wrapper{
	line-height: 50px;
}

.field_input_wrapper input{
	height: 50px;
	padding: 0 16px;
	width: 100%;
	border: none;
	color: #0d1115;
	background: #f3f3f3;
	
	font-size: 16px;
	line-height: 22px;
}
@media screen and (min-width: 2295px) {
  header .header-btn-drop {
    width: 107px;
    height: 107px;
  }
}

@media screen and (max-width: 2295px) and (min-width: 1721px) {
	header .header-btn-drop {
		width: 80px;
		height: 80px; } }
@media screen and (max-width: 1720px) and (min-width: 1301px) {
	header .header-btn-drop {
		width: 60px;
		height: 70px; } }
@media screen and (max-width: 1300px) and (min-width: 1001px) {
	header .header-btn-drop {
		width: 52px;
		height: 52px; } }
@media screen and (max-width: 1000px) and (min-width: 640px) {
	header .header-btn-drop {
		width: 55px;
		height: 55px; } }
@media screen and (max-width: 639px) {
	header .header-btn-drop {
		width: 50px;
		height: 50px; } }
/* End */
/* /styles/styles.css?17906891191084168 */
/* /styles/custom.css?17383262244112 */
/* /local/templates/.default/components/bitrix/menu/republica_left/style.css?1689510683990 */
/* /local/templates/.default/components/bitrix/sale.basket.basket/basket_header/style.min.css?168621208537078 */
/* /local/components/mst/system.auth.form/templates/.default/style.min.css?1794390170131 */
/* /local/templates/.default/components/bitrix/main.auth.form/reg_2021/style.css?1686212085986 */
/* /local/templates/.default/components/bitrix/main.register/reg_2021/style.css?17246654566915 */
/* /local/templates/.default/components/bitrix/socserv.auth.form/republica_flat/style.min.css?16862120852638 */
/* /local/components/trigran/authphone/templates/.default/style.css?17933750531763 */
/* /local/templates/.default/components/bitrix/form.result.new/feedback_web_form_2/style.css?1686212085754 */
/* /local/templates/republica/components/bitrix/search.title/visual_custom/style.css?17187802864646 */
/* /local/templates/republica/styles.css?174852217213 */
/* /local/templates/republica/template_styles.css?17485221721167 */