@charset "UTF-8";
/****************************************************************
* @Author: CraftCoder
* @Date:   x x, 2019
* @Websites: www.craftcoder.ru
* @Description: SCSS
*****************************************************************/
/*******************  FONTS *****************/
/*@font-face {
    font-family: 'SourceSansProBold';
    src: url('../fonts/SourceSansProBold/SourceSansProBold.woff') format('woff'),
         url('../fonts/SourceSansProBold/SourceSansProBold.ttf') format('truetype');
}*/
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/RobotoLight.woff2") format("woff2"); }

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/RobotoRegular.woff2") format("woff2"); }

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/RobotoMedium.woff2") format("woff2"); }

@font-face {
  font-family: "RalewayLight";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/RalewayLight.woff2") format("woff2"); }

@font-face {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/RalewayBold.woff2") format("woff2"); }

/*********************  preloader  *******************/
/********************  VARS  *****************/
/**********************  MEDIA  *******************/
/*************************** BODY **************************/
html, body {
  height: 100%; }

body {
  font-family: 'Roboto', sans-serif;
  font-size: 1em;
  line-height: 1.5;
  width: 100%;
  min-width: 320px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  color: #222222;
  font-weight: 400; }

header,
footer {
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none; }

main {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto; }

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

p {
  line-height: 19px; }

p.ninja {
  display: none; }

h1, h2, h3, h4, h5, h6, p {
  font-style: normal;
  margin: 0; }

h2 {
  font-size: 35px;
  line-height: 41px; }

h2.heading {
  text-transform: uppercase;
  font-family: 'Raleway', sans-serif; }

@media all and (max-width: 575px) {
  h2.heading {
    font-size: 30px;
    line-height: 36px; } }

a {
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  text-decoration: none; }

a:hover, a:active, a:focus {
  text-decoration: none; }

a.btn {
  display: block;
  width: 100%;
  -webkit-border-radius: 2px;
          border-radius: 2px;
  background-color: #68B7FF;
  text-align: center;
  color: #fff;
  font-size: 14px; }

a.btn:hover {
  background-color: #1988EE; }

button {
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

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

*:focus {
  outline: none; }

* {
  margin: 0;
  padding: 0; }

img {
  max-width: 100%; }

.center {
  text-align: center; }

.p-100 {
  padding-top: 100px;
  padding-bottom: 80px; }

@media all and (max-width: 991px) {
  .p-100 {
    padding-top: 50px;
    padding-bottom: 50px; } }

.stop-scrolling {
  height: 100%;
  overflow: hidden; }

.button-submit {
  cursor: pointer;
  -webkit-transition: .3s all;
  -o-transition: .3s all;
  transition: .3s all; }



/*****************  ARROW UP  **************/
#arrowup {
  position: fixed;
  left: 30px;
  bottom: 30px;
  width: 50px;
  height: 50px;
  -webkit-background-size: 20px 20px;
          background-size: 20px;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.19);
          box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.19);
  -webkit-border-radius: 14px;
          border-radius: 14px;
  opacity: .7;
  cursor: pointer;
  z-index: 1000;
  display: none; }

#arrowup:after {
  position: absolute;
  content: '';
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: url("../img/general/arrow_top.svg") no-repeat center center; }

#arrowup:hover {
  -webkit-box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.2);
  opacity: 1; }

/*****************  modal  ******************/
body.fancybox-active {
  overflow: visible !important; }

#modal_partner, #modal_price {
  font-family: 'Roboto', sans-serif;
  max-width: 450px;
  width: 96%;
  -webkit-border-radius: 5px;
          border-radius: 5px; }

#modal_partner h2, #modal_price h2 {
  text-align: center;
  font-size: 28px;
  line-height: 32px;
  margin-bottom: 20px; }

#modal_partner form, #modal_price form {
  background: #FFFFFF;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  padding: 20px 40px; }

@media all and (max-width: 575px) {
  #modal_partner form, #modal_price form {
    padding: 20px; } }

#modal_partner form p.form_title {
  margin-bottom: 35px; }

@media all and (max-width: 575px) {
  #modal_partner form p.form_title, #modal_price form p.form_title{
    margin-bottom: 25px; } }

#modal_partner form .box_input:focus-within label, #modal_price form .box_input:focus-within label {
  color: #68B7FF; }

#modal_partner form .box_input:focus-within input, #modal_price form .box_input:focus-within input {
  -webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1); }

#modal_partner form .box_input span, #modal_price form .box_input span {
  display: block; }

#modal_partner form .box_input label, #modal_price form .box_input label {
  font-size: 12px;
  line-height: 18px; }

.box_input input {
  width: 100%;
  height: 40px;
  background: #F8F8F8;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  border: 1px solid transparent;
  padding-left: 15px;
  font-size: 14px;
  line-height: 22px;
  color: #CBCFD4;
  -webkit-background-size: 20px 20px;
          background-size: 20px;
  background-position: 97% 50%;
  background-repeat: no-repeat;
  margin-bottom: 15px;
  -webkit-transition: .2s all;
  -o-transition: .2s all;
  transition: .2s all; }

.box_input input.m-danger,
#contacts .partners_form .form form .box_input input.m-danger{
  border: 1px solid red;
}

.box_input input::-webkit-input-placeholder {
  color: #CBCFD4;
  opacity: 1; }

.box_input input::-moz-placeholder {
  color: #CBCFD4;
  opacity: 1; }

.box_input input::-ms-placeholder {
  color: #CBCFD4;
  opacity: 1; }

.box_input input::-webkit-input-placeholder {
  color: #CBCFD4;
  opacity: 1; }

.box_input input::-moz-placeholder {
  color: #CBCFD4;
  opacity: 1; }

.box_input input:-ms-input-placeholder {
  color: #CBCFD4;
  opacity: 1; }

.box_input input::-ms-input-placeholder {
  color: #CBCFD4;
  opacity: 1; }

.box_input input::placeholder {
  color: #CBCFD4;
  opacity: 1; }

.box_input input#form_name1 {
  background-image: url("../img/general/icon_9.svg"); }

.box_input input#form_email1 {
  background-image: url("../img/general/icon_10.svg"); }

.box_input input#form_phone1 {
  background-image: url("../img/general/icon_11.svg"); }

.box_input textarea {
  width: 100%;
  height: 110px;
  resize: none;
  background: #F8F8F8;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  font-size: 14px;
  line-height: 22px;
  color: #CBCFD4;
  padding-left: 15px;
  padding-top: 10px;
  border: none; }

.box_input textarea::-webkit-input-placeholder {
  color: #CBCFD4;
  opacity: 1; }

.box_input textarea::-moz-placeholder {
  color: #CBCFD4;
  opacity: 1; }

.box_input textarea::-ms-placeholder {
  color: #CBCFD4;
  opacity: 1; }

.box_input textarea::-webkit-input-placeholder {
  color: #CBCFD4;
  opacity: 1; }

.box_input textarea::-moz-placeholder {
  color: #CBCFD4;
  opacity: 1; }

.box_input textarea:-ms-input-placeholder {
  color: #CBCFD4;
  opacity: 1; }

.box_input textarea::-ms-input-placeholder {
  color: #CBCFD4;
  opacity: 1; }

.box_input textarea::placeholder {
  color: #CBCFD4;
  opacity: 1; }

 .button-submit {
  text-align: center;
  background-color: #68B7FF;
  border: none;
  -webkit-border-radius: 5px;
          border-radius: 5px;
  color: #fff;
  max-width: 275px;
  width: 100%;
  height: 36px;
  display: block;
  margin: 15px auto; }

@media all and (max-width: 575px) {
  .button-submit {
    max-width: 100%; } }

.button-submit:hover {
  background-color: #1988EE; }

/*********************  HEADER  ************************/

.header{
  position: relative;
  z-index: 9;
}

header .header_top {
  padding-top: 15px;
  height: 60px;
  padding-bottom: 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }


.header_container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 576px) {
    .header_container {
        max-width:540px
    }
}

@media (min-width: 768px) {
    .header_container {
        max-width:720px
    }
}

@media (min-width: 992px) {
    .header_container {
        max-width:960px
    }
}

@media (min-width: 1200px) {
    .header_container {
        max-width: 100%;
        width: 1240px;
    }
}

@media (min-width: 1800px) {
    .header_container {
        max-width: 1780px;
        width: 100%;
    }  
}

.header_inner{
  display: flex; align-items: center;
}

.header_logo{
  padding-right: 15px;
  margin-right: auto;
}

header .header_top .header_logo .logo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

@media all and (max-width: 1199px) {
  header .header_top .header_logo .logo {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; } }

@media all and (max-width: 767px) {
  header .header_top .header_logo .logo {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row; } }

header .header_top .header_logo .header_logo-link,
header .header_top .header_logo .header_logo-wrpic {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  margin-right: 15px; }

@media all and (max-width: 575px) {
  header .header_top .header_logo .logo .header_logo-link,
  header .header_top .header_logo .logo .header_logo-wrpic {
    margin-right: 10px; } }

header .header_top .header_logo .header_logo-pic {
  width: 130px; height: auto; }

