@charset "UTF-8";
/* 1. Settings
=========================*/
/* 2. Font family
=========================*/
/* 3. Font sizes
=========================*/
/* 4. Colors
=========================*/
/* 39. Tooltips
=========================*/
/* Default */
/* Sizes */
/* Styling */
/* Default Buttons
============================*/
/* Outline Buttons
============================*/
/* Inverted Buttons
============================*/
/* Gradient Buttons
============================*/
/* --------------- Font Choice --------------- */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&display=swap");
html,
body {
  font-size: 15px; }

body {
  font-family: 'Inter', sans-serif;
  line-height: 1.4;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: #fff;
  margin: 0;
  overflow-x: hidden; }
  body.fixed {
    overflow: hidden;
    height: 100vh;
    position: fixed;
    width: 100%; }
  body.cabinet-page .page {
    background-color: #f7f7f7; }

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
  padding: 0;
  color: inherit;
  font-size: inherit;
  font-weight: inherit; }

a {
  color: #1976d2;
  text-decoration: none; }
  a:hover {
    text-decoration: underline; }
  a:focus {
    outline: 0;
    text-decoration: none; }

p {
  margin: 0 0 .5em; }

ul {
  list-style: none;
  margin: 0;
  padding: 0; }

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

::-webkit-scrollbar {
  width: 5px; }

::-webkit-scrollbar-track {
  background: #f1f1f1; }

::-webkit-scrollbar-thumb {
  background: #666; }

.map {
  height: 400px;
  width: 100%;
  margin-top: 20px; }

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

.clearfix:after {
  clear: both; }

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

.page {
  min-height: 100vh;
  position: relative;
  height: auto;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: #fcfcfc; }
  @media (max-width: 980px) {
    .page {
      padding-bottom: 0; } }

.content-title {
  padding: 3rem 0 3rem;
  font-size: 2rem; }

.content-text {
  font-size: 1em;
  margin-bottom: 1em; }

pre {
  padding: 10px;
  color: #101010;
  margin-bottom: 10px;
  text-shadow: -1px 2px 20px #000000cc; }

.categories {
  padding: 0 0 20px; }

.with-border {
  border-right: 1px solid #ccc; }

.search-submit {
  background-color: transparent;
  border: 0;
  outline: 0;
  cursor: pointer; }

.mask {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 199;
  left: 0; }

.article-date {
  display: inline-block;
  vertical-align: top;
  padding: 5px;
  background-color: #ff5400;
  color: #fff;
  line-height: 1; }

.partners-block {
  padding: 40px 0 60px;
  background-color: #eeeeee; }

.partners-slider {
  margin-top: 30px; }

.partners-img {
  max-height: 100%;
  max-width: 100%;
  margin: auto;
  height: 60px; }

.partners-item {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  font-size: .9em;
  color: #008080; }

.main__title-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 2rem; }
  .main__title-wrapper .btn {
    margin-bottom: 0; }

.main-title {
  font-size: 2.4rem;
  color: #101010;
  font-family: "Roboto", sans-serif; }

.main__contacts {
  display: flex;
  justify-content: space-around;
  align-items: center;
  border-bottom: 1px solid #ccc;
  padding-bottom: 1em; }
  @media (min-width: 992px) {
    .main__contacts {
      display: none; } }

.main-slider {
  margin-bottom: 20px; }

.relative {
  position: relative; }

.cover-img {
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  display: block; }

.profile_img {
  height: 23px; }

.search-form-wrapper {
  margin-top: .4rem;
  max-width: 390px;
  width: 100%; }

.events-circle {
  border-radius: 50%;
  background-color: #47a4ad;
  font-size: 8px;
  display: block;
  position: absolute;
  padding: 7px 8px;
  top: 0;
  right: 0; }

.profile-menu {
  background-color: #fff;
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  width: 100%;
  min-width: 150px;
  box-shadow: 3px 10px 5px rgba(0, 0, 0, 0.2);
  z-index: 100; }
  .profile-menu .profile-menu-title {
    display: block;
    padding: 20px 10px;
    background-color: #eee;
    white-space: nowrap;
    transition: all .2s ease;
    color: #00acc1; }
    .profile-menu .profile-menu-title:hover {
      text-decoration: none;
      background-color: #e1e1e1; }
  .profile-menu .profile-menu-initials {
    font-weight: 700;
    background-color: #00acc1;
    display: inline-block;
    vertical-align: middle;
    font-size: 1.1em;
    color: #fff;
    padding: 5px;
    border-radius: 3px; }
  .profile-menu .list {
    font-size: 14px; }
    .profile-menu .list li {
      transition: all .2s ease; }
      .profile-menu .list li:hover {
        background-color: #eee; }
      .profile-menu .list li a {
        display: block;
        color: #101010;
        text-decoration: none;
        padding: 10px; }
        .profile-menu .list li a:hover {
          text-decoration: none; }

.profile__menu-logout {
  padding: 10px 0;
  border-top: 1px solid #ddd; }
  .profile__menu-logout a {
    transition: all .2s ease;
    font-size: 1em; }
    .profile__menu-logout a .fa {
      margin-right: 5px;
      display: inline-block;
      vertical-align: middle; }
    .profile__menu-logout a:hover {
      text-decoration: none; }
      .profile__menu-logout a:hover .fa {
        color: #858585; }

@media (max-width: 992px) {
  .profile-menu {
    min-width: 200px; } }

.page__text {
  padding: 0 0 3rem;
  margin-bottom: 10px;
  color: #3e3e3e; }

@media (max-width: 992px) {
  .category__item .title {
    transform: translate(-50%, -80px); }
  .category__item .category__comment {
    opacity: 1; } }

/* Vendor libs

==========================*/
/* Slider */
.slick-loading .slick-list {
  background: #fff "..imagesajax-loader.gif" center center no-repeat; }

/* Arrows */
.slick-prev,
.slick-next {
  display: block;
  height: 30px;
  width: 30px;
  padding: 0;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  background: transparent;
  color: transparent;
  border: none;
  outline: none;
  z-index: 100;
  position: absolute;
  top: calc(50% - 7px);
  transform: translate(0, -50%); }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 1; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }
  .slick-prev:before,
  .slick-next:before {
    font-family: fontAwesome;
    font-size: 28px;
    margin-top: -1px;
    line-height: 1;
    color: #808080;
    opacity: 0.75;
    transition: opacity .1s linear; }

.slick-prev {
  padding-right: 4px;
  left: -35px;
  background-color: #efefef;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center; }
  .slick-prev:before {
    content: ""; }

.slick-next {
  padding-left: 4px;
  right: -35px;
  background-color: #efefef;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center; }
  .slick-next:before {
    content: ""; }

/* Dots */
.slick-dots {
  position: absolute;
  bottom: -35px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0;
      font-size: 0;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "";
        width: 20px;
        height: 20px;
        font-family: fontAwesome;
        font-size: 12px;
        line-height: 20px;
        text-align: center;
        color: #858585;
        opacity: 0.25;
        transition: opacity .1s linear; }
    .slick-dots li.slick-active button:before {
      color: #03a9f4;
      opacity: 0.75; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0 -10px;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

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

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
  height: auto;
  padding: 0 10px; }
  .slick-slide:focus {
    outline: 0; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

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

#js-slider-1 .slick-slide {
  padding: 0; }

#js-slider-2 .slick-slide {
  padding: 0;
  text-align: center; }

#js-slider-2 .slick-current .product__thumbs-item {
  border-color: #ff5400; }

#js-main-slider .slick-slide {
  padding: 0; }

#js-main-slider .slick-dots {
  right: 100px;
  top: 50%;
  transform: translateY(-50%);
  width: auto;
  bottom: auto; }
  #js-main-slider .slick-dots li {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 1.4rem;
    width: 1.4rem;
    background: none;
    border: 2px solid transparent;
    border-radius: 50%; }
    #js-main-slider .slick-dots li.slick-active {
      border-color: #87B670; }
      #js-main-slider .slick-dots li.slick-active button {
        background-color: #87B670;
        height: 11px;
        width: 11px; }
    #js-main-slider .slick-dots li button {
      border-radius: 50%;
      width: .3rem;
      height: .3rem;
      background-color: #000;
      padding: 0; }
      #js-main-slider .slick-dots li button:before {
        display: none; }
      #js-main-slider .slick-dots li button:focus:before {
        opacity: 1;
        display: none; }
      #js-main-slider .slick-dots li button:hover:before {
        opacity: 1;
        display: none; }

#js-product-slider .slick-slide {
  padding: 2px 10px; }

#js-product-slider .slick-prev, #js-product-slider .slick-next {
  width: auto;
  height: auto; }

.js-main-product-slider .slick-track,
.js-watched-product-slider .slick-track {
  padding: 2px 0; }

.js-watched-product-slider .slick-dots {
  bottom: 5px; }

@media (max-width: 1200px) {
  #js-main-slider .slick-dots {
    right: 50px; } }

#js-slider-2 .slick-arrow:before {
  margin-top: -3px; }

/* 35. Rangeslider
=========================*/
/* Horizontal */
/* Vertical */
/* Handle */
/* Handle Arrows */
.rangeslider,
.rangeslider__fill {
  display: block;
  border-radius: 0; }

.rangeslider {
  background: #858585;
  position: relative; }

.rangeslider--horizontal {
  height: 8px;
  width: 100%; }

.rangeslider--vertical {
  width: 8px;
  min-height: 150px;
  max-height: 100%; }

.rangeslider--disabled {
  opacity: 0.4; }

.rangeslider__fill {
  background: #8bc34a;
  position: absolute; }

.rangeslider--horizontal .rangeslider__fill {
  top: 0;
  height: 100%; }

.rangeslider--vertical .rangeslider__fill {
  bottom: 0;
  width: 100%; }

.rangeslider__handle {
  display: block;
  width: 44px;
  height: 30px;
  cursor: pointer;
  background-color: #8bc34a;
  border: 3px solid #fff;
  border-radius: 0;
  box-shadow: 0 0 0.3em rgba(0, 0, 0, 0.3);
  position: absolute;
  z-index: 1; }
  .rangeslider__handle:before, .rangeslider__handle:after {
    font-family: fontAwesome;
    font-size: 1.5em;
    line-height: 1;
    color: #fff;
    position: absolute;
    top: -1px;
    z-index: 1; }
  .rangeslider__handle:before {
    content: "";
    left: 3px; }
  .rangeslider__handle:after {
    content: "";
    right: 3px; }

.rangeslider--horizontal .rangeslider__handle {
  top: -12px;
  touch-action: pan-y; }

.rangeslider--vertical .rangeslider__handle {
  left: -10px;
  touch-action: pan-x; }

.rangeslider__wrapper {
  padding-top: 15px; }

/*
 *  Remodal - v1.1.0
 *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
 *  http://vodkabears.github.io/remodal/
 *
 *  Made by Ilya Makarov
 *  Under MIT License
 */
/* ==========================================================================
   Remodal's necessary styles
   ========================================================================== */
/* Hide scroll bar */
/* 34. Modals
=========================*/
/* Overlay */
/* Animation */
/* Wrapper */
/* Close Btn */
html.remodal-is-locked {
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none; }

/* Anti FOUC */
.remodal,
[data-remodal-id] {
  display: none; }

/* Necessary styles of the overlay */
.remodal-overlay {
  position: fixed;
  z-index: 9999;
  top: -5000px;
  right: -5000px;
  bottom: -5000px;
  left: -5000px;
  display: none; }

/* Necessary styles of the wrapper */
.remodal-wrapper {
  position: fixed;
  z-index: 10000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  overflow: auto;
  text-align: center;
  -webkit-overflow-scrolling: touch; }

.remodal-wrapper:after {
  display: inline-block;
  height: 100%;
  margin-left: -0.05em;
  content: ""; }

/* Fix iPad, iPhone glitches */
.remodal-overlay,
.remodal-wrapper {
  backface-visibility: hidden; }

/* Necessary styles of the modal dialog */
.remodal {
  position: relative;
  outline: none;
  text-size-adjust: 100%; }

.remodal-is-initialized {
  display: inline-block; }

/* ==========================================================================
   Remodal's default mobile first theme
   ========================================================================== */
/* Default theme styles for the background */
.remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened {
  filter: blur(3px); }

/* Default theme styles of the overlay */
.remodal-overlay {
  background: rgba(43, 46, 56, 0.9); }

.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing {
  animation-duration: 0.3s;
  animation-fill-mode: forwards; }

.remodal-overlay.remodal-is-opening {
  animation-name: remodal-overlay-opening-keyframes; }

.remodal-overlay.remodal-is-closing {
  animation-name: remodal-overlay-closing-keyframes; }

/* Default theme styles of the wrapper */
.remodal-wrapper {
  padding: 10px 10px 0; }

/* Default theme styles of the modal dialog */
.remodal {
  width: 100%;
  margin-bottom: 10px;
  padding: 35px;
  transform: translate3d(0, 0, 0);
  color: #101010;
  background-color: #fff; }

.remodal.remodal-is-opening,
.remodal.remodal-is-closing {
  animation-duration: 0.3s;
  animation-fill-mode: forwards; }

.remodal.remodal-is-opening {
  animation-name: remodal-opening-keyframes; }

.remodal.remodal-is-closing {
  animation-name: remodal-closing-keyframes; }

/* Vertical align of the modal dialog */
.remodal,
.remodal-wrapper:after {
  vertical-align: middle; }

/* Close button */
.remodal-close {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  overflow: visible;
  width: 35px;
  height: 35px;
  margin: 0;
  padding: 0;
  cursor: pointer;
  transition: color .2s;
  text-decoration: none;
  color: #101010;
  border: 0;
  outline: 0;
  background: transparent; }

.remodal-close:hover,
.remodal-close:focus {
  color: #101010; }

.remodal-close:before {
  font-family: fontAwesome;
  font-size: 1.2em;
  line-height: 35px;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 35px;
  content: "";
  text-align: center; }

.remodal-title {
  margin-bottom: 20px; }

.remodal-body {
  margin-bottom: 20px; }

/* Keyframes
   ========================================================================== */
@-webkit-keyframes remodal-opening-keyframes {
  from {
    transform: scale(1.05);
    opacity: 0; }
  to {
    transform: none;
    opacity: 1; } }

@keyframes remodal-opening-keyframes {
  from {
    transform: scale(1.05);
    opacity: 0; }
  to {
    transform: none;
    opacity: 1; } }

@-webkit-keyframes remodal-closing-keyframes {
  from {
    transform: scale(1);
    opacity: 1; }
  to {
    transform: scale(0.95);
    opacity: 0; } }

@keyframes remodal-closing-keyframes {
  from {
    transform: scale(1);
    opacity: 1; }
  to {
    transform: scale(0.95);
    opacity: 0; } }

@-webkit-keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-webkit-keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

/* Media queries
   ========================================================================== */
@media only screen and (min-width: 641px) {
  .remodal {
    max-width: 700px; } }

/* IE8
   ========================================================================== */
.lt-ie9 .remodal-overlay {
  background: #101010; }

.lt-ie9 .remodal {
  width: 700px; }

.remodal--product form {
  max-width: 20rem;
  margin: 0 auto; }

.remodal--product .label {
  width: 100%;
  color: #626262;
  font-size: 14px;
  text-align: left; }

.remodal--product .input {
  border: 0;
  box-shadow: none;
  padding: .75em .9em;
  background-color: #f7f7f7;
  color: #101010; }

.remodal--product .textarea {
  border: 0;
  box-shadow: none;
  padding: .75em .9em;
  background-color: #f7f7f7;
  color: #101010; }

.remodal--balance {
  max-width: 400px;
  border-radius: 10px; }

.remodal__title {
  font-size: 2rem;
  margin-bottom: 1rem;
  font-weight: 700; }

.remodal__text {
  margin-bottom: 1rem; }

/*
	* Style settings of LayerSlider
	*
	* (c) 2011-2019 George Krupa, John Gera & Kreatura Media
	*
	* Plugin web:			https://layerslider.kreaturamedia.com/
	* Licenses: 			http://codecanyon.net/licenses/
*/
/* Slider structure z-index cheat sheet

	_____									YourLogo				z.index: 50;
	_____ _____ _____						Most GUI elements		z-index: 40;
	______________________					.ls-inner wrapper		z-index: 30;
	______________________					.ls-hidden wrapper		z-index: 20;
	___________________________				.ls-shadow				z-index: 10;
	________________________________		slider element			z-index: default;

	-------------------------------------	Document

*/
/* Slider */
.ls-container {
  visibility: hidden;
  position: relative;
  max-width: 100%; }

.ls-inner {
  position: relative;
  width: 100%;
  height: 100%;
  background-position: center center;
  z-index: 30; }

.ls-wp-fullwidth-container {
  width: 100%;
  position: relative; }

.ls-wp-fullwidth-helper {
  position: absolute; }

/* Layers */
.ls-layers,
.ls-slide-backgrounds,
.ls-slide-effects,
.ls-background-videos,
.ls-bg-video-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
  -o-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0); }

.ls-wrapper {
  padding: 0 !important;
  visibility: visible !important;
  border: 0 !important;
  z-index: 1; }

.ls-background-videos {
  z-index: 1; }

.ls-bg-video-overlay {
  z-index: 21;
  background-repeat: repeat;
  background-position: center center; }

.ls-slide-backgrounds {
  z-index: 2; }

.ls-slide-effects {
  z-index: 4; }

.ls-layers {
  z-index: 35; }

.ls-parallax,
.ls-in-out,
.ls-z {
  position: absolute !important; }

.ls-parallax,
.ls-z {
  width: 0 !important;
  height: 0 !important;
  top: 0 !important;
  left: 0 !important;
  bottom: auto !important;
  right: auto !important;
  display: block !important;
  overflow: visible !important; }

.ls-in-out {
  display: none; }

.ls-loop, .ls-clip {
  position: absolute !important;
  display: block !important; }

.ls-parallax,
.ls-in-out,
.ls-loop,
.ls-z {
  background: none !important; }

.ls-parallax,
.ls-bg-wrap,
.ls-loop {
  margin: 0 !important; }

.ls-wrapper > .ls-layer,
.ls-wrapper > a > .ls-layer .ls-wrapper > .ls-bg {
  line-height: normal;
  white-space: nowrap;
  word-wrap: normal;
  margin-right: 0 !important;
  margin-bottom: 0 !important; }

.ls-wrapper > .ls-layer,
.ls-wrapper > a > .ls-layer {
  position: static !important;
  display: block !important;
  -o-transform: translateZ(1px);
  -ms-transform: translateZ(1px);
  -moz-transform: translateZ(1px);
  -webkit-transform: translateZ(1px);
  transform: translateZ(1px); }

.ls-bg-wrap,
.ls-bg-outer {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0; }

.ls-bg-wrap {
  display: none; }

.ls-bg-outer {
  overflow: hidden !important; }

.ls-wrapper > a.ls-layer-link {
  cursor: pointer !important;
  display: block !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 10;
  -o-transform: translateZ(100px);
  -ms-transform: translateZ(100px);
  -moz-transform: translateZ(100px);
  -webkit-transform: translateZ(100px);
  transform: translateZ(100px);
  background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) !important; }

/* GUI */
/* Common */
.ls-gui-element {
  z-index: 40;
  text-decoration: none !important; }

.ls-loading-container {
  position: absolute !important;
  display: none;
  left: 50% !important;
  top: 50% !important; }

.ls-loading-indicator {
  margin: 0 auto; }

/* Media */
.ls-media-unmute {
  visibility: hidden;
  position: absolute;
  left: 16px;
  top: 16px;
  width: 30px;
  height: 30px;
  cursor: pointer;
  opacity: .65; }

.ls-media-unmute-active {
  visibility: visible; }

.ls-media-unmute-bg {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border-radius: 30px;
  border: 0 solid white;
  transform: scale(0.1);
  background: rgba(0, 0, 0, 0.25);
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2); }

.ls-icon-muted, .ls-icon-unmuted {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px;
  transform: scale(0.1); }

.ls-media-unmute-active .ls-media-unmute-bg {
  border: 2px solid white; }

.ls-media-unmute-active .ls-icon-muted,
.ls-media-unmute-active .ls-icon-unmuted,
.ls-media-unmute-active .ls-media-unmute-bg {
  transform: scale(1) !important; }

.ls-icon-muted {
  background-image: url(../img/icon-muted-white.png);
  opacity: 1; }

.ls-icon-unmuted {
  background-image: url(../img/icon-unmuted-white.png);
  opacity: 0; }

.ls-media-unmute:hover {
  opacity: 1; }

.ls-media-unmute:hover .ls-icon-muted {
  opacity: 0; }

.ls-media-unmute:hover .ls-icon-unmuted {
  opacity: 1; }

.ls-media-unmute-bg,
.ls-icon-unmuted,
.ls-media-unmute,
.ls-icon-muted {
  transition: all .3s ease-in-out !important; }

/* Navigation */
.ls-bottom-slidebuttons {
  text-align: left; }

.ls-bottom-nav-wrapper,
.ls-below-thumbnails {
  height: 0;
  position: relative;
  text-align: center;
  margin: 0 auto; }

.ls-below-thumbnails {
  display: none; }

.ls-bottom-nav-wrapper a,
.ls-nav-prev,
.ls-nav-next {
  outline: none; }

.ls-bottom-slidebuttons {
  position: relative; }

.ls-bottom-slidebuttons,
.ls-nav-start,
.ls-nav-stop,
.ls-nav-sides {
  position: relative; }

.ls-nothumb {
  text-align: center !important; }

.ls-link,
.ls-link:hover {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  left: 0 !important;
  top: 0 !important; }

.ls-link {
  display: none; }

.ls-link-on-top {
  z-index: 999999 !important; }

.ls-link, .ls-wrapper > a > * {
  background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); }

.ls-bottom-nav-wrapper,
.ls-thumbnail-wrapper,
.ls-nav-prev,
.ls-nav-next {
  visibility: hidden; }

/* Timers */
.ls-bar-timer {
  position: absolute;
  width: 0;
  height: 2px;
  background: white;
  border-bottom: 2px solid #555;
  opacity: .55;
  top: 0; }

.ls-circle-timer {
  width: 16px;
  height: 16px;
  position: absolute;
  right: 10px;
  top: 10px;
  opacity: .65;
  display: none; }

.ls-container .ls-circle-timer,
.ls-container .ls-circle-timer * {
  box-sizing: border-box !important; }

.ls-ct-half {
  border: 4px solid white; }

.ls-ct-left,
.ls-ct-right {
  width: 50%;
  height: 100%;
  overflow: hidden; }

.ls-ct-left,
.ls-ct-right {
  position: absolute; }

.ls-ct-left {
  left: 0; }

.ls-ct-right {
  left: 50%; }

.ls-ct-rotate {
  width: 200%;
  height: 100%;
  position: absolute;
  top: 0; }

.ls-ct-left .ls-ct-rotate,
.ls-ct-right .ls-ct-hider,
.ls-ct-right .ls-ct-half {
  left: 0; }

.ls-ct-right .ls-ct-rotate,
.ls-ct-left .ls-ct-hider,
.ls-ct-left .ls-ct-half {
  right: 0; }

.ls-ct-hider,
.ls-ct-half {
  position: absolute;
  top: 0; }

.ls-ct-hider {
  width: 50%;
  height: 100%;
  overflow: hidden; }

.ls-ct-half {
  width: 200%;
  height: 100%; }

.ls-ct-center {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
  border: 4px solid black;
  opacity: 0.2; }

.ls-ct-half,
.ls-ct-center {
  border-radius: 100px;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px; }

.ls-slidebar-container {
  margin: 10px auto; }

.ls-slidebar-container,
.ls-slidebar {
  position: relative; }

.ls-progressbar,
.ls-slidebar-slider-container {
  position: absolute;
  left: 0;
  top: 0; }

.ls-progressbar {
  width: 0;
  height: 100%;
  z-index: 1; }

.ls-slidebar-slider-container {
  z-index: 2; }

.ls-slidebar-slider {
  position: static !important;
  cursor: pointer; }

/* slidebar default dark skin */
.ls-slidebar {
  height: 10px;
  background-color: #ddd; }

.ls-slidebar,
.ls-progressbar {
  border-radius: 10px; }

.ls-progressbar {
  background-color: #bbb; }

.ls-slidebar-slider-container {
  top: 50%; }

.ls-slidebar-slider {
  width: 20px;
  height: 20px;
  border-radius: 20px;
  background-color: #999; }

/* slidebar default light skin */
.ls-slidebar-light .ls-slidebar {
  height: 8px;
  background-color: white;
  border: 1px solid #ddd;
  border-top: 1px solid #ccc; }

.ls-slidebar-light .ls-slidebar,
.ls-slidebar-light .ls-progressbar {
  border-radius: 10px; }

.ls-slidebar-light .ls-progressbar {
  background-color: #eee; }

.ls-slidebar-light .ls-slidebar-slider-container {
  top: 50%; }

.ls-slidebar-light .ls-slidebar-slider {
  width: 18px;
  height: 18px;
  border-radius: 20px;
  background-color: #eee;
  border: 1px solid #bbb;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #999; }

/* Thumbnails */
.ls-tn {
  display: none !important; }

.ls-thumbnail-hover {
  display: none;
  position: absolute;
  left: 0; }

.ls-thumbnail-hover-inner {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  display: none; }

.ls-thumbnail-hover-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0; }

.ls-thumbnail-hover-img {
  position: absolute;
  overflow: hidden; }

.ls-thumbnail-hover img {
  max-width: none !important;
  position: absolute;
  display: inline-block;
  visibility: visible !important;
  left: 50%;
  top: 0; }

.ls-thumbnail-hover span {
  left: 50%;
  top: 100%;
  width: 0;
  height: 0;
  display: block;
  position: absolute;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  border-bottom-color: transparent !important; }

.ls-thumbnail-wrapper {
  position: relative;
  width: 100%;
  margin: 0 auto; }

.ls-thumbnail {
  position: relative;
  margin: 0 auto; }

.ls-thumbnail-inner,
.ls-thumbnail-slide-container {
  width: 100%; }

.ls-thumbnail-slide-container {
  overflow: hidden !important;
  position: relative; }

.ls-thumbnail-slide {
  text-align: center;
  white-space: nowrap;
  float: left;
  position: relative; }

.ls-thumbnail-slide a {
  overflow: hidden;
  display: inline-block;
  width: 0;
  height: 0;
  position: relative; }

.ls-thumbnail-slide img {
  max-width: none !important;
  max-height: 100% !important;
  height: 100%;
  visibility: visible !important; }

.ls-touchscroll {
  overflow-x: auto !important; }

/* Shadow */
.ls-shadow {
  display: none;
  position: absolute;
  z-index: 10 !important;
  top: 100%;
  width: 100%;
  left: 0;
  overflow: hidden !important;
  visibility: hidden; }

.ls-shadow img {
  width: 100% !important;
  height: auto !important;
  position: absolute !important;
  left: 0 !important;
  bottom: 0 !important; }

/* Media */
.ls-media-layer {
  overflow: hidden; }

.ls-vpcontainer,
.ls-videopreview {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer; }

.ls-videopreview {
  background-size: cover;
  background-position: center center; }

.ls-videopreview {
  z-index: 1; }

.ls-playvideo {
  position: absolute;
  left: 50%;
  top: 50%;
  cursor: pointer;
  z-index: 2; }

.ls-autoplay .ls-playvideo {
  display: none !important; }

/* Mobile features */
.ls-forcehide {
  display: none !important; }

/* YourLogo */
.ls-yourlogo {
  position: absolute;
  z-index: 50; }

/* Slide transitions */
/* .ls-lt-container */
.ls-slide-transition-wrapper {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3; }

.ls-slide-transition-wrapper,
.ls-slide-transition-wrapper * {
  text-align: left !important; }

.ls-slide-transition-tile {
  position: relative;
  float: left; }

.ls-slide-transition-tile img {
  visibility: visible;
  margin: 0 !important; }

.ls-curtiles {
  overflow: hidden; }

.ls-curtiles,
.ls-nexttiles {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0; }

.ls-curtile, .ls-nexttile {
  overflow: hidden;
  width: 100% !important;
  height: 100% !important;
  -o-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0); }

.ls-nexttile {
  display: none; }

.ls-3d-container {
  position: relative;
  overflow: visible !important;
  -ms-perspective: none !important;
  -moz-perspective: none !important;
  -webkit-perspective: none !important;
  perspective: none !important; }

.ls-3d-box {
  position: absolute; }

.ls-3d-box div {
  overflow: hidden;
  margin: 0;
  padding: 0;
  position: absolute;
  background-color: #888; }

.ls-3d-box .ls-3d-top,
.ls-3d-box .ls-3d-bottom {
  background-color: #555; }

.ls-slide-transition-wrapper,
.ls-slide-transition-tile {
  -ms-perspective: 1500px;
  -moz-perspective: 1500px;
  -webkit-perspective: 1500px;
  perspective: 1500px; }

.ls-slide-transition-tile,
.ls-3d-box,
.ls-curtiles,
.ls-nexttiles {
  -ms-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d; }

.ls-curtile,
.ls-nexttile,
.ls-3d-box,
.ls-3d-box div {
  -ms-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

/* Misc. */
.ls-visible {
  overflow: visible !important; }

.ls-unselectable {
  user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none; }

.ls-overflow-hidden {
  overflow: hidden; }

.ls-overflowx-hidden {
  overflow-x: hidden; }

.ls-overflow-visible {
  overflow: visible !important; }

.ls-overflowy-hidden {
  overflow-y: hidden; }

.ls-hidden {
  width: 0px !important;
  height: 0px !important;
  position: absolute;
  left: -5000px;
  top: -5000px;
  z-index: -1;
  overflow: hidden !important;
  visibility: hidden !important;
  display: block !important; }

.ls-slide {
  display: block !important;
  visibility: hidden !important;
  position: absolute !important;
  overflow: hidden;
  top: 0 !important;
  left: 0 !important;
  bottom: auto !important;
  right: auto !important;
  background: none;
  border: none !important;
  margin: 0 !important;
  padding: 0 !important; }

.ls-slide > .ls-layer,
.ls-slide > .ls-l,
.ls-slide > .ls-bg,
.ls-slide > a > .ls-layer,
.ls-slide > a > .ls-l,
.ls-slide > a > .ls-bg {
  position: absolute !important;
  white-space: nowrap; }

.ls-fullscreen {
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
  height: auto !important; }

.ls-fullscreen .ls-container {
  background-color: black;
  margin: 0 auto !important; }

.ls-fullscreen .ls-fullscreen-wrapper {
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background-color: black;
  overflow: hidden !important;
  position: relative !important; }

.ls-fullscreen .ls-fullscreen-wrapper .ls-container,
.ls-fullscreen .ls-fullscreen-wrapper .ls-wp-container {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important; }

.ls-layer .split-item {
  font-weight: inherit !important;
  font-family: inherit !important;
  font-size: inherit;
  color: inherit; }

/* Removing all default global styles of WordPress themes */
html .ls-nav-prev,
body .ls-nav-prev,
#ls-global .ls-nav-prev,
html .ls-nav-next,
body .ls-nav-next,
#ls-global .ls-nav-next,
html .ls-container img,
body .ls-container img,
#ls-global .ls-container img,
html .ls-bottom-nav-wrapper a,
body .ls-bottom-nav-wrapper a,
#ls-global .ls-bottom-nav-wrapper a,
html .ls-container .ls-fullscreen,
body .ls-container .ls-fullscreen,
#ls-global .ls-container .ls-fullscreen,
html .ls-thumbnail a,
body .ls-thumbnail a,
#ls-global .ls-thumbnail a {
  transition: none;
  -ms-transition: none;
  -webkit-transition: none;
  line-height: normal;
  outline: none;
  padding: 0;
  border: 0; }

html .ls-wrapper > a,
body .ls-wrapper > a,
#ls-global .ls-wrapper > a,
html .ls-wrapper > p,
body .ls-wrapper > p,
#ls-global .ls-wrapper > p,
html .ls-wrapper > h1,
body .ls-wrapper > h1,
#ls-global .ls-wrapper > h1,
html .ls-wrapper > h2,
body .ls-wrapper > h2,
#ls-global .ls-wrapper > h2,
html .ls-wrapper > h3,
body .ls-wrapper > h3,
#ls-global .ls-wrapper > h3,
html .ls-wrapper > h4,
body .ls-wrapper > h4,
#ls-global .ls-wrapper > h4,
html .ls-wrapper > h5,
body .ls-wrapper > h5,
#ls-global .ls-wrapper > h5,
html .ls-wrapper > img,
body .ls-wrapper > img,
#ls-global .ls-wrapper > img,
html .ls-wrapper > div,
body .ls-wrapper > div,
#ls-global .ls-wrapper > div,
html .ls-wrapper > span,
body .ls-wrapper > span,
#ls-global .ls-wrapper > span,
html .ls-wrapper .ls-bg,
body .ls-wrapper .ls-bg,
#ls-global .ls-wrapper .ls-bg,
html .ls-wrapper .ls-layer,
body .ls-wrapper .ls-layer,
#ls-global .ls-wrapper .ls-layer,
html .ls-slide .ls-layer,
body .ls-slide .ls-layer,
#ls-global .ls-slide .ls-layer,
html .ls-slide a .ls-layer,
body .ls-slide a .ls-layer,
#ls-global .ls-slide a .ls-layer {
  transition: none;
  -ms-transition: none;
  -webkit-transition: none;
  line-height: normal;
  outline: none;
  padding: 0;
  margin: 0;
  border-width: 0; }

html .ls-container img,
body .ls-container img,
#ls-global .ls-container img {
  background: none !important;
  min-width: 0 !important;
  max-width: none !important;
  border-radius: 0;
  box-shadow: none;
  border: 0;
  padding: 0; }

html .ls-wp-container .ls-wrapper > a > *,
body .ls-wp-container .ls-wrapper > a > *,
#ls-global .ls-wp-container .ls-wrapper > a > * {
  margin: 0; }

html .ls-wp-container .ls-wrapper > a,
body .ls-wp-container .ls-wrapper > a,
#ls-global .ls-wp-container .ls-wrapper > a {
  text-decoration: none; }

.ls-wp-fullwidth-container,
.ls-wp-fullwidth-helper,
.ls-gui-element *,
.ls-gui-element,
.ls-container,
.ls-slide > *,
.ls-slide,
.ls-wrapper,
.ls-layer {
  box-sizing: content-box !important; }

html .ls-yourlogo,
body .ls-yourlogo,
#ls-global .ls-yourlogo {
  margin: 0; }

html .ls-tn,
body .ls-tn,
#ls-global .ls-tn {
  display: none; }

.ls-bottom-nav-wrapper,
.ls-bottom-nav-wrapper span,
.ls-bottom-nav-wrapper a {
  line-height: 0;
  font-size: 0; }

html .ls-container video,
body .ls-container video,
#ls-global .ls-container video {
  max-width: none !important;
  object-fit: cover !important; }

