/*
    Theme Name:        Wate
    Author:            Dmitriy
    Version:           1.0
*/
@import url('//fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,700;1,400&display=swap');
/*reset*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
}
input, select, label {vertical-align: middle;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}
* {box-sizing: border-box;}
/*================reset=======================*/
body {background: #fff; min-width: 320px; color: #555; font: 300 20px/1.8em 'Roboto';}
p {margin: 0 0 1em;}
h1 {font-size: 56px; font-weight: 300; line-height: 70px; color: #f00; margin: 0 0 60px;}
h2 {font-size: 48px; font-weight: 300; line-height: 55px; color: #f00; margin: 0 0 30px;}
h3 {font-size: 42px; font-weight: 300; line-height: 50px; text-transform: uppercase; color: #f00; margin: 0 0 30px;}
svg {vertical-align: middle;}
img, iframe, video {max-width: 100%;}

.container {width: 100%;max-width: 1240px; margin: 0 auto; padding-left: 20px; padding-right: 20px;}
.container-mini {max-width: 1000px; padding-top: 30px;}
.text-right {text-align: right;}
.button, .woocommerce ul.products li.product .button.is-primary, .woocommerce button.button.alt {background: #f00; border: none; color: #fff!important; font-size: 26px; font-weight: normal; line-height: 30px; letter-spacing: 2px; text-transform: uppercase; padding: 10px 40px; position: relative; text-decoration: none!important; overflow: hidden; display: inline-block; text-align: center; margin-bottom: 50px;}
.button:hover, .woocommerce ul.products li.product .button.is-primary:hover, .woocommerce button.button.alt:hover {background: #333;}
.woocommerce a.button.alt {background: #f00; border: none; color: #fff!important; font-size: 26px; font-weight: normal; line-height: 30px; letter-spacing: 2px; text-transform: uppercase; padding: 10px 40px; min-width: 200px; position: relative; text-decoration: none!important; overflow: hidden; display: inline-block; text-align: center; margin-bottom: 50px;}
.woocommerce a.button.alt:hover {background: #333;}

.woocommerce .shop_table button.button {background: #555;}
.woocommerce .shop_table button.button:hover {background: #000;}

.only_mobile {display: none;}
#wpadminbar {display: none;}
html {margin-top: 0 !important;}
/*header*/
header {position: fixed; top: 0; left: 0; right: 0; background: rgba(255,255,255,.9); padding: 10px 0 15px; z-index: 90;}
header .container {display: flex; justify-content: space-between; align-items: center; padding: 0 35px;}
header img {display: block; height: 50px!important;}
header ul {padding: 0; margin: 0; list-style: none; display: flex;}
header li {margin: 0 15px; text-transform: uppercase; font-size: 14px;}
header li a {color: #000!important; text-decoration: none;}
header li a:hover {color: #ed1c24!important;}
.facebook {display: block; width: 20px; height: 36px;}
.facebook:hover path {fill: #ed1c24;} 
.ico_cart {display: block; width: 20px; height: 36px; margin: 0 10px;}
.ico_cart:hover path {fill: #ed1c24;} 
.lang {display: flex;}
.lang a {margin-left: 10px;}
.lang select {color: #1b2733;
  padding: 6px 20px 6px 15px;
  border: 0;
  border-radius: 0;
  background: transparent url(images/icon-arrow.png) no-repeat 85% 50%;
  background-size: 9px 4px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; border: 1px solid #777; font-size: 14px;}
.main_banner {position: relative; text-align: center; background: #689e89 url(images/bg_header.jpg) no-repeat 50%; height: 100vh; z-index: 20;}
.logo_big {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.logo_big img {max-height: 15vh;}
.lnk_more {color: #fff!important; text-decoration: none!important; display: block; padding-bottom: 24px; text-transform: uppercase; font-size: 16px; font-weight: bold; margin-top: 30px; position: absolute; bottom: 100px; left: 50%; transform: translateX(-50%);}
.lnk_more::before {content: ""; position: absolute; border: 15px solid transparent; border-top-color: #f00; bottom: -15px; left: 50%; transform: translateX(-50%);}
/*header mini*/
.header_short {background: url(images/bg_header_short.jpg) no-repeat 50% 75px; height: 255px; margin-bottom: 0;}
/*.header_short header .facebook path {fill: #fff;} 
.header_short header .ico_cart path {fill: #fff;} 
.header_short header .facebook:hover path {fill: #ed1c24;} 
.header_short header .ico_cart:hover path {fill: #ed1c24;} 
.header_short header li a {color: #fff!important; text-decoration: none;}
.header_short header li a:hover {color: #ed1c24!important;}
.header_short header .lang select {background-color: #fff;}*/
.header_short .logo_big img {max-height: 85px; margin-top: 40px;}
/*main*/
#video_holder{
  position: relative;
}
#overlay{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}
#overlay:before {  width: 0; content:""; position: absolute; top: 50%; left: 50%; margin: -40px 0 0 -45px;
  height: 0;
  border: solid;
  border-color: transparent transparent transparent #fff;
  border-width: 30px 30px 30px 45px;}
  #overlay:hover:before {opacity: 0.8;}
#overlay.o:before{
  display: none;
}
#section_video {padding-top: 80px;}
.text_video {padding: 30px 85px 60px;}
.nature_text {background: #e5f1e1; padding: 100px 0 120px;}
.nature_text .block {background: #fff;}
.nature_text .text {padding: 40px 70px 40px 85px;}
.istochnik_text img {margin: 80px auto 0; display: block; max-height: 300px;}
.istochnik_text .text {padding: 40px 70px 40px 85px;}
.benefits_text .text {padding: 40px 70px 40px 85px;}
.benefits_text ul {margin: 0; list-style: none; padding: 0;}
.benefits_text li {padding-left: 70px; margin-bottom: 30px; color: #555;}
.benefits_text li:nth-child(1) {background: url(images/Icon_01.svg) no-repeat 0 50%;}
.benefits_text li:nth-child(2) {background: url(images/Icon_02.svg) no-repeat 0 50%;}
.benefits_text li:nth-child(3) {background: url(images/Icon_03.svg) no-repeat 0 50%;}
.benefits_text li:nth-child(4) {background: url(images/Icon_04.svg) no-repeat 0 50%;}
.swiper-container {padding-bottom: 100px; margin-bottom: -300px;}
.swiper-pagination-bullet {width: 50px; height: 3px; background: #2f2483; border-radius: 0; opacity: 1;}
.swiper-pagination-bullet-active {background: #38aa34;}
section.products {background: #e3f3fd; margin-bottom: 190px; padding: 50px 0;}
section.products .text {padding: 40px 70px 40px 85px;}
section.products .product {margin-top: -150px; text-align: center;}
section.products .product img {position: relative; top: 500px;  opacity: 0; vertical-align: bottom;visibility: hidden;transition: 1.55s all;}
section.products .product img:nth-child(2) {transition: 2s all;}
section.products .product img:nth-child(3) {transition: 2.5s all;}
section.products .product img:nth-child(4) {transition: 3s all;}
section.products.visible .product img {opacity: 1; top: 0; visibility: visible;}
.swiper-slide {display: flex; align-items: flex-end; justify-content: center;}
  .swiper-slide img[src*="_0_5L"] {max-height: 50%; transition: 0.8s;}
  .swiper-slide img[src*="_1_5L"] {max-height: 60%; transition: 1s;}
  .swiper-slide img[src*="_3L"] {max-height: 70%; transition: 1.5s;}
  .swiper-slide img {max-height: 100%; transition: 2s;}
/*shop*/
#billing_country_field, #billing_state_field, .wc_payment_methods, #billing_city_field, #billing_postcode_field {display: none!important;}

abbr.required {display: none;}
.select2-container--default .select2-selection--single {border: 1px solid rgba(255,255,255,.5); background: none;}
#content {margin: 0 auto; padding: 190px 15px; max-width: 940px; box-sizing: border-box;}
.content .woocommerce.columns-4 {padding-bottom: 200px;}
.content .cart-collaterals {padding-bottom: 200px;}
.woocontent {margin: 0 auto; padding: 190px 15px; max-width: 1100px; box-sizing: border-box;}
.woocommerce-block {clear: both; line-height: 24px;}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger {background: url(images/zoom-in.svg); bottom: .5em; top: auto; width: 20px; height: 20px;}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger:before, .woocommerce div.product div.images .woocommerce-product-gallery__trigger:after {display: none;}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger img {display: none;}

.single-product .product-stock {margin-bottom: 35px;}
.woocommerce div.product p.price, .woocommerce div.product span.price {color: #000;}
.woocommerce div.product form.cart div.quantity {margin-right: 20px!important;}
.catalogue-title {color: #1a7df2; margin-bottom: 30px;}
.catalogue-title + h2 {display: none;}
.woocommerce table.shop_table {border: 1px solid #E5E5E5;}
.product-categories {margin: 0; list-style: none;}
.product-categories li {margin-bottom: 30px;}
.product-categories a, .product-categories a:visited {color: #555; text-decoration: none; display: inline-block; padding-left: 35px; position: relative;}
.product-categories a:before {position: absolute; top: 6px; left: 0; width: 20px; height: 20px; border-radius: 5px; content:""; display: block; background: #1a7df2;}
.product-categories li.current-cat a:after {position: absolute; top: 12px; left: 5px; width: 11px; height: 11px; content:""; display: block; background: url(images/tick.png) no-repeat;}
.product-categories a:hover {color: #1a7df2; text-decoration: none;}

.cart_title {border-bottom: 1px solid #E5E5E5; text-align: center; color: #1a7df2; font-size: 20px; font-weight: bold; padding-bottom: 15px; text-transform: uppercase;}
.shop_table.cart td {border-bottom: 1px solid #E5E5E5; padding: 20px;}
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {background: none; margin-bottom: 200px;}
.woocommerce-notices-wrapper, .woocommerce-NoticeGroup-checkout, .woocommerce-additional-fields h3 {display: none;}
.woocommerce-additional-fields {padding-top: 56px;}

.woocommerce form .form-row.woocommerce-validated .select2-container, .woocommerce form .form-row.woocommerce-validated input.input-text, .woocommerce form .form-row.woocommerce-validated select {border: 1px solid rgba(255,255,255,0.5);}
.woocommerce-error, .woocommerce-info, .woocommerce-message {background: none; color: #fff;}
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {float: none; width: auto; text-align: center;}
.woocommerce .cart-collaterals .cart_totals table.shop_table {margin: 0 auto; width: auto;}
.lnk_back_shop {text-align: center; margin-top: 20px;}
.lnk_back_shop a, .lnk_back_shop a:visited {color: #1a7df2; text-decoration: none;}
.lnk_back_shop a:hover {color: #1a7df2; opacity: 0.8;}

#billing_country_field, #billing_state_field, #billing_city_field, tfoot .cart-subtotal, .woocommerce-order h2 {display: none!important;}
#customer_details {margin-bottom: 30px;}
.woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text {width: 250px;}

  /*shop*/
.woocommerce .woocommerce-breadcrumb {color: #555;}
.woocommerce .woocommerce-breadcrumb a {color: #555;}
.product_thumbnail {background: #e3f3fd; height: 325px; display: flex; justify-content: center; align-items: center; margin-bottom: 10px;} 
.woocommerce ul.products li.product a .product_thumbnail img {max-height: 80%; width: auto;}
.woocommerce ul.products li.product a .product_title {font-size: 22px; line-height: 32px; min-height: 86px; color: #555; padding-left: 45px;}
.woocommerce ul.products li.product a .price {font-size: 28px; color: #f00; text-align: center;}
.woocommerce ul.products li.product .button.is-primary {font-size: 16px;}
.woocommerce ul.products li.product form {text-align: center;}
.woocommerce .quantity .qty {height: 35px; padding: 0; width: 30px;}
.woocommerce .quantity {border: 1px solid #a6a6a6; border-radius: 5px; display: inline-block; height: 35px; line-height: 35px; padding: 0; white-space: nowrap; width: 75px; margin: 8px 0!important; text-align: center;}
.woocommerce .quantity a {display: inline-block; width: 15px; text-align: center; color: #000; text-decoration: none!important;}
.woocommerce .quantity input {border: none; background: none; color: #000; text-align: center; margin: 0;vertical-align: middle;}
/*product*/
.woocommerce div.product div.images img {width: auto; margin: 0 auto; max-height: 500px;}
.woocommerce div.product h1.title {font-size: 52px; line-height: 56px; text-transform: none;margin-bottom: 20px;}
/*footer*/
footer {padding: 40px 0;}
footer .container {display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
footer ul {margin: 0; list-style: none; display: flex;}
footer li {margin: 0 15px; text-transform: uppercase; font-size: 16px;}
footer li a {color: #555!important; text-decoration: none;}
footer li a:hover {color: #ed1c24!important;}
#bgSound {opacity: 0;}
/*others*/
label {color: #555; margin-left: 10px; font: 24px Arial, sans-serif;}
input[type="text"], input[type="email"], input[type="tel"] {width: 100%; background: #fafafa; border: 1px solid #c1c1c1; padding: 3px 10px; height: 46px; margin: 8px 0 22px; font: 500 18px Arial, sans-serif; max-width: 420px;}
textarea {width: 100%; background: #fafafa; border: 1px solid #c1c1c1; padding: 8px 10px; height: 115px; margin: 8px 0 22px; font: 500 18px Arial, sans-serif;}
input[type="submit"] {background: #f00; border: 0; padding: 5px 25px; text-transform: uppercase; height: 45px; color: #fff; font: 500 24px Arial, sans-serif; cursor: pointer;}
input[type="submit"]:hover {background: #555;}
.mobile_menu {display: none;}

/*links*/
a, a:visited {color: #555; outline: none; text-decoration: none;}
a:hover, a:active {color: #f00; text-decoration: none;}




@media screen and (max-width: 1280px) {
  header li {margin: 0 7px; font-size: 14px;}
}

@media screen and (max-width: 960px) {
  header ul {display: none;}
  .logo {margin-right: auto;}
  .facebook, .lang {display: none;}
  .burger {display: block; width: 30px; height: 24px; border-top: 2px solid #555; border-bottom: 2px solid #ed1c24; position: relative; margin: 0 50px 0 30px;}
  .burger:before {content: ""; border-top: 2px solid #555; position: absolute; top: 9px; left: 0; width: 100%;}
  .lnk_top {display: block; width: 25px; height: 24px; position: relative;}
  .lnk_top:before {content: ""; border: 8px solid transparent; border-bottom: 8px solid #555; position: absolute; top: -8px; left: 0;}
  .lnk_top span {content: ""; border: 8px solid transparent; border-bottom: 8px solid #555; position: absolute; top: 0; left: 0;}
  .lnk_top:after {content: ""; border: 8px solid transparent; border-bottom: 8px solid #ed1c24; position: absolute; bottom: 0; left: 0;}
  
  .text_video, .nature_text .text, .istochnik_text .text, .benefits_text .text {padding: 30px 25px 40px;}
  .benefits_text li {padding-left: 70px; margin-bottom: 30px; color: #555;}
  .mobile_menu {position: fixed; top: 64px; bottom: 0; left: 0; right: 0; background: rgba(255,255,2555,.9); padding: 20px; z-index: 90; justify-content: center; align-items: center; display: none; flex-direction: column; overflow: auto;}
  .mobile_menu.open {display: flex;}
  .mobile_menu ul {padding: 0; margin: 0 0 50px; list-style: none;}
  .mobile_menu li {margin: 5px 0; text-transform: uppercase; text-align: center; font-size: 24px; line-height: 36px;}
  .mobile_menu li a {color: #000!important; text-decoration: none;}
  .mobile_menu li a:hover {color: #ed1c24!important;}
  .mobile_menu .lang {display: flex; justify-content: center;}
  .burger.open {border: none;}
  .burger.open:before {transform: rotate(-45deg); top: 12px;} 
  .burger.open:after {content: ""; border-top: 2px solid #555; position: absolute; top: 9px; left: 0; width: 30px; transform: rotate(45deg); top: 12px;} 
  .button, .woocommerce ul.products li.product .button.is-primary, .woocommerce button.button.alt {padding: 10px 20px;}
  .header_short {background-size: 175%;height: 200px;}
}
@media screen and (max-width: 768px) {
  header .container {padding: 0 15px;}
  .home .main_banner {background: #689e89 url(images/bg_header_768.jpg) no-repeat 50%; background-size: cover;}
}
@media screen and (max-width: 600px) {
  .only_desktop {display: none;}
  .only_mobile {display: block;}
  .burger {margin: 0 17px;}
  .swiper-pagination-bullet {width: 20px;}
  .ico_cart {margin: 0;}
  section.products {padding: 50px 0 150px;}
  section.products .text {padding: 0;}
  section.products .text h3 {margin-bottom: 150px;}
  footer ul {display: none;}
  h3 {font-size: 28px; line-height: 36px;}
  video {height: auto;}
  .nature_text {padding: 20px 0;}
  #overlay:before {margin: -20px 0 0 -20px; border-width: 20px 20px 20px 30px;}
}
@media screen and (max-width: 480px) {
  .header_short {background-size: 220%;height: 145px;}
  .logo {width: 120px;}
  /*.main_banner {background: #689e89 url(images/bg_header_480.jpg) no-repeat 50%;background-size: cover;}*/
  .logo_big img {max-height: 55px; height: 55px; max-width: none;}
  .burger {margin: 0 25px;}
  .benefits_text .text {padding: 30px 0;}
  .benefits_text li {padding-left: 45px; margin-bottom: 15px;}
}
@media screen and (max-width: 380px) {
  body {font-size: 16px;}
  .text_video, .nature_text .text, .istochnik_text .text {padding: 20px 20px;}
  h1 {margin-bottom: 20px;}
  h3 {font-size: 20px; line-height: 24px;}
  .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {width: 100%;}
  .woocommerce ul.products[class*=columns-] li.product .product_title, .woocommerce-page ul.products[class*=columns-] li.product .product_title {margin-bottom: 12px;}
}