header .header_top .header_logo p {
  font-size: 12px;
  line-height: 14px;
  max-width: 170px;
  width: 100%;
  color: #5F5F5F; }

@media all and (max-width: 1199px) {
  header .header_top .header_logo p {
    font-size: 9px;
    line-height: 10px; } }

@media all and (max-width: 991px) {
  header .header_top .header_logo p {
    font-size: 7px;
    line-height: 9px; } }

@media all and (max-width: 767px) {
  header .header_top .header_logo p {
    font-size: 10px;
    line-height: 14px; } }

@media all and (max-width: 575px) {
  header .header_top .header_logo p {
    font-size: 9px;
    line-height: 13px; } }

header .header_top .header_logo h1 {
  font-size: 12px;
  line-height: 14px;
  max-width: 170px;
  width: 100%;
  font-weight: 400;
  color: #5F5F5F; }

@media all and (max-width: 1199px) {
  header .header_top .header_logo h1 {
    font-size: 9px;
    line-height: 10px; } }

@media all and (max-width: 991px) {
  header .header_top .header_logo h1 {
    font-size: 7px;
    line-height: 9px; } }

@media all and (max-width: 767px) {
  header .header_top .header_logo h1 {
    font-size: 10px;
    line-height: 14px; } }

@media all and (max-width: 575px) {
  header .header_top .header_logo h1 {
    font-size: 9px;
    line-height: 13px; } }

header .header_top .header_menu .menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

@media all and (max-width: 767px) {
  header .header_top .header_menu .menu {
    display: none; } }

header .header_top .header_menu .menu ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.header_top .header_menu .menu ul li{
  position: relative;
  margin-right: 32px;
}

header .header_top .header_menu .menu ul li a {
  color: #222222;  
  -webkit-transition: .2s all;
  -o-transition: .2s all;
  transition: .2s all;
  display: block;
  text-align: center; }

@media all and (max-width: 1199px) {
  .header_top .header_menu .menu ul li {
    margin-right: 20px; } }

@media all and (max-width: 991px) {
  header .header_top .header_menu .menu ul li a {
    line-height: 20px; } }

header .header_top .header_menu .menu ul li a:hover {
  text-decoration: underline;
  color: #68B7FF; }

header .header_top .header_menu .menu a.partners {
  font-size: 14px;
  flex: 0 0 150px;
  width: 150px;
  max-width: 150px;
  height: 30px;
  line-height: 30px;
  margin-left: 20px; }

header .header_top .header_menu .header_burger {
  position: relative;
  display: none;
  float: right; }

header .header_top .header_menu .menu .sub-menu{
  position: absolute; top: 100%; left: -1em;
  min-width: calc(100% + 2em);
  padding: .5em 1em;
  background-color: #fff;

  pointer-events: none;
  visibility: hidden;
  opacity: 0;
}

header .header_top .header_menu .menu > ul > li:hover > .sub-menu{
  pointer-events: auto;
  visibility: visible;
  opacity: 1;  
}

.header_top .header_menu .menu ul.sub-menu{
  display: block;
}

.header_top .header_menu .menu ul.sub-menu li{
  display: block;
  margin: 0;  
}  

.header_top .header_menu .menu ul.sub-menu li a{
  text-align: left;
  white-space: nowrap;
}

@media all and (max-width: 767px) {
  header .header_top .header_menu .header_burger {
    display: block; } }

header .header_top .header_menu .header_burger .burger_button {
  position: relative;
  top: 2px;
  width: 30px;
  height: 30px;
  display: block;
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
  z-index: 20; }

header .header_top .header_menu .header_burger .burger_button span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  background: #68B7FF;
  -webkit-border-radius: 2px;
          border-radius: 2px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out; }

header .header_top .header_menu .header_burger .burger_button span:nth-child(1) {
  top: 4px; }

header .header_top .header_menu .header_burger .burger_button span:nth-child(2) {
  top: 12px; }

header .header_top .header_menu .header_burger .burger_button span:nth-child(3) {
  top: 20px; }

header .header_top .header_menu .header_burger .burger_button.open span:nth-child(1) {
  top: 9px;
  -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
          transform: rotate(135deg); }

header .header_top .header_menu .header_burger .burger_button.open span:nth-child(2) {
  opacity: 0;
  left: -60px; }

header .header_top .header_menu .header_burger .burger_button.open span:nth-child(3) {
  top: 9px;
  -webkit-transform: rotate(-135deg);
      -ms-transform: rotate(-135deg);
          transform: rotate(-135deg); }

header .header_top .header_menu .header_burger .menu_toggle {
  position: fixed;
  top: 0px;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  margin: 0;
  overflow: auto;
  text-align: center;
  z-index: 10;
  padding-top: 50px;
  top: -70px;
  padding-bottom: 70px;
  -webkit-transform: translateY(70px);
      -ms-transform: translateY(70px);
          transform: translateY(70px); }

header .header_top .header_menu .header_burger .menu_toggle ul li a {
  color: #222222;
  font-size: 20px; }

header .header_top .header_menu .header_burger .menu_toggle ul li a:hover {
  text-decoration: underline;
  color: #1988EE; }

header .header_top .header_menu .header_burger .menu_toggle a.partners {
  font-size: 14px;
  max-width: 150px;
  height: 30px;
  line-height: 30px;
  margin: 20px auto; }

/*******************  main_slider  ******************/
#main_slider {
  position: relative;
  height: 684px; }

@media all and (max-width: 1599px) {
  #main_slider {
    height: -webkit-calc(100vh - 60px);
    height: calc(100vh - 60px); } }

@media all and (max-width: 575px) {
  #main_slider {
    background-color: #F9F9F9; } }

#main_slider .main_slider {
  height: 100%; }

#main_slider .main_slider .slide {
  height: 100%;
  width: 100%; }

#main_slider .main_slider .slide .slide_inner {
  width: 100%;
  -webkit-background-size: cover;
          background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  height: 100%; }

#main_slider .main_content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  height: 100%; }

#main_slider .main_content .container {
  height: 100%; }

@media all and (max-width: 575px) {
  #main_slider .main_content .container {
    padding-left: 0;
    padding-right: 0; } }

#main_slider .main_content .content {
  max-width: 390px;
  width: 100%;
  height: 100%;
  background-color: #fff;
  padding: 34px 20px 10px 20px;
  position: relative; }

@media all and (max-width: 767px) {
  #main_slider .main_content .content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; } }

@media all and (max-width: 575px) {
  #main_slider .main_content .content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-bottom: 30px;
    background-color: rgba(0, 0, 0, 0.8);
    max-width: 100%;
    color: #fff; } }

#main_slider .main_content .content .title {
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  color: #BDBDBD;
  position: relative;
  padding-top: 5px;
  margin-bottom: 60px; }

@media all and (max-width: 767px) {
  #main_slider .main_content .content .title {
    margin-bottom: 30px; } }

@media all and (max-width: 575px) {
  #main_slider .main_content .content .title {
    margin-bottom: 0;
    color: #fff; } }

#main_slider .main_content .content .title:before {
  position: absolute;
  content: '';
  width: 115px;
  height: 1px;
  background-color: #D5D5D5;
  top: 0;
  left: 0; }

#main_slider .main_content .content ul.work {
  overflow: hidden; }

@media all and (max-width: 575px) {
  #main_slider .main_content .content ul.work {
    margin-top: -60px; } }

#main_slider .main_content .content ul.work li {
  letter-spacing: 0.11em;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 27px;
  line-height: 140%;
  position: relative;
  padding-left: 24px; }

@media all and (max-width: 575px) {
  #main_slider .main_content .content ul.work li {
    font-size: 24px; } }

#main_slider .main_content .content ul.work li:before {
  position: absolute;
  content: '—';
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  font-weight: bold;
  font-size: 27px;
  line-height: 140%; }

#main_slider .main_content .content .contacts {
  padding-left: 25px;
  position: absolute;
  bottom: 10px; }

@media all and (max-width: 767px) {
  #main_slider .main_content .content .contacts {
    position: relative; } }

#main_slider .main_content .content .contacts .box_phone, {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start; }

#main_slider .main_content .content .contacts .box_phone img {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  margin-right: 8px; }

#main_slider .main_content .content .contacts .box_phone .phone a {
  display: block;
  font-size: 14px;
  line-height: 17px;
  text-transform: uppercase;
  color: #777777; }

@media all and (max-width: 575px) {
  #main_slider .main_content .content .contacts .box_phone .phone a {
    color: #fff; } }

#main_slider .main_content .content .contacts a.mail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  line-height: 17px;
  color: #777777;
  margin-top: 8px;
  margin-bottom: 8px; }

@media all and (max-width: 575px) {
  #main_slider .main_content .content .contacts a.mail {
    color: #fff; } }

#main_slider .main_content .content .contacts a.mail img {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  margin-right: 8px; }

#main_slider .main_content .content .contacts .box_address {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start; }

#main_slider .main_content .content .contacts .box_address img {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  margin-right: 8px; }

#main_slider .main_content .content .contacts .box_address .address p {
  font-size: 14px;
  line-height: 17px;
  color: #777777; }

@media all and (max-width: 575px) {
  #main_slider .main_content .content .contacts .box_address .address p {
    color: #fff; } }

/*******************  main_about  *****************/
#main_about {
  overflow: hidden;
  padding-top: 100px; }

@media all and (max-width: 767px) {
  #main_about {
    padding-top: 60px; } }

#main_about .box_about .title {
  margin-bottom: 30px;
  position: relative; }

#main_about .box_about .title:after {
  position: absolute;
  content: '';
  -webkit-background-size: contain;
          background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: url("../img/general/icon_4.svg");
  width: 110px;
  height: 110px;
  top: -24px;
  left: -35px;
  z-index: 1; }

#main_about .box_about .title p {
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  margin-bottom: 15px;
  position: relative;
  z-index: 2; }

#main_about .box_about .title h2 {
  max-width: 530px;
  width: 100%;
  position: relative;
  z-index: 2; }

#main_about .box_about .content {
  max-width: 400px;
  width: 100%; }

#main_about .box_about .content p {
  color: #5F5F5F;
  margin-bottom: 1em; }

#main_about .box_gallery {
  position: relative;
  margin-top: -20px; }

/*#main_about .box_gallery:after {
  position: absolute;
  content: '';
  width: 2000px;
  height: 362px;
  background-color: #F9F9F9;
  top: 100px;
  right: -1610px;
  z-index: 1; }

@media all and (max-width: 1199px) {
  #main_about .box_gallery:after {
    top: 20px; } }

@media all and (max-width: 991px) {
  #main_about .box_gallery:after {
    display: none; } }*/

#main_about .box_gallery .gallery_dots {
  position: absolute;
  left: 120px;
  top: 100px;
  width: 26px; }

@media all and (max-width: 1199px) {
  #main_about .box_gallery .gallery_dots {
    top: 60px;
    left: 140px; } }

@media all and (max-width: 991px) {
  #main_about .box_gallery .gallery_dots {
    left: 0;
    top: 40px; } }