/* direction: ltr */
html .ls-container,
body .ls-container,
#ls-global .ls-container,
html .ls-container .ls-slide-transition-wrapper,
body .ls-container .ls-slide-transition-wrapper,
#ls-global .ls-container .ls-slide-transition-wrapper,
html .ls-container .ls-slide-transition-wrapper *,
body .ls-container .ls-slide-transition-wrapper *,
#ls-global .ls-container .ls-slide-transition-wrapper *,
html .ls-container .ls-bottom-nav-wrapper,
body .ls-container .ls-bottom-nav-wrapper,
#ls-global .ls-container .ls-bottom-nav-wrapper,
html .ls-container .ls-bottom-nav-wrapper *,
body .ls-container .ls-bottom-nav-wrapper *,
#ls-global .ls-container .ls-bottom-nav-wrapper *,
html .ls-container .ls-bottom-nav-wrapper span *,
body .ls-container .ls-bottom-nav-wrapper span *,
#ls-global .ls-container .ls-bottom-nav-wrapper span *,
html .ls-direction-fix,
body .ls-direction-fix,
#ls-global .ls-direction-fix {
  direction: ltr !important; }

/* float: none */
html .ls-container,
body .ls-container,
#ls-global .ls-container {
  float: none !important; }

/* Notification */
.ls-notification {
  position: relative;
  margin: 10px auto;
  padding: 10px 10px 15px 88px;
  border-radius: 5px;
  min-height: 60px;
  background: #de4528;
  color: white !important;
  font-family: 'Open Sans', arial, sans-serif !important; }

.ls-notification a {
  color: white !important;
  text-decoration: underline !important; }

.ls-notification-logo {
  position: absolute;
  top: 16px;
  left: 17px;
  width: 56px;
  height: 56px;
  font-size: 49px;
  line-height: 53px;
  border-radius: 56px;
  background-color: white;
  color: #de4528;
  font-style: normal;
  font-weight: 800;
  text-align: center; }

.ls-notification strong {
  color: white !important;
  display: block;
  font-size: 20px;
  line-height: 26px;
  font-weight: normal !important; }

.ls-notification span {
  display: block;
  font-size: 13px;
  line-height: 16px;
  text-align: justify !important; }

/* Device Responsiveness */
@media screen and (max-width: 767px) {
  .ls-container .ls-layers > .ls-hide-on-phone,
  .ls-container .ls-background-videos .ls-hide-on-phone video,
  .ls-container .ls-background-videos .ls-hide-on-phone audio,
  .ls-container .ls-background-videos .ls-hide-on-phone iframe {
    display: none !important; } }

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .ls-container .ls-layers > .ls-hide-on-tablet,
  .ls-container .ls-background-videos .ls-hide-on-tablet video,
  .ls-container .ls-background-videos .ls-hide-on-tablet audio,
  .ls-container .ls-background-videos .ls-hide-on-tablet iframe {
    display: none !important; } }

@media screen and (min-width: 1025px) {
  .ls-container .ls-layers > .ls-hide-on-desktop,
  .ls-container .ls-background-videos .ls-hide-on-desktop video,
  .ls-container .ls-background-videos .ls-hide-on-desktop audio,
  .ls-container .ls-background-videos .ls-hide-on-desktop iframe {
    display: none !important; } }

.ls-container .ls-background-videos .ls-vpcontainer {
  z-index: 10; }

.ls-container .ls-background-videos .ls-videopreview {
  background-size: cover !important; }

.ls-container .ls-background-videos video,
.ls-container .ls-background-videos audio,
.ls-container .ls-background-videos iframe {
  position: relative;
  z-index: 20; }

/* Hacks */
@media (transform-3d), (-ms-transform-3d), (-webkit-transform-3d) {
  #ls-test3d {
    position: absolute;
    left: 9px;
    height: 3px; } }

/* Import blocks
==========================*/
.error__page {
  padding: 4rem 0;
  text-align: center; }

.inside_error_page .error_block {
  position: static;
  margin: 0 auto; }

.error_block {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  text-align: center; }

.error-container {
  width: 475px;
  height: 100%;
  margin: 0 auto;
  padding-top: 70px;
  position: relative; }

.err-separator {
  display: block;
  width: 100%;
  height: 1px;
  background: #a37b7b;
  box-shadow: 0px 1px 0px #fff;
  margin: 30px 0 30px; }

.err-separator.bottom {
  margin-top: 0;
  margin-bottom: 30px; }

.error-code {
  font-size: 75px;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 1; }

.error-descr {
  font-size: 27px;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 1.7;
  margin-bottom: 27px; }

.ru .error-code {
  font-size: 73px; }

.ru .error-descr {
  font-size: 21px; }

.error-text {
  font-size: 14px;
  text-align: left;
  padding: 30px 0px 20px;
  color: #746e6e;
  height: 115px;
  box-sizing: border-box; }

.back_btn {
  color: #fff;
  font-size: 15px;
  font-weight: normal;
  text-align: center;
  text-transform: uppercase;
  font-family: 'Roboto', sans-serif;
  background: #ffb800;
  cursor: pointer;
  display: inline-block;
  padding: 9px 0px;
  width: 230px;
  margin-top: 30px; }

/*.back_btn:hover {
	color:#fff;
	text-decoration:none;
	background:#ff6950;
}*/
.error-footer {
  font-size: 14px;
  color: #746e6e;
  position: absolute;
  left: 0;
  bottom: 70px;
  width: 100%; }

.type {
  font-size: 200px;
  color: #2CD6C7;
  font-weight: 900;
  line-height: 1; }

@media (max-width: 450px) {
  .error_block {
    width: 100%;
    padding: 0px 10px;
    margin: 0 auto;
    left: 0;
    top: 20%; }
  .type {
    font-size: 45px; }
  .text.lv {
    font-size: 27px;
    margin-bottom: 5px; }
  .text.en {
    font-size: 16px;
    margin-bottom: 5px; }
  .text.ru {
    font-size: 16px; }
  .error_message {
    top: 9px; }
  .error_block img.error_block_image {
    width: 85%; } }

@media (max-width: 335px) {
  .type {
    font-size: 95px; }
  .text.lv {
    font-size: 22px;
    margin-bottom: 5px; }
  .text.en {
    font-size: 14px;
    margin-bottom: 5px; }
  .text.ru {
    font-size: 14px; }
  .error_message {
    top: 8px; }
  .back_btn {
    font-size: 14px; } }

.closed_logo_wrapper {
  padding: 0 0 40px; }

.closed_logo {
  display: block;
  margin: 0 auto; }

.not__found-container {
  padding: 30px 0;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  width: 100%;
  align-items: center;
  justify-content: center; }

.not__found-block {
  font-size: 18px; }

.header {
  background-color: #fff;
  transition: transform .2s linear;
  box-shadow: 0 1px 0.6rem rgba(0, 0, 0, 0.1);
  position: relative;
  z-index: 10; }
  .header.fixed {
    width: 100%;
    z-index: 200;
    position: fixed;
    transform: translateY(120px);
    box-shadow: 0 0.2rem 0.4rem rgba(0, 0, 0, 0.11); }
  .header .logo {
    margin-right: 4rem; }

.header__login {
  color: #fff;
  font-weight: 600;
  display: flex;
  align-items: center; }
  .header__login img {
    margin-left: .4rem; }

.header__block {
  display: flex;
  align-items: center;
  flex: 1; }

.header__action-item {
  margin-top: .4rem;
  display: flex;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  border: 1px solid #e1e1e1;
  justify-content: center;
  align-items: center; }
  .header__action-item:hover {
    text-decoration: none; }
  .header__action-item.user {
    width: auto;
    border-radius: 2rem;
    padding: 0 1rem;
    color: #313131;
    font-weight: 500; }
    .header__action-item.user img {
      margin-right: .4rem; }
  .header__action-item.wish {
    padding-top: .3rem; }

.event {
  width: .8rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: .8rem;
  position: absolute;
  top: -4px;
  right: -6px;
  color: #fff;
  font-size: .6rem;
  font-weight: 600;
  background-color: #5029BD;
  box-shadow: -1px 2px 5px rgba(84, 54, 158, 0.74); }

.header__action-img {
  position: relative; }
  .header__action-img img {
    display: block;
    height: 1.2rem; }

.action__item-block {
  display: flex;
  flex-direction: column;
  color: #CECECE;
  line-height: 1; }
  .action__item-block .name {
    color: rgba(255, 255, 255, 0.5);
    font-size: .8rem;
    margin-bottom: .2rem; }
  .action__item-block .count {
    color: #fff;
    transition: all .2s ease; }
  .action__item-block:hover .count {
    color: #2CD6C7; }

.logo {
  display: flex;
  align-items: center;
  color: rgba(0, 0, 0, 0.41);
  font-size: .8rem; }
  .logo img {
    height: 2.4rem; }
  .logo:hover {
    text-decoration: none; }
  @media (max-width: 992px) {
    .logo {
      height: auto; } }

.header__wrapper {
  height: 69px;
  display: flex;
  justify-content: space-between;
  align-items: center; }

.header__login-block {
  position: relative;
  display: flex;
  align-items: center; }

.region__block {
  position: relative;
  margin-right: 2rem; }

.header__region {
  width: 100%;
  position: absolute;
  background-color: #fff;
  box-shadow: 0 3px 5px 0 rgba(51, 51, 51, 0.3);
  border: 1px solid #ccc;
  z-index: 100;
  padding: 20px 10px;
  display: none; }

.header__region-text {
  border-bottom: 1px solid #ccc;
  color: #101010;
  padding-bottom: 5px;
  font-weight: 300; }

.header__region-label {
  color: #101010;
  margin-bottom: 5px;
  font-weight: 300; }

.header__phone-time {
  color: #bfbfbf;
  margin-left: 5px; }

@media (max-width: 992px) {
  .header {
    display: none; } }

@media (min-width: 992px) {
  .mobile__header {
    display: none; }
  .mobile__menu {
    display: none; } }

.lng {
  position: relative;
  margin-right: 3rem; }
  .lng:hover .lng__list {
    opacity: 1;
    visibility: visible; }

.lng__label {
  font-size: .8rem;
  color: #fff;
  opacity: .5;
  text-transform: none; }

.lng__link {
  color: #101010;
  position: relative;
  display: block;
  font-size: 1rem;
  padding: .2rem 1rem .2rem 0;
  border-radius: 2rem;
  font-weight: 500; }
  .lng__link:after {
    content: '';
    position: absolute;
    left: 100%;
    top: 50%;
    border: 4px solid transparent;
    border-top-color: #101010;
    transform: translateY(-50%);
    margin-top: .2rem; }
  .lng__link:hover {
    text-decoration: none; }

.lng__list {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  min-width: 100%;
  background-color: #fff;
  padding: 0;
  left: -1rem;
  z-index: 40;
  border-radius: 4px;
  overflow: hidden;
  max-height: 20rem;
  overflow-y: auto;
  box-shadow: 0 0 0.6rem rgba(0, 0, 0, 0.1); }
  .lng__list--currency {
    columns: 2;
    left: auto;
    right: 0; }
  .lng__list a {
    color: #101010;
    font-weight: 500;
    display: block;
    padding: .5rem 1rem .5rem; }
    .lng__list a:hover {
      background-color: #f7f7f7;
      text-decoration: none; }
    .lng__list a:last-child {
      margin-bottom: 0; }

.header__nav {
  padding: 1rem 0 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between; }

.header__nav-actions {
  display: flex;
  align-items: center; }
  .header__nav-actions .lng:last-child {
    margin-right: 1rem; }

.nav {
  display: flex; }
  .nav--cabinet {
    flex-direction: column;
    align-items: flex-start; }
    .nav--cabinet .nav__item {
      margin-bottom: 1rem;
      position: relative; }
      .nav--cabinet .nav__item .event {
        box-shadow: 0 0 0.4rem rgba(0, 0, 0, 0.4); }
      .nav--cabinet .nav__item:last-child {
        margin-bottom: 0; }
      .nav--cabinet .nav__item:hover .nav__submenu {
        opacity: 1;
        visibility: visible; }
    .nav--cabinet .nav__link {
      color: #101010;
      font-size: 1rem;
      align-items: center;
      flex-direction: row; }
      .nav--cabinet .nav__link:hover {
        text-decoration: underline; }
      .nav--cabinet .nav__link i {
        margin-left: .6rem; }
      .nav--cabinet .nav__link:not(:last-child) {
        margin-right: 0; }
      .nav--cabinet .nav__link:after {
        display: none; }

.nav__item {
  margin-right: 1rem; }

.nav__link {
  color: #101010;
  display: flex;
  flex-direction: column;
  font-size: 1rem;
  transition: all .2s ease;
  position: relative;
  margin-right: 2rem;
  font-weight: 500; }
  .nav__link .name {
    color: #fff;
    font-size: 1rem;
    transition: all .2s ease; }
  .nav__link:hover {
    text-decoration: none; }
    .nav__link:hover .name {
      color: #2CD6C7; }
  .nav__link.active {
    color: #5029BD; }
    .nav__link.active .name {
      color: #2CD6C7; }

.nav__submenu {
  position: absolute;
  top: 100%;
  z-index: 2;
  background-color: #5029BD;
  border-radius: .2rem;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  visibility: hidden;
  transition: all .2s ease; }

.nav__submenu-item {
  padding: .6rem; }
  .nav__submenu-item a {
    color: #fff;
    white-space: nowrap; }

.header__actions {
  padding-left: 1rem;
  display: flex;
  height: 100%;
  align-items: center;
  position: relative;
  justify-content: flex-end; }

.header__action {
  margin-right: 1rem;
  position: relative;
  height: 100%;
  display: flex;
  align-items: center; }
  .header__action:hover .shop-cart-container {
    opacity: 1;
    visibility: visible; }
  .header__action.empty:hover .header__action-container {
    opacity: 1;
    visibility: visible; }
  .header__action.empty .event {
    opacity: 0; }
  .header__action:last-child {
    margin-right: 0; }

.header__action-container {
  position: absolute;
  top: 100%;
  display: flex;
  align-items: center;
  opacity: 0;
  visibility: hidden;
  min-width: 25rem;
  transition: all .2s ease;
  right: 0;
  box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.11);
  background-color: #fff;
  z-index: 100;
  padding: 1rem 2rem; }
  .header__action-container img {
    height: 4rem; }

.header__action-title {
  font-weight: 600;
  color: #101010;
  font-size: 1.4rem;
  margin-bottom: 1rem; }

.header__action-text {
  font-size: 1rem; }

@media (max-width: 992px) {
  .mobile__header {
    width: 100%;
    height: 65px;
    box-shadow: 0 1px 0.6rem rgba(0, 0, 0, 0.1);
    top: 0;
    left: 0;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between; }
  .menu__btn-wrapper {
    height: 100%;
    width: 4rem;
    padding: 0 15px;
    display: flex;
    align-items: center; }
  .menu__btn {
    width: 30px;
    height: 23px;
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
    .menu__btn i {
      width: 100%;
      height: 3px;
      background-color: #101010;
      transition: all .2s ease; }
    .menu__btn.active {
      position: relative; }
      .menu__btn.active i {
        position: absolute;
        top: 10px; }
        .menu__btn.active i:nth-child(2) {
          opacity: 0; }
        .menu__btn.active i:first-child {
          transform: rotate(45deg); }
        .menu__btn.active i:last-child {
          transform: rotate(-45deg); }
  .mobile__logo img {
    height: 3rem; }
  .header__action-item {
    position: relative; }
    .header__action-item img {
      height: 18px; }
  .mobile__cart-wrapper {
    height: 65px;
    padding: 0 1rem;
    display: flex;
    right: 0;
    top: 0;
    align-items: center;
    transition: all .2s ease;
    z-index: 200; }
    .mobile__cart-wrapper img {
      height: 18px; }
    .mobile__cart-wrapper .second__img {
      display: none; }
    .mobile__cart-wrapper .header-cart {
      font-size: 1em;
      line-height: 1; }
    .mobile__cart-wrapper .header-cart-event {
      opacity: 0;
      visibility: hidden;
      width: 15px;
      height: 15px;
      padding: 0;
      display: flex;
      justify-content: center;
      align-items: center;
      border: 1px solid #000;
      background: #fff;
      color: #000; }
    .mobile__cart-wrapper.active {
      top: 0; }
      .mobile__cart-wrapper.active .first__img {
        display: none; }
      .mobile__cart-wrapper.active .second__img {
        display: block; }
      .mobile__cart-wrapper.active .header-cart-event {
        opacity: 1;
        visibility: visible; }
  .mobile__menu {
    max-width: 405px;
    width: 100%;
    height: 100%;
    max-height: 100%;
    overflow-y: auto;
    padding: 0 0 1em;
    position: fixed;
    left: 0;
    top: 65px;
    z-index: 1000;
    background: #fff;
    transform: translateX(-500px);
    transition: all .3s ease-in; }
    .mobile__menu.active {
      transform: translateX(0); }
  .mobile__menu-content {
    max-height: 90%;
    overflow-y: auto; }
  .mobile__menu-line {
    display: flex;
    justify-content: space-around;
    align-items: center;
    border-top: 1px solid #c4c4c4;
    border-bottom: 1px solid #c4c4c4;
    padding: 1rem 0; }
  .header-region {
    height: auto;
    border: 0;
    padding: 0; }
    .header-region .region-title {
      display: none; }
    .header-region .region-bold {
      display: inline-block;
      vertical-align: top;
      color: #000;
      font-weight: normal;
      margin-right: 0; }
      .header-region .region-bold.arrow {
        position: relative;
        padding-left: 5px; }
        .header-region .region-bold.arrow:before {
          content: '/';
          position: absolute;
          left: -2px;
          top: 50%;
          transform: translateY(-50%); }
    .header-region img {
      display: block;
      margin: 0 auto 5px; }
    .header-region i {
      display: none; }
  .mobile__menu-actions {
    display: flex;
    justify-content: space-between; }
    .mobile__menu-actions .input {
      min-height: auto; }
  .menu__search {
    position: absolute;
    top: 50%;
    right: 5px;
    transform: translateY(-50%);
    background: none;
    outline: 0;
    cursor: pointer;
    border: 0; }
    .menu__search img {
      height: 26px; }
  .header-notifications {
    font-size: 1rem;
    line-height: 1;
    margin-right: 10px; }
    .header-notifications img {
      height: 30px; }
  .menu__user {
    display: block;
    position: relative;
    line-height: 1; }
    .menu__user img {
      height: 30px; }
    .menu__user.active:after {
      position: absolute;
      content: '\f058';
      bottom: -2px;
      right: -4px;
      color: #148431;
      font-family: FontAwesome;
      background-color: #fff;
      border-radius: 50%; }
  .header__action {
    margin-right: 2rem; }
    .header__action:not(:last-child):after {
      opacity: 0; }
  .nav {
    flex-direction: column; }
  .nav__link {
    padding: .4rem 0;
    margin-right: 0;
    text-align: center; }
    .nav__link:not(:last-child) {
      margin-right: 0; }
      .nav__link:not(:last-child):after {
        display: none; } }

/* 51. Bootstrap 4 Grid
=========================*/
.container {
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  position: relative; }
  @media (min-width: 1260px) {
    .container {
      width: 1230px;
      max-width: 100%; } }
  @media (min-width: 1360px) {
    .container {
      width: 1330px;
      max-width: 100%; } }

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

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }
  @media (min-width: 576px) {
    .row {
      margin-right: -15px;
      margin-left: -15px; } }
  @media (min-width: 768px) {
    .row {
      margin-right: -15px;
      margin-left: -15px; } }
  @media (min-width: 1260px) {
    .row {
      margin-right: -15px;
      margin-left: -15px; } }
  @media (min-width: 1360px) {
    .row {
      margin-right: -15px;
      margin-left: -15px; } }

.col-xs, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
  position: relative;
  min-height: 1px;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px; }
  @media (min-width: 576px) {
    .col-xs, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
      padding-right: 15px;
      padding-left: 15px; } }
  @media (min-width: 768px) {
    .col-xs, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
      padding-right: 15px;
      padding-left: 15px; } }
  @media (min-width: 1260px) {
    .col-xs, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
      padding-right: 15px;
      padding-left: 15px; } }
  @media (min-width: 1360px) {
    .col-xs, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
      padding-right: 15px;
      padding-left: 15px; } }

.col-xs {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%; }

.col-xs-1 {
  flex: 0 0 8.33333%;
  max-width: 8.33333%; }

.col-xs-2 {
  flex: 0 0 16.66667%;
  max-width: 16.66667%; }

.col-xs-3 {
  flex: 0 0 25%;
  max-width: 25%; }

.col-xs-4 {
  flex: 0 0 33.33333%;
  max-width: 33.33333%; }

.col-xs-5 {
  flex: 0 0 41.66667%;
  max-width: 41.66667%; }

.col-xs-6 {
  flex: 0 0 50%;
  max-width: 50%; }

.col-xs-7 {
  flex: 0 0 58.33333%;
  max-width: 58.33333%; }

.col-xs-8 {
  flex: 0 0 66.66667%;
  max-width: 66.66667%; }

.col-xs-9 {
  flex: 0 0 75%;
  max-width: 75%; }

.col-xs-10 {
  flex: 0 0 83.33333%;
  max-width: 83.33333%; }

.col-xs-11 {
  flex: 0 0 91.66667%;
  max-width: 91.66667%; }

.col-xs-12 {
  flex: 0 0 100%;
  max-width: 100%; }

.pull-xs-0 {
  right: auto; }

.pull-xs-1 {
  right: 8.33333%; }

.pull-xs-2 {
  right: 16.66667%; }

.pull-xs-3 {
  right: 25%; }

.pull-xs-4 {
  right: 33.33333%; }

.pull-xs-5 {
  right: 41.66667%; }

.pull-xs-6 {
  right: 50%; }

.pull-xs-7 {
  right: 58.33333%; }

.pull-xs-8 {
  right: 66.66667%; }

.pull-xs-9 {
  right: 75%; }

.pull-xs-10 {
  right: 83.33333%; }

.pull-xs-11 {
  right: 91.66667%; }

.pull-xs-12 {
  right: 100%; }

.push-xs-0 {
  left: auto; }

.push-xs-1 {
  left: 8.33333%; }

.push-xs-2 {
  left: 16.66667%; }

.push-xs-3 {
  left: 25%; }

.push-xs-4 {
  left: 33.33333%; }

.push-xs-5 {
  left: 41.66667%; }

.push-xs-6 {
  left: 50%; }

.push-xs-7 {
  left: 58.33333%; }

.push-xs-8 {
  left: 66.66667%; }

.push-xs-9 {
  left: 75%; }

.push-xs-10 {
  left: 83.33333%; }

.push-xs-11 {
  left: 91.66667%; }

.push-xs-12 {
  left: 100%; }

.offset-xs-1 {
  margin-left: 8.33333%; }

.offset-xs-2 {
  margin-left: 16.66667%; }

.offset-xs-3 {
  margin-left: 25%; }

.offset-xs-4 {
  margin-left: 33.33333%; }

.offset-xs-5 {
  margin-left: 41.66667%; }

.offset-xs-6 {
  margin-left: 50%; }

.offset-xs-7 {
  margin-left: 58.33333%; }

.offset-xs-8 {
  margin-left: 66.66667%; }

.offset-xs-9 {
  margin-left: 75%; }

.offset-xs-10 {
  margin-left: 83.33333%; }

.offset-xs-11 {
  margin-left: 91.66667%; }

@media (min-width: 576px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .col-sm-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-sm-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-sm-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-sm-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-sm-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-sm-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-sm-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-sm-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .pull-sm-0 {
    right: auto; }
  .pull-sm-1 {
    right: 8.33333%; }
  .pull-sm-2 {
    right: 16.66667%; }
  .pull-sm-3 {
    right: 25%; }
  .pull-sm-4 {
    right: 33.33333%; }
  .pull-sm-5 {
    right: 41.66667%; }
  .pull-sm-6 {
    right: 50%; }
  .pull-sm-7 {
    right: 58.33333%; }
  .pull-sm-8 {
    right: 66.66667%; }
  .pull-sm-9 {
    right: 75%; }
  .pull-sm-10 {
    right: 83.33333%; }
  .pull-sm-11 {
    right: 91.66667%; }
  .pull-sm-12 {
    right: 100%; }
  .push-sm-0 {
    left: auto; }
  .push-sm-1 {
    left: 8.33333%; }
  .push-sm-2 {
    left: 16.66667%; }
  .push-sm-3 {
    left: 25%; }
  .push-sm-4 {
    left: 33.33333%; }
  .push-sm-5 {
    left: 41.66667%; }
  .push-sm-6 {
    left: 50%; }
  .push-sm-7 {
    left: 58.33333%; }
  .push-sm-8 {
    left: 66.66667%; }
  .push-sm-9 {
    left: 75%; }
  .push-sm-10 {
    left: 83.33333%; }
  .push-sm-11 {
    left: 91.66667%; }
  .push-sm-12 {
    left: 100%; }
  .offset-sm-0 {
    margin-left: 0%; }
  .offset-sm-1 {
    margin-left: 8.33333%; }
  .offset-sm-2 {
    margin-left: 16.66667%; }
  .offset-sm-3 {
    margin-left: 25%; }
  .offset-sm-4 {
    margin-left: 33.33333%; }
  .offset-sm-5 {
    margin-left: 41.66667%; }
  .offset-sm-6 {
    margin-left: 50%; }
  .offset-sm-7 {
    margin-left: 58.33333%; }
  .offset-sm-8 {
    margin-left: 66.66667%; }
  .offset-sm-9 {
    margin-left: 75%; }
  .offset-sm-10 {
    margin-left: 83.33333%; }
  .offset-sm-11 {
    margin-left: 91.66667%; } }

@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .col-md-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-md-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-md-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-md-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-md-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-md-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-md-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-md-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .pull-md-0 {
    right: auto; }
  .pull-md-1 {
    right: 8.33333%; }
  .pull-md-2 {
    right: 16.66667%; }
  .pull-md-3 {
    right: 25%; }
  .pull-md-4 {
    right: 33.33333%; }
  .pull-md-5 {
    right: 41.66667%; }
  .pull-md-6 {
    right: 50%; }
  .pull-md-7 {
    right: 58.33333%; }
  .pull-md-8 {
    right: 66.66667%; }
  .pull-md-9 {
    right: 75%; }
  .pull-md-10 {
    right: 83.33333%; }
  .pull-md-11 {
    right: 91.66667%; }
  .pull-md-12 {
    right: 100%; }
  .push-md-0 {
    left: auto; }
  .push-md-1 {
    left: 8.33333%; }
  .push-md-2 {
    left: 16.66667%; }
  .push-md-3 {
    left: 25%; }
  .push-md-4 {
    left: 33.33333%; }
  .push-md-5 {
    left: 41.66667%; }
  .push-md-6 {
    left: 50%; }
  .push-md-7 {
    left: 58.33333%; }
  .push-md-8 {
    left: 66.66667%; }
  .push-md-9 {
    left: 75%; }
  .push-md-10 {
    left: 83.33333%; }
  .push-md-11 {
    left: 91.66667%; }
  .push-md-12 {
    left: 100%; }
  .offset-md-0 {
    margin-left: 0%; }
  .offset-md-1 {
    margin-left: 8.33333%; }
  .offset-md-2 {
    margin-left: 16.66667%; }
  .offset-md-3 {
    margin-left: 25%; }
  .offset-md-4 {
    margin-left: 33.33333%; }
  .offset-md-5 {
    margin-left: 41.66667%; }
  .offset-md-6 {
    margin-left: 50%; }
  .offset-md-7 {
    margin-left: 58.33333%; }
  .offset-md-8 {
    margin-left: 66.66667%; }
  .offset-md-9 {
    margin-left: 75%; }
  .offset-md-10 {
    margin-left: 83.33333%; }
  .offset-md-11 {
    margin-left: 91.66667%; } }

