/* FONTS */
 @font-face {
   font-family: "RobotoRegular";
   font-style: normal;
   font-weight: normal;
   font-display: swap;
   src: local("Helvetica Neue Regular"), url("../fonts/Roboto-Regular.woff");
 }

 @font-face {
   font-family: "RobotoBold";
   font-style: normal;
   font-weight: normal;
   font-display: swap;
   src: local("Helvetica Neue Regular"), url("../fonts/Roboto-Bold.woff");
 }

 /* FONTS END */


 /* NULL STYLE */
 * {
   padding: 0;
   margin: 0;
   border: 0;
 }

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

 :focus,
 :active {
   outline: none;
 }

 html,
 body {
   height: 100%;
   width: 100%;
   font-size: 100%;
   line-height: 1;
   font-size: 14px;
   -ms-text-size-adjust: 100%;
   -moz-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }

 input,
 button,
 textarea {
   font-family: inherit;
 }

 input::-ms-clear {
   display: none;
 }

 button {
   cursor: pointer;
 }

 button:active,
 button:focus {
   outline: none !important;
 }

 button::-moz-focus-inner {
   border: 0 !important;
 }

 button::-moz-focus-inner {
   padding: 0;
   border: 0;
 }

 a,
 a:visited {
   text-decoration: none;
 }

 a:hover {
   text-decoration: none;
 }

 ul li {
   list-style: none;
 }

 img {
   vertical-align: top;
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
   font-size: inherit;
   font-weight: 400;
 }

 body {
   font-family: "RobotoRegular", sans-serif;
   color: #111;
 }

 code {
   font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace;
 }

 ul,
 ol {
   list-style: none;
 }

 /* NULL STYLE END */



 /* CLASSES  */
 .wrapper {
   overflow: hidden;
   min-height: 100vh;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   display: flex;
   display: -webkit-box;
   display: -ms-flexbox;
   display: -webkit-flex;
 }

 .main {
   width: 100%;
   -webkit-box-flex: 1;
   -ms-flex: 1 1 auto;
   flex: 1 1 auto;
 }

 .container {
   width: 100%;
   max-width: 1240px;
   margin: 0 auto;
   padding: 0 15px;
 }

 .relative {
   position: relative;
 }

 /* CLASSES END */


 /* PRELOADER */
 .preloader {
   position: fixed;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background-color: #ffffff;
   z-index: 1001;
   -webkit-transition: all 0.5s ease-out;
   -o-transition: all 0.5s ease-out;
   transition: all 0.5s ease-out;
 }

 .preloader h6 {
   color: #bbb;
   margin: 0;
   text-transform: uppercase;
   letter-spacing: 0.1em;
   text-align: center;
 }

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

 .preloader__loader span {
   display: inline-block;
   vertical-align: middle;
   width: 0.6em;
   height: 0.6em;
   margin: 0.19em;
   background: #007DB6;
   border-radius: 0.6em;
   -webkit-animation: loading 1s infinite alternate;
   animation: loading 1s infinite alternate;
 }

 .preloader__loader span:nth-of-type(2) {
   background: #008FB2;
   -webkit-animation-delay: 0.2s;
   animation-delay: 0.2s;
 }

 .preloader__loader span:nth-of-type(3) {
   background: #009B9E;
   -webkit-animation-delay: 0.4s;
   animation-delay: 0.4s;
 }

 .preloader__loader span:nth-of-type(4) {
   background: #00A77D;
   -webkit-animation-delay: 0.6s;
   animation-delay: 0.6s;
 }

 .preloader__loader span:nth-of-type(5) {
   background: #00B247;
   -webkit-animation-delay: 0.8s;
   animation-delay: 0.8s;
 }

 .preloader__loader span:nth-of-type(6) {
   background: #5AB027;
   -webkit-animation-delay: 1s;
   animation-delay: 1s;
 }

 .preloader__loader span:nth-of-type(7) {
   background: #A0B61E;
   -webkit-animation-delay: 1.2s;
   animation-delay: 1.2s;
 }

 .preloader--hide {
   opacity: 0;
   visibility: hidden;
   z-index: -1;
 }

 /* PRELOADER END */


 /* HEADER */
 .header {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   z-index: 10;
   background: #ffffff;
   -webkit-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.5);
   box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.5);
 }

 .header__body,
 .header__body-inner,
 .header__logo {
   display: flex;
   display: -webkit-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
 }

 .header__logo {
   margin: 0 50px 0 20px;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
 }

 @media (max-width: 950px) {
   .header__logo {
     margin: 0 20px 0 0px;
     -webkit-box-flex: 1;
     -ms-flex: 1 0 auto;
     flex: 1 0 auto;
   }
 }

 .header__logo a {
   display: inline-block;
   width: 48px;
   height: 48px;
   position: relative;
   white-space: nowrap;
 }

 .header__logo a img,
 .header__logo a source {
   display: block;
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
   z-index: 1;
   -o-object-fit: contain;
   object-fit: contain;
 }

 .header__list {
   display: flex;
   display: -webkit-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   -ms-flex-wrap: nowrap;
   flex-wrap: nowrap;
 }

 @media (max-width: 950px) {
   .header__list {
     display: block;
   }
 }

 .header__list li {
   display: inline-block;
 }

 .header__list a {
   font-size: 15px;
   line-height: 1.2;
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   position: relative;
   z-index: 1;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
 }

 @media (max-width: 950px) {
   .header__item:not(:last-child) {
     margin: 0px 0px 20px 0px;
   }
 }

 .header__link {
   display: flex;
   display: -webkit-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   text-align: center;
   width: 100%;
   color: #000000;
   white-space: nowrap;
   padding: 15px 20px;
 }

 .header__link-wrapper {
   position: relative;
   display: flex;
   display: -webkit-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
 }

 .header__link.active::after,
 .header__link.active::before {
   left: 0;
 }

 .header__list-icons {
   display: inline-block;
   position: relative;
   width: 15px;
   height: 15px;
   margin-right: 10px;
 }

 .header__list-icons svg {
   display: block;
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   fill: #000000;
   -webkit-transition: fill 0.2s ease;
   -o-transition: fill 0.2s ease;
   transition: fill 0.2s ease;
 }

 .header__title {
   font-size: 20px;
   line-height: 1.4;
   padding: 5px 0px;
   text-transform: capitalize;
   position: relative;
   margin: 0 0 10px 0;
 }

 .header__title::after {
   content: "";
   display: block;
   width: 100%;
   height: 1px;
   background: rgb(94, 94, 94);
   position: absolute;
   top: 100%;
   left: 50%;
   z-index: 1;
   -webkit-transform: translate(-50%, 0);
   -ms-transform: translate(-50%, 0);
   transform: translate(-50%, 0);
 }

 .header__title a {
   font-size: inherit;
   color: inherit;
   font-family: inherit;
 }

 .header__wishlist,
 .header__cart {
   margin: 0 10px;
 }

 .header__wishlist a,
 .header__cart a {
   display: inline-block;
   width: 25px;
   height: 25px;
   position: relative;
 }

 .header__wishlist a svg,
 .header__cart a svg {
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
 }

 .contacts-header {
   -webkit-box-flex: 1;
   -ms-flex: 1 1 auto;
   flex: 1 1 auto;
 }

 @media (min-width: 950px) {
   .contacts-header {
     text-align: center;
     margin-left: 20px;
   }
 }

 @media (max-width: 950px) {
   .contacts-header {
     -webkit-box-flex: 0;
     -ms-flex: 0 1 auto;
     flex: 0 1 auto;
     margin-right: 10px;
   }
 }

 .contacts-header a {
   font-family: "RobotoBold", sans-serif;
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   -webkit-box-align: end;
   -ms-flex-align: end;
   align-items: flex-end;
   color: #111;
   font-size: 18px;
   -webkit-transition: color 0.3s ease;
   -o-transition: color 0.3s ease;
   transition: color 0.3s ease;
 }

 .contacts-header__icon {
   display: inline-block;
   position: relative;
   width: 22px;
   height: 22px;
   margin: 0px 10px 0px 0px;
 }

 .contacts-header__icon svg {
   width: 100%;
   height: 100%;
   fill: #111;
   position: absolute;
   top: 0;
   left: 0;
   -webkit-transition: fill 0.3s ease;
   -o-transition: fill 0.3s ease;
   transition: fill 0.3s ease;
 }

 @media (max-width: 480px) {
   .contacts-header__number {
     display: none;
   }
 }

 body.touch .header__list>li .header__list-icons {
   display: none;
 }

 body.touch .contacts-header__number {
   display: none;
 }

 body.mouse .sub-menu__arrow {
   display: block;
 }

 body.mouse .sub-menu__arrow::before,
 body.mouse .sub-menu__arrow::after {
   content: "";
   display: block;
   width: 6px;
   height: 1px;
   background: #222;
   position: absolute;
   top: 50%;
   z-index: 1;
   border-radius: 2px;
   -webkit-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
 }

 body.mouse .sub-menu__arrow::before {
   left: 2px;
   -webkit-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   transform: rotate(45deg);
 }

 body.mouse .sub-menu__arrow::after {
   left: 6px;
   -webkit-transform: rotate(-45deg);
   -ms-transform: rotate(-45deg);
   transform: rotate(-45deg);
 }

 body.touch .header__link {
   padding: 15px 5px 15px 15px;
 }

 body.touch .header__link.parent {
   margin: 0px 25px 0px 0px;
 }


 /* HEADER TOP */
 .top-header {
   background-color: rgba(223, 223, 223, 0.6);
 }

 .top-header__inner {
   display: flex;
   display: -webkit-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   height: 50px;
 }

 .top-header__search {
   -webkit-box-flex: 1;
   -ms-flex: 1 1 auto;
   flex: 1 1 auto;
 }

 .top-social {
   height: inherit;
 }

 @media (max-width: 950px) {
   .top-social {
     margin-right: -10px;
   }
 }

 .top-social__list,
 .top-social__item,
 .top-social__list li {
   display: flex;
   display: -webkit-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   height: inherit;
 }

 .top-social__link {
   display: inline-block;
   width: 40px;
   height: inherit;
   position: relative;
 }

 @media (min-width: 1024px) {
   .top-social__link--facebook:hover {
     background: #3b5998;
   }

   .top-social__link--instagram:hover {
     background: #f09433;
     background: -o-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
     background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f09433", endColorstr="#bc1888", GradientType=1);
   }

   .top-social__link--twitter:hover {
     background: #00acee;
   }

   .top-social__link--google:hover {
     background: #dd4b39;
   }

   .top-social__link:hover svg {
     fill: #ffffff;
   }
 }

 .top-social__link svg {
   width: 50%;
   height: 50%;
   position: absolute;
   top: 50%;
   left: 50%;
   z-index: 1;
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
 }

 @media (max-width: 950px) {
   .search {
     margin-right: 10px;
   }
 }

 .search__item {
   max-width: 600px;
   width: 100%;
   position: relative;
 }

 .search__item input {
   width: 100%;
   height: 30px;
   border-radius: 10px;
   border: 1px solid rgba(34, 34, 34, 0.452);
   padding: 0 40px 0 15px;
 }

 .search__item input::-webkit-input-placeholder {
   text-transform: capitalize;
 }

 .search__item input::-moz-placeholder {
   text-transform: capitalize;
 }

 .search__item input:-ms-input-placeholder {
   text-transform: capitalize;
 }

 .search__item input::-ms-input-placeholder {
   text-transform: capitalize;
 }

 .search__item input::placeholder {
   text-transform: capitalize;
 }

 .search button {
   display: inline-block;
   width: 30px;
   height: 30px;
   position: absolute;
   top: 0;
   left: calc(100% - 30px);
   border-radius: 10px;
   background: rgba(0, 0, 0, 0.295);
   -webkit-transition: background 0.2s ease;
   -o-transition: background 0.2s ease;
   transition: background 0.2s ease;
 }

 .search button svg {
   width: 60%;
   height: 60%;
   position: absolute;
   top: 50%;
   left: 50%;
   z-index: 1;
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   fill: #111;
   -webkit-transition: fill 0.2s ease;
   -o-transition: fill 0.2s ease;
   transition: fill 0.2s ease;
 }

 /* HEADER TOP END */


 /* NAV */
 .nav {
   -webkit-box-flex: 1;
   -ms-flex: 1 1 auto;
   flex: 1 1 auto;
 }

 @media (max-width: 950px) {
   .nav {
     -webkit-box-flex: 0;
     -ms-flex: none;
     flex: none;
   }
 }

 /* NAV END */


 /* CATALOG */
 .catalog {
   position: absolute;
   padding: 15px 0px 0px 0px;
   max-height: 0;
   top: 38px;
   left: 0;
   z-index: 1;
   visibility: hidden;
   opacity: 0;
   overflow: hidden;
   will-change: max-height;
   -webkit-box-sizing: content-box;
   box-sizing: content-box;
   -webkit-transform-origin: top;
   -ms-transform-origin: top;
   transform-origin: top;
   overflow: hidden;
 }

 .catalog__list li {
   display: block;
   position: relative;
   background-color: #ffffff;
   -webkit-transition: -webkit-box-shadow 0.4s ease 0.3s;
   transition: -webkit-box-shadow 0.4s ease 0.3s;
   -o-transition: box-shadow 0.4s ease 0.3s;
   transition: box-shadow 0.4s ease 0.3s;
   transition: box-shadow 0.4s ease 0.3s, -webkit-box-shadow 0.4s ease 0.3s;
 }

 .catalog__link {
   display: flex;
   display: -webkit-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   height: 40px;
   padding: 5px 10px;
   min-width: 200px;
   color: #000000;
   padding: 0px 10px;
 }

 .catalog__icon {
   width: 25px;
   height: 25px;
   position: relative;
   margin: 0px 10px 0px 0px;
 }

 .catalog__icon svg {
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
 }

 .catalog__group {
   position: absolute;
   left: 100%;
   max-height: 0;
   opacity: 0;
   overflow: hidden;
   will-change: max-height;
   -webkit-box-sizing: content-box;
   box-sizing: content-box;
   -webkit-transform-origin: top;
   -ms-transform-origin: top;
   transform-origin: top;
   background: #ffffff;
 }

 .catalog__row {
   display: flex;
   display: -webkit-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
 }

 .group-catalog__list {
   display: flex;
   display: -webkit-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   width: inherit;
 }

 @media (max-width: 1240px) {
   .group-catalog__list {
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
   }
 }

 .group-catalog__coll {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 200px;
   flex: 0 0 200px;
   display: flex;
   display: -webkit-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: flex-start;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
 }

 .group-catalog__item {
   padding: 10px;
 }

 .group-catalog__image {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 32px;
   flex: 0 0 32px;
   width: 32px;
   height: 32px;
   position: relative;
   margin: 0px 12px 0px 0px;
 }

 .group-catalog__image img,
 .group-catalog__image source {
   display: block;
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
   z-index: 1;
   -o-object-fit: contain;
   object-fit: contain;
 }

 .group-catalog__title {
   font-family: "RobotoBold", serif;
 }

 .group-catalog__title a {
   color: #333;
 }

 .group-catalog__sub-catalog {
   margin-left: 45px;
   font-size: 13px;
 }

 .sub-catalog li {
   margin: 10px 0px;
 }

 .sub-catalog a {
   color: #000000;
 }

 .menu-active.catalog {
   opacity: 1;
   visibility: visible;
   -webkit-animation: delay-overflow 0.1s 0.3s both;
   animation: delay-overflow 0.1s 0.3s both;
 }

 .menu-active.catalog .catalog__list>li {
   -webkit-box-shadow: 0px 2px 10px 1px rgba(0, 0, 0, 0.397);
   box-shadow: 0px 2px 10px 1px rgba(0, 0, 0, 0.397);
 }

 .menu-active.catalog__group {
   opacity: 1;
   -webkit-animation: delay-overflow 0.1s 0.3s both;
   animation: delay-overflow 0.1s 0.3s both;
   -webkit-box-shadow: 0px 2px 10px 1px rgba(0, 0, 0, 0.397);
   box-shadow: 0px 2px 10px 1px rgba(0, 0, 0, 0.397);
 }

 body.touch .menu-active.catalog {
   opacity: 1;
   padding: 10px;
 }

 body.touch .catalog {
   top: 110%;
   padding: 0;
 }

 @media (max-width: 950px) {
   body.touch .catalog {
     top: 0;
     position: relative;
   }

   body.touch .catalog__link {
     width: 100%;
   }
 }

 body.touch .menu-active.catalog {
   opacity: 1;
 }

 @media (max-width: 950px) {
   body.touch .menu-active.catalog {
     padding: 0px 10px 0px 0px;
   }
 }

 /* CATALOG END */


 /* SUB MENU */
 .sub-menu {
   position: absolute;
   padding: 15px 0px 0px 0px;
   max-height: 0;
   top: 38px;
   left: 0;
   z-index: 1;
   opacity: 0;
   visibility: hidden;
   overflow: hidden;
   will-change: max-height;
   -webkit-box-sizing: content-box;
   box-sizing: content-box;
   -webkit-transform-origin: top;
   -ms-transform-origin: top;
   transform-origin: top;
 }

 @media (max-width: 950px) {
   .sub-menu {
     top: 0;
     padding: 0;
   }
 }

 .sub-menu>li {
   min-width: 200px;
   position: relative;
 }

 .sub-menu li {
   min-width: 200px;
 }

 .sub-menu__item {
   background-color: #ffffff;
   -webkit-transition: -webkit-box-shadow 0.4s ease 0.3s;
   transition: -webkit-box-shadow 0.4s ease 0.3s;
   -o-transition: box-shadow 0.4s ease 0.3s;
   transition: box-shadow 0.4s ease 0.3s;
   transition: box-shadow 0.4s ease 0.3s, -webkit-box-shadow 0.4s ease 0.3s;
 }

 .sub-menu__link {
   padding: 5px 10px;
   color: #000000;
   padding: 15px 30px 15px 20px;
   width: 100%;
 }

 .menu-active.sub-menu {
   opacity: 1;
   visibility: visible;
   -webkit-animation: delay-overflow 0.1s 0.3s both;
   animation: delay-overflow 0.1s 0.3s both;
 }

 .menu-active.sub-menu .sub-menu__item {
   -webkit-box-shadow: 0px 2px 10px 1px rgba(0, 0, 0, 0.397);
   box-shadow: 0px 2px 10px 1px rgba(0, 0, 0, 0.397);
 }

 body.touch .sub-menu {
   top: 100%;
 }

 @media (max-width: 950px) {
   body.touch .sub-menu {
     position: relative;
   }
 }

 body.touch .menu-active.sub-menu {
   opacity: 1;
 }

 @media (max-width: 950px) {
   body.touch .menu-active.sub-menu {
     padding: 0px 10px 0px 0px;
   }
 }

 /* SUB MENU END */


 /* SUB SUB MENU */
 .sub-sub-menu {
   display: flex;
   display: -webkit-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   position: absolute;
   top: 0;
   left: 100%;
   opacity: 0;
   max-height: 0;
   overflow: hidden;
   z-index: 1;
   padding: 0px 0px 0px 5px;
   will-change: max-height;
   -webkit-box-sizing: content-box;
   box-sizing: content-box;
   -webkit-transform-origin: top;
   -ms-transform-origin: top;
   transform-origin: top;
 }

 @media (max-width: 950px) {
   .sub-sub-menu {
     position: relative;
     top: 0;
     left: 0;
     padding: 0px 5px;
   }
 }

 .sub-sub-menu__item {
   background-color: #ffffff;
   -webkit-transition: -webkit-box-shadow 0.2s ease 0.2s;
   transition: -webkit-box-shadow 0.2s ease 0.2s;
   -o-transition: box-shadow 0.2s ease 0.2s;
   transition: box-shadow 0.2s ease 0.2s;
   transition: box-shadow 0.2s ease 0.2s, -webkit-box-shadow 0.2s ease 0.2s;
 }

 .sub-sub-menu__link {
   padding: 5px 10px;
   color: #000000;
   padding: 15px 20px;
   width: 100%;
 }

 @media (min-width: 950px) {
   .sub-sub-menu--left {
     left: calc(-100% - 10px);
     padding-right: 5px;
   }
 }

 .menu-active.sub-sub-menu {
   opacity: 1;
   -webkit-animation: delay-overflow 0.1s 0.3s both;
   animation: delay-overflow 0.1s 0.3s both;
 }

 .menu-active.sub-sub-menu .sub-sub-menu__item {
   position: relative;
   -webkit-box-shadow: 0px 2px 10px 1px rgba(0, 0, 0, 0.397);
   box-shadow: 0px 2px 10px 1px rgba(0, 0, 0, 0.397);
 }

 body.touch .menu-active.sub-sub-menu {
   opacity: 1;
 }

 /* SUB SUB MENU END */


 /* BIG MENU */
 .big-menu {
   max-width: 1210px;
   width: 100%;
   max-height: 0;
   position: absolute;
   top: 88px;
   left: 50%;
   z-index: 1;
   -webkit-transform: translate(-50%, 0);
   -ms-transform: translate(-50%, 0);
   transform: translate(-50%, 0);
   opacity: 0;
   overflow: hidden;
   will-change: max-height;
   -webkit-box-sizing: content-box;
   box-sizing: content-box;
   -webkit-transform-origin: top;
   -ms-transform-origin: top;
   transform-origin: top;
   padding: 0px 10px;
 }

 @media (max-width: 1250px) {
   .big-menu {
     width: 96%;
   }
 }

 @media (max-width: 950px) {
   .big-menu {
     width: 100%;
   }
 }

 .big-menu__inner {
   margin: 15px 0px 0px 0px;
   display: flex;
   display: -webkit-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   -webkit-box-shadow: 0px 2px 10px 1px rgba(0, 0, 0, 0.397);
   box-shadow: 0px 2px 10px 1px rgba(0, 0, 0, 0.397);
   background: #ffffff;
 }

 @media (max-width: 950px) {
   .big-menu__inner {
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
   }
 }

 .big-menu__item {
   -webkit-box-flex: 1;
   -ms-flex: 1 1 25%;
   flex: 1 1 25%;
   padding: 0 10px;
 }

 @media (max-width: 550px) {
   .big-menu__item {
     -webkit-box-flex: 1;
     -ms-flex: 1 1 100%;
     flex: 1 1 100%;
   }
 }

 .big-menu__item--slider {
   display: block;
   max-width: 350px;
   width: 100%;
 }

 @media (max-width: 950px) {
   .big-menu__item--slider {
     max-width: 750px;
   }
 }

 .big-menu__list {
   display: flex;
   display: -webkit-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
 }

 .big-menu__link {
   color: #222;
   padding: 10px;
   width: 100%;
 }

 .menu-active.big-menu {
   opacity: 1;
 }

 @media (max-width: 950px) {
   body.touch .big-menu {
     position: relative;
     top: 0;
   }

   body.touch .big-menu__inner {
     margin: 15px 10px 0px 0px;
   }
 }

 body.touch .menu-active.big-menu {
   opacity: 1;
   padding: 10px;
 }

 .slider {
   border: 1px solid black;
   max-width: 85%;
   width: 100%;
   margin: 20px auto;
   overflow: hidden;
   position: relative;
 }

 .slider-line {
   width: 350px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   background: orange;
   position: relative;
   left: 0;
   -webkit-transition: all ease 1s;
   -o-transition: all ease 1s;
   transition: all ease 1s;
   -webkit-perspective: 1000px;
   perspective: 1000px;
 }

 .slider__item {
   position: relative;
 }

 .slider__item img,
 .slider__item source {
   max-width: 100%;
   width: 100%;
   height: 100%;
   vertical-align: middle;
   position: absolute;
   top: 0;
   left: 0;
   z-index: 1;
   -o-object-fit: cover;
   object-fit: cover;
 }

 .slider-button {
   display: inline-block;
   position: absolute;
   top: 50%;
   z-index: 2;
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   background: transparent;
   font-size: 0px;
   width: 20px;
   height: 20px;
 }

 .slider-prev {
   left: 40px;
 }

 .slider-prev::before,
 .slider-prev::after {
   content: "";
   display: block;
   width: 10px;
   height: 4px;
   background: rgb(153, 153, 153);
   border-radius: 4px;
   position: absolute;
   left: 0;
   z-index: 1;
 }

 .slider-prev::before {
   top: 5px;
   -webkit-transform: rotate(-45deg);
   -ms-transform: rotate(-45deg);
   transform: rotate(-45deg);
 }

 .slider-prev::after {
   top: 10px;
   -webkit-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   transform: rotate(45deg);
 }

 .slider-next {
   left: calc(100% - 40px);
 }

 .slider-next::before,
 .slider-next::after {
   content: "";
   display: block;
   width: 10px;
   height: 4px;
   background: rgb(153, 153, 153);
   border-radius: 4px;
   position: absolute;
   left: calc(100% - 10px);
   z-index: 1;
 }

 .slider-next::before {
   top: 5px;
   -webkit-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   transform: rotate(45deg);
 }

 .slider-next::after {
   top: 10px;
   -webkit-transform: rotate(-45deg);
   -ms-transform: rotate(-45deg);
   transform: rotate(-45deg);
 }

 /* BIG MENU END */


 /* GALLERY  */
 .gallery {
   max-width: 1210px;
   width: 100%;
   max-height: 0;
   position: absolute;
   top: 88px;
   left: 50%;
   z-index: 1;
   -webkit-transform: translate(-50%, 0);
   -ms-transform: translate(-50%, 0);
   transform: translate(-50%, 0);
   opacity: 0;
   overflow: hidden;
   will-change: max-height;
   -webkit-box-sizing: content-box;
   box-sizing: content-box;
   -webkit-transform-origin: top;
   -ms-transform-origin: top;
   transform-origin: top;
   padding: 0px 10px;
 }

 @media (max-width: 1250px) {
   .gallery {
     width: 96%;
   }
 }

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

 .gallery__inner {
   margin: 15px 0px 0px 0px;
   display: flex;
   display: -webkit-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   -webkit-box-shadow: 0px 2px 10px 1px rgba(0, 0, 0, 0.397);
   box-shadow: 0px 2px 10px 1px rgba(0, 0, 0, 0.397);
   background: #ffffff;
 }

 @media (max-width: 950px) {
   .gallery__inner {
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
   }
 }

 .gallery__item {
   -webkit-box-flex: 0;
   -ms-flex: 0 1 33.33333%;
   flex: 0 1 33.33333%;
   padding: 0 10px 10px;
 }

 @media (max-width: 850px) {
   .gallery__item {
     -webkit-box-flex: 0;
     -ms-flex: 0 1 50%;
     flex: 0 1 50%;
   }
 }

 @media (max-width: 600px) {
   .gallery__item {
     -webkit-box-flex: 1;
     -ms-flex: 1 1 auto;
     flex: 1 1 auto;
   }
 }

 .gallery .header__title a {
   width: 100%;
 }

 .gallery__text {
   font-size: 14px;
   line-height: 1.3;
   margin: 0px 0px 20px 0px;
 }

 .gallery__image {
   display: block;
   width: 100%;
   height: 250px;
   position: relative;
   border: 1px solid #222;
 }

 .gallery__image img,
 .gallery__image source {
   display: block;
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
   z-index: 1;
   -o-object-fit: cover;
   object-fit: cover;
 }

 .menu-active.gallery {
   opacity: 1;
 }

 @media (max-width: 950px) {
   body.touch .gallery {
     position: relative;
     top: 0;
   }

   body.touch .gallery__inner {
     margin: 15px 10px 0px 0px;
   }
 }

 body.touch .menu-active.gallery {
   opacity: 1;
   padding: 10px;
 }

 /* GALLERY END */


 /* SMALL_MENU */
 .small-menu {
   max-width: 470px;
   width: 100%;
   max-height: 0;
   position: absolute;
   top: 88px;
   left: 50%;
   z-index: 1;
   -webkit-transform: translate(-50%, 0);
   -ms-transform: translate(-50%, 0);
   transform: translate(-50%, 0);
   opacity: 0;
   overflow: hidden;
   will-change: max-height;
   -webkit-box-sizing: content-box;
   box-sizing: content-box;
   -webkit-transform-origin: top;
   -ms-transform-origin: top;
   transform-origin: top;
   padding: 0px 10px;
 }

 .small-menu__inner {
   margin: 15px 0px 0px 0px;
   display: flex;
   display: -webkit-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   -webkit-box-shadow: 0px 2px 10px 1px rgba(0, 0, 0, 0.397);
   box-shadow: 0px 2px 10px 1px rgba(0, 0, 0, 0.397);
   background: #ffffff;
 }

 @media (max-width: 950px) {
   .small-menu__inner {
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
   }
 }

 .small-menu__list>li {
   min-width: 200px;
   width: 100%;
   position: relative;
 }

 .small-menu__item {
   padding: 5px 10px;
   -webkit-box-flex: 0;
   -ms-flex: 0 1 50%;
   flex: 0 1 50%;
 }

 @media (max-width: 550px) {
   .small-menu__item {
     -webkit-box-flex: 1;
     -ms-flex: 1 1 100%;
     flex: 1 1 100%;
   }
 }

 .small-menu__link {
   width: 100%;
   padding: 10px 10px 10px 0;
   color: #000000;
   -webkit-transition: all 0.2s ease;
   -o-transition: all 0.2s ease;
   transition: all 0.2s ease;
   left: -15px;
 }

 @media (max-width: 950px) {
   .small-menu__link {
     left: 0;
   }
 }

 .small-menu__icon {
   display: inline-block;
   position: relative;
   width: 15px;
   height: 15px;
   margin-right: 5px;
   opacity: 0;
   visibility: hidden;
   -webkit-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   white-space: nowrap;
   -webkit-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
 }

 @media (max-width: 950px) {
   .small-menu__icon {
     display: none;
   }
 }

 .small-menu__icon svg {
   display: block;
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   fill: rgb(58, 58, 58);
 }

 .menu-active.small-menu {
   opacity: 1;
 }

 @media (min-width: 1024px) {
   body.mouse .small-menu a:hover {
     left: 0px;
   }

   body.mouse .small-menu a:hover .small-menu__icon {
     position: relative;
     visibility: visible;
     opacity: 1;
     -webkit-transform: scale(1);
     -ms-transform: scale(1);
     transform: scale(1);
     -webkit-animation: right__shift 1s ease-in-out infinite both;
     animation: right__shift 1s ease-in-out infinite both;
   }
 }

 body.touch .small-menu {
   max-width: 600px;
 }

 @media (max-width: 950px) {
   body.touch .small-menu {
     position: relative;
     top: 0;
     max-width: none;
   }

   body.touch .small-menu__inner {
     margin: 15px 10px 0px 0px;
   }
 }

 @media (max-width: 550px) {
   body.touch .small-menu__item {
     -webkit-box-flex: 1;
     -ms-flex: 1 1 100%;
     flex: 1 1 100%;
   }
 }

 body.touch .menu-active.small-menu {
   opacity: 1;
   padding: 10px;
 }

 /* SMALL_MENU END */


 /* TEXT MENU */
 .text-menu {
   max-width: 1210px;
   width: 100%;
   max-height: 0;
   position: absolute;
   top: 88px;
   left: 50%;
   z-index: 1;
   -webkit-transform: translate(-50%, 0);
   -ms-transform: translate(-50%, 0);
   transform: translate(-50%, 0);
   opacity: 0;
   overflow: hidden;
   will-change: max-height;
   -webkit-box-sizing: content-box;
   box-sizing: content-box;
   -webkit-transform-origin: top;
   -ms-transform-origin: top;
   transform-origin: top;
   padding: 0px 10px;
 }

 @media (max-width: 1250px) {
   .text-menu {
     width: 96%;
   }
 }

 @media (max-width: 950px) {
   .text-menu {
     width: 100%;
   }
 }

 .text-menu__inner {
   margin: 15px 0px 0px 0px;
   display: flex;
   display: -webkit-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   -webkit-box-shadow: 0px 2px 10px 1px rgba(0, 0, 0, 0.397);
   box-shadow: 0px 2px 10px 1px rgba(0, 0, 0, 0.397);
   background: #ffffff;
 }

 @media (max-width: 950px) {
   .text-menu__inner {
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
   }
 }

 .text-menu__info {
   -webkit-box-flex: 1;
   -ms-flex: 1 1 auto;
   flex: 1 1 auto;
   padding: 0 20px;
 }

 .text-menu__links {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 20%;
   flex: 0 0 20%;
   padding: 0 20px;
 }

 @media (max-width: 950px) {
   .text-menu__links {
     -webkit-box-flex: 1;
     -ms-flex: 1 1 100%;
     flex: 1 1 100%;
   }
 }

 .text-menu__text {
   padding: 5px 0px;
 }

 .text-menu__text p {
   line-height: 1.3;
 }

 .text-menu__image {
   width: 200px;
   height: 200px;
   float: left;
   margin: 0px 15px 10px 0px;
   position: relative;
 }

 @media (max-width: 430px) {
   .text-menu__image {
     width: 100px;
     height: 100px;
   }
 }

 .text-menu__image img,
 .text-menu__image source {
   display: block;
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
   z-index: 1;
   -o-object-fit: cover;
   object-fit: cover;
 }

 .text-menu__list li {
   width: 100%;
 }

 .text-menu__list li:not(:last-child) {
   margin: 0px 0px 5px 0px;
 }

 .text-menu__link {
   width: 100%;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   line-height: 1.2;
   padding: 5px 10px 5px 0px;
   color: #000000;
 }

 .text-menu__icon {
   display: inline-block;
   width: 10px;
   height: 10px;
   position: relative;
   margin-right: 5px;
   border-radius: 3px;
   overflow: hidden;
 }

 .text-menu__icon svg {
   display: block;
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   fill: rgb(58, 58, 58);
 }

 .menu-active.text-menu {
   opacity: 1;
 }

 @media (max-width: 950px) {
   body.touch .text-menu {
     position: relative;
     top: 0;
   }

   body.touch .text-menu__inner {
     margin: 15px 10px 0px 0px;
   }
 }

 body.touch .menu-active.text-menu {
   opacity: 1;
   padding: 10px;
 }

 /* TEXT MENU END */

 /* ARROW */
 .arrow {
   display: none;
   position: absolute;
   width: 25px;
   height: 25px;
   top: 23px;
   left: calc(100% - 30px);
   -webkit-transform: translate(0, -50%);
   -ms-transform: translate(0, -50%);
   transform: translate(0, -50%);
   cursor: pointer;
 }

 @media (max-width: 950px) {
   .arrow {
     left: calc(100% - 33px);
   }
 }

 .arrow::before,
 .arrow::after {
   content: "";
   display: block;
   width: 10px;
   height: 2px;
   background: #222;
   position: absolute;
   top: 50%;
   z-index: 1;
   border-radius: 2px;
   -webkit-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
 }

 .arrow::before {
   left: 4px;
   -webkit-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   transform: rotate(45deg);
 }

 .arrow::after {
   left: 11px;
   -webkit-transform: rotate(-45deg);
   -ms-transform: rotate(-45deg);
   transform: rotate(-45deg);
 }

 .arrow.active::after {
   -webkit-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   transform: rotate(45deg);
 }

 .sub-menu__arrow.arrow {
   left: calc(100% - 40px);
   -webkit-transform: rotate(-90deg);
   -ms-transform: rotate(-90deg);
   transform: rotate(-90deg);
   -webkit-transform-origin: top;
   -ms-transform-origin: top;
   transform-origin: top;
 }

 .sub-menu__arrow.arrow.active::before {
   -webkit-transform: rotate(-45deg);
   -ms-transform: rotate(-45deg);
   transform: rotate(-45deg);
 }

 .sub-menu__arrow.arrow.active::after {
   -webkit-transform: rotate(-45deg);
   -ms-transform: rotate(-45deg);
   transform: rotate(-45deg);
 }

 body.touch .header__list a.parent {
   margin: 0px 35px 0px 0px;
 }

 body.mouse .sub-menu__arrow {
   top: 50%;
   display: block;
 }

 body.mouse .sub-menu__arrow::before,
 body.mouse .sub-menu__arrow::after {
   content: "";
   display: block;
   width: 6px;
   height: 1px;
   background: #222;
   position: absolute;
   top: 50%;
   z-index: 1;
   border-radius: 2px;
   -webkit-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
 }

 body.mouse .sub-menu__arrow::before {
   left: 7px;
   -webkit-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   transform: rotate(45deg);
 }

 body.mouse .sub-menu__arrow::after {
   left: 11px;
   -webkit-transform: rotate(-45deg);
   -ms-transform: rotate(-45deg);
   transform: rotate(-45deg);
 }

 body.touch .arrow {
   display: block;
 }

 /* ARROW END */


 /* BURGER */
 .header__burger {
   display: none;
   margin-left: 10px;
   cursor: pointer;
 }

 @media (max-width: 950px) {
   body.lock {
     height: 100%;
     width: 100%;
     position: fixed;
     overflow: hidden;
     -ms-touch-action: none;
     touch-action: none;
   }

   .header__body {
     height: 50px;
   }

   .header__burger {
     display: block;
     position: relative;
     width: 30px;
     height: 20px;
     position: relative;
     z-index: 101;
     -webkit-box-flex: 0;
     -ms-flex: 0 0 30px;
     flex: 0 0 30px;
   }

   .header__burger span {
     position: absolute;
     background-color: #000000;
     left: 0;
     width: 100%;
     height: 2px;
     top: 9px;
     -webkit-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     transition: all 0.3s ease;
   }

   .header__burger:before,
   .header__burger:after {
     content: "";
     background-color: #000000;
     position: absolute;
     width: 100%;
     height: 2px;
     left: 0;
     -webkit-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     transition: all 0.3s ease;
   }

   .header__burger:before {
     top: 0;
   }

   .header__burger:after {
     bottom: 0;
   }

   .header__burger.active:before {
     -webkit-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     transform: rotate(45deg);
     top: 9px;
   }

   .header__burger.active:after {
     -webkit-transform: rotate(-45deg);
     -ms-transform: rotate(-45deg);
     transform: rotate(-45deg);
     bottom: 9px;
   }

   .header__burger.active span {
     -webkit-transform: scale(0);
     -ms-transform: scale(0);
     transform: scale(0);
   }

   .header__list {
     display: block;
     position: fixed;
     top: -100%;
     left: 0;
     width: 84%;
     height: 100%;
     overflow: auto;
     background: #ffffff;
     z-index: 100;
     padding: 20px 0 20px 10px;
     -webkit-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     transition: all 0.3s ease;
     overflow-x: hidden;
   }

   .header__list.active {
     top: 0;
   }

   .header__list li {
     display: block;
   }
 }

 .header__fixed {
   position: fixed;
   width: 100%;
   min-height: 80px;
   top: 0;
   left: 0;
   z-index: 1000;
   -webkit-animation: show__header 1s;
   animation: show__header 1s;
   border-bottom: 1px solid rgba(0, 0, 0, 0.1);
   -webkit-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.342);
   box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.342);
 }

 /* BURGER END */

 /* BUTTON */
 .btn {
   position: relative;
   -webkit-transition: 0.5s;
   -o-transition: 0.5s;
   transition: 0.5s;
   overflow: hidden;
 }

 .btn::before,
 .btn::after {
   position: absolute;
   content: "";
   width: 100%;
   height: 100%;
   top: 0;
   left: -100%;
   opacity: 0.5;
   -webkit-transition: 0.2s;
   -o-transition: 0.2s;
   transition: 0.2s;
   z-index: -1;
 }

 .btn::after {
   opacity: 1;
   -webkit-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   transition-delay: 0.2s;
 }

 .btn:hover::before,
 .btn:hover::after {
   left: 0;
 }

 .pulse {
   border-radius: 50%;
   -webkit-animation: pulse 0.7s ease-out;
   animation: pulse 0.7s ease-out;
   -webkit-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   position: absolute;
 }

 /* BUTTON END */


 /* @KEYFRAMES  */
 @-webkit-keyframes show__header {
   0% {
     opacity: 0;
     top: -200px;
   }

   100% {
     opacity: 1;
     top: 0;
   }
 }

 @keyframes show__header {
   0% {
     opacity: 0;
     top: -200px;
   }

   100% {
     opacity: 1;
     top: 0;
   }
 }

 @-webkit-keyframes pulse {
   to {
     -webkit-transform: scale(2);
     transform: scale(2);
     background-color: #ffffff;
     opacity: 0;
   }
 }

 @keyframes pulse {
   to {
     -webkit-transform: scale(2);
     transform: scale(2);
     background-color: #ffffff;
     opacity: 0;
   }
 }

 @-webkit-keyframes right__shift {
   0% {
     left: 0px;
   }

   50% {
     left: 4px;
   }

   100% {
     left: -1px;
   }
 }

 @keyframes right__shift {
   0% {
     left: 0px;
   }

   50% {
     left: 4px;
   }

   100% {
     left: -1px;
   }
 }

 @-webkit-keyframes left__roll {
   0% {
     -webkit-transform: translate(-20%, -90%) rotate(0deg);
     transform: translate(-20%, -90%) rotate(0deg);
   }

   50% {
     -webkit-transform: translate(-20%, -90%) rotate(-180deg);
     transform: translate(-20%, -90%) rotate(-180deg);
   }

   100% {
     -webkit-transform: translate(-20%, -90%) rotate(-360deg);
     transform: translate(-20%, -90%) rotate(-360deg);
   }
 }

 @keyframes left__roll {
   0% {
     -webkit-transform: translate(-20%, -90%) rotate(0deg);
     transform: translate(-20%, -90%) rotate(0deg);
   }

   50% {
     -webkit-transform: translate(-20%, -90%) rotate(-180deg);
     transform: translate(-20%, -90%) rotate(-180deg);
   }

   100% {
     -webkit-transform: translate(-20%, -90%) rotate(-360deg);
     transform: translate(-20%, -90%) rotate(-360deg);
   }
 }

 @-webkit-keyframes right__roll {
   0% {
     -webkit-transform: translate(0, -40%) rotate(0deg);
     transform: translate(0, -40%) rotate(0deg);
   }

   50% {
     -webkit-transform: translate(0, -40%) rotate(180deg);
     transform: translate(0, -40%) rotate(180deg);
   }

   100% {
     -webkit-transform: translate(0, -40%) rotate(360deg);
     transform: translate(0, -40%) rotate(360deg);
   }
 }

 @keyframes right__roll {
   0% {
     -webkit-transform: translate(0, -40%) rotate(0deg);
     transform: translate(0, -40%) rotate(0deg);
   }

   50% {
     -webkit-transform: translate(0, -40%) rotate(180deg);
     transform: translate(0, -40%) rotate(180deg);
   }

   100% {
     -webkit-transform: translate(0, -40%) rotate(360deg);
     transform: translate(0, -40%) rotate(360deg);
   }
 }

 @-webkit-keyframes delay-overflow {
   to {
     overflow: visible;
   }
 }

 @keyframes delay-overflow {
   to {
     overflow: visible;
   }
 }

 @-webkit-keyframes loading {
   0% {
     opacity: 0;
   }

   100% {
     opacity: 1;
   }
 }

 @keyframes loading {
   0% {
     opacity: 0;
   }

   100% {
     opacity: 1;
   }
 }

 /* @KEYFRAMES END */


 /* HEADER-STYLES  */

 /* Select the desired style, delete or comment out the rest */

 /* GRAY_WHITE_RED */
 body.mouse.gray-white-red .header {
   background: #ffffff;
 }

 body.mouse.gray-white-red .header .header__top {
   background: -webkit-gradient(linear, left bottom, left top, from(#f3f3f3), to(#d3d3d3));
   background: -o-linear-gradient(bottom, #f3f3f3, #d3d3d3);
   background: linear-gradient(to top, #f3f3f3, #d3d3d3);
 }

 body.mouse.gray-white-red .header .top-social__link svg {
   fill: #222;
 }

 body.mouse.gray-white-red .header .top-social__link:hover svg {
   fill: #ffffff;
 }

 body.mouse.gray-white-red .header .btn::before,
 body.mouse.gray-white-red .header .btn::after {
   background: rgb(252, 11, 11);
 }

 body.mouse.gray-white-red .header .sub-menu li:hover {
   background-color: rgb(252, 11, 11);
 }

 body.mouse.gray-white-red .header .sub-menu li:hover>a {
   color: #ffffff;
 }

 body.mouse.gray-white-red .header .sub-menu li:hover>.header__link-wrapper a {
   color: #ffffff;
 }

 body.mouse.gray-white-red .header .sub-menu__arrow.active::before,
 body.mouse.gray-white-red .header .sub-menu__arrow.active::after {
   background: #ffffff;
 }

 body.mouse.gray-white-red .header .big-menu a:hover {
   background: rgb(252, 11, 11);
   color: #ffffff;
 }

 body.mouse.gray-white-red .header .slider-button:hover.slider-button::before,
 body.mouse.gray-white-red .header .slider-button:hover.slider-button::after {
   background-color: rgb(252, 11, 11);
 }

 body.mouse.gray-white-red .header .text-menu a:hover {
   color: rgb(252, 11, 11);
 }

 body.mouse.gray-white-red .header .text-menu a:hover svg {
   fill: rgb(252, 11, 11);
 }

 body.mouse.gray-white-red .header .search__item input:focus {
   -webkit-box-shadow: 0px 3px 6px 1px rgba(252, 11, 11, 0.5);
   box-shadow: 0px 3px 6px 1px rgba(252, 11, 11, 0.5);
 }

 body.mouse.gray-white-red .header .search__item button:hover svg {
   fill: rgb(252, 11, 11);
 }

 body.mouse.gray-white-red .header .search__item button:active {
   background: rgb(252, 11, 11);
 }

 body.mouse.gray-white-red .header .search__item button:active svg {
   fill: #ffffff;
 }

 body.mouse.gray-white-red .header .contacts-header a:hover {
   color: rgb(252, 11, 11);
 }

 body.mouse.gray-white-red .header .contacts-header a:hover svg {
   fill: rgb(252, 11, 11);
 }

 body.mouse.gray-white-red .header .header__link:hover {
   color: #ffffff;
 }

 body.mouse.gray-white-red .header .header__link:hover svg {
   fill: #ffffff;
 }

 body.mouse.gray-white-red .header .header__link.active {
   color: #ffffff;
 }

 body.mouse.gray-white-red .header .header__link.active svg {
   fill: #ffffff;
 }

 body.mouse.gray-white-red .header .header__wishlist a:hover svg,
 body.mouse.gray-white-red .header .header__cart a:hover svg {
   fill: rgb(252, 11, 11);
 }

 body.mouse.gray-white-red .header .catalog__list>li:hover {
   background: rgb(252, 11, 11);
 }

 body.mouse.gray-white-red .header .catalog__list>li:hover>a {
   color: #ffffff;
 }

 body.mouse.gray-white-red .header .catalog__list>li:hover>a svg {
   fill: #ffffff;
 }

 body.mouse.gray-white-red .header .catalog__link:hover {
   background: rgb(252, 11, 11);
   color: #ffffff;
 }

 body.mouse.gray-white-red .header .catalog__link:hover svg {
   fill: #ffffff;
 }

 body.mouse.gray-white-red .header .group-catalog__title:hover a {
   color: rgb(252, 11, 11);
 }

 body.mouse.gray-white-red .header .sub-catalog a:hover {
   color: rgb(252, 11, 11);
 }

 body.mouse.gray-white-red::-webkit-scrollbar {
   width: 12px;
 }

 body.mouse.gray-white-red::-webkit-scrollbar-track {
   background: #bbb;
 }

 body.mouse.gray-white-red::-webkit-scrollbar-thumb {
   background: rgb(252, 11, 11);
   border-radius: 8px;
   border: 2px solid #adadad;
 }

 body.mouse.gray-white-red::-webkit-scrollbar-thumb:hover {
   background: rgb(221, 2, 2);
 }

 body.touch.gray-white-red .header {
   background: #ffffff;
 }

 body.touch.gray-white-red .header .header__top {
   background: -webkit-gradient(linear, left bottom, left top, from(#f3f3f3), to(#d3d3d3));
   background: -o-linear-gradient(bottom, #f3f3f3, #d3d3d3);
   background: linear-gradient(to top, #f3f3f3, #d3d3d3);
 }

 body.touch.gray-white-red .header .search__item input:focus {
   -webkit-box-shadow: 0px 3px 6px 1px rgba(252, 11, 11, 0.5);
   box-shadow: 0px 3px 6px 1px rgba(252, 11, 11, 0.5);
 }

 body.touch.gray-white-red .header .search__item button:hover svg {
   fill: rgb(252, 11, 11);
 }

 body.touch.gray-white-red .header .search__item button:active {
   background: rgb(252, 11, 11);
 }

 body.touch.gray-white-red .header .search__item button:active svg {
   fill: #ffffff;
 }

 body.touch.gray-white-red .header .btn::before,
 body.touch.gray-white-red .header .btn::after {
   display: none;
 }

 /* GRAY_WHITE_RED END */


 /* RED_WHITE_RED */
 body.mouse.red-white-red .header {
   background: #ffffff;
 }

 body.mouse.red-white-red .header .header__top {
   background: -webkit-gradient(linear, left bottom, left top, from(rgb(252, 11, 11)), to(rgb(180, 1, 1)));
   background: -o-linear-gradient(bottom, rgb(252, 11, 11), rgb(180, 1, 1));
   background: linear-gradient(to top, rgb(252, 11, 11), rgb(180, 1, 1));
 }

 body.mouse.red-white-red .header .header__contacts a {
   color: #ffffff;
 }

 body.mouse.red-white-red .header .header__contacts svg {
   fill: #ffffff;
 }

 body.mouse.red-white-red .header .top-social__link svg {
   fill: #ffffff;
 }

 body.mouse.red-white-red .header .btn::before,
 body.mouse.red-white-red .header .btn::after {
   background: rgb(252, 11, 11);
 }

 body.mouse.red-white-red .header .sub-menu li:hover {
   background-color: rgb(252, 11, 11);
 }

 body.mouse.red-white-red .header .sub-menu li:hover>a {
   color: #ffffff;
 }

 body.mouse.red-white-red .header .sub-menu li:hover>.header__link-wrapper a {
   color: #ffffff;
 }

 body.mouse.red-white-red .header .sub-menu__arrow.active::before,
 body.mouse.red-white-red .header .sub-menu__arrow.active::after {
   background: #ffffff;
 }

 body.mouse.red-white-red .header .big-menu a:hover {
   background: rgb(252, 11, 11);
   color: #ffffff;
 }

 body.mouse.red-white-red .header .slider-button:hover.slider-button::before,
 body.mouse.red-white-red .header .slider-button:hover.slider-button::after {
   background-color: rgb(252, 11, 11);
 }

 body.mouse.red-white-red .header .text-menu a:hover {
   color: rgb(252, 11, 11);
 }

 body.mouse.red-white-red .header .text-menu a:hover svg {
   fill: rgb(252, 11, 11);
 }

 body.mouse.red-white-red .header .search__item input:focus {
   -webkit-box-shadow: 0px 3px 6px 1px #ada996;
   box-shadow: 0px 3px 6px 1px #ada996;
 }

 body.mouse.red-white-red .header .search__item button:hover svg {
   fill: rgb(252, 11, 11);
 }

 body.mouse.red-white-red .header .search__item button:active {
   background: rgb(252, 11, 11);
 }

 body.mouse.red-white-red .header .search__item button:active svg {
   fill: #ffffff;
 }

 body.mouse.red-white-red .header .header__link:hover {
   color: #ffffff;
 }

 body.mouse.red-white-red .header .header__link:hover svg {
   fill: #ffffff;
 }

 body.mouse.red-white-red .header .header__link.active {
   color: #ffffff;
 }

 body.mouse.red-white-red .header .header__link.active svg {
   fill: #ffffff;
 }

 body.mouse.red-white-red .header .header__wishlist a:hover svg,
 body.mouse.red-white-red .header .header__cart a:hover svg {
   fill: rgb(252, 11, 11);
 }

 body.mouse.red-white-red .header .catalog__list>li:hover {
   background: rgb(180, 1, 1);
 }

 body.mouse.red-white-red .header .catalog__list>li:hover>a {
   color: #ffffff;
 }

 body.mouse.red-white-red .header .catalog__list>li:hover>a svg {
   fill: #ffffff;
 }

 body.mouse.red-white-red .header .catalog__link:hover {
   background: rgb(252, 11, 11);
   color: #ffffff;
 }

 body.mouse.red-white-red .header .catalog__link:hover svg {
   fill: #ffffff;
 }

 body.mouse.red-white-red .header .group-catalog__title:hover a {
   color: rgb(252, 11, 11);
 }

 body.mouse.red-white-red .header .sub-catalog a:hover {
   color: rgb(252, 11, 11);
 }

 body.mouse.red-white-red .pulse {
   background-color: rgb(252, 11, 11);
 }

 body.mouse.red-white-red::-webkit-scrollbar {
   width: 12px;
 }

 body.mouse.red-white-red::-webkit-scrollbar-track {
   background: #D3CCE3;
 }

 body.mouse.red-white-red::-webkit-scrollbar-thumb {
   background: rgb(252, 11, 11);
   border-radius: 8px;
   border: 2px solid #adadad;
 }

 body.mouse.red-white-red::-webkit-scrollbar-thumb:hover {
   background: rgb(221, 2, 2);
 }

 body.touch.red-white-red .header {
   background: #ffffff;
 }

 body.touch.red-white-red .header .header__top {
   background: -webkit-gradient(linear, left bottom, left top, from(rgb(252, 11, 11)), to(rgb(180, 1, 1)));
   background: -o-linear-gradient(bottom, rgb(252, 11, 11), rgb(180, 1, 1));
   background: linear-gradient(to top, rgb(252, 11, 11), rgb(180, 1, 1));
 }

 body.touch.red-white-red .header .search__item input:focus {
   -webkit-box-shadow: 0px 3px 6px 1px rgba(252, 11, 11, 0.5);
   box-shadow: 0px 3px 6px 1px rgba(252, 11, 11, 0.5);
 }

 body.touch.red-white-red .header .search__item button:hover svg {
   fill: rgb(252, 11, 11);
 }

 body.touch.red-white-red .header .search__item button:active {
   background: rgb(252, 11, 11);
 }

 body.touch.red-white-red .header .search__item button:active svg {
   fill: #ffffff;
 }

 body.touch.red-white-red .header .top-social__link svg {
   fill: #ffffff;
 }

 body.touch.red-white-red .header .btn::before,
 body.touch.red-white-red .header .btn::after {
   display: none;
 }

 body.touch.red-white-red .header .contacts-header a {
   color: #ffffff;
 }

 body.touch.red-white-red .header .contacts-header svg {
   fill: #ffffff;
 }

 @media (max-width: 950px) {
   body.touch.red-white-red .header .header__list {
     background: -webkit-gradient(linear, left bottom, left top, from(rgb(211, 23, 23)), to(rgb(211, 70, 70)));
     background: -o-linear-gradient(bottom, rgb(211, 23, 23), rgb(211, 70, 70));
     background: linear-gradient(to top, rgb(211, 23, 23), rgb(211, 70, 70));
   }

   body.touch.red-white-red .header .header__list a,
   body.touch.red-white-red .header .header__list h5,
   body.touch.red-white-red .header .header__list p {
     color: #ffffff;
   }

   body.touch.red-white-red .header .header__list ul li,
   body.touch.red-white-red .header .header__list .big-menu__inner,
   body.touch.red-white-red .header .header__list .small-menu__inner,
   body.touch.red-white-red .header .header__list .gallery__inner,
   body.touch.red-white-red .header .header__list .text-menu__inner,
   body.touch.red-white-red .header .header__list svg {
     background: rgb(211, 70, 70);
   }

   body.touch.red-white-red .header .header__list svg {
     fill: #ffffff;
   }

   body.touch.red-white-red .header .arrow::before,
   body.touch.red-white-red .header .arrow::after,
   body.touch.red-white-red .header .header__title::after {
     background: #ffffff;
   }
 }

 body.touch.red-white-red .pulse {
   background-color: rgb(252, 11, 11);
 }

 /* RED_WHITE_RED END */


 /* WHITE_GREEN */
 body.mouse.white-green .header {
   background: #ffffff;
 }

 body.mouse.white-green .header .header__top {
   background: #04aa7b;
 }

 body.mouse.white-green .header .btn::before,
 body.mouse.white-green .header .btn::after {
   background: #04aa7b;
 }

 body.mouse.white-green .header .sub-menu li:hover {
   background-color: #04aa7b;
 }

 body.mouse.white-green .header .sub-menu li:hover>a {
   color: #ffffff;
 }

 body.mouse.white-green .header .sub-menu li:hover>.header__link-wrapper a {
   color: #ffffff;
 }

 body.mouse.white-green .header .sub-menu__arrow.active::before,
 body.mouse.white-green .header .sub-menu__arrow.active::after {
   background: #ffffff;
 }

 body.mouse.white-green .header .big-menu a:hover {
   background: #04aa7b;
   color: #ffffff;
 }

 body.mouse.white-green .header .slider-button:hover.slider-button::before,
 body.mouse.white-green .header .slider-button:hover.slider-button::after {
   background-color: #04aa7b;
 }

 body.mouse.white-green .header .text-menu a:hover {
   color: #04aa7b;
 }

 body.mouse.white-green .header .text-menu a:hover svg {
   fill: #04aa7b;
 }

 body.mouse.white-green .header .search__item input:focus {
   -webkit-box-shadow: 0px 3px 6px 1px rgba(0, 128, 0, 0.4);
   box-shadow: 0px 3px 6px 1px rgba(0, 128, 0, 0.4);
 }

 body.mouse.white-green .header .search__item button:hover svg {
   fill: #04aa7b;
 }

 body.mouse.white-green .header .search__item button:active {
   background: #04aa7b;
 }

 body.mouse.white-green .header .search__item button:active svg {
   fill: #ffffff;
 }

 body.mouse.white-green .header .contacts-header a:hover {
   color: #ffffff;
 }

 body.mouse.white-green .header .contacts-header a:hover svg {
   fill: #ffffff;
 }

 body.mouse.white-green .header .header__link:hover {
   color: #ffffff;
 }

 body.mouse.white-green .header .header__link:hover svg {
   fill: #ffffff;
 }

 body.mouse.white-green .header .header__link.active {
   color: #ffffff;
 }

 body.mouse.white-green .header .header__link.active svg {
   fill: #ffffff;
 }

 body.mouse.white-green .header .header__wishlist a:hover svg,
 body.mouse.white-green .header .header__cart a:hover svg {
   fill: #11998e;
 }

 body.mouse.white-green .header .catalog__list>li:hover {
   background: #04aa7b;
 }

 body.mouse.white-green .header .catalog__list>li:hover>a {
   color: #ffffff;
 }

 body.mouse.white-green .header .catalog__list>li:hover>a svg {
   fill: #ffffff;
 }

 body.mouse.white-green .header .catalog__link:hover {
   background: #04aa7b;
   color: #ffffff;
 }

 body.mouse.white-green .header .catalog__link:hover svg {
   fill: #ffffff;
 }

 body.mouse.white-green .header .group-catalog__title:hover a {
   color: #11998e;
 }

 body.mouse.white-green .header .sub-catalog a:hover {
   color: #11998e;
 }

 body.mouse.white-green .pulse {
   background-color: #04aa7b;
 }

 body.mouse.white-green::-webkit-scrollbar {
   width: 12px;
 }

 body.mouse.white-green::-webkit-scrollbar-track {
   background: #D3CCE3;
 }

 body.mouse.white-green::-webkit-scrollbar-thumb {
   background: #04aa7b;
   border-radius: 8px;
   border: 2px solid #adadad;
 }

 body.mouse.white-green::-webkit-scrollbar-thumb:hover {
   background: #11998e;
 }

 body.touch.white-green .header {
   background: #ffffff;
 }

 body.touch.white-green .header .top-header {
   background: #04aa7b;
 }

 body.touch.white-green .header .search__item input:focus {
   -webkit-box-shadow: 0px 3px 6px 1px rgba(0, 128, 0, 0.4);
   box-shadow: 0px 3px 6px 1px rgba(0, 128, 0, 0.4);
 }

 body.touch.white-green .header .search__item button:hover svg {
   fill: #04aa7b;
 }

 body.touch.white-green .header .search__item button:active {
   background: #04aa7b;
 }

 body.touch.white-green .header .search__item button:active svg {
   fill: #ffffff;
 }

 body.touch.white-green .header .btn::before,
 body.touch.white-green .header .btn::after {
   display: none;
 }

 @media (max-width: 950px) {
   body.touch.white-green .header .header__list {
     background: #30b161;
   }

   body.touch.white-green .header .header__list ul li,
   body.touch.white-green .header .header__list .big-menu__inner,
   body.touch.white-green .header .header__list .small-menu__inner,
   body.touch.white-green .header .header__list .gallery__inner,
   body.touch.white-green .header .header__list .text-menu__inner,
   body.touch.white-green .header .header__list svg {
     background: #30b161;
   }
 }

 body.touch.white-green .pulse {
   background-color: #04aa7b;
 }

 /* WHITE_GREEN END */


 /* GREEN_WHITE_GREEN */
 body.mouse.green-white-green .header {
   background: #ffffff;
 }

 body.mouse.green-white-green .header .header__top {
   background: -webkit-gradient(linear, left top, left bottom, from(#38ef7d), to(#11998e));
   background: -o-linear-gradient(top, #38ef7d, #11998e);
   background: linear-gradient(to bottom, #38ef7d, #11998e);
 }

 body.mouse.green-white-green .header .header__contacts a {
   color: #ffffff;
 }

 body.mouse.green-white-green .header .header__contacts svg {
   fill: #ffffff;
 }

 body.mouse.green-white-green .header .top-social__link svg {
   fill: #ffffff;
 }

 body.mouse.green-white-green .header .btn::before,
 body.mouse.green-white-green .header .btn::after {
   background: #11998e;
 }

 body.mouse.green-white-green .header .sub-menu li:hover {
   background-color: #11998e;
 }

 body.mouse.green-white-green .header .sub-menu li:hover>a {
   color: #ffffff;
 }

 body.mouse.green-white-green .header .sub-menu li:hover>.header__link-wrapper a {
   color: #ffffff;
 }

 body.mouse.green-white-green .header .sub-menu__arrow.active::before,
 body.mouse.green-white-green .header .sub-menu__arrow.active::after {
   background: #ffffff;
 }

 body.mouse.green-white-green .header .big-menu a:hover {
   background: #11998e;
   color: #ffffff;
 }

 body.mouse.green-white-green .header .slider-button:hover.slider-button::before,
 body.mouse.green-white-green .header .slider-button:hover.slider-button::after {
   background-color: #11998e;
 }

 body.mouse.green-white-green .header .text-menu a:hover {
   color: #11998e;
 }

 body.mouse.green-white-green .header .text-menu a:hover svg {
   fill: #11998e;
 }

 body.mouse.green-white-green .header .search__item input:focus {
   -webkit-box-shadow: 0px 3px 6px 1px rgba(0, 128, 0, 0.4);
   box-shadow: 0px 3px 6px 1px rgba(0, 128, 0, 0.4);
 }

 body.mouse.green-white-green .header .search__item button:hover svg {
   fill: #11998e;
 }

 body.mouse.green-white-green .header .search__item button:active {
   background: #11998e;
 }

 body.mouse.green-white-green .header .search__item button:active svg {
   fill: #ffffff;
 }

 body.mouse.green-white-green .header .header__link:hover {
   color: #ffffff;
 }

 body.mouse.green-white-green .header .header__link:hover svg {
   fill: #ffffff;
 }

 body.mouse.green-white-green .header .header__link.active {
   color: #ffffff;
 }

 body.mouse.green-white-green .header .header__link.active svg {
   fill: #ffffff;
 }

 body.mouse.green-white-green .header .header__wishlist a:hover svg,
 body.mouse.green-white-green .header .header__cart a:hover svg {
   fill: #11998e;
 }

 body.mouse.green-white-green .header .catalog__list>li:hover {
   background: #11998e;
 }

 body.mouse.green-white-green .header .catalog__list>li:hover>a {
   color: #ffffff;
 }

 body.mouse.green-white-green .header .catalog__list>li:hover>a svg {
   fill: #ffffff;
 }

 body.mouse.green-white-green .header .catalog__link:hover {
   background: #11998e;
   color: #ffffff;
 }

 body.mouse.green-white-green .header .catalog__link:hover svg {
   fill: #ffffff;
 }

 body.mouse.green-white-green .header .group-catalog__title:hover a {
   color: #11998e;
 }

 body.mouse.green-white-green .header .sub-catalog a:hover {
   color: #11998e;
 }

 body.mouse.green-white-green .pulse {
   background-color: #11998e;
 }

 body.mouse.green-white-green::-webkit-scrollbar {
   width: 12px;
 }

 body.mouse.green-white-green::-webkit-scrollbar-track {
   background: #D3CCE3;
 }

 body.mouse.green-white-green::-webkit-scrollbar-thumb {
   background: #38ef7d;
   border-radius: 8px;
   border: 2px solid #adadad;
 }

 body.mouse.green-white-green::-webkit-scrollbar-thumb:hover {
   background: #62daa2;
 }

 body.touch.green-white-green .header {
   background: #ffffff;
 }

 body.touch.green-white-green .header .header__top {
   background: -webkit-gradient(linear, left top, left bottom, from(#38ef7d), to(#11998e));
   background: -o-linear-gradient(top, #38ef7d, #11998e);
   background: linear-gradient(to bottom, #38ef7d, #11998e);
 }

 body.touch.green-white-green .header .top-social__link svg {
   fill: #ffffff;
 }

 body.touch.green-white-green .header .search__item input:focus {
   -webkit-box-shadow: 0px 3px 6px 1px rgba(0, 128, 0, 0.4);
   box-shadow: 0px 3px 6px 1px rgba(0, 128, 0, 0.4);
 }

 body.touch.green-white-green .header .search__item button:hover svg {
   fill: #38ef7d;
 }

 body.touch.green-white-green .header .search__item button:active {
   background: #38ef7d;
 }

 body.touch.green-white-green .header .search__item button:active svg {
   fill: #ffffff;
 }

 body.touch.green-white-green .header .btn::before,
 body.touch.green-white-green .header .btn::after {
   display: none;
 }

 body.touch.green-white-green .header .contacts-header a {
   color: #ffffff;
 }

 body.touch.green-white-green .header .contacts-header svg {
   fill: #ffffff;
 }

 @media (max-width: 950px) {
   body.touch.green-white-green .header .header__list {
     background: -webkit-gradient(linear, left top, left bottom, from(#30b161), to(#11998e));
     background: -o-linear-gradient(top, #30b161, #11998e);
     background: linear-gradient(to bottom, #30b161, #11998e);
   }

   body.touch.green-white-green .header .header__list a,
   body.touch.green-white-green .header .header__list h5,
   body.touch.green-white-green .header .header__list p {
     color: #ffffff;
   }

   body.touch.green-white-green .header .header__list ul li,
   body.touch.green-white-green .header .header__list .big-menu__inner,
   body.touch.green-white-green .header .header__list .small-menu__inner,
   body.touch.green-white-green .header .header__list .gallery__inner,
   body.touch.green-white-green .header .header__list .text-menu__inner,
   body.touch.green-white-green .header .header__list svg {
     background: #11998e;
   }

   body.touch.green-white-green .header .header__list svg {
     fill: #ffffff;
   }

   body.touch.green-white-green .header .arrow::before,
   body.touch.green-white-green .header .arrow::after,
   body.touch.green-white-green .header .header__title::after {
     background: #ffffff;
   }
 }

 body.touch.green-white-green .pulse {
   background-color: #11998e;
 }

 /* GREEN_WHITE_GREEN END */


 /* WHITE_BLUE */
 body.mouse.white-blue .header {
   background: #ffffff;
 }

 body.mouse.white-blue .header .top-header {
   background: #4b88d8;
 }

 body.mouse.white-blue .header .btn::before,
 body.mouse.white-blue .header .btn::after {
   background: #4b88d8;
 }

 body.mouse.white-blue .header .sub-menu li:hover {
   background-color: #4b88d8;
 }

 body.mouse.white-blue .header .sub-menu li:hover>a {
   color: #ffffff;
 }

 body.mouse.white-blue .header .sub-menu li:hover>.header__link-wrapper a {
   color: #ffffff;
 }

 body.mouse.white-blue .header .sub-menu__arrow.active::before,
 body.mouse.white-blue .header .sub-menu__arrow.active::after {
   background: #ffffff;
 }

 body.mouse.white-blue .header .big-menu a:hover {
   background: #4b88d8;
   color: #ffffff;
 }

 body.mouse.white-blue .header .slider-button:hover.slider-button::before,
 body.mouse.white-blue .header .slider-button:hover.slider-button::after {
   background-color: #4b88d8;
 }

 body.mouse.white-blue .header .text-menu a:hover {
   color: #4b88d8;
 }

 body.mouse.white-blue .header .text-menu a:hover svg {
   fill: #4b88d8;
 }

 body.mouse.white-blue .header .search__item input:focus {
   -webkit-box-shadow: 0px 3px 6px 1px #e9e9e9;
   box-shadow: 0px 3px 6px 1px #e9e9e9;
 }

 body.mouse.white-blue .header .search__item button:hover svg {
   fill: #4b88d8;
 }

 body.mouse.white-blue .header .search__item button:active {
   background: #4b88d8;
 }

 body.mouse.white-blue .header .search__item button:active svg {
   fill: #ffffff;
 }

 body.mouse.white-blue .header .contacts-header a:hover {
   color: #4b88d8;
 }

 body.mouse.white-blue .header .contacts-header a:hover svg {
   fill: #4b88d8;
 }

 body.mouse.white-blue .header .contacts-header a:hover {
   color: #ffffff;
 }

 body.mouse.white-blue .header .contacts-header a:hover svg {
   fill: #ffffff;
 }

 body.mouse.white-blue .header .header__link:hover {
   color: #ffffff;
 }

 body.mouse.white-blue .header .header__link:hover svg {
   fill: #ffffff;
 }

 body.mouse.white-blue .header .header__link.active {
   color: #ffffff;
 }

 body.mouse.white-blue .header .header__link.active svg {
   fill: #ffffff;
 }

 body.mouse.white-blue .header .header__wishlist a:hover svg,
 body.mouse.white-blue .header .header__cart a:hover svg {
   fill: #4b88d8;
 }

 body.mouse.white-blue .header .catalog__list>li:hover {
   background: #4b88d8;
 }

 body.mouse.white-blue .header .catalog__list>li:hover>a {
   color: #ffffff;
 }

 body.mouse.white-blue .header .catalog__list>li:hover>a svg {
   fill: #ffffff;
 }

 body.mouse.white-blue .header .catalog__link:hover {
   background: #4b88d8;
   color: #ffffff;
 }

 body.mouse.white-blue .header .catalog__link:hover svg {
   fill: #ffffff;
 }

 body.mouse.white-blue .header .group-catalog__title:hover a {
   color: #4b88d8;
 }

 body.mouse.white-blue .header .sub-catalog a:hover {
   color: #4b88d8;
 }

 body.mouse.white-blue .pulse {
   background-color: #4b88d8;
 }

 body.mouse.white-blue::-webkit-scrollbar {
   width: 12px;
 }

 body.mouse.white-blue::-webkit-scrollbar-track {
   background: #D3CCE3;
 }

 body.mouse.white-blue::-webkit-scrollbar-thumb {
   background: #4b88d8;
   border-radius: 8px;
   border: 2px solid #adadad;
 }

 body.touch.white-blue .header {
   background: #ffffff;
 }

 body.touch.white-blue .header .top-header {
   background: #4b88d8;
 }

 body.touch.white-blue .header .search__item input:focus {
   -webkit-box-shadow: 0px 3px 6px 1px #1565C0;
   box-shadow: 0px 3px 6px 1px #1565C0;
 }

 body.touch.white-blue .header .search__item button:hover svg {
   fill: #4b88d8;
 }

 body.touch.white-blue .header .search__item button:active {
   background: #4b88d8;
 }

 body.touch.white-blue .header .search__item button:active svg {
   fill: #ffffff;
 }

 body.touch.white-blue .header .btn::before,
 body.touch.white-blue .header .btn::after {
   display: none;
 }

 @media (max-width: 950px) {
   body.touch.white-blue .header .header__list {
     background: #4babd8;
   }

   body.touch.white-blue .header .header__list ul li,
   body.touch.white-blue .header .header__list .big-menu__inner,
   body.touch.white-blue .header .header__list .small-menu__inner,
   body.touch.white-blue .header .header__list .gallery__inner,
   body.touch.white-blue .header .header__list .text-menu__inner,
   body.touch.white-blue .header .header__list svg {
     background: #4babd8;
   }

   body.touch.white-blue .header .header__list .header__title::after {
     background: #4b88d8;
   }
 }

 body.touch.white-blue .pulse {
   background-color: #4b88d8;
 }

 /* WHITE_BLUE END */


 /* BLUE_WHITE_BLUE */
 body.mouse.blue-white-blue .header {
   background: #ffffff;
 }

 body.mouse.blue-white-blue .header .header__top {
   background: -webkit-gradient(linear, left bottom, left top, from(#016688), to(#00B4DB));
   background: -o-linear-gradient(bottom, #016688, #00B4DB);
   background: linear-gradient(to top, #016688, #00B4DB);
 }

 body.mouse.blue-white-blue .header .top-social__link svg {
   fill: #ffffff;
 }

 body.mouse.blue-white-blue .header .btn::before,
 body.mouse.blue-white-blue .header .btn::after {
   background: #016688;
 }

 body.mouse.blue-white-blue .header .sub-menu li:hover {
   background-color: #016688;
 }

 body.mouse.blue-white-blue .header .sub-menu li:hover>a {
   color: #ffffff;
 }

 body.mouse.blue-white-blue .header .sub-menu li:hover>.header__link-wrapper a {
   color: #ffffff;
 }

 body.mouse.blue-white-blue .header .sub-menu__arrow.active::before,
 body.mouse.blue-white-blue .header .sub-menu__arrow.active::after {
   background: #ffffff;
 }

 body.mouse.blue-white-blue .header .big-menu a:hover {
   background: #016688;
   color: #ffffff;
 }

 body.mouse.blue-white-blue .header .slider-button:hover.slider-button::before,
 body.mouse.blue-white-blue .header .slider-button:hover.slider-button::after {
   background-color: #016688;
 }

 body.mouse.blue-white-blue .header .text-menu a:hover {
   color: #016688;
 }

 body.mouse.blue-white-blue .header .text-menu a:hover svg {
   fill: #016688;
 }

 body.mouse.blue-white-blue .header .search__item input:focus {
   -webkit-box-shadow: 0px 3px 6px 1px #00B4DB;
   box-shadow: 0px 3px 6px 1px #00B4DB;
 }

 body.mouse.blue-white-blue .header .search__item button:hover svg {
   fill: #016688;
 }

 body.mouse.blue-white-blue .header .search__item button:active {
   background: #016688;
 }

 body.mouse.blue-white-blue .header .search__item button:active svg {
   fill: #ffffff;
 }

 body.mouse.blue-white-blue .header .header__contacts a {
   color: #ffffff;
 }

 body.mouse.blue-white-blue .header .header__contacts svg {
   fill: #ffffff;
 }

 body.mouse.blue-white-blue .header .header__link:hover {
   color: #ffffff;
 }

 body.mouse.blue-white-blue .header .header__link:hover svg {
   fill: #ffffff;
 }

 body.mouse.blue-white-blue .header .header__link.active {
   color: #ffffff;
 }

 body.mouse.blue-white-blue .header .header__link.active svg {
   fill: #ffffff;
 }

 body.mouse.blue-white-blue .header .header__wishlist a:hover svg,
 body.mouse.blue-white-blue .header .header__cart a:hover svg {
   fill: #016688;
 }

 body.mouse.blue-white-blue .header .catalog__list>li:hover {
   background: #016688;
 }

 body.mouse.blue-white-blue .header .catalog__list>li:hover>a {
   color: #ffffff;
 }

 body.mouse.blue-white-blue .header .catalog__list>li:hover>a svg {
   fill: #ffffff;
 }

 body.mouse.blue-white-blue .header .catalog__link:hover {
   background: #016688;
   color: #ffffff;
 }

 body.mouse.blue-white-blue .header .catalog__link:hover svg {
   fill: #ffffff;
 }

 body.mouse.blue-white-blue .header .group-catalog__title:hover a {
   color: #016688;
 }

 body.mouse.blue-white-blue .header .sub-catalog a:hover {
   color: #016688;
 }

 body.mouse.blue-white-blue .pulse {
   background-color: #016688;
 }

 body.mouse.blue-white-blue::-webkit-scrollbar {
   width: 12px;
 }

 body.mouse.blue-white-blue::-webkit-scrollbar-track {
   background: #D3CCE3;
 }

 body.mouse.blue-white-blue::-webkit-scrollbar-thumb {
   background: #00B4DB;
   border-radius: 8px;
   border: 2px solid #adadad;
 }

 body.mouse.blue-white-blue::-webkit-scrollbar-thumb:hover {
   background: #016688;
 }

 body.touch.blue-white-blue .header {
   background: #ffffff;
 }

 body.touch.blue-white-blue .header .header__top {
   background: -webkit-gradient(linear, left bottom, left top, from(#016688), to(#00B4DB));
   background: -o-linear-gradient(bottom, #016688, #00B4DB);
   background: linear-gradient(to top, #016688, #00B4DB);
 }

 body.touch.blue-white-blue .header .search__item input:focus {
   -webkit-box-shadow: 0px 3px 6px 1px #00B4DB;
   box-shadow: 0px 3px 6px 1px #00B4DB;
 }

 body.touch.blue-white-blue .header .search__item button:hover svg {
   fill: #016688;
 }

 body.touch.blue-white-blue .header .search__item button:active {
   background: #016688;
 }

 body.touch.blue-white-blue .header .search__item button:active svg {
   fill: #ffffff;
 }

 body.touch.blue-white-blue .header .top-social__link svg {
   fill: #ffffff;
 }

 body.touch.blue-white-blue .header .btn::before,
 body.touch.blue-white-blue .header .btn::after {
   display: none;
 }

 body.touch.blue-white-blue .header .contacts-header a {
   color: #ffffff;
 }

 body.touch.blue-white-blue .header .contacts-header svg {
   fill: #ffffff;
 }

 @media (max-width: 950px) {
   body.touch.blue-white-blue .header .header__list {
     background: -webkit-gradient(linear, left bottom, left top, from(#016688), to(#00B4DB));
     background: -o-linear-gradient(bottom, #016688, #00B4DB);
     background: linear-gradient(to top, #016688, #00B4DB);
   }

   body.touch.blue-white-blue .header .header__list a,
   body.touch.blue-white-blue .header .header__list h5,
   body.touch.blue-white-blue .header .header__list p {
     color: #ffffff;
   }

   body.touch.blue-white-blue .header .header__list ul li,
   body.touch.blue-white-blue .header .header__list .big-menu__inner,
   body.touch.blue-white-blue .header .header__list .small-menu__inner,
   body.touch.blue-white-blue .header .header__list .gallery__inner,
   body.touch.blue-white-blue .header .header__list .text-menu__inner,
   body.touch.blue-white-blue .header .header__list svg {
     background: #016688;
   }

   body.touch.blue-white-blue .header .header__list svg {
     fill: #ffffff;
   }

   body.touch.blue-white-blue .header .arrow::before,
   body.touch.blue-white-blue .header .arrow::after,
   body.touch.blue-white-blue .header .header__title::after {
     background: #ffffff;
   }
 }

 body.touch.blue-white-blue .pulse {
   background-color: #016688;
 }

 /* BLUE_WHITE_BLUE END */


 /* WHITE_GRAY */
 body.mouse.white-gray .header {
   background: #ffffff;
 }

 body.mouse.white-gray .header .header__top {
   background: -webkit-gradient(linear, left top, left bottom, from(#e9e9e9), to(#adadad));
   background: -o-linear-gradient(top, #e9e9e9, #adadad);
   background: linear-gradient(to bottom, #e9e9e9, #adadad);
 }

 body.mouse.white-gray .header .btn::before,
 body.mouse.white-gray .header .btn::after {
   background: #D8D8D8;
 }

 body.mouse.white-gray .header .sub-menu li:hover {
   background-color: #D8D8D8;
 }

 body.mouse.white-gray .header .sub-menu li:hover>a {
   color: #ffffff;
 }

 body.mouse.white-gray .header .sub-menu li:hover>.header__link-wrapper a {
   color: #ffffff;
 }

 body.mouse.white-gray .header .sub-menu__arrow.active::before,
 body.mouse.white-gray .header .sub-menu__arrow.active::after {
   background: #ffffff;
 }

 body.mouse.white-gray .header .big-menu a:hover {
   background: #D8D8D8;
   color: #ffffff;
 }

 body.mouse.white-gray .header .slider-button:hover.slider-button::before,
 body.mouse.white-gray .header .slider-button:hover.slider-button::after {
   background-color: #D8D8D8;
 }

 body.mouse.white-gray .header .text-menu a:hover {
   color: #D8D8D8;
 }

 body.mouse.white-gray .header .text-menu a:hover svg {
   fill: #D8D8D8;
 }

 body.mouse.white-gray .header .search__item input:focus {
   -webkit-box-shadow: 0px 3px 6px 1px rgba(216, 216, 216, 0.5254901961);
   box-shadow: 0px 3px 6px 1px rgba(216, 216, 216, 0.5254901961);
 }

 body.mouse.white-gray .header .search__item button:hover svg {
   fill: #D8D8D8;
 }

 body.mouse.white-gray .header .search__item button:active {
   background: #D8D8D8;
 }

 body.mouse.white-gray .header .search__item button:active svg {
   fill: #ffffff;
 }

 body.mouse.white-gray .header .contacts-header a:hover {
   color: #555;
 }

 body.mouse.white-gray .header .contacts-header a:hover svg {
   fill: #555;
 }

 body.mouse.white-gray .header .header__link:hover {
   color: #ffffff;
 }

 body.mouse.white-gray .header .header__link:hover svg {
   fill: #ffffff;
 }

 body.mouse.white-gray .header .header__link.active {
   color: #ffffff;
 }

 body.mouse.white-gray .header .header__link.active svg {
   fill: #ffffff;
 }

 body.mouse.white-gray .header .header__wishlist a:hover svg,
 body.mouse.white-gray .header .header__cart a:hover svg {
   fill: #D8D8D8;
 }

 body.mouse.white-gray .header .catalog__list>li:hover {
   background: -webkit-gradient(linear, left top, left bottom, from(#e9e9e9), to(#adadad));
   background: -o-linear-gradient(top, #e9e9e9, #adadad);
   background: linear-gradient(to bottom, #e9e9e9, #adadad);
 }

 body.mouse.white-gray .header .catalog__list>li:hover>a {
   color: #ffffff;
 }

 body.mouse.white-gray .header .catalog__list>li:hover>a svg {
   fill: #ffffff;
 }

 body.mouse.white-gray .header .catalog__link:hover {
   background: #D8D8D8;
   color: #ffffff;
 }

 body.mouse.white-gray .header .catalog__link:hover svg {
   fill: #ffffff;
 }

 body.mouse.white-gray .header .group-catalog__title:hover a {
   color: #D8D8D8;
 }

 body.mouse.white-gray .header .sub-catalog a:hover {
   color: #D8D8D8;
 }

 body.mouse.white-gray .pulse {
   background-color: #D8D8D8;
 }

 body.mouse.white-gray::-webkit-scrollbar {
   width: 12px;
 }

 body.mouse.white-gray::-webkit-scrollbar-track {
   background: #ffffff;
 }

 body.mouse.white-gray::-webkit-scrollbar-thumb {
   background: #bbb;
   border-radius: 8px;
   border: 2px solid #ffffff;
 }

 body.mouse.white-gray::-webkit-scrollbar-thumb:hover {
   background: #56595c;
 }

 body.touch.white-gray .header {
   background: #ffffff;
 }

 body.touch.white-gray .header .header__top {
   background: -webkit-gradient(linear, left bottom, left top, from(#e9e9e9), to(#adadad));
   background: -o-linear-gradient(bottom, #e9e9e9, #adadad);
   background: linear-gradient(to top, #e9e9e9, #adadad);
 }

 body.touch.white-gray .header .search__item input:focus {
   -webkit-box-shadow: 0px 3px 6px 1px rgba(216, 216, 216, 0.5019607843);
   box-shadow: 0px 3px 6px 1px rgba(216, 216, 216, 0.5019607843);
 }

 body.touch.white-gray .header .search__item button:hover svg {
   fill: #D8D8D8;
 }

 body.touch.white-gray .header .search__item button:active {
   background: #D8D8D8;
 }

 body.touch.white-gray .header .search__item button:active svg {
   fill: #ffffff;
 }

 body.touch.white-gray .header .btn::before,
 body.touch.white-gray .header .btn::after {
   display: none;
 }

 @media (max-width: 950px) {
   body.touch.white-gray .header .header__list {
     background: -webkit-gradient(linear, left bottom, left top, from(#e9e9e9), to(#adadad));
     background: -o-linear-gradient(bottom, #e9e9e9, #adadad);
     background: linear-gradient(to top, #e9e9e9, #adadad);
   }

   body.touch.white-gray .header .header__list ul li,
   body.touch.white-gray .header .header__list .big-menu__inner,
   body.touch.white-gray .header .header__list .small-menu__inner,
   body.touch.white-gray .header .header__list .gallery__inner,
   body.touch.white-gray .header .header__list .text-menu__inner,
   body.touch.white-gray .header .header__list svg {
     background: #adadad;
   }
 }

 body.touch.white-gray .pulse {
   background-color: #D8D8D8;
 }

 /* WHITE_GRAY END */


 /* WHITE_DARK_GRAY */
 body.mouse.white-dark-gray .header {
   background: #ffffff;
 }

 body.mouse.white-dark-gray .header .header__top {
   background: -webkit-gradient(linear, left top, left bottom, from(#56595c), to(#2d2f30));
   background: -o-linear-gradient(top, #56595c, #2d2f30);
   background: linear-gradient(to bottom, #56595c, #2d2f30);
 }

 body.mouse.white-dark-gray .header .top-social__link svg {
   fill: #ffffff;
 }

 body.mouse.white-dark-gray .header .btn::before,
 body.mouse.white-dark-gray .header .btn::after {
   background: #56595c;
 }

 body.mouse.white-dark-gray .header .sub-menu li:hover {
   background-color: #56595c;
 }

 body.mouse.white-dark-gray .header .sub-menu li:hover>a {
   color: #ffffff;
 }

 body.mouse.white-dark-gray .header .sub-menu li:hover>.header__link-wrapper a {
   color: #ffffff;
 }

 body.mouse.white-dark-gray .header .sub-menu__arrow.active::before,
 body.mouse.white-dark-gray .header .sub-menu__arrow.active::after {
   background: #ffffff;
 }

 body.mouse.white-dark-gray .header .big-menu a:hover {
   background: #56595c;
   color: #ffffff;
 }

 body.mouse.white-dark-gray .header .slider-button:hover.slider-button::before,
 body.mouse.white-dark-gray .header .slider-button:hover.slider-button::after {
   background-color: #56595c;
 }

 body.mouse.white-dark-gray .header .text-menu a:hover {
   color: #56595c;
 }

 body.mouse.white-dark-gray .header .text-menu a:hover svg {
   fill: #56595c;
 }

 body.mouse.white-dark-gray .header .search__item input:focus {
   -webkit-box-shadow: 0px 3px 6px 1px #56595c;
   box-shadow: 0px 3px 6px 1px #56595c;
 }

 body.mouse.white-dark-gray .header .search__item button:hover svg {
   fill: #56595c;
 }

 body.mouse.white-dark-gray .header .search__item button:active {
   background: #56595c;
 }

 body.mouse.white-dark-gray .header .search__item button:active svg {
   fill: #ffffff;
 }

 body.mouse.white-dark-gray .header .contacts-header a {
   color: #ffffff;
 }

 body.mouse.white-dark-gray .header .contacts-header svg {
   fill: #ffffff;
 }

 body.mouse.white-dark-gray .header .contacts-header a:hover {
   color: rgb(200, 200, 200);
 }

 body.mouse.white-dark-gray .header .contacts-header a:hover svg {
   fill: rgb(200, 200, 200);
 }

 body.mouse.white-dark-gray .header .header__link:hover {
   color: #ffffff;
 }

 body.mouse.white-dark-gray .header .header__link:hover svg {
   fill: #ffffff;
 }

 body.mouse.white-dark-gray .header .header__link.active {
   color: #ffffff;
 }

 body.mouse.white-dark-gray .header .header__link.active svg {
   fill: #ffffff;
 }

 body.mouse.white-dark-gray .header .header__wishlist a:hover svg,
 body.mouse.white-dark-gray .header .header__cart a:hover svg {
   fill: #56595c;
 }

 body.mouse.white-dark-gray .header .catalog__list>li:hover {
   background: #56595c;
 }

 body.mouse.white-dark-gray .header .catalog__list>li:hover>a {
   color: #ffffff;
 }

 body.mouse.white-dark-gray .header .catalog__list>li:hover>a svg {
   fill: #ffffff;
 }

 body.mouse.white-dark-gray .header .catalog__link:hover {
   background: #56595c;
   color: #ffffff;
 }

 body.mouse.white-dark-gray .header .catalog__link:hover svg {
   fill: #ffffff;
 }

 body.mouse.white-dark-gray .header .group-catalog__title:hover a {
   color: #56595c;
 }

 body.mouse.white-dark-gray .header .sub-catalog a:hover {
   color: #56595c;
 }

 body.mouse.white-dark-gray .pulse {
   background-color: #56595c;
 }

 body.mouse.white-dark-gray::-webkit-scrollbar {
   width: 12px;
 }

 body.mouse.white-dark-gray::-webkit-scrollbar-track {
   background: #ffffff;
 }

 body.mouse.white-dark-gray::-webkit-scrollbar-thumb {
   background: #56595c;
   border-radius: 8px;
   border: 2px solid #ffffff;
 }

 body.mouse.white-dark-gray::-webkit-scrollbar-thumb:hover {
   background: #434343;
 }

 body.touch.white-dark-gray .header {
   background: #ffffff;
 }

 body.touch.white-dark-gray .header .header__top {
   background: -webkit-gradient(linear, left top, left bottom, from(#56595c), to(#2d2f30));
   background: -o-linear-gradient(top, #56595c, #2d2f30);
   background: linear-gradient(to bottom, #56595c, #2d2f30);
 }

 body.touch.white-dark-gray .header .top-social__link svg {
   fill: #ffffff;
 }

 body.touch.white-dark-gray .header .search__item input:focus {
   -webkit-box-shadow: 0px 3px 6px 1px #414955;
   box-shadow: 0px 3px 6px 1px #414955;
 }

 body.touch.white-dark-gray .header .search__item button:hover svg {
   fill: #414955;
 }

 body.touch.white-dark-gray .header .search__item button:active {
   background: #414955;
 }

 body.touch.white-dark-gray .header .search__item button:active svg {
   fill: #ffffff;
 }

 body.touch.white-dark-gray .header .btn::before,
 body.touch.white-dark-gray .header .btn::after {
   display: none;
 }

 body.touch.white-dark-gray .header .contacts-header a {
   color: #ffffff;
 }

 body.touch.white-dark-gray .header .contacts-header svg {
   fill: #ffffff;
 }

 @media (max-width: 950px) {
   body.touch.white-dark-gray .header .header__list {
     background: -webkit-gradient(linear, left top, left bottom, from(#56595c), to(#2d2f30));
     background: -o-linear-gradient(top, #56595c, #2d2f30);
     background: linear-gradient(to bottom, #56595c, #2d2f30);
   }

   body.touch.white-dark-gray .header .header__list a,
   body.touch.white-dark-gray .header .header__list h5,
   body.touch.white-dark-gray .header .header__list p {
     color: #ffffff;
   }

   body.touch.white-dark-gray .header .header__list ul li,
   body.touch.white-dark-gray .header .header__list .big-menu__inner,
   body.touch.white-dark-gray .header .header__list .small-menu__inner,
   body.touch.white-dark-gray .header .header__list .gallery__inner,
   body.touch.white-dark-gray .header .header__list .text-menu__inner,
   body.touch.white-dark-gray .header .header__list svg {
     background: #2d2f30;
   }

   body.touch.white-dark-gray .header .header__list svg {
     fill: #ffffff;
   }

   body.touch.white-dark-gray .header .arrow::before,
   body.touch.white-dark-gray .header .arrow::after,
   body.touch.white-dark-gray .header .header__title::after {
     background: #ffffff;
   }
 }

 body.touch.white-dark-gray .pulse {
   background-color: #56595c;
 }

 /* WHITE_DARK_GRAY END */


 /* BLACK_RED */
 body.mouse.black-red .header {
   background: #ffffff;
 }

 body.mouse.black-red .header .header__top {
   background: -webkit-gradient(linear, left bottom, left top, from(#434343), to(#000000));
   background: -o-linear-gradient(bottom, #434343, #000000);
   background: linear-gradient(to top, #434343, #000000);
 }

 body.mouse.black-red .header .top-social__link svg {
   fill: #ffffff;
 }

 body.mouse.black-red .header .btn::before,
 body.mouse.black-red .header .btn::after {
   background: rgb(252, 11, 11);
 }

 body.mouse.black-red .header .sub-menu li:hover {
   background-color: rgb(252, 11, 11);
 }

 body.mouse.black-red .header .sub-menu li:hover>a {
   color: #ffffff;
 }

 body.mouse.black-red .header .sub-menu li:hover>.header__link-wrapper a {
   color: #ffffff;
 }

 body.mouse.black-red .header .sub-menu__arrow.active::before,
 body.mouse.black-red .header .sub-menu__arrow.active::after {
   background: #ffffff;
 }

 body.mouse.black-red .header .big-menu a:hover {
   background: rgb(252, 11, 11);
   color: #ffffff;
 }

 body.mouse.black-red .header .slider-button:hover.slider-button::before,
 body.mouse.black-red .header .slider-button:hover.slider-button::after {
   background-color: rgb(252, 11, 11);
 }

 body.mouse.black-red .header .text-menu a:hover {
   color: rgb(252, 11, 11);
 }

 body.mouse.black-red .header .text-menu a:hover svg {
   fill: rgb(252, 11, 11);
 }

 body.mouse.black-red .header .search__item input:focus {
   -webkit-box-shadow: 0px 3px 6px 1px rgba(252, 11, 11, 0.5);
   box-shadow: 0px 3px 6px 1px rgba(252, 11, 11, 0.5);
 }

 body.mouse.black-red .header .search__item button:hover svg {
   fill: rgb(252, 11, 11);
 }

 body.mouse.black-red .header .search__item button:active {
   background: rgb(252, 11, 11);
 }

 body.mouse.black-red .header .search__item button:active svg {
   fill: #ffffff;
 }

 body.mouse.black-red .header .contacts-header a {
   color: #ffffff;
 }

 body.mouse.black-red .header .contacts-header svg {
   fill: #ffffff;
 }

 body.mouse.black-red .header .contacts-header a:hover {
   color: rgb(252, 11, 11);
 }

 body.mouse.black-red .header .contacts-header a:hover svg {
   fill: rgb(252, 11, 11);
 }

 body.mouse.black-red .header .header__link:hover {
   color: #ffffff;
 }

 body.mouse.black-red .header .header__link:hover svg {
   fill: #ffffff;
 }

 body.mouse.black-red .header .header__link.active {
   color: #ffffff;
 }

 body.mouse.black-red .header .header__link.active svg {
   fill: #ffffff;
 }

 body.mouse.black-red .header .header__wishlist a:hover svg,
 body.mouse.black-red .header .header__cart a:hover svg {
   fill: rgb(252, 11, 11);
 }

 body.mouse.black-red .header .catalog__list>li:hover {
   background: rgb(252, 11, 11);
 }

 body.mouse.black-red .header .catalog__list>li:hover>a {
   color: #ffffff;
 }

 body.mouse.black-red .header .catalog__list>li:hover .catalog__icon svg {
   fill: #ffffff;
 }

 body.mouse.black-red .header .catalog__link:hover {
   background: rgb(252, 11, 11);
   color: #ffffff;
 }

 body.mouse.black-red .header .catalog__link:hover svg {
   fill: #ffffff;
 }

 body.mouse.black-red .header .group-catalog__title:hover a {
   color: rgb(252, 11, 11);
 }

 body.mouse.black-red .header .sub-catalog a:hover {
   color: rgb(252, 11, 11);
 }

 body.mouse.black-red .pulse {
   background-color: rgb(252, 11, 11);
 }

 body.mouse.black-red::-webkit-scrollbar {
   width: 12px;
 }

 body.mouse.black-red::-webkit-scrollbar-track {
   background: #D3CCE3;
 }

 body.mouse.black-red::-webkit-scrollbar-thumb {
   background: #222;
   border-radius: 8px;
   border: 2px solid #adadad;
 }

 body.mouse.black-red::-webkit-scrollbar-thumb:hover {
   background: rgb(252, 11, 11);
 }

 body.touch.black-red .header {
   background: #ffffff;
 }

 body.touch.black-red .header .header__top {
   background: -webkit-gradient(linear, left bottom, left top, from(#434343), to(#000000));
   background: -o-linear-gradient(bottom, #434343, #000000);
   background: linear-gradient(to top, #434343, #000000);
 }

 body.touch.black-red .header .search__item input:focus {
   -webkit-box-shadow: 0px 3px 6px 1px rgba(252, 11, 11, 0.5);
   box-shadow: 0px 3px 6px 1px rgba(252, 11, 11, 0.5);
 }

 body.touch.black-red .header .search__item button:hover svg {
   fill: rgb(252, 11, 11);
 }

 body.touch.black-red .header .search__item button:active {
   background: rgb(252, 11, 11);
 }

 body.touch.black-red .header .search__item button:active svg {
   fill: #ffffff;
 }

 body.touch.black-red .header .top-social__link svg {
   fill: #ffffff;
 }

 body.touch.black-red .header .btn::before,
 body.touch.black-red .header .btn::after {
   display: none;
 }

 body.touch.black-red .header .contacts-header a {
   color: #ffffff;
 }

 body.touch.black-red .header .contacts-header svg {
   fill: #ffffff;
 }

 @media (max-width: 950px) {
   body.touch.black-red .header .header__list {
     background: -webkit-gradient(linear, left top, left bottom, from(#56595c), to(#2d2f30));
     background: -o-linear-gradient(top, #56595c, #2d2f30);
     background: linear-gradient(to bottom, #56595c, #2d2f30);
   }

   body.touch.black-red .header .header__list a,
   body.touch.black-red .header .header__list h5,
   body.touch.black-red .header .header__list p {
     color: #ffffff;
   }

   body.touch.black-red .header .header__list ul li,
   body.touch.black-red .header .header__list .big-menu__inner,
   body.touch.black-red .header .header__list .small-menu__inner,
   body.touch.black-red .header .header__list .gallery__inner,
   body.touch.black-red .header .header__list .text-menu__inner,
   body.touch.black-red .header .header__list svg {
     background: #2d2f30;
   }

   body.touch.black-red .header .header__list svg {
     fill: #ffffff;
   }

   body.touch.black-red .header .arrow::before,
   body.touch.black-red .header .arrow::after,
   body.touch.black-red .header .header__title::after {
     background: #ffffff;
   }
 }

 body.touch.black-red .pulse {
   background-color: rgb(252, 11, 11);
 }

 /* BLACK_RED END */


 /* FULL_BLACK */
 body.mouse.full-black .header {
   background: #333;
 }

 body.mouse.full-black .header .header__top {
   background: #333;
   border-bottom: 2px solid rgba(141, 141, 141, 0.2);
 }

 body.mouse.full-black .header a {
   color: rgb(141, 141, 141);
 }

 body.mouse.full-black .header .sub-menu li,
 body.mouse.full-black .header .sub-sub-menu li {
   background: #333;
 }

 body.mouse.full-black .header .sub-menu li a,
 body.mouse.full-black .header .sub-sub-menu li a {
   color: rgb(141, 141, 141);
 }

 body.mouse.full-black .header .header__title {
   color: rgb(141, 141, 141);
 }

 body.mouse.full-black .header .header__title>a:hover {
   color: rgb(187, 187, 187);
 }

 body.mouse.full-black .header .big-menu__inner,
 body.mouse.full-black .header .gallery__inner,
 body.mouse.full-black .header .small-menu__inner,
 body.mouse.full-black .header .text-menu__inner {
   background: #333;
   color: rgb(141, 141, 141);
 }

 body.mouse.full-black .header .btn::before,
 body.mouse.full-black .header .btn::after {
   background: #333;
 }

 body.mouse.full-black .header svg {
   fill: rgb(141, 141, 141);
 }

 body.mouse.full-black .header .sub-menu li:hover {
   background-color: rgb(70, 70, 70);
 }

 body.mouse.full-black .header .sub-menu li:hover a {
   color: rgb(187, 187, 187);
 }

 body.mouse.full-black .header .sub-menu__arrow::before,
 body.mouse.full-black .header .sub-menu__arrow::after {
   background: #ffffff;
 }

 body.mouse.full-black .header .big-menu a:hover {
   background-color: rgb(70, 70, 70);
   color: rgb(187, 187, 187);
 }

 body.mouse.full-black .header .slider-button:hover.slider-button::before,
 body.mouse.full-black .header .slider-button:hover.slider-button::after {
   background-color: rgb(141, 141, 141);
 }

 body.mouse.full-black .header .text-menu a:hover,
 body.mouse.full-black .header .small-menu a:hover {
   color: rgb(187, 187, 187);
 }

 body.mouse.full-black .header .text-menu a:hover svg,
 body.mouse.full-black .header .small-menu a:hover svg {
   fill: rgb(187, 187, 187);
 }

 body.mouse.full-black .header .search__item input {
   background: #555;
   color: rgb(187, 187, 187);
 }

 body.mouse.full-black .header .search__item input:focus {
   -webkit-box-shadow: 0px 3px 6px 1px rgba(141, 141, 141, 0.5);
   box-shadow: 0px 3px 6px 1px rgba(141, 141, 141, 0.5);
 }

 body.mouse.full-black .header .search__item button:hover svg {
   fill: rgb(187, 187, 187);
 }

 body.mouse.full-black .header .search__item button:active {
   background: rgb(141, 141, 141);
 }

 body.mouse.full-black .header .search__item button:active svg {
   fill: #ffffff;
 }

 body.mouse.full-black .header .top-social__link:hover {
   background: transparent;
 }

 body.mouse.full-black .header .top-social__link svg {
   -webkit-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
 }

 body.mouse.full-black .header .top-social__link svg:hover {
   fill: rgb(187, 187, 187);
 }

 body.mouse.full-black .header .contacts-header a:hover {
   color: rgb(187, 187, 187);
 }

 body.mouse.full-black .header .contacts-header a:hover svg {
   fill: rgb(187, 187, 187);
 }

 body.mouse.full-black .header .header__wishlist a:hover svg,
 body.mouse.full-black .header .header__cart a:hover svg {
   fill: rgb(187, 187, 187);
 }

 body.mouse.full-black .header .catalog__list>li:hover>a {
   color: rgb(187, 187, 187);
 }

 body.mouse.full-black .header .catalog__list>li:hover>a svg {
   fill: #ffffff;
 }

 body.mouse.full-black .header .catalog__list li {
   background: #333;
 }

 body.mouse.full-black .header .catalog__link:hover {
   color: rgb(187, 187, 187);
 }

 body.mouse.full-black .header .catalog__link:hover svg {
   fill: #ffffff;
 }

 body.mouse.full-black .header .group-catalog__title:hover a {
   color: rgb(187, 187, 187);
 }

 body.mouse.full-black .header .sub-catalog a:hover {
   color: rgb(187, 187, 187);
 }

 body.mouse.full-black .header .header__link:hover {
   color: rgb(187, 187, 187);
 }

 body.mouse.full-black .header .header__link:hover svg {
   fill: rgb(187, 187, 187);
 }

 body.mouse.full-black .header .header__link.active {
   color: rgb(187, 187, 187);
 }

 body.mouse.full-black .header .header__link.active svg {
   fill: rgb(187, 187, 187);
 }

 body.mouse.full-black .pulse {
   background-color: rgb(141, 141, 141);
 }

 body.mouse.full-black::-webkit-scrollbar {
   width: 12px;
 }

 body.mouse.full-black::-webkit-scrollbar-track {
   background: #bbb;
 }

 body.mouse.full-black::-webkit-scrollbar-thumb {
   background: #333;
   border-radius: 8px;
   border: 2px solid #555;
 }

 body.mouse.full-black::-webkit-scrollbar-thumb:hover {
   background: rgb(70, 70, 70);
 }

 body.touch.full-black .header {
   background: #333;
 }

 body.touch.full-black .header .header__top {
   background: #333;
   border-bottom: 1px solid rgb(141, 141, 141);
 }

 body.touch.full-black .header .search__item input {
   background: #555;
   color: rgb(187, 187, 187);
 }

 body.touch.full-black .header .search__item input:focus {
   -webkit-box-shadow: 0px 3px 6px 1px rgba(141, 141, 141, 0.5);
   box-shadow: 0px 3px 6px 1px rgba(141, 141, 141, 0.5);
 }

 body.touch.full-black .header .search__item svg {
   fill: rgb(187, 187, 187);
 }

 body.touch.full-black .header .search__item button:active svg {
   fill: #ffffff;
 }

 body.touch.full-black .header .top-social__link svg,
 body.touch.full-black .header .header__list svg,
 body.touch.full-black .header .contacts-header svg {
   fill: rgb(141, 141, 141);
 }

 body.touch.full-black .header .btn::before,
 body.touch.full-black .header .btn::after {
   display: none;
 }

 body.touch.full-black .header .header__list,
 body.touch.full-black .header .sub-menu__item,
 body.touch.full-black .header .sub-sub-menu__item {
   background: #333;
 }

 body.touch.full-black .header a {
   color: rgb(187, 187, 187);
 }

 body.touch.full-black .header .arrow::before,
 body.touch.full-black .header .arrow::after,
 body.touch.full-black .header .header__burger span,
 body.touch.full-black .header .header__burger::before,
 body.touch.full-black .header .header__burger::after {
   background: rgb(187, 187, 187);
 }

 body.touch.full-black .header .big-menu__inner,
 body.touch.full-black .header .gallery__inner,
 body.touch.full-black .header .small-menu__inner,
 body.touch.full-black .header .text-menu__inner,
 body.touch.full-black .header .catalog__list li {
   background: #333;
   color: rgb(141, 141, 141);
 }

 body.touch.full-black .header .contacts-header a {
   color: rgb(141, 141, 141);
 }

 body.touch.full-black .header .header__wishlist a svg,
 body.touch.full-black .header .header__cart a svg {
   fill: rgb(141, 141, 141);
 }

 body.touch.full-black .pulse {
   background-color: rgb(141, 141, 141);
 }

 /* FULL_BLACK END */


 /* YELLOW_BLUE-WHITE */
 body.mouse.yellow_blue-white .header {
   background: #ffffff;
 }

 body.mouse.yellow_blue-white .header .header__top {
   background: -webkit-gradient(linear, left bottom, left top, color-stop(3.82%, #ffe601), color-stop(92.74%, #00B4DB));
   background: -o-linear-gradient(bottom, #ffe601 3.82%, #00B4DB 92.74%);
   background: linear-gradient(0deg, #ffe601 3.82%, #00B4DB 92.74%);
 }

 body.mouse.yellow_blue-white .header .top-social__link svg {
   fill: #ffffff;
 }

 body.mouse.yellow_blue-white .header .btn::before,
 body.mouse.yellow_blue-white .header .btn::after {
   background: #ffe601;
 }

 body.mouse.yellow_blue-white .header .sub-menu li:hover {
   background-color: #ffe601;
 }

 body.mouse.yellow_blue-white .header .sub-menu li:hover>a {
   color: #111;
 }

 body.mouse.yellow_blue-white .header .sub-menu li:hover>.header__link-wrapper a {
   color: #111;
 }

 body.mouse.yellow_blue-white .header .sub-menu__arrow.active::before,
 body.mouse.yellow_blue-white .header .sub-menu__arrow.active::after {
   background: #111;
 }

 body.mouse.yellow_blue-white .header .big-menu a:hover {
   background: #ffe601;
   color: #111;
 }

 body.mouse.yellow_blue-white .header .slider-button:hover.slider-button::before,
 body.mouse.yellow_blue-white .header .slider-button:hover.slider-button::after {
   background-color: #00B4DB;
 }

 body.mouse.yellow_blue-white .header .text-menu a:hover {
   color: #ffe601;
 }

 body.mouse.yellow_blue-white .header .text-menu a:hover svg {
   fill: #ffe601;
 }

 body.mouse.yellow_blue-white .header .search__item input:focus {
   -webkit-box-shadow: 0px 3px 6px 1px #00B4DB;
   box-shadow: 0px 3px 6px 1px #00B4DB;
 }

 body.mouse.yellow_blue-white .header .search__item button:hover svg {
   fill: #00B4DB;
 }

 body.mouse.yellow_blue-white .header .search__item button:active {
   background: #00B4DB;
 }

 body.mouse.yellow_blue-white .header .search__item button:active svg {
   fill: #ffffff;
 }

 body.mouse.yellow_blue-white .header .header__contacts a {
   color: #ffffff;
 }

 body.mouse.yellow_blue-white .header .header__contacts svg {
   fill: #ffffff;
 }

 body.mouse.yellow_blue-white .header .header__link {
   color: #111;
 }

 body.mouse.yellow_blue-white .header .header__link:hover {
   color: #ffffff;
 }

 body.mouse.yellow_blue-white .header .header__link:hover svg {
   fill: #ffffff;
 }

 body.mouse.yellow_blue-white .header .header__link svg {
   fill: #111;
 }

 body.mouse.yellow_blue-white .header .header__link.active {
   color: #ffffff;
 }

 body.mouse.yellow_blue-white .header .header__link.active svg {
   fill: #ffffff;
 }

 body.mouse.yellow_blue-white .header .header__wishlist a:hover svg,
 body.mouse.yellow_blue-white .header .header__cart a:hover svg {
   fill: #ffe601;
 }

 body.mouse.yellow_blue-white .header .catalog__list>li:hover {
   background: #ffe601;
 }

 body.mouse.yellow_blue-white .header .catalog__list>li:hover>a {
   color: #111;
 }

 body.mouse.yellow_blue-white .header .catalog__list>li:hover>a svg {
   fill: #111;
 }

 body.mouse.yellow_blue-white .header .catalog__link:hover {
   background: #ffe601;
   color: #111;
 }

 body.mouse.yellow_blue-white .header .catalog__link:hover svg {
   fill: #111;
 }

 body.mouse.yellow_blue-white .header .group-catalog__title:hover a {
   color: #ffe601;
 }

 body.mouse.yellow_blue-white .header .sub-catalog a:hover {
   color: #ffe601;
 }

 body.mouse.yellow_blue-white .pulse {
   background-color: #ffe601;
 }

 body.mouse.yellow_blue-white::-webkit-scrollbar {
   width: 12px;
 }

 body.mouse.yellow_blue-white::-webkit-scrollbar-track {
   background: #D3CCE3;
 }

 body.mouse.yellow_blue-white::-webkit-scrollbar-thumb {
   background: -webkit-gradient(linear, left bottom, left top, color-stop(3.82%, #ffe601), color-stop(92.74%, #00B4DB));
   background: linear-gradient(0deg, #ffe601 3.82%, #00B4DB 92.74%);
   border-radius: 8px;
   border: 2px solid #adadad;
 }

 body.touch.yellow_blue-white .header {
   background: #ffffff;
 }

 body.touch.yellow_blue-white .header .header__top {
   background: -webkit-gradient(linear, left bottom, left top, color-stop(3.82%, #ffe601), color-stop(92.74%, #00B4DB));
   background: -o-linear-gradient(bottom, #ffe601 3.82%, #00B4DB 92.74%);
   background: linear-gradient(0deg, #ffe601 3.82%, #00B4DB 92.74%);
 }

 body.touch.yellow_blue-white .header .search__item input:focus {
   -webkit-box-shadow: 0px 3px 6px 1px #00B4DB;
   box-shadow: 0px 3px 6px 1px #00B4DB;
 }

 body.touch.yellow_blue-white .header .search__item button:hover svg {
   fill: #00B4DB;
 }

 body.touch.yellow_blue-white .header .search__item button:active {
   background: #00B4DB;
 }

 body.touch.yellow_blue-white .header .search__item button:active svg {
   fill: #ffffff;
 }

 body.touch.yellow_blue-white .header .top-social__link svg {
   fill: #ffffff;
 }

 body.touch.yellow_blue-white .header .btn::before,
 body.touch.yellow_blue-white .header .btn::after {
   display: none;
 }

 body.touch.yellow_blue-white .header .contacts-header a {
   color: #ffffff;
 }

 body.touch.yellow_blue-white .header .contacts-header svg {
   fill: #ffffff;
 }

 @media (max-width: 950px) {
   body.touch.yellow_blue-white .header .header__list {
     background: -webkit-gradient(linear, left bottom, left top, color-stop(3.82%, #ffe601), color-stop(92.74%, #00B4DB));
     background: -o-linear-gradient(bottom, #ffe601 3.82%, #00B4DB 92.74%);
     background: linear-gradient(0deg, #ffe601 3.82%, #00B4DB 92.74%);
   }

   body.touch.yellow_blue-white .header .header__list a,
   body.touch.yellow_blue-white .header .header__list h5,
   body.touch.yellow_blue-white .header .header__list p {
     color: #111;
   }

   body.touch.yellow_blue-white .header .header__list ul li,
   body.touch.yellow_blue-white .header .header__list .big-menu__inner,
   body.touch.yellow_blue-white .header .header__list .small-menu__inner,
   body.touch.yellow_blue-white .header .header__list .gallery__inner,
   body.touch.yellow_blue-white .header .header__list .text-menu__inner,
   body.touch.yellow_blue-white .header .header__list svg {
     background: #ffe601;
   }

   body.touch.yellow_blue-white .header .header__list svg {
     fill: #111;
   }

   body.touch.yellow_blue-white .header .arrow::before,
   body.touch.yellow_blue-white .header .arrow::after,
   body.touch.yellow_blue-white .header .header__title::after {
     background: #111;
   }
 }

 body.touch.yellow_blue-white .pulse {
   background-color: #ffe601;
 }

 /* YELLOW_BLUE-WHITE END */


 /* GREEN_BLUE-WHITE  */
 body.mouse.green_blue-white .header {
   background: #ffffff;
 }

 body.mouse.green_blue-white .header .header__top {
   background: -webkit-gradient(linear, left bottom, left top, color-stop(3.82%, #38ef7d), color-stop(92.74%, #00B4DB));
   background: -o-linear-gradient(bottom, #38ef7d 3.82%, #00B4DB 92.74%);
   background: linear-gradient(0deg, #38ef7d 3.82%, #00B4DB 92.74%);
 }

 body.mouse.green_blue-white .header .top-social__link svg {
   fill: #ffffff;
 }

 body.mouse.green_blue-white .header .btn::before,
 body.mouse.green_blue-white .header .btn::after {
   background: #38ef7d;
 }

 body.mouse.green_blue-white .header .sub-menu li:hover {
   background-color: #38ef7d;
 }

 body.mouse.green_blue-white .header .sub-menu li:hover>a {
   color: #ffffff;
 }

 body.mouse.green_blue-white .header .sub-menu li:hover>.header__link-wrapper a {
   color: #ffffff;
 }

 body.mouse.green_blue-white .header .sub-menu__arrow.active::before,
 body.mouse.green_blue-white .header .sub-menu__arrow.active::after {
   background: #ffffff;
 }

 body.mouse.green_blue-white .header .big-menu a:hover {
   background: #38ef7d;
   color: #ffffff;
 }

 body.mouse.green_blue-white .header .slider-button:hover.slider-button::before,
 body.mouse.green_blue-white .header .slider-button:hover.slider-button::after {
   background-color: #00B4DB;
 }

 body.mouse.green_blue-white .header .text-menu a:hover {
   color: #38ef7d;
 }

 body.mouse.green_blue-white .header .text-menu a:hover svg {
   fill: #38ef7d;
 }

 body.mouse.green_blue-white .header .search__item input:focus {
   -webkit-box-shadow: 0px 3px 6px 1px #00B4DB;
   box-shadow: 0px 3px 6px 1px #00B4DB;
 }

 body.mouse.green_blue-white .header .search__item button:hover svg {
   fill: #00B4DB;
 }

 body.mouse.green_blue-white .header .search__item button:active {
   background: #00B4DB;
 }

 body.mouse.green_blue-white .header .search__item button:active svg {
   fill: #ffffff;
 }

 body.mouse.green_blue-white .header .header__contacts a {
   color: #ffffff;
 }

 body.mouse.green_blue-white .header .header__contacts a:hover {
   color: #f3f3f3;
 }

 body.mouse.green_blue-white .header .header__contacts a:hover svg {
   fill: #f3f3f3;
 }

 body.mouse.green_blue-white .header .header__contacts svg {
   fill: #ffffff;
 }

 body.mouse.green_blue-white .header .header__link {
   color: #111;
 }

 body.mouse.green_blue-white .header .header__link:hover {
   color: #ffffff;
 }

 body.mouse.green_blue-white .header .header__link:hover svg {
   fill: #ffffff;
 }

 body.mouse.green_blue-white .header .header__link svg {
   fill: #111;
 }

 body.mouse.green_blue-white .header .header__link.active {
   color: #ffffff;
 }

 body.mouse.green_blue-white .header .header__link.active svg {
   fill: #ffffff;
 }

 body.mouse.green_blue-white .header .header__wishlist a:hover svg,
 body.mouse.green_blue-white .header .header__cart a:hover svg {
   fill: #38ef7d;
 }

 body.mouse.green_blue-white .header .catalog__list>li:hover {
   background: #38ef7d;
   color: #ffffff;
 }

 body.mouse.green_blue-white .header .catalog__list>li:hover>a {
   color: #ffffff;
 }

 body.mouse.green_blue-white .header .catalog__list>li:hover>a svg {
   fill: #ffffff;
 }

 body.mouse.green_blue-white .header .catalog__link:hover {
   background: #38ef7d;
   color: #ffffff;
 }

 body.mouse.green_blue-white .header .catalog__link:hover svg {
   fill: #ffffff;
 }

 body.mouse.green_blue-white .header .group-catalog__title:hover a {
   color: #38ef7d;
 }

 body.mouse.green_blue-white .header .sub-catalog a:hover {
   color: #38ef7d;
 }

 body.mouse.green_blue-white .pulse {
   background-color: #38ef7d;
 }

 body.mouse.green_blue-white::-webkit-scrollbar {
   width: 12px;
 }

 body.mouse.green_blue-white::-webkit-scrollbar-track {
   background: #D3CCE3;
 }

 body.mouse.green_blue-white::-webkit-scrollbar-thumb {
   background: -webkit-gradient(linear, left bottom, left top, color-stop(3.82%, #38ef7d), color-stop(92.74%, #00B4DB));
   background: linear-gradient(0deg, #38ef7d 3.82%, #00B4DB 92.74%);
   border-radius: 8px;
   border: 2px solid #adadad;
 }

 body.touch.green_blue-white .header {
   background: #ffffff;
 }

 body.touch.green_blue-white .header .header__top {
   background: -webkit-gradient(linear, left bottom, left top, color-stop(3.82%, #38ef7d), color-stop(92.74%, #00B4DB));
   background: -o-linear-gradient(bottom, #38ef7d 3.82%, #00B4DB 92.74%);
   background: linear-gradient(0deg, #38ef7d 3.82%, #00B4DB 92.74%);
 }

 body.touch.green_blue-white .header .search__item input:focus {
   -webkit-box-shadow: 0px 3px 6px 1px #00B4DB;
   box-shadow: 0px 3px 6px 1px #00B4DB;
 }

 body.touch.green_blue-white .header .search__item button:hover svg {
   fill: #00B4DB;
 }

 body.touch.green_blue-white .header .search__item button:active {
   background: #00B4DB;
 }

 body.touch.green_blue-white .header .search__item button:active svg {
   fill: #ffffff;
 }

 body.touch.green_blue-white .header .top-social__link svg {
   fill: #ffffff;
 }

 body.touch.green_blue-white .header .btn::before,
 body.touch.green_blue-white .header .btn::after {
   display: none;
 }

 body.touch.green_blue-white .header .contacts-header a {
   color: #ffffff;
 }

 body.touch.green_blue-white .header .contacts-header svg {
   fill: #ffffff;
 }

 @media (max-width: 950px) {
   body.touch.green_blue-white .header .header__list {
     background: -o-linear-gradient(125deg, #38ef7d 3.82%, #00B4DB 92.74%);
     background: linear-gradient(-35deg, #38ef7d 3.82%, #00B4DB 92.74%);
   }

   body.touch.green_blue-white .header .header__list a,
   body.touch.green_blue-white .header .header__list h5,
   body.touch.green_blue-white .header .header__list p {
     color: #ffffff;
   }

   body.touch.green_blue-white .header .header__list ul li,
   body.touch.green_blue-white .header .header__list .big-menu__inner,
   body.touch.green_blue-white .header .header__list .small-menu__inner,
   body.touch.green_blue-white .header .header__list .gallery__inner,
   body.touch.green_blue-white .header .header__list .text-menu__inner,
   body.touch.green_blue-white .header .header__list svg {
     background: #38ef7d;
   }

   body.touch.green_blue-white .header .header__list svg {
     fill: #ffffff;
   }

   body.touch.green_blue-white .header .arrow::before,
   body.touch.green_blue-white .header .arrow::after,
   body.touch.green_blue-white .header .header__title::after {
     background: #ffffff;
   }
 }

 body.touch.green_blue-white .pulse {
   background-color: #38ef7d;
 }

 /* GREEN_BLUE-WHITE END */


 /* YELLOW-WHITE */
 body.mouse.yellow-white .header {
   background: #ffffff;
 }

 body.mouse.yellow-white .header .header__top {
   background: #ffa501;
 }

 body.mouse.yellow-white .header .top-social__link svg {
   fill: #ffffff;
 }

 body.mouse.yellow-white .header .btn::before,
 body.mouse.yellow-white .header .btn::after {
   background: #ffa501;
 }

 body.mouse.yellow-white .header .sub-menu li:hover {
   background-color: #ffa501;
 }

 body.mouse.yellow-white .header .sub-menu li:hover>a {
   color: #ffffff;
 }

 body.mouse.yellow-white .header .sub-menu li:hover>.header__link-wrapper a {
   color: #ffffff;
 }

 body.mouse.yellow-white .header .sub-menu__arrow.active::before,
 body.mouse.yellow-white .header .sub-menu__arrow.active::after {
   background: #ffffff;
 }

 body.mouse.yellow-white .header .big-menu a:hover {
   background: #ffa501;
   color: #ffffff;
 }

 body.mouse.yellow-white .header .slider-button:hover.slider-button::before,
 body.mouse.yellow-white .header .slider-button:hover.slider-button::after {
   background-color: #ffa501;
 }

 body.mouse.yellow-white .header .text-menu a:hover,
 body.mouse.yellow-white .header .gallery a:hover {
   color: #ffa501;
 }

 body.mouse.yellow-white .header .text-menu a:hover svg,
 body.mouse.yellow-white .header .gallery a:hover svg {
   fill: #ffa501;
 }

 body.mouse.yellow-white .header .search__item input:focus {
   -webkit-box-shadow: 0px 3px 6px 1px #343A40;
   box-shadow: 0px 3px 6px 1px #343A40;
 }

 body.mouse.yellow-white .header .search__item button:hover svg {
   fill: #ffa501;
 }

 body.mouse.yellow-white .header .search__item button:active {
   background: #ffa501;
 }

 body.mouse.yellow-white .header .search__item button:active svg {
   fill: #ffffff;
 }

 body.mouse.yellow-white .header .header__contacts a {
   color: #ffffff;
 }

 body.mouse.yellow-white .header .header__contacts a:hover {
   color: #f3f3f3;
 }

 body.mouse.yellow-white .header .header__contacts a:hover svg {
   fill: #f3f3f3;
 }

 body.mouse.yellow-white .header .header__contacts svg {
   fill: #ffffff;
 }

 body.mouse.yellow-white .header .header__link {
   color: #111;
 }

 body.mouse.yellow-white .header .header__link:hover {
   color: #ffffff;
 }

 body.mouse.yellow-white .header .header__link:hover svg {
   fill: #ffffff;
 }

 body.mouse.yellow-white .header .header__link svg {
   fill: #111;
 }

 body.mouse.yellow-white .header .header__link.active {
   color: #ffffff;
 }

 body.mouse.yellow-white .header .header__link.active svg {
   fill: #ffffff;
 }

 body.mouse.yellow-white .header .header__wishlist a:hover svg,
 body.mouse.yellow-white .header .header__cart a:hover svg {
   fill: #ffa501;
 }

 body.mouse.yellow-white .header .catalog__list>li:hover {
   background: #ffa501;
 }

 body.mouse.yellow-white .header .catalog__list>li:hover>a {
   color: #ffffff;
 }

 body.mouse.yellow-white .header .catalog__list>li:hover>a svg {
   fill: #ffffff;
 }

 body.mouse.yellow-white .header .catalog__link:hover {
   background: #ffa501;
   color: #ffffff;
 }

 body.mouse.yellow-white .header .catalog__link:hover svg {
   fill: #ffffff;
 }

 body.mouse.yellow-white .header .group-catalog__title:hover a {
   color: #ffa501;
 }

 body.mouse.yellow-white .header .sub-catalog a:hover {
   color: #ffa501;
 }

 body.mouse.yellow-white .pulse {
   background-color: #ffa501;
 }

 body.mouse.yellow-white::-webkit-scrollbar {
   width: 12px;
 }

 body.mouse.yellow-white::-webkit-scrollbar-track {
   background: #D3CCE3;
 }

 body.mouse.yellow-white::-webkit-scrollbar-thumb {
   background: #ffa501;
   border-radius: 8px;
   border: 2px solid #adadad;
 }

 body.mouse.yellow-white::-webkit-scrollbar-thumb:hover {
   background: #fd7e15;
 }

 body.touch.yellow-white .header {
   background: #ffffff;
 }

 body.touch.yellow-white .header .header__top {
   background: #ffa501;
 }

 body.touch.yellow-white .header .search__item input:focus {
   -webkit-box-shadow: 0px 3px 6px 1px #ffa501;
   box-shadow: 0px 3px 6px 1px #ffa501;
 }

 body.touch.yellow-white .header .search__item button:hover svg {
   fill: #ffa501;
 }

 body.touch.yellow-white .header .search__item button:active {
   background: #ffa501;
 }

 body.touch.yellow-white .header .search__item button:active svg {
   fill: #ffffff;
 }

 body.touch.yellow-white .header .top-social__link svg {
   fill: #ffffff;
 }

 body.touch.yellow-white .header .btn::before,
 body.touch.yellow-white .header .btn::after {
   display: none;
 }

 body.touch.yellow-white .header .contacts-header a {
   color: #ffffff;
 }

 body.touch.yellow-white .header .contacts-header svg {
   fill: #ffffff;
 }

 @media (max-width: 950px) {
   body.touch.yellow-white .header .header__list {
     background: #ffa501;
   }

   body.touch.yellow-white .header .header__list a,
   body.touch.yellow-white .header .header__list h5,
   body.touch.yellow-white .header .header__list p {
     color: #ffffff;
   }

   body.touch.yellow-white .header .header__list ul li,
   body.touch.yellow-white .header .header__list .big-menu__inner,
   body.touch.yellow-white .header .header__list .small-menu__inner,
   body.touch.yellow-white .header .header__list .gallery__inner,
   body.touch.yellow-white .header .header__list .text-menu__inner,
   body.touch.yellow-white .header .header__list svg {
     background: #fd7e15;
   }

   body.touch.yellow-white .header .header__list svg {
     fill: #ffffff;
   }

   body.touch.yellow-white .header .arrow::before,
   body.touch.yellow-white .header .arrow::after,
   body.touch.yellow-white .header .header__title::after {
     background: #ffffff;
   }
 }

 body.touch.yellow-white .pulse {
   background-color: #ffa501;
 }

 /* YELLOW-WHITE END */


 /* YELLOW-BLACK */
 body.mouse.yellow-black .header {
   background: #343A40;
 }

 body.mouse.yellow-black .header a {
   color: #ffffff;
 }

 body.mouse.yellow-black .header svg {
   fill: #ffffff;
 }

 body.mouse.yellow-black .header .header__top {
   background: #ffa501;
 }

 body.mouse.yellow-black .header .top-social__link svg {
   fill: #ffffff;
 }

 body.mouse.yellow-black .header .btn::before,
 body.mouse.yellow-black .header .btn::after {
   background: #ffa501;
 }

 body.mouse.yellow-black .header .sub-menu li,
 body.mouse.yellow-black .header .sub-sub-menu li,
 body.mouse.yellow-black .header .big-menu__inner,
 body.mouse.yellow-black .header .gallery__inner,
 body.mouse.yellow-black .header .small-menu__inner,
 body.mouse.yellow-black .header .text-menu__inner,
 body.mouse.yellow-black .header .catalog__item {
   background: #343A40;
   color: #d3d3d3;
 }

 body.mouse.yellow-black .header .sub-menu li:hover {
   background-color: #ffa501;
 }

 body.mouse.yellow-black .header .sub-menu li:hover>a {
   color: #111;
 }

 body.mouse.yellow-black .header .sub-menu li:hover>.header__link-wrapper a {
   color: #111;
 }

 body.mouse.yellow-black .header .sub-menu__arrow::before,
 body.mouse.yellow-black .header .sub-menu__arrow::after {
   background: #ffffff;
 }

 body.mouse.yellow-black .header .sub-menu__arrow.active::before,
 body.mouse.yellow-black .header .sub-menu__arrow.active::after {
   background: #111;
 }

 body.mouse.yellow-black .header .big-menu a:hover {
   background: #ffa501;
   color: #111;
 }

 body.mouse.yellow-black .header .slider-button:hover.slider-button::before,
 body.mouse.yellow-black .header .slider-button:hover.slider-button::after {
   background-color: #ffa501;
 }

 body.mouse.yellow-black .header .text-menu a:hover,
 body.mouse.yellow-black .header .gallery a:hover {
   color: #ffa501;
 }

 body.mouse.yellow-black .header .text-menu a:hover svg,
 body.mouse.yellow-black .header .gallery a:hover svg {
   fill: #ffa501;
 }

 body.mouse.yellow-black .header .search__item input:focus {
   -webkit-box-shadow: 0px 3px 6px 1px #343A40;
   box-shadow: 0px 3px 6px 1px #343A40;
 }

 body.mouse.yellow-black .header .search__item button:hover svg {
   fill: #ffa501;
 }

 body.mouse.yellow-black .header .search__item button:active {
   background: #ffa501;
 }

 body.mouse.yellow-black .header .search__item button:active svg {
   fill: #ffffff;
 }

 body.mouse.yellow-black .header .header__contacts a {
   color: #ffffff;
 }

 body.mouse.yellow-black .header .header__contacts a:hover {
   color: #343A40;
 }

 body.mouse.yellow-black .header .header__contacts a:hover svg {
   fill: #343A40;
 }

 body.mouse.yellow-black .header .header__contacts svg {
   fill: #ffffff;
 }

 body.mouse.yellow-black .header .header__link {
   color: #ffffff;
 }

 body.mouse.yellow-black .header .header__link:hover {
   color: #111;
 }

 body.mouse.yellow-black .header .header__link:hover svg {
   fill: #111;
 }

 body.mouse.yellow-black .header .header__link svg {
   fill: #ffffff;
 }

 body.mouse.yellow-black .header .header__link.active {
   color: #111;
 }

 body.mouse.yellow-black .header .header__link.active svg {
   fill: #111;
 }

 body.mouse.yellow-black .header .header__wishlist a:hover svg,
 body.mouse.yellow-black .header .header__cart a:hover svg {
   fill: #ffa501;
 }

 body.mouse.yellow-black .header .header__wishlist svg,
 body.mouse.yellow-black .header .header__cart svg {
   fill: #ffffff;
 }

 body.mouse.yellow-black .header .catalog__list li {
   background: #343A40;
 }

 body.mouse.yellow-black .header .catalog__list>li:hover {
   background: #ffa501;
 }

 body.mouse.yellow-black .header .catalog__list>li:hover>a {
   color: #111;
 }

 body.mouse.yellow-black .header .catalog__list>li:hover>a svg {
   fill: #111;
 }

 body.mouse.yellow-black .header .catalog__link {
   color: #ffffff;
 }

 body.mouse.yellow-black .header .catalog__link:hover {
   background: #ffa501;
   color: #111;
 }

 body.mouse.yellow-black .header .catalog__link:hover svg {
   fill: #111;
 }

 body.mouse.yellow-black .header .catalog__link svg {
   fill: #ffffff;
 }

 body.mouse.yellow-black .header .group-catalog__title:hover a {
   color: #ffa501;
 }

 body.mouse.yellow-black .header .sub-catalog a {
   color: #d3d3d3;
 }

 body.mouse.yellow-black .header .sub-catalog a:hover {
   color: #ffa501;
 }

 body.mouse.yellow-black .header .group-catalog__list {
   background: #343A40;
 }

 body.mouse.yellow-black .pulse {
   background-color: #ffa501;
 }

 body.mouse.yellow-black::-webkit-scrollbar {
   width: 12px;
 }

 body.mouse.yellow-black::-webkit-scrollbar-track {
   background: #343A40;
 }

 body.mouse.yellow-black::-webkit-scrollbar-thumb {
   background: #ffa501;
   border-radius: 8px;
   border: 2px solid #adadad;
 }

 body.mouse.yellow-black::-webkit-scrollbar-thumb:hover {
   background: #fd7e15;
 }

 body.touch.yellow-black .header {
   background: #343A40;
 }

 body.touch.yellow-black .header a {
   color: #ffffff;
 }

 body.touch.yellow-black .header svg {
   fill: #ffffff;
 }

 body.touch.yellow-black .header .header__top {
   background: #ffa501;
 }

 body.touch.yellow-black .header .search__item input:focus {
   -webkit-box-shadow: 0px 3px 6px 1px #ffa501;
   box-shadow: 0px 3px 6px 1px #ffa501;
 }

 body.touch.yellow-black .header .search__item button:hover svg {
   fill: #ffa501;
 }

 body.touch.yellow-black .header .search__item button:active {
   background: #ffa501;
 }

 body.touch.yellow-black .header .search__item button:active svg {
   fill: #ffffff;
 }

 body.touch.yellow-black .header .top-social__link svg {
   fill: #ffffff;
 }

 body.touch.yellow-black .header .btn::before,
 body.touch.yellow-black .header .btn::after {
   display: none;
 }

 body.touch.yellow-black .header .contacts-header a {
   color: #ffffff;
 }

 body.touch.yellow-black .header .contacts-header svg {
   fill: #ffffff;
 }

 body.touch.yellow-black .header .sub-menu li,
 body.touch.yellow-black .header .sub-sub-menu li,
 body.touch.yellow-black .header .big-menu__inner,
 body.touch.yellow-black .header .gallery__inner,
 body.touch.yellow-black .header .small-menu__inner,
 body.touch.yellow-black .header .text-menu__inner,
 body.touch.yellow-black .header .catalog__item {
   background: #343A40;
   color: #d3d3d3;
 }

 body.touch.yellow-black .header .arrow::before,
 body.touch.yellow-black .header .arrow::after,
 body.touch.yellow-black .header .header__burger span,
 body.touch.yellow-black .header .header__burger::before,
 body.touch.yellow-black .header .header__burger::after {
   background: #d3d3d3;
 }

 @media (max-width: 950px) {
   body.touch.yellow-black .header .header__list {
     background: #ffa501;
   }

   body.touch.yellow-black .header .header__list a,
   body.touch.yellow-black .header .header__list h5,
   body.touch.yellow-black .header .header__list p {
     color: #ffffff;
   }

   body.touch.yellow-black .header .header__list ul li,
   body.touch.yellow-black .header .header__list .big-menu__inner,
   body.touch.yellow-black .header .header__list .small-menu__inner,
   body.touch.yellow-black .header .header__list .gallery__inner,
   body.touch.yellow-black .header .header__list .text-menu__inner,
   body.touch.yellow-black .header .header__list svg {
     background: #fd7e15;
   }

   body.touch.yellow-black .header .header__list svg {
     fill: #ffffff;
   }

   body.touch.yellow-black .header .arrow::before,
   body.touch.yellow-black .header .arrow::after,
   body.touch.yellow-black .header .header__title::after {
     background: #ffffff;
   }
 }

 body.touch.yellow-black .pulse {
   background-color: #ffa501;
 }

 /* YELLOW-BLACK END */


 /* GREEN-BLACK */
 body.mouse.green-black .header {
   background: #343A40;
 }

 body.mouse.green-black .header a {
   color: #ffffff;
 }

 body.mouse.green-black .header svg {
   fill: #ffffff;
 }

 body.mouse.green-black .header .header__top {
   background: -webkit-gradient(linear, left bottom, left top, color-stop(3.82%, #38ef7d), color-stop(92.74%, #343A40));
   background: -o-linear-gradient(bottom, #38ef7d 3.82%, #343A40 92.74%);
   background: linear-gradient(0deg, #38ef7d 3.82%, #343A40 92.74%);
 }

 body.mouse.green-black .header .top-social__link svg {
   fill: #ffffff;
 }

 body.mouse.green-black .header .btn::before,
 body.mouse.green-black .header .btn::after {
   background: #38ef7d;
 }

 body.mouse.green-black .header .sub-menu li,
 body.mouse.green-black .header .sub-sub-menu li,
 body.mouse.green-black .header .big-menu__inner,
 body.mouse.green-black .header .gallery__inner,
 body.mouse.green-black .header .small-menu__inner,
 body.mouse.green-black .header .text-menu__inner,
 body.mouse.green-black .header .catalog__item {
   background: #343A40;
   color: #d3d3d3;
 }

 body.mouse.green-black .header .sub-menu li:hover {
   background-color: #38ef7d;
 }

 body.mouse.green-black .header .sub-menu li:hover>a {
   color: #111;
 }

 body.mouse.green-black .header .sub-menu li:hover>.header__link-wrapper a {
   color: #111;
 }

 body.mouse.green-black .header .sub-menu__arrow::before,
 body.mouse.green-black .header .sub-menu__arrow::after {
   background: #ffffff;
 }

 body.mouse.green-black .header .sub-menu__arrow.active::before,
 body.mouse.green-black .header .sub-menu__arrow.active::after {
   background: #111;
 }

 body.mouse.green-black .header .big-menu a:hover {
   background: #38ef7d;
   color: #111;
 }

 body.mouse.green-black .header .slider-button:hover.slider-button::before,
 body.mouse.green-black .header .slider-button:hover.slider-button::after {
   background-color: #38ef7d;
 }

 body.mouse.green-black .header .text-menu a:hover,
 body.mouse.green-black .header .gallery a:hover {
   color: #38ef7d;
 }

 body.mouse.green-black .header .text-menu a:hover svg,
 body.mouse.green-black .header .gallery a:hover svg {
   fill: #38ef7d;
 }

 body.mouse.green-black .header .search__item input:focus {
   -webkit-box-shadow: 0px 3px 6px 1px #343A40;
   box-shadow: 0px 3px 6px 1px #343A40;
 }

 body.mouse.green-black .header .search__item button:hover svg {
   fill: #38ef7d;
 }

 body.mouse.green-black .header .search__item button:active {
   background: #38ef7d;
 }

 body.mouse.green-black .header .search__item button:active svg {
   fill: #ffffff;
 }

 body.mouse.green-black .header .header__contacts a {
   color: #ffffff;
 }

 body.mouse.green-black .header .header__contacts a:hover {
   color: #343A40;
 }

 body.mouse.green-black .header .header__contacts a:hover svg {
   fill: #343A40;
 }

 body.mouse.green-black .header .header__contacts svg {
   fill: #ffffff;
 }

 body.mouse.green-black .header .header__link {
   color: #ffffff;
 }

 body.mouse.green-black .header .header__link:hover {
   color: #111;
 }

 body.mouse.green-black .header .header__link:hover svg {
   fill: #111;
 }

 body.mouse.green-black .header .header__link svg {
   fill: #ffffff;
 }

 body.mouse.green-black .header .header__link.active {
   color: #111;
 }

 body.mouse.green-black .header .header__link.active svg {
   fill: #111;
 }

 body.mouse.green-black .header .header__wishlist a:hover svg,
 body.mouse.green-black .header .header__cart a:hover svg {
   fill: #38ef7d;
 }

 body.mouse.green-black .header .header__wishlist svg,
 body.mouse.green-black .header .header__cart svg {
   fill: #ffffff;
 }

 body.mouse.green-black .header .catalog__list>li:hover {
   background: #38ef7d;
 }

 body.mouse.green-black .header .catalog__list>li:hover>a {
   color: #111;
 }

 body.mouse.green-black .header .catalog__list>li:hover>a svg {
   fill: #111;
 }

 body.mouse.green-black .header .catalog__list li {
   background: #343A40;
 }

 body.mouse.green-black .header .catalog__link {
   color: #ffffff;
 }

 body.mouse.green-black .header .catalog__link:hover {
   background: #38ef7d;
   color: #111;
 }

 body.mouse.green-black .header .catalog__link:hover svg {
   fill: #111;
 }

 body.mouse.green-black .header .catalog__link svg {
   fill: #ffffff;
 }

 body.mouse.green-black .header .group-catalog__title:hover a {
   color: #38ef7d;
 }

 body.mouse.green-black .header .sub-catalog a {
   color: #d3d3d3;
 }

 body.mouse.green-black .header .sub-catalog a:hover {
   color: #38ef7d;
 }

 body.mouse.green-black .header .group-catalog__list {
   background: #343A40;
 }

 body.mouse.green-black .pulse {
   background-color: #38ef7d;
 }

 body.mouse.green-black::-webkit-scrollbar {
   width: 12px;
 }

 body.mouse.green-black::-webkit-scrollbar-track {
   background: #343A40;
 }

 body.mouse.green-black::-webkit-scrollbar-thumb {
   background: -webkit-gradient(linear, left bottom, left top, color-stop(3.82%, #38ef7d), color-stop(92.74%, #343A40));
   background: linear-gradient(0deg, #38ef7d 3.82%, #343A40 92.74%);
   border-radius: 8px;
   border: 2px solid #adadad;
 }

 body.touch.green-black .header {
   background: #343A40;
 }

 body.touch.green-black .header a {
   color: #ffffff;
 }

 body.touch.green-black .header svg {
   fill: #ffffff;
 }

 body.touch.green-black .header .header__top {
   background: -webkit-gradient(linear, left bottom, left top, color-stop(3.82%, #38ef7d), color-stop(92.74%, #343A40));
   background: -o-linear-gradient(bottom, #38ef7d 3.82%, #343A40 92.74%);
   background: linear-gradient(0deg, #38ef7d 3.82%, #343A40 92.74%);
 }

 body.touch.green-black .header .search__item input:focus {
   -webkit-box-shadow: 0px 3px 6px 1px #38ef7d;
   box-shadow: 0px 3px 6px 1px #38ef7d;
 }

 body.touch.green-black .header .search__item button:hover svg {
   fill: #38ef7d;
 }

 body.touch.green-black .header .search__item button:active {
   background: #38ef7d;
 }

 body.touch.green-black .header .search__item button:active svg {
   fill: #ffffff;
 }

 body.touch.green-black .header .top-social__link svg {
   fill: #ffffff;
 }

 body.touch.green-black .header .btn::before,
 body.touch.green-black .header .btn::after {
   display: none;
 }

 body.touch.green-black .header .contacts-header a {
   color: #ffffff;
 }

 body.touch.green-black .header .contacts-header svg {
   fill: #ffffff;
 }

 body.touch.green-black .header .sub-menu li,
 body.touch.green-black .header .sub-sub-menu li,
 body.touch.green-black .header .big-menu__inner,
 body.touch.green-black .header .gallery__inner,
 body.touch.green-black .header .small-menu__inner,
 body.touch.green-black .header .text-menu__inner,
 body.touch.green-black .header .catalog__item {
   background: #343A40;
   color: #d3d3d3;
 }

 body.touch.green-black .header .arrow::before,
 body.touch.green-black .header .arrow::after,
 body.touch.green-black .header .header__burger span,
 body.touch.green-black .header .header__burger::before,
 body.touch.green-black .header .header__burger::after {
   background: #d3d3d3;
 }

 @media (max-width: 950px) {
   body.touch.green-black .header .header__list {
     background: -o-linear-gradient(125deg, #38ef7d 3.82%, #343A40 92.74%);
     background: linear-gradient(-35deg, #38ef7d 3.82%, #343A40 92.74%);
   }

   body.touch.green-black .header .header__list a,
   body.touch.green-black .header .header__list h5,
   body.touch.green-black .header .header__list p {
     color: #ffffff;
   }

   body.touch.green-black .header .header__list ul li,
   body.touch.green-black .header .header__list .big-menu__inner,
   body.touch.green-black .header .header__list .small-menu__inner,
   body.touch.green-black .header .header__list .gallery__inner,
   body.touch.green-black .header .header__list .text-menu__inner,
   body.touch.green-black .header .header__list svg {
     background: #343A40;
   }

   body.touch.green-black .header .header__list svg {
     fill: #ffffff;
   }

   body.touch.green-black .header .arrow::before,
   body.touch.green-black .header .arrow::after,
   body.touch.green-black .header .header__title::after {
     background: #ffffff;
   }
 }

 body.touch.green-black .pulse {
   background-color: #38ef7d;
 }

 /* GREEN-BLACK END */


 /* EVENING-SUNSHINE */
 body.mouse.evening-sunshine .header {
   background: #343A40;
 }

 body.mouse.evening-sunshine .header a {
   color: #ffffff;
 }

 body.mouse.evening-sunshine .header svg {
   fill: #ffffff;
 }

 body.mouse.evening-sunshine .header .header__top {
   background: -webkit-gradient(linear, left bottom, left top, color-stop(3.82%, #1565C0), color-stop(92.74%, #b92b27));
   background: -o-linear-gradient(bottom, #1565C0 3.82%, #b92b27 92.74%);
   background: linear-gradient(0deg, #1565C0 3.82%, #b92b27 92.74%);
 }

 body.mouse.evening-sunshine .header .top-social__link svg {
   fill: #ffffff;
 }

 body.mouse.evening-sunshine .header .btn::before,
 body.mouse.evening-sunshine .header .btn::after {
   background: #1565C0;
 }

 body.mouse.evening-sunshine .header .sub-menu li,
 body.mouse.evening-sunshine .header .sub-sub-menu li,
 body.mouse.evening-sunshine .header .big-menu__inner,
 body.mouse.evening-sunshine .header .gallery__inner,
 body.mouse.evening-sunshine .header .small-menu__inner,
 body.mouse.evening-sunshine .header .text-menu__inner,
 body.mouse.evening-sunshine .header .catalog__item {
   background: #343A40;
   color: #d3d3d3;
 }

 body.mouse.evening-sunshine .header .sub-menu li:hover {
   background-color: #1565C0;
 }

 body.mouse.evening-sunshine .header .sub-menu li:hover>a {
   color: #111;
 }

 body.mouse.evening-sunshine .header .sub-menu li:hover>.header__link-wrapper a {
   color: #111;
 }

 body.mouse.evening-sunshine .header .sub-menu__arrow::before,
 body.mouse.evening-sunshine .header .sub-menu__arrow::after {
   background: #ffffff;
 }

 body.mouse.evening-sunshine .header .sub-menu__arrow.active::before,
 body.mouse.evening-sunshine .header .sub-menu__arrow.active::after {
   background: #111;
 }

 body.mouse.evening-sunshine .header .big-menu a:hover {
   background: #1565C0;
   color: #111;
 }

 body.mouse.evening-sunshine .header .slider-button:hover.slider-button::before,
 body.mouse.evening-sunshine .header .slider-button:hover.slider-button::after {
   background-color: #1565C0;
 }

 body.mouse.evening-sunshine .header .text-menu a:hover,
 body.mouse.evening-sunshine .header .gallery a:hover {
   color: #1565C0;
 }

 body.mouse.evening-sunshine .header .text-menu a:hover svg,
 body.mouse.evening-sunshine .header .gallery a:hover svg {
   fill: #1565C0;
 }

 body.mouse.evening-sunshine .header .search__item input:focus {
   -webkit-box-shadow: 0px 3px 6px 1px #343A40;
   box-shadow: 0px 3px 6px 1px #343A40;
 }

 body.mouse.evening-sunshine .header .search__item button:hover svg {
   fill: #1565C0;
 }

 body.mouse.evening-sunshine .header .search__item button:active {
   background: #1565C0;
 }

 body.mouse.evening-sunshine .header .search__item button:active svg {
   fill: #ffffff;
 }

 body.mouse.evening-sunshine .header .header__contacts a {
   color: #ffffff;
 }

 body.mouse.evening-sunshine .header .header__contacts a:hover {
   color: #e9e9e9;
 }

 body.mouse.evening-sunshine .header .header__contacts a:hover svg {
   fill: #e9e9e9;
 }

 body.mouse.evening-sunshine .header .header__contacts svg {
   fill: #ffffff;
 }

 body.mouse.evening-sunshine .header .header__link {
   color: #d3d3d3;
 }

 body.mouse.evening-sunshine .header .header__link:hover {
   color: #111;
 }

 body.mouse.evening-sunshine .header .header__link:hover svg {
   fill: #111;
 }

 body.mouse.evening-sunshine .header .header__link svg {
   fill: rgb(187, 187, 187);
 }

 body.mouse.evening-sunshine .header .header__link.active {
   color: #111;
 }

 body.mouse.evening-sunshine .header .header__link.active svg {
   fill: #111;
 }

 body.mouse.evening-sunshine .header .header__wishlist a:hover svg,
 body.mouse.evening-sunshine .header .header__cart a:hover svg {
   fill: #1565C0;
 }

 body.mouse.evening-sunshine .header .header__wishlist svg,
 body.mouse.evening-sunshine .header .header__cart svg {
   fill: #ffffff;
 }

 body.mouse.evening-sunshine .header .catalog__list li {
   background: #343A40;
 }

 body.mouse.evening-sunshine .header .catalog__list>li:hover {
   background: #1565C0;
 }

 body.mouse.evening-sunshine .header .catalog__list>li:hover>a {
   color: #111;
 }

 body.mouse.evening-sunshine .header .catalog__list>li:hover>a svg {
   fill: #111;
 }

 body.mouse.evening-sunshine .header .catalog__link {
   color: #ffffff;
 }

 body.mouse.evening-sunshine .header .catalog__link:hover {
   background: #1565C0;
   color: #111;
 }

 body.mouse.evening-sunshine .header .catalog__link:hover svg {
   fill: #111;
 }

 body.mouse.evening-sunshine .header .catalog__link svg {
   fill: #ffffff;
 }

 body.mouse.evening-sunshine .header .group-catalog__title:hover a {
   color: #1565C0;
 }

 body.mouse.evening-sunshine .header .sub-catalog a {
   color: #d3d3d3;
 }

 body.mouse.evening-sunshine .header .sub-catalog a:hover {
   color: #1565C0;
 }

 body.mouse.evening-sunshine .header .group-catalog__list {
   background: #343A40;
 }

 body.mouse.evening-sunshine .pulse {
   background-color: #1565C0;
 }

 body.mouse.evening-sunshine::-webkit-scrollbar {
   width: 12px;
 }

 body.mouse.evening-sunshine::-webkit-scrollbar-track {
   background: #343A40;
 }

 body.mouse.evening-sunshine::-webkit-scrollbar-thumb {
   background: -webkit-gradient(linear, left bottom, left top, color-stop(3.82%, #1565C0), color-stop(92.74%, #b92b27));
   background: linear-gradient(0deg, #1565C0 3.82%, #b92b27 92.74%);
   border-radius: 8px;
   border: 2px solid #adadad;
 }

 body.touch.evening-sunshine .header {
   background: #343A40;
 }

 body.touch.evening-sunshine .header a {
   color: #d3d3d3;
 }

 body.touch.evening-sunshine .header svg {
   fill: #ffffff;
 }

 body.touch.evening-sunshine .header .header__top {
   background: -webkit-gradient(linear, left bottom, left top, color-stop(3.82%, #1565C0), color-stop(92.74%, #b92b27));
   background: -o-linear-gradient(bottom, #1565C0 3.82%, #b92b27 92.74%);
   background: linear-gradient(0deg, #1565C0 3.82%, #b92b27 92.74%);
 }

 body.touch.evening-sunshine .header .search__item input:focus {
   -webkit-box-shadow: 0px 3px 6px 1px #1565C0;
   box-shadow: 0px 3px 6px 1px #1565C0;
 }

 body.touch.evening-sunshine .header .search__item button:hover svg {
   fill: #1565C0;
 }

 body.touch.evening-sunshine .header .search__item button:active {
   background: #1565C0;
 }

 body.touch.evening-sunshine .header .search__item button:active svg {
   fill: #ffffff;
 }

 body.touch.evening-sunshine .header .top-social__link svg {
   fill: #ffffff;
 }

 body.touch.evening-sunshine .header .btn::before,
 body.touch.evening-sunshine .header .btn::after {
   display: none;
 }

 body.touch.evening-sunshine .header .contacts-header a {
   color: #ffffff;
 }

 body.touch.evening-sunshine .header .contacts-header svg {
   fill: #ffffff;
 }

 body.touch.evening-sunshine .header .sub-menu li,
 body.touch.evening-sunshine .header .sub-sub-menu li,
 body.touch.evening-sunshine .header .big-menu__inner,
 body.touch.evening-sunshine .header .gallery__inner,
 body.touch.evening-sunshine .header .small-menu__inner,
 body.touch.evening-sunshine .header .text-menu__inner,
 body.touch.evening-sunshine .header .catalog__item {
   background: #343A40;
   color: #d3d3d3;
 }

 body.touch.evening-sunshine .header .arrow::before,
 body.touch.evening-sunshine .header .arrow::after,
 body.touch.evening-sunshine .header .header__burger span,
 body.touch.evening-sunshine .header .header__burger::before,
 body.touch.evening-sunshine .header .header__burger::after {
   background: #d3d3d3;
 }

 @media (max-width: 950px) {
   body.touch.evening-sunshine .header .header__list {
     background: -webkit-gradient(linear, left bottom, left top, color-stop(3.82%, #1565C0), color-stop(92.74%, #b92b27));
     background: -o-linear-gradient(bottom, #1565C0 3.82%, #b92b27 92.74%);
     background: linear-gradient(0deg, #1565C0 3.82%, #b92b27 92.74%);
   }

   body.touch.evening-sunshine .header .header__list a,
   body.touch.evening-sunshine .header .header__list h5,
   body.touch.evening-sunshine .header .header__list p {
     color: #ffffff;
   }

   body.touch.evening-sunshine .header .header__list ul li,
   body.touch.evening-sunshine .header .header__list .big-menu__inner,
   body.touch.evening-sunshine .header .header__list .small-menu__inner,
   body.touch.evening-sunshine .header .header__list .gallery__inner,
   body.touch.evening-sunshine .header .header__list .text-menu__inner,
   body.touch.evening-sunshine .header .header__list svg {
     background: #1565C0;
   }

   body.touch.evening-sunshine .header .header__list svg {
     fill: #ffffff;
   }

   body.touch.evening-sunshine .header .arrow::before,
   body.touch.evening-sunshine .header .arrow::after,
   body.touch.evening-sunshine .header .header__title::after {
     background: #ffffff;
   }
 }

 body.touch.evening-sunshine .pulse {
   background-color: #1565C0;
 }

 /* EVENING-SUNSHINE END */


 /* ARGON */
 body.mouse.argon .header {
   background: #ffffff;
 }

 body.mouse.argon .header .header__top {
   background: -webkit-gradient(linear, left top, left bottom, from(#fdeff9), color-stop(#ec38bc), color-stop(#7303c0), to(#03001e));
   background: -o-linear-gradient(top, #fdeff9, #ec38bc, #7303c0, #03001e);
   background: linear-gradient(to bottom, #fdeff9, #ec38bc, #7303c0, #03001e);
 }

 body.mouse.argon .header .top-social__link svg {
   fill: #ffffff;
 }

 body.mouse.argon .header .btn::before,
 body.mouse.argon .header .btn::after {
   background: -webkit-gradient(linear, left bottom, left top, color-stop(-20%, #fdeff9), color-stop(#ec38bc), color-stop(#7303c0), to(#03001e));
   background: -o-linear-gradient(bottom, #fdeff9 -20%, #ec38bc, #7303c0, #03001e);
   background: linear-gradient(to top, #fdeff9 -20%, #ec38bc, #7303c0, #03001e);
 }

 body.mouse.argon .header .sub-menu li:hover {
   background-color: #7303c0;
 }

 body.mouse.argon .header .sub-menu li:hover>a {
   color: #ffffff;
 }

 body.mouse.argon .header .sub-menu li:hover>.header__link-wrapper a {
   color: #ffffff;
 }

 body.mouse.argon .header .sub-menu__arrow.active::before,
 body.mouse.argon .header .sub-menu__arrow.active::after {
   background: #ffffff;
 }

 body.mouse.argon .header .big-menu a:hover {
   background: #7303c0;
   color: #ffffff;
 }

 body.mouse.argon .header .slider-button:hover.slider-button::before,
 body.mouse.argon .header .slider-button:hover.slider-button::after {
   background-color: #7303c0;
 }

 body.mouse.argon .header .text-menu a:hover,
 body.mouse.argon .header .gallery a:hover {
   color: #7303c0;
 }

 body.mouse.argon .header .text-menu a:hover svg,
 body.mouse.argon .header .gallery a:hover svg {
   fill: #7303c0;
 }

 body.mouse.argon .header .search__item input:focus {
   -webkit-box-shadow: 0px 3px 6px 1px #343A40;
   box-shadow: 0px 3px 6px 1px #343A40;
 }

 body.mouse.argon .header .search__item button:hover svg {
   fill: #7303c0;
 }

 body.mouse.argon .header .search__item button:active {
   background: #7303c0;
 }

 body.mouse.argon .header .search__item button:active svg {
   fill: #ffffff;
 }

 body.mouse.argon .header .header__contacts a {
   color: #ffffff;
 }

 body.mouse.argon .header .header__contacts a:hover {
   color: #f3f3f3;
 }

 body.mouse.argon .header .header__contacts a:hover svg {
   fill: #f3f3f3;
 }

 body.mouse.argon .header .header__contacts svg {
   fill: #ffffff;
 }

 body.mouse.argon .header .header__link {
   color: #111;
 }

 body.mouse.argon .header .header__link:hover {
   color: #ffffff;
 }

 body.mouse.argon .header .header__link:hover svg {
   fill: #ffffff;
 }

 body.mouse.argon .header .header__link svg {
   fill: #111;
 }

 body.mouse.argon .header .header__link.active {
   color: #ffffff;
 }

 body.mouse.argon .header .header__link.active svg {
   fill: #ffffff;
 }

 body.mouse.argon .header .header__wishlist a:hover svg,
 body.mouse.argon .header .header__cart a:hover svg {
   fill: #7303c0;
 }

 body.mouse.argon .header .catalog__list>li:hover {
   background: #7303c0;
 }

 body.mouse.argon .header .catalog__list>li:hover>a {
   color: #ffffff;
 }

 body.mouse.argon .header .catalog__list>li:hover>a svg {
   fill: #ffffff;
 }

 body.mouse.argon .header .catalog__link:hover {
   background: #7303c0;
   color: #ffffff;
 }

 body.mouse.argon .header .catalog__link:hover svg {
   fill: #ffffff;
 }

 body.mouse.argon .header .group-catalog__title:hover a {
   color: #7303c0;
 }

 body.mouse.argon .header .sub-catalog a:hover {
   color: #7303c0;
 }

 body.mouse.argon .pulse {
   background-color: #7303c0;
 }

 body.mouse.argon::-webkit-scrollbar {
   width: 12px;
 }

 body.mouse.argon::-webkit-scrollbar-track {
   background: #D3CCE3;
 }

 body.mouse.argon::-webkit-scrollbar-thumb {
   background: -webkit-gradient(linear, left top, left bottom, from(#fdeff9), color-stop(#ec38bc), color-stop(#7303c0), to(#03001e));
   background: linear-gradient(to bottom, #fdeff9, #ec38bc, #7303c0, #03001e);
   border-radius: 8px;
   border: 2px solid #adadad;
 }

 body.touch.argon .header {
   background: #ffffff;
 }

 body.touch.argon .header .header__top {
   background: -webkit-gradient(linear, left top, left bottom, from(#fdeff9), color-stop(#ec38bc), color-stop(#7303c0), to(#03001e));
   background: -o-linear-gradient(top, #fdeff9, #ec38bc, #7303c0, #03001e);
   background: linear-gradient(to bottom, #fdeff9, #ec38bc, #7303c0, #03001e);
 }

 body.touch.argon .header .search__item input:focus {
   -webkit-box-shadow: 0px 3px 6px 1px #7303c0;
   box-shadow: 0px 3px 6px 1px #7303c0;
 }

 body.touch.argon .header .search__item button:hover svg {
   fill: #ffa501;
 }

 body.touch.argon .header .search__item button:active {
   background: #ffa501;
 }

 body.touch.argon .header .search__item button:active svg {
   fill: #ffffff;
 }

 body.touch.argon .header .top-social__link svg {
   fill: #ffffff;
 }

 body.touch.argon .header .btn::before,
 body.touch.argon .header .btn::after {
   display: none;
 }

 body.touch.argon .header .contacts-header a {
   color: #ffffff;
 }

 body.touch.argon .header .contacts-header svg {
   fill: #ffffff;
 }

 @media (max-width: 950px) {
   body.touch.argon .header .header__list {
     background: -o-linear-gradient(300deg, #fdeff9 -15%, #ec38bc, #7303c0, #03001e);
     background: linear-gradient(-210deg, #fdeff9 -15%, #ec38bc, #7303c0, #03001e);
   }

   body.touch.argon .header .header__list a,
   body.touch.argon .header .header__list h5,
   body.touch.argon .header .header__list p {
     color: #ffffff;
   }

   body.touch.argon .header .header__list ul li,
   body.touch.argon .header .header__list .big-menu__inner,
   body.touch.argon .header .header__list .small-menu__inner,
   body.touch.argon .header .header__list .gallery__inner,
   body.touch.argon .header .header__list .text-menu__inner,
   body.touch.argon .header .header__list svg {
     background: #7303c0;
   }

   body.touch.argon .header .header__list svg {
     fill: #ffffff;
   }

   body.touch.argon .header .arrow::before,
   body.touch.argon .header .arrow::after,
   body.touch.argon .header .header__title::after {
     background: #ffffff;
   }
 }

 body.touch.argon .pulse {
   background-color: #7303c0;
 }

 /* ARGON END */


 /* FLICKR */
 body.mouse.flickr .header {
   background: #343A40;
 }

 body.mouse.flickr .header a {
   color: #d3d3d3;
 }

 body.mouse.flickr .header svg {
   fill: #ffffff;
 }

 body.mouse.flickr .header .header__top {
   background: -webkit-gradient(linear, left bottom, left top, from(#ff0084), to(#33001b));
   background: -o-linear-gradient(bottom, #ff0084, #33001b);
   background: linear-gradient(0deg, #ff0084, #33001b);
 }

 body.mouse.flickr .header .top-social__link svg {
   fill: #ffffff;
 }

 body.mouse.flickr .header .btn::before,
 body.mouse.flickr .header .btn::after {
   background: #ff0084;
 }

 body.mouse.flickr .header .sub-menu li,
 body.mouse.flickr .header .sub-sub-menu li,
 body.mouse.flickr .header .big-menu__inner,
 body.mouse.flickr .header .gallery__inner,
 body.mouse.flickr .header .small-menu__inner,
 body.mouse.flickr .header .text-menu__inner,
 body.mouse.flickr .header .catalog__item {
   background: #343A40;
   color: #d3d3d3;
 }

 body.mouse.flickr .header .sub-menu li:hover {
   background-color: #ff0084;
 }

 body.mouse.flickr .header .sub-menu li:hover>a {
   color: #ffffff;
 }

 body.mouse.flickr .header .sub-menu li:hover>.header__link-wrapper a {
   color: #ffffff;
 }

 body.mouse.flickr .header .sub-menu__arrow::before,
 body.mouse.flickr .header .sub-menu__arrow::after {
   background: #d3d3d3;
 }

 body.mouse.flickr .header .sub-menu__arrow.active::before,
 body.mouse.flickr .header .sub-menu__arrow.active::after {
   background: #ffffff;
 }

 body.mouse.flickr .header .big-menu a:hover {
   background: #ff0084;
 }

 body.mouse.flickr .header .slider-button:hover.slider-button::before,
 body.mouse.flickr .header .slider-button:hover.slider-button::after {
   background-color: #ff0084;
 }

 body.mouse.flickr .header .text-menu a:hover,
 body.mouse.flickr .header .gallery a:hover {
   color: #ff0084;
 }

 body.mouse.flickr .header .text-menu a:hover svg,
 body.mouse.flickr .header .gallery a:hover svg {
   fill: #ff0084;
 }

 body.mouse.flickr .header .small-menu a:hover {
   color: #ffffff;
 }

 body.mouse.flickr .header .small-menu a:hover svg {
   fill: #ffffff;
 }

 body.mouse.flickr .header .search__item input:focus {
   -webkit-box-shadow: 0px 3px 6px 1px #343A40;
   box-shadow: 0px 3px 6px 1px #343A40;
 }

 body.mouse.flickr .header .search__item button:hover svg {
   fill: #ff0084;
 }

 body.mouse.flickr .header .search__item button:active {
   background: #ff0084;
 }

 body.mouse.flickr .header .search__item button:active svg {
   fill: #ffffff;
 }

 body.mouse.flickr .header .header__contacts a {
   color: #ffffff;
 }

 body.mouse.flickr .header .header__contacts a:hover {
   color: #bbb;
 }

 body.mouse.flickr .header .header__contacts a:hover svg {
   fill: #bbb;
 }

 body.mouse.flickr .header .header__contacts svg {
   fill: #ffffff;
 }

 body.mouse.flickr .header .header__link {
   color: #d3d3d3;
 }

 body.mouse.flickr .header .header__link:hover {
   color: #ffffff;
 }

 body.mouse.flickr .header .header__link:hover svg {
   fill: #ffffff;
 }

 body.mouse.flickr .header .header__link svg {
   fill: rgb(187, 187, 187);
 }

 body.mouse.flickr .header .header__link.active {
   color: #ffffff;
 }

 body.mouse.flickr .header .header__link.active svg {
   fill: #ffffff;
 }

 body.mouse.flickr .header .header__wishlist a:hover svg,
 body.mouse.flickr .header .header__cart a:hover svg {
   fill: #ff0084;
 }

 body.mouse.flickr .header .header__wishlist svg,
 body.mouse.flickr .header .header__cart svg {
   fill: #d3d3d3;
 }

 body.mouse.flickr .header .catalog__list li {
   background: #343A40;
 }

 body.mouse.flickr .header .catalog__list>li:hover {
   background: #ff0084;
 }

 body.mouse.flickr .header .catalog__list>li:hover>a {
   color: #ffffff;
 }

 body.mouse.flickr .header .catalog__list>li:hover>a svg {
   fill: #ffffff;
 }

 body.mouse.flickr .header .catalog__link {
   color: #d3d3d3;
 }

 body.mouse.flickr .header .catalog__link:hover {
   background: #ff0084;
   color: #ffffff;
 }

 body.mouse.flickr .header .catalog__link:hover svg {
   fill: #ffffff;
 }

 body.mouse.flickr .header .catalog__link svg {
   fill: #d3d3d3;
 }

 body.mouse.flickr .header .group-catalog__title:hover a {
   color: #ff0084;
 }

 body.mouse.flickr .header .sub-catalog a {
   color: #d3d3d3;
 }

 body.mouse.flickr .header .sub-catalog a:hover {
   color: #ff0084;
 }

 body.mouse.flickr .header .group-catalog__list {
   background: #343A40;
 }

 body.mouse.flickr .pulse {
   background-color: #ff0084;
 }

 body.mouse.flickr::-webkit-scrollbar {
   width: 12px;
 }

 body.mouse.flickr::-webkit-scrollbar-track {
   background: #343A40;
 }

 body.mouse.flickr::-webkit-scrollbar-thumb {
   background: -webkit-gradient(linear, left bottom, left top, from(#ff0084), to(#33001b));
   background: linear-gradient(0deg, #ff0084, #33001b);
   border-radius: 8px;
   border: 2px solid #adadad;
 }

 body.touch.flickr .header {
   background: #343A40;
 }

 body.touch.flickr .header a {
   color: #d3d3d3;
 }

 body.touch.flickr .header svg {
   fill: #ffffff;
 }

 body.touch.flickr .header .header__top {
   background: -webkit-gradient(linear, left bottom, left top, from(#ff0084), to(#33001b));
   background: -o-linear-gradient(bottom, #ff0084, #33001b);
   background: linear-gradient(0deg, #ff0084, #33001b);
 }

 body.touch.flickr .header .search__item input:focus {
   -webkit-box-shadow: 0px 3px 6px 1px #ff0084;
   box-shadow: 0px 3px 6px 1px #ff0084;
 }

 body.touch.flickr .header .search__item button:hover svg {
   fill: #ff0084;
 }

 body.touch.flickr .header .search__item button:active {
   background: #ff0084;
 }

 body.touch.flickr .header .search__item button:active svg {
   fill: #ffffff;
 }

 body.touch.flickr .header .top-social__link svg {
   fill: #ffffff;
 }

 body.touch.flickr .header .btn::before,
 body.touch.flickr .header .btn::after {
   display: none;
 }

 body.touch.flickr .header .contacts-header a {
   color: #ffffff;
 }

 body.touch.flickr .header .contacts-header svg {
   fill: #ffffff;
 }

 body.touch.flickr .header .sub-menu li,
 body.touch.flickr .header .sub-sub-menu li,
 body.touch.flickr .header .big-menu__inner,
 body.touch.flickr .header .gallery__inner,
 body.touch.flickr .header .small-menu__inner,
 body.touch.flickr .header .text-menu__inner,
 body.touch.flickr .header .catalog__item {
   background: #343A40;
   color: #d3d3d3;
 }

 body.touch.flickr .header .arrow::before,
 body.touch.flickr .header .arrow::after,
 body.touch.flickr .header .header__burger span,
 body.touch.flickr .header .header__burger::before,
 body.touch.flickr .header .header__burger::after {
   background: #d3d3d3;
 }

 @media (max-width: 950px) {
   body.touch.flickr .header .header__list {
     background: -webkit-gradient(linear, left bottom, left top, from(#ff0084), to(#33001b));
     background: -o-linear-gradient(bottom, #ff0084, #33001b);
     background: linear-gradient(0deg, #ff0084, #33001b);
   }

   body.touch.flickr .header .header__list a,
   body.touch.flickr .header .header__list h5,
   body.touch.flickr .header .header__list p {
     color: #ffffff;
   }

   body.touch.flickr .header .header__list ul li,
   body.touch.flickr .header .header__list .big-menu__inner,
   body.touch.flickr .header .header__list .small-menu__inner,
   body.touch.flickr .header .header__list .gallery__inner,
   body.touch.flickr .header .header__list .text-menu__inner,
   body.touch.flickr .header .header__list svg {
     background: #33001b;
   }

   body.touch.flickr .header .header__list svg {
     fill: #ffffff;
   }

   body.touch.flickr .header .arrow::before,
   body.touch.flickr .header .arrow::after,
   body.touch.flickr .header .header__title::after {
     background: #ffffff;
   }
 }

 body.touch.flickr .pulse {
   background-color: #ff0084;
 }

 /* FLICKR END */


 /* FROST */
 body.mouse.frost .header {
   background: #343A40;
 }

 body.mouse.frost .header a {
   color: #d3d3d3;
 }

 body.mouse.frost .header svg {
   fill: #ffffff;
 }

 body.mouse.frost .header .header__top {
   background: -webkit-gradient(linear, left bottom, left top, from(#004e92), to(#000428));
   background: -o-linear-gradient(bottom, #004e92, #000428);
   background: linear-gradient(to top, #004e92, #000428);
 }

 body.mouse.frost .header .top-social__link svg {
   fill: #ffffff;
 }

 body.mouse.frost .header .btn::before,
 body.mouse.frost .header .btn::after {
   background: #004e92;
 }

 body.mouse.frost .header .sub-menu li,
 body.mouse.frost .header .sub-sub-menu li,
 body.mouse.frost .header .big-menu__inner,
 body.mouse.frost .header .gallery__inner,
 body.mouse.frost .header .small-menu__inner,
 body.mouse.frost .header .text-menu__inner,
 body.mouse.frost .header .catalog__item {
   background: #343A40;
   color: #d3d3d3;
 }

 body.mouse.frost .header .sub-menu li:hover {
   background-color: #004e92;
 }

 body.mouse.frost .header .sub-menu li:hover>a {
   color: #ffffff;
 }

 body.mouse.frost .header .sub-menu li:hover>.header__link-wrapper a {
   color: #ffffff;
 }

 body.mouse.frost .header .sub-menu__arrow::before,
 body.mouse.frost .header .sub-menu__arrow::after {
   background: #d3d3d3;
 }

 body.mouse.frost .header .sub-menu__arrow.active::before,
 body.mouse.frost .header .sub-menu__arrow.active::after {
   background: #ffffff;
 }

 body.mouse.frost .header .big-menu a:hover {
   background: #004e92;
 }

 body.mouse.frost .header .slider-button:hover.slider-button::before,
 body.mouse.frost .header .slider-button:hover.slider-button::after {
   background-color: #004e92;
 }

 body.mouse.frost .header .text-menu a:hover,
 body.mouse.frost .header .gallery a:hover {
   color: #004e92;
 }

 body.mouse.frost .header .text-menu a:hover svg,
 body.mouse.frost .header .gallery a:hover svg {
   fill: #004e92;
 }

 body.mouse.frost .header .small-menu a:hover {
   color: #ffffff;
 }

 body.mouse.frost .header .small-menu a:hover svg {
   fill: #ffffff;
 }

 body.mouse.frost .header .search__item input:focus {
   -webkit-box-shadow: 0px 3px 6px 1px #343A40;
   box-shadow: 0px 3px 6px 1px #343A40;
 }

 body.mouse.frost .header .search__item button:hover svg {
   fill: #004e92;
 }

 body.mouse.frost .header .search__item button:active {
   background: #004e92;
 }

 body.mouse.frost .header .search__item button:active svg {
   fill: #ffffff;
 }

 body.mouse.frost .header .header__contacts a {
   color: #ffffff;
 }

 body.mouse.frost .header .header__contacts a:hover {
   color: #bbb;
 }

 body.mouse.frost .header .header__contacts a:hover svg {
   fill: #bbb;
 }

 body.mouse.frost .header .header__contacts svg {
   fill: #ffffff;
 }

 body.mouse.frost .header .header__link {
   color: #d3d3d3;
 }

 body.mouse.frost .header .header__link:hover {
   color: #ffffff;
 }

 body.mouse.frost .header .header__link:hover svg {
   fill: #ffffff;
 }

 body.mouse.frost .header .header__link svg {
   fill: rgb(187, 187, 187);
 }

 body.mouse.frost .header .header__link.active {
   color: #ffffff;
 }

 body.mouse.frost .header .header__link.active svg {
   fill: #ffffff;
 }

 body.mouse.frost .header .header__wishlist a:hover svg,
 body.mouse.frost .header .header__cart a:hover svg {
   fill: #004e92;
 }

 body.mouse.frost .header .header__wishlist svg,
 body.mouse.frost .header .header__cart svg {
   fill: #d3d3d3;
 }

 body.mouse.frost .header .catalog__list li {
   background: #343A40;
 }

 body.mouse.frost .header .catalog__list>li:hover {
   background: #004e92;
 }

 body.mouse.frost .header .catalog__list>li:hover>a {
   color: #ffffff;
 }

 body.mouse.frost .header .catalog__list>li:hover>a svg {
   fill: #ffffff;
 }

 body.mouse.frost .header .catalog__link {
   color: #d3d3d3;
 }

 body.mouse.frost .header .catalog__link:hover {
   background: #004e92;
   color: #ffffff;
 }

 body.mouse.frost .header .catalog__link:hover svg {
   fill: #ffffff;
 }

 body.mouse.frost .header .catalog__link svg {
   fill: #d3d3d3;
 }

 body.mouse.frost .header .group-catalog__title:hover a {
   color: #004e92;
 }

 body.mouse.frost .header .sub-catalog a {
   color: #d3d3d3;
 }

 body.mouse.frost .header .sub-catalog a:hover {
   color: #004e92;
 }

 body.mouse.frost .header .group-catalog__list {
   background: #343A40;
 }

 body.mouse.frost .pulse {
   background-color: #004e92;
 }

 body.mouse.frost::-webkit-scrollbar {
   width: 12px;
 }

 body.mouse.frost::-webkit-scrollbar-track {
   background: #343A40;
 }

 body.mouse.frost::-webkit-scrollbar-thumb {
   background: -webkit-gradient(linear, left bottom, left top, from(#004e92), to(#000428));
   background: linear-gradient(to top, #004e92, #000428);
   border-radius: 8px;
   border: 2px solid #adadad;
 }

 body.touch.frost .header {
   background: #343A40;
 }

 body.touch.frost .header a {
   color: #d3d3d3;
 }

 body.touch.frost .header svg {
   fill: #ffffff;
 }

 body.touch.frost .header .header__top {
   background: -webkit-gradient(linear, left bottom, left top, from(#004e92), to(#000428));
   background: -o-linear-gradient(bottom, #004e92, #000428);
   background: linear-gradient(to top, #004e92, #000428);
 }

 body.touch.frost .header .search__item input:focus {
   -webkit-box-shadow: 0px 3px 6px 1px #004e92;
   box-shadow: 0px 3px 6px 1px #004e92;
 }

 body.touch.frost .header .search__item button:hover svg {
   fill: #004e92;
 }

 body.touch.frost .header .search__item button:active {
   background: #004e92;
 }

 body.touch.frost .header .search__item button:active svg {
   fill: #ffffff;
 }

 body.touch.frost .header .top-social__link svg {
   fill: #ffffff;
 }

 body.touch.frost .header .btn::before,
 body.touch.frost .header .btn::after {
   display: none;
 }

 body.touch.frost .header .contacts-header a {
   color: #ffffff;
 }

 body.touch.frost .header .contacts-header svg {
   fill: #ffffff;
 }

 body.touch.frost .header .sub-menu li,
 body.touch.frost .header .sub-sub-menu li,
 body.touch.frost .header .big-menu__inner,
 body.touch.frost .header .gallery__inner,
 body.touch.frost .header .small-menu__inner,
 body.touch.frost .header .text-menu__inner,
 body.touch.frost .header .catalog__item {
   background: #343A40;
   color: #d3d3d3;
 }

 body.touch.frost .header .arrow::before,
 body.touch.frost .header .arrow::after,
 body.touch.frost .header .header__burger span,
 body.touch.frost .header .header__burger::before,
 body.touch.frost .header .header__burger::after {
   background: #d3d3d3;
 }

 @media (max-width: 950px) {
   body.touch.frost .header .header__list {
     background: -webkit-gradient(linear, left bottom, left top, from(#004e92), to(#000428));
     background: -o-linear-gradient(bottom, #004e92, #000428);
     background: linear-gradient(to top, #004e92, #000428);
   }

   body.touch.frost .header .header__list a,
   body.touch.frost .header .header__list h5,
   body.touch.frost .header .header__list p {
     color: #ffffff;
   }

   body.touch.frost .header .header__list ul li,
   body.touch.frost .header .header__list .big-menu__inner,
   body.touch.frost .header .header__list .small-menu__inner,
   body.touch.frost .header .header__list .gallery__inner,
   body.touch.frost .header .header__list .text-menu__inner,
   body.touch.frost .header .header__list svg {
     background: #004e92;
   }

   body.touch.frost .header .header__list svg {
     fill: #ffffff;
   }

   body.touch.frost .header .arrow::before,
   body.touch.frost .header .arrow::after,
   body.touch.frost .header .header__title::after {
     background: #ffffff;
   }
 }

 body.touch.frost .pulse {
   background-color: #004e92;
 }

 /* FROST END */


 /* ZINC */
 body.mouse.zinc .header {
   background: #343A40;
 }

 body.mouse.zinc .header a {
   color: #d3d3d3;
 }

 body.mouse.zinc .header svg {
   fill: #ffffff;
 }

 body.mouse.zinc .header .header__top {
   background: -webkit-gradient(linear, left top, left bottom, from(#ada996), color-stop(#f2f2f2), color-stop(#dbdbdb), to(#eaeaea));
   background: -o-linear-gradient(top, #ada996, #f2f2f2, #dbdbdb, #eaeaea);
   background: linear-gradient(to bottom, #ada996, #f2f2f2, #dbdbdb, #eaeaea);
 }

 body.mouse.zinc .header .top-social__link:hover svg {
   fill: #ffffff;
 }

 body.mouse.zinc .header .top-social__link svg {
   fill: #111;
 }

 body.mouse.zinc .header .btn::before,
 body.mouse.zinc .header .btn::after {
   background: #eaeaea;
 }

 body.mouse.zinc .header .sub-menu li,
 body.mouse.zinc .header .sub-sub-menu li,
 body.mouse.zinc .header .big-menu__inner,
 body.mouse.zinc .header .gallery__inner,
 body.mouse.zinc .header .small-menu__inner,
 body.mouse.zinc .header .text-menu__inner,
 body.mouse.zinc .header .catalog__item {
   background: #343A40;
   color: #d3d3d3;
 }

 body.mouse.zinc .header .sub-menu li:hover {
   background-color: #eaeaea;
 }

 body.mouse.zinc .header .sub-menu li:hover>a {
   color: #111;
 }

 body.mouse.zinc .header .sub-menu li:hover>.header__link-wrapper a {
   color: #111;
 }

 body.mouse.zinc .header .sub-menu__arrow::before,
 body.mouse.zinc .header .sub-menu__arrow::after {
   background: #d3d3d3;
 }

 body.mouse.zinc .header .sub-menu__arrow.active::before,
 body.mouse.zinc .header .sub-menu__arrow.active::after {
   background: #111;
 }

 body.mouse.zinc .header .big-menu a:hover {
   background: #eaeaea;
   color: #111;
 }

 body.mouse.zinc .header .slider-button:hover.slider-button::before,
 body.mouse.zinc .header .slider-button:hover.slider-button::after {
   background-color: #eaeaea;
 }

 body.mouse.zinc .header .text-menu a:hover,
 body.mouse.zinc .header .gallery a:hover {
   color: #eaeaea;
 }

 body.mouse.zinc .header .text-menu a:hover svg,
 body.mouse.zinc .header .gallery a:hover svg {
   fill: #eaeaea;
 }

 body.mouse.zinc .header .small-menu a:hover {
   color: #ffffff;
 }

 body.mouse.zinc .header .small-menu a:hover svg {
   fill: #ffffff;
 }

 body.mouse.zinc .header .search__item input:focus {
   -webkit-box-shadow: 0px 3px 6px 1px #343A40;
   box-shadow: 0px 3px 6px 1px #343A40;
 }

 body.mouse.zinc .header .search__item button:hover svg {
   fill: #eaeaea;
 }

 body.mouse.zinc .header .search__item button:active {
   background: #eaeaea;
 }

 body.mouse.zinc .header .search__item button:active svg {
   fill: #ffffff;
 }

 body.mouse.zinc .header .header__contacts a {
   color: #111;
 }

 body.mouse.zinc .header .header__contacts a:hover {
   color: #343A40;
 }

 body.mouse.zinc .header .header__contacts a:hover svg {
   fill: #343A40;
 }

 body.mouse.zinc .header .header__contacts svg {
   fill: #111;
 }

 body.mouse.zinc .header .header__link {
   color: #d3d3d3;
 }

 body.mouse.zinc .header .header__link:hover {
   color: #111;
 }

 body.mouse.zinc .header .header__link:hover svg {
   fill: #111;
 }

 body.mouse.zinc .header .header__link svg {
   fill: rgb(187, 187, 187);
 }

 body.mouse.zinc .header .header__link.active {
   color: #111;
 }

 body.mouse.zinc .header .header__link.active svg {
   fill: #111;
 }

 body.mouse.zinc .header .header__wishlist a:hover svg,
 body.mouse.zinc .header .header__cart a:hover svg {
   fill: #eaeaea;
 }

 body.mouse.zinc .header .header__wishlist svg,
 body.mouse.zinc .header .header__cart svg {
   fill: #d3d3d3;
 }

 body.mouse.zinc .header .catalog__list>li:hover {
   background: #eaeaea;
 }

 body.mouse.zinc .header .catalog__list>li:hover>a {
   color: #111;
 }

 body.mouse.zinc .header .catalog__list>li:hover>a svg {
   fill: #111;
 }

 body.mouse.zinc .header .catalog__list li {
   background: #343A40;
 }

 body.mouse.zinc .header .catalog__link {
   color: #d3d3d3;
 }

 body.mouse.zinc .header .catalog__link:hover {
   background: #eaeaea;
   color: #111;
 }

 body.mouse.zinc .header .catalog__link:hover svg {
   fill: #111;
 }

 body.mouse.zinc .header .catalog__link svg {
   fill: #d3d3d3;
 }

 body.mouse.zinc .header .group-catalog__title:hover a {
   color: #eaeaea;
 }

 body.mouse.zinc .header .sub-catalog a {
   color: #d3d3d3;
 }

 body.mouse.zinc .header .sub-catalog a:hover {
   color: #eaeaea;
 }

 body.mouse.zinc .header .group-catalog__list {
   background: #343A40;
 }

 body.mouse.zinc .pulse {
   background-color: #eaeaea;
 }

 body.mouse.zinc::-webkit-scrollbar {
   width: 12px;
 }

 body.mouse.zinc::-webkit-scrollbar-track {
   background: #343A40;
 }

 body.mouse.zinc::-webkit-scrollbar-thumb {
   background: -webkit-gradient(linear, left top, left bottom, from(#ada996), color-stop(#f2f2f2), color-stop(#dbdbdb), to(#eaeaea));
   background: linear-gradient(to bottom, #ada996, #f2f2f2, #dbdbdb, #eaeaea);
   border-radius: 8px;
   border: 2px solid #adadad;
 }

 body.touch.zinc .header {
   background: #343A40;
 }

 body.touch.zinc .header a {
   color: #d3d3d3;
 }

 body.touch.zinc .header svg {
   fill: #ffffff;
 }

 body.touch.zinc .header .header__top {
   background: -webkit-gradient(linear, left top, left bottom, from(#ada996), color-stop(#f2f2f2), color-stop(#dbdbdb), to(#eaeaea));
   background: -o-linear-gradient(top, #ada996, #f2f2f2, #dbdbdb, #eaeaea);
   background: linear-gradient(to bottom, #ada996, #f2f2f2, #dbdbdb, #eaeaea);
 }

 body.touch.zinc .header .search__item input:focus {
   -webkit-box-shadow: 0px 3px 6px 1px #555;
   box-shadow: 0px 3px 6px 1px #555;
 }

 body.touch.zinc .header .search__item button:hover svg {
   fill: #eaeaea;
 }

 body.touch.zinc .header .search__item button:active {
   background: #eaeaea;
 }

 body.touch.zinc .header .search__item button:active svg {
   fill: #ffffff;
 }

 body.touch.zinc .header .top-social__link svg {
   fill: #111;
 }

 body.touch.zinc .header .btn::before,
 body.touch.zinc .header .btn::after {
   display: none;
 }

 body.touch.zinc .header .contacts-header a {
   color: #111;
 }

 body.touch.zinc .header .contacts-header svg {
   fill: #111;
 }

 body.touch.zinc .header .sub-menu li,
 body.touch.zinc .header .sub-sub-menu li,
 body.touch.zinc .header .big-menu__inner,
 body.touch.zinc .header .gallery__inner,
 body.touch.zinc .header .small-menu__inner,
 body.touch.zinc .header .text-menu__inner,
 body.touch.zinc .header .catalog__item {
   background: #343A40;
   color: #d3d3d3;
 }

 body.touch.zinc .header .arrow::before,
 body.touch.zinc .header .arrow::after,
 body.touch.zinc .header .header__burger span,
 body.touch.zinc .header .header__burger::before,
 body.touch.zinc .header .header__burger::after {
   background: #d3d3d3;
 }

 @media (max-width: 950px) {
   body.touch.zinc .header .header__list {
     background: #343A40;
   }

   body.touch.zinc .header .header__list a,
   body.touch.zinc .header .header__list h5,
   body.touch.zinc .header .header__list p {
     color: #ffffff;
   }

   body.touch.zinc .header .header__list ul li,
   body.touch.zinc .header .header__list .big-menu__inner,
   body.touch.zinc .header .header__list .small-menu__inner,
   body.touch.zinc .header .header__list .gallery__inner,
   body.touch.zinc .header .header__list .text-menu__inner,
   body.touch.zinc .header .header__list svg {
     background: #343A40;
   }

   body.touch.zinc .header .header__list svg {
     fill: #ffffff;
   }

   body.touch.zinc .header .arrow::before,
   body.touch.zinc .header .arrow::after,
   body.touch.zinc .header .header__title::after {
     background: #ffffff;
   }
 }

 body.touch.zinc .pulse {
   background-color: #eaeaea;
 }

 /* ZINC END */

 /* HEADER-STYLES END */


 /* HEADER END */




 /* PRESNTATION CONTENT */

 /* INTRO */
 .intro {
   min-height: 100vh;
   height: 100%;
   width: 100%;
   position: relative;
   padding-top: 90px;
   z-index: 2;
   color: #ffffff;
 }

 .intro::after {
   content: "";
   display: block;
   width: 100%;
   height: 100%;
   background: rgba(0, 0, 0, 0.308);
   position: absolute;
   top: 0;
   left: 0;
   z-index: 1;
 }

 .intro img,
 .intro source {
   display: block;
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
   z-index: -1;
   -o-object-fit: cover;
   object-fit: cover;
   font-family: "object-fit: cover;";
 }

 .intro__inner {
   position: relative;
   z-index: 2;
 }

 .colors {
   display: flex;
   display: -webkit-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   height: 102px;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   position: fixed;
   top: 50%;
   left: 100%;
   z-index: 2;
   -webkit-transform: translate(-50px, 50%);
   -ms-transform: translate(-50px, 50%);
   transform: translate(-50px, 50%);
   border: 1px solid #000000;
   -webkit-box-shadow: 0px 0px 5px 1px rgba(161, 161, 161, 0.548);
   box-shadow: 0px 0px 5px 1px rgba(161, 161, 161, 0.548);
   border-radius: 10px 0px 0px 10px;
   -webkit-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
   overflow: hidden;
 }

 @media (max-width: 768px) {
   .colors {
     height: 62px;
   }
 }

 .colors__coll {
   display: flex;
   display: -webkit-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
 }

 .colors__icon {
   display: inline-block;
   -webkit-box-flex: 0;
   -ms-flex: 0 0 50px;
   flex: 0 0 50px;
   width: 50px;
   height: 100%;
   position: relative;
   background: #ffffff;
   cursor: pointer;
   border-right: 1px solid #000000;
   -webkit-transition: background 0.3s ease;
   -o-transition: background 0.3s ease;
   transition: background 0.3s ease;
 }

 .colors__list {
   -webkit-box-flex: 1;
   -ms-flex: 1 1 auto;
   flex: 1 1 auto;
   display: flex;
   display: -webkit-box;
   display: -ms-flexbox;
   display: -webkit-flex;
 }

 .colors__list:not(:last-child) {
   border-bottom: 2px solid #ffffff;
 }

 .colors__list li {
   display: inline-block;
   -webkit-box-flex: 1;
   -ms-flex: 1 1 auto;
   flex: 1 1 auto;
   height: 100%;
   cursor: pointer;
   width: 50px;
   height: 50px;
 }

 @media (max-width: 768px) {
   .colors__list li {
     width: 30px;
     height: 30px;
   }
 }

 .icon-colors__big,
 .icon-colors__small {
   display: inline-block;
   position: absolute;
 }

 .icon-colors__big svg,
 .icon-colors__small svg {
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
   z-index: 1;
   fill: #000000;
 }

 .icon-colors__big {
   width: 30px;
   height: 30px;
   top: 50%;
   left: 8%;
   -webkit-transform: translate(0, -40%);
   -ms-transform: translate(0, -40%);
   transform: translate(0, -40%);
   -webkit-animation: right__roll linear 3s infinite both;
   animation: right__roll linear 3s infinite both;
 }

 .icon-colors__small {
   width: 20px;
   height: 20px;
   border-radius: 50%;
   top: 46%;
   left: 64%;
   -webkit-animation: left__roll linear 3s infinite both;
   animation: left__roll linear 3s infinite both;
 }

 .colors-active {
   left: 100%;
   -webkit-transform: translate(-100%, 50%);
   -ms-transform: translate(-100%, 50%);
   transform: translate(-100%, 50%);
 }

 .colors-active .icon-colors {
   background: #333;
 }

 .colors-active .icon-colors svg {
   fill: #ffffff;
 }

 .colors-active .icon-colors__big {
   -webkit-animation: right__roll linear 10s infinite both;
   animation: right__roll linear 10s infinite both;
 }

 .colors-active .icon-colors__small {
   -webkit-animation: left__roll linear 10s infinite both;
   animation: left__roll linear 10s infinite both;
 }


 /* DATA_ATTRIBUTES  */
 [data-color=gray-white-red] {
   background: -webkit-gradient(linear, left bottom, left top, from(#f3f3f3), to(#d3d3d3));
   background: -o-linear-gradient(bottom, #f3f3f3, #d3d3d3);
   background: linear-gradient(to top, #f3f3f3, #d3d3d3);
 }

 [data-color=red-white-red] {
   background: -webkit-gradient(linear, left bottom, left top, from(rgb(252, 11, 11)), to(rgb(180, 1, 1)));
   background: -o-linear-gradient(bottom, rgb(252, 11, 11), rgb(180, 1, 1));
   background: linear-gradient(to top, rgb(252, 11, 11), rgb(180, 1, 1));
 }

 [data-color=white-green] {
   background-color: #04aa7b;
 }

 [data-color=green-white-green] {
   background: -webkit-gradient(linear, left top, left bottom, from(#38ef7d), to(#11998e));
   background: -o-linear-gradient(top, #38ef7d, #11998e);
   background: linear-gradient(to bottom, #38ef7d, #11998e);
 }

 [data-color=white-blue] {
   background-color: #4b88d8;
 }

 [data-color=blue-white-blue] {
   background: -webkit-gradient(linear, left bottom, left top, from(#016688), to(#00B4DB));
   background: -o-linear-gradient(bottom, #016688, #00B4DB);
   background: linear-gradient(to top, #016688, #00B4DB);
 }

 [data-color=white-gray] {
   background: -webkit-gradient(linear, left top, left bottom, from(#e9e9e9), to(#adadad));
   background: -o-linear-gradient(top, #e9e9e9, #adadad);
   background: linear-gradient(to bottom, #e9e9e9, #adadad);
 }

 [data-color=white-dark-gray] {
   background: -webkit-gradient(linear, left top, left bottom, from(#56595c), to(#2d2f30));
   background: -o-linear-gradient(top, #56595c, #2d2f30);
   background: linear-gradient(to bottom, #56595c, #2d2f30);
 }

 [data-color=black-red] {
   background: -webkit-gradient(linear, left bottom, left top, from(#434343), to(#000000));
   background: -o-linear-gradient(bottom, #434343, #000000);
   background: linear-gradient(to top, #434343, #000000);
 }

 [data-color=full-black] {
   background-color: #333;
 }

 [data-color=yellow_blue-white] {
   background: -webkit-gradient(linear, left bottom, left top, color-stop(3.82%, #ffe601), color-stop(92.74%, #00B4DB));
   background: -o-linear-gradient(bottom, #ffe601 3.82%, #00B4DB 92.74%);
   background: linear-gradient(0deg, #ffe601 3.82%, #00B4DB 92.74%);
 }

 [data-color=green_blue-white] {
   background: -webkit-gradient(linear, left bottom, left top, color-stop(3.82%, #38ef7d), color-stop(92.74%, #00B4DB));
   background: -o-linear-gradient(bottom, #38ef7d 3.82%, #00B4DB 92.74%);
   background: linear-gradient(0deg, #38ef7d 3.82%, #00B4DB 92.74%);
 }

 [data-color=yellow-white] {
   background: #ffa501;
 }

 [data-color=yellow-black] {
   background: -webkit-gradient(linear, left bottom, left top, color-stop(3.82%, #343A40), color-stop(92.74%, #ffe601));
   background: -o-linear-gradient(bottom, #343A40 3.82%, #ffe601 92.74%);
   background: linear-gradient(0deg, #343A40 3.82%, #ffe601 92.74%);
 }

 [data-color=green-black] {
   background: -webkit-gradient(linear, left bottom, left top, color-stop(3.82%, #38ef7d), color-stop(92.74%, #343A40));
   background: -o-linear-gradient(bottom, #38ef7d 3.82%, #343A40 92.74%);
   background: linear-gradient(0deg, #38ef7d 3.82%, #343A40 92.74%);
 }

 [data-color=evening-sunshine] {
   background: -webkit-gradient(linear, left bottom, left top, color-stop(3.82%, #1565C0), color-stop(92.74%, #b92b27));
   background: -o-linear-gradient(bottom, #1565C0 3.82%, #b92b27 92.74%);
   background: linear-gradient(0deg, #1565C0 3.82%, #b92b27 92.74%);
 }

 [data-color=argon] {
   background: -webkit-gradient(linear, left top, left bottom, from(#fdeff9), color-stop(#ec38bc), color-stop(#7303c0), to(#03001e));
   background: -o-linear-gradient(top, #fdeff9, #ec38bc, #7303c0, #03001e);
   background: linear-gradient(to bottom, #fdeff9, #ec38bc, #7303c0, #03001e);
 }

 [data-color=flickr] {
   background: -webkit-gradient(linear, left bottom, left top, from(#ff0084), to(#33001b));
   background: -o-linear-gradient(bottom, #ff0084, #33001b);
   background: linear-gradient(0deg, #ff0084, #33001b);
 }

 [data-color=frost] {
   background: -webkit-gradient(linear, left bottom, left top, from(#004e92), to(#000428));
   background: -o-linear-gradient(bottom, #004e92, #000428);
   background: linear-gradient(to top, #004e92, #000428);
 }

 [data-color=zinc] {
   background: -webkit-gradient(linear, left bottom, left top, from(#274046), to(#E6DADA));
   background: -o-linear-gradient(bottom, #274046, #E6DADA);
   background: linear-gradient(to top, #274046, #E6DADA);
 }

 /* DATA_ATTRIBUTES END */

 /* INTRO END */

 /* FOOTER */
 .footer {
   min-height: 300px;
   text-align: center;
   background-color: yellowgreen;
 }

 /* FOOTER END */

 /* PRESENTATION CONTENT END */