#main_about .box_gallery .gallery_dots .current {
  font-size: 14px;
  line-height: 20px;
  color: #000;
  text-align: center;
  margin-bottom: 8px; }

#main_about .box_gallery .gallery_dots .total {
  font-size: 12px;
  line-height: 17px;
  color: #8F8F8F;
  text-align: center;
  margin-top: -3px; }

#main_about .box_gallery .dots ul li {
  color: transparent;
  position: relative;
  height: 10px; }

#main_about .box_gallery .dots ul li:after {
  position: absolute;
  content: '';
  width: 16px;
  height: 1px;
  right:0;
  background-color: #434343;
  -webkit-transition: .3s all;
  -o-transition: .3s all;
  transition: .3s all; }

#main_about .box_gallery .dots ul li.slick-active:after {
  width: 26px;
  height: 2px;
  background-color: #4AA8FF; }

#main_about .box_gallery .gallery {
  padding-left: 200px;
  position: relative;
  z-index: 2; }

@media all and (max-width: 991px) {
  #main_about .box_gallery .gallery {
    padding-left: 40px; } }

@media all and (max-width: 767px) {
  #main_about .box_gallery .gallery {
    width: 100%;
    margin-top: 20px; } }

@media all and (max-width: 767px) {
  #main_about .box_gallery .gallery .product_slider {
    width: 100%;
    margin: 0 auto; } }

#main_about .box_gallery .gallery .product_slider .slide a.slide_inner {
  display: block; }

@media all and (max-width: 991px) {
  #main_about .box_gallery .gallery .product_slider .slide a.slide_inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 300px;
    max-width: 220px;
    margin-left: 0;
    margin-right: auto;
    width: 90%; } }

@media all and (max-width: 575px) {
  #main_about .box_gallery .gallery .product_slider .slide a.slide_inner {
    margin: 0 auto; } }

#main_about .box_gallery .gallery .product_slider .slide a.slide_inner:hover {
  -webkit-transform: scale(1.01);
      -ms-transform: scale(1.01);
          transform: scale(1.01); }

@media all and (max-width: 991px) {
  #main_about .box_gallery .gallery .product_slider .slide a.slide_inner img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%; } }

/**********************  water_way  *********************/
#water_way {
  padding-top: 70px;
  overflow: hidden; }

@media all and (max-width: 767px) {
  #water_way {
    padding-top: 30px; } }

#water_way .box_content {
  min-height:600px;
  background-color: #F9F9F9;
  position: relative;
  padding-top: 60px;
  padding-bottom: 60px; }

#water_way .container .row:after {
  position: absolute;
  content: '';
  background-color: #F9F9F9;
  top: 0;
  bottom: 0;
  width: 2000px;
  left: -1990px; }

@media all and (max-width: 767px) {
  #water_way{
    background-color: #F9F9F9;
  } 
  #water_way .box_content {
    min-height: auto;
  }
    
}

#water_way .box_content .content {
  max-width: 420px;
  width: 100%;
  position: relative;
  z-index: 10; }

#water_way .box_content .content .title {
  margin-bottom: 20px; }

#water_way .box_content .content .title p {
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  color: #68B7FF;
  margin-bottom: 20px; }

#water_way .box_content .content .text {
  margin-bottom: 70px; }

#water_way .box_content .content .text p {
  color: #5F5F5F;
  margin-bottom: 1em; }

#water_way .box_content .content .more p a {
  color: #68B7FF; }

@media all and (max-width: 767px) {
  #water_way .main_product {
    margin-top: 20px; } }

#water_way .main_product .product {
  position: relative;
  padding-top: 15px; }

#water_way .main_product .product .product_text {
  position: absolute;
  width: 231px;
  height: 231px;
  top: 55px;
  left: 170px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

@media all and (max-width: 1199px) {
  #water_way .main_product .product .product_text {
    /*left: 20px;*/ } }

@media all and (max-width: 991px) {
  #water_way .main_product .product .product_text {
    width: 180px;
    height: 180px;
    top: 0;
    /*left: 0;*/ } }

#water_way .main_product .product .product_text:after {
  position: absolute;
  content: '';
  -webkit-background-size: contain;
          background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: url("../img/general/icon_5.svg");
  width: 231px;
  height: 231px;
  top: 0;
  left: 0; }

@media all and (max-width: 991px) {
  #water_way .main_product .product .product_text:after {
    width: 180px;
    height: 180px; } }

#water_way .main_product .product .product_text p {
  text-align: center;
  font-size: 14px;
  line-height: 17px;
  color: #fff;
  font-family: 'Raleway', sans-serif;
  position: relative;
  z-index: 2; }

@media all and (max-width: 991px) {
  #water_way .main_product .product .product_text p {
    font-size: 12px; } }

#water_way .main_product .product img {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: 0;
    max-height: 600px;
}

@media all and (max-width: 991px) {
  #water_way .main_product .product img {
    margin-right: -30px; } }

@media all and (max-width: 767px) {
  #water_way .main_product .product img {
    height: auto;
    margin: 0 auto; } }

@media all and (max-width: 575px) {
  #water_way .main_product .product img {
    width: 160px;
    margin-right: 0; } }

/***********************  main_catalog  ******************/
#main_catalog {
  padding-top: 100px;
  padding-bottom: 50px; }

@media all and (max-width: 767px) {
  #main_catalog {
    padding-top: 60px; } }

#main_catalog .title {
  position: relative;
  margin-bottom: 50px; }

@media all and (max-width: 767px) {
  #main_catalog .title {
    margin-bottom: 30px; } }

#main_catalog .title h2 {
  position: relative;
  z-index: 2; }

#main_catalog .title:after {
  position: absolute;
  content: '';
  -webkit-background-size: contain;
          background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: url("../img/general/icon_4.svg");
  width: 110px;
  height: 110px;
  top: -17px;
  left: -45px;
  z-index: 1; }

#main_catalog .catalog_logo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  padding-left: 40px; }

@media all and (max-width: 991px) {
  #main_catalog .catalog_logo {
    padding-left: 0; } }

@media all and (max-width: 575px) {
  #main_catalog .catalog_logo {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; } }

#main_catalog .catalog_logo a.logo {
  width: 19%;
  margin-bottom: 40px; }

@media all and (max-width: 767px) {
  #main_catalog .catalog_logo a.logo {
    width: 24%;
    padding: 5px; } }

@media all and (max-width: 575px) {
  #main_catalog .catalog_logo a.logo {
    width: 45%;
    margin-bottom: 20px; } }

#main_catalog .catalog_logo a.logo:hover img {
  -webkit-transform: scale(1.01);
      -ms-transform: scale(1.01);
          transform: scale(1.01); }

#main_catalog .catalog_logo a.logo img {
  display: block;
  margin: 0 auto;
  -webkit-transition: .3s all;
  -o-transition: .3s all;
  transition: .3s all; }

/***********************  profit  *******************/
#profit {
  background-color: #F9F9F9;
  padding-top: 70px;
  padding-bottom: 30px; }

@media all and (max-width: 767px) {
  #profit {
    padding-top: 50px;
    padding-bottom: 10px; } }

#profit .title {
  margin-bottom: 60px; }

@media all and (max-width: 767px) {
  #profit .title {
    margin-bottom: 30px; } }

#profit .title p {
  color: #858585;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px; }

#profit .box {
  margin-bottom: 35px; }

#profit .box .box_inner {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

#profit .box .box_inner:hover .icon .icon_1 {
  fill: #fff; }

#profit .box .box_inner:hover .figure .icon_2 {
  fill: #68B7FF !important; }

#profit .box .box_inner .img {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  width: 110px;
  height: 110px;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 15px; }

#profit .box .box_inner .img .icon {
  position: relative;
  z-index: 2; }

#profit .box .box_inner .img .icon .icon_1 {
  width: 55px;
  height: 55px;
  -webkit-transition: .3s all;
  -o-transition: .3s all;
  transition: .3s all; }

#profit .box .box_inner .img .figure {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 110px;
  height: 110px;
  margin: auto; }

#profit .box .box_inner .img .figure .icon_2 {
  width: 100%;
  height: 100%;
  fill: #FFF7AB;
  -webkit-transition: .3s all;
  -o-transition: .3s all;
  transition: .3s all; }

#profit .box .box_inner p {
  font-size: 18px;
  line-height: 21px;
  color: #2B2B2B; }

/*******************  footer  ******************/
#footer .footer_top {
  background-color: #F9F9F9;
  padding-top: 45px;
  padding-bottom: 45px; }

@media all and (max-width: 991px) {
  #footer .footer_top {
    margin-bottom: 0; } }

#footer .footer_top.bg_white {
  background-color: #fff; }

#footer .footer_top .footer_map .map .title {
  margin-bottom: 30px; }

#footer .footer_top .footer_map .map #map {
  position: relative; }

.footer_copyrights{
  padding-top: 20px;
}

#footer .footer_top .footer_map .map #map .contacts {
  position: absolute;
  top: -80px;
  right: -260px;
  width: 282px;
  height: 282px;
  background-image: url("../img/general/icon_5.svg");
  -webkit-background-size: 282px 282px;
          background-size: 282px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 1; }

@media all and (max-width: 1199px) {
  #footer .footer_top .footer_map .map #map .contacts {
    width: 220px;
    height: 220px;
    -webkit-background-size: 220px 220px;
            background-size: 220px;
    right: -220px;
    top: -50px; } }

@media all and (max-width: 991px) {
  #footer .footer_top .footer_map .map #map .contacts {
    position: relative;
    background-image: none;
    background-color: #68B7FF;
    width: 100%;
    height: auto;
    left: 0;
    top: 0;
    bottom: 0;
    padding: 20px;
    margin-bottom: 5px; } }

#footer .footer_top .footer_map .map #map .contacts .contacts_inner {
  max-width: 180px;
  width: 100%;
  margin: 0 auto; }

@media all and (max-width: 991px) {
  #footer .footer_top .footer_map .map #map .contacts .contacts_inner {
    margin-right: auto;
    margin-left: 0;
    max-width: 300px; } }

#footer .footer_top .footer_map .map #map .contacts .box_phone {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start; }