@media (min-width: 1260px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .col-lg-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-lg-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-lg-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-lg-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-lg-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-lg-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-lg-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-lg-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .pull-lg-0 {
    right: auto; }
  .pull-lg-1 {
    right: 8.33333%; }
  .pull-lg-2 {
    right: 16.66667%; }
  .pull-lg-3 {
    right: 25%; }
  .pull-lg-4 {
    right: 33.33333%; }
  .pull-lg-5 {
    right: 41.66667%; }
  .pull-lg-6 {
    right: 50%; }
  .pull-lg-7 {
    right: 58.33333%; }
  .pull-lg-8 {
    right: 66.66667%; }
  .pull-lg-9 {
    right: 75%; }
  .pull-lg-10 {
    right: 83.33333%; }
  .pull-lg-11 {
    right: 91.66667%; }
  .pull-lg-12 {
    right: 100%; }
  .push-lg-0 {
    left: auto; }
  .push-lg-1 {
    left: 8.33333%; }
  .push-lg-2 {
    left: 16.66667%; }
  .push-lg-3 {
    left: 25%; }
  .push-lg-4 {
    left: 33.33333%; }
  .push-lg-5 {
    left: 41.66667%; }
  .push-lg-6 {
    left: 50%; }
  .push-lg-7 {
    left: 58.33333%; }
  .push-lg-8 {
    left: 66.66667%; }
  .push-lg-9 {
    left: 75%; }
  .push-lg-10 {
    left: 83.33333%; }
  .push-lg-11 {
    left: 91.66667%; }
  .push-lg-12 {
    left: 100%; }
  .offset-lg-0 {
    margin-left: 0%; }
  .offset-lg-1 {
    margin-left: 8.33333%; }
  .offset-lg-2 {
    margin-left: 16.66667%; }
  .offset-lg-3 {
    margin-left: 25%; }
  .offset-lg-4 {
    margin-left: 33.33333%; }
  .offset-lg-5 {
    margin-left: 41.66667%; }
  .offset-lg-6 {
    margin-left: 50%; }
  .offset-lg-7 {
    margin-left: 58.33333%; }
  .offset-lg-8 {
    margin-left: 66.66667%; }
  .offset-lg-9 {
    margin-left: 75%; }
  .offset-lg-10 {
    margin-left: 83.33333%; }
  .offset-lg-11 {
    margin-left: 91.66667%; } }

@media (min-width: 1360px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .col-xl-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-xl-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-xl-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-xl-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-xl-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-xl-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-xl-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-xl-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .pull-xl-0 {
    right: auto; }
  .pull-xl-1 {
    right: 8.33333%; }
  .pull-xl-2 {
    right: 16.66667%; }
  .pull-xl-3 {
    right: 25%; }
  .pull-xl-4 {
    right: 33.33333%; }
  .pull-xl-5 {
    right: 41.66667%; }
  .pull-xl-6 {
    right: 50%; }
  .pull-xl-7 {
    right: 58.33333%; }
  .pull-xl-8 {
    right: 66.66667%; }
  .pull-xl-9 {
    right: 75%; }
  .pull-xl-10 {
    right: 83.33333%; }
  .pull-xl-11 {
    right: 91.66667%; }
  .pull-xl-12 {
    right: 100%; }
  .push-xl-0 {
    left: auto; }
  .push-xl-1 {
    left: 8.33333%; }
  .push-xl-2 {
    left: 16.66667%; }
  .push-xl-3 {
    left: 25%; }
  .push-xl-4 {
    left: 33.33333%; }
  .push-xl-5 {
    left: 41.66667%; }
  .push-xl-6 {
    left: 50%; }
  .push-xl-7 {
    left: 58.33333%; }
  .push-xl-8 {
    left: 66.66667%; }
  .push-xl-9 {
    left: 75%; }
  .push-xl-10 {
    left: 83.33333%; }
  .push-xl-11 {
    left: 91.66667%; }
  .push-xl-12 {
    left: 100%; }
  .offset-xl-0 {
    margin-left: 0%; }
  .offset-xl-1 {
    margin-left: 8.33333%; }
  .offset-xl-2 {
    margin-left: 16.66667%; }
  .offset-xl-3 {
    margin-left: 25%; }
  .offset-xl-4 {
    margin-left: 33.33333%; }
  .offset-xl-5 {
    margin-left: 41.66667%; }
  .offset-xl-6 {
    margin-left: 50%; }
  .offset-xl-7 {
    margin-left: 58.33333%; }
  .offset-xl-8 {
    margin-left: 66.66667%; }
  .offset-xl-9 {
    margin-left: 75%; }
  .offset-xl-10 {
    margin-left: 83.33333%; }
  .offset-xl-11 {
    margin-left: 91.66667%; } }

