@import url("font-face.css");
@import url("all.min.css");
* {
  padding: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

body {
  font-family: Panton Regular;
  position: relative;
}

.contaner {
  width: 1920px;
  height: 2500px;
  padding: 0px 9px 63.5px 0px;
  margin: 0 auto;
}

.contaner .header {
  width: 100%;
  height: 215px;
}

.contaner .header .header-top {
  width: 100%;
  height: 45px;
  background-color: #000;
}

.contaner .header .header-top .header-top-nav {
  margin: 0 19.53125%;
  height: 100%;
}

.contaner .header .header-top .header-top-nav .header-top-menu {
  display: block;
  list-style-type: circle;
  -webkit-margin-before: 0;
          margin-block-start: 0;
  -webkit-padding-start: 0;
          padding-inline-start: 0;
  height: 100%;
  float: left;
}

.contaner .header .header-top .header-top-nav .header-top-menu .header-top-menu-item {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.contaner .header .header-top .header-top-nav .header-top-menu .header-top-menu-item .header-top-nav-link {
  display: block;
  height: 100%;
  font-size: 14px;
  line-height: 1.79;
  letter-spacing: 0.18px;
  text-align: left;
  color: #ffffff;
  text-decoration: none;
  padding: 0 50px;
  line-height: 45px;
}

.contaner .header .header-top .header-top-nav .header-top-menu .header-top-menu-item .header-top-nav-link:hover {
  background-color: #272727;
}

.contaner .header .header-top .header-top-phone {
  display: inline-block;
  margin-left: 13.02083%;
  line-height: 45px;
}

.contaner .header .header-top .header-top-phone .header-top-phone-text {
  font-size: 13px;
  color: #fff;
  margin-left: 15px;
}

.contaner .header .header-top .header-top-phone .header-top-phone-phone {
  color: #009ee2;
  font-family: Panton Bold;
  font-size: 15px;
  margin-left: 15px;
}

.contaner .header .header-center {
  width: 100%;
  height: 124px;
  margin: 0 19.53125%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
}

.contaner .header .header-center .header-center-logo {
  font-family: Panton Black;
  font-size: 50px;
  letter-spacing: 6px;
  color: #0086c0;
  margin: auto 15px;
  width: 13.54167%;
}

.contaner .header .header-center .header-center-search {
  margin: auto 15px;
  width: 29.16667%;
}

.contaner .header .header-center .header-center-search form {
  width: 100%;
  position: relative;
}

.contaner .header .header-center .header-center-search form .search {
  border: 1px solid #ddd;
  border-radius: 3px;
  height: 40px;
  width: 100%;
  padding-left: 23px;
  padding-right: 68px;
  margin-right: px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  float: left;
}

.contaner .header .header-center .header-center-search form button {
  position: absolute;
  top: 9px;
  right: 20px;
  display: inline-block;
  font-size: 19px;
  background-color: #fff;
  border: none;
}

.contaner .header .header-center .header-center-search form button:active {
  border-bottom: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.contaner .header .header-center .header-center-icons {
  margin: auto 0;
  width: 15.20833%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
}

.contaner .header .header-center .header-center-icons div {
  margin: 0 15px;
  color: #000;
  width: 67px;
}

.contaner .header .header-center .header-center-icons div a {
  text-decoration: none;
  color: #000;
}

.contaner .header .header-center .header-center-icons div a i {
  font-size: 28px;
  margin-top: 9px;
  float: left;
}

.contaner .header .header-center .header-center-icons div a i:after {
  content: '  ';
}

.contaner .header .header-center .header-center-icons div span {
  font-size: 16px;
  color: #009ee2;
  display: inline-block;
  margin-bottom: 28px;
}

.contaner .header .header-bottom {
  height: 60px;
  background-color: #efefef;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.contaner .header .header-bottom .catalog {
  margin-left: 20.3125%;
  margin-right: 15px;
  height: 100%;
  width: 263px;
  padding: 0 15px;
  position: relative;
  background: -webkit-gradient(linear, right top, left top, from(#0187c1), to(#3ac0ef));
  background: linear-gradient(to left, #0187c1, #3ac0ef);
}

.contaner .header .header-bottom .catalog .catalog-link {
  font-family: Panton SemiBold;
  font-size: 18px;
  height: 100%;
  color: #fff;
  text-decoration: none;
  margin: auto auto;
  line-height: 60px;
}

.contaner .header .header-bottom .catalog .fa-chevron-down:before {
  padding-left: 25px;
}

.contaner .header .header-bottom .catalog .fa-bars:before {
  padding-right: 25px;
  font-size: 28px;
}

.contaner .header .header-bottom .header-bottom-nav {
  margin: 0 0.78125%;
  height: 100%;
  width: 45.67708%;
}

.contaner .header .header-bottom .header-bottom-nav .header-botton-menu {
  display: block;
  list-style-type: none;
  -webkit-margin-before: 0;
          margin-block-start: 0;
  -webkit-padding-start: 0;
          padding-inline-start: 0;
  height: 100%;
  float: left;
  width: 100%;
}

.contaner .header .header-bottom .header-bottom-nav .header-botton-menu .bottom-menu-item {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  position: relative;
  width: 16.16667%;
  list-style-type: none;
}

.contaner .header .header-bottom .header-bottom-nav .header-botton-menu .bottom-menu-item .bottom-menu-link {
  display: inline-block;
  width: 100%;
  height: 100%;
  font-family: Panton Bold;
  font-size: 14px;
  line-height: 1.79;
  letter-spacing: 0.18px;
  text-align: left;
  color: #000;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 60px;
  text-align: center;
}

.contaner .header .header-bottom .header-bottom-nav .header-botton-menu .bottom-menu-item .bottom-menu-link:hover::after {
  content: '';
  position: absolute;
  left: 45%;
  top: 0;
  border: 10px solid transparent;
  border-top: 10px solid #fff;
  color: #009ee2;
}

.contaner .header .header-bottom .header-bottom-nav .header-botton-menu .bottom-menu-item .bottom-menu-link:hover {
  color: #009ee2;
}

.contaner .main {
  margin: 0 auto;
  padding: 45px 15px;
  width: 60.9375%;
}

.contaner .main .navigation {
  width: 100%;
  margin-bottom: 42px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
}

.contaner .main .navigation .nav-left {
  width: 25.04274%;
  margin-right: 15px;
  height: 610px;
}

.contaner .main .navigation .nav-left .menu {
  list-style-type: none;
}

.contaner .main .navigation .nav-left .menu .menu-item {
  height: 46px;
  background-color: #EFEFEF;
  border-top: 1px solid #ffffff;
  position: relative;
}

.contaner .main .navigation .nav-left .menu .menu-item .menu-item .first {
  border-top: none;
}

.contaner .main .navigation .nav-left .menu .menu-item .menu-link {
  display: block;
  line-height: 46px;
  text-align: left;
  font-family: Panton Bold;
  font-size: 15px;
  letter-spacing: calc((50*15px)/1000);
  text-align: left;
  color: #1d1e1e;
  text-decoration: none;
}

.contaner .main .navigation .nav-left .menu .menu-item .menu-link:before {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f22d';
  margin-left: 24px;
  margin-right: 27px;
}

.contaner .main .navigation .nav-left .menu .menu-item .menu-link::after {
  content: '\f054';
  position: absolute;
  right: 10px;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  color: #d2d2d2;
  margin-left: 24px;
  margin-right: 27px;
}

.contaner .main .navigation .nav-left .menu .menu-item:hover {
  background-color: #e4e4e4;
}

.contaner .main .navigation .slider-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-item-align: start;
      align-self: flex-start;
  width: 74.95726%;
  height: 610px;
  margin: 0 15px 46px 15px;
}

.contaner .main .navigation .slider-right .slider {
  width: 100%;
  height: 410px;
  position: relative;
  background: linear-gradient(45deg, #0187c1, #3ac0ef);
  margin-bottom: 15px;
  position: relative;
  -webkit-box-shadow: 0px 40px 30.5px -35px #a7a6a6;
          box-shadow: 0px 40px 30.5px -35px #a7a6a6;
}

.contaner .main .navigation .slider-right .slider .slider-img {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 0;
  height: 433px;
}

.contaner .main .navigation .slider-right .slider .slider-img .img {
  position: absolute;
  background-size: cover;
  height: 100%;
  margin: 0;
  bottom: 0;
}

.contaner .main .navigation .slider-right .slider .slider-text {
  width: 36.33257%;
  margin: 46px 15px 0 41px;
}

.contaner .main .navigation .slider-right .slider .slider-text .text-header {
  font-family: Panton ExtraBold;
  font-size: 40px;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 10px;
  letter-spacing: calc((50*40px)/1000);
}

.contaner .main .navigation .slider-right .slider .slider-text .text-title {
  font-size: 22px;
  font-weight: 600;
  line-height: 1.36;
  letter-spacing: calc((50*22px)/1000);
  text-align: left;
  color: #4bd1fe;
  margin-bottom: 14px;
}

.contaner .main .navigation .slider-right .slider .slider-text .text-price {
  font-size: 30px;
  line-height: 1.5;
  color: #ffffff;
  margin-bottom: 30px;
}

.contaner .main .navigation .slider-right .slider .slider-text .text-button {
  width: 174px;
  height: 54px;
  background-color: #000;
}

.contaner .main .navigation .slider-right .slider .slider-text .text-button .text-button-link {
  display: inline-block;
  text-align: center;
  height: 100%;
  width: 100%;
  color: #fff;
  line-height: 54px;
  text-decoration: none;
  font-family: Panton Bold;
  font-size: 16px;
  letter-spacing: calc((200*16px)/1000);
}

.contaner .main .navigation .slider-right .slider .slider-text .text-button:hover {
  -webkit-box-shadow: 0 5px 15px -2px rgba(29, 29, 29, 0.3);
  box-shadow: 0 5px 15px -2px rgba(29, 29, 29, 0.3);
  background-color: #1d1d1deb;
}

.contaner .main .navigation .slider-right .articles {
  width: 100%;
  margin-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
}

.contaner .main .navigation .slider-right .articles .article-one,
.contaner .main .navigation .slider-right .articles .article-two,
.contaner .main .navigation .slider-right .articles .article-three {
  width: 33.29532%;
  height: 172px;
  background: linear-gradient(45deg, #0187c1, #3ac0ef);
  margin: 15px;
  -webkit-box-shadow: 0px 40px 30.5px -35px #8d8d8d;
          box-shadow: 0px 40px 30.5px -35px #8d8d8d;
  position: relative;
}

.contaner .main .navigation .slider-right .articles .article-one .article-img,
.contaner .main .navigation .slider-right .articles .article-two .article-img,
.contaner .main .navigation .slider-right .articles .article-three .article-img {
  position: absolute;
  bottom: 0;
  right: 0;
}

.contaner .main .navigation .slider-right .articles .article-one .article-text,
.contaner .main .navigation .slider-right .articles .article-two .article-text,
.contaner .main .navigation .slider-right .articles .article-three .article-text {
  width: 57.25191%;
  margin: 26px 15px 0 24px;
}

.contaner .main .navigation .slider-right .articles .article-one .article-text .text-header,
.contaner .main .navigation .slider-right .articles .article-two .article-text .text-header,
.contaner .main .navigation .slider-right .articles .article-three .article-text .text-header {
  font-family: Panton Bold;
  font-size: 20px;
  color: #fff;
  letter-spacing: calc((20*25)/1000);
  margin-bottom: 10px;
}

.contaner .main .navigation .slider-right .articles .article-one .article-text .text-title,
.contaner .main .navigation .slider-right .articles .article-two .article-text .text-title,
.contaner .main .navigation .slider-right .articles .article-three .article-text .text-title {
  font-size: 11px;
  font-family: Panton SemiBold;
  line-height: 1.36;
  text-transform: uppercase;
  letter-spacing: calc((50*14px)/1000);
  text-align: left;
  color: #4bd1fe;
  margin-bottom: 14px;
}

.contaner .main .navigation .slider-right .articles .article-one .article-text .text-button,
.contaner .main .navigation .slider-right .articles .article-two .article-text .text-button,
.contaner .main .navigation .slider-right .articles .article-three .article-text .text-button {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  text-align: center;
  background-color: #000;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.contaner .main .navigation .slider-right .articles .article-one .article-text .text-button .text-button-link,
.contaner .main .navigation .slider-right .articles .article-two .article-text .text-button .text-button-link,
.contaner .main .navigation .slider-right .articles .article-three .article-text .text-button .text-button-link {
  display: inline-block;
  text-align: center;
  height: 100%;
  width: 100%;
  color: #fff;
  line-height: 25px;
  text-decoration: none;
  font-family: Panton Bold;
  font-size: 16px;
  letter-spacing: calc((200*16px)/1000);
}

.contaner .main .navigation .slider-right .articles .article-one {
  margin-left: 0;
}

.contaner .main .navigation .slider-right .articles .article-one .article-img {
  bottom: -24px;
  right: -15px;
}

.contaner .main .navigation .slider-right .articles .article-two {
  margin-left: 0;
  margin-left: 15px;
}

.contaner .main .navigation .slider-right .articles .article-two .article-img {
  bottom: -15px;
  right: -15px;
}

.contaner .main .navigation .slider-right .articles .article-three {
  margin-right: 0;
}

.contaner .main .navigation .slider-right .articles .article-three .article-img {
  bottom: -24px;
  right: 0;
}

.contaner .main .bestseller {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 85px;
}

.contaner .main .bestseller .bestseller-header {
  width: 100%;
  float: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 42px 0 26px 0;
}

.contaner .main .bestseller .bestseller-header span {
  font-family: Panton ExtraBold;
  font-size: 36px;
  letter-spacing: calc(36px*50/1000);
  text-transform: uppercase;
  margin-right: 33px;
}

.contaner .main .bestseller .bestseller-header a {
  font-family: Panton Bold;
  font-size: 11px;
  color: #4cd2fe;
}

.contaner .main .bestseller .bestseller-header-button {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  text-align: center;
  background-color: #000;
  -webkit-border-radius: 50%;
  float: left;
  margin-left: 5px;
}

.contaner .main .bestseller .bestseller-header-button .bestseller-header-button-link {
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 25px;
}

.contaner .main .bestseller .cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.contaner .main .bestseller .cards .card {
  width: 100%;
  height: 450px;
  background-color: #fff;
  -webkit-box-shadow: 0px 9px 10.5px 0 #ebebeb;
          box-shadow: 0px 9px 10.5px 0 #ebebeb;
  border: solid 0.5px #efefef;
  float: left;
  margin: 15px;
  position: relative;
}

.contaner .main .bestseller .cards .card .card-sale-label {
  position: absolute;
  top: 0;
  left: 0;
  width: 84px;
  height: 34px;
  background-color: #00963f;
  font-family: Panton ExtraBold;
  font-size: 12px;
  color: #fff;
  line-height: 34px;
  text-align: center;
  border-radius: 3px;
  display: none;
  z-index: 19;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
}

.contaner .main .bestseller .cards .card .card-hit {
  position: absolute;
  top: 39px;
  left: 0;
  width: 58px;
  height: 34px;
  background: -webkit-gradient(linear, right top, left top, from(#0187c1), to(#3ac0ef));
  background: linear-gradient(to left, #0187c1, #3ac0ef);
  font-family: Panton ExtraBold;
  font-size: 12px;
  color: #fff;
  line-height: 35px;
  text-align: center;
  z-index: 20;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
}

.contaner .main .bestseller .cards .card .card-img {
  width: 100%;
  height: calc(240/450*100%);
  padding: 13px 6px 0 7px;
}

.contaner .main .bestseller .cards .card .card-img img {
  background-size: cover;
  height: 100%;
  width: 100%;
}

.contaner .main .bestseller .cards .card .card-text {
  height: calc(210/450*100%);
  padding: 6px 17px 15px 17px;
}

.contaner .main .bestseller .cards .card .card-text .card-rating {
  width: 46%;
}

.contaner .main .bestseller .cards .card .card-text .card-desc {
  font-family: Panton SemiBold;
  font-size: 16px;
  letter-spacing: calc(16*25/1000);
}

.contaner .main .bestseller .cards .card .card-text .card-price {
  margin-top: 15px;
  font-family: Panton ExtraBold;
  font-size: 18px;
  letter-spacing: calc(18*25/1000);
}

.contaner .main .bestseller .cards .card .card-text .card-price .price::after {
  content: ' p.';
}

.contaner .main .bestseller .cards .card .card-text .card-price .sale {
  font-family: Panton Bold;
  font-size: 16px;
  text-decoration: line-through;
  color: #6d6d6d;
  margin-left: 15px;
}

.contaner .main .bestseller .cards .card .card-text .card-price .sale::after {
  content: " p.";
}

.contaner .main .bestseller .cards .card .card-text .card-sale {
  margin-top: 7px;
  font-size: 12px;
  color: #00963f;
  height: 15px;
}

.contaner .main .bestseller .cards .card .card-text .card-button {
  width: 224px;
  height: 54px;
  background: -webkit-gradient(linear, right top, left top, from(#0187c1), to(#3ac0ef));
  background: linear-gradient(to left, #0187c1, #3ac0ef);
  text-align: center;
  margin: 5px auto 0 auto;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
}

.contaner .main .bestseller .cards .card .card-text .card-button .card-button-link {
  display: inline-block;
  font-family: Panton Bold;
  font-size: 16px;
  width: 100%;
  letter-spacing: calc(16*200/1000);
  text-decoration: none;
  line-height: 54px;
  color: #fff;
}

.contaner .main .bestseller .cards .card .card-text .card-button .card-button-link:hover {
  background-color: #007ee2;
}

.contaner .main .bestseller .cards .card-first {
  margin-left: 0;
  background: -webkit-gradient(linear, right top, left top, from(#0187c1), to(#3ac0ef));
  background: linear-gradient(to left, #0187c1, #3ac0ef);
  position: relative;
}

.contaner .main .bestseller .cards .card-first .card-bestseller-img {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
}

.contaner .main .bestseller .cards .card-first .card-bestseller-text {
  position: absolute;
  top: 0;
  margin: 25px 20px 10px 30px;
}

.contaner .main .bestseller .cards .card-first .card-bestseller-text .card-bestseller-text-header {
  color: #fff;
  font-family: Panton ExtraBold;
  font-size: 33px;
  letter-spacing: calc(33*25/1000);
}

.contaner .main .bestseller .cards .card-first .card-bestseller-text .card-bestseller-text-desc {
  margin-top: 25px;
  color: #4cd2fe;
  font-family: Panton SemiBold;
  font-size: 22px;
  letter-spacing: calc(22*25/1000);
  width: 65%;
}

.contaner .main .bestseller .cards .card-first .card-bestseller-text .card-bestseller-text-price {
  color: #fff;
  margin-top: 220px;
  font-family: Panton Regular;
  font-size: 30px;
  letter-spacing: normal;
}

.contaner .main .bestseller .cards .card:hover {
  -webkit-box-shadow: 0px 9px 10.5px 0 #d6d6d6;
          box-shadow: 0px 9px 10.5px 0 #d6d6d6;
  border: solid 0.5px #efefef;
}

.new-items {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 85px;
}

.new-items .new-item-header {
  width: 100%;
  float: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 42px 0 26px 0;
}

.new-items .new-item-header span {
  font-family: Panton ExtraBold;
  font-size: 36px;
  letter-spacing: calc(36px*50/1000);
  text-transform: uppercase;
  margin-right: 33px;
}

.new-items .new-item-header a {
  font-family: Panton Bold;
  font-size: 11px;
  color: #4cd2fe;
}

.new-items .bestseller-header-button {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  text-align: center;
  background-color: #000;
  -webkit-border-radius: 50%;
  float: left;
  margin-left: 5px;
}

.new-items .bestseller-header-button .bestseller-header-button-link {
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 25px;
}

.new-items .cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.new-items .cards .card {
  width: 100%;
  height: 450px;
  background-color: #fff;
  -webkit-box-shadow: 0px 9px 10.5px 0 #ebebeb;
          box-shadow: 0px 9px 10.5px 0 #ebebeb;
  border: solid 0.5px #efefef;
  float: left;
  margin: 15px;
  position: relative;
}

.new-items .cards .card .card-sale-label {
  position: absolute;
  top: 0;
  left: 0;
  width: 84px;
  height: 34px;
  background-color: #00963f;
  font-family: Panton ExtraBold;
  font-size: 12px;
  color: #fff;
  line-height: 34px;
  text-align: center;
  border-radius: 3px;
  display: none;
  z-index: 19;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
}

.new-items .cards .card .card-hit {
  position: absolute;
  top: 39px;
  left: 0;
  width: 58px;
  height: 34px;
  background: -webkit-gradient(linear, right top, left top, from(#0187c1), to(#3ac0ef));
  background: linear-gradient(to left, #0187c1, #3ac0ef);
  font-family: Panton ExtraBold;
  font-size: 12px;
  color: #fff;
  line-height: 35px;
  text-align: center;
  z-index: 20;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
}

.new-items .cards .card .card-img {
  width: 100%;
  height: calc(240/450*100%);
  padding: 13px 6px 0 7px;
}

.new-items .cards .card .card-img img {
  background-size: cover;
  height: 100%;
  width: 100%;
}

.new-items .cards .card .card-text {
  height: calc(210/450*100%);
  padding: 6px 17px 15px 17px;
}

.new-items .cards .card .card-text .card-rating {
  width: 46%;
}

.new-items .cards .card .card-text .card-desc {
  font-family: Panton SemiBold;
  font-size: 16px;
  letter-spacing: calc(16*25/1000);
}

.new-items .cards .card .card-text .card-price {
  margin-top: 15px;
  font-family: Panton ExtraBold;
  font-size: 18px;
  letter-spacing: calc(18*25/1000);
}

.new-items .cards .card .card-text .card-price .price::after {
  content: ' p.';
}

.new-items .cards .card .card-text .card-price .sale {
  font-family: Panton Bold;
  font-size: 16px;
  text-decoration: line-through;
  color: #6d6d6d;
  margin-left: 15px;
}

.new-items .cards .card .card-text .card-price .sale::after {
  content: " p.";
}

.new-items .cards .card .card-text .card-sale {
  margin-top: 7px;
  font-size: 12px;
  color: #00963f;
  height: 15px;
}

.new-items .cards .card .card-text .card-button {
  width: 224px;
  height: 54px;
  background: -webkit-gradient(linear, right top, left top, from(#0187c1), to(#3ac0ef));
  background: linear-gradient(to left, #0187c1, #3ac0ef);
  text-align: center;
  margin: 5px auto 0 auto;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
}

.new-items .cards .card .card-text .card-button .card-button-link {
  display: inline-block;
  font-family: Panton Bold;
  font-size: 16px;
  width: 100%;
  letter-spacing: calc(16*200/1000);
  text-decoration: none;
  line-height: 54px;
  color: #fff;
}

.new-items .cards .card .card-text .card-button .card-button-link:hover {
  background-color: #007ee2;
}

.new-items .cards .card-first {
  margin-left: 0;
  background: -webkit-gradient(linear, right top, left top, from(#0187c1), to(#3ac0ef));
  background: linear-gradient(to left, #0187c1, #3ac0ef);
  position: relative;
}

.new-items .cards .card-first .card-bestseller-img {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
}

.new-items .cards .card-first .card-bestseller-text {
  position: absolute;
  top: 0;
  margin: 25px 20px 10px 30px;
}

.new-items .cards .card-first .card-bestseller-text .card-bestseller-text-header {
  color: #fff;
  font-family: Panton ExtraBold;
  font-size: 33px;
  letter-spacing: calc(33*25/1000);
}

.new-items .cards .card-first .card-bestseller-text .card-bestseller-text-desc {
  margin-top: 25px;
  color: #4cd2fe;
  font-family: Panton SemiBold;
  font-size: 22px;
  letter-spacing: calc(22*25/1000);
  width: 65%;
}

.new-items .cards .card-first .card-bestseller-text .card-sale-percent {
  font-family: Panton ExtraBold;
  font-size: 90px;
  margin-left: -10px;
  margin-top: 76px;
  color: #ffffff29;
}

.new-items .cards .card-first .card-bestseller-text .card-bestseller-text-price {
  color: #fff;
  margin-top: 20px;
  font-family: Panton Regular;
  font-size: 30px;
  letter-spacing: normal;
}

.new-items .cards .card:hover {
  -webkit-box-shadow: 0px 9px 10.5px 0 #d6d6d6;
          box-shadow: 0px 9px 10.5px 0 #d6d6d6;
  border: solid 0.5px #efefef;
}

hr {
  height: 1px;
  background-color: #efefef;
  /* color: #efefef; */
  border: none;
}

.last-news {
  height: 588px;
  width: 100px;
  width: 100%;
}

.last-news .last-news-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.last-news .last-news-header span {
  margin-top: 42px;
  display: inline-block;
  font-family: Panton ExtraBold;
  font-size: 36px;
  letter-spacing: calc(36px*50/1000);
  text-transform: uppercase;
  margin-right: 33px;
  margin-bottom: 24px;
}

.last-news .last-news-header .all-news-link {
  font-family: Panton Bold;
  font-size: 11px;
  letter-spacing: calc(11px*200/1000);
  color: #009ee2;
}

.last-news .last-news-header .all-news-arrow {
  margin-top: 60px;
}

.last-news .last-news-header .all-news-arrow .all-news-button {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  text-align: center;
  background-color: #000;
  -webkit-border-radius: 50%;
  float: left;
  margin-left: 5px;
  display: inline-block;
}

.last-news .last-news-header .all-news-arrow .all-news-button .all-news-button-link {
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 25px;
}

.last-news .last-news-cards {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.last-news .last-news-cards .last-new-card {
  width: 31.57895%;
  height: 431px;
  background-color: #fff;
  margin: 15px;
  border-radius: 3px;
  position: relative;
  -webkit-box-shadow: 0 15px 15px 1px #e4e4e47d;
          box-shadow: 0 15px 15px 1px #e4e4e47d;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
}

.last-news .last-news-cards .last-new-card .new-card-img {
  width: 100%;
  height: 209px;
}

.last-news .last-news-cards .last-new-card .new-card-img img {
  background-size: cover;
  width: 100%;
}

.last-news .last-news-cards .last-new-card .new-card-body {
  width: 100%;
  height: 222px;
  padding: 22px;
}

.last-news .last-news-cards .last-new-card .new-card-body .card-neader {
  font-family: Panton ExtraBold;
  font-size: 16px;
  letter-spacing: calc(16px*50/1000);
}

.last-news .last-news-cards .last-new-card .new-card-body .card-text {
  margin-top: 22px;
  font-family: Panton SemiBold;
  font-size: 13px;
  letter-spacing: calc(13px*25/1000);
  color: #1d1e1e;
  line-height: 1.5;
}

.last-news .last-news-cards .last-new-card .new-card-body .card-link {
  margin-top: 28px;
  display: inline-block;
  font-family: Panton Bold;
  font-size: 10px;
  letter-spacing: calc(10px*200/1000);
  text-transform: uppercase;
  color: #0295d5;
}

.last-news .last-news-cards .last-new-card .card-date {
  background-color: #1d1d1d;
  height: 36px;
  width: 93px;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 3px;
  color: #fff;
  line-height: 36px;
  text-align: center;
  font-family: Panton SemiBold;
  font-size: 13px;
  letter-spacing: calc(13px*25/1000);
}

.last-news .last-news-cards .last-new-card.first {
  margin-left: 0;
}

.subscription {
  height: 160px;
  position: relative;
  margin-bottom: 41px;
}

.subscription h3.sub {
  margin-top: 35px;
  margin-bottom: 34px;
  text-align: center;
  font-family: Panton Bold;
  font-size: 24px;
  color: #1d1e1e;
}

.subscription form .input-subscription {
  width: 860px;
  height: 58px;
  border: none;
  margin-right: 0;
  border-radius: 3px 0 0 3px;
  padding: 22px 32px 22px 32px;
  font-family: Panton SemiBold;
  font-size: 18px;
}

.subscription form .input-button {
  width: 262px;
  height: 58px;
  border: none;
  margin-left: -7px;
  border-radius: 0 3px 3px 0;
  background: linear-gradient(-45deg, #0187c1, #3ac0ef);
  -webkit-border-radius: 0 3px 3px 0 0;
  -moz-border-radius: 0 3px 3px 0 0;
  -ms-border-radius: 0 3px 3px 0 0;
  -o-border-radius: 0 3px 3px 0 0;
  margin-top: 2px;
  font-family: Panton Bold;
  font-size: 16px;
  letter-spacing: calc(16px*200/1000);
  color: #fff;
}

.footer-sale {
  height: 335px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.footer-sale .footer-card-sale {
  width: 50%;
  height: 279px;
  background: linear-gradient(45deg, #0187c1, #3ac0ef);
  margin: 15px;
  -webkit-box-shadow: 0px 40px 30.5px -35px #8d8d8d;
          box-shadow: 0px 40px 30.5px -35px #8d8d8d;
  position: relative;
}

.footer-sale .footer-card-sale .footer-card-img {
  position: absolute;
  bottom: -70px;
  right: -90px;
  z-index: 10;
}

.footer-sale .footer-card-sale .footer-card-img.last {
  bottom: -25px;
  right: 20px;
  z-index: 10;
}

.footer-sale .footer-card-sale .footer-card-text {
  width: 70.17544%;
  margin: 26px 15px 0 24px;
  position: relative;
}

.footer-sale .footer-card-sale .footer-card-text .text-header {
  font-family: Panton ExtraBold;
  font-size: 48px;
  color: #fff;
  letter-spacing: calc((48px*25)/1000);
  margin-bottom: 10px;
}

.footer-sale .footer-card-sale .footer-card-text .text-title {
  font-size: 22px;
  font-family: Panton SemiBold;
  line-height: 1.36;
  text-transform: uppercase;
  letter-spacing: calc((25*22px)/1000);
  text-align: left;
  color: #4bd1fe;
  margin-bottom: 14px;
  position: absolute;
  top: 18px;
  left: 200px;
  z-index: 5;
}

.footer-sale .footer-card-sale .footer-card-text .sale-percent {
  position: absolute;
  position: absolute;
  left: 110px;
  font-size: 95px;
  font-family: Panton ExtraBold;
  color: #ffffff38;
}

.footer-sale .footer-card-sale .footer-card-text .text-button {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  text-align: center;
  background-color: #000;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  margin-top: 60px;
}

.footer-sale .footer-card-sale .footer-card-text .text-button .text-button-link {
  display: inline-block;
  text-align: center;
  height: 100%;
  width: 100%;
  color: #fff;
  line-height: 25px;
  text-decoration: none;
  font-family: Panton Bold;
  font-size: 16px;
  letter-spacing: calc((200*16px)/1000);
}

.footer-sale .footer-card-sale.first {
  margin-left: 0px;
}

.about {
  width: 100%;
  margin: 0 auto;
  padding: 85px 0;
  height: 600px;
}

.about .about-us {
  color: #1d1e1e;
  font-family: Panton ExtraBold;
  font-size: 36px;
  letter-spacing: calc(36px*0/1000);
  margin-bottom: 60px;
}

.about .collumn {
  -webkit-column-width: calc(555/1100*100%);
          column-width: calc(555/1100*100%);
  -webkit-column-count: 2;
          column-count: 2;
  -webkit-column-gap: 30px;
          column-gap: 30px;
}

.about .collumn p {
  color: #1d1e1e;
  font-family: Panton SemiBold;
  font-size: 14px;
  line-height: 1.7;
  letter-spacing: calc(14px*25/1000);
  margin-bottom: 35px;
}

.footer {
  height: 441px;
  background-color: #1d1e1e;
  color: #6d6d6d;
}

.footer .footer-contaner {
  width: 1170px;
  margin: 0 auto;
  padding: 60px 15px 0 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.footer .footer-contaner .footer-logo {
  margin-right: 15px;
  width: 31.57895%;
}

.footer .footer-contaner .footer-logo h1 {
  font-family: Panton Black;
  font-size: 50px;
  letter-spacing: calc(50px*90/1000);
}

.footer .footer-contaner .footer-logo p {
  font-family: Panton Bold;
  font-size: 13px;
  letter-spacing: calc(13px*100/1000);
  margin-top: 10px;
}

.footer .footer-contaner .footer-logo div {
  margin-top: 65px;
}

.footer .footer-contaner .footer-logo div a {
  font-family: Panton Bold;
  font-size: 14px;
  letter-spacing: calc(14px*10/1000);
  color: #4cd2fe;
}

.footer .footer-contaner .company,
.footer .footer-contaner .buyers,
.footer .footer-contaner .wholesaler {
  margin: 0 15px;
  width: 14.21053%;
}

.footer .footer-contaner .company h3,
.footer .footer-contaner .buyers h3,
.footer .footer-contaner .wholesaler h3 {
  font-family: Panton Bold;
  font-size: 12px;
  letter-spacing: calc(12px*200/1000);
  color: #fff;
}

.footer .footer-contaner .contacts {
  margin-left: 15px;
  width: 14.21053%;
}

.footer .footer-contaner .contacts h3 {
  font-family: Panton Bold;
  font-size: 12px;
  letter-spacing: calc(12px*200/1000);
  color: #fff;
}

.footer .footer-contaner .company .footer-menu {
  margin-top: 27px;
  list-style-type: none;
}

.footer .footer-contaner .company .footer-menu .footer-menu-item {
  height: 32px;
}

.footer .footer-contaner .company .footer-menu .footer-menu-item .footer-link {
  font-family: Panton Bold;
  font-size: 12px;
  letter-spacing: calc(12px*50/1000);
  text-decoration: none;
  text-transform: uppercase;
  color: #6d6d6d;
}

.footer .footer-contaner .buyers .footer-menu {
  margin-top: 27px;
  list-style-type: none;
}

.footer .footer-contaner .buyers .footer-menu .footer-menu-item {
  height: 32px;
}

.footer .footer-contaner .buyers .footer-menu .footer-menu-item .footer-link {
  font-family: Panton Bold;
  font-size: 12px;
  letter-spacing: calc(12px*50/1000);
  text-decoration: none;
  text-transform: uppercase;
  color: #6d6d6d;
}

.footer .footer-contaner .wholesaler h3,
.footer .footer-contaner .contacts h3 {
  margin-bottom: 30px;
}

.footer .footer-contaner .wholesaler p,
.footer .footer-contaner .contacts p {
  margin: 18px 0;
  font-family: Panton Bold;
  font-size: 12px;
  letter-spacing: calc(12px*50/1000);
  text-decoration: none;
  text-transform: uppercase;
  color: #6d6d6d;
}

.footer .footer-contaner .wholesaler p a,
.footer .footer-contaner .contacts p a {
  color: #4cd2fe;
  text-transform: lowercase;
}

.background {
  position: absolute;
  bottom: 0px;
  right: -377px;
  height: 435px;
  width: 1920px;
  background-color: #efefef;
  z-index: -10;
}

.card-rating {
  width: 46%;
  margin-bottom: 10px;
  position: relative;
}

.card-rating .like-link {
  display: inline-block;
  position: absolute;
  right: -110%;
  bottom: 0;
  color: #3ac0ef;
}

.card-rating .review_stars_wrap {
  position: relative;
}

.card-rating .review_stars_wrap .stars {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  font-size: 18px;
  color: #feb909;
  font-weight: 100;
}

.card-rating .review_stars_wrap .product-info__rating {
  width: 0;
  background-color: #feb909;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.card-rating .review_stars_wrap .product-info__rating i:before {
  font-family: 'Font Awesome 5 Free';
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  content: "\f005";
  color: #feb909;
}
/*# sourceMappingURL=style.css.map */