#footer .footer_top .footer_map .map #map .contacts .box_phone img {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  margin-right: 8px; }

#footer .footer_top .footer_map .map #map .contacts .box_phone .phone a {
  display: block;
  font-size: 14px;
  line-height: 17px;
  text-transform: uppercase;
  color: #fff; }

@media all and (max-width: 1199px) {
  #footer .footer_top .footer_map .map #map .contacts .box_phone .phone a {
    font-size: 12px;
    line-height: 15px; } }

@media all and (max-width: 991px) {
  #footer .footer_top .footer_map .map #map .contacts .box_phone .phone a {
    font-size: 14px;
    line-height: 17px; } }

#footer .footer_top .footer_map .map #map .contacts a.mail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  line-height: 17px;
  color: #fff;
  margin-top: 8px;
  margin-bottom: 10px; }

@media all and (max-width: 1199px) {
  #footer .footer_top .footer_map .map #map .contacts a.mail {
    font-size: 12px;
    line-height: 15px; } }

@media all and (max-width: 991px) {
  #footer .footer_top .footer_map .map #map .contacts a.mail {
    font-size: 14px;
    line-height: 17px; } }

#footer .footer_top .footer_map .map #map .contacts a.mail img {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  margin-right: 8px; }

#footer .footer_top .footer_map .map #map .contacts .box_address {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start; }

#footer .footer_top .footer_map .map #map .contacts .box_address img {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  margin-right: 8px; }

#footer .footer_top .footer_map .map #map .contacts .box_address .address p {
  font-size: 14px;
  line-height: 17px;
  color: #fff; }

@media all and (max-width: 1199px) {
  #footer .footer_top .footer_map .map #map .contacts .box_address .address p {
    font-size: 12px;
    line-height: 15px; } }

@media all and (max-width: 991px) {
  #footer .footer_top .footer_map .map #map .contacts .box_address .address p {
    font-size: 14px;
    line-height: 17px; } }

#footer .footer_top .footer_map .map #map iframe {
  height: 306px;
  position: relative;
  z-index: 2; }

#footer .footer_top .footer_distribution .distribution {
  max-width: 250px;
  width: 100%;
  margin-left: auto;
  margin-right: 0; }

@media all and (max-width: 991px) {
  #footer .footer_top .footer_distribution .distribution {
    display: none; } }

#footer .footer_top .footer_distribution .distribution h3 {
  font-size: 20px;
  line-height: 23px;
  text-transform: uppercase;
  font-weight: 400;
  color: #585858; }

#footer .footer_top .footer_distribution .distribution .company {
  margin-bottom: 5px;
  margin-left: -15px; }

#footer .footer_top .footer_distribution .distribution .company:hover .company_1 {
  display: none; }

#footer .footer_top .footer_distribution .distribution .company:hover .company_2 {
  display: block; }

#footer .footer_top .footer_distribution .distribution .company .company_2 {
  display: none; }

#footer .footer_top .footer_distribution .distribution p {
  font-size: 14px;
  line-height: 16px;
  color: #595959; }

#footer .footer_bottom {
  padding-top: 15px;
  padding-bottom: 15px; }

#footer .footer_bottom.bg_gray {
  background-color: #F9F9F9; }

@media all and (max-width: 575px) {
  #footer .footer_bottom {
    padding-top: 15px;
    padding-bottom: 15px; } }

#footer .footer_bottom .text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

@media all and (max-width: 575px) {
  #footer .footer_bottom .text {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; } }

#footer .footer_bottom .text p {
  font-size: 14px;
  line-height: 16px;
  margin: 5px 25px; }

/****************  catalog page  **************/
/*******  breadcrumbs  *******/
#breadcrumbs .main {
  border-top: 1px solid #EDEDED;
  padding-top: 32px;
  padding-bottom: 28px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

@media all and (max-width: 767px) {
  #breadcrumbs .main {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start; } }

#breadcrumbs .breadcrumbs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }

#breadcrumbs .breadcrumbs-item {
  font-size: 16px;
  line-height: 19px; }

#breadcrumbs .breadcrumbs a {
  color: #AEAEAE; }

#breadcrumbs .breadcrumbs .line {
  width: 28px;
  height: 1px;
  background-color: #AEAEAE;
  display: block;
  margin: 0 4px; }

#breadcrumbs .cart_main {
  max-width: 210px;
  width: 100%; }

@media all and (max-width: 767px) {
  #breadcrumbs .cart_main {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
        -ms-flex-order: -1;
            order: -1;
    margin-bottom: 30px; } }

#breadcrumbs .cart_main a .sum {
  border-bottom: 1px solid #000;
  padding-bottom: 3px;
  margin-bottom: 10px; }

#breadcrumbs .cart_main a .sum p {
  font-size: 14px;
  line-height: 15px;
  color: #8E8E8E;
  padding-right: 20px;
  position: relative; }

#breadcrumbs .cart_main a .sum p:after {
  position: absolute;
  content: '';
  -webkit-background-size: contain;
          background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: url("../img/general/card.svg");
  width: 17px;
  height: 17px;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto; }

#breadcrumbs .cart_main a .sum p span {
  font-weight: 700;
  color: #000; }

#breadcrumbs .cart_main a ul li {
  font-size: 13px;
  line-height: 15px;
  color: #000;
  font-weight: 300; }

/************  brand_catalog  ***********/
#brand_catalog {
  background-color: #F9F9F9;
  padding-top: 20px;
  padding-bottom: 40px; }

#brand_catalog .title,  #product_catalog .title {
  margin-bottom: 30px;
  max-width: 528px;
  width: 100%; }

@media all and (max-width: 575px) {
  #brand_catalog .title {
    max-width: 100%; } }

#brand_catalog .title h2,  #product_catalog .title h2 {
  font-family: 'Raleway', sans-serif;
  text-transform: none; }

#brand_catalog ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }

#brand_catalog ul li {
  position: relative;
  width: 175px;
  height: 91px;
  margin-bottom: 25px; }

@media all and (max-width: 991px) {
  #brand_catalog ul li {
    width: 150px;
    margin-bottom: 20px; } }

@media all and (max-width: 575px) {
  #brand_catalog ul li {
    width: 100px;
    margin: 0 auto;
    margin-bottom: 10px;
    height: 70px; } }

#brand_catalog ul li input {
  position: absolute;
  opacity: 0;
  top: 0px;
  bottom: 0;
  left: 0px;
  right: 0;
  cursor: pointer;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 1000; }

#brand_catalog ul li input:checked ~ label {
  border: 1px solid #4AA8FF; }

#brand_catalog ul li input:checked ~ label:after {
  display: block; }

#brand_catalog ul li label {
  border: 1px solid transparent;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 91px;
  max-width: 175px;
  margin: 0 auto;
  width: 96%; }

@media all and (max-width: 575px) {
  #brand_catalog ul li label {
    height: 70px; } }

#brand_catalog ul li label img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  padding: 2px; }

.box_btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 20px; }

@media all and (max-width: 575px) {
.box_btn {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; } }

.box_btn button, .box_btn a {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  display: block;
  border: none;
  -webkit-border-radius: 5px;
          border-radius: 5px;
  width: 194px;
  height: 37px;
  color: #fff;
  background-color: #68B7FF;
  margin-bottom: 8px;
  padding: 10px 20px;
text-align: center;
text-transform: uppercase;
}

.box_btn button.selected {
  margin-right: 24px; }

@media all and (max-width: 575px) {
.box_btn button.selected {
    margin-right: 0; } }

.box_btn button.all {
  color: #222222;
  background-color: #FFF7AB; }

.box_btn button img {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  margin-right: 8px;
  margin-bottom: 3px; }

/*******************  product_catalog  ***************/
#product_catalog, #other {
  padding-top: 50px; }

@media all and (max-width: 575px) {
  #product_catalog, #other {
    padding-bottom: 30px; } }

 .product {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  
  .product form{
    width: 100%;
  }
 .product a.box_inner {
  position: relative;
  width: 100%;
  border: 2px solid #F3F3F3;
  -webkit-border-radius: 2px;
          border-radius: 2px;
  padding: 12px 12px 12px 12px;
  -webkit-transition: .3s all;
  -o-transition: .3s all;
  transition: .3s all;
  cursor: pointer;
  margin-bottom: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

@media all and (max-width: 575px) {
   .product a.box_inner {
    padding: 12px;
    margin-bottom: 20px; } }

 .product a.box_inner:hover {
  border: 2px solid #4AA8FF; }

 .product a.box_inner:hover .eye {
  background: #4AA8FF; }

.product a.box_inner:hover .eye:after {
  background-image: url("../img/general/icon_8_1.svg"); }

.product .flag {
  position: absolute;
  top: 10px;
  left: 13px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }

@media all and (max-width: 575px) {
.product .flag {
    left: 3px;
    top: 4px; } }

.product .flag .flag_img {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 26px;
  width: 26px;
  margin: 0 auto 1px auto;
  -webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.07);
          box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.07);
  -webkit-border-radius: 6px;
          border-radius: 6px;
  overflow: hidden; }

.product .flag img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%; }

.product .eye {
  position: absolute;
  bottom: 20px;
  right: -8px;
  width: 31px;
  height: 31px;
  background: #D0D0D0;
  -webkit-border-radius: 1.67568px;
          border-radius: 1.67568px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: .3s all;
  -o-transition: .3s all;
  transition: .3s all; }

@media all and (max-width: 575px) {
.product .eye {
    display: none; } }

.product .eye:after {
  position: absolute;
  content: '';
  -webkit-background-size: contain;
          background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: url("../img/general/icon_8.svg");
  width: 18px;
  height: 18px;
  -webkit-transition: .3s all;
  -o-transition: .3s all;
  transition: .3s all;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto; }

.product .img {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 160px;
  max-width: 115px;
  margin: 0 auto 5px auto;
  width: 96%; }

@media all and (max-width: 575px) {
.product .img {
    height: 120px; } }

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

 .product .bottom {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }

 .product .title {
  margin-bottom: 10px;
  display: block;
  max-width: 125px;
  width: 100%; }
  .product .title_desc{
	 min-height: 35px;
  }
  

@media all and (max-width: 1199px) {
.product .title {
    max-width: 165px; } }

@media all and (max-width: 575px) {
   .product .title {
    max-width: 100%; } }

 .product .title h5 {
  font-weight: bold;
  font-size: 14px;
  line-height: 16px;
  color: #000; }

 .product p.volume {
  font-size: 10px;
  line-height: 12px;
  color: #000;
  display: block;
  max-width: 125px;
  width: 100%; }

@media all and (max-width: 1199px) {
  .product p.volume {
    max-width: 165px; } }

@media all and (max-width: 575px) {
   .product p.volume {
    max-width: 100%; } }

/********************  partners_form  ********************/
#partners_form {
  padding-top: 70px;
  padding-bottom: 90px; }

@media all and (max-width: 767px) {
  #partners_form {
    padding-top: 30px;
    padding-bottom: 50px; } }