/* 7. Switcher
=========================*/
/* Before element */
/* After element */
/* Outline */
/* Thin */
/* Label */
.switcher__input {
  display: none;
  /* Default */
  /* Outline */
  /* Thih */ }
  .switcher__input:checked + .switcher__label {
    color: #101010; }
  .switcher__input:checked + .switcher__label:before {
    background-color: #03a9f4; }
  .switcher__input:checked + .switcher__label:active:before {
    background-color: rgba(3, 169, 244, 0.4); }
  .switcher__input:checked + .switcher__label:active:after {
    transform: translateX(10px); }
  .switcher__input:checked + .switcher__label:after {
    transform: translateX(20px); }
  .switcher__input:checked + .switcher__label--outline:before {
    background-color: #fff;
    border-color: #03a9f4; }
  .switcher__input:checked + .switcher__label--outline:active:before {
    border-color: rgba(3, 169, 244, 0.4);
    background-color: rgba(255, 255, 255, 0.4); }
  .switcher__input:checked + .switcher__label--outline:after {
    background-color: #03a9f4; }
  .switcher__input:checked + .switcher__label--outline:active:after {
    background-color: rgba(3, 169, 244, 0.4); }
  .switcher__input:checked + .switcher__label--thin:after {
    transform: translateX(22px); }
  .switcher__input:checked + .switcher__label--thin:active:after {
    transform: translateX(12px); }

.switcher__label {
  display: inline-block;
  vertical-align: top;
  padding-left: 50px;
  cursor: pointer;
  font-size: 0.8em;
  line-height: 19px;
  color: #525252;
  user-select: none;
  position: relative;
  transition: color .1s linear;
  /* Modificators */ }
  .switcher__label:before {
    content: "";
    display: block;
    width: 40px;
    height: 20px;
    background-color: #858585;
    border-radius: 20px;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3) inset;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    transition: background-color .1s linear, border-color .1s linear; }
  .switcher__label:after {
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    top: 1px;
    left: 1px;
    z-index: 1;
    transition: transform .1s linear; }
  .switcher__label:active:before {
    background-color: rgba(3, 169, 244, 0.4); }
  .switcher__label:active:after {
    transform: translateX(10px); }
  .switcher__label--square:before, .switcher__label--square:after {
    border-radius: 0; }
  .switcher__label--outline:before {
    background-color: transparent;
    box-shadow: none;
    border: 1px solid #858585;
    box-sizing: content-box; }
  .switcher__label--outline:after {
    top: 2px;
    left: 2px;
    background-color: #858585; }
  .switcher__label--outline:active:before {
    border-color: rgba(3, 169, 244, 0.4);
    background-color: rgba(255, 255, 255, 0.4); }
  .switcher__label--outline:active:after {
    background-color: rgba(3, 169, 244, 0.4); }
  .switcher__label--thin:before {
    height: 3px;
    top: 50%;
    margin-top: -2px; }
  .switcher__label--thin:after {
    box-shadow: 0 0 0.2em rgba(0, 0, 0, 0.5);
    top: 0;
    left: 0; }
  .switcher__label--thin:active:after {
    transform: translateX(12px); }

.switcher__text {
  display: inline-block;
  vertical-align: middle; }

/* 8. Checkbox
=========================*/
/* Disabled */
/* Error */
.checkbox {
  display: block;
  margin-bottom: 5px; }
  .checkbox--inline {
    display: inline-block;
    vertical-align: top;
    margin-right: 5px; }

.checkbox__input {
  display: none; }
  .checkbox__input:checked + .checkbox__label {
    color: #101010; }
    .checkbox__input:checked + .checkbox__label--not-active {
      user-select: auto;
      color: #858585; }
      .checkbox__input:checked + .checkbox__label--not-active:before {
        border-color: #9d9d9d; }
      .checkbox__input:checked + .checkbox__label--not-active:after {
        opacity: 0; }
      .checkbox__input:checked + .checkbox__label--not-active:hover {
        cursor: pointer; }
  .checkbox__input:checked + .checkbox__label:before {
    background-color: #5029BD;
    border-color: #5029BD; }
  .checkbox__input:checked + .checkbox__label:after {
    opacity: 1; }
  .checkbox__input:checked + .checkbox__label:hover:after {
    color: #fff;
    opacity: 1; }
  .checkbox__input.error + .checkbox__label {
    color: #f44336; }
    .checkbox__input.error + .checkbox__label:before {
      border-color: #f44336; }

.checkbox__label {
  display: inline-block;
  vertical-align: top;
  padding-left: 30px;
  cursor: pointer;
  line-height: 22px;
  color: #000;
  user-select: none;
  font-size: 1rem;
  position: relative; }
  .checkbox__label:before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    border: 1px solid #777777;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    transition: border-color .1s linear; }
  .checkbox__label:after {
    content: "";
    display: block;
    font-family: FontAwesome;
    font-size: 14px;
    line-height: 1;
    color: #fff;
    position: absolute;
    top: 3px;
    left: 4px;
    z-index: 1;
    opacity: 0;
    transition: opacity .1s linear, color .1s linear; }
  .checkbox__label:hover:not(.checkbox__label--disabled):after {
    color: #858585;
    opacity: 0.3; }
  .checkbox__label--error {
    color: #f44336; }
    .checkbox__label--error:before {
      border-color: #f44336; }
  .checkbox__label--disabled {
    color: #858585; }
    .checkbox__label--disabled:before {
      border-color: #9d9d9d; }
    .checkbox__label--disabled:hover {
      cursor: not-allowed; }
  .checkbox__label--not-active {
    user-select: auto;
    color: #858585; }
    .checkbox__label--not-active:before {
      border-color: #9d9d9d; }
    .checkbox__label--not-active:after {
      opacity: 0; }
    .checkbox__label--not-active:hover {
      cursor: pointer; }
  .checkbox__label span {
    color: #858585; }

/* 9. Radio Buttons
=========================*/
/* Disabled */
/* Error */
.radio {
  display: block;
  margin-bottom: 5px; }
  .radio--inline {
    display: inline-block;
    vertical-align: top;
    margin-right: 5px; }

.radio__input {
  display: none; }
  .radio__input:checked + .radio__label {
    color: #101010; }
    .radio__input:checked + .radio__label--disabled {
      color: #858585; }
  .radio__input:checked + .radio__label:before {
    border-color: #5029BD; }
  .radio__input:checked + .radio__label:after {
    opacity: 1;
    background-color: #5029BD; }
  .radio__input:checked + .radio__label:hover:after {
    opacity: 1; }
  .radio__input:checked + .radio__label--not-active {
    user-select: auto;
    color: #858585; }
    .radio__input:checked + .radio__label--not-active:before {
      border-color: #ababab; }
    .radio__input:checked + .radio__label--not-active:after {
      opacity: 1;
      background-color: #858585; }
    .radio__input:checked + .radio__label--not-active:hover {
      cursor: auto; }
  .radio__input:checked + .cart__payment-label {
    border-color: #00acc1; }
  .radio__input--square:checked + .radio__label--square:before {
    content: "\f00c"; }
  .radio__input--square:checked + .radio__label--text {
    border-color: #1976d2; }
  .radio__input--square:checked + .radio__label--square {
    border-color: #1976d2; }
  .radio__input--cart:checked + .radio__label--cart {
    background-color: #f5f7fa;
    border-color: #1976d2; }
    .radio__input--cart:checked + .radio__label--cart:last-child {
      border-color: #1976d2; }
  .radio__input:checked + .radio__label--person {
    border: 1px solid #1976d2;
    background-color: #f5f7fa; }

.radio__label {
  display: inline-block;
  vertical-align: top;
  padding-left: 30px;
  cursor: pointer;
  font-size: 1em;
  line-height: 20px;
  color: #101010;
  user-select: none;
  border-radius: 5px;
  position: relative;
  transition: color .1s linear; }
  .radio__label:before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    border: 1px solid #858585;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    transition: border-color .1s linear; }
  .radio__label:after {
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    background-color: #858585;
    border-radius: 50%;
    opacity: 0;
    position: absolute;
    top: 3px;
    left: 3px;
    z-index: 1;
    transition: background-color .1s linear, opacity .1s linear; }
  .radio__label:hover:not(.radio__label--disabled):after {
    opacity: 0.5; }
  .radio__label--error {
    color: #f44336; }
    .radio__label--error:before {
      border-color: #f44336; }
  .radio__label--disabled {
    color: #858585; }
    .radio__label--disabled:before {
      border-color: #ababab; }
    .radio__label--disabled:hover {
      cursor: not-allowed; }
  .radio__label--not-active {
    user-select: auto;
    color: #858585; }
    .radio__label--not-active:before {
      border-color: #ababab; }
    .radio__label--not-active:after {
      opacity: 0; }
    .radio__label--not-active:hover {
      cursor: pointer; }
  .radio__label--square {
    min-width: 75px;
    height: 40px;
    padding-left: 0;
    transition: all .1s ease;
    border: 2px solid #333; }
    .radio__label--square:hover {
      border-color: #1976d2; }
      .radio__label--square:hover:before {
        content: '\f00c';
        opacity: .4; }
    .radio__label--square:after {
      display: none; }
    .radio__label--square:before {
      content: '';
      margin: auto;
      border-radius: 0;
      font-family: FontAwesome;
      font-size: 16px;
      z-index: 4;
      color: #fff;
      border: 0;
      background-color: transparent;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0; }
  .radio__label--text {
    padding: 10px 3px;
    background-color: #fff;
    color: #333;
    border: 2px solid #333;
    transition: all .1s ease; }
    .radio__label--text:hover {
      border-color: #1976d2; }
    .radio__label--text:before {
      display: none; }
    .radio__label--text .radio__span {
      width: auto;
      height: auto;
      text-align: center; }
  .radio__label--cart {
    padding: 0;
    display: block;
    border: 1px solid #ddd;
    transition: all .1s ease-in;
    text-align: center;
    border-radius: 0;
    min-height: 175px;
    height: 100%; }
    .radio__label--cart:before {
      display: none; }
    .radio__label--cart:after {
      display: none; }
    .radio__label--cart .radio__label-time {
      display: block;
      margin-bottom: 10px; }
    .radio__label--cart .radio__label-cost {
      display: block;
      margin-bottom: 10px;
      font-weight: 600;
      font-size: 1.3em; }
    .radio__label--cart img {
      max-width: 100%;
      display: block;
      margin: 0 auto;
      max-height: 75px; }
  .radio__label--person {
    margin-bottom: 20px;
    padding: 5px 15px;
    border: 1px solid #ccc;
    line-height: 2em;
    width: 100%;
    border-radius: 0; }
    .radio__label--person:before {
      display: none; }
    .radio__label--person:after {
      display: none; }

.radio__span {
  display: block;
  width: inherit;
  height: 100%;
  position: relative;
  z-index: 3;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover; }
  .radio__span--text {
    background-color: #fff;
    color: #fff; }

.radio__label-img {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .9em;
  padding: 10px;
  border-bottom: 1px solid #ddd;
  min-height: 85px;
  margin-bottom: 10px; }

.text__delivery-price {
  color: #5029BD; }

.form__group .radio--person {
  float: left;
  width: 50%;
  margin: 0; }
  @media (max-width: 560px) {
    .form__group .radio--person {
      width: 100%;
      float: none;
      margin-bottom: .6rem;
      border-radius: 3px; }
      .form__group .radio--person:last-child {
        margin-bottom: 0; } }
  .form__group .radio--person:first-child .radio__label {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    margin-right: -1px; }
  .form__group .radio--person:last-child .radio__label {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px; }

@media (max-width: 1100px) {
  .radio__label--cart {
    min-height: 175px; } }

/* 11. Buttons
=========================*/
/* Sizes */
/* Styling */
.btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: .5em 1.8em;
  margin-bottom: 5px;
  text-decoration: none;
  border: 0;
  height: 3rem;
  line-height: 1;
  background-color: #CECECE;
  color: #101010;
  font-size: 1.2rem;
  text-align: center;
  cursor: pointer;
  border-radius: 2rem;
  transition: background-color .2s linear, color .2s linear, border-color .2s linear;
  /* Colors */
  /* Outline */
  /* Inverted Outline */
  /* Vertical Gradient */
  /* Vertical Gradient */
  /* Vertical Gradient */
  /* Vertical Gradient */
  /* Vertical Gradient */
  /* Vertical Gradient */
  /* Vertical Gradient */
  /* Vertical Gradient */
  /* Vertical Gradient */
  /* Vertical Gradient */
  /* Vertical Gradient */
  /* Vertical Gradient */
  /* Horizontal Gradient */
  /* Vertical Gradient */
  /* Vertical Gradient */
  /* Vertical Gradient */
  /* Vertical Gradient */
  /* Vertical Gradient */
  /* Vertical Gradient */
  /* Vertical Gradient */
  /* Vertical Gradient */
  /* Vertical Gradient */
  /* Vertical Gradient */
  /* Vertical Gradient */
  /* Sizes */
  /* Styling */ }
  .btn:hover, .btn:focus {
    text-decoration: none; }
  .btn:focus {
    background-color: #c6c6c6;
    outline: 0; }
  .btn:hover {
    background-color: #c1c1c1; }
  .btn:active {
    background-color: #bcbcbc; }
  .btn--gray {
    background-color: #858585;
    color: #fff; }
    .btn--gray:focus {
      background-color: #7d7d7d; }
    .btn--gray:hover {
      background-color: #787878; }
    .btn--gray:active {
      background-color: #737373; }
  .btn--red {
    background-color: #f44336;
    color: #fff; }
    .btn--red:focus {
      background-color: #f33527; }
    .btn--red:hover {
      background-color: #f32c1e; }
    .btn--red:active {
      background-color: #f22314; }
  .btn--rblack {
    background-color: #000;
    color: #fff; }
    .btn--rblack:focus {
      background-color: black; }
    .btn--rblack:hover {
      background-color: black; }
    .btn--rblack:active {
      background-color: black; }
  .btn--purple {
    background-color: #9132C1;
    color: #fff; }
    .btn--purple:focus {
      background-color: #882fb5; }
    .btn--purple:hover {
      background-color: #822dad; }
    .btn--purple:active {
      background-color: #7c2ba5; }
  .btn--blue {
    background-color: #1976d2;
    color: #fff; }
    .btn--blue:focus {
      background-color: #176ec4; }
    .btn--blue:hover {
      background-color: #1669bb; }
    .btn--blue:active {
      background-color: #1564b2; }
  .btn--teal {
    background-color: #2CD6C7;
    color: #fff; }
    .btn--teal:focus {
      background-color: #27cbbd; }
    .btn--teal:hover {
      background-color: #26c3b5; }
    .btn--teal:active {
      background-color: #24baad; }
  .btn--green {
    background-color: #148431;
    color: #fff; }
    .btn--green:focus {
      background-color: #12772c; }
    .btn--green:hover {
      background-color: #116e29; }
    .btn--green:active {
      background-color: #0f6525; }
  .btn--main {
    background-color: #5029BD;
    color: #fff; }
    .btn--main:focus {
      background-color: #4b26b0; }
    .btn--main:hover {
      background-color: #4724a8; }
    .btn--main:active {
      background-color: #4423a0; }
  .btn--secondary {
    background-color: #000;
    color: #fff; }
    .btn--secondary:focus {
      background-color: black; }
    .btn--secondary:hover {
      background-color: black; }
    .btn--secondary:active {
      background-color: black; }
  .btn--third {
    background-color: #87B670;
    color: #fff; }
    .btn--third:focus {
      background-color: #7fb166; }
    .btn--third:hover {
      background-color: #79ad5f; }
    .btn--third:active {
      background-color: #73aa58; }
  .btn--black {
    background-color: #101010;
    color: #fff; }
    .btn--black:focus {
      background-color: #080808; }
    .btn--black:hover {
      background-color: #030303; }
    .btn--black:active {
      background-color: black; }
  .btn--o-gray {
    background-color: transparent;
    border: 2px solid #858585;
    color: #858585; }
    .btn--o-gray:focus {
      background-color: transparent;
      color: #858585;
      border-color: gray; }
    .btn--o-gray:hover {
      border-color: #858585;
      background-color: #858585;
      color: #fff; }
    .btn--o-gray:active {
      border-color: #7d7d7d;
      background-color: #7d7d7d; }
  .btn--o-red {
    background-color: transparent;
    border: 2px solid #f44336;
    color: #f44336; }
    .btn--o-red:focus {
      background-color: transparent;
      color: #f44336;
      border-color: #f33a2c; }
    .btn--o-red:hover {
      border-color: #f44336;
      background-color: #f44336;
      color: #fff; }
    .btn--o-red:active {
      border-color: #f33527;
      background-color: #f33527; }
  .btn--o-rblack {
    background-color: transparent;
    border: 2px solid #000;
    color: #000; }
    .btn--o-rblack:focus {
      background-color: transparent;
      color: #000;
      border-color: black; }
    .btn--o-rblack:hover {
      border-color: #000;
      background-color: #000;
      color: #fff; }
    .btn--o-rblack:active {
      border-color: black;
      background-color: black; }
  .btn--o-purple {
    background-color: transparent;
    border: 2px solid #9132C1;
    color: #9132C1; }
    .btn--o-purple:focus {
      background-color: transparent;
      color: #9132C1;
      border-color: #8b30b9; }
    .btn--o-purple:hover {
      border-color: #9132C1;
      background-color: #9132C1;
      color: #fff; }
    .btn--o-purple:active {
      border-color: #882fb5;
      background-color: #882fb5; }
  .btn--o-blue {
    background-color: transparent;
    border: 2px solid #1976d2;
    color: #1976d2; }
    .btn--o-blue:focus {
      background-color: transparent;
      color: #1976d2;
      border-color: #1871c9; }
    .btn--o-blue:hover {
      border-color: #1976d2;
      background-color: #1976d2;
      color: #fff; }
    .btn--o-blue:active {
      border-color: #176ec4;
      background-color: #176ec4; }
  .btn--o-teal {
    background-color: transparent;
    border: 2px solid #2CD6C7;
    color: #2CD6C7; }
    .btn--o-teal:focus {
      background-color: transparent;
      color: #2CD6C7;
      border-color: #28cfc1; }
    .btn--o-teal:hover {
      border-color: #2CD6C7;
      background-color: #2CD6C7;
      color: #fff; }
    .btn--o-teal:active {
      border-color: #27cbbd;
      background-color: #27cbbd; }
  .btn--o-green {
    background-color: transparent;
    border: 2px solid #148431;
    color: #148431; }
    .btn--o-green:focus {
      background-color: transparent;
      color: #148431;
      border-color: #137b2e; }
    .btn--o-green:hover {
      border-color: #148431;
      background-color: #148431;
      color: #fff; }
    .btn--o-green:active {
      border-color: #12772c;
      background-color: #12772c; }
  .btn--o-main {
    background-color: transparent;
    border: 2px solid #5029BD;
    color: #5029BD; }
    .btn--o-main:focus {
      background-color: transparent;
      color: #5029BD;
      border-color: #4c27b5; }
    .btn--o-main:hover {
      border-color: #5029BD;
      background-color: #5029BD;
      color: #fff; }
    .btn--o-main:active {
      border-color: #4b26b0;
      background-color: #4b26b0; }
  .btn--o-secondary {
    background-color: transparent;
    border: 2px solid #000;
    color: #000; }
    .btn--o-secondary:focus {
      background-color: transparent;
      color: #000;
      border-color: black; }
    .btn--o-secondary:hover {
      border-color: #000;
      background-color: #000;
      color: #fff; }
    .btn--o-secondary:active {
      border-color: black;
      background-color: black; }
  .btn--o-third {
    background-color: transparent;
    border: 2px solid #87B670;
    color: #87B670; }
    .btn--o-third:focus {
      background-color: transparent;
      color: #87B670;
      border-color: #81b369; }
    .btn--o-third:hover {
      border-color: #87B670;
      background-color: #87B670;
      color: #fff; }
    .btn--o-third:active {
      border-color: #7fb166;
      background-color: #7fb166; }
  .btn--o-black {
    background-color: transparent;
    border: 2px solid #101010;
    color: #101010; }
    .btn--o-black:focus {
      background-color: transparent;
      color: #101010;
      border-color: #0b0b0b; }
    .btn--o-black:hover {
      border-color: #101010;
      background-color: #101010;
      color: #fff; }
    .btn--o-black:active {
      border-color: #080808;
      background-color: #080808; }
  .btn--i-gray {
    background-color: transparent;
    border: 1px solid #858585;
    color: #fff; }
    .btn--i-gray:focus {
      background-color: transparent;
      color: #858585;
      border-color: gray; }
    .btn--i-gray:hover {
      border-color: #858585;
      background-color: transparent;
      color: #858585; }
    .btn--i-gray:active {
      border-color: #7d7d7d;
      background-color: transparent; }
  .btn--i-red {
    background-color: transparent;
    border: 1px solid #858585;
    color: #fff; }
    .btn--i-red:focus {
      background-color: transparent;
      color: #f44336;
      border-color: #f33a2c; }
    .btn--i-red:hover {
      border-color: #f44336;
      background-color: transparent;
      color: #f44336; }
    .btn--i-red:active {
      border-color: #f33527;
      background-color: transparent; }
  .btn--i-rblack {
    background-color: transparent;
    border: 1px solid #858585;
    color: #fff; }
    .btn--i-rblack:focus {
      background-color: transparent;
      color: #000;
      border-color: black; }
    .btn--i-rblack:hover {
      border-color: #000;
      background-color: transparent;
      color: #000; }
    .btn--i-rblack:active {
      border-color: black;
      background-color: transparent; }
  .btn--i-purple {
    background-color: transparent;
    border: 1px solid #858585;
    color: #fff; }
    .btn--i-purple:focus {
      background-color: transparent;
      color: #9132C1;
      border-color: #8b30b9; }
    .btn--i-purple:hover {
      border-color: #9132C1;
      background-color: transparent;
      color: #9132C1; }
    .btn--i-purple:active {
      border-color: #882fb5;
      background-color: transparent; }
  .btn--i-blue {
    background-color: transparent;
    border: 1px solid #858585;
    color: #fff; }
    .btn--i-blue:focus {
      background-color: transparent;
      color: #1976d2;
      border-color: #1871c9; }
    .btn--i-blue:hover {
      border-color: #1976d2;
      background-color: transparent;
      color: #1976d2; }
    .btn--i-blue:active {
      border-color: #176ec4;
      background-color: transparent; }
  .btn--i-teal {
    background-color: transparent;
    border: 1px solid #858585;
    color: #fff; }
    .btn--i-teal:focus {
      background-color: transparent;
      color: #2CD6C7;
      border-color: #28cfc1; }
    .btn--i-teal:hover {
      border-color: #2CD6C7;
      background-color: transparent;
      color: #2CD6C7; }
    .btn--i-teal:active {
      border-color: #27cbbd;
      background-color: transparent; }
  .btn--i-green {
    background-color: transparent;
    border: 1px solid #858585;
    color: #fff; }
    .btn--i-green:focus {
      background-color: transparent;
      color: #148431;
      border-color: #137b2e; }
    .btn--i-green:hover {
      border-color: #148431;
      background-color: transparent;
      color: #148431; }
    .btn--i-green:active {
      border-color: #12772c;
      background-color: transparent; }
  .btn--i-main {
    background-color: transparent;
    border: 1px solid #858585;
    color: #fff; }
    .btn--i-main:focus {
      background-color: transparent;
      color: #5029BD;
      border-color: #4c27b5; }
    .btn--i-main:hover {
      border-color: #5029BD;
      background-color: transparent;
      color: #5029BD; }
    .btn--i-main:active {
      border-color: #4b26b0;
      background-color: transparent; }
  .btn--i-secondary {
    background-color: transparent;
    border: 1px solid #858585;
    color: #fff; }
    .btn--i-secondary:focus {
      background-color: transparent;
      color: #000;
      border-color: black; }
    .btn--i-secondary:hover {
      border-color: #000;
      background-color: transparent;
      color: #000; }
    .btn--i-secondary:active {
      border-color: black;
      background-color: transparent; }
  .btn--i-third {
    background-color: transparent;
    border: 1px solid #858585;
    color: #fff; }
    .btn--i-third:focus {
      background-color: transparent;
      color: #87B670;
      border-color: #81b369; }
    .btn--i-third:hover {
      border-color: #87B670;
      background-color: transparent;
      color: #87B670; }
    .btn--i-third:active {
      border-color: #7fb166;
      background-color: transparent; }
  .btn--i-black {
    background-color: transparent;
    border: 1px solid #858585;
    color: #fff; }
    .btn--i-black:focus {
      background-color: transparent;
      color: #101010;
      border-color: #0b0b0b; }
    .btn--i-black:hover {
      border-color: #101010;
      background-color: transparent;
      color: #101010; }
    .btn--i-black:active {
      border-color: #080808;
      background-color: transparent; }
  .btn--vg-gray {
    background: #929292;
    background: linear-gradient(to bottom, #929292 0%, #5f5f5f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#929292', endColorstr='#5f5f5f', GradientType=0 );
    color: #fff;
    transition: opacity .2s linear; }
    .btn--vg-gray:focus, .btn--vg-gray:hover {
      opacity: .9; }
    .btn--vg-gray:active {
      opacity: .8; }
  .btn--vg-red {
    background: #f55a4e;
    background: linear-gradient(to bottom, #f55a4e 0%, #d2190b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f55a4e', endColorstr='#d2190b', GradientType=0 );
    color: #fff;
    transition: opacity .2s linear; }
    .btn--vg-red:focus, .btn--vg-red:hover {
      opacity: .9; }
    .btn--vg-red:active {
      opacity: .8; }
  .btn--vg-rblack {
    background: #0d0d0d;
    background: linear-gradient(to bottom, #0d0d0d 0%, black 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d0d0d', endColorstr='black', GradientType=0 );
    color: #fff;
    transition: opacity .2s linear; }
    .btn--vg-rblack:focus, .btn--vg-rblack:hover {
      opacity: .9; }
    .btn--vg-rblack:active {
      opacity: .8; }
  .btn--vg-purple {
    background: #9e3fcd;
    background: linear-gradient(to bottom, #9e3fcd 0%, #632284 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9e3fcd', endColorstr='#632284', GradientType=0 );
    color: #fff;
    transition: opacity .2s linear; }
    .btn--vg-purple:focus, .btn--vg-purple:hover {
      opacity: .9; }
    .btn--vg-purple:active {
      opacity: .8; }
  .btn--vg-blue {
    background: #2083e4;
    background: linear-gradient(to bottom, #2083e4 0%, #11508e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2083e4', endColorstr='#11508e', GradientType=0 );
    color: #fff;
    transition: opacity .2s linear; }
    .btn--vg-blue:focus, .btn--vg-blue:hover {
      opacity: .9; }
    .btn--vg-blue:active {
      opacity: .8; }
  .btn--vg-teal {
    background: #41dacd;
    background: linear-gradient(to bottom, #41dacd 0%, #1e988d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#41dacd', endColorstr='#1e988d', GradientType=0 );
    color: #fff;
    transition: opacity .2s linear; }
    .btn--vg-teal:focus, .btn--vg-teal:hover {
      opacity: .9; }
    .btn--vg-teal:active {
      opacity: .8; }
  .btn--vg-green {
    background: #179a39;
    background: linear-gradient(to bottom, #179a39 0%, #0a4218 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#179a39', endColorstr='#0a4218', GradientType=0 );
    color: #fff;
    transition: opacity .2s linear; }
    .btn--vg-green:focus, .btn--vg-green:hover {
      opacity: .9; }
    .btn--vg-green:active {
      opacity: .8; }
  .btn--vg-main {
    background: #592ed2;
    background: linear-gradient(to bottom, #592ed2 0%, #351b7e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#592ed2', endColorstr='#351b7e', GradientType=0 );
    color: #fff;
    transition: opacity .2s linear; }
    .btn--vg-main:focus, .btn--vg-main:hover {
      opacity: .9; }
    .btn--vg-main:active {
      opacity: .8; }
  .btn--vg-secondary {
    background: #0d0d0d;
    background: linear-gradient(to bottom, #0d0d0d 0%, black 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d0d0d', endColorstr='black', GradientType=0 );
    color: #fff;
    transition: opacity .2s linear; }
    .btn--vg-secondary:focus, .btn--vg-secondary:hover {
      opacity: .9; }
    .btn--vg-secondary:active {
      opacity: .8; }
  .btn--vg-third {
    background: #95bf81;
    background: linear-gradient(to bottom, #95bf81 0%, #61904a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#95bf81', endColorstr='#61904a', GradientType=0 );
    color: #fff;
    transition: opacity .2s linear; }
    .btn--vg-third:focus, .btn--vg-third:hover {
      opacity: .9; }
    .btn--vg-third:active {
      opacity: .8; }
  .btn--vg-black {
    background: #1d1d1d;
    background: linear-gradient(to bottom, #1d1d1d 0%, black 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d1d1d', endColorstr='black', GradientType=0 );
    color: #fff;
    transition: opacity .2s linear; }
    .btn--vg-black:focus, .btn--vg-black:hover {
      opacity: .9; }
    .btn--vg-black:active {
      opacity: .8; }
  .btn--hg-gray {
    background: #929292;
    background: linear-gradient(to right, #929292 0%, #5f5f5f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#929292', endColorstr='#5f5f5f', GradientType=0 );
    color: #fff;
    transition: opacity .2s linear; }
    .btn--hg-gray:focus, .btn--hg-gray:hover {
      opacity: .9; }
    .btn--hg-gray:active {
      opacity: .8; }
  .btn--hg-red {
    background: #f55a4e;
    background: linear-gradient(to right, #f55a4e 0%, #d2190b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f55a4e', endColorstr='#d2190b', GradientType=0 );
    color: #fff;
    transition: opacity .2s linear; }
    .btn--hg-red:focus, .btn--hg-red:hover {
      opacity: .9; }
    .btn--hg-red:active {
      opacity: .8; }
  .btn--hg-rblack {
    background: #0d0d0d;
    background: linear-gradient(to right, #0d0d0d 0%, black 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d0d0d', endColorstr='black', GradientType=0 );
    color: #fff;
    transition: opacity .2s linear; }
    .btn--hg-rblack:focus, .btn--hg-rblack:hover {
      opacity: .9; }
    .btn--hg-rblack:active {
      opacity: .8; }
  .btn--hg-purple {
    background: #9e3fcd;
    background: linear-gradient(to right, #9e3fcd 0%, #632284 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9e3fcd', endColorstr='#632284', GradientType=0 );
    color: #fff;
    transition: opacity .2s linear; }
    .btn--hg-purple:focus, .btn--hg-purple:hover {
      opacity: .9; }
    .btn--hg-purple:active {
      opacity: .8; }
  .btn--hg-blue {
    background: #2083e4;
    background: linear-gradient(to right, #2083e4 0%, #11508e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2083e4', endColorstr='#11508e', GradientType=0 );
    color: #fff;
    transition: opacity .2s linear; }
    .btn--hg-blue:focus, .btn--hg-blue:hover {
      opacity: .9; }
    .btn--hg-blue:active {
      opacity: .8; }
  .btn--hg-teal {
    background: #41dacd;
    background: linear-gradient(to right, #41dacd 0%, #1e988d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#41dacd', endColorstr='#1e988d', GradientType=0 );
    color: #fff;
    transition: opacity .2s linear; }
    .btn--hg-teal:focus, .btn--hg-teal:hover {
      opacity: .9; }
    .btn--hg-teal:active {
      opacity: .8; }
  .btn--hg-green {
    background: #179a39;
    background: linear-gradient(to right, #179a39 0%, #0a4218 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#179a39', endColorstr='#0a4218', GradientType=0 );
    color: #fff;
    transition: opacity .2s linear; }
    .btn--hg-green:focus, .btn--hg-green:hover {
      opacity: .9; }
    .btn--hg-green:active {
      opacity: .8; }
  .btn--hg-main {
    background: #592ed2;
    background: linear-gradient(to right, #592ed2 0%, #351b7e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#592ed2', endColorstr='#351b7e', GradientType=0 );
    color: #fff;
    transition: opacity .2s linear; }
    .btn--hg-main:focus, .btn--hg-main:hover {
      opacity: .9; }
    .btn--hg-main:active {
      opacity: .8; }
  .btn--hg-secondary {
    background: #0d0d0d;
    background: linear-gradient(to right, #0d0d0d 0%, black 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d0d0d', endColorstr='black', GradientType=0 );
    color: #fff;
    transition: opacity .2s linear; }
    .btn--hg-secondary:focus, .btn--hg-secondary:hover {
      opacity: .9; }
    .btn--hg-secondary:active {
      opacity: .8; }
  .btn--hg-third {
    background: #95bf81;
    background: linear-gradient(to right, #95bf81 0%, #61904a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#95bf81', endColorstr='#61904a', GradientType=0 );
    color: #fff;
    transition: opacity .2s linear; }
    .btn--hg-third:focus, .btn--hg-third:hover {
      opacity: .9; }
    .btn--hg-third:active {
      opacity: .8; }
  .btn--hg-black {
    background: #1d1d1d;
    background: linear-gradient(to right, #1d1d1d 0%, black 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d1d1d', endColorstr='black', GradientType=0 );
    color: #fff;
    transition: opacity .2s linear; }
    .btn--hg-black:focus, .btn--hg-black:hover {
      opacity: .9; }
    .btn--hg-black:active {
      opacity: .8; }
  .btn--xs {
    min-height: 0;
    font-size: 0.7em; }
  .btn--s {
    min-height: 0;
    font-size: 0.8em; }
  .btn--m {
    font-size: 1.2em; }
  .btn--l {
    font-size: 1.4em; }
  .btn--xl {
    font-size: 1.6em; }
  .btn--xxl {
    font-size: 1.8em; }
  .btn--full {
    width: 100%; }
  .btn--rounded {
    border-radius: 2rem; }
  .btn--ellipse {
    border-radius: 2rem; }
  .btn--shadow {
    box-shadow: 1px 1px 0.3em rgba(0, 0, 0, 0.3); }
  .btn--icon-before i {
    margin-right: 0.5em; }
  .btn--icon-after i {
    margin-left: 0.5em; }
  .btn--gradient {
    background: linear-gradient(to right, #54369E 0%, #AB31D0 100%);
    background-size: 100%;
    color: #fff;
    transition: all .2s ease; }
    .btn--gradient:hover {
      opacity: .9; }
  .btn--o-white {
    color: #fff;
    background-color: transparent;
    border: 1px solid #fff; }
    .btn--o-white:hover {
      background-color: #fff;
      color: #101010; }

.wish__btn:hover {
  background-color: transparent;
  color: #101010; }
  .wish__btn:hover i {
    color: #5029BD; }

.wish__btn.active i {
  font-weight: 900;
  color: #5029BD; }

.wish__btn i {
  margin-right: .6rem;
  font-size: 1.2rem; }

/* 12. Dropdown
=========================*/
.dropdown-wrapper {
  display: inline-block;
  vertical-align: top;
  position: relative; }
  .dropdown-wrapper .btn.opened i {
    transform: rotate(-180deg); }
  .dropdown-wrapper .btn i {
    transition: transform .2s ease; }

.dropdown__block {
  display: block;
  margin-bottom: 10px; }

.dropdown {
  width: auto;
  margin: 0;
  padding: 0;
  box-shadow: 0 0 0.3em rgba(0, 0, 0, 0.3);
  list-style: none;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 100;
  display: none; }
  .dropdown--right {
    left: auto;
    right: 0;
    text-align: right; }
  .dropdown--full {
    width: 100%; }

.dropdown__link {
  display: block;
  padding: 0.4em 0.6em;
  color: #00acc1;
  font-size: 1em;
  line-height: 1.2;
  background-color: #fff;
  text-align: center;
  transition: background-color .1s linear; }
  .dropdown__link:hover {
    background-color: #CECECE;
    text-decoration: none; }
  .dropdown__link:focus {
    text-decoration: none; }

/* 5. Form & hints
=========================*/
.form {
  margin: 20px 0; }
  .form--inline .form__group {
    display: inline-block;
    vertical-align: top; }

.form__group {
  margin-bottom: 1em; }
  .form__group--inline {
    display: inline-block;
    vertical-align: top; }
  .form__group--cart .form__group--inline {
    margin-bottom: 10px;
    float: left;
    display: block; }
    .form__group--cart .form__group--inline:first-child {
      width: 40%; }
    .form__group--cart .form__group--inline:last-child {
      width: 60%; }
  .form__group--filter {
    max-height: 300px;
    overflow-y: auto; }

.form__hint {
  margin-top: 3px;
  color: #858585;
  font-size: 0.8em;
  line-height: 1.2; }

.form__login-wrapper {
  border-right: 3px solid #00acc1; }

.form__login {
  width: 100%;
  max-width: 500px; }

.form__title {
  font-size: 14px;
  line-height: 18px;
  color: #626262;
  font-weight: 600;
  margin-bottom: 15px; }

.login__cart {
  max-width: 400px;
  width: 100%;
  display: block;
  margin: 0 auto; }
  .login__cart .label {
    color: #626262;
    font-size: 14px;
    font-weight: 700;
    line-height: 26.43px;
    letter-spacing: 0.56px; }
  .login__cart .input {
    box-shadow: none; }
    .login__cart .input:focus {
      background-color: #f7f7f7;
      color: #bababa; }

.login__cart-title {
  color: #313131;
  font-size: 15px;
  font-weight: 700;
  line-height: 26.43px;
  text-transform: uppercase; }
  .login__cart-title--cart {
    color: #3e3e3e;
    line-height: 26.43px;
    text-transform: uppercase;
    margin-bottom: 10px;
    text-align: unset;
    padding: 10px;
    font-weight: 500;
    font-size: 16px;
    border: 1px solid #efefef;
    border-bottom: 2px solid #3e3e3e;
    background-color: #efefef; }
  .login__cart-title--list {
    padding-left: 15px;
    margin-bottom: 20px; }

.login__cart-options {
  font-size: 14px; }

.login__cart-register {
  margin-bottom: 20px;
  padding: 60px 0;
  background-color: #f7f7f7; }
  .login__cart-register .login__cart-title {
    margin-bottom: 15px; }
  .login__cart-register .btn {
    font-size: 14px;
    padding: 14px 35px;
    font-weight: 700; }

.login__cart-text {
  color: #2d2d2d;
  font-size: 15px;
  font-weight: 300;
  line-height: 20px;
  margin-bottom: 15px; }

.cart__login-reg-link {
  color: #1976d2;
  font-size: 15px;
  font-weight: 700;
  line-height: 20px; }

.login-wrapper {
  padding: 0; }

.login__btn {
  font-size: 14px;
  padding: 14px 35px; }

.form__cart {
  padding-bottom: 10px; }
  .form__cart .form__group {
    padding: 0 5px;
    margin-bottom: 10px; }

@media (max-width: 992px) {
  .login__cart-wrapper {
    border-right: 0; }
  .login__cart {
    padding: 30px 0 10px; }
  .login__cart-title {
    text-align: center; }
  .login__cart-without-acc {
    text-align: center; } }

/* 10. Inputs & textarea
=========================*/
/* Styling */
/* States */
.input {
  display: block;
  width: 100%;
  padding: 0 0.9rem;
  height: 38px;
  font-size: 1em;
  line-height: 1;
  font-family: inherit;
  background-color: #fff;
  appearance: none;
  box-shadow: none;
  border: 1px solid #e1e1e1;
  color: #101010;
  transition: all .1s ease;
  border-radius: .2rem;
  /* Styling */
  /* States */ }
  .input:hover {
    border-color: #c4c4c4; }
  .input:focus {
    background-color: #edf9ff;
    outline: 0; }
  .input::placeholder {
    color: #b8b8b8; }
  .input--rounded {
    border-radius: 0.3em; }
  .input--ellipse {
    border-radius: 18px; }
  .input--shadow {
    box-shadow: 1px 1px 0.3em rgba(0, 0, 0, 0.2); }
  .input--slide::placeholder {
    transition: padding-left .3s linear; }
  .input--slide:focus::placeholder {
    padding-left: 150%; }
  .input--fade::placeholder {
    transition: opacity .2s linear; }
  .input--fade:focus::placeholder {
    opacity: 0; }
  .input--error {
    border-color: #f44336;
    color: #f44336;
    background-color: rgba(244, 67, 54, 0.05); }
    .input--error::placeholder {
      color: #f44336; }
    .input--error:focus {
      background-color: rgba(244, 67, 54, 0.05); }
  .input--success {
    border-color: #148431;
    color: #148431;
    background-color: rgba(20, 132, 49, 0.05); }
    .input--success::placeholder {
      color: #148431; }
    .input--success:focus {
      background-color: rgba(20, 132, 49, 0.05); }
  .input--inline {
    display: inline-block;
    vertical-align: top;
    width: 49%; }

.input__wrapper {
  position: relative; }
  .input__wrapper--label {
    display: inline-flex;
    align-items: center;
    justify-content: center; }
    .input__wrapper--label .label {
      margin-bottom: 0;
      white-space: nowrap; }
    .input__wrapper--label .btn {
      margin-bottom: 0; }
  .input__wrapper--icon-before .input {
    padding-left: 2.1em; }
  .input__wrapper--icon-before .input__icon {
    left: .7em; }
  .input__wrapper--icon-after .input {
    padding-right: 2.1em; }
  .input__wrapper--icon-after .input__icon {
    right: .7em; }
  .input__wrapper--icon-before .input:focus + .input__icon, .input__wrapper--icon-after .input:focus + .input__icon {
    color: #101010; }

.input__icon {
  font-size: inherit;
  color: #858585;
  position: absolute;
  top: 50%;
  z-index: 1;
  transform: translateY(-50%);
  transition: color .1s linear;
  display: block; }
  .input__icon img {
    display: block; }

.input__label {
  min-height: 36px;
  padding: 0.38em 0.9em;
  background-color: #c1c1c1;
  font-size: 1em;
  line-height: 1.4;
  color: #2a2a2a;
  white-space: nowrap;
  cursor: pointer; }

/* Textarea */
/* Styling */
/* States */
.textarea {
  display: block;
  width: 100%;
  max-width: 100%;
  min-height: 100px;
  padding: 0.5em 0.9em;
  font-size: 1em;
  line-height: 1.4;
  font-family: inherit;
  color: #101010;
  border: 0;
  border-radius: 0;
  box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.2);
  background-color: #fff;
  resize: none;
  appearance: none;
  transition: background-color .1s linear;
  /* Styling */
  /* States */ }
  .textarea:focus {
    background-color: #edf9ff;
    outline: 0;
    resize: vertical; }
  .textarea::placeholder {
    color: #b8b8b8; }
  .textarea--rounded {
    border-radius: 0.3em; }
  .textarea--shadow {
    box-shadow: 1px 1px 0.3em rgba(0, 0, 0, 0.2); }
  .textarea--slide::placeholder {
    transition: padding-left .3s linear; }
  .textarea--slide:focus::placeholder {
    padding-left: 150%; }
  .textarea--fade::placeholder {
    transition: opacity .2s linear; }
  .textarea--fade:focus::placeholder {
    opacity: 0; }
  .textarea--error {
    border-color: #f44336;
    color: #f44336;
    background-color: rgba(244, 67, 54, 0.05); }
    .textarea--error::placeholder {
      color: #f44336; }
    .textarea--error:focus {
      background-color: rgba(244, 67, 54, 0.05); }
  .textarea--success {
    border-color: #148431;
    color: #148431;
    background-color: rgba(20, 132, 49, 0.05); }
    .textarea--success::placeholder {
      color: #148431; }
    .textarea--success:focus {
      background-color: rgba(20, 132, 49, 0.05); }
  .textarea--border {
    box-shadow: none;
    border: 1px solid #ddd;
    color: #3e3e3e; }

/* 6. Label
=========================*/
.label {
  display: inline-block;
  vertical-align: baseline;
  margin-right: 10px;
  margin-bottom: 5px;
  font-size: 1em;
  line-height: 1.4;
  color: #101010;
  cursor: pointer; }

/* 19. Select
=========================*/
.select {
  width: 100%;
  height: 36px;
  color: #101010;
  position: relative;
  /* Styling */
  /* Types */
  /* States */ }
  .select:before {
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    background-color: #b8b8b8;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 2em;
    z-index: 1; }
  .select:after {
    content: "";
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: currentColor transparent transparent transparent;
    pointer-events: none;
    position: absolute;
    top: 50%;
    right: 0.75em;
    z-index: 0.1;
    margin-top: -3px; }
  .select select {
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 100%;
    height: 100%;
    padding: 0 3em 0 0.8em;
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.2);
    background-color: #fff;
    border-radius: 0;
    border: 0;
    font-family: inherit;
    font-size: 1em;
    line-height: 1.2;
    color: #101010;
    transition: background-color .1s linear; }
    .select select::-ms-expand {
      display: none; }
    .select select:focus {
      outline: 0;
      background-color: #edf9ff; }
    .select select:hover {
      cursor: pointer; }
  .select--sort {
    height: 60px; }
    .select--sort:before {
      display: none; }
    .select--sort select {
      box-shadow: none;
      padding-right: 31px; }
  .select--rounded select {
    border-radius: 0.3em; }
  .select--ellipse select {
    border-radius: 18px; }
  .select--shadow select {
    box-shadow: 1px 1px 0.3em rgba(0, 0, 0, 0.2); }
  .select--multiple {
    height: 100px; }
    .select--multiple:before, .select--multiple:after {
      display: none; }
    .select--multiple select {
      padding: 0.8em; }
  .select--error:before, .select--error:after {
    color: #f44336; }
  .select--success:before, .select--success:after {
    color: #148431; }
  .select--error select {
    color: #f44336;
    border-color: #f44336;
    color: #f44336;
    background-color: rgba(244, 67, 54, 0.05); }
    .select--error select::placeholder {
      color: #f44336; }
    .select--error select:focus {
      background-color: rgba(244, 67, 54, 0.05); }
  .select--success select {
    color: #148431;
    border-color: #148431;
    color: #148431;
    background-color: rgba(20, 132, 49, 0.05); }
    .select--success select::placeholder {
      color: #148431; }
    .select--success select:focus {
      background-color: rgba(20, 132, 49, 0.05); }
  .select--border select {
    box-shadow: none;
    border: 1px solid #ddd;
    color: #101010;
    transition: all .1s  ease; }
    .select--border select:hover {
      border-color: #c4c4c4; }

/* 42. Reviews
=========================*/
/* Photo */
/* Item */
/* Author */
/* Text */
/* Rating */
/* Dark Theme */
.reviews {
  margin: 20px 0; }
  .reviews--dark .reviews__author {
    color: #2CD6C7; }
  .reviews--dark .reviews__text {
    color: #fff; }

.reviews__item {
  padding-left: 90px;
  margin-bottom: 20px;
  position: relative; }
  @media (max-width: 540px) {
    .reviews__item {
      padding-left: 0; } }

.reviews__photo {
  width: 75px;
  height: 75px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1; }
  @media (max-width: 540px) {
    .reviews__photo {
      position: static;
      margin-bottom: 10px; } }

.reviews__author {
  margin-bottom: 5px;
  color: #00acc1;
  font-size: 1em;
  line-height: 1.2; }

.reviews__text {
  color: #101010;
  font-size: 1em;
  line-height: 1.4; }

.reviews__rating {
  margin-bottom: 5px;
  color: #fbc02d;
  font-size: 1em;
  line-height: 1; }

/* 13. Breadcrumbs
=========================*/
.breadcrumbs {
  margin-top: 2rem; }
  .breadcrumbs--arrow .breadcrumbs__item:not(.current):after {
    content: "";
    font-family: FontAwesome;
    line-height: 1;
    font-size: 1em; }

.breadcrumbs__item {
  margin-right: 0.4em;
  color: #9C9C9C;
  font-size: 1rem;
  text-decoration: none; }
  .breadcrumbs__item:not(.current):after {
    content: "/";
    display: inline-block;
    vertical-align: baseline;
    margin-left: 0.5em;
    color: #9C9C9C; }
  .breadcrumbs__item:hover:not(.current) {
    text-decoration: underline; }
  .breadcrumbs__item:last-child {
    color: #101010;
    pointer-events: none;
    font-weight: 700; }
    .breadcrumbs__item:last-child:after {
      display: none; }

/* 14. Pagination
=========================*/
/* Styling */
.pagination {
  padding: 20px 0;
  /* Styling */ }
  .pagination--rounded .pagination__item {
    border-radius: 0.3em; }
  .pagination--circle .pagination__item {
    border-radius: 50%; }
  .pagination--shadow .pagination__item {
    box-shadow: 1px 1px 0.4em rgba(0, 0, 0, 0.3); }
  .pagination--center {
    text-align: center; }
  .pagination--products {
    padding: 10px 0; }

.pagination__item {
  display: inline-block;
  vertical-align: top;
  width: 36px;
  height: 36px;
  color: #101010;
  text-align: center;
  font-size: 1em;
  line-height: 34px;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #b8b8b8;
  transition: background-color .1s linear, border-color .1s linear, color .1s linear; }
  .pagination__item:focus {
    text-decoration: none; }
  .pagination__item:hover {
    background-color: #ff651a;
    border-color: #ff651a;
    color: #fff;
    text-decoration: none; }
  .pagination__item--disabled {
    opacity: 0.4;
    pointer-events: none; }
  .pagination__item--current {
    background-color: #ff5400;
    border-color: #ff5400;
    color: #fff; }

/* 17. Alerts
=========================*/
/* Styling */
.alert {
  padding: 1em 1.5em;
  margin-bottom: 10px;
  font-size: 0.9em;
  line-height: 1.2;
  position: relative;
  background-color: #fff;
  color: #101010;
  border-radius: 10px;
  /* Colors */
  /* Border */
  /* Styling */ }
  .alert p:last-of-type {
    margin-bottom: 0; }
  .alert--gray {
    background-color: #858585;
    color: #fff; }
  .alert--red {
    background-color: #f44336;
    color: #fff; }
  .alert--rblack {
    background-color: #000;
    color: #fff; }
  .alert--purple {
    background-color: #9132C1;
    color: #fff; }
  .alert--blue {
    background-color: #1976d2;
    color: #fff; }
  .alert--teal {
    background-color: #2CD6C7;
    color: #fff; }
  .alert--green {
    background-color: #148431;
    color: #fff; }
  .alert--main {
    background-color: #5029BD;
    color: #fff; }
  .alert--secondary {
    background-color: #000;
    color: #fff; }
  .alert--third {
    background-color: #87B670;
    color: #fff; }
  .alert--black {
    background-color: #101010;
    color: #fff; }
  .alert--o-gray {
    background: transparent;
    color: #858585;
    border: 1px solid #858585; }
  .alert--o-red {
    background: transparent;
    color: #f44336;
    border: 1px solid #f44336; }
  .alert--o-rblack {
    background: transparent;
    color: #000;
    border: 1px solid #000; }
  .alert--o-purple {
    background: transparent;
    color: #9132C1;
    border: 1px solid #9132C1; }
  .alert--o-blue {
    background: transparent;
    color: #1976d2;
    border: 1px solid #1976d2; }
  .alert--o-teal {
    background: transparent;
    color: #2CD6C7;
    border: 1px solid #2CD6C7; }
  .alert--o-green {
    background: transparent;
    color: #148431;
    border: 1px solid #148431; }
  .alert--o-main {
    background: transparent;
    color: #5029BD;
    border: 1px solid #5029BD; }
  .alert--o-secondary {
    background: transparent;
    color: #000;
    border: 1px solid #000; }
  .alert--o-third {
    background: transparent;
    color: #87B670;
    border: 1px solid #87B670; }
  .alert--o-black {
    background: transparent;
    color: #101010;
    border: 1px solid #101010; }
  .alert--rounded {
    border-radius: 0.3em; }
  .alert--shadow {
    box-shadow: 0 0 0.3em currentColor; }
  .alert--custom {
    margin-bottom: 1rem;
    padding: 0;
    background-color: transparent;
    color: #148431;
    font-size: 16px;
    font-weight: 700; }
  .alert--dash {
    color: #858585;
    background-color: transparent;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 95%; }
  .alert--wish {
    padding: 1rem 1.5rem;
    font-size: 1.4rem; }

.alert__button {
  padding: 0;
  background: none;
  border: 0;
  color: inherit;
  line-height: 1;
  font-size: 1em;
  position: absolute;
  top: 0.3em;
  right: 0.5em;
  z-index: 1; }
  .alert__button:focus {
    outline: 0; }

/* 18. Lists
=========================*/
.list {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 1em;
  line-height: 1.2;
  color: #101010;
  text-align: left; }
  .list--icons .list__item {
    padding-left: 0; }
    .list--icons .list__item:before {
      display: none; }
  .list--divided .list__item {
    padding: 0.3em 0 0.6em 2.5em;
    border-bottom: 1px solid #858585; }
    .list--divided .list__item:before {
      display: none; }
    .list--divided .list__item i {
      width: auto;
      margin-right: 0;
      position: absolute;
      top: 2px;
      left: 0;
      z-index: 1; }
  .list--login {
    margin-bottom: 40px; }
    .list--login .list__item {
      margin-bottom: 30px;
      font-size: 15px;
      font-weight: 300; }
      .list--login .list__item:before {
        background-color: #bcbcbc; }

.list__item {
  margin-bottom: 7px;
  position: relative;
  padding-left: 15px; }
  .list__item:last-child {
    margin-bottom: 0; }
  .list__item:before {
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    background-color: #101010;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 7px;
    z-index: 1; }
  .list__item i {
    width: 15px;
    margin-right: 5px; }

.list__title {
  font-weight: bold; }

.list__text {
  color: #434343; }

/* 20. Table
=========================*/
/* On Dark Bg */
.table__wrapper::-webkit-scrollbar {
  background-color: #101010;
  -webkit-appearance: none; }

.table__wrapper::-webkit-scrollbar:vertical {
  background-color: #101010;
  width: 5px; }

.table__wrapper::-webkit-scrollbar:horizontal {
  background-color: #101010;
  height: 5px; }

.table__wrapper::-webkit-scrollbar-thumb {
  background-color: #c4c4c4; }

.table__wrapper::-webkit-scrollbar-track {
  background-color: #f2f2f2; }

.table__wrapper--header {
  padding-top: 10px;
  background-color: #fff; }
  .table__wrapper--header .table {
    margin-bottom: 0; }

.table {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 10px;
  font-size: 0.9em;
  line-height: 1.2;
  color: #101010;
  /* Table Head */
  /* Table Body */
  /* Styling */
  /* Row Colors */ }
  .table thead tr {
    background-color: #CECECE;
    border-bottom: 2px solid #858585; }
  .table th {
    padding: 0.5em 1em;
    color: #101010;
    font-weight: normal;
    text-align: left; }
  .table tbody tr {
    border-bottom: 1px solid #CECECE; }
  .table td {
    padding: 0.5em 1em; }
  .table--striped-odd tbody tr:nth-child(odd) {
    background-color: #dbdbdb; }
  .table--striped-even tbody tr:nth-child(even) {
    background-color: #dbdbdb; }
  .table--hover {
    /* Row Colors */ }
    .table--hover tbody tr {
      transition: background-color .1s linear; }
      .table--hover tbody tr:hover {
        background-color: #d6d6d6; }
    .table--hover tbody tr.row--gray {
      background-color: #858585;
      color: #fff; }
      .table--hover tbody tr.row--gray:hover {
        color: #fff;
        background-color: #787878; }
    .table--hover tbody tr.row--red {
      background-color: #f44336;
      color: #fff; }
      .table--hover tbody tr.row--red:hover {
        color: #fff;
        background-color: #f32c1e; }
    .table--hover tbody tr.row--rblack {
      background-color: #000;
      color: #fff; }
      .table--hover tbody tr.row--rblack:hover {
        color: #fff;
        background-color: black; }
    .table--hover tbody tr.row--purple {
      background-color: #9132C1;
      color: #fff; }
      .table--hover tbody tr.row--purple:hover {
        color: #fff;
        background-color: #822dad; }
    .table--hover tbody tr.row--blue {
      background-color: #1976d2;
      color: #fff; }
      .table--hover tbody tr.row--blue:hover {
        color: #fff;
        background-color: #1669bb; }
    .table--hover tbody tr.row--teal {
      background-color: #2CD6C7;
      color: #fff; }
      .table--hover tbody tr.row--teal:hover {
        color: #fff;
        background-color: #26c3b5; }
    .table--hover tbody tr.row--green {
      background-color: #148431;
      color: #fff; }
      .table--hover tbody tr.row--green:hover {
        color: #fff;
        background-color: #116e29; }
    .table--hover tbody tr.row--main {
      background-color: #5029BD;
      color: #fff; }
      .table--hover tbody tr.row--main:hover {
        color: #fff;
        background-color: #4724a8; }
    .table--hover tbody tr.row--secondary {
      background-color: #000;
      color: #fff; }
      .table--hover tbody tr.row--secondary:hover {
        color: #fff;
        background-color: black; }
    .table--hover tbody tr.row--third {
      background-color: #87B670;
      color: #fff; }
      .table--hover tbody tr.row--third:hover {
        color: #fff;
        background-color: #79ad5f; }
    .table--hover tbody tr.row--black {
      background-color: #101010;
      color: #fff; }
      .table--hover tbody tr.row--black:hover {
        color: #fff;
        background-color: #030303; }
  .table--separate-cols th {
    border: 1px solid #858585; }
  .table--separate-cols td {
    border: 1px solid #CECECE; }
  .table--dark {
    color: #fff; }
    .table--dark thead th {
      color: #fbc02d; }
    .table--dark thead tr {
      border-color: #fbc02d;
      background-color: transparent; }
    .table--dark.table--striped-odd tbody tr:nth-child(odd) {
      background-color: #030303;
      color: #fff; }
    .table--dark.table--striped-even tbody tr:nth-child(even) {
      background-color: #030303;
      color: #fff; }
    .table--dark.table--separate-cols th {
      border: 1px solid #fbc02d; }
    .table--dark.table--separate-cols td {
      border: 1px solid #fff; }
    .table--dark.table--hover tbody tr {
      /* Row Colors */ }
      .table--dark.table--hover tbody tr:hover {
        background-color: #080808;
        color: #fff; }
      .table--dark.table--hover tbody tr.row--gray {
        background-color: #858585;
        color: #fff; }
        .table--dark.table--hover tbody tr.row--gray:hover {
          color: #fff;
          background-color: #787878; }
      .table--dark.table--hover tbody tr.row--red {
        background-color: #f44336;
        color: #fff; }
        .table--dark.table--hover tbody tr.row--red:hover {
          color: #fff;
          background-color: #f32c1e; }
      .table--dark.table--hover tbody tr.row--rblack {
        background-color: #000;
        color: #fff; }
        .table--dark.table--hover tbody tr.row--rblack:hover {
          color: #fff;
          background-color: black; }
      .table--dark.table--hover tbody tr.row--purple {
        background-color: #9132C1;
        color: #fff; }
        .table--dark.table--hover tbody tr.row--purple:hover {
          color: #fff;
          background-color: #822dad; }
      .table--dark.table--hover tbody tr.row--blue {
        background-color: #1976d2;
        color: #fff; }
        .table--dark.table--hover tbody tr.row--blue:hover {
          color: #fff;
          background-color: #1669bb; }
      .table--dark.table--hover tbody tr.row--teal {
        background-color: #2CD6C7;
        color: #fff; }
        .table--dark.table--hover tbody tr.row--teal:hover {
          color: #fff;
          background-color: #26c3b5; }
      .table--dark.table--hover tbody tr.row--green {
        background-color: #148431;
        color: #fff; }
        .table--dark.table--hover tbody tr.row--green:hover {
          color: #fff;
          background-color: #116e29; }
      .table--dark.table--hover tbody tr.row--main {
        background-color: #5029BD;
        color: #fff; }
        .table--dark.table--hover tbody tr.row--main:hover {
          color: #fff;
          background-color: #4724a8; }
      .table--dark.table--hover tbody tr.row--secondary {
        background-color: #000;
        color: #fff; }
        .table--dark.table--hover tbody tr.row--secondary:hover {
          color: #fff;
          background-color: black; }
      .table--dark.table--hover tbody tr.row--third {
        background-color: #87B670;
        color: #fff; }
        .table--dark.table--hover tbody tr.row--third:hover {
          color: #fff;
          background-color: #79ad5f; }
      .table--dark.table--hover tbody tr.row--black {
        background-color: #101010;
        color: #fff; }
        .table--dark.table--hover tbody tr.row--black:hover {
          color: #fff;
          background-color: #030303; }
  .table--fixed {
    table-layout: fixed; }
  .table tbody tr.row--gray {
    background-color: #858585;
    color: #fff; }
  .table tbody tr.row--red {
    background-color: #f44336;
    color: #fff; }
  .table tbody tr.row--rblack {
    background-color: #000;
    color: #fff; }
  .table tbody tr.row--purple {
    background-color: #9132C1;
    color: #fff; }
  .table tbody tr.row--blue {
    background-color: #1976d2;
    color: #fff; }
  .table tbody tr.row--teal {
    background-color: #2CD6C7;
    color: #fff; }
  .table tbody tr.row--green {
    background-color: #148431;
    color: #fff; }
  .table tbody tr.row--main {
    background-color: #5029BD;
    color: #fff; }
  .table tbody tr.row--secondary {
    background-color: #000;
    color: #fff; }
  .table tbody tr.row--third {
    background-color: #87B670;
    color: #fff; }
  .table tbody tr.row--black {
    background-color: #101010;
    color: #fff; }
  .table--contacts th {
    padding-left: 0; }
  .table--wholesale {
    margin-bottom: 20px;
    font-size: 14px; }
    .table--wholesale th {
      font-weight: 500; }
  .table--cabinet {
    font-size: .9rem; }
    .table--cabinet thead tr {
      background-color: transparent;
      border-bottom: 0; }
      .table--cabinet thead tr th {
        font-size: .8rem;
        line-height: 1.4;
        color: #848484; }
        .table--cabinet thead tr th:first-child {
          padding-left: 0; }
        .table--cabinet thead tr th:last-child {
          padding-right: 0;
          text-align: right; }
    .table--cabinet tbody tr {
      border-bottom: 0; }
      .table--cabinet tbody tr td {
        padding: .7rem; }
        .table--cabinet tbody tr td:first-child {
          padding-left: 0; }
        .table--cabinet tbody tr td:last-child {
          padding-right: 0;
          text-align: right; }
          .table--cabinet tbody tr td:last-child a {
            color: #3e3e3e;
            display: inline-block;
            border: 1px solid #c4c4c4;
            padding: .3rem .6rem;
            border-radius: 1rem; }
            .table--cabinet tbody tr td:last-child a:hover {
              text-decoration: none; }
  .table--overview tbody tr:nth-child(n+4) {
    display: none; }

@media (max-width: 992px) {
  .table td {
    padding: .5em .3em; }
  .table__wrapper {
    width: 100%; } }

.discount__table {
  padding: 15px;
  border: 1px dashed #2CD6C7;
  border-radius: 6px;
  display: inline-block;
  vertical-align: top; }

.discount__table-row {
  margin-bottom: 10px; }
  .discount__table-row:last-child {
    margin-bottom: 0; }

.discount__table-cell {
  display: inline-block;
  vertical-align: top;
  margin-right: 10px; }
  .discount__table-cell:last-child {
    margin-right: 0; }

.discount__number {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #2CD6C7;
  color: #fff;
  font-weight: 500;
  font-size: 12px; }

.discount__text {
  color: #858585;
  font-size: 12px;
  text-transform: uppercase; }

.discount__percent {
  color: #2CD6C7; }
  .discount__percent .bold {
    font-weight: 700; }

@media (max-width: 768px) {
  .table__wrapper {
    min-height: .01%;
    overflow-x: auto; }
    .table__wrapper .table {
      width: 600px;
      white-space: nowrap; } }

/* 21. Tabs
=========================*/
/* Nav Item */
/* Content */
/* Content with border and bg */
/* Dark theme */
/* Styling */
.tabs {
  margin: 20px 0; }

.tabs__item:not(.active) {
  display: none; }

.tabs__nav {
  /* Styling */ }
  .tabs__nav:before, .tabs__nav:after {
    content: "";
    display: table; }
  .tabs__nav:after {
    clear: both; }
  .tabs__nav--fill .tabs__nav-item {
    border: 1px solid transparent;
    border-bottom: 0;
    position: relative;
    top: 1px; }
    .tabs__nav--fill .tabs__nav-item.active {
      background-color: #fff;
      border-color: #b8b8b8; }
    .tabs__nav--fill .tabs__nav-item:not(.active):hover {
      color: #2CD6C7; }
  .tabs__nav--rounded .tabs__nav-item.active {
    border-radius: 0.3em 0.3em 0 0; }
  .tabs__nav--shadow .tabs__nav-item.active {
    box-shadow: 0 -0.15em 0.15em rgba(0, 0, 0, 0.1); }
  .tabs__nav--dark .tabs__nav-item {
    color: #858585; }
    .tabs__nav--dark .tabs__nav-item.active {
      color: #fbc02d;
      background-color: #101010;
      border-color: #101010; }
    .tabs__nav--dark .tabs__nav-item:not(.active):hover {
      color: #101010; }

.tabs__nav-item {
  display: block;
  float: left;
  padding: 1em 2em;
  font-size: 1em;
  color: #858585;
  line-height: 1.2;
  border-bottom: 2px solid transparent;
  transition: color .1s linear; }
  .tabs__nav-item:focus {
    text-decoration: none; }
  .tabs__nav-item:hover {
    text-decoration: none;
    border-bottom-color: rgba(44, 214, 199, 0.5); }
  .tabs__nav-item.active {
    color: #2CD6C7;
    border-bottom-color: #2CD6C7; }

.tabs__content {
  padding: 1em 0;
  font-size: 1em;
  color: #101010;
  line-height: 1.4;
  /* Styling */ }
  .tabs__content p:last-of-type {
    margin-bottom: 0; }
  .tabs__content--fill {
    padding: 1.5em 2em;
    color: #101010;
    background-color: #fff;
    border: 1px solid #b8b8b8; }
  .tabs__content--rounded {
    border-radius: 0 0 0.3em 0.3em; }
  .tabs__content--shadow {
    box-shadow: 0 0 0.3em rgba(0, 0, 0, 0.2); }
  .tabs__content--dark {
    background-color: #101010;
    border-color: #101010;
    color: #fff; }

/* 22. Accordion
=========================*/
/* Title */
/* Title Icon */
/* Content */
/* Dark theme */
/* Styling */
.accordion {
  margin: 0 0 8rem; }

.accordion__item {
  margin-bottom: .6rem;
  border: 1px solid #D8D8D8;
  box-sizing: border-box;
  border-radius: .2rem; }
  .accordion__item.active .accordion__title {
    color: #101010; }
    .accordion__item.active .accordion__title:before {
      content: ""; }
    .accordion__item.active .accordion__title a {
      color: inherit; }

.accordion__title {
  font-size: 1.4rem;
  line-height: 1;
  color: #101010;
  position: relative; }
  .accordion__title:before {
    width: 1.6rem;
    height: 1.6rem;
    content: "";
    font-size: .6rem;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: fontAwesome;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 2rem;
    z-index: 1;
    border: 1px solid #D8D8D8;
    border-radius: 50%;
    transition: color .1s linear; }
  .accordion__title:hover {
    color: #101010; }
    .accordion__title:hover:before {
      color: inherit; }
  .accordion__title a {
    display: block;
    padding: 1.6rem;
    color: inherit;
    transition: color .1s linear; }
    .accordion__title a:focus {
      text-decoration: none; }
    .accordion__title a:hover {
      text-decoration: none; }

.accordion__content {
  padding: 1.6rem;
  font-size: 1.2rem;
  line-height: 1.4;
  color: #858585;
  position: relative; }
  .accordion__content:before {
    content: '';
    height: 1px;
    left: 1.6rem;
    right: 1.6rem;
    background-color: #d8d8d8;
    position: absolute;
    top: 0; }
  .accordion__content p:last-of-type {
    margin-bottom: 0; }

.footer {
  background-color: #e2e2e2; }

.footer__wrapper {
  display: flex;
  margin: 0 -1rem;
  padding: 4rem 0;
  align-items: flex-start;
  justify-content: space-between; }
  .footer__wrapper .nav {
    padding-top: 1rem;
    margin-bottom: 1.2rem; }
    .footer__wrapper .nav .nav__item:last-child {
      margin-right: 0; }
    .footer__wrapper .nav .nav__link {
      margin-right: 0; }

.footer__block {
  padding: 0 1rem;
  width: 30%; }
  .footer__block:last-child {
    width: 60%;
    display: flex;
    flex-direction: column;
    align-items: flex-end; }
  .footer__block .logo {
    margin-bottom: 1rem; }

.footer__actions {
  margin-bottom: 2rem;
  display: flex; }
  .footer__actions .lng {
    margin-right: 2rem; }
    .footer__actions .lng:last-child {
      margin-right: 0; }

.footer__text {
  margin-bottom: 1rem;
  font-size: .8rem;
  color: #313131;
  font-weight: 500; }

.esteriol__count {
  display: flex;
  margin: 0 -.5rem; }

.esteriol__count-block {
  padding: 0 .5rem;
  width: 25%;
  text-align: center; }
  .esteriol__count-block .count {
    color: #313131;
    font-size: 1.8rem;
    font-weight: 700; }
    .esteriol__count-block .count span {
      font-size: 1rem;
      font-weight: 600;
      margin-left: -.4rem; }
  .esteriol__count-block .text {
    color: #313131; }

.footer__title {
  margin-bottom: .8rem;
  display: block;
  font-weight: 700;
  color: #313131; }

.footer__block-nav {
  margin-bottom: 1.8rem; }

.footer__link {
  margin-bottom: .4rem;
  display: block;
  font-size: 1rem;
  color: #8E8E8E; }

.footer__soc {
  display: flex;
  align-items: center; }
  .footer__soc a {
    margin-right: .6rem;
    display: block;
    height: 1.2rem; }

.footer__block-item {
  padding: 0 2rem; }

.footer__line {
  border-top: 1px solid #2F2F2F; }

.footer__line-wrapper {
  height: 4rem;
  display: flex;
  justify-content: space-between;
  align-items: center; }

.footer__copy {
  font-size: 14px;
  color: #8e8e8e; }
  .footer__copy a {
    color: inherit;
    text-decoration: underline; }
    .footer__copy a:hover {
      text-decoration: none; }

.esteriol___link {
  color: #313131;
  display: flex;
  align-items: center; }
  .esteriol___link img {
    margin-left: .4rem; }

.logos {
  display: flex; }
  .logos img {
    height: 1.6rem;
    margin-right: 1rem; }
    .logos img:last-child {
      margin-right: 0; }

/* 47. Products
=========================*/
.category {
  background-color: #101010;
  padding: 4rem 0 8rem; }
  .category .btn {
    height: 4rem; }

.category__wrapper {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -.7rem 4rem; }

.category__block {
  width: 50%;
  padding: 0 .7rem;
  margin-bottom: 1.4rem; }

.category__item {
  height: 36rem;
  background-color: #151517;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 3rem 2rem;
  position: relative;
  background-size: cover; }
  .category__item:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: linear-gradient(180deg, rgba(16, 16, 16, 0) 0%, rgba(16, 16, 16, 0.88) 79.45%);
    background-size: cover;
    height: 100%; }
  .category__item:hover {
    text-decoration: none; }
    .category__item:hover .category__title {
      transform: translateY(-1rem); }
    .category__item:hover .category__link {
      opacity: 1;
      visibility: visible; }
  .category__item.description {
    align-items: center;
    justify-content: center;
    text-align: center; }
    .category__item.description:after {
      display: none; }

.category__content {
  position: relative;
  z-index: 2; }

.category__title {
  font-size: 2.4rem;
  color: #fff;
  letter-spacing: -.005em;
  font-family: "Roboto", sans-serif;
  transform: translateY(2rem);
  transition: all .2s ease; }

.category__link {
  color: #fff;
  display: flex;
  align-items: center;
  letter-spacing: -.005rem;
  font-size: 1.2rem;
  line-height: 1;
  opacity: 0;
  visibility: hidden;
  transition: all .2s ease; }
  .category__link img {
    margin-left: .4rem; }

.category__description {
  margin-bottom: 5rem;
  font-size: 2.4rem;
  color: #fff;
  font-family: "Roboto", sans-serif; }

.category__description-title {
  max-width: 62rem;
  margin: 0 auto 2rem;
  font-family: "Roboto", sans-serif;
  color: #fff;
  font-size: 2.4rem; }

.catalog-block {
  padding: 5rem 0; }

.products {
  padding: 3rem 0 3rem;
  /* Styling */ }
  .products .block__title {
    margin-bottom: 3rem; }
  .products--similar {
    background-color: transparent; }
    .products--similar .block__title {
      margin-bottom: 2rem;
      color: #101010; }
    .products--similar .products__block {
      width: 25%; }
    .products--similar .products__title {
      font-size: 1rem;
      margin-bottom: 1rem; }
    .products--similar .products-img {
      height: 10rem; }
    .products--similar .recommend-like {
      top: .5rem;
      font-size: 1rem; }
  .products--list .products__item {
    display: block;
    max-width: none;
    padding: 1em; }
  .products--list .products__title {
    margin-top: 0; }
  .products--list .products__price {
    margin-bottom: 5px; }
  .products--rounded .products__item {
    border-radius: 0.3em; }

.products__wrapper {
  margin: 0 -1rem;
  display: flex;
  flex-wrap: wrap; }

.products__block {
  width: 33.33333%;
  margin-bottom: 2rem;
  padding: 0 1rem; }

.products__item {
  width: 100%;
  display: block;
  position: relative;
  border-radius: 10px;
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); }

.products__image {
  overflow: hidden;
  position: relative;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px; }
  .products__image img {
    display: block;
    max-width: 100%;
    object-fit: cover;
    margin: auto;
    height: 100%; }

.products__content {
  text-align: left;
  padding: .8rem 1rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  position: relative; }

.products__title {
  margin-bottom: .2rem;
  padding-right: 3rem;
  display: inline-block;
  vertical-align: top;
  width: 100%;
  color: #101010;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-family: "Roboto", sans-serif;
  height: 4rem; }

.products__excerpt {
  font-weight: 600;
  color: #fff;
  opacity: .50; }
  .products__excerpt p {
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }

.products__footer {
  display: flex;
  align-items: center; }
  .products__footer .btn {
    margin-bottom: 0;
    display: none; }

.products__price {
  display: flex;
  align-items: center;
  font-size: 1.2rem;
  color: #5029BD;
  position: absolute;
  right: 1rem;
  bottom: 1rem;
  font-weight: 500; }
  .products__price del {
    display: block;
    margin-right: .6rem;
    font-size: .8rem;
    color: rgba(107, 107, 107, 0.4); }
  .products__price--2x {
    font-size: 2em; }

.products__add-to-cart {
  display: inline-block;
  vertical-align: middle;
  font-size: 0.9em; }

.products__badge {
  padding: 0.6em 0.9em 0.4em;
  font-size: 0.7em;
  line-height: 1;
  color: #fff;
  border-radius: 1rem;
  background-color: #f44336;
  position: absolute;
  bottom: 1rem;
  left: 1rem;
  z-index: 1; }

.products-img {
  border-top-right-radius: .2rem;
  border-top-left-radius: .2rem;
  display: block;
  width: 100%;
  height: 275px;
  -webkit-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center; }
  .products-img.contain {
    -webkit-background-size: contain;
    background-size: contain; }

@media (max-width: 1200px) {
  .products-sort-result {
    font-size: .9em; } }

@media (max-width: 992px) {
  .md-no-border {
    border: 0; }
  .products__wrapper-mobile {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px; }
    .products__wrapper-mobile .products__block:nth-child(n+7) {
      display: none; }
  .products__item {
    margin: 0 0 2rem; }
  .products__block {
    width: 33.33333%;
    padding: 0 15px;
    margin-bottom: 30px; } }

@media (max-width: 768px) {
  .col-lg-3.with-border,
  .col-lg-2.with-border {
    border-right: transparent; }
  .products-sort-result {
    padding: 0 3em 0 .8em; }
  .products__wrapper-mobile {
    margin: 0 -7px; }
  .products__block {
    width: 50%;
    padding: 0 7px;
    margin-bottom: 14px; } }

.show__all {
  text-align: center;
  display: inline-flex;
  align-items: center;
  color: #000;
  padding: .6rem 2rem;
  border: 1px solid #2CD6C7;
  border-radius: .4rem;
  transition: all .2s ease; }
  .show__all:hover {
    text-decoration: none;
    background-color: #2CD6C7;
    color: #fff; }
  .show__all img, .show__all i {
    margin-left: .4rem; }

.product {
  padding-top: 2rem; }

.product__visit {
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  color: #101010;
  font-weight: 500; }
  .product__visit img {
    margin-right: .8rem;
    height: 1rem; }
  .product__visit i {
    display: inline-block;
    vertical-align: middle;
    margin: 0 .4rem;
    color: #2CD6C7; }

.product__head {
  margin-bottom: 2rem;
  padding-top: 2rem;
  display: flex;
  justify-content: space-between; }

.product__title {
  margin-bottom: 1rem;
  line-height: 1;
  font-size: 2.4rem;
  font-weight: 900; }

.product__id {
  margin-bottom: 1rem;
  color: #9c9c9c;
  height: 2.4rem;
  display: flex;
  align-items: center;
  justify-content: flex-end; }

.product__subtitle {
  display: block;
  font-size: 1rem;
  color: #999; }

.product__arrow {
  width: 1rem;
  height: 1rem;
  border-width: 0 2px 2px 0;
  border-style: solid;
  border-color: #3D3D3D;
  opacity: .4;
  transition: all .2s ease;
  flex: 0 0 1rem; }
  .product__arrow:hover {
    opacity: 1; }
  .product__arrow.prev {
    transform: rotate(-225deg); }
  .product__arrow.next {
    transform: rotate(-45deg); }
  .product__arrow.disabled {
    border-color: transparent;
    pointer-events: none; }

.product__wrapper {
  display: flex;
  margin: 0 -1rem 4rem; }

.product__block {
  width: 60%;
  padding: 0 1rem; }
  .product__block:first-child {
    width: 40%;
    padding-right: 3rem; }

.product__info {
  padding: 2rem;
  background-color: #EDF0F2;
  border: 1px solid #E0E0E0;
  border-radius: 2px; }

.product__type {
  padding: 0 .6rem;
  background-color: #148431;
  border-radius: .4rem;
  font-size: .6rem;
  color: #fff;
  height: 1.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1; }

.product__info-row {
  margin-bottom: 2rem;
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .product__info-row:last-child {
    margin-top: 1rem;
    margin-bottom: 2.4rem; }
  .product__info-row .name {
    font-size: 1.2rem;
    color: #000;
    font-weight: 600; }
  .product__info-row .price {
    font-weight: 600; }
  .product__info-row .checkbox {
    margin-bottom: 0; }

.product__price {
  font-size: 1.6rem;
  width: 100%; }
  .product__price del {
    color: rgba(107, 107, 107, 0.4);
    font-size: 1.4rem;
    margin-right: .4rem; }

.product__actions .btn {
  height: 4rem;
  margin-bottom: 0;
  font-size: 1.2rem;
  font-weight: 700; }

.product__actions-row {
  margin-bottom: 1.2rem; }
  .product__actions-row .btn--gradient {
    width: 100%; }

.product__info-container {
  margin-bottom: 4rem;
  padding: 4rem 0;
  background-color: #F7F3F3; }

.product__info-wrapper {
  display: flex;
  margin: 0 -.5rem; }

.product__info-block {
  width: 50%;
  padding: 0 .5rem; }

.product__info-images .img {
  margin-bottom: 1rem; }
  .product__info-images .img:last-child {
    margin-bottom: 0; }

.product__reservation {
  text-align: center;
  padding: 0 2rem; }
  .product__reservation .text {
    color: #6B6B6B;
    font-size: .8rem; }

.reservation__title {
  font-size: 1rem;
  color: rgba(0, 0, 0, 0.38); }
  .reservation__title a {
    display: block;
    text-align: center;
    color: #101010;
    text-decoration: underline; }
    .reservation__title a:hover {
      text-decoration: none; }

.product__info-text {
  margin-bottom: 2rem;
  font-size: 1rem;
  padding-bottom: 2rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  color: #6b6b6b; }

.product__img {
  height: 100%;
  max-height: 500px;
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  border: 1px solid rgba(66, 64, 63, 0.09);
  border-radius: 2px; }
  .product__img:hover {
    text-decoration: none; }

.product__advantages {
  padding: 5rem 0;
  background-color: #101010; }
  .product__advantages .block__title {
    color: #fff; }

.product__advantages-wrapper {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -1rem 3rem; }

.product__advantages-block {
  padding: 0 1rem;
  width: 33.33333%;
  margin-bottom: 2rem; }

.product__advantages-item {
  background: linear-gradient(152.59deg, #FFFFFF -43.78%, #CFCFCF 122.61%);
  border: 1px solid #373738;
  border-radius: 4px;
  padding: 3rem 2rem;
  height: 100%; }
  .product__advantages-item .icon {
    height: 3rem;
    margin-bottom: 3rem;
    display: block; }
  .product__advantages-item .title {
    font-size: 1.2rem;
    font-weight: 500;
    color: #101010;
    margin-bottom: 1rem; }
  .product__advantages-item .text {
    max-width: 90%;
    color: #6b6b6b; }

.product__thumbs .block__title {
  color: #fff; }

.product__thumbs-nav {
  display: flex; }

.product__thumbs-nav-btn {
  margin-right: 1rem;
  padding: 0;
  background: none;
  border: 0;
  cursor: pointer;
  outline: 0; }
  .product__thumbs-nav-btn:last-of-type {
    margin-right: 0; }
  .product__thumbs-nav-btn.slick-disabled {
    opacity: .4; }

.product__thumbs-slider .slick-list {
  overflow: unset; }

.product__thumbs-slider .slick-track {
  display: flex;
  align-items: center; }

.product__thumbs-slider .slick-slide {
  float: none; }
  .product__thumbs-slider .slick-slide .product__thumbs-img {
    height: 440px;
    pointer-events: none; }
    .product__thumbs-slider .slick-slide .product__thumbs-img:after {
      opacity: .55; }
  .product__thumbs-slider .slick-slide.slick-active .product__thumbs-img {
    height: 540px;
    pointer-events: auto; }
    .product__thumbs-slider .slick-slide.slick-active .product__thumbs-img:after {
      opacity: 0; }

.product__thumbs-img {
  display: flex;
  height: 540px;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background-position: top;
  position: relative;
  transition: all .2s ease; }
  .product__thumbs-img:after {
    content: '';
    position: absolute;
    top: -5%;
    left: 0;
    width: 100%;
    height: 110%;
    background: #000;
    pointer-events: none;
    transition: all .2s ease; }

/* 49. Shopping Cart
=========================*/
.shop-cart {
  padding: 30px 0;
  background-color: #eee; }
  .shop-cart--popup {
    padding: 0;
    width: 100%;
    position: relative;
    background-color: #fff;
    box-shadow: 0 0.2em 0.4em rgba(0, 0, 0, 0.2); }
    .shop-cart--popup:before {
      content: "";
      border-style: solid;
      border-width: 0 8px 10px 8px;
      border-color: transparent transparent #fff transparent;
      position: absolute;
      top: -10px;
      right: 10px;
      z-index: 1; }
      @media (max-width: 420px) {
        .shop-cart--popup:before {
          right: 48px; } }
      @media (max-width: 370px) {
        .shop-cart--popup:before {
          right: 78px; } }
    .shop-cart--popup .shop-cart__item {
      min-height: 70px;
      padding: 10px 10px 10px 80px; }
    .shop-cart--popup .shop-cart__photo {
      width: 50px;
      height: 50px;
      top: 10px; }
  .shop-cart .main-title {
    font-size: 1.2rem;
    font-weight: 700;
    color: #101010;
    padding: 10px 10px 20px; }

.shop-cart__title {
  color: #101010; }

.shop-cart-container {
  position: absolute;
  z-index: 100;
  top: 45px;
  width: 350px;
  left: -315px;
  transition: all .2s ease;
  opacity: 0;
  visibility: hidden; }
  @media (max-width: 420px) {
    .shop-cart-container {
      left: -250px; } }
  @media (max-width: 370px) {
    .shop-cart-container {
      left: -220px;
      width: 320px; } }
  @media (max-width: 350px) {
    .shop-cart-container {
      left: -210px; } }

.shop-cart__item-container {
  max-height: 300px;
  overflow-y: auto; }

.shop-cart__header {
  border-bottom: 1px solid #858585;
  padding: 10px;
  background-color: #ebebeb;
  color: #212224; }

.shop-cart__item {
  padding: 15px;
  min-height: 105px;
  position: relative;
  border: 1px solid #CECECE;
  border-top: 0; }

.shop-cart__photo {
  width: 75px;
  height: 75px;
  position: absolute;
  left: 15px;
  z-index: 1; }
  .shop-cart__photo img {
    width: 100%;
    height: 100%; }
  .shop-cart__photo--product {
    position: static; }

.shop-cart__excerpt {
  font-size: 0.9em;
  line-height: 1.2;
  color: #858585; }
  .shop-cart__excerpt p {
    margin: 0 0 0.3em; }
    .shop-cart__excerpt p:last-child {
      margin-bottom: 0; }

.shop-cart__price {
  font-size: 1.2em;
  line-height: 1.2;
  color: #101010; }
  .shop-cart__price span {
    font-size: 0.8em; }

.shop-cart__footer {
  padding: 15px;
  border-top: 1px solid #efefef; }
  .shop-cart__footer .btn {
    margin-bottom: 0; }
  .shop-cart__footer:first-child {
    border-top: 0; }

.shop-cart__total {
  font-size: 1em;
  line-height: 1.5;
  color: #101010; }

.shop-cart-block {
  float: left;
  padding: 0 15px; }
  .shop-cart-block:first-child {
    width: 41.6666666667%; }
  .shop-cart-block:nth-child(n + 2) {
    width: 16.6666666667%; }
  .shop-cart-block:last-child {
    width: 8.3333333333%; }

.shop-cart__footer-block {
  margin-left: 50%;
  float: left;
  width: 33.33333%;
  padding: 0 15px; }

.shopcart__footer-total {
  float: left;
  width: 16.6666666667%;
  padding: 0 15px; }

.shop-cart-img {
  display: block;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; }

.cart__title-container {
  padding-left: 100px; }

.cart_quantity_button {
  display: flex;
  align-self: center;
  margin: 0 auto;
  max-width: 97px; }
  .cart_quantity_button a {
    display: block;
    margin: 0;
    height: 30px;
    line-height: 28px;
    vertical-align: middle;
    background: transparent;
    padding: 0;
    width: 30px;
    font-size: 10px;
    border: 1px solid #d7d9db;
    color: #8c929b;
    text-align: center; }
    .cart_quantity_button a:hover {
      color: #212224; }
    .cart_quantity_button a:focus:not(:hover) {
      background: none; }

.cart_quantity_input {
  padding: 0;
  text-align: center;
  float: left;
  display: block;
  margin: 0;
  width: auto;
  min-width: 30px;
  max-width: 50px;
  text-indent: 0;
  height: 30px;
  border: 1px solid #ddd;
  border-right: 0;
  border-left: 0;
  line-height: 30px;
  font-size: 15px;
  color: #212224;
  border-left: none;
  border-right: none; }
  .cart_quantity_input:disabled {
    background-color: transparent;
    cursor: default; }

.shop__cart-table thead tr {
  background-color: transparent; }
  .shop__cart-table thead tr th:first-child {
    text-align: left;
    padding-left: 1.4rem; }

.shop__cart-table th {
  text-align: unset;
  padding: 20px 10px;
  font-weight: 500;
  text-transform: unset;
  border: 0;
  border-bottom: 2px solid #3e3e3e; }

.shop__cart-table tbody tr td {
  border-right: 0; }
  .shop__cart-table tbody tr td:first-child {
    text-align: left; }

.shop__cart-table td {
  border: 0;
  border-bottom: 1px solid #ddd;
  font-size: 15px; }
  .shop__cart-table td.va-top {
    vertical-align: top; }

.shop__cart-table--details tbody tr {
  border-top: 0; }

.shop__cart-table--details th {
  border: 0;
  border-bottom: 2px solid #3e3e3e; }

.shop__cart-table--details td {
  border: 0; }

.cart__remove {
  display: inline-block;
  vertical-align: middle; }

.cart__img {
  display: block;
  width: 100%;
  height: 100%;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transition: all .2s ease-in; }

.cart__payment-link {
  display: block;
  padding: 10px;
  border: 1px solid #ddd;
  text-align: center;
  border-radius: 5px; }
  .cart__payment-link:hover {
    border-color: #c4c4c4; }

.cart__delivery-container {
  display: inline-flex;
  justify-content: space-between;
  width: 100%; }
  .cart__delivery-container .radio {
    width: 100%;
    height: 100%; }

.cart__delivery-block {
  width: 100%; }
  .cart__delivery-block .radio__label {
    border-left-color: transparent; }
  .cart__delivery-block:last-child .radio__label {
    border-right-color: transparent; }

.cart__payment-title {
  font-size: 1.6em;
  margin-bottom: 20px;
  padding-left: 5px; }

.cart__payment-subtitle {
  padding-left: 5px; }

.cart__info-container {
  margin-bottom: 1rem; }

.cart__block {
  padding: 15px;
  margin-bottom: 20px;
  background-color: #fff;
  border-radius: 10px;
  position: relative;
  box-shadow: 0 0 0.4rem rgba(0, 0, 0, 0.1); }
  .cart__block--offer .products-img {
    height: 150px; }
  .cart__block--offer .products__image img {
    height: 130px; }
  .cart__block--offer .product__info-table {
    font-size: .8em; }
    .cart__block--offer .product__info-table .radio__label {
      font-size: inherit; }

.offer__info {
  text-align: center;
  font-size: .8em; }
  .offer__info > div {
    margin-bottom: 10px; }
    .offer__info > div:last-child {
      margin-bottom: 0; }

.cart__table-wrapper {
  background-color: #fff;
  padding: 10px; }
  .cart__table-wrapper:first-child {
    margin-bottom: 10px; }
  .cart__table-wrapper .products__item {
    margin: 0; }

.cart__payment-label {
  border: 2px solid #ccc;
  background: #efefef;
  border-radius: 5px;
  padding: 5px;
  min-height: 140px;
  display: flex;
  flex-direction: column;
  justify-content: space-between; }
  .cart__payment-label:hover {
    cursor: pointer; }
  .cart__payment-label img {
    max-width: 100%;
    display: block;
    max-height: 60px;
    margin: 0 auto; }
  .cart__payment-label.not-active {
    cursor: not-allowed; }

.cart__payment-img {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ccc;
  min-height: 60px;
  display: flex;
  justify-content: center;
  align-items: center; }

.cart__payment-text {
  font-size: 14px;
  color: #101010;
  display: block;
  margin-bottom: 5px;
  text-transform: none; }

.cart__payment-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding-left: 5px; }

.cart__payment-name {
  color: #101010;
  text-transform: none; }

.cart__payment-block {
  width: 100%;
  margin: 0 5px; }
  .cart__payment-block:first-child {
    margin-left: 0; }
  .cart__payment-block:last-child {
    margin-right: 0; }

.cart-step-block.disabled {
  opacity: .6;
  pointer-events: none;
  user-select: none; }

.empty__cart-container {
  height: 300px;
  padding: 1em;
  margin-bottom: 1em;
  background-color: #f5f7f8;
  border-radius: .3em;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; }

.empty__cart-icon {
  font-size: 6em;
  display: block;
  margin-bottom: .3em; }

.empty__cart-title {
  font-size: 1.3em;
  color: #101010;
  font-weight: 700; }

.empty__cart-link {
  color: #101010;
  font-weight: 700;
  text-decoration: underline;
  font-size: 1em; }

.empty__cart-search {
  padding: 1em;
  margin-bottom: 1em;
  background-color: #fff; }

@media (max-width: 992px) {
  .shop__cart-table thead {
    display: none; }
  .cart__block--offer .products__item {
    margin-bottom: 10px; }
  .cart__block--offer .products__item-wrapper {
    display: flex; }
  .cart__block--offer .products__item-content {
    flex: 0 0 35%; }
  .cart__block--offer .products__item-cart-offer {
    flex: 0 0 65%; }
  .shop__cart-table thead tr th:nth-child(2) {
    display: none; }
  .shop__cart-table thead tr th:nth-child(3) {
    display: none; }
  .shop__cart-table thead tr th:nth-child(4) {
    display: none; }
  .shop__cart-table tbody tr td:nth-child(3) {
    display: none; }
  .shop__cart-table tbody tr td:nth-child(4) {
    display: none; }
  .shop__cart-table tbody tr td:nth-child(5) {
    display: none; } }

@media (max-width: 768px) {
  .cart__block--offer .products__item {
    margin-bottom: 10px; }
  .cart__block--offer .products__item-wrapper {
    display: flex;
    flex-direction: column; }
  .cart__block--offer .products__item-content {
    flex: 0 0 100%; }
  .cart__block--offer .products__item-cart-offer {
    flex: 0 0 100%; }
  .cart__delivery-container {
    display: flex;
    flex-direction: column; }
    .cart__delivery-container .radio {
      margin-bottom: 0; }
    .cart__delivery-container .radio__label {
      border: 1px solid #ddd;
      border-bottom: 0; }
    .cart__delivery-container:last-child {
      border: 1px solid #ddd; }
    .cart__delivery-container .radio__input--cart:checked + .radio__label--cart {
      border-bottom: 1px solid #1976d2; }
  .cart__delivery-block:last-child .radio__label {
    border-right-color: #dddddd;
    border-bottom: 1px solid #DDD; }
  .cart__promo .form__group--inline {
    display: block;
    margin-bottom: 1em; }
  .cart__payment-block {
    margin: 0; }
  .table--cart {
    display: block; }
    .table--cart tbody {
      display: block; }
    .table--cart tr {
      display: block; }
    .table--cart td {
      display: block; }
    .table--cart tr {
      margin-bottom: 1rem; }
      .table--cart tr td {
        margin-left: 110px;
        border: 0;
        text-align: left; }
        .table--cart tr td:first-child {
          float: left;
          margin-left: 0;
          border: 0; }
        .table--cart tr td .cart_quantity_button {
          margin: 0; }
      .table--cart tr:last-child {
        border-bottom: 0; } }

@media (max-width: 500px) {
  .cart__payment-wrapper {
    flex-direction: column; }
  .cart__payment-label {
    margin-bottom: 20px; }
  .form__group--cart .form__group--inline {
    flex-direction: column;
    float: none;
    width: 100%; }
    .form__group--cart .form__group--inline:last-child {
      width: 100%; } }

/* 40. Intro
=========================*/
.intro {
  display: flex;
  align-items: center;
  width: 100%;
  height: 500px;
  padding: 0 2em;
  background-repeat: no-repeat;
  background-position: center; }
  .intro--cabinet {
    padding: 1rem 0;
    height: auto;
    background: linear-gradient(96.28deg, #5029BD -3.14%, #C90DEF 100.57%); }
    .intro--cabinet .intro__title {
      margin-bottom: 0;
      font-size: 1.5rem;
      text-align: left; }

.intro__content {
  width: 100%; }

.intro__item {
  text-align: left; }
  .intro__item .intro__title {
    margin-bottom: 0; }

.intro__wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between; }

.main-slider {
  margin-bottom: 0; }
  .main-slider--inside .intro__slider {
    background-size: auto 100%;
    background-position: right;
    min-height: 40rem; }
    .main-slider--inside .intro__slider:before {
      background: linear-gradient(to right, #000000 25.93%, rgba(0, 0, 0, 0) 123.24%);
      opacity: 1; }
    .main-slider--inside .intro__slider:after {
      display: none; }
  .main-slider--inside .intro__slider-content {
    justify-content: flex-start; }
  .main-slider--inside .intro__title {
    text-align: left;
    font-size: 4.2rem;
    margin-bottom: 1rem; }
    .main-slider--inside .intro__title:before {
      display: none; }
  .main-slider--inside .intro__block {
    margin: 0;
    max-width: 50%;
    text-align: left; }
  .main-slider--inside .intro__actions .btn {
    margin-right: 3rem; }

.intro__welcome {
  font-size: 3rem;
  color: #fff;
  top: 50%;
  left: 50%; }

.intro__slider {
  width: 100%;
  min-height: 46rem;
  padding: 0 2em;
  background-repeat: no-repeat;
  background-position: top center;
  display: flex;
  align-items: center;
  position: relative; }
  .intro__slider:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .78; }
  .intro__slider:after {
    height: 17rem;
    width: 100%;
    bottom: -2rem;
    left: 0;
    position: absolute;
    content: '';
    background: linear-gradient(180deg, rgba(16, 16, 16, 0) 6.16%, #101010 62.63%); }

.intro__slider-content {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 2; }
  .intro__slider-content .btn {
    height: 4rem;
    min-width: 210px; }

.intro__block {
  max-width: 42rem;
  margin: 0 auto;
  text-align: center; }

.intro__img {
  max-width: 50%; }

.intro__title {
  font-size: 3.2rem;
  color: #fff;
  margin-bottom: 3rem;
  line-height: 1.2;
  font-family: "Roboto", sans-serif;
  text-align: center;
  position: relative; }
  .intro__title--cabinet {
    font-size: 1.6em; }

.intro__subtitle {
  margin-bottom: 1rem;
  color: #fff;
  font-size: 1.2rem;
  text-transform: uppercase;
  letter-spacing: 0.325em; }

.intro__text {
  margin-bottom: 3rem;
  font-size: 1.2rem;
  color: #fff;
  opacity: .5; }
  .intro__text p {
    margin: 0; }

.intro__link {
  font-size: 1.2rem;
  letter-spacing: -.005rem;
  color: #fff;
  line-height: 1; }
  .intro__link img {
    transform: rotate(90deg);
    margin-left: .6rem;
    margin-bottom: -.2rem; }

.page__intro {
  padding: 10rem 0;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: center; }

.page__intro-block {
  max-width: 40rem;
  width: 100%; }
  .page__intro-block .btn {
    width: 15rem; }
    .page__intro-block .btn:last-child {
      margin-left: 1rem; }

.page__intro-subtitle {
  margin-bottom: 1rem;
  font-size: 1.2rem;
  font-weight: 700;
  text-transform: uppercase; }

.page__intro-title {
  margin-bottom: 1rem;
  font-size: 6.2rem;
  font-weight: 700;
  line-height: 1; }
  .page__intro-title h1 {
    font-size: 2.5rem;
    margin-bottom: 1rem; }

.page__intro-text {
  margin-bottom: 2rem;
  font-size: 1.2rem;
  color: #858585; }

.intro__info {
  margin-bottom: 2rem;
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .intro__info.last {
    margin-bottom: 3rem; }

.intro__info-item {
  display: flex;
  align-items: center; }

.intro__info-img {
  height: 3.8rem;
  width: 3.8rem;
  margin-right: 1rem;
  border-radius: 50%;
  background-color: #EBEBEB;
  display: flex;
  align-items: center;
  justify-content: center; }

.intro__info-text {
  font-size: 1.4rem;
  font-weight: 700;
  color: #101010;
  display: flex;
  align-items: center; }
  .intro__info-text a {
    color: inherit; }

.intro__shape {
  position: absolute;
  top: 50%;
  left: calc(50% - 4rem);
  transform: translateX(-50%);
  pointer-events: none;
  height: 36rem; }

.intro__actions .btn {
  margin-right: 1rem; }
  .intro__actions .btn:last-of-type {
    margin-right: 0; }

@media (max-width: 440px) {
  .intro__subtitle {
    transform: scale(0.8) !important; } }

/* 24. Rating
=========================*/
.rating {
  display: inline-block;
  vertical-align: top;
  padding: 0;
  margin: 0;
  border: 0; }
  .rating:before, .rating:after {
    content: "";
    display: table; }
  .rating:after {
    clear: both; }

.rating__input {
  display: none; }

.rating__star:before,
.rating__heart:before {
  display: inline-block;
  vertical-align: top;
  margin: 5px;
  font-size: 1.25em;
  line-height: 1;
  font-family: FontAwesome; }

.rating__star:before {
  content: ""; }

.rating__heart:before {
  content: ""; }

.rating__star,
.rating__heart {
  float: right;
  color: #858585;
  cursor: pointer;
  transition: color .1s linear; }

.rating__input:checked ~ .rating__star,
.rating:not(:checked) > .rating__star:hover,
.rating:not(:checked) > .rating__star:hover ~ .rating__star {
  color: #fbc02d; }

.rating > .rating__input:checked + .rating__star:hover,
.rating > .rating__input:checked ~ .rating__star:hover,
.rating > .rating__star:hover ~ .rating__input:checked ~ .rating__star,
.rating > .rating__input:checked ~ .rating__star:hover ~ .rating__star {
  color: #fcd778; }

.rating__input:checked ~ .rating__heart,
.rating:not(:checked) > .rating__heart:hover,
.rating:not(:checked) > .rating__heart:hover ~ .rating__heart {
  color: #f44336; }

.rating > .rating__input:checked + .rating__heart:hover,
.rating > .rating__input:checked ~ .rating__heart:hover,
.rating > .rating__heart:hover ~ .rating__input:checked ~ .rating__heart,
.rating > .rating__input:checked ~ .rating__heart:hover ~ .rating__heart {
  color: #f8877f; }

.cabinet-title {
  background-color: #101010;
  color: #fff;
  padding: 10px; }

.cabinet__nav-link {
  transition: all .1s ease;
  border-bottom: 1px solid #dedede; }
  .cabinet__nav-link:last-child {
    border-bottom: 0; }
  .cabinet__nav-link:hover {
    background-color: #daeaf9; }
  .cabinet__nav-link a {
    display: block;
    width: 100%;
    height: 100%;
    color: #687a94;
    padding: 10px; }
    .cabinet__nav-link a:hover, .cabinet__nav-link a:focus {
      text-decoration: none; }
    .cabinet__nav-link a.active {
      background-color: #ff5400;
      color: #fff; }

.cabinet__sub-nav {
  display: none; }

.profile__form.dashboard .label {
  margin-bottom: 0;
  line-height: 1;
  display: block; }

.profile__form.dashboard .form__group {
  height: 2.2rem;
  margin-bottom: 1rem; }
  .profile__form.dashboard .form__group:last-child {
    margin-bottom: 0; }

.cabinet__right {
  border: 1px solid #ccc; }

.cabinet-content-container {
  padding: 10px; }

.cabinet-section-title {
  font-size: 16px;
  font-weight: 700;
  color: #101010;
  margin-bottom: 1rem; }

.cabinet__container {
  padding: 1.8rem 1.7rem;
  margin-bottom: 2rem;
  background-color: #fff;
  border-radius: 10px;
  position: relative;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
  .cabinet__container.dashboard {
    height: 220px; }
  .cabinet__container.order .table__wrapper {
    height: 12.7rem; }
  .cabinet__container.no-order .table__wrapper {
    height: 13.8rem; }
  .cabinet__container.log .table__wrapper {
    min-height: 13.8rem; }
  .cabinet__container.orders {
    min-height: 550px; }
  .cabinet__container.cart__login-container {
    padding: 40px 25px;
    max-width: 30rem;
    margin: 0 auto 3rem; }
  .cabinet__container .form__cart {
    margin-bottom: 20px; }
  .cabinet__container .label {
    font-size: .8rem;
    line-height: 1.4;
    color: #848484; }
  .cabinet__container .btn {
    min-width: 200px; }
  .cabinet__container .input {
    max-width: 300px; }
  .cabinet__container .select {
    max-width: 300px; }
  .cabinet__container.cart__login-container .input {
    max-width: 100%; }
  .cabinet__container.cart__login-container .select {
    max-width: 100%; }

.cabinet__dashboard {
  margin-top: 3rem; }

.cabinet__show-all {
  font-size: .9em;
  display: block;
  text-align: right;
  color: #101010; }

.balance__form {
  text-align: center; }
  .balance__form .balance__input-wrapper {
    max-width: 200px;
    margin: 0 auto 1rem; }
  .balance__form .label {
    font-size: .8rem;
    line-height: 1.4;
    color: #848484; }
  .balance__form .btn {
    min-width: 130px; }

.balance__input-wrapper {
  position: relative;
  margin-bottom: 1rem; }
  .balance__input-wrapper .input {
    padding-left: 2rem; }
  .balance__input-wrapper .currency {
    position: absolute;
    top: 50%;
    left: 1rem;
    transform: translateY(-50%); }

.cabinet__wrapper {
  display: flex;
  margin: 0 -1rem; }

.cabinet__nav-block {
  padding: 0 1rem;
  width: 25%; }

.cabinet__nav {
  margin-bottom: 2rem;
  padding: 1.8rem 2rem;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }

.cabinet__block {
  width: 75%;
  padding: 0 1rem; }

.cabinet__banner {
  width: 100%;
  margin-bottom: 2rem;
  display: block; }
  .cabinet__banner:hover {
    text-decoration: none; }
  .cabinet__banner img {
    border-radius: 10px;
    width: 100%;
    object-fit: cover; }

.order__details {
  display: flex;
  align-items: center;
  position: absolute;
  top: 2rem;
  right: 2rem;
  font-size: 1rem; }
  .order__details .name {
    margin-right: .4rem;
    color: #848484; }
  .order__details .count {
    margin-right: 1rem;
    font-weight: 700; }
    .order__details .count:last-child {
      margin-right: 0; }

.money__balance {
  margin-top: 2rem;
  height: 46px;
  display: flex;
  align-items: center;
  font-size: 38px;
  font-weight: 700;
  color: #000;
  margin-bottom: 2.2rem;
  line-height: 1; }

.money__footer {
  display: flex; }

.money__item {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start; }
  .money__item .title {
    font-size: .8rem;
    color: #626262; }
  .money__item .count {
    position: relative; }
    .money__item .count:after {
      content: '';
      border: 4px solid transparent;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: -1rem; }
    .money__item .count.rise:after {
      margin-top: -.1rem;
      border-bottom-color: #35AB48; }
    .money__item .count.down:after {
      margin-top: .1rem;
      border-top-color: #f44336; }

.balance__btn {
  margin-top: .4rem;
  display: inline-flex;
  height: 38px;
  border-radius: 2rem;
  border: 1px solid #e1e1e1;
  justify-content: center;
  align-items: center;
  padding: 0 1rem;
  color: #313131;
  font-weight: 500;
  min-width: 130px; }
  .balance__btn:hover {
    text-decoration: none; }

.balance__btn-wrapper .btn {
  height: 38px;
  padding: 0 1rem;
  min-width: 130px;
  font-size: 1rem; }

.cookie-window-block {
  position: fixed;
  padding: 30px;
  bottom: 20px;
  right: 20px;
  background-color: #fff;
  width: 100%;
  line-height: 1.5;
  max-width: 360px;
  color: #000;
  z-index: 200;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
  border-radius: 10px; }
  .cookie-window-block.closed {
    display: none; }

.cookie-window-text {
  color: #000;
  font-size: 15px;
  font-weight: 300;
  line-height: 1.5; }

.cookie-window-box {
  position: absolute;
  top: 0;
  right: 0;
  background-color: transparent; }
  .cookie-window-box:hover {
    background-color: transparent; }

@media (max-width: 560px) {
  .cookie-window-block {
    padding: 20px 10px 10px; }
  .cookie-window-text {
    font-size: 13px; } }

@media (max-width: 420px) {
  .cookie-window-block {
    left: 20px;
    right: 20px;
    width: calc(100% - 40px); } }

.products-sort {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  margin-bottom: 20px; }

.select-sort {
  line-height: 60px;
  display: inline-block;
  vertical-align: top; }
  .select-sort select {
    border: 0; }

.products-sort-result {
  display: inline-block;
  vertical-align: top;
  line-height: 60px; }

.preload {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 1000; }
  .preload .fa {
    position: fixed;
    z-index: 1001;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 50px;
    color: #00acc1; }

.mobile-menu {
  position: fixed;
  top: 96px;
  left: 0;
  background-color: #3e3e3e;
  width: 100%;
  height: calc(100% - 96px);
  overflow-y: auto;
  display: none;
  z-index: 200; }
  .mobile-menu .navbar__nav {
    text-align: center;
    max-width: 500px;
    width: 100%;
    margin: 0 auto 10px;
    float: none; }
    .mobile-menu .navbar__nav--left {
      display: block; }
    .mobile-menu .navbar__nav .navbar__item {
      float: none; }
      .mobile-menu .navbar__nav .navbar__item a {
        display: inline-block;
        vertical-align: top; }
      .mobile-menu .navbar__nav .navbar__item:last-child {
        margin-right: 0; }
      .mobile-menu .navbar__nav .navbar__item .navbar__submenu {
        position: static;
        display: block;
        transform: none;
        opacity: 1;
        pointer-events: all;
        background-color: transparent; }
        .mobile-menu .navbar__nav .navbar__item .navbar__submenu a {
          color: #fff; }
          .mobile-menu .navbar__nav .navbar__item .navbar__submenu a:hover {
            color: #fff;
            background-color: transparent; }
        .mobile-menu .navbar__nav .navbar__item .navbar__submenu:before, .mobile-menu .navbar__nav .navbar__item .navbar__submenu:after {
          display: none; }
    .mobile-menu .navbar__nav .navbar__link {
      color: #fff; }
  .mobile-menu .input__wrapper {
    max-width: 300px;
    margin: 0 auto 10px; }

/*--------------    TEXT PAGES SET    --------------*/
.article-section-title {
  padding-bottom: 15px; }

.article-title-text {
  color: #060606;
  font-size: 20px;
  font-weight: 500;
  text-transform: uppercase;
  display: inline-block;
  line-height: 1;
  /*border-bottom: 3px solid #2db1e1;*/
  padding: 0 100px 3px 0;
  text-align: left; }

.articles-wrapper.article-full {
  padding: 4rem 0; }

.short-article-title-box {
  padding-bottom: 15px; }

.short-article.full .short-article-title-box {
  padding-bottom: 10px; }

.text-page .content {
  /*padding-top:85px;*/ }

/* articles */
.short-article {
  display: table;
  padding: 0 0 25px;
  width: 100%; }

.short-article {
  /*padding-left: 30px;*/
  /*padding-right: 30px;*/ }

.short-article:not(:last-child) {
  padding-bottom: 40px; }

.short-article:last-child {
  margin-bottom: 0; }

.short-article {
  color: #333;
  font-size: 14px;
  line-height: 1.3; }

.short-article.full {
  padding-bottom: 0;
  margin-bottom: 0; }

.short-article .news-short-img {
  display: block;
  width: 300px;
  height: 200px;
  float: left;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  margin-right: 20px; }

.short-new-title {
  /*padding-bottom: 4px;*/
  color: #000;
  font-size: 1.3em;
  text-decoration: none;
  line-height: 1.2;
  text-transform: none; }

.short-article.full .short-new-title {
  display: block;
  /*padding-bottom: 10px;*/
  font-size: 1.5em;
  text-decoration: none;
  line-height: 1;
  text-transform: none; }

.short-article h2 {
  display: inline; }

.short-article img {
  max-width: 100%;
  height: auto; }

.short-article a.short-new-title {
  /*display: inline;*/ }

.short-article a.short-new-title:hover {
  text-decoration: underline; }

.short-article:not(.full) .date {
  margin-bottom: 10px; }

.short-article .date,
.full-article .date,
.page-header span.text-date,
.page-header span.date {
  display: inline-block;
  background: #e0d2c1;
  text-align: center;
  padding: 3px 3px 2px;
  font-size: 12px;
  font-weight: normal;
  margin-top: 6px;
  color: #3c3a3a;
  line-height: 1; }

.page-header span.text-date,
.page-header span.date {
  margin: 0 0 0;
  padding: 9px 10px 8px;
  font-size: 15px;
  font-weight: 600; }

.article-record-info {
  padding-bottom: 10px;
  /*font-size: 0;*/ }

.page-header .article-record-info {
  padding: 0 0 10px; }

.back-to-news-list-btn {
  background: #f5f3f3;
  color: inherit;
  font-size: 15px;
  font-weight: normal;
  line-height: 1;
  padding: 10px 30px 9px;
  display: inline-block; }

.back-to-news-list-btn:hover {
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1); }

.article-read-moore-btn {
  display: inline-block;
  line-height: 1;
  margin-top: 17px;
  color: #868686;
  text-decoration: underline; }

/* articles */
.short-article .btn-wrapper {
  padding: 15px 0 0; }

/*audio*/
.article-audio-list-wrapper {
  padding: 20px 0 0; }

.article-audio-list-item:not(:last-child) {
  margin-bottom: 15px; }

.article-audio-block {
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px 0 0; }

.article-audio-list-wrapper b,
.article-audio-list-wrapper strong {
  color: #000000;
  font-size: 15px;
  font-weight: 500; }

.article-download-btn {
  display: inline-block;
  vertical-align: middle;
  color: #000;
  font-size: 14px;
  text-decoration: underline; }

.article-download-btn:hover {
  text-decoration: none; }

/*audio*/
/*photo gallery content*/
.content-images-list {
  padding: 30px 0 0; }

.content-image-item {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 32%;
  margin-right: 2%;
  display: inline-block;
  float: left; }

.content-image-item:nth-child(3n) {
  margin-right: 0; }

.content-image-item:nth-child(n+4) {
  margin-top: 2%; }

@media (max-width: 768px) {
  .content-image-item {
    float: left;
    margin: 0 0 0 !important; } }

@media (max-width: 768px) and (min-width: 480px) {
  .content-image-item {
    width: 49%;
    margin-right: 2% !important; }
  .content-image-item:nth-child(2n) {
    margin-right: 0 !important; }
  .content-image-item:nth-child(n+3) {
    margin-top: 2% !important; } }

@media (max-width: 479px) {
  .content-image-item {
    width: 100%; }
  .content-image-item:nth-child(n+1) {
    margin-top: 2% !important; } }

/*photo gallery content*/
/*page-header-new*/
/* Headers + BG */
.page-header {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 285px;
  position: relative;
  margin: 0 0 0; }

.page-header-overlay {
  background-image: -moz-linear-gradient(-55deg, #033e5f 0%, #129008 100%);
  background-image: -webkit-linear-gradient(-55deg, #033e5f 0%, #129008 100%);
  background-image: -ms-linear-gradient(-55deg, #033e5f 0%, #129008 100%);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0.6; }

.page-header-content {
  z-index: 2;
  text-align: center;
  padding: 42px 30px 0;
  position: relative; }

.page-header-decorate {
  display: inline-block;
  width: 90px;
  height: 5px;
  background-color: #5eb48a;
  margin-bottom: 20px; }

.page-header-title {
  color: #fff;
  font-size: 45px;
  font-weight: 500;
  text-transform: uppercase;
  padding-bottom: 20px;
  line-height: 1; }

.page-header-text {
  color: #fff;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.2; }

/*page-header-new*/
.short-article .separator {
  margin: 25px 0;
  width: 60px;
  height: 2px;
  background: #6d6e71; }

/*--------------    TEXT PAGES SET    --------------*/
.news-link {
  display: block;
  width: 100%;
  height: 225px;
  margin-bottom: 30px;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }
  .news-link:hover .name-block {
    bottom: calc(50% - 17.5px); }
  .news-link:hover .bg-shadow {
    background-color: rgba(0, 0, 0, 0.7);
    transition: all .5s ease 0s; }
  .news-link .name-block {
    position: absolute;
    bottom: 50px;
    left: 0;
    width: 100%;
    padding: 0 15px;
    transition: all .3s ease 0s; }
  .news-link .bg-shadow {
    background: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, 0.7));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000",endColorstr="#b3000000",GradientType=0);
    height: 100%;
    transition: all .3s ease 0s; }
  .news-link .name {
    color: #fff;
    font-size: 17px;
    font-weight: 500;
    line-height: 1;
    text-align: center;
    padding-bottom: 15px; }
  .news-link .line {
    display: block;
    background-color: #ff5400;
    width: 100px;
    height: 3px;
    margin: 0 auto; }

.gallery-categories {
  text-align: center;
  margin-bottom: 20px; }
  .gallery-categories a.active {
    background-color: #ff5400;
    color: #fff; }

.gallery-photo {
  display: block;
  padding: 5px;
  background-color: #fff;
  border: 2px solid #CECECE;
  margin: 0 0 10px;
  transition: all .1s ease-in;
  color: #666666;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  text-align: center; }
  .gallery-photo:hover {
    text-decoration: none; }
    .gallery-photo:hover .gallery-img {
      transform: scale(0.95); }
  .gallery-photo span:last-child {
    margin: 10px 0;
    display: block; }

.gallery-img {
  display: block;
  margin: 0;
  -webkit-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  max-width: 276px;
  width: 100%;
  height: 209px;
  transition: all .2s ease-in; }

.gallery-fancy {
  display: block;
  margin-bottom: 20px; }

.contacts-title {
  margin-bottom: 10px; }

.contacts-info {
  font-size: 14px; }

.contact__page {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: right;
  position: relative; }
  .contact__page:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90.16deg, #000000 25.93%, rgba(0, 0, 0, 0) 123.24%); }
  .contact__page .block__subtitle {
    font-size: .8rem;
    color: #fff;
    letter-spacing: .325em;
    text-transform: uppercase; }
  .contact__page .block__title {
    font-family: "Roboto", sans-serif;
    font-size: 2.4rem;
    color: #fff; }
  .contact__page .block__text {
    margin-bottom: 2rem;
    font-size: .8rem;
    letter-spacing: -.005em;
    color: #828282; }

.contact__form {
  position: relative;
  z-index: 2;
  padding: 7rem 0;
  max-width: 50.5rem;
  width: 100%; }
  .contact__form .input {
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.49);
    height: 3rem;
    color: #fff;
    padding: 0;
    box-shadow: none; }
    .contact__form .input::placeholder {
      color: #fff;
      opacity: .5; }
  .contact__form .select {
    height: auto; }
    .contact__form .select:before {
      display: none; }
    .contact__form .select:after {
      border-top-color: #fff; }
    .contact__form .select select {
      background-color: transparent;
      border: 0;
      border-bottom: 1px solid rgba(255, 255, 255, 0.49);
      height: 3rem;
      color: #fff;
      padding-left: 1.5rem; }
      .contact__form .select select option {
        color: #101010; }
  .contact__form .textarea {
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.49);
    height: 3rem;
    min-height: 3rem;
    padding: .6rem 0 0;
    color: #fff;
    box-shadow: none; }
    .contact__form .textarea::placeholder {
      color: #fff;
      opacity: .5; }
  .contact__form .checkbox {
    margin-bottom: 3rem; }
  .contact__form .checkbox__input:checked + .checkbox__label {
    color: #fff; }
    .contact__form .checkbox__input:checked + .checkbox__label:before {
      background-color: transparent;
      border-color: #fff; }
  .contact__form .checkbox__label {
    color: #fff;
    line-height: 22px; }
    .contact__form .checkbox__label:before {
      background-color: transparent;
      border: 2px solid #fff;
      border-radius: .2rem; }
    .contact__form .checkbox__label:after {
      border-color: #fff; }
    .contact__form .checkbox__label a {
      text-decoration: underline;
      color: inherit; }

.contact__form-inline {
  display: flex;
  margin: 0 -1rem; }
  .contact__form-inline .form__group {
    padding: 0 1rem;
    width: 33.3333%; }
    .contact__form-inline .form__group.full {
      flex: 1;
      width: auto; }

.contact__place {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%); }

.contact__form-actions {
  display: flex;
  align-items: center; }
  .contact__form-actions .btn {
    min-width: 260px;
    margin-right: 4rem; }

.contact__form-link {
  color: #fff;
  display: flex;
  align-items: center; }
  .contact__form-link img {
    margin-left: .6rem; }

.banner {
  width: 100%;
  height: 600px;
  display: block;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative; }
  .banner--half {
    height: 290px;
    margin-bottom: 20px; }
    .banner--half:last-child {
      margin-bottom: 0; }
  .banner a {
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    display: block; }

.banner-lg {
  display: block;
  width: 100%;
  -webkit-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  margin: 30px 0; }

.recommended-container {
  margin-bottom: 30px; }

.outlet-container {
  margin-bottom: 30px; }

.recommend-slider {
  max-width: 1230px;
  margin: 0 auto 20px;
  width: 100%; }

.recommend-image {
  height: 335px;
  position: relative;
  margin-bottom: 10px;
  display: block;
  z-index: 1; }

.recommend-like {
  color: #5029BD;
  display: block;
  border-radius: 50%;
  background-color: transparent;
  line-height: 1;
  font-size: 1.2rem;
  position: absolute;
  right: 1rem;
  top: .8rem;
  transition: all .3s ease;
  z-index: 2; }
  .recommend-like:hover {
    color: #5029BD; }
    .recommend-like:hover i {
      font-weight: 900; }
  @media (max-width: 992px) {
    .recommend-like {
      background-color: transparent;
      color: #5029BD; }
      .recommend-like:hover {
        background-color: transparent;
        color: #5029BD; } }
  .recommend-like.active {
    color: #5029BD; }
    .recommend-like.active i {
      font-weight: 900; }

.recommend-info {
  color: #030303;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 300;
  text-align: center;
  display: block;
  margin-bottom: 10px; }

.recommend-more {
  color: #030303;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 500;
  text-decoration: underline;
  text-align: center;
  text-transform: uppercase;
  display: block; }
  .recommend-more:hover {
    text-decoration: none; }

.recommend-link {
  max-width: 225px;
  margin: 0 auto;
  padding: 10px 15px;
  border: 1px solid #070707;
  display: block;
  background-color: #050505;
  color: #ffffff;
  font-family: "Roboto", sans-serif;
  font-size: 15px;
  font-weight: 500;
  text-transform: uppercase;
  text-align: center;
  text-decoration: none;
  transition: background-color .1s linear, color .1s linear; }
  .recommend-link:hover {
    background-color: #2b2b2b;
    text-decoration: none; }

.info__container {
  border: 1px solid #dddbdb;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px; }

.info__block {
  border-left: 1px solid #dddbdb;
  padding: 30px 0 30px 10px;
  display: flex;
  flex-basis: 50%;
  align-items: center;
  justify-content: center; }
  .info__block:first-child {
    border-left: 0; }

.info__image {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px; }

.info__text {
  display: inline-block;
  vertical-align: middle;
  color: #050505;
  font-family: "Roboto", sans-serif;
  font-size: 15px;
  font-weight: 300; }

@media (max-width: 992px) {
  .info__container {
    display: none;
    text-align: center; }
  .info__block {
    border-bottom: 1px solid #dbdbdb; } }

.filter__title {
  font-weight: 500;
  color: #101010;
  margin-bottom: 10px;
  display: block; }
  .filter__title .fa {
    transition: all .1s ease; }
  .filter__title.active .fa {
    transform: rotate(-180deg); }

/*! nouislider - 12.0.0 - 9/14/2018 */
/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.noUi-target {
  position: relative;
  direction: ltr; }

.noUi-base,
.noUi-connects {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1; }

/* Wrapper for all connect elements.
 */
.noUi-connects {
  overflow: hidden;
  z-index: 0; }

.noUi-connect,
.noUi-origin {
  will-change: transform;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0; }

/* Offset direction
 */
html:not([dir="rtl"]) .noUi-horizontal .noUi-origin {
  left: auto;
  right: 0; }

/* Give origins 0 height/width so they don't interfere with clicking the
 * connect elements.
 */
.noUi-vertical .noUi-origin {
  width: 0; }

.noUi-horizontal .noUi-origin {
  height: 0; }

.noUi-handle {
  position: absolute; }

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
  -webkit-transition: transform 0.3s;
  transition: transform 0.3s; }

.noUi-state-drag * {
  cursor: inherit !important; }

/* Slider size and handle placement;
 */
.noUi-horizontal {
  height: 6px; }

.noUi-horizontal .noUi-handle {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  left: -17px;
  top: -6px; }

.noUi-vertical {
  width: 18px; }

.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  left: -6px;
  top: -17px; }

html:not([dir="rtl"]) .noUi-horizontal .noUi-handle {
  right: -17px;
  left: auto; }

/* Styling;
 * Giving the connect element a border radius causes issues with using transform: scale
 */
.noUi-target {
  width: 260px;
  background: #FAFAFA;
  border-radius: 4px;
  border: 1px solid #D3D3D3;
  box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB; }

.noUi-connects {
  border-radius: 3px; }

.noUi-connect {
  background: #3FB8AF; }

/* Handles and cursors;
 */
.noUi-draggable {
  cursor: ew-resize; }

.noUi-vertical .noUi-draggable {
  cursor: ns-resize; }

.noUi-handle {
  border: 1px solid #666;
  border-radius: 3px;
  background: #ccc;
  cursor: pointer; }

.noUi-active {
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB; }

/* Handle stripes;
 */
.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px; }

.noUi-vertical .noUi-handle:after {
  top: 17px; }

/* Disabled state;
 */
[disabled] .noUi-connect {
  background: #B8B8B8; }

[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
  cursor: not-allowed; }

/* Base;
 *
 */
.noUi-pips,
.noUi-pips * {
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.noUi-pips {
  position: absolute;
  color: #999; }

/* Values;
 *
 */
.noUi-value {
  position: absolute;
  white-space: nowrap;
  text-align: center; }

.noUi-value-sub {
  color: #ccc;
  font-size: 10px; }

/* Markings;
 *
 */
.noUi-marker {
  position: absolute;
  background: #CCC; }

.noUi-marker-sub {
  background: #AAA; }

.noUi-marker-large {
  background: #AAA; }

/* Horizontal layout;
 *
 */
.noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
  top: 100%;
  left: 0;
  width: 100%; }

.noUi-value-horizontal {
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%); }

.noUi-rtl .noUi-value-horizontal {
  -webkit-transform: translate(50%, 50%);
  transform: translate(50%, 50%); }

.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px; }

.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px; }

.noUi-marker-horizontal.noUi-marker-large {
  height: 15px; }

/* Vertical layout;
 *
 */
.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%; }

.noUi-value-vertical {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%, 0);
  padding-left: 25px; }

.noUi-rtl .noUi-value-vertical {
  -webkit-transform: translate(0, 50%);
  transform: translate(0, 50%); }

.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px; }

.noUi-marker-vertical.noUi-marker-sub {
  width: 10px; }

.noUi-marker-vertical.noUi-marker-large {
  width: 15px; }

.noUi-tooltip {
  display: block;
  position: absolute;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #fff;
  color: #000;
  padding: 5px;
  text-align: center;
  white-space: nowrap; }

.noUi-horizontal .noUi-tooltip {
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  left: 50%;
  bottom: 120%; }

.noUi-vertical .noUi-tooltip {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
  right: 120%; }

.wholesale__sidebar {
  margin: 10px 0;
  border: 1px solid #ccc;
  border-radius: 5px; }
  .wholesale__sidebar > li {
    border-bottom: 1px solid #ccc; }
    .wholesale__sidebar > li:last-child {
      border-bottom: 0; }
    .wholesale__sidebar > li a {
      display: block;
      padding: 10px;
      color: #101010;
      text-decoration: none;
      transition: all .2s ease; }
      .wholesale__sidebar > li a:hover {
        background-color: #daeaf9; }

.select2-container {
  box-sizing: border-box;
  display: block;
  min-height: 36px;
  margin: 0;
  position: relative;
  vertical-align: middle;
  width: 100% !important; }
  .select2-container .dropdown-wrapper {
    display: none; }
  .select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    user-select: none;
    -webkit-user-select: none; }
    .select2-container .select2-selection--single .select2-selection__rendered {
      display: block;
      padding-left: 8px;
      padding-right: 35px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .select2-container .select2-selection--single .select2-selection__clear {
      position: relative; }
  .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px; }
  .select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 36px;
    user-select: none;
    -webkit-user-select: none; }
    .select2-container .select2-selection--multiple .select2-selection__rendered {
      display: inline-block;
      overflow: hidden;
      padding-left: 8px;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .select2-container .select2-search--inline {
    float: left; }
    .select2-container .select2-search--inline .select2-search__field {
      box-sizing: border-box;
      border: none;
      font-size: 100%;
      margin-top: 5px;
      padding: 0; }
      .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
        -webkit-appearance: none; }

.select2-dropdown {
  background-color: white;
  border: 1px solid #ddd;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051; }

.select2-results {
  display: block; }

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

.select2-results__option {
  padding: 6px;
  user-select: none;
  font-size: 14px;
  -webkit-user-select: none; }
  .select2-results__option[aria-selected] {
    cursor: pointer; }

.select2-container--open {
  width: auto !important; }
  .select2-container--open .select2-dropdown {
    left: 0; }
  .select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }
  .select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0; }

.select2-search--dropdown {
  display: block;
  padding: 4px; }
  .select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box; }
    .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
      -webkit-appearance: none; }
  .select2-search--dropdown.select2-search--hide {
    display: none; }

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0); }

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important; }

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #ddd;
  min-height: 36px; }
  .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 36px;
    height: 36px; }
  .select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold; }
  .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default; }
  .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none; }

.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #ddd;
  cursor: text; }
  .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%; }
    .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
      list-style: none; }
  .select2-container--default .select2-selection--multiple .select2-selection__placeholder {
    color: #999;
    margin-top: 5px;
    float: left; }
  .select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-top: 5px;
    margin-right: 10px; }
  .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #ddd;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px;
    font-size: .9em; }
  .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px; }
    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
      color: #333; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
  float: right; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto; }

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid #ddd 1px;
  outline: 0; }

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default; }

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none; }

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #ddd; }

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield; }

.select2-container--default .select2-results > .select2-results__options {
  max-height: 320px;
  overflow-y: auto; }

.select2-container--default .select2-results__option[role=group] {
  padding: 0; }

.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999; }

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd; }

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em; }
  .select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0; }
  .select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em; }
    .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
      margin-left: -2em;
      padding-left: 3em; }
      .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
        margin-left: -3em;
        padding-left: 4em; }
        .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
          margin-left: -4em;
          padding-left: 5em; }
          .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
            margin-left: -5em;
            padding-left: 6em; }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: white; }

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #ddd;
  border-radius: 4px;
  outline: 0;
  background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%);
  background-image: -o-linear-gradient(top, #fff 50%, #eee 100%);
  background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }
  .select2-container--classic .select2-selection--single:focus {
    border: 1px solid #c4c4c4; }
  .select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 1;
    height: 40px; }
  .select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-right: 10px; }
  .select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }

.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #ddd; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #fff 0%, #eee 50%);
  background-image: -o-linear-gradient(top, #fff 0%, #eee 50%);
  background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%);
  background-image: -o-linear-gradient(top, #eee 50%, #fff 100%);
  background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); }

.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #ddd;
  border-radius: 4px;
  cursor: text;
  outline: 0; }
  .select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #c4c4c4; }
  .select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 5px; }
  .select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none; }
  .select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #ddd;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px; }
  .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px; }
    .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
      color: #555; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  float: right;
  margin-left: 5px;
  margin-right: auto; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto; }

.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #ddd; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #ddd;
  outline: 0; }

.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none; }

.select2-container--classic .select2-dropdown {
  background-color: #fff;
  border: 1px solid transparent; }

.select2-container--classic .select2-dropdown--above {
  border-bottom: none; }

.select2-container--classic .select2-dropdown--below {
  border-top: none; }

.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto; }

.select2-container--classic .select2-results__option[role=group] {
  padding: 0; }

.select2-container--classic .select2-results__option[aria-disabled=true] {
  color: grey; }

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: #fff; }

.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb; }

.block__title {
  margin-bottom: 1rem;
  font-size: 2.4rem;
  font-family: "Roboto", sans-serif;
  color: #101010; }

.block__title-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2rem; }
  .block__title-wrapper .block__title {
    margin-bottom: 0; }

.block__text {
  max-width: 33rem;
  font-size: 1.2rem;
  color: #858585;
  letter-spacing: -.005em; }

.template__wrapper {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -1rem 5rem; }

.template__block {
  padding: 0 1rem;
  width: 33.33333%; }

.template__item {
  text-align: center; }
  .template__item .count {
    font-weight: 600;
    font-size: 4rem;
    color: #5029BD;
    text-shadow: 0 0.2rem 0.4rem rgba(84, 54, 158, 0.64); }
  .template__item .text {
    width: 100%;
    max-width: 240px;
    margin: 0 auto;
    font-weight: 600;
    font-size: 1.4rem;
    color: #000; }

.advantages__wrapper {
  height: 295px;
  display: flex;
  align-items: center;
  margin: 0 -.6rem; }

.advantages__block {
  width: 33.33333%;
  padding: 0 .6rem; }
  .advantages__block .advantages__item {
    background: linear-gradient(113.05deg, #2CD6C7 -0.23%, rgba(42, 215, 198, 0.03) -0.22%, rgba(154, 133, 247, 0.08) 100%); }
  .advantages__block:nth-child(2) {
    background: linear-gradient(67.41deg, rgba(154, 133, 247, 0.05) -6.82%, rgba(42, 215, 198, 0.09) 75.93%); }
  .advantages__block:last-child {
    background: linear-gradient(108.17deg, rgba(154, 133, 247, 0.01) -11.9%, rgba(42, 215, 198, 0.14) 99.37%); }

.advantages__item {
  display: flex;
  padding: 2rem;
  flex-direction: column;
  align-items: flex-start;
  border-radius: .2rem;
  box-shadow: -30px -30px 80px rgba(255, 255, 255, 0.1), 30px 30px 80px rgba(55, 84, 170, 0.05); }
  .advantages__item img {
    margin-bottom: 1rem; }

.advantages__title {
  margin-bottom: .6rem;
  color: #101010;
  font-size: 1.2rem;
  font-weight: 700; }

.advantages__text {
  color: #858585; }

.how__wrapper {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 0 -2rem; }

.how__block {
  padding: 0 2rem;
  width: 50%;
  margin-bottom: 10rem;
  position: relative; }

.how__subtitle {
  margin-bottom: 1rem;
  font-size: 1.2rem;
  font-weight: 700; }

.how__title {
  margin-bottom: 1rem;
  font-size: 3.2rem;
  font-weight: 700;
  color: #101010;
  line-height: 1.2; }

.how__text {
  margin-bottom: 2rem;
  font-size: 1.2rem;
  color: #858585; }

.how__shape {
  position: absolute;
  top: 90%;
  right: 45%;
  height: 28rem;
  pointer-events: none; }

.get__started {
  font-size: 1.2rem;
  font-weight: 700;
  color: #000;
  display: inline-flex;
  align-items: center; }
  .get__started img {
    margin-left: .4rem;
    display: block; }

.support {
  background-color: #EDF0F2;
  position: relative;
  overflow: hidden;
  padding-top: 2rem; }
  .support:before {
    content: '';
    position: absolute;
    width: 1500px;
    height: 1090px;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
    left: 55%;
    background: linear-gradient(96.28deg, #5029BD -3.14%, #C90DEF 100.57%); }

.support__wrapper {
  height: 30rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative; }

.support__block {
  margin-top: -2rem;
  max-width: 39rem;
  color: #101010;
  font-family: "Roboto", sans-serif; }

.support__title {
  margin-bottom: 2rem;
  font-size: 3.6rem;
  font-weight: 700;
  line-height: 1.2;
  max-width: 35rem; }

.support__text {
  font-size: 1.1rem;
  max-width: 30rem;
  color: #313131; }
  .support__text a {
    color: inherit;
    text-decoration: underline; }
    .support__text a:hover {
      text-decoration: none; }

.support__img {
  position: relative;
  bottom: 0;
  right: 0;
  z-index: 2; }
  .support__img img {
    display: block;
    transform: translateX(-25%); }

.catalog {
  padding-bottom: 9rem;
  background-color: #fcfcfc; }
  .catalog:last-of-type {
    padding-bottom: 5rem; }
  .catalog--inverted .catalog__wrapper {
    justify-content: flex-end; }
  .catalog--inverted .catalog__block {
    left: 0;
    right: auto; }
  .catalog--inverted .catalog__img {
    right: auto;
    left: 0; }
  .catalog--inverted .catalog__item {
    padding-left: 20%; }
    .catalog--inverted .catalog__item:before {
      left: 100%;
      right: auto; }

.catalog__wrapper {
  margin-top: -4rem;
  display: flex;
  align-items: center; }

.catalog__item {
  width: 70%;
  flex: 0 0 70%;
  height: 31rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: #EDF0F2;
  position: relative; }
  .catalog__item:before {
    width: 50vw;
    height: 100%;
    content: '';
    position: absolute;
    top: 0;
    right: 100%;
    background-color: #EDF0F2; }

.catalog__block {
  max-width: 37rem;
  width: 100%;
  padding: 3rem;
  background: #FFFFFF;
  border-radius: 2px;
  position: absolute;
  right: 1rem;
  border: 1px solid #CDD2D6; }

.catalog__block-item {
  height: 6rem;
  padding: 0 2rem;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
  filter: grayscale(100%);
  position: relative; }
  .catalog__block-item:after {
    width: 1.6rem;
    height: 1.6rem;
    content: '';
    position: absolute;
    top: -.8rem;
    right: -.8rem;
    background: url("/images/checkmark.svg") no-repeat;
    opacity: 0;
    visibility: hidden; }
  .catalog__block-item:last-of-type {
    margin-bottom: 0; }
  .catalog__block-item.active {
    filter: none; }
    .catalog__block-item.active:after {
      opacity: 1;
      visibility: visible; }
  .catalog__block-item .price {
    font-size: 1.2rem;
    color: #fff; }

.catalog__block-content .title {
  font-size: 1.2rem;
  color: #fff; }

.catalog__block-content .text {
  font-size: .8rem;
  color: #c7c7c7; }

.catalog__img {
  position: absolute;
  right: 0;
  max-width: 37rem;
  max-height: 26rem; }

.faq {
  margin-top: 4rem; }

.template__info-block {
  margin-bottom: 4rem;
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .template__info-block:nth-child(2n) {
    flex-direction: row-reverse; }

.template__info-item {
  width: 50%;
  color: #313131; }
  .template__info-item .title {
    margin-bottom: 2rem;
    font-weight: 700;
    font-size: 1.6rem; }
  .template__info-item .text {
    line-height: 1.8; }

.template__info-img {
  width: 45%;
  object-fit: cover; }

/* 16. Marks
=========================*/
.mark {
  display: inline-block;
  vertical-align: middle;
  padding: 0.2em 0.5em;
  margin-bottom: 5px;
  color: #fff;
  font-size: 0.8em;
  line-height: 1.2em;
  /* Colors */
  /* Border */
  /* Styling */ }
  .mark--gray {
    background-color: #858585; }
  .mark--red {
    background-color: #f44336; }
  .mark--rblack {
    background-color: #000; }
  .mark--purple {
    background-color: #9132C1; }
  .mark--blue {
    background-color: #1976d2; }
  .mark--teal {
    background-color: #2CD6C7; }
  .mark--green {
    background-color: #148431; }
  .mark--main {
    background-color: #5029BD; }
  .mark--secondary {
    background-color: #000; }
  .mark--third {
    background-color: #87B670; }
  .mark--black {
    background-color: #101010; }
  .mark--o-gray {
    color: #858585;
    border: 1px solid #858585; }
  .mark--o-red {
    color: #f44336;
    border: 1px solid #f44336; }
  .mark--o-rblack {
    color: #000;
    border: 1px solid #000; }
  .mark--o-purple {
    color: #9132C1;
    border: 1px solid #9132C1; }
  .mark--o-blue {
    color: #1976d2;
    border: 1px solid #1976d2; }
  .mark--o-teal {
    color: #2CD6C7;
    border: 1px solid #2CD6C7; }
  .mark--o-green {
    color: #148431;
    border: 1px solid #148431; }
  .mark--o-main {
    color: #5029BD;
    border: 1px solid #5029BD; }
  .mark--o-secondary {
    color: #000;
    border: 1px solid #000; }
  .mark--o-third {
    color: #87B670;
    border: 1px solid #87B670; }
  .mark--o-black {
    color: #101010;
    border: 1px solid #101010; }
  .mark--rounded {
    border-radius: 0.3em; }
  .mark--shadow {
    box-shadow: 1px 1px 0.3em rgba(0, 0, 0, 0.4); }

.mark__tip {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  padding: 0.2em 0.5em;
  margin-bottom: 5px;
  color: #fff;
  font-size: 0.8em;
  line-height: 1.2em;
  /* Styling */
  /* Border */
  /* Colors */
  /* Positions Top
==========================*/
  /* Positions Bottom
    ==========================*/
  /* Positions Left & Right
    ==========================*/ }
  .mark__tip--rounded {
    border-radius: 0.3em; }
  .mark__tip--shadow {
    box-shadow: 1px 1px 0.3em rgba(0, 0, 0, 0.4); }
  .mark__tip--o-gray {
    color: #858585;
    border: 1px solid #858585; }
  .mark__tip--o-red {
    color: #f44336;
    border: 1px solid #f44336; }
  .mark__tip--o-rblack {
    color: #000;
    border: 1px solid #000; }
  .mark__tip--o-purple {
    color: #9132C1;
    border: 1px solid #9132C1; }
  .mark__tip--o-blue {
    color: #1976d2;
    border: 1px solid #1976d2; }
  .mark__tip--o-teal {
    color: #2CD6C7;
    border: 1px solid #2CD6C7; }
  .mark__tip--o-green {
    color: #148431;
    border: 1px solid #148431; }
  .mark__tip--o-main {
    color: #5029BD;
    border: 1px solid #5029BD; }
  .mark__tip--o-secondary {
    color: #000;
    border: 1px solid #000; }
  .mark__tip--o-third {
    color: #87B670;
    border: 1px solid #87B670; }
  .mark__tip--o-black {
    color: #101010;
    border: 1px solid #101010; }
  .mark__tip--gray {
    background-color: #858585; }
  .mark__tip--red {
    background-color: #f44336; }
  .mark__tip--rblack {
    background-color: #000; }
  .mark__tip--purple {
    background-color: #9132C1; }
  .mark__tip--blue {
    background-color: #1976d2; }
  .mark__tip--teal {
    background-color: #2CD6C7; }
  .mark__tip--green {
    background-color: #148431; }
  .mark__tip--main {
    background-color: #5029BD; }
  .mark__tip--secondary {
    background-color: #000; }
  .mark__tip--third {
    background-color: #87B670; }
  .mark__tip--black {
    background-color: #101010; }
  .mark__tip.mark__tip--top-left:before {
    border-top-color: #101010; }
  .mark__tip.mark__tip--top-right:before {
    border-top-color: #101010; }
  .mark__tip.mark__tip--top:before {
    border-top-color: #101010; }
  .mark__tip.mark__tip--bottom-left:before {
    border-bottom-color: #101010; }
  .mark__tip.mark__tip--bottom-right:before {
    border-bottom-color: #101010; }
  .mark__tip.mark__tip--bottom:before {
    border-bottom-color: #101010; }
  .mark__tip.mark__tip--left:before {
    border-left-color: #101010; }
  .mark__tip.mark__tip--right:before {
    border-right-color: #101010; }
  .mark__tip:before {
    pointer-events: none;
    position: absolute;
    z-index: 2;
    transition: 0.2s ease;
    transition-delay: 0ms; }
  .mark__tip:before {
    content: "";
    border: 8px solid transparent; }
  .mark__tip:hover:before, .mark__tip:hover:after {
    visibility: visible;
    opacity: 1;
    transition-delay: .1s; }
  .mark__tip--top:before {
    left: 50%;
    transform: translate3d(-50%, 8px, 0); }
  .mark__tip--top:before {
    bottom: -8px; }
  .mark__tip--bottom:before {
    left: 50%;
    transform: translate3d(-50%, -8px, 0); }
  .mark__tip--bottom:before {
    top: -8px; }
  .mark__tip--left:before {
    top: 50%;
    transform: translate3d(0, -50%, 0); }
  .mark__tip--left:before {
    left: 100%; }
  .mark__tip--right:before {
    top: 50%;
    transform: translate3d(0, -50%, 0); }
  .mark__tip--right:before {
    right: 100%; }
  .mark__tip--gray.mark__tip--top-left:before {
    border-top-color: #858585; }
  .mark__tip--gray.mark__tip--top-right:before {
    border-top-color: #858585; }
  .mark__tip--gray.mark__tip--top:before {
    border-top-color: #858585; }
  .mark__tip--gray.mark__tip--bottom-left:before {
    border-bottom-color: #858585; }
  .mark__tip--gray.mark__tip--bottom-right:before {
    border-bottom-color: #858585; }
  .mark__tip--gray.mark__tip--bottom:before {
    border-bottom-color: #858585; }
  .mark__tip--gray.mark__tip--left:before {
    border-left-color: #858585; }
  .mark__tip--gray.mark__tip--right:before {
    border-right-color: #858585; }
  .mark__tip--red.mark__tip--top-left:before {
    border-top-color: #f44336; }
  .mark__tip--red.mark__tip--top-right:before {
    border-top-color: #f44336; }
  .mark__tip--red.mark__tip--top:before {
    border-top-color: #f44336; }
  .mark__tip--red.mark__tip--bottom-left:before {
    border-bottom-color: #f44336; }
  .mark__tip--red.mark__tip--bottom-right:before {
    border-bottom-color: #f44336; }
  .mark__tip--red.mark__tip--bottom:before {
    border-bottom-color: #f44336; }
  .mark__tip--red.mark__tip--left:before {
    border-left-color: #f44336; }
  .mark__tip--red.mark__tip--right:before {
    border-right-color: #f44336; }
  .mark__tip--rblack.mark__tip--top-left:before {
    border-top-color: #000; }
  .mark__tip--rblack.mark__tip--top-right:before {
    border-top-color: #000; }
  .mark__tip--rblack.mark__tip--top:before {
    border-top-color: #000; }
  .mark__tip--rblack.mark__tip--bottom-left:before {
    border-bottom-color: #000; }
  .mark__tip--rblack.mark__tip--bottom-right:before {
    border-bottom-color: #000; }
  .mark__tip--rblack.mark__tip--bottom:before {
    border-bottom-color: #000; }
  .mark__tip--rblack.mark__tip--left:before {
    border-left-color: #000; }
  .mark__tip--rblack.mark__tip--right:before {
    border-right-color: #000; }
  .mark__tip--purple.mark__tip--top-left:before {
    border-top-color: #9132C1; }
  .mark__tip--purple.mark__tip--top-right:before {
    border-top-color: #9132C1; }
  .mark__tip--purple.mark__tip--top:before {
    border-top-color: #9132C1; }
  .mark__tip--purple.mark__tip--bottom-left:before {
    border-bottom-color: #9132C1; }
  .mark__tip--purple.mark__tip--bottom-right:before {
    border-bottom-color: #9132C1; }
  .mark__tip--purple.mark__tip--bottom:before {
    border-bottom-color: #9132C1; }
  .mark__tip--purple.mark__tip--left:before {
    border-left-color: #9132C1; }
  .mark__tip--purple.mark__tip--right:before {
    border-right-color: #9132C1; }
  .mark__tip--blue.mark__tip--top-left:before {
    border-top-color: #1976d2; }
  .mark__tip--blue.mark__tip--top-right:before {
    border-top-color: #1976d2; }
  .mark__tip--blue.mark__tip--top:before {
    border-top-color: #1976d2; }
  .mark__tip--blue.mark__tip--bottom-left:before {
    border-bottom-color: #1976d2; }
  .mark__tip--blue.mark__tip--bottom-right:before {
    border-bottom-color: #1976d2; }
  .mark__tip--blue.mark__tip--bottom:before {
    border-bottom-color: #1976d2; }
  .mark__tip--blue.mark__tip--left:before {
    border-left-color: #1976d2; }
  .mark__tip--blue.mark__tip--right:before {
    border-right-color: #1976d2; }
  .mark__tip--teal.mark__tip--top-left:before {
    border-top-color: #2CD6C7; }
  .mark__tip--teal.mark__tip--top-right:before {
    border-top-color: #2CD6C7; }
  .mark__tip--teal.mark__tip--top:before {
    border-top-color: #2CD6C7; }
  .mark__tip--teal.mark__tip--bottom-left:before {
    border-bottom-color: #2CD6C7; }
  .mark__tip--teal.mark__tip--bottom-right:before {
    border-bottom-color: #2CD6C7; }
  .mark__tip--teal.mark__tip--bottom:before {
    border-bottom-color: #2CD6C7; }
  .mark__tip--teal.mark__tip--left:before {
    border-left-color: #2CD6C7; }
  .mark__tip--teal.mark__tip--right:before {
    border-right-color: #2CD6C7; }
  .mark__tip--green.mark__tip--top-left:before {
    border-top-color: #148431; }
  .mark__tip--green.mark__tip--top-right:before {
    border-top-color: #148431; }
  .mark__tip--green.mark__tip--top:before {
    border-top-color: #148431; }
  .mark__tip--green.mark__tip--bottom-left:before {
    border-bottom-color: #148431; }
  .mark__tip--green.mark__tip--bottom-right:before {
    border-bottom-color: #148431; }
  .mark__tip--green.mark__tip--bottom:before {
    border-bottom-color: #148431; }
  .mark__tip--green.mark__tip--left:before {
    border-left-color: #148431; }
  .mark__tip--green.mark__tip--right:before {
    border-right-color: #148431; }
  .mark__tip--main.mark__tip--top-left:before {
    border-top-color: #5029BD; }
  .mark__tip--main.mark__tip--top-right:before {
    border-top-color: #5029BD; }
  .mark__tip--main.mark__tip--top:before {
    border-top-color: #5029BD; }
  .mark__tip--main.mark__tip--bottom-left:before {
    border-bottom-color: #5029BD; }
  .mark__tip--main.mark__tip--bottom-right:before {
    border-bottom-color: #5029BD; }
  .mark__tip--main.mark__tip--bottom:before {
    border-bottom-color: #5029BD; }
  .mark__tip--main.mark__tip--left:before {
    border-left-color: #5029BD; }
  .mark__tip--main.mark__tip--right:before {
    border-right-color: #5029BD; }
  .mark__tip--secondary.mark__tip--top-left:before {
    border-top-color: #000; }
  .mark__tip--secondary.mark__tip--top-right:before {
    border-top-color: #000; }
  .mark__tip--secondary.mark__tip--top:before {
    border-top-color: #000; }
  .mark__tip--secondary.mark__tip--bottom-left:before {
    border-bottom-color: #000; }
  .mark__tip--secondary.mark__tip--bottom-right:before {
    border-bottom-color: #000; }
  .mark__tip--secondary.mark__tip--bottom:before {
    border-bottom-color: #000; }
  .mark__tip--secondary.mark__tip--left:before {
    border-left-color: #000; }
  .mark__tip--secondary.mark__tip--right:before {
    border-right-color: #000; }
  .mark__tip--third.mark__tip--top-left:before {
    border-top-color: #87B670; }
  .mark__tip--third.mark__tip--top-right:before {
    border-top-color: #87B670; }
  .mark__tip--third.mark__tip--top:before {
    border-top-color: #87B670; }
  .mark__tip--third.mark__tip--bottom-left:before {
    border-bottom-color: #87B670; }
  .mark__tip--third.mark__tip--bottom-right:before {
    border-bottom-color: #87B670; }
  .mark__tip--third.mark__tip--bottom:before {
    border-bottom-color: #87B670; }
  .mark__tip--third.mark__tip--left:before {
    border-left-color: #87B670; }
  .mark__tip--third.mark__tip--right:before {
    border-right-color: #87B670; }
  .mark__tip--black.mark__tip--top-left:before {
    border-top-color: #101010; }
  .mark__tip--black.mark__tip--top-right:before {
    border-top-color: #101010; }
  .mark__tip--black.mark__tip--top:before {
    border-top-color: #101010; }
  .mark__tip--black.mark__tip--bottom-left:before {
    border-bottom-color: #101010; }
  .mark__tip--black.mark__tip--bottom-right:before {
    border-bottom-color: #101010; }
  .mark__tip--black.mark__tip--bottom:before {
    border-bottom-color: #101010; }
  .mark__tip--black.mark__tip--left:before {
    border-left-color: #101010; }
  .mark__tip--black.mark__tip--right:before {
    border-right-color: #101010; }

/* 25. Code
=========================*/
/* Styling */
.code {
  display: block;
  margin: 10px 0;
  padding: 0.8em;
  background-color: #CECECE;
  border-left: 3px solid #c1c1c1;
  /* Colors */
  /* Styling */ }
  .code pre {
    margin: 0;
    font-size: 1em;
    line-height: 1.2;
    font-family: Consolas, sans-serif;
    color: #101010;
    white-space: pre-wrap; }
  .code--gray {
    background-color: #858585;
    border-left-color: #6c6c6c;
    color: #fff; }
    .code--gray pre {
      color: #fff; }
  .code--red {
    background-color: #f44336;
    border-left-color: #ea1c0d;
    color: #fff; }
    .code--red pre {
      color: #fff; }
  .code--rblack {
    background-color: #000;
    border-left-color: black;
    color: #fff; }
    .code--rblack pre {
      color: #fff; }
  .code--purple {
    background-color: #9132C1;
    border-left-color: #732898;
    color: #fff; }
    .code--purple pre {
      color: #fff; }
  .code--blue {
    background-color: #1976d2;
    border-left-color: #145ca4;
    color: #fff; }
    .code--blue pre {
      color: #fff; }
  .code--teal {
    background-color: #2CD6C7;
    border-left-color: #22ada1;
    color: #fff; }
    .code--teal pre {
      color: #fff; }
  .code--green {
    background-color: #148431;
    border-left-color: #0d5821;
    color: #fff; }
    .code--green pre {
      color: #fff; }
  .code--main {
    background-color: #5029BD;
    border-left-color: #3e2093;
    color: #fff; }
    .code--main pre {
      color: #fff; }
  .code--secondary {
    background-color: #000;
    border-left-color: black;
    color: #fff; }
    .code--secondary pre {
      color: #fff; }
  .code--third {
    background-color: #87B670;
    border-left-color: #6ca152;
    color: #fff; }
    .code--third pre {
      color: #fff; }
  .code--black {
    background-color: #101010;
    border-left-color: black;
    color: #fff; }
    .code--black pre {
      color: #fff; }
  .code--rounded {
    border-radius: 0.3em; }
  .code--shadow {
    box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.3); }

/* 26. Snippet
=========================*/
/* Styling */
.snippet {
  padding: 0.2em 0.5em;
  background-color: #CECECE;
  font-family: Consolas, sans-serif;
  font-size: 0.8em;
  color: #101010;
  line-height: 1;
  white-space: nowrap;
  /* Colors */ }
  .snippet--gray {
    background-color: #858585;
    color: #fff; }
  .snippet--red {
    background-color: #f44336;
    color: #fff; }
  .snippet--rblack {
    background-color: #000;
    color: #fff; }
  .snippet--purple {
    background-color: #9132C1;
    color: #fff; }
  .snippet--blue {
    background-color: #1976d2;
    color: #fff; }
  .snippet--teal {
    background-color: #2CD6C7;
    color: #fff; }
  .snippet--green {
    background-color: #148431;
    color: #fff; }
  .snippet--main {
    background-color: #5029BD;
    color: #fff; }
  .snippet--secondary {
    background-color: #000;
    color: #fff; }
  .snippet--third {
    background-color: #87B670;
    color: #fff; }
  .snippet--black {
    background-color: #101010;
    color: #fff; }
  .snippet--rounded {
    border-radius: 0.25em; }
  .snippet--shadow {
    box-shadow: 1px 1px 0.4em rgba(0, 0, 0, 0.3); }

/* 28. Separator
=========================*/
/* Title */
/* Styling */
.separator {
  margin: 1em 0;
  min-height: 2px;
  text-align: center;
  position: relative; }
  .separator:before {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background-color: #101010;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 1;
    margin-top: -1px; }
  .separator--gradient {
    height: 10px;
    background: repeating-linear-gradient(45deg, #f44336 25%, #CECECE 0, #CECECE 50%, #f44336 0, #f44336 75%, #CECECE 0);
    background-size: 10px 10px; }
    .separator--gradient:before {
      display: none; }

.separator__title {
  display: inline-block;
  vertical-align: middle;
  padding: 0.5em 2.5em;
  background-color: #101010;
  border: 1px solid #101010;
  font-size: 1.2em;
  line-height: 1.2;
  color: #fbc02d;
  position: relative;
  z-index: 2;
  /* Styling */ }
  .separator__title--rounded {
    border-radius: 0.3em; }
  .separator__title--ellipse {
    border-radius: 50%; }
  .separator__title--shadow {
    box-shadow: 0 0 0.3em rgba(0, 0, 0, 0.3); }

.tip {
  display: inline-block;
  vertical-align: baseline;
  position: relative;
  /* Positions Top
    ==========================*/
  /* Positions Bottom
    ==========================*/
  /* Positions Left & Right
    ==========================*/
  /* Sizes
    ==========================*/
  /* Styling
    ==========================*/
  /* Colors
    ==========================*/ }
  .tip.tip--top-left:before {
    border-top-color: #101010; }
  .tip.tip--top-right:before {
    border-top-color: #101010; }
  .tip.tip--top:before {
    border-top-color: #101010; }
  .tip.tip--bottom-left:before {
    border-bottom-color: #101010; }
  .tip.tip--bottom-right:before {
    border-bottom-color: #101010; }
  .tip.tip--bottom:before {
    border-bottom-color: #101010; }
  .tip.tip--left:before {
    border-left-color: #101010; }
  .tip.tip--right:before {
    border-right-color: #101010; }
  .tip:before, .tip:after {
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    z-index: 1000;
    transition: 0.2s ease;
    transition-delay: 0ms; }
  .tip:before {
    content: "";
    border: 4px solid transparent; }
  .tip:after {
    content: attr(aria-label);
    padding: 6px 10px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 1;
    text-align: center;
    color: #fff;
    white-space: nowrap;
    background-color: #101010; }
  .tip:hover:before, .tip:hover:after {
    visibility: visible;
    opacity: 1;
    transition-delay: .1s; }
  .tip--top:before, .tip--top:after {
    left: 50%;
    transform: translate3d(-50%, 8px, 0); }
  .tip--top:before {
    top: -4px; }
  .tip--top:after {
    bottom: 100%;
    margin-bottom: 4px; }
  .tip--top:hover:before, .tip--top:hover:after {
    transform: translate3d(-50%, 0, 0); }
  .tip--top-left:before {
    top: -4px;
    left: calc(50% - 4px);
    transform: translate3d(0, 8px, 0); }
  .tip--top-left:after {
    left: 50%;
    bottom: 100%;
    margin-bottom: 4px;
    margin-left: 15px;
    transform: translate3d(-100%, 8px, 0); }
  .tip--top-left:hover:before {
    transform: translate3d(0, 0, 0); }
  .tip--top-left:hover:after {
    transform: translate3d(-100%, 0, 0); }
  .tip--top-right:before {
    top: -4px;
    left: calc(50% - 4px);
    transform: translate3d(0, 8px, 0); }
  .tip--top-right:after {
    left: 50%;
    bottom: 100%;
    margin-bottom: 4px;
    margin-left: -15px;
    transform: translate3d(0, 8px, 0); }
  .tip--top-right:hover:before, .tip--top-right:hover:after {
    transform: translate3d(0, 0, 0); }
  .tip--bottom:before, .tip--bottom:after {
    left: 50%;
    transform: translate3d(-50%, -8px, 0); }
  .tip--bottom:before {
    bottom: -4px; }
  .tip--bottom:after {
    top: 100%;
    margin-top: 4px; }
  .tip--bottom:hover:before, .tip--bottom:hover:after {
    transform: translate3d(-50%, 0, 0); }
  .tip--bottom-left:before {
    bottom: -4px;
    left: calc(50% - 4px);
    transform: translate3d(0, -8px, 0); }
  .tip--bottom-left:after {
    left: 50%;
    top: 100%;
    margin-top: 4px;
    margin-left: 15px;
    transform: translate3d(-100%, -8px, 0); }
  .tip--bottom-left:hover:before {
    transform: translate3d(0, 0, 0); }
  .tip--bottom-left:hover:after {
    transform: translate3d(-100%, 0, 0); }
  .tip--bottom-right:before {
    bottom: -4px;
    left: calc(50% - 4px);
    transform: translate3d(0, -8px, 0); }
  .tip--bottom-right:after {
    left: 50%;
    top: 100%;
    margin-top: 4px;
    margin-left: -15px;
    transform: translate3d(0, -8px, 0); }
  .tip--bottom-right:hover:before, .tip--bottom-right:hover:after {
    transform: translate3d(0, 0, 0); }
  .tip--left:before, .tip--left:after {
    top: 50%;
    transform: translate3d(8px, -50%, 0); }
  .tip--left:before {
    right: 100%; }
  .tip--left:after {
    right: 100%;
    margin-right: 8px; }
  .tip--left:hover:before, .tip--left:hover:after {
    transform: translate3d(0, -50%, 0); }
  .tip--right:before, .tip--right:after {
    top: 50%;
    transform: translate3d(-8px, -50%, 0); }
  .tip--right:before {
    left: 100%; }
  .tip--right:after {
    left: 100%;
    margin-left: 8px; }
  .tip--right:hover:before, .tip--right:hover:after {
    transform: translate3d(0, -50%, 0); }
  .tip--sm:after, .tip--md:after, .tip--lg:after, .tip--full:after {
    white-space: normal; }
  .tip--sm:after {
    width: 70px; }
  .tip--md:after {
    width: 150px; }
  .tip--lg:after {
    width: 250px; }
  .tip--full:after {
    width: 100%; }
  .tip--shadow:after {
    box-shadow: 0 0 10px 2px rgba(16, 16, 16, 0.4); }
  .tip--rounded:after {
    border-radius: 4px; }
  .tip--gray.tip--top-left:before {
    border-top-color: #858585; }
  .tip--gray.tip--top-right:before {
    border-top-color: #858585; }
  .tip--gray.tip--top:before {
    border-top-color: #858585; }
  .tip--gray.tip--bottom-left:before {
    border-bottom-color: #858585; }
  .tip--gray.tip--bottom-right:before {
    border-bottom-color: #858585; }
  .tip--gray.tip--bottom:before {
    border-bottom-color: #858585; }
  .tip--gray.tip--left:before {
    border-left-color: #858585; }
  .tip--gray.tip--right:before {
    border-right-color: #858585; }
  .tip--gray:after {
    background-color: #858585; }
  .tip--red.tip--top-left:before {
    border-top-color: #f44336; }
  .tip--red.tip--top-right:before {
    border-top-color: #f44336; }
  .tip--red.tip--top:before {
    border-top-color: #f44336; }
  .tip--red.tip--bottom-left:before {
    border-bottom-color: #f44336; }
  .tip--red.tip--bottom-right:before {
    border-bottom-color: #f44336; }
  .tip--red.tip--bottom:before {
    border-bottom-color: #f44336; }
  .tip--red.tip--left:before {
    border-left-color: #f44336; }
  .tip--red.tip--right:before {
    border-right-color: #f44336; }
  .tip--red:after {
    background-color: #f44336; }
  .tip--rblack.tip--top-left:before {
    border-top-color: #000; }
  .tip--rblack.tip--top-right:before {
    border-top-color: #000; }
  .tip--rblack.tip--top:before {
    border-top-color: #000; }
  .tip--rblack.tip--bottom-left:before {
    border-bottom-color: #000; }
  .tip--rblack.tip--bottom-right:before {
    border-bottom-color: #000; }
  .tip--rblack.tip--bottom:before {
    border-bottom-color: #000; }
  .tip--rblack.tip--left:before {
    border-left-color: #000; }
  .tip--rblack.tip--right:before {
    border-right-color: #000; }
  .tip--rblack:after {
    background-color: #000; }
  .tip--purple.tip--top-left:before {
    border-top-color: #9132C1; }
  .tip--purple.tip--top-right:before {
    border-top-color: #9132C1; }
  .tip--purple.tip--top:before {
    border-top-color: #9132C1; }
  .tip--purple.tip--bottom-left:before {
    border-bottom-color: #9132C1; }
  .tip--purple.tip--bottom-right:before {
    border-bottom-color: #9132C1; }
  .tip--purple.tip--bottom:before {
    border-bottom-color: #9132C1; }
  .tip--purple.tip--left:before {
    border-left-color: #9132C1; }
  .tip--purple.tip--right:before {
    border-right-color: #9132C1; }
  .tip--purple:after {
    background-color: #9132C1; }
  .tip--blue.tip--top-left:before {
    border-top-color: #1976d2; }
  .tip--blue.tip--top-right:before {
    border-top-color: #1976d2; }
  .tip--blue.tip--top:before {
    border-top-color: #1976d2; }
  .tip--blue.tip--bottom-left:before {
    border-bottom-color: #1976d2; }
  .tip--blue.tip--bottom-right:before {
    border-bottom-color: #1976d2; }
  .tip--blue.tip--bottom:before {
    border-bottom-color: #1976d2; }
  .tip--blue.tip--left:before {
    border-left-color: #1976d2; }
  .tip--blue.tip--right:before {
    border-right-color: #1976d2; }
  .tip--blue:after {
    background-color: #1976d2; }
  .tip--teal.tip--top-left:before {
    border-top-color: #2CD6C7; }
  .tip--teal.tip--top-right:before {
    border-top-color: #2CD6C7; }
  .tip--teal.tip--top:before {
    border-top-color: #2CD6C7; }
  .tip--teal.tip--bottom-left:before {
    border-bottom-color: #2CD6C7; }
  .tip--teal.tip--bottom-right:before {
    border-bottom-color: #2CD6C7; }
  .tip--teal.tip--bottom:before {
    border-bottom-color: #2CD6C7; }
  .tip--teal.tip--left:before {
    border-left-color: #2CD6C7; }
  .tip--teal.tip--right:before {
    border-right-color: #2CD6C7; }
  .tip--teal:after {
    background-color: #2CD6C7; }
  .tip--green.tip--top-left:before {
    border-top-color: #148431; }
  .tip--green.tip--top-right:before {
    border-top-color: #148431; }
  .tip--green.tip--top:before {
    border-top-color: #148431; }
  .tip--green.tip--bottom-left:before {
    border-bottom-color: #148431; }
  .tip--green.tip--bottom-right:before {
    border-bottom-color: #148431; }
  .tip--green.tip--bottom:before {
    border-bottom-color: #148431; }
  .tip--green.tip--left:before {
    border-left-color: #148431; }
  .tip--green.tip--right:before {
    border-right-color: #148431; }
  .tip--green:after {
    background-color: #148431; }
  .tip--main.tip--top-left:before {
    border-top-color: #5029BD; }
  .tip--main.tip--top-right:before {
    border-top-color: #5029BD; }
  .tip--main.tip--top:before {
    border-top-color: #5029BD; }
  .tip--main.tip--bottom-left:before {
    border-bottom-color: #5029BD; }
  .tip--main.tip--bottom-right:before {
    border-bottom-color: #5029BD; }
  .tip--main.tip--bottom:before {
    border-bottom-color: #5029BD; }
  .tip--main.tip--left:before {
    border-left-color: #5029BD; }
  .tip--main.tip--right:before {
    border-right-color: #5029BD; }
  .tip--main:after {
    background-color: #5029BD; }
  .tip--secondary.tip--top-left:before {
    border-top-color: #000; }
  .tip--secondary.tip--top-right:before {
    border-top-color: #000; }
  .tip--secondary.tip--top:before {
    border-top-color: #000; }
  .tip--secondary.tip--bottom-left:before {
    border-bottom-color: #000; }
  .tip--secondary.tip--bottom-right:before {
    border-bottom-color: #000; }
  .tip--secondary.tip--bottom:before {
    border-bottom-color: #000; }
  .tip--secondary.tip--left:before {
    border-left-color: #000; }
  .tip--secondary.tip--right:before {
    border-right-color: #000; }
  .tip--secondary:after {
    background-color: #000; }
  .tip--third.tip--top-left:before {
    border-top-color: #87B670; }
  .tip--third.tip--top-right:before {
    border-top-color: #87B670; }
  .tip--third.tip--top:before {
    border-top-color: #87B670; }
  .tip--third.tip--bottom-left:before {
    border-bottom-color: #87B670; }
  .tip--third.tip--bottom-right:before {
    border-bottom-color: #87B670; }
  .tip--third.tip--bottom:before {
    border-bottom-color: #87B670; }
  .tip--third.tip--left:before {
    border-left-color: #87B670; }
  .tip--third.tip--right:before {
    border-right-color: #87B670; }
  .tip--third:after {
    background-color: #87B670; }
  .tip--black.tip--top-left:before {
    border-top-color: #101010; }
  .tip--black.tip--top-right:before {
    border-top-color: #101010; }
  .tip--black.tip--top:before {
    border-top-color: #101010; }
  .tip--black.tip--bottom-left:before {
    border-bottom-color: #101010; }
  .tip--black.tip--bottom-right:before {
    border-bottom-color: #101010; }
  .tip--black.tip--bottom:before {
    border-bottom-color: #101010; }
  .tip--black.tip--left:before {
    border-left-color: #101010; }
  .tip--black.tip--right:before {
    border-right-color: #101010; }
  .tip--black:after {
    background-color: #101010; }

.content-photo-gallery {
  display: table;
  width: 100%; }

.error {
  border: 1px solid #f44336; }

/* Helpers (must be as last import to override rules when use)
=======================*/
.hide, .hidden {
  display: none; }

.ghost {
  opacity: 0; }

.unvisible {
  visibility: hidden; }

.visible {
  visibility: visible; }

.text-gray {
  color: #858585; }

.text-red {
  color: #f44336; }

.text-rblack {
  color: #000; }

.text-purple {
  color: #9132C1; }

.text-blue {
  color: #1976d2; }

.text-teal {
  color: #2CD6C7; }

.text-green {
  color: #148431; }

.text-main {
  color: #5029BD; }

.text-secondary {
  color: #000; }

.text-third {
  color: #87B670; }

.text-black {
  color: #101010; }

.bg-gray {
  background-color: #858585; }

.bg-red {
  background-color: #f44336; }

.bg-rblack {
  background-color: #000; }

.bg-purple {
  background-color: #9132C1; }

.bg-blue {
  background-color: #1976d2; }

.bg-teal {
  background-color: #2CD6C7; }

.bg-green {
  background-color: #148431; }

.bg-main {
  background-color: #5029BD; }

.bg-secondary {
  background-color: #000; }

.bg-third {
  background-color: #87B670; }

.bg-black {
  background-color: #101010; }

.text-xs {
  font-size: .7em; }

.text-s {
  font-size: .8em; }

.text-m {
  font-size: 1.2em; }

.text-l {
  font-size: 1.4em; }

.text-xl {
  font-size: 1.6em; }

.text-xxl {
  font-size: 1.8em; }

.text-thin {
  font-weight: 100; }

.text-xlight {
  font-weight: 200; }

.text-light {
  font-weight: 300; }

.text-normal {
  font-weight: 400; }

.text-medium {
  font-weight: 500; }

.text-sbold {
  font-weight: 600; }

.text-bold {
  font-weight: 700; }

.text-xbold {
  font-weight: 800; }

.text-hbold {
  font-weight: 900; }

.text-italic {
  font-style: italic; }

.text-oblique {
  font-style: oblique; }

.text-normal {
  font-style: normal; }

.text-upper {
  text-transform: uppercase; }

.text-lower {
  text-transform: lowercase; }

.text-no-transform {
  text-transform: none; }

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

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

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

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

.text-decor-under {
  text-decoration: underline; }

.text-decor-over {
  text-decoration: overline; }

.text-decor-lt {
  text-decoration: line-through; }

.text-decor-none {
  text-decoration: none; }

.float-right, .to-right {
  float: right; }

.float-left, .to-left {
  float: left; }

.center-block {
  display: block;
  margin: 0 auto; }

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

.va-middle {
  vertical-align: middle; }

.va-top {
  vertical-align: top; }

.va-bottom {
  vertical-align: bottom; }

.full-width {
  width: 100%; }

.display-inline {
  display: inline; }

.display-block {
  display: block; }

.display-inline-block {
  display: inline-block; }

.mb-0 {
  margin-bottom: 0; }

.mb-10 {
  margin-bottom: 10px; }

.mb-20 {
  margin-bottom: 20px; }

.mb-30 {
  margin-bottom: 30px; }

.no-wrap {
  white-space: nowrap; }

.pl-20 {
  padding-left: 20px; }

.pl-15 {
  padding-left: 15px; }

.pl-10 {
  padding-left: 10px; }

@media (max-width: 992px) {
  .text-center-md {
    text-align: center; }
  .flex--mobile {
    display: flex;
    flex-direction: column; }
  .flex__last {
    order: 2; }
  .flex__first {
    order: 1; } }

@media print {
  .intro--cabinet {
    display: none; }
  .footer {
    display: none; }
  body.cabinet-page .page {
    background: #fff; }
  body.inside .header:after {
    display: none; }
  .products {
    display: none; }
  .product__big-img {
    width: 300px;
    height: 300px; }
  .header {
    position: static; }
  .header-line {
    height: 120px;
    display: block;
    position: relative; }
  .content-title {
    display: none; }
  .navbar__link {
    display: none; }
  .header-contacts {
    display: block; }
  .header-burger {
    display: none; }
  .navbar__nav--icons {
    display: none; }
  .btn {
    display: none; }
  .alert {
    background-color: #fff;
    color: #101010; }
  .cabinet__container {
    box-shadow: none; } }

.show-mobile {
  display: none; }

@media (max-width: 500px) {
  .show-mobile {
    display: block; } }

@media (max-width: 992px) {
  .mobile-hidden {
    display: none; } }

@media (min-width: 992px) {
  .desktop-hidden {
    display: none; } }

.width-auto {
  width: auto; }

@media (max-width: 1366px) {
  .header__action-item {
    font-size: .8rem; }
    .header__action-item .name {
      font-size: 0; }
  .header__action-img {
    margin-right: 0; }
  .header__action {
    margin-right: 2rem; }
    .header__action:not(:last-child):after {
      right: -1rem; } }

@media (max-width: 1260px) {
  .container {
    width: 100%; }
  .main-slider--inside .intro__block {
    max-width: 42rem; }
  .support__img img {
    transform: translateX(0); } }

@media (max-width: 992px) {
  .catalog-block {
    padding: 3rem 0; }
  .intro__slider-content {
    padding: 2rem 0; }
  .product__block:first-child {
    width: 70%; }
  .how__block {
    width: 60%;
    margin-bottom: 5rem; }
    .how__block .img {
      margin: 0 auto; }
    .how__block--img {
      width: 40%; }
  .intro__shape {
    display: none; }
  .how__shape {
    display: none; }
  .how__subtitle {
    font-size: 1rem; }
  .how__text {
    font-size: 1rem; }
  .how__title {
    font-size: 2rem; }
  .page__intro .img {
    max-height: 20rem; }
  .intro__info {
    flex-direction: column; }
  .lng__link {
    text-transform: uppercase; }
  .page__intro {
    padding: 2rem 0 6rem;
    justify-content: center; }
    .page__intro .img {
      display: none; }
  .support__wrapper {
    flex-direction: column;
    height: auto;
    padding: 3rem 0 0; }
  .support:before {
    top: 50%;
    left: 50%;
    transform: translateX(-50%); }
  .template__info-block {
    flex-direction: column; }
    .template__info-block:nth-child(2) {
      flex-direction: column; }
  .template__info-item {
    margin-bottom: 1rem;
    width: 100%; }
  .footer__block:last-child {
    justify-content: center;
    align-items: center; }
  .cabinet__wrapper {
    flex-wrap: wrap; }
  .cabinet__nav-block {
    width: 33.33333%; }
  .cabinet__block {
    width: 66.66666%; } }

@media (max-width: 768px) {
  .advantages__block {
    text-align: center; }
  .intro__slider-content {
    flex-direction: column;
    padding: 2rem 0; }
  .intro__block {
    width: 100%;
    max-width: 100%; }
  .intro__slider {
    height: auto; }
  .footer__wrapper {
    flex-wrap: wrap; }
  .footer__block {
    width: 100%;
    text-align: center;
    flex-direction: column;
    align-items: center;
    display: flex; }
    .footer__block:nth-child(2) {
      width: 100%; }
    .footer__block:last-child {
      width: 100%; }
    .footer__block .logo img {
      margin-right: 0; }
  .footer__soc {
    justify-content: center; }
  .how__wrapper {
    flex-direction: column;
    align-items: center; }
  .how__block {
    width: 100%; }
    .how__block .intro__info {
      justify-content: flex-start;
      align-items: flex-start; }
  .page__intro-title {
    font-size: 4rem; }
  .page__intro-block .btn:last-child {
    margin-left: 0; }
  .main-slider img {
    max-width: 100%; }
  .product__wrapper {
    flex-direction: column; }
  .product__block {
    width: 100%; }
    .product__block:first-child {
      width: 100%;
      margin-bottom: 2rem; }
  .product__img {
    height: 30rem; }
  .products--similar .products__block {
    width: 50%; }
  .cabinet__nav-block {
    width: 100%; }
  .cabinet__block {
    width: 100%; }
  .cabinet__banner {
    display: none; }
  .cabinet__container {
    height: auto !important;
    min-height: auto !important; }
    .cabinet__container .table__wrapper {
      height: auto !important;
      min-height: auto !important; }
  .order__details {
    position: static; } }

@media (max-width: 640px) {
  .advantages__wrapper {
    flex-wrap: wrap;
    height: auto;
    padding: 2rem 0 1rem; }
  .advantages__block {
    width: 100%;
    text-align: center;
    margin-bottom: 1rem; } }

@media (max-width: 560px) {
  .products__image img {
    height: auto;
    position: static; }
  .products__price {
    font-size: 1.2rem; }
  .products__item {
    height: calc(100% - 2rem); }
  .products__title {
    font-size: 1rem;
    max-width: 100%; }
  .products__price {
    font-size: 1rem; }
  .products__content {
    display: block; } }

@media (max-width: 500px) {
  .products__block {
    width: 100%; }
  .products--similar .products__block {
    width: 100%; } }

.closed__page {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
  min-height: 500px;
  background-color: #1D1D1D; }

.closed__logo {
  margin-bottom: 1rem; }
  .closed__logo img {
    height: 6rem;
    margin-left: -2rem; }

.closed__text {
  color: #fff;
  text-align: center;
  font-size: 3rem;
  font-weight: 700;
  text-transform: uppercase;
  background: linear-gradient(135deg, #8447d4, #70eeff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; }

.swal2-icon.swal2-success {
  display: none !important; }

.swal2-popup {
  max-width: 400px;
  border-radius: 10px;
  padding: 35px; }

.swal2-title {
  font-size: 2rem;
  margin-bottom: 1rem;
  font-weight: 700;
  color: #101010; }

.swal2-styled.swal2-confirm {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 5px;
  text-decoration: none;
  border: 0;
  line-height: 1;
  text-align: center;
  cursor: pointer;
  transition: background-color .2s linear, color .2s linear, border-color .2s linear;
  height: 38px;
  padding: 0 1rem;
  min-width: 130px;
  font-size: 1rem;
  border-radius: 2rem;
  background-color: #5029BD;
  background-image: none !important;
  color: #fff;
  outline: 0 !important;
  box-shadow: none !important; }
  .swal2-styled.swal2-confirm:focus {
    outline: 0; }
  .swal2-styled.swal2-confirm:active {
    outline: 0; }