#partners_form .form {
  max-width: 520px;
  width: 100%;
  margin: 0 auto; }

#partners_form .form .title {
  margin-bottom: 30px;
  position: relative; }

#partners_form .form .title:after {
  position: absolute;
  content: '';
  -webkit-background-size: contain;
          background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: url("../img/general/icon_4.svg");
  width: 110px;
  height: 110px;
  top: -10px;
  left: -5px;
  z-index: 1; }

#partners_form .form .title h2 {
  position: relative;
  z-index: 2;
  text-transform: none; }

#partners_form .form .profit {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 50px; }

@media all and (max-width: 575px) {
  #partners_form .form .profit {
    margin-bottom: 30px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start; } }

#partners_form .form .profit .box {
  width: 30%; }

#partners_form .form .profit .box:nth-child(2) {
  padding-left: 20px; }

@media all and (max-width: 575px) {
  #partners_form .form .profit .box:nth-child(2) {
    padding-left: 0; } }

@media all and (max-width: 575px) {
  #partners_form .form .profit .box:nth-child(3) {
    padding-top: 4px; } }

#partners_form .form .profit .box span {
  font-size: 70px;
  line-height: 82px;
  font-family: 'Raleway', sans-serif;
  color: #868686; }

@media all and (max-width: 575px) {
  #partners_form .form .profit .box span {
    font-size: 40px;
    line-height: 50px; } }

#partners_form .form .profit .box span span {
  font-size: 21px;
  line-height: 25px; }

#partners_form .form .profit .box p {
  font-size: 14px;
  line-height: 16px;
  color: #000000; }

@media all and (max-width: 575px) {
  #partners_form .form .profit .box p {
    font-size: 12px; } }

#partners_form .form form {
  background: #FFFFFF;
  -webkit-box-shadow: 0px 18px 30px rgba(0, 0, 0, 0.09);
          box-shadow: 0px 18px 30px rgba(0, 0, 0, 0.09);
  -webkit-border-radius: 3px;
          border-radius: 3px;
  padding: 30px 40px; }

@media all and (max-width: 575px) {
  #partners_form .form form {
    padding: 20px; } }

#partners_form .form form p.form_title {
  margin-bottom: 35px; }

@media all and (max-width: 575px) {
  #partners_form .form form p.form_title {
    margin-bottom: 25px; } }

#partners_form .form form .box_input:focus-within label {
  color: #68B7FF; }

#partners_form .form form .box_input:focus-within input {
  -webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1); }

#partners_form .form form .box_input span {
  display: block; }

#partners_form .form form .box_input label {
  font-size: 12px;
  line-height: 18px; }

#partners_form .form form .box_input input {
  width: 100%;
  height: 40px;
  background: #F8F8F8;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  border: none;
  padding-left: 15px;
  font-size: 14px;
  line-height: 22px;
  color: #CBCFD4;
  -webkit-background-size: 20px 20px;
          background-size: 20px;
  background-position: 97% 50%;
  background-repeat: no-repeat;
  margin-bottom: 20px;
  -webkit-transition: .2s all;
  -o-transition: .2s all;
  transition: .2s all; }

#partners_form .form form .box_input input::-webkit-input-placeholder {
  color: #CBCFD4;
  opacity: 1; }

#partners_form .form form .box_input input::-moz-placeholder {
  color: #CBCFD4;
  opacity: 1; }

#partners_form .form form .box_input input::-ms-placeholder {
  color: #CBCFD4;
  opacity: 1; }

#partners_form .form form .box_input input::-webkit-input-placeholder {
  color: #CBCFD4;
  opacity: 1; }

#partners_form .form form .box_input input::-moz-placeholder {
  color: #CBCFD4;
  opacity: 1; }

#partners_form .form form .box_input input:-ms-input-placeholder {
  color: #CBCFD4;
  opacity: 1; }

#partners_form .form form .box_input input::-ms-input-placeholder {
  color: #CBCFD4;
  opacity: 1; }

#partners_form .form form .box_input input::placeholder {
  color: #CBCFD4;
  opacity: 1; }

#partners_form .form form .box_input input#form_name {
  background-image: url("../img/general/icon_9.svg"); }

#partners_form .form form .box_input input#form_email {
  background-image: url("../img/general/icon_10.svg"); }

#partners_form .form form .box_input input#form_phone {
  background-image: url("../img/general/icon_11.svg"); }

#partners_form .form form .box_input textarea {
  width: 100%;
  height: 140px;
  resize: none;
  background: #F8F8F8;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  font-size: 14px;
  line-height: 22px;
  color: #CBCFD4;
  padding-left: 15px;
  padding-top: 10px;
  border: none; }

#partners_form .form form .box_input textarea::-webkit-input-placeholder {
  color: #CBCFD4;
  opacity: 1; }

#partners_form .form form .box_input textarea::-moz-placeholder {
  color: #CBCFD4;
  opacity: 1; }

#partners_form .form form .box_input textarea::-ms-placeholder {
  color: #CBCFD4;
  opacity: 1; }

#partners_form .form form .box_input textarea::-webkit-input-placeholder {
  color: #CBCFD4;
  opacity: 1; }

#partners_form .form form .box_input textarea::-moz-placeholder {
  color: #CBCFD4;
  opacity: 1; }

#partners_form .form form .box_input textarea:-ms-input-placeholder {
  color: #CBCFD4;
  opacity: 1; }

#partners_form .form form .box_input textarea::-ms-input-placeholder {
  color: #CBCFD4;
  opacity: 1; }

#partners_form .form form .box_input textarea::placeholder {
  color: #CBCFD4;
  opacity: 1; }

#partners_form .form form .button-submit {
  text-align: center;
  background-color: #68B7FF;
  border: none;
  -webkit-border-radius: 5px;
          border-radius: 5px;
  color: #fff;
  max-width: 275px;
  width: 100%;
  height: 36px;
  margin-top: 35px; }

@media all and (max-width: 575px) {
  #partners_form .form form .button-submit {
    max-width: 100%; } }

#partners_form .form form .button-submit:hover {
  background-color: #1988EE; }

/*******************  card page  *******************/
#card_product {
  padding-top: 10px;
  padding-bottom: 70px; }

@media all and (max-width: 575px) {
  #card_product {
    padding-bottom: 50px; } }

#card_product .card_product {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 28.33333%;
      -ms-flex: 0 0 28.33333%;
          flex: 0 0 28.33333%;
  max-width: 28.33333%; }

@media all and (max-width: 1199px) {
  #card_product .card_product {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
    max-width: 33.33333%; } }

@media all and (max-width: 991px) {
  #card_product .card_product {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.66667%;
        -ms-flex: 0 0 41.66667%;
            flex: 0 0 41.66667%;
    max-width: 41.66667%; } }

@media all and (max-width: 767px) {
  #card_product .card_product {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%; } }

#card_product .card_product .product {
  border: 3px solid #F2F2F2;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative; }

@media all and (max-width: 767px) {
  #card_product .card_product .product {
    margin-bottom: 20px; } }

@media all and (max-width: 575px) {
  #card_product .card_product .product {
     } }

#card_product .card_product .product a.img {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 330px;
  margin: 0 auto;
  width: 90%; }

@media all and (max-width: 767px) {
  #card_product .card_product .product a.img {
    height: 220px; } }

@media all and (max-width: 575px) {
  #card_product .card_product .product a.img {
    height: 180px; } }

#card_product .card_product .product a.img img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%; }

#card_product .card_product .product a.like {
  position: absolute;
  top: 25px;
  right: 20px; }

#card_product .card_product .product a.like img {
  width: 30px;
  height: 30px; }

#card_product .card_summary .summary h1 {
  font-family: 'RalewayLight', sans-serif;
font-weight: 600;
    font-size: 34px;
    line-height: 1.3em;
    margin-bottom: 20px;
 }

@media all and (max-width: 991px) {
  #card_product .card_summary .summary h1 {
    line-height: 64px; } }

@media all and (max-width: 767px) {
  #card_product .card_summary .summary h1 {
    font-size: 46px;
    line-height: 50px; } }

@media all and (max-width: 575px) {
  #card_product .card_summary .summary h1 {
    font-size: 42px;
    line-height: 46px; } }

#card_product .card_summary .summary .desc {
  line-height: 18px;
  color: #818181;
  max-width: 90%;
  width: 100%;
  margin-bottom: 25px; }
#card_product .img-product{
	    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: auto; height: auto;
}
@media all and (max-width: 767px) {
  #card_product .card_summary .summary .desc {
    margin-bottom: 25px; } }

#card_product .card_summary .summary ul {
  margin-bottom: 45px; }

#card_product .card_summary .summary ul li {
  line-height: 18px;
  color: #818181;
  margin-bottom: 6px; }
#card_product .wrn {
  font-size: 14px;
  color: red;}
#card_product .card_summary .summary ul li span {
  color: #000;
  font-weight: 700; }

#card_product .card_summary .summary form .quantity_price {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 300px;
  width: 100%;
  margin-bottom: 50px; }

@media all and (max-width: 767px) {
  #card_product .card_summary .summary form .quantity_price {
    margin-bottom: 30px; } }

#card_product .card_summary .summary form .quantity_price .quantity {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0; }

#card_product .card_summary .summary form .quantity_price .quantity span {
  font-size: 12px;
  line-height: 18px;
  color: #575757;
  display: block;
  margin-bottom: 1px; }

#card_product .card_summary .summary form .quantity_price .quantity input {
  width: 60px;
  height: 40px;
  text-align: center;
  background: #F8F8F8;
  -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.08);
  -webkit-border-radius: 3px;
          border-radius: 3px;
  color: #222222;
  border: none; }

#card_product .card_summary .summary form .quantity_price .price {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 17px;
  margin-top: 16px; }

#card_product .card_summary .summary form .quantity_price .price p {
  font-size: 27px;
  line-height: 30px;
  font-weight: 500; }

#card_product .card_summary .summary form .quantity_price .price .info {
  margin-left: 3px;
  cursor: pointer; }

#card_product .card_summary .summary form .quantity_price .info_desc {
  position: absolute;
  top: -40px;
  right: -130px;
  max-width: 294px;
  width: 100%;
  background: #F7F7F7;
  -webkit-box-shadow: 4px 4px 15px rgba(0, 0, 0, 0.12);
          box-shadow: 4px 4px 15px rgba(0, 0, 0, 0.12);
  -webkit-border-radius: 3px;
          border-radius: 3px;
  padding: 12px 17px;
  display: none; }

@media all and (max-width: 575px) {
  #card_product .card_summary .summary form .quantity_price .info_desc {
    right: auto;
    left: 0;
    top: -45px;
    padding: 8px 17px; } }

#card_product .card_summary .summary form .quantity_price .info_desc p {
  font-size: 14px;
  line-height: 18px;
  color: #000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

@media all and (max-width: 575px) {
  #card_product .card_summary .summary form .quantity_price .info_desc p {
    font-size: 12px;
    line-height: 16px; } }

#card_product .card_summary .summary form .quantity_price .info_desc p img {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  margin-right: 4px; }

#card_product .card_summary .summary form .quantity_price .info_desc a {
  font-size: 14px;
  line-height: 18px;
  display: block;
  color: #68B7FF;
  text-decoration: underline; }

@media all and (max-width: 575px) {
  #card_product .card_summary .summary form .quantity_price .info_desc a {
    font-size: 12px;
    line-height: 16px; } }

#card_product .box_btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

#card_product .box_btn .single_add_to_cart_button {
  background-color: #68B7FF;
  font-size: 16px;
  line-height: 19px;
  color: #fff;
  border: none;
  -webkit-border-radius: 5px;
          border-radius: 5px;
  min-width: 145px;
  height: 36px; }

#card_product .box_btn .single_add_to_cart_button:hover {
  background-color: #1988EE; }

#card_product .card_summary .summary form .box_btn .wholesale {
  font-size: 14px;
  line-height: 16px;
  width: 145px;
  height: 36px;
  background: #FFF7AB;
  -webkit-border-radius: 5px;
          border-radius: 5px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #222222; }

#card_product .card_summary .summary form .box_btn .wholesale img {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  margin-right: 5px;
  width: 10px;
  height: 10px; }

/*******************  product_catalog  ***************/
#additionally {
  background-color: #F9F9F9;
  padding-top: 50px;
  padding-bottom: 30px; }

@media all and (max-width: 575px) {
  #additionally {
    padding-top: 40px;
    padding-bottom: 30px; } }

#additionally h2 {
  font-size: 23px;
  line-height: 27px;
  font-weight: 400;
  text-transform: none;
  margin-bottom: 35px; }

#additionally .product {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

#additionally .product a.box_inner {
  position: relative;
  width: 100%;
  border: 2px solid #F3F3F3;
  -webkit-border-radius: 2px;
          border-radius: 2px;
  padding: 12px 16px 16px 12px;
  -webkit-transition: .3s all;
  -o-transition: .3s all;
  transition: .3s all;
  cursor: pointer;
  margin-bottom: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

@media all and (max-width: 575px) {
  #additionally .product a.box_inner {
    padding: 12px;
    margin-bottom: 20px; } }

#additionally .product a.box_inner:hover {
  border: 2px solid #4AA8FF; }

#additionally .product a.box_inner:hover .eye {
  background: #4AA8FF; }

#additionally .product a.box_inner:hover .eye:after {
  background-image: url("../img/general/icon_8_1.svg"); }

#additionally .product .flag {
  position: absolute;
  top: 10px;
  left: 13px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }

@media all and (max-width: 575px) {
  #additionally .product .flag {
    left: 3px;
    top: 4px; } }

#additionally .product .flag .flag_img {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 26px;
  width: 26px;
  margin: 0 auto 1px auto;
  -webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.07);
          box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.07);
  -webkit-border-radius: 6px;
          border-radius: 6px;
  overflow: hidden; }

#additionally .product .flag img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%; }

#additionally .product .eye {
  position: absolute;
  bottom: 20px;
  right: -8px;
  width: 31px;
  height: 31px;
  background: #D0D0D0;
  -webkit-border-radius: 1.67568px;
          border-radius: 1.67568px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: .3s all;
  -o-transition: .3s all;
  transition: .3s all; }

@media all and (max-width: 575px) {
  #additionally .product .eye {
    display: none; } }

#additionally .product .eye:after {
  position: absolute;
  content: '';
  -webkit-background-size: contain;
          background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: url("../img/general/icon_8.svg");
  width: 18px;
  height: 18px;
  -webkit-transition: .3s all;
  -o-transition: .3s all;
  transition: .3s all;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto; }

#additionally .product .img {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 160px;
  max-width: 115px;
  margin: 0 auto 5px auto;
  width: 96%; }

@media all and (max-width: 575px) {
  #additionally .product .img {
    height: 120px; } }

#additionally .product .img img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%; }

#additionally .product .bottom {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }

#additionally .product .title {
  margin-bottom: 10px;
  display: block;
  max-width: 125px;
  width: 100%; }

@media all and (max-width: 1199px) {
  #additionally .product .title {
    max-width: 165px; } }

@media all and (max-width: 575px) {
  #additionally .product .title {
    max-width: 100%; } }

#additionally .product .title h5 {
  font-weight: bold;
  font-size: 14px;
  line-height: 16px;
  color: #000; }

#additionally .product p.volume {
  font-size: 10px;
  line-height: 12px;
  color: #000;
  display: block;
  max-width: 125px;
  width: 100%; }

@media all and (max-width: 1199px) {
  #additionally .product p.volume {
    max-width: 165px; } }

@media all and (max-width: 575px) {
  #additionally .product p.volume {
    max-width: 100%; } }

/*********************  news  ********************/
#news {
  padding-top: 10px;
  padding-bottom: 30px; }

@media all and (max-width: 575px) {
  #news {
    padding-bottom: 10px; } }

#news .box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 45px; }

#news .box .box_inner {
  width: 100%; }

#news .box .box_inner a.img {
  display: block;
  width: 100%;
  height: 260px;
  -webkit-background-size: cover;
          background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  margin-bottom: 14px; }

@media all and (max-width: 575px) {
  #news .box .box_inner a.img {
    height: 200px; } }

#news .box .box_inner a.img:hover {
  opacity: .8; }

#news .box .box_inner .date {
  text-transform: uppercase;
  font-size: 12px;
  line-height: 16px;
  color: #595959;
  display: block;
  margin-bottom: 10px; }

#news .box .box_inner a.title {
  display: block;
  margin-bottom: 10px; }

#news .box .box_inner a.title h5 {
  color: #000;
  font-size: 20px;
  line-height: 26px; }

#news .box .box_inner a.title h5:hover {
  text-decoration: underline;
  color: #68B7FF; }

#news .box .box_inner p {
  color: #595959;
  font-size: 14px;
  line-height: 18px; }

/********************  page news_card  *******************/
#news_card {
  padding-top: 10px; }

#news_card article .img {
  height: 800px;
  color: #fff;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-background-size: cover;
          background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around; }

@media all and (max-width: 1599px) {
  #news_card article .img {
    height: 600px; } }

@media all and (max-width: 991px) {
  #news_card article .img {
    min-height: 400px;
    height: auto;
    padding: 20px 10px; } }

#news_card article .img .date {
  text-transform: uppercase;
  font-size: 18px;
  line-height: 20px; }

#news_card article .img h1 {
  font-family: 'Raleway', sans-serif;
  font-size: 49px;
  line-height: 54px;
  max-width: 1060px;
  width: 100%;
  margin: 0 auto 25px auto; }

@media all and (max-width: 991px) {
  #news_card article .img h1 {
    font-size: 38px;
    line-height: 42px; } }

@media all and (max-width: 767px) {
  #news_card article .img h1 {
    font-size: 30px;
    line-height: 34px; } }

#news_card article .img p {
  font-size: 24px;
  line-height: 26px;
  max-width: 570px;
  width: 100%;
  margin: 0 auto; }

@media all and (max-width: 991px) {
  #news_card article .img p {
    font-size: 20px;
    line-height: 22px; } }

@media all and (max-width: 767px) {
  #news_card article .img p {
    font-size: 18px;
    line-height: 20px; } }

#news_card article .img .sm-scroll a img {
  width: 57px;
  height: 30px; }

@media all and (max-width: 767px) {
  #news_card article .img .sm-scroll a img {
    width: 30px;
    height: 20px; } }

#news_card article .content {
  max-width: 780px;
  width: 100%;
  margin: 0 auto;
  padding-top: 50px;
  padding-bottom: 50px; }

#news_card article .content h2, #news_card article .content h3, #news_card article .content h4, #news_card article .content h5, #news_card article .content h6 {
  font-family: 'Raleway', sans-serif;
  margin-bottom: 0.625em; }

#news_card article .content h2 {
  font-size: 32px;
  line-height: 38px; }

#news_card article .content h3 {
  font-size: 26px;
  line-height: 34px; }

#news_card article .content h4 {
  font-size: 22px; }

#news_card article .content h5 {
  font-size: 18px; }

#news_card article .content h6 {
  font-size: 16px; }

#news_card article .content p {
  margin-bottom: 0.625em; }

#news_card article .content ul {
  margin-bottom: 0.625em; }

#news_card article .content ul li {
  font-size: 14px; }

#news_card article .content ol {
  margin-bottom: 0.625em; }

#news_card article .content ol li {
  font-size: 14px; }

/******************  contacts page  ****************/
#contacts, #other {
  padding-top: 10px;
  padding-bottom: 50px; }

#contacts .title, #other .title{
  margin-bottom: 35px; }

@media all and (max-width: 767px) {
  #contacts .title  #other .title{
    margin-bottom: 20px; } }

#contacts .main_contacts .contacts .box {
  margin-bottom: 24px; }

#contacts .main_contacts .contacts .box p {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  line-height: 16px;
  color: #C4C4C4;
  margin-bottom: 3px; }

#contacts .main_contacts .contacts .box p img {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  margin-right: 8px;
  width: 14px;
  height: 14px; }

#contacts .main_contacts .contacts .box a {
  display: block;
  font-size: 21px;
  line-height: 25px;
  text-transform: uppercase;
  color: #000000;
  padding-left: 25px; }

@media all and (max-width: 767px) {
  #contacts .main_contacts .contacts .box a {
    font-size: 18px;
    line-height: 20px; } }

#contacts .main_contacts .contacts .box .address p {
  font-size: 21px;
  line-height: 25px;
  text-transform: uppercase;
  color: #000000;
  padding-left: 25px; }

@media all and (max-width: 767px) {
  #contacts .main_contacts .contacts .box .address p {
    font-size: 18px;
    line-height: 20px; } }

#contacts .main_contacts .contacts .map {
  margin-top: 60px; }

@media all and (max-width: 767px) {
  #contacts .main_contacts .contacts .map {
    margin-top: 30px;
    margin-bottom: 20px; } }

#contacts .main_contacts .contacts .map iframe {
  max-width: 490px;
  width: 100%;
  height: 306px; }

#contacts .partners_form .form {
  max-width: 520px;
  width: 100%;
  margin: 0 auto; }

#contacts .partners_form .form form {
  background: #FFFFFF;
  -webkit-box-shadow: 0px 18px 30px rgba(0, 0, 0, 0.09);
          box-shadow: 0px 18px 30px rgba(0, 0, 0, 0.09);
  -webkit-border-radius: 3px;
          border-radius: 3px;
  padding: 20px 40px; }

@media all and (max-width: 575px) {
  #contacts .partners_form .form form {
    padding: 20px; } }

#contacts .partners_form .form form p.form_title {
  margin-bottom: 35px; }

@media all and (max-width: 575px) {
  #contacts .partners_form .form form p.form_title {
    margin-bottom: 25px; } }

#contacts .partners_form .form form .box_input:focus-within label {
  color: #68B7FF; }

#contacts .partners_form .form form .box_input:focus-within input {
  -webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1); }

#contacts .partners_form .form form .box_input span {
  display: block; }

#contacts .partners_form .form form .box_input label {
  font-size: 12px;
  line-height: 18px; }

#contacts .partners_form .form form .box_input input {
  width: 100%;
  height: 40px;
  background: #F8F8F8;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  border: none;
  padding-left: 15px;
  font-size: 14px;
  line-height: 22px;
  color: #CBCFD4;
  -webkit-background-size: 20px 20px;
          background-size: 20px;
  background-position: 97% 50%;
  background-repeat: no-repeat;
  margin-bottom: 15px;
  -webkit-transition: .2s all;
  -o-transition: .2s all;
  transition: .2s all; }



#contacts .partners_form .form form .box_input input::-webkit-input-placeholder {
  color: #CBCFD4;
  opacity: 1; }

#contacts .partners_form .form form .box_input input::-moz-placeholder {
  color: #CBCFD4;
  opacity: 1; }

#contacts .partners_form .form form .box_input input::-ms-placeholder {
  color: #CBCFD4;
  opacity: 1; }

#contacts .partners_form .form form .box_input input::-webkit-input-placeholder {
  color: #CBCFD4;
  opacity: 1; }

#contacts .partners_form .form form .box_input input::-moz-placeholder {
  color: #CBCFD4;
  opacity: 1; }

#contacts .partners_form .form form .box_input input:-ms-input-placeholder {
  color: #CBCFD4;
  opacity: 1; }

#contacts .partners_form .form form .box_input input::-ms-input-placeholder {
  color: #CBCFD4;
  opacity: 1; }

#contacts .partners_form .form form .box_input input::placeholder {
  color: #CBCFD4;
  opacity: 1; }

#contacts .partners_form .form form .box_input input#form_name {
  background-image: url("../img/general/icon_9.svg"); }

#contacts .partners_form .form form .box_input input#form_email {
  background-image: url("../img/general/icon_10.svg"); }

#contacts .partners_form .form form .box_input input#form_phone {
  background-image: url("../img/general/icon_11.svg"); }

#contacts .partners_form .form form .box_input textarea {
  width: 100%;
  height: 140px;
  resize: none;
  background: #F8F8F8;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  font-size: 14px;
  line-height: 22px;
  color: #CBCFD4;
  padding-left: 15px;
  padding-top: 10px;
  border: none; }

#contacts .partners_form .form form .box_input textarea::-webkit-input-placeholder {
  color: #CBCFD4;
  opacity: 1; }

#contacts .partners_form .form form .box_input textarea::-moz-placeholder {
  color: #CBCFD4;
  opacity: 1; }

#contacts .partners_form .form form .box_input textarea::-ms-placeholder {
  color: #CBCFD4;
  opacity: 1; }

#contacts .partners_form .form form .box_input textarea::-webkit-input-placeholder {
  color: #CBCFD4;
  opacity: 1; }

#contacts .partners_form .form form .box_input textarea::-moz-placeholder {
  color: #CBCFD4;
  opacity: 1; }

#contacts .partners_form .form form .box_input textarea:-ms-input-placeholder {
  color: #CBCFD4;
  opacity: 1; }

#contacts .partners_form .form form .box_input textarea::-ms-input-placeholder {
  color: #CBCFD4;
  opacity: 1; }

#contacts .partners_form .form form .box_input textarea::placeholder {
  color: #CBCFD4;
  opacity: 1; }

#contacts .partners_form .form form .button-submit {
  text-align: center;
  background-color: #68B7FF;
  border: none;
  -webkit-border-radius: 5px;
          border-radius: 5px;
  color: #fff;
  max-width: 275px;
  width: 100%;
  height: 36px;
  margin-top: 25px; }

@media all and (max-width: 575px) {
  #contacts .partners_form .form form .button-submit {
    max-width: 100%; } }

#contacts .partners_form .form form .button-submit:hover {
  background-color: #1988EE; }


.pagination{
    display: inline-flex;
    position: relative;
}
.pagination li a.page-link{
    color: #68b7ff;
    background-color: transparent;
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    height: 40px;
    width: 40px;
    margin: 0 3px 10px;
    border: none;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.pagination li.active a.page-link,
.pagination li a.page-link:hover,
.pagination li.active a.page-link:hover{
    background-color: transparent;
    text-shadow: 0 0 2px #777;
}

.hidden{
	display:none!important
}
/*******************************/
#msCart .cart-item {
    border-bottom: 1px solid #e0e0e0;
    padding: 27px 0 24px;
}
#msCart .thumb-holder {
    float: left;
    display: inline-block;
    background-color: #fff;
    border: 1px solid #e0e0e0;
	width:73px;
	height:73px;
}
#msCart .price{
    font-size: 10px;
    line-height: 27px;
    text-transform: uppercase;
}
#msCart .total_cost, #msCart .remove {
	display: inline-block;
}
#msCart .close-btn{
	color: #555;
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    padding: 0;
    margin: 0;
    border: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    background: 0 0;
    z-index: 10;
    cursor: pointer;
}
#msCart .close-btn:hover:after {
    color: #555;
    background: #eee;
}
#msCart .close-btn:after {
    content: '×';
    position: absolute;
    top: 5px;
    right: 5px;
    width: 30px;
    height: 30px;
    font: 22px/30px Arial,"Helvetica Neue",Helvetica,sans-serif;
    color: #888;
    font-weight: 300;
    text-align: center;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border-width: 0;
    background-color: transparent;
    -webkit-transition: background-color .25s;
    -o-transition: background-color .25s;
    transition: background-color .25s;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 2;
}

.row-flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex:1 0 auto;
    flex-wrap: wrap;
}
.row-flex-v {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex:1 0 auto;
    flex-wrap: wrap;
    align-items: center;
}

.message{
    display:none;
}
/* main-slider */
.main-slider{
  position:relative;
  display: flex;
}
.main-slider-items{
  position:relative;
  max-width:70%;
}
.main-slider-content{
  display:flex!important;
  flex-direction:column;
  background-color:#fff;
  width:100%;
  max-width:30%;
  padding:60px 90px 35px 80px ;
  position:relative;
}
.main-slider-title{
  font-size: 3.2vw;
  line-height: 1.2;
  font-family: 'Raleway', sans-serif;
  margin-bottom: 45px;
}

html[lang="pl-PL"] .main-slider-title{
	font-size: 2.5vw;
}

.main-slider-subtitle{
  font-weight:500;
  font-size:1.4vw;
  font-family: 'Raleway', sans-serif;
  line-height: 1.3;
  color:#484848;
}
.main-slider-subtitle p{ line-height: normal; }
.main-slide-item{
  display:flex!important;
  height:100%;
  max-height:802px;
}
.main-slider-image{
  width:100%;  
}
.main-slider-image{
  width:100%;
  height:100%;
  object-fit:cover;
}
.main-slider-contacts{
position:absolute;
bottom:35px;
max-width: 360px;
}
.main-slider-contacts .contacts .box_phone{
display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.main-slider-contacts .contacts .box_phone img{
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 8px;
}
.main-slider-contacts .contacts .box_phone .phone a{
      display: block;
    font-size: 14px;
    line-height: 17px;
    text-transform: uppercase;
    color: #777777;
}
.main-slider-contacts .contacts a.mail{
      display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    line-height: 17px;
    color: #777777;
    margin-top: 8px;
    margin-bottom: 8px;
}
.main-slider-contacts .contacts .box_address {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.main-slider-contacts .contacts .box_address .address p {
    font-size: 14px;
    line-height: 17px;
    color: #777777;
}
.main-slider .slick-dots li{
     position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 7.5px;
    padding: 0;
    cursor: pointer; 
}
.main-slider .slick-dots li button{
 font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent; 
}
.main-slider .slick-dots li button::before {
    line-height: 22px;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 22px;
    border-radius:50%;
    height: 22px;
    content: "";
    border:1px solid #2F9ECB;
    text-align: center;
    background-color: white;
    -webkit-font-smoothing: antialiased;
}
.main-slider.slick-dots li.slick-active button::before{
  background-color:#F5371A;;
}
.main-slider .slick-dots{
  position: absolute;
  bottom: 55px;
  left: 65%
}

.main-slider-image img{
    object-fit:cover;
    height:100%;
}


.main-slide-banner{
  display: flex;
  align-items: flex-end;
  position: absolute;
  bottom: 100px;
  right: calc(50vw - 605px);
  max-width: 80%;
  width: 700px;
  min-height: 200px;
  padding: 20px 30px;
  text-align: right;
  color: #000;
  background-color: rgb(255 255 255 / 60%);
  border: 1px solid #fff;
}

@media (min-width: 1800px) {
  .main-slide-banner{
    right: calc(50vw - 875px);
  }
}

.main-slide-banner-inner{
  display: block;
  width: 100%;
}

.main-slide-banner p{ margin-bottom: 10px; }

.main-slide-banner-btn{
  display: inline-block; vertical-align: middle;
  padding: 5px 10px;
  color: #000;
  background-color: transparent;
  border: 1px solid #000;
}

@media(max-width:1368px){
  .main-slide-item{
    max-height:600px;
  }
}
@media(max-width:650px){
  .main-slide-item{
    display:block!important;
  }
  .main-slider{
  		flex-wrap:wrap;
  }
  .main-slider-content{    
    width:100%;
    padding:20px;
    max-width:100%;
  }
  .main-slider-items{
  	width: 100%;
  	max-width: 100%;
  }
  html[lang="pl-PL"] .main-slider-title,
  .main-slider-title{
    font-size:26px;
    text-align:center;
    margin-bottom:25px;
    width:100%;
  }
  .main-slider-subtitle{
    width:100%;
    font-size:18px;
  }
  .main-slider-contacts{
    display:none;
  }
  .main-slider-image{
    max-height:240px;
    max-width:100%;
  }
  .main-slider-image img{
    object-fit: cover;
    height: 240px;
    max-height: 240px;
    width: 100%;
  }
  .main-slider .slick-dots{
    position: absolute;
    bottom: 15px;
    left: 30%;
}
}
.arrows-product-slider{
display: flex;
    width: 100%;
    position: absolute;
    left: 20%;
    bottom: 0;
    justify-content: center;
}
.product_slider .slide_inner img{
  object-fit: contain;
    max-height: 355px;
    width: 100%;
}

.arrows-product-slider .slick-prev, .arrows-product-slider .slick-next{
    font-size: 0;
    line-height: 0;
    display: block;
    width: 50px;
    height: 25px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
    margin-right:25px;
}
.arrows-product-slider .slick-prev:before{
content:'';
width:50px;
height:25px;
background-image:url('../img/general/right-arrow.svg');
display:block;
transform: rotate(0.5turn);
}
.arrows-product-slider .slick-next:before{
content:'';
width:50px;
height:25px;
background-image:url('../img/general/right-arrow.svg');
display:block;
}
/* partners */
#partners{
  padding-top: 100px;
    padding-bottom: 50px;
}
#partners .title {
  position: relative;
  margin-bottom: 50px; }

@media all and (max-width: 767px) {
  #partners .title {
    margin-bottom: 30px;
     } 
     .partners-grid{
      grid-template-columns:1fr 1fr 1fr;
     }
   }

#partners .title h2 {
  position: relative;
  z-index: 2; }

#partners .title:after {
  position: absolute;
  content: '';
  -webkit-background-size: contain;
          background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: url("../img/general/icon_4.svg");
  width: 110px;
  height: 110px;
  top: -17px;
  left: -45px;
  z-index: 1; }
  .partners-grid{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 20px;
    align-items: center;
  }
  .partners-item{
    height:120px;
    display:flex;
    align-items:center;
    justify-content:center;
  }
   .partners-item img{
    width:100%;
    height:100%;
    max-height:120px;
    object-fit:contain;
    -webkit-filter: grayscale(99%);
    filter: grayscale(99%); 
   }
      .partners-item img:hover{
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%); 
   }
   .modal__price{
     /*background-image:url('../img/general/banner4.png');*/
     background-size:cover;
     overflow:hidden;
     min-height:400px;
   }
   .modal__wrapper{
     display:flex;
     width:100%;
   }
   .modal__price .title{
     padding: 20px 0;
   }
   .modal__price form{
     background-color:transparent!important;
     width:100%;
   }
   .modal__price .box_input input::placeholder {
    color: #000;
    opacity: .7; }
    .modal__price .box_input input{
      color: #000;
      height:50px;
      opacity: 1;
    font-size: 18px;
    margin-bottom: 25px; }
#whatsapp_widget {display: flex;justify-content: center;align-items: center;z-index:9999; position: fixed; right: 20px; bottom:20px; width: 50px; height: 50px;  background-color: #FFF; border-radius: 50px; box-shadow: 0px 6px 25px rgb(0 0 0 / 25%) }
#whatsapp_widget svg {margin:2px 1px 0 0;transition: height 0.4s; height: 79%; fill: #27D246;}
#whatsapp_widget:hover svg {height: 84%;}
#whatsapp_widget>span{color: #454545; margin-right: 10px; font-size: 16.666666666667px;}
#whatsapp_widget{width: unset; padding: 0 0 0 15px;}
#whatsapp_widget {animation: 3s radial-pulse 10s infinite; }
@keyframes radial-pulse { 0% {box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.3);} 50% {box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);} 100% {box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);} }
.modal__step{
  transform: translate(200%);
  transition: all .5s;
  transform-origin: top left;
  width: 0;
  visibility: hidden;
  opacity: 0;
}
.step-down{
  transform: translateX(-100%);
  transition: .5s all ease;
}
.step-next{
  transform: translate(0%);
    transition: all .5s;
    transform-origin: top left;
    width: 100%;
    visibility: visible;
    opacity: 1;
}




/* FOOTER */


.df-container {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative
}

.footer-main-nav ul,.main-nav ul {
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal
}


.main-footer {
    padding: 35px 0 45px;
    overflow: hidden
}

.footer-main-nav {
    display: inline-block;
    position: relative;
    margin-right: 15px;
    float: left;
    margin-bottom: -10px;
    width: 400px;
    -webkit-box-flex: 400px;
    -ms-flex: 400px 0 0px;
    flex: 400px 0 0
}

.footer-main-nav ul {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: relative;
    margin-bottom: -10px;
    padding-right: 50px
}

.footer-main-nav ul li {
    display: inline-block;
    position: relative;
    float: left;
    width: 50%;
    padding-right: 10px;
    margin-bottom: 10px;
    line-height: 1.4
}

.footer-main-nav ul li a {
    display: block;
    text-decoration: none;
    color: #353535;
    transition: all .4s ease
}

.footer-main-nav ul li a:hover {
    color: #244867
}

.footer-main-info {
    display: inline-block;
    position: relative;
    float: left;
    max-width: 400px;
    margin-bottom: -10px
}

.footer-main-info ul {
    display: block;
    position: relative;
    margin-bottom: -10px
}

.footer-main-info ul li {
    display: block;
    position: relative;
    margin-bottom: 10px;
    color: #353535;
    line-height: 1.4
}

.footer-main-info ul a {
    position: relative;
    color: #2e3192;
    line-height: 1.4
}

.footer-main-info ul a:hover {
    text-decoration: none
}

.footer-main-socials {
    display: inline-block;
    position: relative;
    width: 100%;
    text-align: center;
    padding: 0 10px
}

.footer-main-socials li {
    display: inline-block;
    position: relative;
    margin-right: 17px
}

.footer-main-socials li:last-child {
    margin-right: 0
}

.footer-main-socials li a {
    display: block;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: 1px solid #e9e9e9;
    transition: all .4s ease
}

.footer-main-socials li a:hover {
    border: 1px solid #353535;
    background-color: #353535
}

.footer-main-socials li a:hover svg {
    fill: #fff
}

.footer-main-socials li a:hover svg #inst-line {
    fill: #353535!important
}

.footer-main-socials li a:hover svg rect {
    fill: #fff!important
}

.footer-main-socials li svg {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    fill: #353535;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.footer-main-info2 {
    display: inline-block;
    position: relative;
    float: right;
    padding-top: 17px
}

.footer-main-info2 ul {
    display: block;
    position: relative
}

.footer-main-info2 ul li {
    display: block;
    position: relative;
    line-height: 1;
    margin-bottom: 10px;
    text-align: right
}

.footer-main-info2 ul li::after,.footer-main-info2 ul li::before {
    content: "";
    display: block;
    clear: both
}

.footer-main-info2 ul li a {
    position: relative;
    line-height: 1;
    font-family: GilroyBold,sans-serif;
    font-weight: 400;
    font-size: 22px;
    color: #353535;
    text-decoration: none;
    letter-spacing: .2px
}

@media screen and (max-width: 767px) {

  #footer .footer_top .footer_map .map #map iframe{
  	width: 100%;
  }

  #main_catalog .catalog_logo a.logo img{
    width: auto; height: auto;
  }

  .footer_bottom .df-container{
    display: block;
  }

  .footer-main-nav,
  .footer-main-info,
  .footer-main-info2{
    display: block;
    float: none;
    margin-bottom: 1em;
  }

  .footer-main-info2 ul li{
    text-align: left;
  }

  .footer-main-nav{
  	max-width: 100%;
  }
}