/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */

html {
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  background-color: #fff !important;
}

body {
  margin: 0;
  background-color: #fff !important;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section {
  display: block
}

h1 {
  font-size: 2em;
  margin: .67em 0
}

figure {
  margin: 1em 40px
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em
}

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline dotted
}

b,
strong {
  font-weight: bolder
}

dfn {
  font-style: italic
}

mark {
  background-color: #ff0;
  color: #000
}

small {
  font-size: 80%
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

sub {
  bottom: -.25em
}

sup {
  top: -.5em
}

audio,
canvas,
video {
  display: inline-block
}

audio:not([controls]) {
  display: none;
  height: 0
}

img {
  border-style: none
}

svg:not(:root) {
  overflow: hidden
}



.popupone{
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 115;
  background: rgba(5, 5, 5, 0.64);
  display: none;
  opacity: 0;
  visibility: hidden;
  transition: .5s ease-out;
}
.popupone.opened{
  display: block;
}
.popupone.active{
  opacity: 1;
  visibility: visible;
}

.popupone_cont{
  max-width: 960px;
  width: 100%;
  height: auto;
  max-height: 600px;
  background-color: #fff;
  border-radius: 12px;
  padding: 40px 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
}
@media only screen and (max-width: 1200px) {
  .popupone_cont{
    min-height: auto;
    padding: 40px 20px;
  }
}
@media only screen and (max-width: 768px) {
  .popupone_cont{
    width: 320px;
    max-height: 660px;
  }
}
.popupone_text_cont{
  width: 100%;
}
@media only screen and (min-width: 320px) {
  .popup_img_desc{
    display: none;
  }
  .popup_img_mob{
    max-width: 100%;
    width: auto;
    object-fit: contain;
    display: inline-block;
  }
}
@media only screen and (min-width: 768px) {
  .popup_img_desc{
    max-width: 100%;
    width: auto;
    object-fit: contain;
    display: inline-block;
  }
  .popup_img_mob{
    display: none;
  }
}
.popupone_text{
  width: 100%;
  position: relative;
  padding-right: 40px;
}
.popupone_text h4{
  font: 600 22px / 24px "Myriad Pro Semi Condensed", sans-serif;
  color: #000;
  margin-bottom: 10px;
}
.popupone_text p{
  font: 400 17px / 20px "Myriad Pro Semi Condensed", sans-serif;
  color: #7B7B7B;
}

.popupone_text .exit_pop{
  width: 16px;
  height: 16px;
  position: absolute;
  top: -30px;
  right: 0;
  background: url(../images/popupone_exit.svg) 50% 50% no-repeat;
  cursor: pointer;
}






button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  font-size: 100%;
  line-height: 1.15;
  margin: 0
}

button,
input {
  overflow: visible
}

button,
select {
  text-transform: none
}

[type=reset],
[type=submit],
button,
html [type=button] {
  -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
  outline: 1px dotted ButtonText
}

fieldset {
  padding: .35em .75em .625em
}

legend {
  color: inherit;
  display: table;
  max-width: 100%;
  white-space: normal
}

progress {
  display: inline-block;
  vertical-align: baseline
}

textarea {
  overflow: auto
}

[type=checkbox],
[type=radio],
legend {
  box-sizing: border-box;
  padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}

summary {
  display: list-item
}

[hidden],
template {
  display: none
}

input:-moz-placeholder,
input::-webkit-input-placeholder,
input:focus:-moz-placeholder,
input:focus::-webkit-input-placeholder,
textarea:-moz-placeholder,
textarea::-webkit-input-placeholder,
textarea:focus:-moz-placeholder,
textarea:focus::-webkit-input-placeholder {
  color: #000;
  font: "normal 14px/16px 'Helvetica', 'Arial', sans-serif"
}

ol {
  list-style: none
}

html {
  min-height: 100%
}

body {
  background-color: #fff;
  color: #000
}

.link,
a {
  transition: text-decoration .5s ease;
  cursor: pointer
}

a {
  border: 0
}

.link {
  outline: transparent
}

.link,
.link:visited,
.menu .menu-item:hover a,
.menu .sub-menu .current-menu-item a,
a:visited {
  color: #00abe3;
  text-decoration: none
}

.link:hover,
a:hover {
  color: #00abe3;
  text-decoration: underline
}

textarea {
  resize: none
}

.clear {
  clear: both;
  height: 0
}

.left {
  float: left
}

.right {
  float: right
}

.slick-slide.slick-loading img {
  display: none
}

abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline
}

a,
canvas,
footer {
  font: inherit
}

/* footer {
  margin: 0;
  border: 0;
  vertical-align: baseline
} */

em {
  font-style: italic
}

.slick-slide img,
main {
  display: block
}

body {
  line-height: 1;
  overflow-y: scroll
}

blockquote,
q {
  quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
  content: none
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

strong {
  font-weight: 600
}

@font-face {
  font-family: 'Roboto';
  src: url(../fonts/Roboto-Bold-webfont.eot);
  src: url(../fonts/Roboto-Bold-webfont.eot) format("embedded-opentype"), url(../fonts/Roboto-Bold-webfont.woff) format("woff"), url(../fonts/Roboto-Bold-webfont.ttf) format("truetype");
  font-weight: 700;
  font-style: normal
}

@font-face {
  font-family: 'Roboto';
  src: url(../fonts/Roboto-BoldItalic-webfont.eot);
  src: url(../fonts/Roboto-BoldItalic-webfont.eot) format("embedded-opentype"), url(../fonts/Roboto-BoldItalic-webfont.woff) format("woff"), url(../fonts/Roboto-BoldItalic-webfont.ttf) format("truetype");
  font-weight: 700;
  font-style: italic
}

@font-face {
  font-family: 'Roboto';
  src: url(../fonts/Roboto-Regular-webfont.eot);
  src: url(../fonts/Roboto-Regular-webfont.eot) format("embedded-opentype"), url(../fonts/Roboto-Regular-webfont.woff) format("woff"), url(../fonts/Roboto-Regular-webfont.ttf) format("truetype");
  font-weight: 400;
  font-style: normal
}

@font-face {
  font-family: 'Roboto';
  src: url(../fonts/Roboto-Italic-webfont.eot);
  src: url(../fonts/Roboto-Italic-webfont.eot) format("embedded-opentype"), url(../fonts/Roboto-Italic-webfont.woff) format("woff"), url(../fonts/Roboto-Italic-webfont.ttf) format("truetype");
  font-weight: 400;
  font-style: italic
}

@font-face {
  font-family: 'Roboto';
  src: url(../fonts/Roboto-Light-webfont.eot);
  src: url(../fonts/Roboto-Light-webfont.eot) format("embedded-opentype"), url(../fonts/Roboto-Light-webfont.woff) format("woff"), url(../fonts/Roboto-Light-webfont.ttf) format("truetype");
  font-weight: 300;
  font-style: normal
}

@font-face {
  font-family: 'Roboto';
  src: url(../fonts/Roboto-LightItalic-webfont.eot);
  src: url(../fonts/Roboto-LightItalic-webfont.eot) format("embedded-opentype"), url(../fonts/Roboto-LightItalic-webfont.woff) format("woff"), url(../fonts/Roboto-LightItalic-webfont.ttf) format("truetype");
  font-weight: 300;
  font-style: italic
}

@font-face {
  font-family: 'Roboto Condensed';
  src: url(../fonts/robotocondensed-bold-webfont.eot);
  src: url(../fonts/robotocondensed-bold-webfont.eot) format("embedded-opentype"), url(../fonts/robotocondensed-bold-webfont.woff) format("woff"), url(../fonts/robotocondensed-bold-webfont.ttf) format("truetype");
  font-weight: 700;
  font-style: normal
}

@font-face {
  font-family: 'Roboto Condensed';
  src: url(../fonts/robotocondensed-bolditalic-webfont.eot);
  src: url(../fonts/robotocondensed-bolditalic-webfont.eot) format("embedded-opentype"), url(../fonts/robotocondensed-bolditalic-webfont.woff) format("woff"), url(../fonts/robotocondensed-bolditalic-webfont.ttf) format("truetype");
  font-weight: 700;
  font-style: italic
}

@font-face {
  font-family: 'Roboto Condensed';
  src: url(../fonts/robotocondensed-italic-webfont.eot);
  src: url(../fonts/robotocondensed-italic-webfont.eot) format("embedded-opentype"), url(../fonts/robotocondensed-italic-webfont.woff) format("woff"), url(../fonts/robotocondensed-italic-webfont.ttf) format("truetype");
  font-weight: 400;
  font-style: italic
}

@font-face {
  font-family: 'Roboto Condensed';
  src: url(../fonts/robotocondensed-light-webfont.eot);
  src: url(../fonts/robotocondensed-light-webfont.eot) format("embedded-opentype"), url(../fonts/robotocondensed-light-webfont.woff) format("woff"), url(../fonts/robotocondensed-light-webfont.ttf) format("truetype");
  font-weight: 300;
  font-style: normal
}

@font-face {
  font-family: 'Roboto Condensed';
  src: url(../fonts/robotocondensed-lightitalic-webfont.eot);
  src: url(../fonts/robotocondensed-lightitalic-webfont.eot) format("embedded-opentype"), url(../fonts/robotocondensed-lightitalic-webfont.woff) format("woff"), url(../fonts/robotocondensed-lightitalic-webfont.ttf) format("truetype");
  font-weight: 300;
  font-style: italic
}

@font-face {
  font-family: 'Roboto Condensed';
  src: url(../fonts/robotocondensed-regular-webfont.eot);
  src: url(../fonts/robotocondensed-regular-webfont.eot) format("embedded-opentype"), url(../fonts/robotocondensed-regular-webfont.woff) format("woff"), url(../fonts/robotocondensed-regular-webfont.ttf) format("truetype");
  font-weight: 400;
  font-style: normal
}

@font-face {
  font-family: 'Myriad Pro';
  src: url(../fonts/fonts/MyriadProBold.eot);
  src: url(../fonts/MyriadProBold.eot) format("embedded-opentype"), url(../fonts/MyriadProBold.woff) format("woff"), url(../fonts/MyriadProBold.ttf) format("truetype");
  font-weight: 700;
  font-style: normal
}

@font-face {
  font-family: 'Myriad Pro';
  src: url(../fonts/MyriadProBoldItalic.eot);
  src: url(../fonts/MyriadProBoldItalic.eot) format("embedded-opentype"), url(../fonts/MyriadProBoldItalic.woff) format("woff"), url(../fonts/MyriadProBoldItalic.ttf) format("truetype");
  font-weight: 700;
  font-style: italic
}

@font-face {
  font-family: 'Myriad Pro';
  src: url(../fonts/MyriadProItalic.eot);
  src: url(../fonts/MyriadProItalic.eot) format("embedded-opentype"), url(../fonts/MyriadProItalic.woff) format("woff"), url(../fonts/MyriadProItalic.ttf) format("truetype");
  font-weight: 400;
  font-style: italic
}

@font-face {
  font-family: 'Myriad Pro';
  src: url(../fonts/MyriadProRegular.eot);
  src: url(../fonts/MyriadProRegular.eot) format("embedded-opentype"), url(../fonts/MyriadProRegular.woff) format("woff"), url(../fonts/MyriadProRegular.ttf) format("truetype");
  font-weight: 400;
  font-style: normal
}

@font-face {
  font-family: 'Myriad Pro';
  src: url(../fonts/MyriadProSemiBold.eot);
  src: url(../fonts/MyriadProSemiBold.eot) format("embedded-opentype"), url(../fonts/MyriadProSemiBold.woff) format("woff"), url(../fonts/MyriadProSemiBold.ttf) format("truetype");
  font-weight: 600;
  font-style: normal
}

@font-face {
  font-family: 'Myriad Pro';
  src: url(../fonts/MyriadProSemiBoldItalic.eot);
  src: url(../fonts/MyriadProSemiBoldItalic.eot) format("embedded-opentype"), url(../fonts/MyriadProSemiBoldItalic.woff) format("woff"), url(../fonts/MyriadProSemiBoldItalic.ttf) format("truetype");
  font-weight: 600;
  font-style: italic
}

@font-face {
  font-family: 'Myriad Pro';
  src: url(../fonts/Myriad-Pro-Light.eot);
  src: url(../fonts/Myriad-Pro-Light.eot) format("embedded-opentype"), url(../fonts/Myriad-Pro-Light.woff) format("woff"), url(../fonts/Myriad-Pro-Light.otf) format("otf"), url(../fonts/Myriad-Pro-Light.ttf) format("truetype");
  font-weight: 300;
  font-style: normal
}

@font-face {
  font-family: 'Myriad Pro';
  src: url(../fonts/Myriad-Pro-Light-Italic.eot);
  src: url(../fonts/Myriad-Pro-Light-Italic.eot) format("embedded-opentype"), url(../fonts/Myriad-Pro-Light-Italic.woff) format("woff"), url(../fonts/Myriad-Pro-Light-Italic.otf) format("otf"), url(../fonts/Myriad-Pro-Light-Italic.ttf) format("truetype");
  font-weight: 300;
  font-style: italic
}

@font-face {
  font-family: 'Myriad Pro Semi Condensed';
  src: url(../fonts/Myriad-Pro-Bold-SemiCondensed.eot);
  src: url(../fonts/Myriad-Pro-Bold-SemiCondensed.eot) format("embedded-opentype"), url(../fonts/Myriad-Pro-Bold-SemiCondensed.woff) format("woff"), url(../fonts/Myriad-Pro-Bold-SemiCondensed.otf) format("otf"), url(../fonts/Myriad-Pro-Bold-SemiCondensed.ttf) format("truetype");
  font-weight: 700;
  font-style: normal
}

@font-face {
  font-family: 'Myriad Pro Semi Condensed';
  src: url(../fonts/Myriad-Pro-Bold-SemiCondensed-Italic.eot);
  src: url(../fonts/Myriad-Pro-Bold-SemiCondensed-Italic.eot) format("embedded-opentype"), url(../fonts/Myriad-Pro-Bold-SemiCondensed-Italic.woff) format("woff"), url(../fonts/Myriad-Pro-Bold-SemiCondensed-Italic.otf) format("otf"), url(../fonts/Myriad-Pro-Bold-SemiCondensed-Italic.ttf) format("truetype");
  font-weight: 700;
  font-style: italic
}

@font-face {
  font-family: 'Myriad Pro Semi Condensed';
  src: url(../fonts/Myriad-Pro-Light-SemiCondensed.eot);
  src: url(../fonts/Myriad-Pro-Light-SemiCondensed.eot) format("embedded-opentype"), url(../fonts/Myriad-Pro-Light-SemiCondensed.woff) format("woff"), url(../fonts/Myriad-Pro-Light-SemiCondensed.otf) format("otf"), url(../fonts/Myriad-Pro-Light-SemiCondensed.ttf) format("truetype");
  font-weight: 300;
  font-style: normal
}

@font-face {
  font-family: 'Myriad Pro Semi Condensed';
  src: url(../fonts/Myriad-Pro-Light-SemiCondensed-Italic.eot);
  src: url(../fonts/Myriad-Pro-Light-SemiCondensed-Italic.eot) format("embedded-opentype"), url(../fonts/Myriad-Pro-Light-SemiCondensed-Italic.woff) format("woff"), url(../fonts/Myriad-Pro-Light-SemiCondensed-Italic.otf) format("otf"), url(../fonts/Myriad-Pro-Light-SemiCondensed-Italic.ttf) format("truetype");
  font-weight: 300;
  font-style: italic
}

@font-face {
  font-family: 'Myriad Pro Semi Condensed';
  src: url(../fonts/Myriad-Pro-Semibold-SemiCondensed.eot);
  src: url(../fonts/Myriad-Pro-Semibold-SemiCondensed.eot) format("embedded-opentype"), url(../fonts/Myriad-Pro-Semibold-SemiCondensed.woff) format("woff"), url(../fonts/Myriad-Pro-Semibold-SemiCondensed.otf) format("otf"), url(../fonts/Myriad-Pro-Semibold-SemiCondensed.ttf) format("truetype");
  font-weight: 600;
  font-style: normal
}

@font-face {
  font-family: 'Myriad Pro Semi Condensed';
  src: url(../fonts/Myriad-Pro-Semibold-SemiCondensed-Italic.eot);
  src: url(../fonts/Myriad-Pro-Semibold-SemiCondensed-Italic.eot) format("embedded-opentype"), url(../fonts/Myriad-Pro-Semibold-SemiCondensed-Italic.woff) format("woff"), url(../fonts/Myriad-Pro-Semibold-SemiCondensed-Italic.otf) format("otf"), url(../fonts/Myriad-Pro-Semibold-SemiCondensed-Italic.ttf) format("truetype");
  font-weight: 600;
  font-style: italic
}

@font-face {
  font-family: 'Myriad Pro Semi Condensed';
  src: url(../fonts/Myriad-Pro-SemiCondensed.eot);
  src: url(../fonts/Myriad-Pro-SemiCondensed.eot) format("embedded-opentype"), url(../fonts/Myriad-Pro-SemiCondensed.woff) format("woff"), url(../fonts/Myriad-Pro-SemiCondensed.otf) format("otf"), url(../fonts/Myriad-Pro-SemiCondensed.ttf) format("truetype");
  font-weight: 400;
  font-style: normal
}

@font-face {
  font-family: 'Myriad Pro Semi Condensed';
  src: url(../fonts/Myriad-Pro-SemiCondensed-Italic.eot);
  src: url(../fonts/Myriad-Pro-SemiCondensed-Italic.eot) format("embedded-opentype"), url(../fonts/Myriad-Pro-SemiCondensed-Italic.woff) format("woff"), url(../fonts/Myriad-Pro-SemiCondensed-Italic.otf) format("otf"), url(../fonts/Myriad-Pro-SemiCondensed-Italic.ttf) format("truetype");
  font-weight: 400;
  font-style: italic
}

.button,
button,
input[type=submit] {
  background: #414141;
  border: 1px solid #000;
  height: 42px;
  margin: 0;
  padding: 0;
  width: 100%
}

.button,
input[type=submit] {
  outline: none
}

.button:hover,
button:hover,
input[type=submit]:hover {
  background: #ccc
}

@font-face {
  font-family: "slick";
  font-weight: 400;
  font-style: normal
}

.slick-next,
.slick-prev {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  background: 0 0;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none
}

.slick-next:focus,
.slick-next:hover,
.slick-prev:focus,
.slick-prev:hover {
  outline: none;
  background: 0 0;
  color: transparent
}

.slick-dots li button:focus:before,
.slick-dots li button:hover:before,
.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
  opacity: 1
}

.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
  opacity: .25
}

.slick-next:before,
.slick-prev:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: #fff;
  opacity: .75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.slick-prev {
  left: -25px
}

[dir=rtl] .slick-prev {
  left: auto;
  right: -25px
}

.slick-prev:before {
  content: "←"
}

.slick-next:before,
[dir=rtl] .slick-prev:before {
  content: "→"
}

.slick-next {
  right: -25px
}

[dir=rtl] .slick-next {
  left: -25px;
  right: auto
}

[dir=rtl] .slick-next:before {
  content: "←"
}

.slick-dotted.slick-slider {
  margin-bottom: 30px;
  position: relative;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%
}

.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer
}

.slick-dots li button {
  border: 0;
  background: 0 0;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0;
  font-size: 0;
  color: transparent;
  padding: 5px;
  cursor: pointer
}

.slick-dots li button:focus,
.slick-dots li button:hover,
.slick-list:focus {
  outline: none
}

.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: #fff;
  opacity: .25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
  color: #fff;
  opacity: .75
}

.slick-list,
.slick-slider {
  position: relative;
  display: block
}

.slick-slider {
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent
}

.slick-list {
  overflow: hidden;
  margin: 0;
  padding: 0
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand
}

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

.slick-track {
  position: relative;
  left: 0;
  top: 0
}

.slick-track:after,
.slick-track:before,
footer:after,
footer:before {
  content: "";
  display: table
}

.slick-track:after {
  clear: both
}

.slick-loading .slick-track {
  visibility: hidden
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none
}

[dir=rtl] .slick-slide {
  float: right
}

.slick-slide.dragging img {
  pointer-events: none
}

.slick-initialized .slick-slide {
  display: block
}

.slick-loading .slick-slide {
  visibility: hidden
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent
}

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

.header-wrap {
  margin: 0 auto;
  padding: 0 20px;
  position: relative
}

header {
  background-color: #fff;
  font-size: 0;
  min-height: 63px;
  position: fixed;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 100
}

header.fixed .header-logo,
header.fixed .header-logo .header-logo-wrap {
  transition: width 1s linear;
  width: 130px
}

header.fixed .header-logo .logo {
  transition: width 1s linear;
  height: 37px;
  left: 34px;
  top: 13px;
  width: 96px
}

.header-logo {
  display: inline-block;
  vertical-align: top;
  float: left;
  position: relative;
  transition: width 1s linear
}

.header-logo .header-logo-wrap,
.header-logo .logo {
  top: 0;
  left: 0;
  display: block;
  position: absolute;
  width: 260px;
  z-index: 1;
  transition: width 1s linear
}

.header-logo .logo {
  border-radius: 45%;
  height: 66px;
  left: 67px;
  top: 31px;
  -webkit-transform: rotate(-7deg);
  transform: rotate(-7deg);
  width: 193px
}

.header-menu {
  background-color: #fff;
  position: absolute;
  left: 0;
  right: 0;
  max-width: 100%;
  margin: 0 auto;
  text-align: left;
  width: 100%
}


#menu-top-menu-en,
#menu-top-menu-ua,
#menu-top-menu-ru {
  display: flex;
  justify-content: center;
}

.header-menu,
.menu .menu-item {
  display: inline-block;
  vertical-align: top
}

.menu .menu-item a {
  color: #4a4a4a;
  display: block;
  letter-spacing: 2px;
  text-transform: uppercase;
  text-decoration: none
}


@media only screen and (min-width: 320px) {
  .menu .menu-item a {
    font: 400 12px/17px "Myriad Pro Semi Condensed", sans-serif;
    padding: 23px 24px;
  }
}

@media only screen and (min-width: 1200px) {
  .menu .menu-item a {
    padding: 23px 10px;
  }
}

@media only screen and (min-width: 1600px) {
  .menu .menu-item a {
    font: 400 14px/17px "Myriad Pro Semi Condensed", sans-serif;
    padding: 23px 24px;
  }
}

.header-lang .lang-item a:hover,
.menu .current-menu-parent a,
.menu .current-page-ancestor a,
.menu .current_page_item a,
.menu .menu-item-has-children:hover .sub-menu li:hover a,
.menu .sub-menu li:hover a {
  color: #00abe3
}

.menu .sub-menu {
  display: none;
  background-color: #fff;
  transition: all 2s ease-out
}

.menu .sub-menu a {
  color: #4a4a4a;
  font: 400 12px/14px "Myriad Pro", sans-serif;
  letter-spacing: .36px;
  padding: 8px 10px
}

.menu .menu-item-has-children {
  position: relative
}

.menu .menu-item-has-children:hover .sub-menu {
  transition: all 2s ease-out;
  display: block;
  margin: 0 auto;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  width: 130px
}

.header-lang .lang-item:after,
.menu .menu-item-has-children:hover .sub-menu:after {
  display: block;
  content: '';
  position: absolute;
  background-color: #00abe3;
  height: 2px;
  top: -2px;
  width: 100%
}

.menu .menu-item-has-children:hover .sub-menu a {
  color: #4a4a4a
}

.header-lang,
.header-lang .lang-item {
  display: inline-block;
  vertical-align: top
}

.header-lang {
  float: right;
  padding: 15px 45px 0 0
}

.header-lang .lang-item {
  position: relative
}

.header-lang .lang-item:after {
  background-color: #a1a8ad;
  height: 14px;
  left: 0;
  top: 12px;
  width: 1px
}

.header-lang .lang-item:first-child:after {
  display: none
}

.header-lang .lang-item a {
  color: #a1a8ad;
  display: block;
  font: 400 14px/17px "Myriad Pro Semi Condensed", sans-serif;
  letter-spacing: 2px;
  padding: 8px;
  text-decoration: none
}

.header-lang .current-lang a {
  color: #00abe3;
  text-decoration: underline
}

.header-humburger {
  cursor: pointer;
  display: inline-block;
  height: 40px;
  margin: 0;
  position: absolute;
  right: 15px;
  top: 12px;
  width: 40px;
  z-index: 1
}

.header-humburger .first-line,
.header-humburger .second-line {
  width: 24px;
  height: 2px;
  margin: 6px auto 0;
  transition: all .5s ease
}

.header-humburger .first-line {
  background: #00abe3;
  display: block
}

.header-humburger .second-line {
  opacity: 1
}

.header-humburger .second-line,
.header-humburger .third-line,
.header-humburger.on .first-line {
  display: block;
  background: #00abe3
}

.header-humburger.on .second-line {
  background: #00abe3
}

.header-humburger .third-line {
  margin: 6px auto 0;
  width: 24px;
  height: 2px;
  transition: all .5s ease
}

.header-humburger.on p {
  padding-top: 6px
}

.header-humburger.on .first-line {
  transition: all .5s ease
}

.header-humburger.on .first-line,
.header-humburger.on .second-line {
  width: 24px;
  height: 2px;
  margin: 17px 0 0 12px;
  -webkit-transform: rotate(45deg) translate(-4px, 0);
  transform: rotate(45deg) translate(-4px, 0)
}

.header-humburger.on .second-line,
.header-humburger.on .third-line {
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease
}

.header-humburger.on .second-line {
  display: none;
  opacity: 0;
  transition: all .5s ease
}

.header-humburger.on .third-line {
  transition: all .5s ease;
  background: #00abe3;
  width: 24px;
  height: 2px;
  display: block;
  margin: -1px 0 0 11px;
  -webkit-transform: rotate(-45deg) translate(2px, -4px);
  transform: rotate(-45deg) translate(2px, -4px)
}

.header-mobile {
  vertical-align: top;
  background-color: #fff;
  margin: 0 auto;
  min-height: 54px
}

.header-mobile-menu {
  transition: display 1s linear;
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 54px
}
/* 
.home footer {
  position: absolute;
  bottom: 0;
  z-index: 100
}

footer {
  font-size: 0;
  background-color: #f2f2f2;
  bottom: 0;
  color: #a1a8ad;
  min-height: 60px;
  padding: 0 20px;
  position: relative;
  width: 100%
}

footer:after {
  clear: both;
  height: 0;
  overflow: hidden
}

.footer-copyright,
.footer-madein,
.footer-socials {
  display: inline-block;
  vertical-align: top;
  width: 33.3%
}

.footer-copyright {
  font: 400 14px "Myriad Pro", sans-serif;
  float: left;
  padding-top: 25px
}

.footer-madein,
.footer-socials {
  padding-top: 10px;
  text-align: center
}

.footer-socials a {
  margin: 0 5px
}

.footer-madein {
  font: 400 14px "Myriad Pro", sans-serif;
  padding-top: 25px;
  text-align: right
}

.footer-madein a {
  color: #a1a8ad
} */

.home .container-wrap {
  padding: 0
}

.container-wrap {
  min-height: calc(100vh - 63px);
  padding-top: 63px;
  position: relative
}

.main-screen {
  background: url() no-repeat 0 0/100% auto;
  min-height: calc(110vh - 63px);
  position: relative;
  overflow: hidden
}

.main-screen .scale-image {
  z-index: -1
}

.h-section:last-child .main-screen {
  min-height: calc(110vh - 123px)
}

.main-screen-wrap {
  padding: 15vh 3.5% 0 9.5%;
  display: block;
  width: 100%
}

.main-screen-wrap-block {
  display: inline-block;
  font: 300 20px/24px "Myriad Pro", sans-serif;
  width: 53.5%;
  vertical-align: top
}

.main-screen-wrap-block h3 {
  font: 600 48px/50px "Myriad Pro", sans-serif;
  letter-spacing: -.07px;
  color: #fff
}

.main-screen-wrap-block ul {
  color: #fff;
  letter-spacing: -.02px;
  list-style: inside;
  padding-left: 6px
}

.main-screen-wrap-block ul li {
  padding-top: 22px
}

.main-screen-wrap-block ul li:first-child {
  padding-top: 0
}

.main-screen-wrap-block ul li .list-item {
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #fff;
  margin: 0 20px 4px 0
}

.main-screen-wrap-block p {
  color: #fff;
  letter-spacing: -.02px
}

.main-screen-wrap-block a {
  color: #f8dd4f;
  font: 400 14px/24px "Myriad Pro", sans-serif;
  letter-spacing: 2px
}

.main-screen-wrap-descr {
  padding-top: 45px
}

.main-screen-sert {
  display: block;
  position: absolute;
  bottom: 10vh;
  right: 3.5%
}

.main-screen-sert a,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
hr,
menu,
nav,
section {
  display: block
}

.main-screen-right .main-screen-wrap-block {
  float: right
}

.main-screen-right .main-screen-sert {
  text-align: right
}

.main-screen-left .main-screen-wrap-block {
  float: left
}

.main-screen-left .main-screen-sert {
  text-align: left
}

.h-section:last-child .main-screen-wrap-descr {
  padding-top: 25px
}

.h-section:last-child .main-screen-wrap-block a {
  margin-top: 14px;
  display: block
}

.h-section-product .main-screen-wrap {
  font-size: 0;
  padding: 15vh 3.5% 0 9.5%
}

.h-section-product .main-screen-wrap-left {
  display: inline-block;
  vertical-align: top;
  position: absolute;
  left: 9.5%;
  bottom: 0;
  width: 27.51%
}

.h-section-product .main-screen-wrap-left img,
.main-slider-video-items.mobile-view-mac .main-slider-video-item.slick-current.slick-active {
  height: auto;
  width: 100%
}

.h-section-product .main-screen-wrap-right {
  display: inline-block;
  vertical-align: top;
  float: right;
  padding: 9vh 13% 0 0;
  width: 72.49%
}

.h-section-product .main-screen-wrap-right-wrap {
  display: inline-block;
  vertical-align: top;
  float: right;
  max-width: 605px
}

.h-section-product .main-screen-wrap-right-top .main-screen-wrap-right-top-line1,
.h-section-product .main-screen-wrap-right-top .main-screen-wrap-right-top-line2,
.h-section-product .main-screen-wrap-right-top .main-screen-wrap-right-top-line3 {
  font: 600 80px/97px "Myriad Pro", sans-serif;
  letter-spacing: 1px
}

.h-section-product .main-screen-wrap-descr {
  font: 400 18px/24px "Myriad Pro", sans-serif;
  padding-top: 10px;
  text-align: right
}

.h-section-product .main-screen-wrap-descr a {
  color: #f8dd4f;
  font: 400 18px/24px "Myriad Pro", sans-serif;
  letter-spacing: 2.57143px
}

.h-section-product .main-screen-wrap-right-bottom {
  padding-top: 17vh
}

.h-section-product .main-screen-wrap-right-bottom h4 {
  font: 400 38px/40px "Myriad Pro", sans-serif;
  letter-spacing: .02px;
  color: #f8dd4f;
  padding-bottom: 18px
}

.h-section-product .main-screen-wrap-right-bottom-star p {
  font: 400 14px/24px "Myriad Pro", sans-serif;
  letter-spacing: -.02px
}

.language-ru .h-section-product .main-screen-wrap-right {
  padding-right: 0
}

.language-ru .h-section-product .main-screen-wrap-right-wrap {
  max-width: 100%
}

.language-en .h-section-product .main-screen-wrap-right-top .main-screen-wrap-right-top-line1,
.language-en .h-section-product .main-screen-wrap-right-top .main-screen-wrap-right-top-line2,
.language-en .h-section-product .main-screen-wrap-right-top .main-screen-wrap-right-top-line3 {
  font: 600 80px/97px "Myriad Pro", sans-serif;
  letter-spacing: 1px;
  font-size: 78px
}

.main-slider.without-border {
  border: none medium
}

.main-slider-item {
  min-height: calc(110vh - 63px);
  position: relative
}

.main-slider-item h2 {
  transition: all 1s linear;
  font: 600 80px/64px "Myriad Pro", sans-serif;
  letter-spacing: -.114286px;
  color: #fff
}

@media only screen and (min-width: 1200px) {
  .main-slider-item h2 {
    font: 600 60px/64px "Myriad Pro", sans-serif;
  }
}

@media only screen and (min-width: 1600px) {
  .main-slider-item h2 {
    font: 600 80px/64px "Myriad Pro", sans-serif;
  }
}

.main-slider-item:after {
  display: block;
  content: '';
  position: absolute;
  background-color: rgba(0, 0, 0, .25);
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 0
}

.main-slider-item-wrap {
  bottom: 0;
  font-size: 0;
  padding: 0 5.5% 0 9.5%;
  position: absolute;
  z-index: 1
}

.main-slider-item-left {
  display: inline-block;
  padding-bottom: 32vh;
  vertical-align: bottom;
  width: 50%
}

@media only screen and (min-width: 320px) {
  .main-slider-item-left-wrap {
    padding: 0 0 0 0
  }
}

@media only screen and (min-width: 1600px) {
  .main-slider-item-left-wrap {
    padding: 0 10% 0 0
  }
}

.main-slider-item-left-descr {
  transition: all 1s linear;
  color: #fff;
  font: 300 18px/24px "Myriad Pro", sans-serif;
  letter-spacing: -.0257143px;
  padding-top: 45px;
}

@media only screen and (min-width: 320px) {
  .main-slider-item-left-descr {
    padding-left: 30px;
    padding-right: 30px;
    display: none;
  }
}

@media only screen and (min-width: 768px) {
  .main-slider-item-left-descr {
    padding-left: 0;
    padding-right: 0;
    display: block;
  }
}

.main-slider-item-right {
  display: inline-block;
  font-size: 0;
  position: relative;
  vertical-align: bottom;
  width: 50%
}

.main-slider-item-right-wrap {
  padding-left: 14%
}

.main-slider-item-right-descr,
.main-slider-item-right-img {
  transition: all 1s linear;
  display: block;
  vertical-align: bottom
}

.main-slider-item-right-descr {
  color: #fff;
  font: 400 36px "Myriad Pro", sans-serif;
  letter-spacing: .018px;
  padding-right: 40%;
  padding-bottom: 17vh;
  text-align: right;
  width: 100%
}

.main-slider-item-right-img {
  top: -39vh;
  position: absolute;
  right: -13%;
  width: 65%
}

.main-slider-item-right-img img {
  height: auto;
  margin: 0 auto;
}

@media only screen and (min-width: 320px) {
  .main-slider-item-right-img img {
    width: 100%;
    margin-top: 20px;
  }
}

@media only screen and (min-width: 1200px) {
  .main-slider-item-right-img img {
    width: 65%;
    margin-top: 70px;
  }
}

@media only screen and (min-width: 1600px) {
  .main-slider-item-right-img img {
    width: 75%;
  }
}

.main-slider-item-play {
  background: url(../images/mejs-controls.png) no-repeat center center;
  cursor: pointer;
  display: block;
  left: 0;
  margin: 0 auto;
  opacity: .6;
  position: absolute;
  right: 0;
  top: calc(40vh - 18px);
  background-position: 0 -38px;
  height: 81px;
  width: 81px;
  z-index: 1000
}

.main-slider-item-video {
  background-color: #000;
  display: none;
  height: 100vh;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1001;
  font-size: 0
}

.main-slider-item-video video {
  background-color: #000;
  position: relative;
  height: auto;
  width: 100%;
  max-height: 100vh
}

.main-slider-item-video-close {
  background: url(../images/close-button.png) no-repeat center center;
  cursor: pointer;
  display: none;
  height: 30px;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 30px;
  z-index: 1001
}

.wp-video {
  width: 100% !important
}

.mejs-controls {
  bottom: 0;
  top: calc(100vh - 40px)
}

.mejs-button.mejs-fullscreen-button {
  display: none
}

.mejs-container,
.mejs-container .mejs-controls,
.mejs-embed,
.mejs-embed body {
  background-color: #000 !important
}

.mejs-container {
  margin: 0 auto;
  display: block
}

.mejs-overlay-play {
  height: 100vh !important
}

.mejs-overlay-button,
.mejs-overlay-loading {
  top: calc(50vh - 40px);
  position: absolute;
  left: calc(50% - 40px)
}

.slick-track {
  right: 0;
  margin: 0 auto;
  display: block
}

.slick-slide .scale-image {
  transition: none;
  top: 0;
  padding-top: 63px
}

.slick-arrow,
.slick-arrow:focus {
  opacity: 0;
  visibility: hidden
}

.main-slider-item-nav {
  bottom: 23vh;
  font-size: 0;
  position: absolute;
  z-index: 1000
}

.main-slider-item-nav-wrap {
  position: relative
}

.main-slider-item-nav-arrow,
.main-slider-item-nav-arrow:focus {
  transition: background-color 1s linear;
  background-color: rgba(255, 255, 255, .2);
  cursor: pointer;
  display: inline-block;
  height: 40px;
  position: absolute;
  width: 40px;
  z-index: 1
}

.main-slider-item-nav-arrow:before,
.main-slider-item-nav-arrow:focus:before {
  content: '';
  background: url(../images/arrow_slide.png) no-repeat center center;
  display: block;
  height: 12px;
  left: 0;
  margin: 0 auto;
  position: absolute;
  top: 14px;
  right: 0;
  width: 8px
}

.main-slider-item-nav-arrow:focus:hover,
.main-slider-item-nav-arrow:hover {
  background-color: rgba(255, 255, 255, .4)
}

.main-slider-item-nav-next {
  left: 40px
}

.main-slider-item-nav-next:before {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

.overlay-block {
  background-color: #000;
  bottom: 0;
  display: none;
  height: 100vh;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1005
}

.main-slider-video-items {
  position: fixed;
  display: none;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 1006
}

.main-slider-video-items .slick-track {
  height: 100vh;
  min-width: 100vw
}

.main-slider-video-item {
  width: 0 !important;
  left: 0 !important
}

.main-slider-video-item.slick-current.slick-active {
  height: 100vh;
  width: 100vw !important;
  left: 0 !important
}

.main-slider-video-item.slick-current.slick-active .js-video,
.main-slider-video-items.mobile-view-mac .main-slider-video-item.slick-current.slick-active .js-video {
  z-index: 1000
}

.main-slider-video-item-video video {
  max-height: 100vh
}

.main-slider-video-items.mobile-view-mac {
  z-index: 1;
  opacity: 0
}

.main-slider-video-items.mobile-view-mac .slick-track {
  width: 0;
  height: 0
}

.error-404 {
  margin: 0 auto;
  max-width: 280px;
  min-height: calc(100vh - 60px);
  padding: 19vh 20px 0;
  padding-top: calc(100vh - 50vh - 140px);
  text-align: center
}

.error-404 .page-content {
  text-align: left
}

.error-404 h2 {
  color: #00abe3;
  font: 600 100px/100px "Myriad Pro", sans-serif
}

.error-404 h3 {
  color: #7b7b7b;
  font: 400 24px/24px "Myriad Pro", sans-serif;
  letter-spacing: -.02px;
  padding-top: 7px
}

.error-404 a,
.error-404 p {
  font: 400 16px/24px "Myriad Pro", sans-serif;
  letter-spacing: -.02px
}

.error-404 p {
  padding-top: 41px;
  color: #7b7b7b
}

.error-404 a {
  color: #00abe3;
  display: block;
  margin-top: 11px
}

.product-list-wrap {
  width: 100%;
  padding: 63px 20px 70px
}

.product-list-item-wrap {
  font-size: 0;
  padding-bottom: 104px;
  padding-top: 102px
}

.product-list-item-wrap:after,
.product-list-item-wrap:before {
  content: "";
  display: table
}

.product-list-item-wrap:after {
  clear: both;
  height: 0;
  overflow: hidden
}

.product-list-item-info {
  display: inline-block;
  vertical-align: top;
  float: right;
  padding: 0 17% 0 0;
  width: 48%
}

.product-list-item-info h2 {
  font: 600 36px/36px "Myriad Pro Semi Condensed", sans-serif;
  letter-spacing: -.0514286px
}

.product-list-item-desrc {
  color: #7b7b7b;
  font: 400 16px/20px "Myriad Pro", sans-serif;
  letter-spacing: -.0171429px
}

.contact-page-item-form form,
.product-list-item-desrc p {
  padding-top: 17px
}

.product-list-item-desrc ul {
  list-style: inside;
  padding-top: 17px
}

.product-list-item-desrc ul li {
  padding-top: 15px
}

.product-list-item-desrc ul li .list-item,
.product-page-advant ul li li .list-item,
.product-page-wrap ul li .list-item {
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #7b7b7b;
  margin: 0 20px 4px 0
}

.error-404 a,
.product-list-item-desrc a {
  text-decoration: underline
}

.product-list-item-desrc a:hover,
.product-list-item-link:hover {
  text-decoration: none
}

.product-list-item-desrc-full {
  padding: 3px 0 0
}

.product-list-item-tara {
  padding: 20px 0 37px 5px
}

.product-list-item-tara ul {
  font-size: 0
}

.product-list-item-tara ul li {
  display: inline-block;
  vertical-align: top;
  margin-right: 20px
}

.product-list-item-tara ul li:last-child {
  margin: 0
}

.product-list-item-tara ul li span {
  color: #7b7b7b;
  display: block;
  font: 400 16px/20px "Myriad Pro", sans-serif;
  letter-spacing: -.02px;
  padding: 30px 0 0 9px
}

.product-list-item-link {
  display: inline;
  font: 600 14px/12px "Roboto Condensed", sans-serif;
  letter-spacing: 2px;
  text-decoration: underline;
  text-transform: uppercase
}

.bottle-5 {
  background: url(../images/5.png) no-repeat left bottom;
  padding-left: 22px
}

.bottle-3 {
  background: url(../images/3.png) no-repeat left bottom;
  padding-left: 16px
}

.bottle-1-8 {
  background: url(../images/1_8.png) no-repeat left bottom;
  padding-left: 13px
}

.bottle-0-85,
.bottle-0-87 {
  background: url(../images/085.png) no-repeat left bottom;
  padding-left: 11px
}

.bottle-0-85 {
  padding-left: 10px
}

.bottle-0-5 {
  background: url(../images/05.png) no-repeat left bottom;
  padding-left: 8px
}

.product-list-item-images {
  display: inline-block;
  vertical-align: top;
  float: left;
  padding: 98px 0 95px;
  width: 52%
}

.product-list-item-images-bottle {
  display: block;
  position: absolute;
  right: -18%;
  top: -102px;
  width: 35.01%
}

.product-list-item-images-dish {
  display: inline-block;
  position: relative
}

.product-list-item-right {
  background-color: #fafafa
}

.product-list-item-right .product-list-item-wrap {
  padding: 100px 0 104px
}

.product-list-item-left .product-list-item-images {
  float: right;
  text-align: right
}

.product-list-item-left .product-list-item-info {
  float: left;
  padding: 0 0 0 17%
}

.product-list-item-left .product-list-item-images-bottle {
  left: -18%;
  right: unset
}

.product-list-item-left .product-list-item-wrap {
  padding: 100px 0 80px
}

.product-list-item-green a,
.product-list-item-green h2 {
  color: #004901
}

.product-list-item-rose a,
.product-list-item-rose h2 {
  color: #8d678f
}

.product-list-item-olive a,
.product-list-item-olive h2 {
  color: #667c1e
}

.product-list-item-orange a,
.product-list-item-orange h2 {
  color: #bd5d2d
}

.product-list-item-rom a,
.product-list-item-rom h2 {
  color: #b87d62
}

.product-page {
  min-height: calc(100vh - 60px);
  padding: 105px 20px 70px
}

.product-page h4,
.product-page-wrap {
  letter-spacing: -.0228572px;
  color: #7b7b7b
}

.product-page h4 {
  padding: 20px 0 40px;
  font: 400 24px/24px "Myriad Pro", sans-serif
}

.product-page-wrap {
  font: 400 16px/24px "Myriad Pro", sans-serif;
  margin: 0 auto;
  max-width: 926px;
  width: 100%
}

.product-page-wrap p {
  padding-top: 16px
}

.product-page-wrap ul {
  list-style: inside;
  padding-top: 17px
}

.product-page-wrap ul li {
  padding-top: 15px
}

.contact-page-item-info-contacts a,
.product-page-wrap a {
  color: #00abe3
}

.product-page-start {
  min-height: 440px;
  max-height: 440px;
  /* height: calc(100vw / 16 * 3.8); */
  background: url() no-repeat top center/100%;
  background-size: cover;
}

@media only screen and (min-width: 320px) {
  .postid-1108 .product-page-start {
    width: 100%;
    background: url() no-repeat top center/100%;
    background-size: contain;
  }
}

@media only screen and (min-width: 768px) {
  .postid-1108 .product-page-start {
    width: 100%;
    height: calc(100vw / 16 * 3.8);
    max-height: initial;
    min-height: initial;
    background: url() 50% 50% no-repeat;
    background-size: contain;
  }
}

.product-page-start-wrap {
  font-size: 0;
  max-height: 440px;
  min-height: 440px;
  position: relative
}

.product-page-start-wrap-left {
  display: inline-block;
  vertical-align: top;
  bottom: -100px;
  left: 0;
  padding: 0 20px;
  position: absolute;
  width: 24%;
}

.brand_page_third_right_wrap img,
.product-list-item-images-bottle img,
.product-list-item-images-dish img,
.product-page-start-wrap-left img {
  height: auto;
  width: 100%
}

.product-page-start-wrap-right {
  display: inline-block;
  vertical-align: top;
  float: right;
  padding-top: 84px;
  width: 66%;
}

.product-page-start-wrap-right-wrap {
  color: #fff
}

.product-page-start-wrap-right-top h1 {
  font: 600 48px/56px "Myriad Pro", sans-serif;
  letter-spacing: -.0685715px;
  color: #fff
}

.product-page-start-wrap-right-top {
  font: 600 48px/56px "Myriad Pro", sans-serif;
  letter-spacing: -.0685715px;
  color: #fff
}

.product-page-start-wrap-right-bottom {
  padding: 104px 0 0 7px
}

.product-page-start-wrap-right-bottom h4 {
  font: 400 24px/36px "Myriad Pro", sans-serif;
  letter-spacing: -.0342857px;
  color: #f8dd4f;
  padding: 0
}

.product-page-start-wrap-right-bottom-star {
  margin-top: -5px;
  padding: 0 0 0 5px
}

.product-page-start-wrap-right-bottom-star p {
  font: 400 14px/24px "Myriad Pro", sans-serif;
  letter-spacing: -.02px
}

.product-page-descr {
  padding-top: 133px
}

.product-page-advant {
  padding: 60px 0 45px
}

.product-page-advant ul {
  list-style: inside;
  padding-top: 10px
}

.product-page-advant ul li {
  background: url(../images/oil-tick.png) no-repeat 13px 3px;
  padding: 6px 0 28px 81px
}

.product-page-advant ul li .list-item,
.product-page-charact ul li .list-item,
.product-page-nutrvalue table.product-page-nutrvalue-mobtable-first,
.product-page-nutrvalue table.product-page-nutrvalue-mobtable-second,
span.wpcf7-not-valid-tip {
  display: none
}

.product-page-advant ul li ul {
  padding: 5px 0 0
}

.product-page-advant ul li li {
  background: 0 0;
  padding: 9px 0 0
}

.product-page-charact {
  background-color: #fafafa;
  padding: 92px 0 73px
}

.product-page-charact ul {
  list-style: none;
  font-size: 0
}

.product-page-charact ul li {
  display: inline-block;
  vertical-align: top;
  font: 400 18px/24px "Myriad Pro", sans-serif;
  letter-spacing: -.0289286px;
  padding: 15px;
  text-align: center;
  width: 33.3%
}

.product-page-charact ul li img,
.product-page-charact ul li strong {
  display: block;
  margin: 0 auto
}

.product-page-charact-img {
  min-height: 52px
}

.product-page-charact-title {
  padding-bottom: 16px
}

.product-page-nutrvalue {
  padding: 99px 0 58px
}

.product-page-charact-wrap table {
  max-width: 700px !important;
  width: 100% !important;
}

.product-page-nutrvalue table {
  padding-top: 10px;
  width: 100% !important;
}

.product-page-nutrvalue table tbody {
  width: 100% !important;
}

.product-page-nutrvalue table tbody tr {
  border-top: 1px solid #c7c7c7
}

.product-page-charact-wrap table tbody tr {
  border-top: 1px solid #c7c7c7;
  padding: 8px 0 7px;
}

.product-page-charact-wrap table tbody tr:first-child {
  border-top: none medium;
  text-transform: uppercase;
}

.product-page-charact-wrap table tbody tr td {
  letter-spacing: -.0228572px;
  padding: 8px 4px 7px;
  width: 48%;
}

@media only screen and (min-width: 320px) {
  .product-page-charact-wrap table tbody tr td {
    font: 400 14px/14px "Myriad Pro", sans-serif;
  }
}

@media only screen and (min-width: 768px) {
  .product-page-charact-wrap table tbody tr td {
    font: 400 16px/24px "Myriad Pro", sans-serif;
  }
}

.product-page-nutrvalue table tbody tr td {
  padding: 8px 3.5% 7px
}

.product-page-nutrvalue table tbody tr td:first-child {
  font: 400 16px/24px "Myriad Pro", sans-serif;
  letter-spacing: -.0228572px;
  padding: 8px 0 7px;
  width: 48%
}

.product-page-nutrvalue table tbody tr td:nth-child(2),
.product-page-nutrvalue table tbody tr td:nth-child(3) {
  width: 26%
}

.product-page-nutrvalue table tbody tr:first-child {
  border-top: none medium
}

.product-page-nutrvalue table tbody tr:first-child th {
  font: 600 16px/24px "Myriad Pro", sans-serif;
  letter-spacing: -.0228572px;
  padding: 40px 0 19px 3.5%;
  text-align: left;
  vertical-align: top;
  width: 26%
}

.product-page-nutrvalue table tbody tr:first-child th:first-child {
  padding-left: 7.6%
}

.product-page-nutrvalue table tbody tr:first-child th:nth-child(2) img {
  margin-left: 11.1%;
  margin-bottom: 23px
}

.product-page-nutrvalue table tbody tr:first-child th:nth-child(3) img {
  margin-left: 21%;
  margin-bottom: 23px
}

.product-page-nutrvalue table tbody tr:first-child th img {
  display: block
}

.product-page-nutrvalue table tbody tr:last-child {
  border-bottom: 1px solid #c7c7c7
}

.contact-page {
  border-left: 20px solid #fff;
  border-right: 20px solid #fff
}

.contact-page-wrap {
  font-size: 0;
  background-color: #f5f9fa;
  padding-top: 63px
}

.contact-page-item {
  display: inline-block;
  vertical-align: top;
  min-height: calc(100vh - 123px);
  padding-top: 126px;
  padding-bottom: 165px;
  width: 50%
}

.contact-page-left {
  background: url() no-repeat 0 0/auto 100%;
  padding-left: 10.7%;
  position: relative;
  z-index: 1
}

.contact-page-left:after {
  display: block;
  content: '';
  position: absolute;
  background-color: rgba(0, 0, 0, .25);
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  z-index: -1
}

.contact-page-right {
  background-color: #f5f9fa;
  padding-left: 10.7%;
  padding-right: 10.7%
}

.contact-page-right.contact-page-right-success {
  padding-top: calc(100vh - 50vh - 165px)
}

.contact-page-item-wrap {
  font: 400 16px/24px "Roboto", sans-serif;
  color: #fff
}

.contact-page-item-wrap h2 {
  font: 600 48px/50px "Myriad Pro", sans-serif;
  letter-spacing: -.07px
}

.contact-page-item-info-address {
  padding-top: 40px
}

.contact-page-item-info-address p a {
  display: inline-block;
}


.contact-page-item-info-contacts {
  padding-top: 24px
}

.contact-page-item-form {
  padding: 6px 0 0;
  color: #000
}

.contact-page-item-form h3 {
  font: 600 30px/36px "Myriad Pro Semi Condensed", sans-serif;
  letter-spacing: -.04px;
  color: #0095c8
}

.contact-page-item-form input {
  transition: border .5s ease;
  border: 1px solid #fff;
  color: #666;
  font: 400 12px/18px "Roboto", sans-serif;
  height: 48px;
  letter-spacing: -.0171429px;
  opacity: 1;
  padding: 16px 13px;
  width: 100%;
  -webkit-appearance: none;
  border-radius: 0;
  box-shadow: none
}

.contact-page-item-form input:focus,
.contact-page-item-form textarea:focus {
  border: 1px solid #dedede;
  outline: none
}

.contact-page-item-form input::-webkit-input-placeholder,
.contact-page-item-form textarea::-webkit-input-placeholder {
  border: none medium;
  color: #a1a8ad;
  font: 400 12px/14px "Roboto", sans-serif;
  font-style: italic;
  letter-spacing: -.0171429px;
  opacity: 1
}

.contact-page-item-form input::-ms-input-placeholder,
.contact-page-item-form textarea::-ms-input-placeholder {
  border: none medium;
  color: #a1a8ad;
  font: 400 12px/14px "Roboto", sans-serif;
  font-style: italic;
  letter-spacing: -.0171429px;
  opacity: 1
}

.contact-page-item-form input:-moz-placeholder,
.contact-page-item-form input::-moz-placeholder,
.contact-page-item-form textarea:-moz-placeholder,
.contact-page-item-form textarea::-moz-placeholder {
  border: none medium;
  color: #a1a8ad;
  font: 400 12px/14px "Roboto", sans-serif;
  font-style: italic;
  letter-spacing: -.0171429px;
  opacity: 1
}

.contact-page-item-form textarea {
  transition: border .5s ease;
  border: 1px solid #fff;
  color: #666;
  font: 400 12px/18px "Roboto", sans-serif;
  max-height: 150px;
  min-height: 150px;
  letter-spacing: -.0171429px;
  opacity: 1;
  padding: 16px 13px;
  resize: vertical;
  width: 100%;
  -webkit-appearance: none;
  border-radius: 0;
  box-shadow: none
}

.contact-page-item-form label {
  transition: all .25s ease;
  position: absolute;
  -webkit-transform: translateY(6px);
  transform: translateY(6px);
  left: 13px;
  color: #a1a8ad;
  -webkit-backface-visibility: hidden;
  pointer-events: none;
  font: 400 12px/14px "Roboto", sans-serif;
  font-style: italic;
  letter-spacing: -.02px;
  padding-top: 12px;
  z-index: 1
}

.contact-page-item-form label.active {
  -webkit-transform: translateY(-31px);
  transform: translateY(-31px);
  left: 16px
}

.contact-page-item-form input[type=submit] {
  transition: color .5s ease;
  -webkit-appearance: none;
  border-radius: 0;
  box-shadow: none;
  border: none medium;
  background-color: #00abe3;
  color: #fff;
  cursor: pointer;
  font: 400 14px/17px "Myriad Pro Semi Condensed", sans-serif;
  height: 52px;
  letter-spacing: 2px;
  text-transform: uppercase;
  width: 44%
}

.contact-page-item-form input[type=submit]:focus,
.contact-page-item-form input[type=submit]:hover {
  border: none medium;
  box-shadow: none;
  color: #f8dd4f
}

.contact-page-item-form-field {
  position: relative;
  padding-top: 30px
}

.contact-page-item-form-field input.error,
.contact-page-item-form-field textarea.error {
  border-color: #d0021b
}

.contact-page-item-form-field.invalid-field label {
  color: #d0021b;
  -webkit-transform: translateY(-31px);
  transform: translateY(-31px);
  left: 16px
}

.contact-page-item-form-field.invalid-field input,
.contact-page-item-form-field.invalid-field textarea {
  border: 2px solid #d0021b
}

.contact-page-item-form-submit {
  padding-top: 37px;
  text-align: right
}

.wpcf7-form-control-wrap {
  display: block;
  position: relative;
  vertical-align: top
}

.wpcf7-validation-errors,
div.wpcf7 .ajax-loader,
div.wpcf7-mail-sent-ok {
  display: none
}

.wpcf7-response-output {
  display: none !important
}

.contact-page-item-form-success {
  background: url(../images/success.png) no-repeat top center;
  font: 400 30px/36px "Myriad Pro Semi Condensed", sans-serif;
  letter-spacing: -.04px;
  border: none medium;
  color: #00abe3;
  margin: 0 auto;
  text-align: center;
  padding: 87px 20px 0;
  width: 68%
}

.brand_page {
  min-height: calc(100vh - 60px);
  padding: 63px 20px 0
}

.brand_page_first {
  background: url() no-repeat 0 60%/100%;
  background-size: cover;
  min-height: 349px
}

.brand_page_first h2 {
  color: #fff;
  font: 600 56px/36px "Myriad Pro", sans-serif;
  letter-spacing: -.06px
}

.brand_page_first h4 {
  color: #fff;
  font: 400 30px/36px "Myriad Pro", sans-serif;
  letter-spacing: -.04px;
  padding-top: 23px
}

.brand_page_wrap {
  margin: 0 auto;
  max-width: 926px;
  width: 100%
}

.brand_page_first_title {
  box-sizing: border-box;
  padding-top: 127px;
  padding-left: 36%;
  text-align: left;
  width: 100%
}

.brand_page_second_descr {
  color: #7b7b7b;
  font: 400 18px/20px "Myriad Pro", sans-serif;
  letter-spacing: -.0257143px;
  padding: 70px 0 62px;
  width: 62%
}

.brand_page_second_descr p {
  padding: 19px 0 23px
}

.brand_page_third {
  background: linear-gradient(270deg, #fff 0%, #fff8bb 100%);
  background-repeat: no-repeat;
  background-size: 81% 100%;
  font-size: 0;
  margin-bottom: 10.5%
}

.brand_page_third .brand_page_wrap {
  position: relative
}

.brand_page_third_right {
  font-size: 0;
  right: -14%;
  position: absolute;
  bottom: -39%;
  width: 51.7%
}

.brand_page_third_left_list ul li .list-item,
.brand_page_third_right h4 {
  display: none
}

.brand_page_third_bottle,
.brand_page_third_left,
.brand_page_third_right {
  display: inline-block;
  vertical-align: top
}

.brand_page_third_left {
  width: 63%;
  padding: 37px 0 30px
}

.brand_page_third_left_list {
  color: #7b7b7b;
  font: 400 16px/21px "Myriad Pro", sans-serif;
  letter-spacing: -.0228572px
}

.brand_page_third_left_list ul li {
  background: url(../images/oil-tick.png) no-repeat 1px 0;
  background-size: 24px auto;
  padding: 0 0 16px 43px
}

.brand_page_forth {
  background: url() no-repeat bottom center/100% auto;
  position: relative;
  z-index: 1
}

.brand_page_forth:before {
  content: '';
  position: absolute;
  background: rgba(0, 0, 0, .5) no-repeat top center;
  bottom: 0;
  display: block;
  height: 100%;
  left: 0;
  margin: 0 auto;
  right: 0;
  top: 0;
  width: 100%;
  z-index: -1
}

.brand_page_forth_text {
  color: #fff;
  font: 400 20px/24px "Myriad Pro", sans-serif;
  letter-spacing: -.0285714px;
  padding: 88px 0
}

.brand_page_forth_text ul {
  padding: 5px 0 0 5px
}

.brand_page_forth_text ul li {
  padding: 15px 0 0
}

.brand_page_forth_text ul li .list-item {
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #fff;
  margin: 0 15px 4px 0
}

a.brand_page_forth_link,
a.manuf_page_second_link {
  color: #f8dd4f;
  font: 400 16px "Myriad Pro Semi Condensed", sans-serif;
  display: block;
  text-transform: uppercase
}

a.brand_page_forth_link {
  margin-top: 32px;
  margin-left: 27px;
  letter-spacing: 2px
}

.brand_page_fifth_text {
  color: #7b7b7b;
  font: 400 18px "Myriad Pro", sans-serif;
  letter-spacing: -.0257143px;
  padding: 112px 0 22px
}

.brand_page_fifth_text h2,
.manuf_page_first h2 {
  color: #00abe3;
  font: 600 36px/36px "Myriad Pro", sans-serif;
  letter-spacing: -.0514286px;
  text-align: center
}

.manuf_page_first h2 {
  min-height: 80px;
}

.brand_page_fifth_text ul {
  padding-top: 69px;
  margin: 0 auto;
  max-width: 687px
}

.brand_page_fifth_text ul li {
  background: url(../images/point_list.png) no-repeat 0 0;
  padding: 0 0 37px 67px;
  position: relative
}

.brand_page_fifth_text ul li .list-item {
  display: none
}

.brand_page_fifth_text ul li:before {
  display: block;
  content: '';
  position: absolute;
  background: url(../images/list.png) repeat-y 0 0;
  height: calc(100% - 18px);
  left: 11px;
  top: 28px;
  width: 3px
}

.brand_page_fifth_map {
  text-align: center
}

.brand_page_fifth_map img {
  width: 100%;
  max-width: 800px
}

.brand_page_fifth_list {
  padding: 35px 0 150px
}

.brand_page_fifth_list ul {
  font-size: 0;
  margin: 0 auto;
  max-width: 687px
}

.brand_page_fifth_list ul li {
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  color: #7b7b7b;
  padding: 0 3px;
  text-align: center;
  width: 25%
}

.brand_page_fifth_list_title {
  font: 400 12px "Myriad Pro", sans-serif
}

.brand_page_fifth_list_img {
  height: 54px;
  margin-bottom: 26px;
  position: relative
}

.brand_page_fifth_list_img img {
  bottom: 0;
  display: block;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  vertical-align: bottom
}

.manuf_page {
  min-height: calc(100vh - 60px);
  padding: 63px 20px 0
}

.manuf_page_first {
  padding: 58px 0 114px
}

.manuf_page_first h2 {
  font: 600 36px/40px "Myriad Pro", sans-serif
}

.manuf_page_first img {
  height: auto;
  margin-top: 0;
  width: 100%
}

.manuf_page_wrap {
  margin: 0 auto;
  max-width: 985px;
  width: 100%;
  position: relative;
}

.link_in_circle_1 {
  position: absolute;
  display: block;
}

@media only screen and (min-width: 320px) {
  .link_in_circle_1 {
    width: 25px;
    height: 60px;
    top: 200px;
    right: 35px;
  }
}

@media only screen and (min-width: 375px) {
  .link_in_circle_1 {
    width: 25px;
    height: 70px;
    top: 205px;
    right: 40px;
  }
}

@media only screen and (min-width: 410px) {
  .link_in_circle_1 {
    width: 25px;
    height: 85px;
    top: 140px;
    right: 42px;
  }
}

@media only screen and (min-width: 560px) {
  .link_in_circle_1 {
    width: 40px;
    height: 110px;
    top: 145px;
    right: 50px;
  }
}

@media only screen and (min-width: 768px) {
  .link_in_circle_1 {
    width: 50px;
    height: 150px;
    top: 195px;
    right: 60px;
  }
}

@media only screen and (min-width: 992px) {
  .link_in_circle_1 {
    width: 70px;
    height: 200px;
    top: 200px;
    right: 70px;
  }
}

@media only screen and (min-width: 1050px) {
  .link_in_circle_1 {
    width: 80px;
    height: 220px;
    top: 195px;
    right: 45px;
  }
}





.link_in_circle_2 {
  position: absolute;
  display: block;
  /* background-color: #ccc; */
}

@media only screen and (min-width: 320px) {
  .link_in_circle_2 {
    width: 25px;
    height: 60px;
    right: 24px;
    bottom: 115px;
  }
}

@media only screen and (min-width: 375px) {
  .link_in_circle_2 {
    width: 25px;
    height: 70px;
    right: 26px;
    bottom: 140px;
  }
}

@media only screen and (min-width: 410px) {
  .link_in_circle_2 {
    width: 25px;
    height: 85px;
    right: 28px;
    bottom: 150px;
  }
}

@media only screen and (min-width: 560px) {
  .link_in_circle_2 {
    width: 40px;
    height: 110px;
    right: 25px;
    bottom: 215px;
  }
}

@media only screen and (min-width: 768px) {
  .link_in_circle_2 {
    width: 50px;
    height: 150px;
    right: 30px;
    bottom: 310px;
  }
}

@media only screen and (min-width: 992px) {
  .link_in_circle_2 {
    width: 70px;
    height: 200px;
    right: 30px;
    bottom: 400px;
  }
}

@media only screen and (min-width: 1050px) {
  .link_in_circle_2 {
    width: 80px;
    height: 220px;
    right: 5px;
    bottom: 420px;
  }
}







.link_in_circle_3 {
  position: absolute;
  display: block;
  /* background-color: #ccc; */
}

@media only screen and (min-width: 320px) {
  .link_in_circle_3 {
    width: 25px;
    height: 60px;
    right: 24px;
    bottom: 45px;
  }
}

@media only screen and (min-width: 375px) {
  .link_in_circle_3 {
    width: 25px;
    height: 70px;
    right: 26px;
    bottom: 55px;
  }
}

@media only screen and (min-width: 410px) {
  .link_in_circle_3 {
    width: 25px;
    height: 85px;
    right: 28px;
    bottom: 60px;
  }
}

@media only screen and (min-width: 560px) {
  .link_in_circle_3 {
    width: 40px;
    height: 110px;
    right: 25px;
    bottom: 85px;
  }
}

@media only screen and (min-width: 768px) {
  .link_in_circle_3 {
    width: 50px;
    height: 150px;
    right: 30px;
    bottom: 210px;
  }
}

@media only screen and (min-width: 992px) {
  .link_in_circle_3 {
    width: 70px;
    height: 200px;
    right: 30px;
    bottom: 160px;
  }
}

@media only screen and (min-width: 1050px) {
  .link_in_circle_3 {
    width: 80px;
    height: 220px;
    right: 5px;
    bottom: 170px;
  }
}

.manuf_page_second {
  padding: 82px 0 156px;
  position: relative
}

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

.manuf_page_second:after {
  clear: both;
  height: 0;
  overflow: hidden
}

.manuf_page_second .manuf_page_wrap {
  max-width: 750px
}

.manuf_page_second_bg {
  background: url() no-repeat center top/100% auto;
  background-size: cover;
  display: block;
  height: 100%;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: -1
}

.manuf_page_second_bg_mob,
.manuf_page_second_text ul li .list-item,
.manuf_page_third_text ul li .list-item {
  display: none
}

.manuf_page_second_text {
  color: #fff;
  float: right;
  font: 400 18px/24px "Myriad Pro", sans-serif;
  letter-spacing: -.0257143px;
  width: 70.5%
}

.manuf_page_second_text h2 {
  font: 400 48px/50px "Myriad Pro", sans-serif;
  letter-spacing: -.0685715px;
  padding-bottom: 67px
}

.manuf_page_second_text h4 {
  font: 400 24px/26px "Myriad Pro", sans-serif;
  letter-spacing: -.0342857px
}

.manuf_page_second_text ul {
  padding: 16px 0 0 11px
}

.manuf_page_second_text ul li {
  background: url(../images/oil-tick-white.png) no-repeat 1px 5px;
  background-size: 40px auto;
  padding: 0 0 26px 60px
}

a.manuf_page_second_link {
  margin-left: 70px;
  letter-spacing: 2.28571px
}

.manuf_page_third {
  padding: 130px 0 85px
}

.manuf_page_third .manuf_page_wrap {
  max-width: 880px
}

.manuf_page_third_text h2 {
  color: #00abe3;
  font: 600 36px/36px "Myriad Pro", sans-serif;
  letter-spacing: -.0514286px;
  text-align: left
}

.manuf_page_third_text ul {
  padding: 72px 5px 0
}

.manuf_page_third_text ul li {
  display: inline-block;
  vertical-align: top;
  padding: 0 0 30px
}

.manuf_page_third_text ul li:hover .sert_left img {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%)
}

.manuf_page_third_text ul li:nth-child(2n+1) {
  width: 54.5%
}

.manuf_page_third_text ul li:nth-child(2n+1) .sert_right {
  max-width: 190px
}

.manuf_page_third_text ul li:nth-child(2n) {
  width: 45.5%
}

.manuf_page_third_text ul li:nth-child(2n) .sert_right {
  max-width: 250px
}

.manuf_page_third_text ul li:last-child:nth-child(2n+1) {
  display: block;
  margin: 0 auto;
  padding-top: 25px;
  width: 75%
}

.manuf_page_third_text ul li:last-child:nth-child(2n+1) .sert_left {
  text-align: left
}

.manuf_page_third_text ul li:last-child:nth-child(2n+1) .sert_right {
  max-width: 500px;
  text-align: left
}

.sert_left {
  display: inline-block;
  width: 140px;
  vertical-align: middle
}

.sert_left img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%)
}

.sert_right {
  display: inline-block;
  box-sizing: border-box;
  font: 400 16px/18px "Myriad Pro", sans-serif;
  margin-top: -18px;
  padding-left: 23px;
  width: calc(100% - 140px)
}

.sert_right,
.sert_right a {
  color: #7b7b7b
}

a,
hr {
  padding: 0
}

li,
nav ul,
ul {
  list-style: none
}

#header,
#main-title {
  position: fixed;
  z-index: 1000
}

#btn--menu,
.home #wrapper,
a,
canvas {
  background: 0 0
}

#btn--menu,
#main-title,
#scroll--info,
.nav__center li a {
  text-transform: uppercase
}

#c {
  pointer-events: none
}

#header .nav a,
#scroll--info,
ins {
  text-decoration: none
}

canvas {
  padding: 0;
  border: 0;
  outline: 0
}

ins,
mark {
  background-color: #ff9;
  color: #000
}

.nav__center li a:after,
.nav__right:after,
.valign-p:before {
  content: ''
}

a,
canvas {
  margin: 0;
  font-size: 100%;
  vertical-align: baseline
}

mark {
  font-style: italic;
  font-weight: 700
}

del {
  text-decoration: line-through
}

abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help
}

hr {
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0
}

.sert_right,
input,
select {
  vertical-align: middle
}

body,
html {
  width: 100%;
  height: 100%
}

html {
  font-size: 62.5%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

*,
:after,
:before {
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent
}

a,
button,
input,
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  text-decoration: none;
  color: inherit;
  outline: 0
}

button {
  cursor: pointer
}

#content {
  min-height: 100vh;
  padding: 63px 20px 0
}

#wrapper {
  width: 100%;
  margin: 0 auto;
  background: #fff;
  position: relative
}

.hidden {
  display: none
}

#page-container {
  overflow: hidden;
  min-height: calc(110vh - 123px);
  background: #f7f7f6
}

body.home #page-container {
  background: #000
}

section.scale {
  overflow: hidden;
  position: relative;
  z-index: 50;
  height: calc(110vh - 63px);
  color: #fff
}

@media only screen and (max-width: 768px) {
  .section--background img.desc{
    display: none;
  }
  .section--background img.mob{
    display: block;
    width: 100% !important;
    object-fit: cover !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
  }
}
@media only screen and (min-width: 768px) {
  .section--background img.desc{
    display: block;
  }
  .section--background img.mob{
    display: none;
  }
}

section.scale.h-section:last-child .section--background {
  height: calc(110vh - 123px)
}

section.scale.h-section:first-child article {
  background-color: transparent
}

section.scale article {
  width: 100%;
  z-index: 400
}

.h-section {
  height: 110vh
}

.h-section article {
  background-color: rgba(0, 0, 0, .2)
}

.section--background,
.section--background>img,
.section--gradient {
  position: absolute;
  bottom: 0;
  left: 0
}

.section--background>img {
  top: 0;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1)
}

.section--background {
  top: 0;
  right: 0;
  z-index: -1
}

#c {
  position: fixed;
  top: 63px;
  left: 20px;
  z-index: 100;
  width: calc(100% - 40px);
  height: calc(110vh - 123px)
}

@media screen and (min-width:1366px) {
  .h-section-product .main-screen-wrap-left {
    width: 27.59%
  }

  .h-section-product .main-screen-wrap-right {
    width: 72.41%
  }

  .main-slider-item-right-img {
    width: 63%
  }
}

.product-page-nutrvalue-wrap h4 strong {
  display: inline-block;
  font-weight: 400;
  /* white-space: nowrap; */
}

.h-section-2 .main-screen-wrap {
  position: relative;
  height: 100vh;
}

@media only screen and (min-width: 320px) {
  .sec_2_left {
    padding-top: 100px;
    width: 100%;
  }
}

@media only screen and (min-width: 992px) {
  .sec_2_left {
    padding-top: 0;
    position: absolute;
    left: 9.5%;
    top: 50%;
    width: 40%;
  }
}

.sec_2_left p {
  color: #fff;
  font-weight: 600;
  font: 300 20px/30px "Myriad Pro", sans-serif;
}

.sec_2_left a {
  display: inline-block;
  font-weight: 600;
  color: #f8dd4f;
  font: 400 14px/24px "Myriad Pro", sans-serif;
  letter-spacing: 2px;
  margin-top: 14px;
}

@media screen and (min-width:1700px) {
  .h-section-product .main-screen-wrap-left {
    width: 26.12%
  }

  .h-section-product .main-screen-wrap-right {
    width: 73.88%
  }

  .main-slider-item-right-img {
    width: 60%
  }
}

@media screen and (min-width:1800px) {
  .h-section-product .main-screen-wrap-left {
    width: 25.14%
  }

  .h-section-product .main-screen-wrap-right {
    width: 74.86%
  }

  .main-slider-item-right-img {
    width: 58%
  }
}

@media screen and (min-width:1900px) {
  .h-section-product .main-screen-wrap-left {
    padding-top: 0;
    width: 23.38%
  }

  .h-section-product .main-screen-wrap-right {
    width: 76.62%
  }

  .main-slider-item-right-img {
    top: -38vh;
    width: 55%
  }
}

@media screen and (max-width:1920px) and (max-height:1080px) {
  .h-section-product .main-screen-wrap-left {
    padding-top: 0
  }

  .main-slider-item-right-img {
    top: -42vh
  }
}

@media screen and (max-width:1920px) and (max-height:900px) {
  .h-section-product .main-screen-wrap {
    padding-top: 13vh
  }

  .h-section-product .main-screen-wrap-left {
    padding-top: 0
  }

  .main-slider-item-right-img {
    top: -46vh
  }
}

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

  .language-ru .main-screen-wrap-right-top .main-screen-wrap-right-top-line1,
  .language-ru .main-screen-wrap-right-top .main-screen-wrap-right-top-line2,
  .language-ru .main-screen-wrap-right-top .main-screen-wrap-right-top-line3 {
    font: 600 60px/62px "Myriad Pro", sans-serif
  }
}

@media screen and (max-width:1440px) and (max-height:850px) {
  .h-section-product .main-screen-wrap-left {
    padding-top: 0
  }

  .h-section-product .main-screen-wrap-right {
    padding-top: 13vh
  }
}

@media screen and (max-width:1440px) and (max-height:900px) {
  .h-section-product .main-screen-wrap-left {
    padding-top: 0
  }

  .main-slider-item-right-img {
    top: -37vh
  }

  .main-slider-item-left {
    padding-bottom: 25vh
  }

  .main-slider-item-nav,
  .main-slider-item-nav:focus {
    bottom: 17vh
  }

  .main-slider-item-left-descr {
    padding-top: 25px
  }
}

@media screen and (max-width:1440px) and (max-height:800px) {
  .h-section-product .main-screen-wrap-left {
    padding-top: 0
  }

  .h-section-product .main-screen-wrap-right {
    padding-top: 13vh
  }
}

@media screen and (max-width:1440px) and (max-height:600px) {
  .h-section-product .main-screen-wrap-right-bottom {
    padding-top: 10vh
  }
}

@media screen and (max-width:1440px) and (max-height:700px) {

  .h-section-product .main-screen-wrap,
  .h-section-product .main-screen-wrap-left {
    padding-top: 0
  }

  .h-section-product .main-screen-wrap-right {
    padding-top: 17vh
  }

  .h-section-product .main-screen-wrap-right-top h2 {
    line-height: 80px
  }
}

@media screen and (max-width:1440px) and (max-height:570px) {

  .h-section-product .main-screen-wrap,
  .h-section-product .main-screen-wrap-left {
    padding-top: 0
  }

  .main-slider-item-right-img {
    top: -57vh
  }
}

@media screen and (max-width:1400px) {
  .brand_page_first {
    background-position: center bottom
  }

  .manuf_page_second_bg {
    background-position: 27% top
  }
}

@media (max-width:1400px) {
  .manuf_page_first h2 {
    padding: 0 73px
  }
}

@media screen and (max-width:1366px) and (max-height:768px) {
  .main-slider-item-right-img {
    top: -40vh
  }
}

@media screen and (max-width:1366px) {
  .h-section-product .main-screen-wrap-left {
    width: 28.57%
  }

  .h-section-product .main-screen-wrap-right {
    padding-right: 5%;
    width: 71.43%
  }

  .main-slider-item-right-img {
    width: 65%
  }

  .main-slider-item-right-wrap {
    padding-left: 0
  }

  .product-list-item-left .product-list-item-info {
    padding: 0 0 0 10%
  }

  .product-list-item-info {
    padding: 0 10% 0 0
  }

  .contact-page-left {
    padding-left: 5%
  }

  .contact-page-right {
    padding-left: 5%;
    padding-right: 5%
  }

  body.page-template-contacts .header-logo .header-logo-wrap {
    width: 200px
  }

  body.page-template-contacts .header-logo .logo {
    height: 52px;
    left: 51px;
    top: 23px;
    width: 150px
  }
}

@media (max-width:1310px) {
  .brand_page_forth {
    background-size: auto 100%
  }
}

@media screen and (max-width:1280px) and (max-height:650px) {
  .h-section-product .main-screen-wrap-left {
    padding-top: 0;
    width: 28.56%
  }

  .h-section-product .main-screen-wrap-right {
    width: 71.44%
  }

  .main-slider-item-right-img {
    top: -47vh
  }
}

@media screen and (max-width:1280px) and (max-height:950px) {
  .h-section-product .main-screen-wrap-left {
    padding-top: 0
  }

  .main-slider-item-right-img {
    top: -29vh
  }
}

@media screen and (max-width:1280px) {
  .brand_page_first {
    background-position: 50% bottom
  }
}

@media screen and (max-width:1280px) and (max-height:800px) {
  .h-section-product .main-screen-wrap-left {
    padding-top: 0
  }

  .main-slider-item-right-img {
    top: -35vh
  }
}

@media screen and (max-width:1200px) {
  .header-lang {
    padding-right: 0
  }

  .header-logo .header-logo-wrap {
    width: 130px;
  }

  .header-logo .logo {
    height: 52px;
    left: 51px;
    top: 23px;
    width: 150px
  }

  .h-section-product .main-screen-wrap-right {
    padding-right: 0
  }

  .main-slider-item-right-img {
    top: -16vh
  }

  .product-list-item-left .product-list-item-info {
    padding: 0 2% 0 6%
  }

  .product-list-item-info {
    padding: 0 6% 0 2%
  }
}

@media (max-width:1190px) {
  .brand_page_third_right {
    right: -8%;
    width: 52%
  }

  .brand_page_third_left {
    width: 56%
  }
}

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

  .language-ru .main-screen-wrap-right-top .main-screen-wrap-right-top-line1,
  .language-ru .main-screen-wrap-right-top .main-screen-wrap-right-top-line2,
  .language-ru .main-screen-wrap-right-top .main-screen-wrap-right-top-line3 {
    font: 600 50px/52px "Myriad Pro", sans-serif
  }
}

@media screen and (max-width:1170px) and (max-height:750px) {
  .main-screen-wrap {
    padding-top: 10vh
  }

  .main-screen-wrap-block {
    width: 65%
  }
}

@media (max-width:1150px) {
  .manuf_page_second .manuf_page_wrap {
    max-width: 100%;
    padding-right: 30px
  }

  .manuf_page_second_text {
    width: 62%
  }
}

@media (max-width:1072px) {
  .brand_page_third_right {
    right: -3%;
    width: 46%
  }
}

@media (max-width:1050px) {

  .manuf_page_third_text ul li:nth-child(2n),
  .manuf_page_third_text ul li:nth-child(2n+1) {
    width: 50%
  }

  .manuf_page_third_text ul li:nth-child(2n) .sert_right {
    max-width: 100%
  }
}

@media only screen and (max-width:1049px) and (orientation:portrait) {
  .section--background>img {
    left: -63%
  }

  .h-section:first-child .section--background>img {
    left: -65%
  }
}

@media only screen and (max-width:1049px) and (orientation:landscape) {
  .section--background>img {
    left: 0%
  }

  .h-section:first-child .section--background>img {
    left: 0%
  }
}

@media only screen and (max-width:1049px) {
  #content {
    padding: 54px 0 0
  }

  #wrapper {
    width: 100%
  }

  section.scale {
    height: 110vh
  }

  section.scale.h-section:first-child {
    height: calc(110vh - 54px)
  }

  section.scale.h-section:last-child .section--background {
    height: calc(110vh - 60px)
  }

  #page-container {
    min-height: calc(110vh - 60px)
  }

  #c {
    top: 0;
    left: 15px;
    width: 100vw;
    height: calc(110vh - 54px)
  }
}

.section--background video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.main-slider-item-play2 {
  background: url(../images/play_mobile.png) no-repeat 0 0;
  height: 50px;
  bottom: 70px;
  width: 50px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 401;
}

@media only screen and (min-width: 320px) {
  .section--background .video_mob {
    display: block;
  }

  .section--background .video_desc {
    display: none;
  }
}

@media only screen and (min-width: 768px) {
  .section--background .video_mob {
    display: none;
  }

  .section--background .video_desc {
    display: block;
  }
}

@media only screen and (max-width:1049px) and (max-height:600px) and (orientation:landscape) {
  .section--background>img {
    left: 0%
  }

  .h-section:first-child .section--background>img {
    left: 0%
  }
}

@media screen and (max-width:1049px) {
  header {
    position: absolute;
    min-height: 54px
  }

  .header-logo,
  .header-logo .header-logo-wrap,
  body.page-template-contacts .header-logo {
    width: 160px
  }

  .header-logo .logo {
    height: 40px;
    left: 41px;
    top: 19px;
    width: 120px
  }

  .header-wrap {
    padding: 0
  }

  .header-lang,
  .header-menu {
    display: none
  }

  .header-mobile {
    display: block
  }


  .header-mobile-menu.active-menu {
    background-color: #00abe3;
    display: block;
    padding: 10px 0 41px !important;
    overflow: visible !important;
    height: auto !important
  }

  .header-mobile-menu.active-menu .header-menu {
    background-color: #00abe3;
    display: block;
    position: relative
  }

  .header-mobile-menu.active-menu .header-lang {
    background-color: #00abe3;
    display: block;
    float: unset;
    padding: 61px 0 0
  }

  .header-mobile-menu.active-menu .header-lang .lang-item:after {
    background-color: #fff;
    height: 18px;
    top: 14px
  }

  .header-mobile-menu.active-menu .header-lang .lang-item:first-child:after {
    display: none
  }

  .header-mobile-menu .menu .menu-item a,
  .header-mobile-menu.active-menu .header-lang .lang-item a {
    color: #acdced;
    font: 400 18px "Myriad Pro Semi Condensed", sans-serif;
    letter-spacing: 2.57143px;
    padding: 8px 10px
  }

  .header-mobile-menu.active-menu .header-lang .lang-item a:hover {
    color: #acdced
  }

  .header-mobile-menu .menu .menu-item-has-children .sub-menu .menu-item a:hover,
  .header-mobile-menu.active-menu .header-lang .current-lang a {
    color: #fff
  }

  .header-mobile-menu .menu {
    text-align: right
  }

  .header-mobile-menu .menu .menu-item-has-children {
    cursor: pointer
  }

  .header-mobile-menu .menu .menu-item-has-children:after {
    display: block;
    content: '';
    position: absolute;
    background: url(../images/mobile_sub.png) no-repeat center right;
    height: 18px;
    right: 21px;
    top: 27px;
    width: 18px
  }

  .header-mobile-menu .menu .menu-item-has-children.open:after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
  }

  .header-mobile-menu .menu .menu-item-has-children .sub-menu {
    background-color: transparent;
    position: relative;
    width: 100%
  }

  .header-mobile-menu .menu .menu-item-has-children .sub-menu.active-sub {
    overflow: visible !important;
    height: auto !important;
    display: block !important
  }

  .header-mobile-menu .menu .menu-item-has-children .sub-menu .menu-item {
    border-bottom: none;
    padding: 0
  }

  .header-mobile-menu .menu .menu-item-has-children .sub-menu .menu-item a {
    font: 400 16px "Myriad Pro Semi Condensed", sans-serif;
    padding: 8px 10px
  }

  .header-mobile-menu .menu .menu-item-has-children:hover .sub-menu {
    display: none
  }

  .header-mobile-menu .menu .menu-item {
    display: block;
    border-bottom: 1px solid #85cce4;
    padding-right: 54px
  }

  .header-mobile-menu .menu .menu-item a {
    display: inline-block;
    color: #fff;
    padding: 26px 24px 30px;
    text-align: right
  }

  .header-mobile-menu .menu .menu-item:hover a {
    color: #fff;
    text-decoration: none
  }

  .language-ru .main-screen-wrap-right-top .main-screen-wrap-right-top-line1,
  .language-ru .main-screen-wrap-right-top .main-screen-wrap-right-top-line2,
  .language-ru .main-screen-wrap-right-top .main-screen-wrap-right-top-line3 {
    font: 600 50px/52px "Myriad Pro", sans-serif
  }

  .language-ru .main-screen-wrap-right-bottom h4 {
    font-size: 26px;
    line-height: 30px
  }

  .h-section:last-child .main-screen {
    min-height: calc(110vh - 60px)
  }

  .main-screen {
    min-height: 110vh
  }

  .main-slider-item {
    min-height: calc(110vh - 54px)
  }

  .main-slider {
    border: none medium;
    padding: 0
  }

  .main-slider-item-wrap {
    padding: 0 30px
  }

  .slick-slide .scale-image {
    padding-top: 54px;
    bottom: unset;
    top: 0
  }

  .slick-prev {
    left: 30px
  }

  .slick-next {
    right: unset;
    left: 70px
  }

  .product-list-wrap {
    padding: 54px 0 70px
  }

  .product-list-item-left .product-list-item-info {
    padding: 0 50px 0 30px;
    width: 53%
  }

  .product-list-item-info {
    padding: 0 30px 0 50px;
    width: 53%
  }

  .product-list-item-images,
  .product-list-item-left .product-list-item-images {
    width: 40%
  }

  .product-page {
    padding: 105px 0 70px
  }

  .product-page-wrap {
    padding: 0 30px
  }

  .product-page-start-wrap-left {
    width: 26%
  }

  body.page-template-contacts .header-logo .header-logo-wrap {
    width: 160px
  }

  body.page-template-contacts .header-logo .logo {
    height: 40px;
    left: 41px;
    top: 19px;
    width: 120px
  }

  .contact-page {
    border: none medium
  }

  .contact-page-wrap {
    padding-top: 54px
  }

  .contact-page-left {
    padding-left: 60px
  }

  .contact-page-right {
    padding-left: 60px;
    padding-right: 60px
  }

  .contact-page-right.contact-page-right-success {
    padding-top: calc(100vh - 50vh - 177px)
  }

  .contact-page-item {
    min-height: calc(100vh - 108px)
  }

  .brand_page {
    padding: 63px 0 0
  }

  .brand_page_wrap {
    padding: 0 25px 0 25px
  }

  .manuf_page {
    padding: 63px 0 0
  }

  .manuf_page_wrap {
    padding: 0 25px 0 25px
  }
}

@media (max-width:1049px) {

  .h-section-product .main-screen-wrap-right-top .main-screen-wrap-right-top-line1,
  .h-section-product .main-screen-wrap-right-top .main-screen-wrap-right-top-line2,
  .h-section-product .main-screen-wrap-right-top .main-screen-wrap-right-top-line3,
  .language-en .h-section-product .main-screen-wrap-right-top .main-screen-wrap-right-top-line1,
  .language-en .h-section-product .main-screen-wrap-right-top .main-screen-wrap-right-top-line2,
  .language-en .h-section-product .main-screen-wrap-right-top .main-screen-wrap-right-top-line3 {
    font: 600 68px/70px "Myriad Pro", sans-serif
  }

  .main-slider-item h2 {
    font: 600 58px/54px "Myriad Pro", sans-serif
  }
}

@media screen and (max-width:1024px) and (max-height:700px) {
  .h-section-product .main-screen-wrap-left {
    padding-top: 0;
    width: 32.01%
  }

  .h-section-product .main-screen-wrap-right {
    padding-top: 28vh;
    width: 67.99%
  }
}

@media screen and (max-width:1024px) and (max-height:800px) {
  .h-section-product .main-screen-wrap-left {
    padding-top: 0;
    width: 32.01%
  }

  .h-section-product .main-screen-wrap-right {
    padding-top: 25vh;
    width: 67.99%
  }
}

@media screen and (max-width:1024px) and (max-height:600px) {
  .h-section-product .main-screen-wrap-left {
    padding-top: 0;
    width: 32.01%
  }

  .h-section-product .main-screen-wrap-right {
    padding-top: 28vh;
    width: 67.99%
  }
}

@media screen and (max-width:1024px) and (max-height:570px) {
  .h-section-product .main-screen-wrap-left {
    padding-top: 0;
    width: 32.01%
  }

  .h-section-product .main-screen-wrap-right {
    width: 67.99%
  }

  .main-slider-item-right-img {
    top: -45vh
  }
}

@media screen and (max-width:980px) {
  .main-slider-item-right-img {
    top: -10vh
  }
}

@media screen and (max-width:980px) and (max-height:1280px) and (orientation:landscape) {
  .h-section-product .main-screen-wrap-left {
    padding-top: 0
  }
}

@media screen and (max-width:980px) and (max-height:1280px) and (orientation:portrait) {
  .h-section-product {
    border-bottom: 1px solid #fff
  }

  .h-section-product .main-screen-wrap {
    padding: 15vh 3.5% 0
  }

  .h-section-product .main-screen-wrap-right {
    float: none;
    padding: 0;
    position: relative;
    width: 100%
  }

  .h-section-product .main-screen-wrap-right-wrap {
    float: none;
    height: calc(100vh - 15vh);
    width: 100%;
    max-width: 100%
  }

  .h-section-product .main-screen-wrap-right-top {
    text-align: center
  }

  .h-section-product .main-screen-wrap-descr {
    padding-top: 45px;
    text-align: center
  }

  .h-section-product .main-screen-wrap-right-bottom {
    padding-top: 7.7vh;
    text-align: center
  }

  .h-section-product .main-screen-wrap-right-bottom-star {
    bottom: 22px;
    max-width: 200px;
    position: absolute;
    right: 0;
    text-align: right;
    width: 58%
  }

  .h-section-product .main-screen-wrap-left {
    left: 3.5%;
    width: 36.81%
  }
}

@media (max-width:980px) {
  .brand_page_third_right {
    right: 0%;
    width: 42%;
    bottom: -30%
  }
}

@media screen and (max-width:926px) {
  .product-page-start-wrap-left {
    padding-top: 0
  }
}

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

  .language-en .h-section-product .main-screen-wrap-right-top .main-screen-wrap-right-top-line1,
  .language-en .h-section-product .main-screen-wrap-right-top .main-screen-wrap-right-top-line2,
  .language-en .h-section-product .main-screen-wrap-right-top .main-screen-wrap-right-top-line3 {
    font: 600 50px/52px "Myriad Pro", sans-serif
  }
}

@media (max-width:880px) {
  .brand_page_third_right {
    bottom: -23%
  }
}

@media screen and (max-width:880px) {
  .product-page-start-wrap-left {
    width: 28%
  }

  .product-page-start-wrap-right-bottom {
    padding-top: 65px
  }
}

@media screen and (max-width:800px) {
  .h-section-product .main-screen-wrap-left {
    width: 27.81%
  }

  .main-slider-item-right-img {
    top: -8vh
  }

  .product-page-start-wrap-left {
    width: 30%
  }

  .product-page-start-wrap-right-bottom {
    padding-top: 45px
  }
}

@media screen and (max-width:800px) and (max-height:1280px) and (orientation:portrait) {
  .h-section-product .main-screen-wrap-left {
    width: 46.81%
  }
}

@media screen and (max-width:768px) and (max-height:1024px) and (orientation:portrait) {
  .h-section-product .main-screen-wrap-left {
    width: 36.81%
  }
}

.product-page-start.head_bg_black {
  position: relative;
}

@media only screen and (max-width: 768px) {
  .head_bg_black .product-page-start-wrap-right-bottom-star {
    top: 80px;
    max-width: 100%;
    position: absolute;
    right: 0px;
    text-align: right;
    width: 100%
  }
}

.product-page-start.head_bg_black:before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  max-height: 510px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  background-color: #000;
  opacity: 0;
}

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

  .postid-1108 .product-page-start,
  .postid-1108 .product-page-start-wrap {
    max-height: calc(100vw / 16 * 16) !important;
    min-height: calc(100vw / 16 * 16) !important;
  }

  /* .postid-1108 .product-page-start {
		max-height: calc(100vw / 16 * 16) !important;
		min-height: calc(100vw / 16 * 16) !important;
	} */
}

@media only screen and (max-width:767px) and (orientation:landscape) {
  .section--background>img {
    left: 0%
  }

  .h-section:first-child .section--background>img {
    height: auto !important;
    width: 100% !important;
    left: 0
  }

  .main-slider-item-right-img {
    width: 20%
  }
}

@media screen and (max-width:767px) and (max-height:750px) and (orientation:landscape) {
  .h-section-product .main-screen-wrap-left {
    width: 22.81%
  }

  .main-slider-item h2 {
    padding: 0 30px 0 80px;
    width: 100%
  }

  .main-slider-item-left {
    padding-top: 12vh
  }

  .main-slider-item-right-img {
    top: -14vh;
    width: 22%
  }
}

@media only screen and (max-width:767px) {
  #content {
    padding-bottom: 0
  }

  #wrapper {
    width: 100%
  }

  section.scale {
    height: 100vh
  }

  section.scale.h-section:first-child {
    height: calc(100vh - 54px)
  }

  section.scale.h-section:last-child .section--background {
    height: calc(100vh - 60px)
  }
}

@media (max-width:767px) {

  .footer-copyright,
  .footer-madein {
    font: 400 12px "Myriad Pro", sans-serif
  }

  .main-screen-wrap-block h3 {
    font: 600 28px/34px "Myriad Pro", sans-serif;
    letter-spacing: -.07px
  }

  .h-section-product .main-screen-wrap-right-top .main-screen-wrap-right-top-line1,
  .h-section-product .main-screen-wrap-right-top .main-screen-wrap-right-top-line2,
  .h-section-product .main-screen-wrap-right-top .main-screen-wrap-right-top-line3,
  .language-en .h-section-product .main-screen-wrap-right-top .main-screen-wrap-right-top-line1,
  .language-en .h-section-product .main-screen-wrap-right-top .main-screen-wrap-right-top-line2,
  .language-en .h-section-product .main-screen-wrap-right-top .main-screen-wrap-right-top-line3 {
    font: 600 28px/32px "Myriad Pro", sans-serif;
    letter-spacing: -.0685715px
  }

  .h-section-product .main-screen-wrap-right-bottom h4 {
    font: 400 18px/20px "Myriad Pro", sans-serif;
    letter-spacing: -.02px
  }

  .h-section-product .main-screen-wrap-right-bottom-star p,
  .product-page-start-wrap-right-bottom-star p {
    font: 400 14px/20px "Myriad Pro", sans-serif
  }

  .main-slider-item h2 {
    font: 600 24px/30px "Myriad Pro", sans-serif;
    letter-spacing: -.04px
  }

  .product-list-item-info h2 {
    font: 600 30px/36px "Myriad Pro Semi Condensed", sans-serif;
    letter-spacing: -.0428572px
  }

  .product-page h4 {
    line-height: 32px;
    letter-spacing: -.0342857px
  }

  .product-page-wrap {
    font: 400 15px/21px "Myriad Pro", sans-serif;
    letter-spacing: -.0206633px;
    position: relative;
    z-index: 2;
  }

  .product-page-start-wrap-right-top h1 {
    font: 600 28px/32px "Myriad Pro", sans-serif
  }

  .product-page-start-wrap-right-top {
    font: 600 28px/32px "Myriad Pro", sans-serif
  }

  .product-page-start-wrap-right-bottom h4 {
    font: 400 18px/20px "Myriad Pro", sans-serif;
    letter-spacing: -.02px
  }

  .product-page-charact ul li {
    letter-spacing: -.0257143px
  }

  .product-page-nutrvalue table tbody tr td:first-child {
    font: 400 15px/21px "Myriad Pro", sans-serif;
    letter-spacing: -.0206633px
  }

  .product-page-nutrvalue table tbody tr:first-child th {
    font: 600 15px/21px "Myriad Pro", sans-serif;
    letter-spacing: -.0206633px
  }

  .contact-page-item-wrap {
    font: 400 14px/24px "Roboto", sans-serif
  }

  .contact-page-item-wrap h2 {
    font: 600 28px/34px "Myriad Pro", sans-serif;
    letter-spacing: -.07px
  }

  .contact-page-item-form h3 {
    font: 600 28px/34px "Myriad Pro Semi Condensed", sans-serif;
    letter-spacing: -.04px
  }

  .contact-page-item-form-success {
    font: 400 28px/34px "Myriad Pro Semi Condensed", sans-serif;
    letter-spacing: -.04px
  }

  .brand_page_first h2 {
    font: 600 45px/36px "Myriad Pro", sans-serif;
    letter-spacing: -.0482143px
  }

  .brand_page_first h4 {
    font: 400 28px/34px "Myriad Pro", sans-serif
  }

  .brand_page_first_title {
    padding-top: 102px;
    padding-left: 44%;
    padding-right: 40px
  }

  .brand_page_second_descr {
    font: 400 15px/21px "Myriad Pro", sans-serif;
    letter-spacing: -.0206633px;
    padding: 0 0 40px;
    width: 100%
  }

  .brand_page_second_descr p:nth-child(2n+1) {
    position: relative;
    z-index: 1;
    padding: 19px 0 33px
  }

  .brand_page_second_descr p:nth-child(2n+1):before {
    content: '';
    position: absolute;
    background: linear-gradient(270deg, #fff 0%, #fff8bb 100%);
    bottom: 0;
    display: block;
    height: 100%;
    left: -33px;
    margin: 0 auto;
    right: -26px;
    top: 0;
    width: calc(100% + 59px);
    z-index: -1
  }

  .brand_page_second_descr p:first-child {
    padding: 27px 0 26px
  }

  .brand_page_third {
    background: 0 0;
    margin-bottom: 0;
    text-align: right
  }

  .brand_page_third_right {
    position: relative;
    right: unset;
    top: unset;
    width: 100%
  }

  .brand_page_third_right h4 {
    display: inline-block;
    color: #00abe3;
    font: 600 24px/21px "Myriad Pro", sans-serif;
    letter-spacing: -.0330613px;
    margin-top: -45px;
    text-align: center;
    width: 52%;
    vertical-align: middle
  }

  .brand_page_third_right_wrap {
    display: inline-block;
    width: 48%;
    vertical-align: middle
  }

  .brand_page_third_left {
    margin-top: -107px;
    padding: 0 0 55px;
    text-align: left;
    width: 100%
  }

  .brand_page_third_left_list {
    font: 400 15px/21px "Myriad Pro", sans-serif;
    letter-spacing: -.0206633px
  }

  .brand_page_third_left_list ul li {
    padding: 0 0 20px 33px
  }

  .brand_page_third_left_list ul li:first-child {
    max-width: 56%
  }

  .brand_page_forth {
    background-position: 32% 0
  }

  .brand_page_forth_text {
    font: 400 18px/20px "Myriad Pro", sans-serif;
    letter-spacing: -.0257143px;
    padding: 63px 0 137px
  }

  .brand_page_forth_text img {
    margin-left: 39px
  }

  .brand_page_forth_text ul {
    padding: 25px 0 0 7px
  }

  .brand_page_forth_text ul li .list-item {
    margin: 0 9px 4px 0
  }

  a.brand_page_forth_link {
    letter-spacing: 2.28571px;
    margin: 58px auto 0;
    text-align: center
  }

  .brand_page_fifth_text {
    font: 400 16px/20px "Myriad Pro", sans-serif;
    letter-spacing: -.0228572px;
    padding: 95px 0 45px
  }

  .brand_page_fifth_text h2 {
    font: 600 24px/32px "Myriad Pro", sans-serif
  }

  .brand_page_fifth_text ul {
    padding-top: 28px
  }

  .brand_page_fifth_text ul li:before {
    height: calc(100% - 27px);
    left: 5px;
    top: 27px
  }

  .brand_page_fifth_text ul li {
    background-position: 0 5px;
    background-size: 12px auto;
    padding: 0 0 16px 28px
  }

  .brand_page_fifth_list {
    padding: 0 0 65px
  }

  .brand_page_fifth_list ul {
    padding-left: 20px
  }

  .brand_page_fifth_list ul li {
    display: block;
    font-size: 0;
    margin: 0 auto;
    max-width: 536px;
    padding: 20px 0 27px;
    width: 100%
  }

  .brand_page_fifth_list_title {
    display: inline-block;
    box-sizing: border-box;
    padding-left: 24px;
    text-align: left;
    width: calc(100% - 76px);
    vertical-align: middle;
    font: 400 14px/16px "Myriad Pro", sans-serif
  }

  .brand_page_fifth_list_img {
    display: inline-block;
    height: auto;
    margin-bottom: 0;
    width: 76px;
    vertical-align: middle
  }

  .brand_page_fifth_list_img img {
    position: relative
  }

  .manuf_page_first {
    padding: 14px 0 79px
  }

  .manuf_page_first h2 {
    font: 600 28px/36px "Myriad Pro", sans-serif;
    letter-spacing: -.04px;
    padding: 0 23px 0 77px;
    text-align: right
  }

  .manuf_page_first img {
    margin-top: 56px
  }

  .manuf_page_second {
    padding: 36px 0 58px
  }

  .manuf_page_second_bg {
    display: none
  }

  .manuf_page_second_bg_mob {
    background: url() no-repeat 0 top/100% auto;
    background-size: cover;
    display: block;
    height: 100%;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: -1
  }

  .manuf_page_second_text {
    font: 400 14px/18px "Myriad Pro", sans-serif;
    letter-spacing: -.02px;
    padding: 0 13px 0 14px;
    width: 100%
  }

  .manuf_page_second_text h2 {
    font: 600 28px/32px "Myriad Pro", sans-serif;
    letter-spacing: -.0685715px;
    padding: 0 0 49px 77px;
    text-align: right
  }

  .manuf_page_second_text h4 {
    font: 400 16px/18px "Myriad Pro", sans-serif;
    letter-spacing: -.0228572px
  }

  .manuf_page_second_text ul {
    padding: 12px 0 0
  }

  .manuf_page_second_text ul li {
    background-position: -6px 4px;
    background-size: 24px auto;
    padding: 0 0 16px 27px
  }

  a.manuf_page_second_link {
    font: 400 14px "Myriad Pro Semi Condensed", sans-serif;
    letter-spacing: 2px;
    margin: 0 auto;
    text-align: center
  }

  .manuf_page_third {
    padding: 84px 0 50px
  }

  .manuf_page_third_text h2 {
    font: 600 30px/36px "Myriad Pro", sans-serif;
    letter-spacing: -.0428572px;
    text-align: center
  }

  .manuf_page_third_text ul {
    padding: 37px 0 0
  }

  .manuf_page_third_text ul li {
    padding: 0 0 20px
  }

  .manuf_page_third_text ul li:nth-child(2n),
  .manuf_page_third_text ul li:nth-child(2n+1) {
    width: 100%
  }

  .manuf_page_third_text ul li:nth-child(2n+1) .sert_right {
    max-width: 100%
  }

  .manuf_page_third_text ul li:last-child:nth-child(2n+1) {
    width: 100%
  }

  .manuf_page_third_text ul li:last-child:nth-child(2n+1) .sert_right {
    max-width: 100%
  }

  .sert_left {
    width: 80px
  }

  .sert_left img {
    height: auto;
    width: 100%
  }

  .sert_right {
    font: 400 14px/18px "Myriad Pro", sans-serif;
    letter-spacing: -.02px;
    margin-top: -2px;
    padding-left: 16px;
    width: calc(100% - 80px)
  }
}

@media screen and (max-width:767px) {
  .footer-socials {
    width: 100%
  }

  .footer-copyright {
    float: unset
  }

  .footer-copyright,
  .footer-madein {
    padding: 15px 0;
    width: 50%
  }

  .language-ru .main-screen-wrap-right-top .main-screen-wrap-right-top-line1,
  .language-ru .main-screen-wrap-right-top .main-screen-wrap-right-top-line2,
  .language-ru .main-screen-wrap-right-top .main-screen-wrap-right-top-line3 {
    font: 600 28px/32px "Myriad Pro", sans-serif;
    letter-spacing: -.0685715px
  }

  .main-screen {
    background-size: auto 100%;
    border: none medium;
    margin: 0 auto;
    min-height: 100vh
  }

  .main-screen-wrap {
    padding: 6vh 30px 0
  }

  .main-screen-wrap-block {
    font: 300 14px/24px "Myriad Pro", sans-serif;
    width: 100%
  }

  .main-screen-right .main-screen-wrap-block {
    float: center
  }

  .main-screen-right .main-screen-sert {
    text-align: center
  }

  .main-screen-left .main-screen-sert a,
  .main-screen-left .main-screen-sert img,
  .main-screen-right .main-screen-sert a,
  .main-screen-right .main-screen-sert img {
    display: block
  }

  .main-screen-left .main-screen-wrap-block {
    float: center
  }

  .main-screen-left .main-screen-sert,
  .main-screen-wrap-block h3,
  .main-screen-wrap-descr h3 {
    text-align: center
  }

  .h-section:last-child .main-screen-wrap-descr {
    padding-top: 16px
  }

  .h-section:last-child .main-screen-wrap-block a {
    margin-top: 0
  }

  .main-screen-wrap-descr {
    padding-top: 16px;
    text-align: center
  }

  .main-screen-wrap-descr ul {
    text-align: left
  }

  .main-screen-wrap-block ul {
    padding-left: 3px
  }

  .main-screen-wrap-block ul li {
    padding-top: 12px
  }

  .main-screen-wrap-block ul li .list-item {
    width: 3px;
    height: 3px;
    margin: 0 4px 2px 0
  }

  .h-section-product .main-screen-wrap-descr a,
  .main-screen-wrap-block a {
    font: 400 12px/24px "Myriad Pro", sans-serif;
    letter-spacing: 1.71429px
  }

  .main-screen-sert {
    float: right;
    max-width: 95px
  }

  .main-screen-sert img {
    height: auto;
    width: 100%
  }

  .h-section-product {
    border-bottom: 1px solid #fff
  }

  .h-section-product .main-screen-wrap {
    padding: 6vh 30px 0
  }

  .h-section-product .main-screen-wrap-right {
    float: none;
    padding: 0;
    position: relative;
    width: 100%
  }

  .h-section-product .main-screen-wrap-right-wrap {
    float: none;
    height: calc(100vh - 6vh);
    width: 100%;
    max-width: 100%
  }

  .h-section-product .main-screen-wrap-right-top {
    text-align: center
  }

  .h-section-product .main-screen-wrap-descr {
    padding-top: 5px;
    text-align: center
  }

  .h-section-product .main-screen-wrap-right-bottom {
    padding-top: 7.7vh;
    text-align: center
  }

  .h-section-product .main-screen-wrap-right-bottom-star {
    bottom: 22px;
    max-width: 200px;
    position: absolute;
    right: 0;
    text-align: right;
    width: 58%
  }

  .h-section-product .main-screen-wrap-left {
    left: 0;
    width: 45%
  }

  .main-slider {
    border: none medium;
    padding: 0
  }

  .main-slider-item-wrap {
    height: calc(100vh - 53px);
    padding: 0;
    top: 0
  }

  .main-slider-item-left {
    padding: 0
  }

  .main-slider-item-left,
  .main-slider-item-right {
    display: block;
    width: 100%
  }

  .main-slider-item-left {
    padding-top: 39vh
  }

  .main-slider-item-right {
    position: absolute;
    bottom: 30vh
  }

  .main-slider-item {
    background-size: auto 100%;
    min-height: calc(100vh - 54px)
  }

  .main-slider-item h2 {
    padding: 0 30px;
  }

  @media only screen and (min-width: 320px) {
    .main-slider-item h2 {
      width: 80%;
    }
  }

  @media only screen and (min-width: 768px) {
    .main-slider-item h2 {
      width: 50%;
    }
  }

  .main-slider-item-left-descr,
  .product-page-nutrvalue table.product-page-nutrvalue-table {
    /* display: none */
  }

  .main-slider-item-right {
    padding: 0 20px
  }

  .main-slider-item-right-descr {
    font: 400 18px/22px "Myriad Pro", sans-serif;
    letter-spacing: .01px;
    padding-right: 30%;
    padding-left: 10%;
    padding-bottom: 0;
    text-align: left
  }

  .slick-slide .scale-image {
    height: 76vh;
    padding-top: 54px;
    left: -60%
  }

  .main-slider-item-left-wrap {
    padding: 0
  }

  .main-slider-item-left-descr-mobile {
    background: linear-gradient(296.15deg, #20437b -42.16%, #224074 -15.33%, #4c3524 45.16%);
    min-height: 22vh;
    color: #fff;
    font: 300 15px/18px "Myriad Pro", sans-serif;
    letter-spacing: -.02px;
    padding: 20px 30px 25px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
  }

  .main-slider-item-wrap {
    position: relative
  }

  .main-slider-item-right-img {
    top: -18vh;
    right: 8%;
    width: 33%
  }

  .slick-prev {
    left: 10px
  }

  .slick-next {
    left: unset;
    right: 10px
  }

  .main-slider-item-nav,
  .main-slider-item-nav:focus {
    bottom: 36vh;
    width: 100%
  }

  .main-slider-item-nav-arrow,
  .main-slider-item-nav-arrow:focus {
    transition: all 1s linear;
    background-color: transparent;
    height: 40px;
    width: 40px;
    z-index: 1
  }

  .main-slider-item-nav-arrow:before,
  .main-slider-item-nav-arrow:focus:before {
    content: '';
    background: url(../images/arrow_slide_mobile.png) no-repeat center center;
    display: block;
    height: 40px;
    left: 0;
    margin: 0 auto;
    right: 0;
    width: 40px
  }

  .main-slider-item-nav-arrow:focus:hover,
  .main-slider-item-nav-arrow:hover {
    background-color: transparent
  }

  .main-slider-item-nav-prev {
    left: 10px
  }

  .main-slider-item-nav-next {
    left: unset;
    right: 10px
  }

  .main-slider-item-play {
    background: url(../images/play_mobile.png) no-repeat 0 0;
    height: 50px;
    top: calc(50vh - 144px);
    width: 50px
  }

  .product-list-wrap {
    padding: 54px 0 0
  }

  .product-list-item-images,
  .product-list-item-left .product-list-item-images {
    float: unset;
    padding: 66px 0 60px;
    width: 100%
  }

  .product-list-item-info,
  .product-list-item-left .product-list-item-info {
    float: unset;
    padding: 0 30px;
    width: 100%
  }

  .product-list-item-images-dish,
  .product-list-item-images-dish img {
    width: 100%
  }

  .product-list-item-images-bottle,
  .product-list-item-left .product-list-item-images-bottle {
    right: 0;
    top: -66px;
    left: 0;
    margin: 0 auto;
    width: 25%
  }

  .product-list-item-right:first-child .product-list-item-wrap {
    padding: 20px 0 60px
  }

  .product-list-item-right .product-list-item-wrap {
    padding: 55px 0 30px
  }

  .product-list-item-left .product-list-item-wrap {
    padding: 105px 0 75px
  }

  .product-list-item:last-child .product-list-item-wrap {
    padding-bottom: 45px
  }

  .product-list-item-info h2 {
    padding: 0 10px;
    text-align: center
  }

  .product-list-item-desrc {
    font: 400 15px/18px "Myriad Pro", sans-serif;
    letter-spacing: -.0206633px;
    padding-top: 16px
  }

  .product-list-item-desrc ul {
    list-style: inside;
    padding-top: 9px
  }

  .product-list-item-desrc ul li {
    padding-top: 15px
  }

  .product-list-item-desrc ul li .list-item {
    width: 3px;
    height: 3px;
    margin: 0 6px 2px 0
  }

  .product-list-item-tara {
    padding: 26px 0 37px
  }

  .product-list-item-tara ul li {
    margin-right: 15px
  }

  .product-list-item-tara ul li span {
    font: 400 14px "Myriad Pro", sans-serif;
    letter-spacing: -.02px
  }

  .product-list-item-desrc-short {
    padding: 0
  }

  .product-list-item-link {
    text-align: center;
    margin: 0 auto;
    display: block
  }

  .product-page {
    padding: 63px 0 70px
  }

  .product-page h4 {
    padding-bottom: 0;
    text-align: center
  }

  .product-page-wrap {
    padding: 0 20px
  }

  .product-page-start {
    background-size: auto 100%;
    position: relative
  }

  .product-page-start,
  .product-page-start-wrap {
    max-height: 508px;
    min-height: 508px
  }

  .product-page-start-wrap-left {
    padding: 0 6%;
    width: 31%;
  }

  .product-page-start-wrap-right-top {
    padding: 32px 0 0;
    text-align: center
  }

  .product-page-start-wrap-right-bottom {
    padding: 49px 0 0;
    text-align: center
  }

  .product-page-start-wrap-right-bottom-star {
    bottom: 20px;
    max-width: 240px;
    position: absolute;
    right: 0px;
    text-align: right;
    width: 63%
  }

  .product-page-start-wrap-right {
    float: none;
    padding: 0;
    width: 100%
  }

  .product-page-descr {
    padding-top: 78px
  }

  .product-page-advant {
    padding: 63px 0 109px
  }

  .product-page-advant ul li {
    background-size: 30px auto;
    background-position: -7px 0;
    padding: 6px 0 28px 30px
  }

  .product-page-charact {
    padding: 70px 0 60px
  }

  .product-page-charact ul li {
    padding: 15px 0 48px;
    width: 100%
  }

  .product-page-charact .product-page-charact-title {
    padding-top: 13px
  }

  .product_page_title_line1,
  .product_page_title_line2,
  .product_page_title_line3 {
    display: block !important;
    width: 100% !important;
  }

  .product-page-nutrvalue {
    padding: 70px 0 58px
  }

  .product-page-nutrvalue table.product-page-nutrvalue-mobtable-first,
  .product-page-nutrvalue table.product-page-nutrvalue-mobtable-second {
    /* display: block */
  }

  .product-page-nutrvalue table.product-page-nutrvalue-mobtable-first tbody tr th,
  .product-page-nutrvalue table.product-page-nutrvalue-mobtable-second tbody tr th {
    padding: 45px 5px 13px;
    text-align: center;
    width: 100%
  }

  .product-page-nutrvalue table.product-page-nutrvalue-mobtable-first tbody tr th img,
  .product-page-nutrvalue table.product-page-nutrvalue-mobtable-second tbody tr th img {
    margin: 0 auto 21px
  }

  .product-page-nutrvalue table.product-page-nutrvalue-mobtable-first tbody tr td:first-child,
  .product-page-nutrvalue table.product-page-nutrvalue-mobtable-second tbody tr td:first-child {
    padding: 2px 5px 8px 0;
    width: 26%
  }

  .product-page-nutrvalue table.product-page-nutrvalue-mobtable-first tbody tr td:second-child,
  .product-page-nutrvalue table.product-page-nutrvalue-mobtable-second tbody tr td:second-child {
    padding: 2px 5px 8px 0;
    width: 74%
  }

  .product-page-nutrvalue table.product-page-nutrvalue-mobtable-first tbody tr:first-child th:first-child,
  .product-page-nutrvalue table.product-page-nutrvalue-mobtable-second tbody tr:first-child th:first-child {
    padding: 45px 5px 13px;
    text-align: center;
    width: 100%
  }

  .contact-page-item {
    padding-top: 83px;
    padding-bottom: 0
  }

  .contact-page-item h2,
  .contact-page-right h3 {
    text-align: center
  }

  .contact-page-left,
  .contact-page-right {
    padding-left: 30px;
    padding-right: 30px;
    width: 100%;
    min-height: calc(100vh - 54px)
  }

  .contact-page-right {
    min-height: calc(100vh - 60px)
  }

  .contact-page-right.contact-page-right-success {
    padding-top: calc(100vh - 50vh - 100px)
  }

  .contact-page-item-info-address {
    padding-top: 69px
  }

  .contact-page-item-wrap {
    padding-bottom: 119px
  }

  .contact-page-right {
    padding-top: 60px
  }

  .contact-page-right .contact-page-item-wrap {
    padding-bottom: 69px
  }

  .contact-page-item-form form {
    padding-top: 5px
  }

  .contact-page-item-form-field {
    padding-top: 25px
  }

  .contact-page-item-form-submit {
    text-align: center;
    padding-top: 20px
  }

  .contact-page-item-form-submit input[type=submit] {
    margin: 0 auto;
    max-width: 177px;
    width: 100%
  }

  .contact-page-right-success {
    padding-top: 180px
  }

  .contact-page-right-success .contact-page-item-form {
    padding: 0
  }

  .contact-page-item-form-success {
    background-size: 80px auto;
    padding: 49px 20px 0;
    width: 100%
  }

  .brand_page_first {
    background: url() no-repeat center bottom/auto 100%;
    min-height: 391px
  }
}

.section--background:before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background-color: #000;
  position: absolute;
  top: 0;
  left: 0;
  opacity: .3;
}

@media only screen and (max-width:767px) and (orientation:portrait) {
  .section--background>img {
    left: -63%
  }

  .h-section:first-child .section--background>img {
    height: 100vh !important;
    vertical-align: top;
    top: 0
  }
}

@media screen and (max-width:720px) {
  .brand_page_first {
    background-position: -363px bottom
  }
}

@media screen and (max-width:680px) {
  .product-page-start-wrap-left {
    width: 34%
  }
}

@media (max-width:610px) {
  .brand_page_third_left {
    margin-top: -77px
  }
}

@media only screen and (max-width:600px) {
  .section--background>img {
    left: -63%;
    height: 100%;
    width: auto
  }
}

@media screen and (max-width:600px) {
  .main-slider-item-right-img {
    top: 0
  }
}

@media only screen and (max-width:600px) and (orientation:landscape) {
  .section--background>img {
    left: 0%
  }

  .h-section:last-child .section--background>img {
    left: 0%;
    height: auto;
    width: 100%
  }
}

@media screen and (max-width:560px) {
  .product-page-start-wrap-left {
    width: 36%
  }
}

@media (max-width:530px) {
  .brand_page_third_left {
    margin-top: -30px
  }

  .brand_page_third_left .brand_about_list_span {
    display: block
  }

  .brand_page_third_left_list ul li:first-child {
    max-width: 100%
  }
}

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

  body.page-template-contacts header.fixed .header-logo,
  body.page-template-contacts header.fixed .header-logo .header-logo-wrap,
  header.fixed .header-logo,
  header.fixed .header-logo .header-logo-wrap {
    transition: width 1s linear;
    width: 100px
  }

  body.page-template-contacts header.fixed .header-logo .logo,
  header.fixed .header-logo .logo {
    transition: width 1s linear;
    height: 28px;
    left: 25px;
    top: 9px;
    width: 76px
  }

  .product-page-start-wrap-left {
    width: 38%
  }
}

@media screen and (max-width:470px) {
  .product-page-start-wrap-left {
    width: 40%
  }
}

@media screen and (max-width:460px) {
  .brand_page_first {
    background-position: -371px bottom
  }

  .brand_page_first_title {
    padding-left: 49%;
    padding-right: 20px
  }
}

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

  .product-list-item-images-bottle,
  .product-list-item-left .product-list-item-images-bottle {
    width: 30%
  }

  .product-list-item-tara {
    max-width: 300px
  }
}

@media (max-width:400px) {
  .language-ru .manuf_page_first h2 {
    width: 230px
  }

  .manuf_page_first h2 {
    float: right;
    padding: 0;
    width: 215px
  }
}

@media only screen and (max-width:400px) {
  .h-section:first-child .section--background>img {
    height: 100vh !important;
    width: auto !important;
    vertical-align: top;
    top: 0
  }
}

@media screen and (max-width:400px) {
  .product-page-start-wrap-left {
    padding: 0 6%;
    width: 42%
  }
}

@media (max-width:374px) {
  .brand_page_first h2 {
    font: 600 41px/32px "Myriad Pro", sans-serif
  }

  .brand_page_first_title {
    padding-left: 52%;
    padding-right: 0
  }

  .manuf_page_second_bg_mob {
    background-position: -12px 0
  }

  .manuf_page_second_text {
    padding: 0
  }

  .manuf_page_second_text h2 {
    font: 600 24px/28px "Myriad Pro", sans-serif
  }
}

@media (max-width:360px) {
  .brand_page_third_right h4 {
    width: 54%
  }

  .brand_page_third_right_wrap {
    width: 46%
  }
}

@media screen and (max-width:350px) and (max-height:480px) {
  .main-slider-item-left-descr-mobile {
    padding: 10px 30px 15px
  }

  .main-slider-item-right-descr {
    line-height: 18px
  }

  .main-slider-item-right-img {
    top: -12vh
  }

  .main-slider-item-right {
    bottom: 32vh
  }

  .main-slider-item-play {
    top: calc(50vh - 90px)
  }

  .main-slider-item-nav,
  .main-slider-item-nav:focus {
    bottom: 46vh
  }
}

@media screen and (max-width:350px) and (max-height:480px) and (orientation:landscape) {

  .main-slider-item-nav,
  .main-slider-item-nav:focus {
    bottom: 49vh
  }
}

@media screen and (max-width:340px) {
  .product-page-start-wrap-left {
    padding: 0 6%;
    width: 44%
  }
}

@media screen and (min-height:800px) {
  .slick-slide .scale-image {
    top: 0
  }
}

/*# sourceMappingURL=../map/main.min.css.map */



.brand_page_first.img_1 {
  background: url(../images/bg_img_1.jpg) no-repeat 50% 50%;
  background-size: cover;
}

@media only screen and (min-width: 320px) {
  .brand_page_first.img_1 {
    min-height: 391px;
    margin-top: 63px;
  }
}

@media only screen and (min-width: 768px) {
  .brand_page_first.img_1 {
    min-height: 349px;
  }
}

@media only screen and (min-width: 1048px) {
  .brand_page_first.img_1 {
    width: calc(100% - 40px);
    margin: 0 auto;
    overflow: hidden;
    margin-top: 63px;
  }

}

@media only screen and (min-width: 1200px) {
  .brand_page_first.img_1 {
    min-height: 230px;
  }
}

@media only screen and (min-width: 1366px) {
  .brand_page_first.img_1 {
    min-height: 245px;
  }
}

@media only screen and (min-width: 1600px) {
  .brand_page_first.img_1 {
    min-height: 290px;
  }
}

@media only screen and (min-width: 1768px) {
  .brand_page_first.img_1 {
    min-height: 349px;
  }
}

@media only screen and (min-width: 1920px) {
  .brand_page_first.img_1 {
    height: 38vh;
  }
}

.brand_page_second_top {
  z-index: 2;
  width: 100%;
  min-height: 68px;
  position: relative;
  padding-bottom: 15px;
}

.brand_page_second_top.none {
  display: none;
}

@media only screen and (min-width: 320px) {
  .brand_page_second_top {
    padding-bottom: 15px;
  }
}

@media only screen and (min-width: 1200px) {
  .brand_page_second_top {
    padding-bottom: 30px;
  }
}

.brand_page_second_top_cont {
  position: relative;
  top: 0;
  left: 0;
}

@media only screen and (min-width: 320px) {
  .brand_page_second_top_cont {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    row-gap: 15px;
    column-gap: 15px;
    padding: 0;
  }
}

@media only screen and (min-width: 1049px) {
  .brand_page_second_top_cont {
    padding: 0;
    padding-bottom: 15px;
  }
}

@media only screen and (min-width: 1200px) {
  .brand_page_second_top_cont {
    column-gap: 30px;
    padding: 0;
    padding-bottom: 30px;
  }
}

.brand_page_second_top_cont .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 175px;
  height: 38px;
  padding: 0 20px;
  border-radius: 10px;
  background-color: #00ABE3;
  color: #fff;
  font: 700 16px "Myriad Pro", sans-serif;
  text-decoration: none;
}

.z_1 {
  z-index: 1;
}

.z_2 {
  z-index: 2;
}

.z_3 {
  z-index: 3;
}

.block_v {
  width: 175px;
  min-height: 40px;
  max-height: 40px;
  background-color: #fff;
  position: relative;
  cursor: pointer;
  border: 1px solid #D6D6D6;
  border-radius: 5px;
  transition: 0.3s linear;
}


.block_v .block_v_cont {
  width: 100%;
  display: flex;
  align-items: center;
  height: 40px;
  padding: 0 60px 0 16px;
  color: #7b7b7b;
  font: 400 16px "Myriad Pro", sans-serif;
  letter-spacing: -.0257143px;
  position: relative;
  z-index: 2;
}

.block_v .block_v_cont:before {
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  right: 14px;
  background: url(../images/arrow_block_v.svg) 50% 50% no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(0);
  transition: 0.3s linear;
  z-index: 2;
}

.block_v .block_v_cont:after {
  content: '';
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 3px;
  background-color: #F2F2F2;
  position: absolute;
  top: 50%;
  right: 4px;
  transform: translateY(-50%) rotate(0);
  transition: 0.3s linear;
  z-index: 1;
}


.block_v .block_v_acord {
  width: 100%;
  min-height: 0;
  max-height: 0;
  overflow: hidden;
  position: absolute;
  top: 41px;
  left: 0;
  transition: 0.3s linear;
  z-index: 1;
  border-radius: 5px;
  border: 0px solid #D6D6D6;
  opacity: 0;
}

.block_v .block_v_acord ul li {
  width: 100%;
  display: flex;
  align-items: center;
  background-color: #fff;
}

@media only screen and (min-width: 320px) {
  .block_v .block_v_acord ul li {
    height: 28px;
    color: #7b7b7b;
    font: 400 16px "Myriad Pro", sans-serif;
    letter-spacing: -.0257143px;
    padding: 0 16px;
  }
}


@media only screen and (min-width: 1200px) {
  .block_v .block_v_acord ul li:hover {
    background-color: #00ABE3;
    color: #fff;
    font-weight: 600;
  }
}

.block_v.opened .block_v_cont:before {
  transform: translateY(-50%) rotate(180deg);
}

.block_v.opened {
  min-height: 40px;
  max-height: 40px;
}

.block_v.opened .block_v_acord {
  overflow: auto;
  min-height: 60px;
  max-height: 60px;
  height: 100%;
  background-color: #fff;
  border: 1px solid #D6D6D6;
  opacity: 1;
}

.brand_page_second_cont {
  width: 100%;
  position: relative;
  z-index: 1;
}

.brand_page_second_cont_block {
  width: 100%;
  padding: 16px 0;
  border-bottom: 1px solid #D6D6D6;
}

@media only screen and (min-width: 320px) {
  .brand_page_second_cont_block {
    margin-bottom: 15px;
  }
}

@media only screen and (min-width: 1200px) {
  .brand_page_second_cont_block {
    margin-bottom: 30px;
  }
}


.brand_page_second_cont_block a {
  display: inline-block;
  font: 600 25px "Myriad Pro", sans-serif;
  color: #000000;
  margin-bottom: 16px;
}

.brand_page_second_cont_block .data {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  column-gap: 15px;
  flex-wrap: wrap;
}

.brand_page_second_cont_block .data p {
  font: 400 16px "Myriad Pro", sans-serif;
  letter-spacing: -.0257143px;
  color: #7B7B7B;
}

.brand_page_second_cont_block .data span {
  display: block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #7B7B7B;
}

.brand_page_second_cont_block .opis_min {
  color: #7B7B7B;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  font: 400 18px "Myriad Pro", sans-serif;
  margin-top: 15px;
}

.nav_flex {
  width: 100%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  column-gap: 15px;
  row-gap: 15px;
  margin-top: 60px;
}

.nav_flex a {
  display: flex;
  width: 26px;
  height: 26px;
  flex: 0 0 26px;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  border-radius: 50%;
  background-color: #fff;
  transition: .3s ease-out;
  font: 400 18px "Myriad Pro", sans-serif;
  color: #7B7B7B;
  text-decoration: none;
}

.nav_flex a.active,
.nav_flex a:hover {
  background-color: #00ABE3;
  font: 600 18px "Myriad Pro", sans-serif;
  color: #fff;
}


@media only screen and (min-width: 320px) {
  .brand_page_second.one_1 {
    padding: 90px 0 78px 0;
  }

  .brand_page_second.one_2 {
    padding: 97px 0 78px 0;
  }
}

@media only screen and (min-width: 768px) {
  .brand_page_second.one_1 {
    padding: 90px 0 130px;
  }

  .brand_page_second.one_2 {
    padding: 121px 0 78px 0;
  }
}

@media only screen and (min-width: 1200px) {
  .brand_page_second.one_2 {
    padding: 170px 0 78px 0;
    min-height: 100vh;
  }

  .brand_page_second.one_1 {
    min-height: 62vh;
  }
}

@media only screen and (min-width: 1366px) {
  .brand_page_second.one_2 {
    padding: 121px 0 78px 0;
  }
}


.brand_page_second_cont_top {
  padding-bottom: 20px;
  border-bottom: 1px solid #D6D6D6;
}

.brand_page_second_cont_top h2 {
  display: inline-block;
  color: #000000;
}

@media only screen and (min-width: 320px) {
  .brand_page_second_cont_top h2 {
    margin-bottom: 15px;
    font: 600 25px "Myriad Pro", sans-serif;
    text-align: right;
    padding-left: 20vw;
  }
}

@media only screen and (min-width: 768px) {
  .brand_page_second_cont_top h2 {
    text-align: left;
    padding: 0;
  }
}

@media only screen and (min-width: 1200px) {
  .brand_page_second_cont_top h2 {
    margin-bottom: 30px;
    font: 600 40px "Myriad Pro", sans-serif;
  }
}

.brand_page_second_cont_top_flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  column-gap: 15px;
  row-gap: 15px;
}

.brand_page_second_cont_top .data {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  column-gap: 15px;
  flex-wrap: wrap;
}

.brand_page_second_cont_top .data p {
  font: 400 16px "Myriad Pro", sans-serif;
  letter-spacing: -.0257143px;
  color: #7B7B7B;
}

.brand_page_second_cont_top .data span {
  display: block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #7B7B7B;
}

.brand_page_second_cont_top .download {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 8px;
  color: #00ABE3;
  font: 400 18px "Myriad Pro", sans-serif;
}

.brand_page_second_cont_top .download span {
  display: block;
  width: 16px;
  height: 16px;
  background: url(../images/down.svg) 50% 50% no-repeat;
  background-size: contain;
}

.brand_page_second_cont_block_2 {
  padding: 30px 0;
  display: flex;
  flex-wrap: wrap;
  row-gap: 30px;
}

.brand_page_second_cont_block_2 p,
.brand_page_second_cont_block_2 li {
  width: 100%;
  font: 400 18px "Myriad Pro", sans-serif;
  line-height: 25px;
  color: #7B7B7B;
}

.brand_page_second_cont_block_2 .back {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  column-gap: 10px;
  font: 400 18px "Myriad Pro", sans-serif;
  line-height: 25px;
  color: #00ABE3;
}

.brand_page_second_cont_block_2 .back span {
  display: block;
  width: 7px;
  height: 15px;
  background: url(../images/back_arr.svg) 50% 50% no-repeat;
  background-size: contain;
}




.popup_sec {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 102;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.3);
  transition: .3s ease-out;
  opacity: 0;
  visibility: hidden;
}

.popup_sec.opened {
  opacity: 1;
  visibility: visible;
}

.popup_cont {
  max-height: 700px;
  overflow: auto;
  padding: 40px;
  background: #EDEDED;
  border: 1px solid #E1E1E1;
  border-radius: 6px;
}

@media only screen and (min-width: 320px) {
  .popup_cont {
    max-width: 320px;
    width: 100%;
  }
}

@media only screen and (min-width: 768px) {
  .popup_cont {
    max-width: 675px;
    width: 100%;
  }
}

.popup_cont_block {
  width: 100%;
  position: relative;
}

.exit_popup {
  display: block;
  width: 14px;
  height: 14px;
  position: absolute;
  top: 0;
  right: 0;
  background: url(../images/exit_popup_1.svg) 50% 50% no-repeat;
  background-size: contain;
}

.popup_cont_block h3 {
  font: 600 27px "Myriad Pro", sans-serif;
  line-height: 37px;
  color: #000;
  margin-bottom: 5px;
}

.popup_cont_block .text {
  font: 400 18px "Myriad Pro", sans-serif;
  line-height: 25px;
  color: #696969;
  margin-bottom: 20px;
}

.popup_cont_block .w_100 {
  margin-top: 5px;
  display: flex;
  justify-content: flex-end;
}

.popup_cont_block .w_100 .mail {
  font: 600 16px "Myriad Pro", sans-serif;
  line-height: 37px;
  color: #696969;
  padding-left: 20px;
  position: relative;
}

.popup_cont_block .w_100 .mail:before {
  content: '';
  display: block;
  width: 12px;
  height: 8px;
  position: absolute;
  left: 0;
  top: 16px;
  background: url(../images/pop_up_mail.svg) 50% 50% no-repeat;
  background-size: contain;
}

.popup_flex {
  width: 100%;
  display: flex;
  justify-content: center;
  column-gap: 30px;
  row-gap: 30px;
  flex-wrap: wrap;
}

.popup_block {
  display: flex;
  width: 270px;
  min-height: 130px;
  background-color: #fff;
  border-radius: 5px;
  align-content: flex-end;
  justify-content: center;
  flex-wrap: wrap;
  padding: 12px 15px;
  text-decoration: none;
}

.popup_block .title {
  margin-top: 5px;
  width: 100%;
  position: relative;
  padding-left: 20px;
  font: 400 16px "Myriad Pro", sans-serif;
  line-height: 22px;
  color: #000;
  text-decoration: none;
}

.popup_block .title:before {
  content: '';
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 5px;
  left: 0;
  background: url(../images/ic_popup.svg) 50% 50% no-repeat;
  background-size: contain;
}

.no-posts {
  font-size: 16px;
  text-align: center;
}

.brand_page_second_cont_block_2 ol,
.brand_page_second_cont_block_2 ul {
  padding-left: 15px;
}

.brand_page_second_cont_block_2 ul li {
  list-style-type: disc;
  padding-left: 5px;
}

.brand_page_second_cont_block_2 ol li {
  list-style-type: decimal;
  padding-left: 5px;
}

@media only screen and (min-width: 320px) {
  .production__main {
    padding-top: 60px;
  }
}
@media only screen and (min-width: 1200px) {
  .production__main {
    padding-top: 0;
  }
}
.production__main .gorizontal-slider-slides .gorizontal-slider-track{
  width: 100% !important;
  justify-content: center;
  column-gap: 20px;
  flex-wrap: wrap;
  row-gap: 45px;
}
@media only screen and (max-width: 992px) {
  .production__main .gorizontal-slider-slides{
    margin: 0 auto;
  }
  .production__main .gorizontal-slider-slides .gorizontal-slider-track{
    width: 100% !important;
    justify-content: center;
    column-gap: 20px;
    flex-wrap: wrap;
    row-gap: 45px;
  }
  .production__main .gorizontal-slider-slides  .gorizontal-slider-item{
    opacity: 1;
    visibility: visible;
  }
}




/* NEW */
/* gotuite */





.gotuite{
  width: 100%;
  padding: 60px 0 40px 0;
}
.gotuite_main{
  width: 100%;
}
.gotuite h3{
  text-align: center;
  font: 600 24px / 32px "Myriad Pro Semi Condensed", sans-serif;
  color: #4a4a4a;
  margin-bottom: 30px;
}
.a_w_100{
  width: 100%;
  display: flex;
  justify-content: flex-end;
  margin-top: 20px;
}
@media only screen and (max-width: 768px) {
  .a_w_100{
    position: relative;
  }
  .a_w_100 .a_hover{
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(calc(-50% + 150px - 52.5px));
  }
}
.a_w_100 .a_hover{
  display: block;
  font-weight: 600;
  font-size: 18px;
  color: #104500;
  text-decoration: none;
  transition: .3s ease-out;
}
@media only screen and (min-width: 1200px) {
  .a_w_100 .a_hover{
    margin-right: 30px;
  }
}
@media only screen and (min-width: 1366px) {
  .a_w_100 .a_hover{
    margin-right: 50px;
  }
}
@media only screen and (min-width: 1600px) {
  .a_w_100 .a_hover{
    margin-right: 65px;
  }
}
.a_w_100 .a_hover::before{
  content: '';
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0px;
  background-color: #104500;
  transition: .3s ease-out;
}

@media only screen and (min-width: 1200px) {
  .a_w_100 .a_hover:hover::before{
    width: 0%;
  }
}
.gotuite_sl{
  width: 100%;
  position: relative;
}
.gotuite_sl .gotuite_sl_track.no-slider{
  justify-content: center;
  column-gap: 20px;
}

.gotuite_cont{
  max-width: 320px;
  width: 100%;
  border-radius: 8px;
  background-color: #F8F9FA;
  padding: 15px;
  position: relative;
  z-index: 1;
}
.gotuite_img{
  display: block;
  width: 100%;
  height: 165px;
}

.gotuite_img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.popularni_text_cont{
  padding: 20px 15px 40px 15px;
  position: relative;
}
.popularni_text_cont a{
  width: fit-content;
  display: block;
  text-decoration: none;
  margin: 0 auto;
  margin-bottom: 20px;
}
.popularni_text_cont a h4{
  text-align: center;
  font: 600 22px / 24px "Myriad Pro Semi Condensed", sans-serif;
  color: #4A4A4A;
}
.popularni_text_cont p{
  font: 400 17px / 20px "Myriad Pro Semi Condensed", sans-serif;
  color: #7B7B7B;
}
.gotuite_cont .det{
  display: block;
  position: absolute;
  right: 15px;
  bottom: 15px;
  font: 600 16px / 18px "Myriad Pro Semi Condensed", sans-serif;
  color: #4A4A4A;
  text-decoration: none;
}
.gotuite_cont .det::before{
  content: '';
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0px;
  background-color: #4A4A4A;
  transition: .3s ease-out;
}

@media only screen and (min-width: 1200px) {
  .gotuite_cont .det:hover::before{
    width: 0%;
  }
}


.gotuite_sl .gorizontal-slider-slides{
  padding: 0;
  margin: 0 auto;
}

.gotuite_sl .arr {
  width: 15px;
  height: 35px;
  border: none;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: calc(50% - 20px);
  transform: translateY(-50%);
  background-color: transparent;
  z-index: 2;
}

.gotuite_sl .arr svg {
  display: block;
  width: 15px;
  height: 35px;
  transition: 0.3s ease-out;
}

@media only screen and (min-width: 320px) {
  .gotuite_sl .arr svg {
    stroke: #00521a;
  }
}

@media only screen and (min-width: 1200px) {
  .gotuite_sl .arr svg {
    stroke: #c3c3c3;
  }
}

@media only screen and (min-width: 1200px) {
  .gotuite_sl .arr:hover svg {
    stroke: #00521a;
  }
}

.gotuite_sl .arr.arrow-left {
  left: 0;
}


.gotuite_sl .arr.arrow-right {
  right: 0;
}
.gotuite_sl .arr.arrow-right svg {
  transform: rotate(180deg);
}




.gorizontal-slider-slides {
  position: relative;
  width: 100%;
}
.header_sl_min_img .gorizontal-slider-slides {
  width: 100% !important;
}
.gorizontal-slider-track:not(.slider_sl_track) {
  display: flex;
  position: relative;
  height: 100% !important;
  transition: left 0.4s ease-out;
}
.gorizontal-slider-track.slider_sl_track {
  display: flex;
  position: relative;
  height: auto;
  transition: left 0.4s, height 0.4s ease-out;
}
@media (max-width: 1199px) {
  .mobile-wheel .gorizontal-slider-track {
      transition: height 0.4s ease-out;
  }
}
.gorizontal-slider-item {
  transition: 0.4s ease-out;
  display: flex;
}
@media only screen and (min-width: 320px) {
  .gorizontal-slider-item {
      flex: 0 0 300px;
      opacity: 1;
      visibility: visible;
      justify-content: flex-start;
  }
}
@media only screen and (min-width: 1200px) {
  .gorizontal-slider-item {
      flex: 0 0 auto;
      opacity: 0;
      visibility: hidden;
      justify-content: center;
  }
}
.gorizontal-slider-item.visible {
  opacity: 1;
  visibility: visible;
}
.gorizontal-slider-item.pseudo {
  opacity: 0;
  visibility: hidden;
}
.gorizontal-slider.fullmove .gorizontal-slider-dots li {
  transition: all 0.4s ease-out;
}
.gorizontal-slider.fullmove .gorizontal-slider-dots li:not(.active):not(.first):not(.last):not(.prev):not(.next):not(.tripledots) {
  width: 0;
  overflow: hidden;
}
.gorizontal-slider.fullmove .gorizontal-slider-dots li.tripledots {
  pointer-events: none;
}






/* receipts */






@media only screen and (min-width: 320px) {
  .receipts{
    padding: 90px 0;
    min-height: calc((100vh - 80px));
    background-color: #fff;
  }
}
@media only screen and (min-width: 1200px) {
  .receipts{
    padding: 100px 0;
  }
}
@media only screen and (min-width: 1768px) {
  .receipts{
    padding: 180px 0 120px 0;
  }
}

.receipts h1{
  font: 600 40px / 48px "Myriad Pro Semi Condensed", sans-serif;
  color: #4A4A4A;
  margin-bottom: 20px;
}

.receipts .block_v{
  max-width: 320px;
  width: 100%;
  min-height: 50px;
  max-height: 50px;
  border-radius: 10px;
  border: 1px solid #BEBEBE;
  overflow: hidden;
  transition: .3s ease-out;
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}
@media only screen and (min-width: 768px) {
  .receipts .block_v{
    left: 0;
    transform: translateX(0);
  }
}

.receipts .block_v .block_v_cont{
  height: 50px;
}
.receipts .block_v .block_v_cont:after{
  display: none;
}
.receipts .block_v_acord{
  width: 100%;
  max-height: 510px;
  height: 100%;
  overflow: auto;
  position: relative;
  top: auto;
  border: none;
  background-color: transparent;
  padding: 0;
  border-radius: 0;
}
.receipts .block_v.opened{
  max-height: 580px;
}
.block_v.opened .block_v_acord{
  min-height: 50px;
  max-height: 526px;
  border: none;
  border-top: 1px solid #BEBEBE;
}



.block_v_acord .config {
  width: 100%;
}

.block_v_acord .det{
  width: fit-content;
  height: auto;
  background-color: transparent;
  font: 600 16px / 18px "Myriad Pro Semi Condensed", sans-serif;
  color: #104500;
  text-decoration: none;
  transition: .3s ease-out;
  float: right;
  margin: 0 25px 10px 0;
  padding: 0;
  box-shadow: none;
  border: none;
}
.block_v_acord .det::before{
  content: '';
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0px;
  background-color: #104500;
  transition: .3s ease-out;
}

@media only screen and (min-width: 1200px) {
  .block_v_acord .det:hover::before{
    width: 0%;
  }
}
.block_v_acord .config label {
  display: flex;
  align-items: center;
  column-gap: 40px;
  width: 100%;
  min-height: 75px;
  background-color: #fff;
  transition: .3s ease-out;
  position: relative;

  font: 400 16px / 19px "Myriad Pro Semi Condensed", sans-serif;
  text-transform: uppercase;
  padding: 15px 10px 15px 80px;
  color: #87868E;
  cursor: pointer;
}
.block_v_acord .config label:hover{
  background-color: #F8F9FA;
  color: #4A4A4A;
}
.block_v_acord .config .cinfig_img{
  width: 20px;
  height: 75px;
}
.block_v_acord .config .config_text {
  width: 100%;
  padding-right: 10px;
}

.block_v_acord .config input {
  display: none;
}

.block_v_acord .config input[type=checkbox] + label:before {
  content: '';
  display: block;
  height: 16px;
  width: 16px;
  background-color: #fff;
  border: 1px solid #87868E;
  box-shadow: inset 0 0 0 8px #fff;
  position: absolute;
  top: 50%;
  left: 30px;
  transform: translateY(-50%);
  transition: 0.3s ease-out;
}
.block_v_acord .config input[type=checkbox]:checked + label:before {
  background-color: #00ABE3;
  box-shadow: inset 0 0 0 3px #fff;
}

.receipts_cont #no-receips{
  color: #7b7b7b;
  font: 400 16px "Myriad Pro", sans-serif;
  letter-spacing: -.0257143px;
}

.receipts_cont{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  column-gap: 20px;
  row-gap: 50px;
  padding: 90px 0 40px 0;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .receipts_cont{
    column-gap: 40px;
  }
}
@media only screen and (min-width: 1200px) {
  .receipts_cont{
    justify-content: flex-start;
    column-gap: 90px;
  }
}
@media only screen and (min-width: 1366px) {
  .receipts_cont{
    column-gap: 140px;
  }
}
@media only screen and (min-width: 1600px) {
  .receipts_cont{
    column-gap: 20px;
  }
}

.gotuite_nav{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 15px;
  margin-top: 30px;
}
.gotuite_nav li{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  background-color: #fff;
  border-radius: 50%;
  transition: .3s ease-out;
  cursor: pointer;

  font: 400 18px / 20px "Myriad Pro Semi Condensed", sans-serif;
}
.gotuite_nav li.active{
  background-color: #00ABE3;
  color: #fff;
}
@media only screen and (min-width: 1200px) {
  .gotuite_nav li:hover{
    background-color: #00ABE3;
    color: #fff;
  }
}







/* receipt */





.bg_white{
  background-color: #fff;
}

.receipt h1{
  font: 600 40px / 48px "Myriad Pro Semi Condensed", sans-serif;
  color: #4A4A4A;
  margin-bottom: 10px;
}
.receipt .pod_zag{
  margin-bottom: 25px;
}
.receipt .pod_zag p{
  font: 400 20px / 28px "Myriad Pro Semi Condensed", sans-serif;
  color: #87868E;
}
.receipt .data{
  font: 400 16px / 18px "Myriad Pro Semi Condensed", sans-serif;
  color: #87868E;
  margin-bottom: 25px;
}

.polo_100{
  width: 100%;
  height: 1px;
  background-color: #D6D6D6;
  margin-bottom: 25px;
}

.receipt_ingrid{
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  row-gap: 40px;
  flex-wrap: wrap;
  border-top: 1px solid #D6D6D6;
  padding-top: 25px;
}
@media only screen and (min-width: 992px) {
  .receipt_ingrid{
    justify-content: space-between;
    flex-wrap: nowrap;
  }
}

.receipt_ingrid_text{
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .receipt_ingrid_text{
    width: 70%;
  }
}

.receipt_ingrid_text h2{
  font: 600 26px / 34px "Myriad Pro Semi Condensed", sans-serif;
  color: #4A4A4A;
  margin-bottom: 20px;
}
.receipt_ingrid_text p{
  font: 400 18px / 20px "Myriad Pro Semi Condensed", sans-serif;
  color: #7B7B7B;
  margin: 30px 0 20px 0;
}
.receipt_ingrid_text ol,
.receipt_ingrid_text ul{
  padding-left: 22px;
}
.receipt_ingrid_text ol li,
.receipt_ingrid_text ul li{
  font: 400 18px / 20px "Myriad Pro Semi Condensed", sans-serif;
  color: #7B7B7B;
  padding: 5px 0;
}
.receipt_ingrid_text ul li{
  list-style-type: disc;
}
.receipt_ingrid_text ol li{
  list-style-type: auto;
}



.maslo_sl{
  width: 350px;
  position: relative;
}
.maslo_sl h2{
  padding-left: 15px;
  font: 600 26px / 34px "Myriad Pro Semi Condensed", sans-serif;
  color: #4A4A4A;
  margin-bottom: 20px;
}
.maslo_sl .gorizontal-slider-slides{
  padding: 0;
}
.maslo_sl .gorizontal-slider-item{
  flex: 0 0 auto !important;
}
.maslo_sl .maslo_sl_track{
  justify-content: center;
}
.maslo_sl_block{
  width: 320px;
  height: 320px;
  border-radius: 10px;
  background-color: #F8F9FA;
  padding: 15px;
}
.maslo_sl_block img{
  display: block;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.maslo_sl .arr {
  width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid #d3d3d3;
  position: absolute;
  top: 56%;
  transform: translateY(-50%);
  background-color: transparent;
  z-index: 2;
}

.maslo_sl .arr svg {
  display: block;
  width: 10px;
  height: 16px;
  transition: 0.3s ease-out;
}

@media only screen and (min-width: 320px) {
  .maslo_sl .arr svg {
    stroke: #00521a;
  }
}

@media only screen and (min-width: 1200px) {
  .maslo_sl .arr svg {
    stroke: #c3c3c3;
  }
}

@media only screen and (min-width: 1200px) {
  .maslo_sl .arr:hover svg {
    stroke: #00521a;
  }
}

.maslo_sl .arr.arrow-left {
  left: 30px;
}

.maslo_sl .arr.arrow-left svg {
  transform: rotate(180deg);
}

.maslo_sl .arr.arrow-right {
  right: 30px;
}




.receipt_gotovim{
  width: 100%;
  padding-top: 60px;
}
.receipt_gotovim_cont{
  width: 100%;
}
.receipt_gotovim_cont h2{
  text-align: center;
  font: 600 26px / 34px "Myriad Pro Semi Condensed", sans-serif;
  color: #4A4A4A;
  margin-bottom: 20px;
}
.receipt_gotovim_cont{
  font: 400 18px / 20px "Myriad Pro Semi Condensed", sans-serif;
  color: #7B7B7B;
}
.receipt_gotovim_cont ul,
.receipt_gotovim_cont ol{
  padding-left: 22px;
}
.receipt_gotovim_cont ul li,
.receipt_gotovim_cont ol li{
  padding: 10px 0;
}


.gotovim_sl{
  width: 100%;
  position: relative;
  margin-top: 25px;
  padding-bottom: 40px;
}
.gotovim_sl .gorizontal-slider-slides{
  padding: 0;
}
.gotovim_sl .gorizontal-slider-item{
  flex: 0 0 auto !important;
}
.gotovim_sl_block{
  width: calc(100vw - 52px);
  height: calc((100vw - 52px) / 16 * 9);
}
@media only screen and (min-width: 992px) {
  .gotovim_sl_block{
    width: 896px;
    height: calc(896px / 16 * 9);
  }
}
.gotovim_sl_block img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.gotovim_sl_nav{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 14px;
  padding: 0;
  position: absolute;
  left: 0;
  bottom: 0;
}
.gotovim_sl_nav li{
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: #fff;
  border: 1px solid #B5B5B5;
  transition: .3s ease-out;
  list-style-type: none;
  padding: 0;
  cursor: pointer;
}
.gotovim_sl_nav li.active{
  background-color: #00ABE3;
  border: 1px solid #00ABE3;
}
@media only screen and (min-width: 1200px) {
  .gotovim_sl_nav li:hover{
    background-color: #00ABE3;
    border: 1px solid #00ABE3;
  }
  
}

.gotovim_sl .arr {
  width: 15px;
  height: 35px;
  border: none;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: calc(50% - 20px);
  transform: translateY(-50%);
  background-color: transparent;
  z-index: 2;
}

.gotovim_sl .arr svg {
  display: block;
  width: 15px;
  height: 35px;
  transition: 0.3s ease-out;
}

@media only screen and (min-width: 320px) {
  .gotovim_sl .arr svg {
    stroke: #c3c3c3;
  }
}

@media only screen and (min-width: 1200px) {
  .gotovim_sl .arr svg {
    stroke: #c3c3c3;
  }
}

@media only screen and (min-width: 1200px) {
  .gotovim_sl .arr:hover svg {
    stroke: #00521a;
  }
}

.gotovim_sl .arr.arrow-left {
  left: -20px;
}


.gotovim_sl .arr.arrow-right {
  right: -20px;
}
.gotovim_sl .arr.arrow-right svg {
  transform: rotate(180deg);
}


.w_100_back{
  width: 100%;
  display: flex;
  justify-content: flex-start;
  margin-top: 30px;
}

.w_100_back .back{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  column-gap: 10px;
  font: 400 18px "Myriad Pro", sans-serif;
  line-height: 25px;
  color: #00ABE3;
}
.w_100_back .back span {
  display: block;
  width: 7px;
  height: 15px;
  background: url(../images/back_arr.svg) 50% 50% no-repeat;
  background-size: contain;
}



.cooperation_page_first {
  width: 100%;
  min-height: 349px;
  background-color: #ccc;
  background-size: cover;
  background-position: 50% bottom;
}
.cooperation_wrap_sec{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  row-gap: 60px;
  padding: 80px 0 130px 0;
}
@media screen and (max-width: 1049px) {
  .cooperation_wrap_sec {
      padding: 80px 25px 130px 25px;
  }
}
.cooperation_wrap {
  display: flex;
  flex-wrap: wrap;
  row-gap: 60px;
  margin: 0 auto;
  max-width: 926px;
  width: 100%;
}

.cooperation_wrap_cont{
  width: 100%;
  position: relative;
}

.cooperation_wrap_cont h2{
  font: 600 30px / 38px "Myriad Pro Semi Condensed", sans-serif;
  color: #4A4A4A;
  margin-bottom: 40px;
}
@media only screen and (min-width: 1200px) {
  .cooperation_wrap_cont h2{
    font: 600 40px / 48px "Myriad Pro Semi Condensed", sans-serif;
  }
}

.cooperation_text{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  row-gap: 20px;
}

.cooperation_text p{
  font: 400 18px / 22px "Myriad Pro Semi Condensed", sans-serif;
  color: #7B7B7B;
}
.brand_page{
  overflow: hidden;
}
.cooperation_w100{
  width: 100%;
  position: relative;
}
.cooperation_w100:before{
  content: '';
  display: block;
  width: 100vw;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 0;
  background-color: #F3F8F1;
}
.cooperation_w100 .cooperation_wrap{
  padding: 40px 0;
}
.cooperation_w100 .cooperation_wrap_cont h3{
  font: 600 20px / 28px "Myriad Pro Semi Condensed", sans-serif;
  color: #4A4A4A;
}
.cooperation_w100 .cooperation_wrap_cont ul{
  padding: 0;
  margin-top: 20px;
}
.cooperation_w100 .cooperation_wrap_cont ul li{
  font: 400 18px / 22px "Myriad Pro Semi Condensed", sans-serif;
  color: #7B7B7B;
  list-style-type: none;
}
.cooperation_w100 .cooperation_wrap_cont ul li a{
  font: 400 18px / 22px "Myriad Pro Semi Condensed", sans-serif;
  color: #7B7B7B;
  text-decoration: none;
}

.cooperation_text_block{
  width: 100%;
}
.cooperation_text_block h3{
  font: 600 24px / 28px "Myriad Pro Semi Condensed", sans-serif;
  color: #4A4A4A;
  margin-bottom: 10px;
}

.cooperation_conteiner{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  row-gap: 40px;
}

.cooperation_conteiner p{
  font: 400 18px / 22px "Myriad Pro Semi Condensed", sans-serif;
  color: #7B7B7B;
}

.cooperation_text_block .download {
  width: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 8px;
  color: #00ABE3;
  font: 400 18px "Myriad Pro", sans-serif;
}

.cooperation_text_block .download span {
  display: block;
  width: 16px;
  height: 16px;
  background: url(../images/down.svg) 50% 50% no-repeat;
  background-size: contain;
}

.cooperation_new{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  row-gap: 60px;
  margin-top: 60px;
}

.cooperation_new_block{
  width: 100%;
  position: relative;
  display: flex;
}
@media only screen and (min-width: 320px) {
  .cooperation_new_block{
    justify-content: center;
    row-gap: 20px;
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 992px) {
  .cooperation_new_block{
    justify-content: space-between;
    align-items: flex-start;
    column-gap: 40px;
    flex-wrap: nowrap;
  }
}
.cooperation_new_block:before{
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: -30px;
  background-color: #D6D6D6;
}
.cooperation_new_block:nth-last-child(1):before{
  display: none;
}

.cooperation_new_block_img{
  display: block;
  flex: 0 0 330px;
  width: 330px;
  height: calc(330px / 16 * 9);
}
.cooperation_new_block_img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cooperation_new_block_text{
  width: 100%;
}

.cooperation_new_block_text a{
  text-decoration: none;
}

.cooperation_new_block_text h3{
  font: 600 27px / 32px "Myriad Pro Semi Condensed", sans-serif;
  color: #4A4A4A;
  margin-bottom: 5px;
}
.cooperation_new_block_text .data{
  font: 400 16px / 22px "Myriad Pro Semi Condensed", sans-serif;
  color: #87868E;
}

.receipt .block_text{
  font: 400 18px / 25px "Myriad Pro Semi Condensed", sans-serif;
  color: #7B7B7B;
}
.cooperation_wrap_cont .accordion{
  display: flex;
  flex-wrap: wrap;
  row-gap: 10px;
}
.cooperation_wrap_cont .accordion .accordion-item{
  width: 100%;
  border: none;
}
.cooperation_wrap_cont h2.accordion-header{
  margin: 0;
}
.cooperation_wrap_cont .accordion .accordion-button{
  min-height: 60px;
  padding: 20px 30px;
  border-radius: 5px 5px 0 0;
  background-color: #EDF3EB;
  outline: none;
  border: none;
  box-shadow: none;
  font: 600 18px / 25px "Myriad Pro Semi Condensed", sans-serif;
  color: #4A4A4A;
}
.cooperation_wrap_cont .accordion .accordion-body{
  padding: 15px 30px;
  font: 400 17px / 23px "Myriad Pro Semi Condensed", sans-serif;
  color: #696969;
}

.cooperation_wrap_cont .accordion-button.collapsed::after{
  width: 18px !important;
  height: 18px !important;
  background: url(../images/ac_arr_1.svg) 50% 50% no-repeat;
  background-size: contain;
}
.cooperation_wrap_cont .accordion-button::after{
  width: 18px !important;
  height: 18px !important;
  background: url(../images/ac_arr_2.svg) 50% 50% no-repeat;
  background-size: contain;
}
.main-slider .slick-dots{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 10px;
  position: absolute;
  left: 0;
  bottom: 120px;
}
@media only screen and (min-width: 1200px) {
  .main-slider .slick-dots{
    bottom: 100px;
  }
}
@media only screen and (min-width: 1600px) {
  .main-slider .slick-dots{
    bottom: 130px;
  }
}
.main-slider .slick-dots li{
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: #fff;
  opacity: .5;
}
.main-slider .slick-dots li.slick-active{
  opacity: 1;
}
.main-slider .slick-arrow{
  width: 20px;
  height: 42px;
  opacity: 1;
  visibility: visible;
  z-index: 4;
}
.main-slider .slick-arrow:before{
  display: none;
}
.main-slider .slick-arrow.slick-prev{
  background: url(../images/main_arr_l.svg) 50% 50% no-repeat;
  background-size: contain;
  left: 40px;
  top: calc(50vh - 117px);
}
.main-slider .slick-arrow.slick-next{
  background: url(../images/main_arr_r.svg) 50% 50% no-repeat;
  background-size: contain;
  right: 40px;
  top: calc(50vh - 117px);
}
@media only screen and (min-width: 1200px) {
  .main-slider .slick-arrow.slick-prev{
    top: calc(50vh - 70px);
    left: 40px;
  }
  .main-slider .slick-arrow.slick-next{
    top: calc(50vh - 70px);
    right: 40px;
  }
}
.h-section-4{
  display: none;
}

.header_menu{
  display: flex;
  margin: 0 auto;
  width: 100%;
  height: 63px;
  align-items: center;
  justify-content: space-between;
  position: relative;
  opacity: 0;
  visibility: hidden;
  transition: .3s ease-out;
}
@media only screen and (min-width: 1200px) {
  .header_menu{
    width: 620px;
    opacity: 1;
    visibility: visible;
  }
}
@media only screen and (min-width: 1366px) {
  .header_menu{
    width: 720px;
  }
}
@media only screen and (min-width: 1600px) {
  .header_menu{
    width: 930px;
  }
}
.header_menu a{
  font: 400 14px / 17px "Myriad Pro Semi Condensed", sans-serif;
  letter-spacing: 2px;
  color: #4a4a4a;
  text-transform: uppercase;
  text-decoration: none;
  transition: .3s ease-out;
}

.header_menu a:hover{
  color: #3EAEE2;
}


.block_menu_a{
  width: auto;
  position: relative;
  font: 400 14px / 17px "Myriad Pro Semi Condensed", sans-serif;
  letter-spacing: 2px;
  color: #4a4a4a;
  text-transform: uppercase;
  text-decoration: none;
  transition: .3s ease-out;
}
.block_menu_a:hover{
  color: #3EAEE2;
}
.block_menu_a_acord{
  width: auto;
  background-color: #fff;
  padding: 30px 10px 5px 10px;
  clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
  position: absolute;
  top: 20px;
  left: -10px;
  transition: .3s ease-out;
}
.block_menu_a_acord:before{
  content: '';
  display: block;
  width: 100%;
  height: 2px;
  background-color: #3EAEE2;
  position: absolute;
  top: 20px;
  left: 0;
}
.block_menu_a_acord ul{
  display: flex;
  flex-wrap: wrap;
  row-gap: 5px;
}
.block_menu_a_acord ul li{
  width: 100%;
  padding: 2px 0;
  list-style-type: none;
}
.block_menu_a_acord ul li a{
  display: inline-block;
  width: 100%;
  font: 400 12px / 14px "Myriad Pro", sans-serif;
  letter-spacing: .36px;
  color: #4a4a4a;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  transition: .3s ease-out;
}
.block_menu_a_acord ul li a:hover{
  color: #3EAEE2;
}
.block_menu_a:hover .block_menu_a_acord{
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}




.menu {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 9;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
}
.menu .menu_bg {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  background: rgba(0, 0, 0, 0.25);
  transition: 0.5s cubic-bezier(0.53, 1.11, 0.75, 0.96);
  opacity: 0;
  visibility: hidden;
}
.menu .menu_sec {
  width: 100vw;
  height: auto;
  position: absolute;
  top: 63px;
  right: 0;
  clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
  transition: 0.5s cubic-bezier(0.53, 1.11, 0.75, 0.96);
  background-color: #3EAEE2;
  z-index: 2;
}
@media only screen and (min-width: 768px) {
  .menu .menu_sec {
    max-width: 380px;
    width: 100%;
  }
}
@media only screen and (min-width: 1200px) {
  .menu .menu_sec {
    right: 30px;
  }
}
@media only screen and (min-width: 1600px) {
  .menu .menu_sec {
    right: 180px;
  }
}
.menu_sec_main{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  row-gap: 0;
}
.menu_sec_main .block_v{
  width: 100%;
  min-height: 60px;
  max-height: 60px;
  border: none;
  overflow: hidden;
  background-color: transparent;
  border-bottom: 1px solid #fff;
  border-radius: 0;
}
.menu_sec_main .block_v.opened{
  max-height: 240px;
}
.menu_sec_main .block_v .block_v_cont{
  padding: 20px 60px 10px 0;
  width: 100%;
  height: auto;
  text-align: right;
  display: block;
  text-transform: uppercase;
  font: 400 16px / 17px "Myriad Pro Semi Condensed", sans-serif;
  letter-spacing: 2px;
  color: #fff;
}
.menu_sec_main .block_v .block_v_cont:before{
  background: url(../images/arr_block_v_menu.svg) 50% 50% no-repeat;
  background-size: contain;
  top: 57%;
  right: 25px;
  width: 14px;
  height: 14px;
}
.menu_sec_main .block_v .block_v_cont:after{
  display: none;
}
.menu_sec_main .block_v .block_v_acord {
  width: 100%;
  border: none;
  border-radius: 0;
  background-color: transparent;
  position: relative;
  overflow: visible;
  min-height: 60px;
  max-height: max-content;
  top: auto;
  left: auto;
  visibility: hidden;
}
.menu_sec_main .block_v.opened .block_v_acord {
  visibility: visible;
}
.menu_sec_main .block_v .block_v_acord ul{
  padding: 0;
  margin: 0;
}
.menu_sec_main .block_v .block_v_acord ul li{
  width: 100%;
  padding: 0;
  background-color: transparent;
  display: flex;
  justify-content: flex-end;
}
.menu_sec_main .block_v .block_v_acord ul li a{
  width: 100%;
  display: inline-block;
  padding: 2px 60px 2px 0;
  font: 400 14px / 14px "Myriad Pro", sans-serif;
  letter-spacing: 2px;
  color: #fff;
  text-align: right;
  text-transform: uppercase;
  text-decoration: none;
  transition: .3s ease-out;
  border: none;
}
@media only screen and (min-width: 1200px) {
  .menu_sec_main .block_v .block_v_acord ul li a:hover{
    color: #3EAEE2;
    background-color: #fff;
  }
}
.menu_burg_ul{
  width: 100%;
}

.menu_burg_ul li{
  width: 100%;
  text-align: right;
}
.menu_burg_ul li a{
  width: 100%;
  display: inline-block;
  padding: 20px 60px 20px 0;
  font: 400 16px / 17px "Myriad Pro Semi Condensed", sans-serif;
  letter-spacing: 2px;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  border-bottom: 1px solid #fff;
  transition: .3s ease-out;
}
@media only screen and (min-width: 1200px) {
  .menu_burg_ul li a:hover{
    color: #3EAEE2;
    background-color: #fff;
    border-bottom: 1px solid #3EAEE2;
  }
}

.flex_yaz{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 10px;
}
.flex_yaz{  
  font: 400 16px / 17px "Myriad Pro Semi Condensed", sans-serif;
  letter-spacing: 2px;
  color: #fff;
  text-transform: uppercase;
  padding: 20px 0;
}
.flex_yaz a{  
  font: 400 16px / 17px "Myriad Pro Semi Condensed", sans-serif;
  letter-spacing: 2px;
  color: #fff;
  text-transform: uppercase;
  opacity: .5;
  text-decoration: none;
  position: relative;
  transition: .3s ease-out;
}
.flex_yaz a:before{
  content: '';
  width: 0;
  height: 1px;
  background-color: #fff;
  position: absolute;
  left: 0;
  bottom: 0;
}
.flex_yaz a.active{
  opacity: 1;
}
.flex_yaz a.active:before{
  width: 100%;
}

.menu.transition-shown {
  visibility: visible;
  opacity: 1;
}
.menu.open .menu_bg {
  opacity: 1;
  visibility: visible;
}
.menu.open .menu_sec {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}
.menu-trigger {
  transition: 0.5s cubic-bezier(0.53, 1.11, 0.75, 0.96);
  z-index: 10;
  cursor: pointer;
}
@media only screen and (min-width: 320px) {
  .menu-trigger {
      width: 24px;
      height: 18px;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: 30px;
  }
}
@media only screen and (min-width: 1600px) {
  .menu-trigger {
      right: 180px;
  }
}
.menu-trigger .menu-trigger_cont {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  row-gap: 10px;
  z-index: 2;
}
.menu-trigger .menu-trigger_cont div {
  width: 24px;
  height: 2px;
  background-color: #3EAEE2;
  position: absolute;
  transition: 0.5s cubic-bezier(0.53, 1.11, 0.75, 0.96);
}
.menu-trigger .menu-trigger_cont div:nth-child(1) {
  top: 0;
  left: 0;
  transform-origin: center left;
}
.menu-trigger .menu-trigger_cont div:nth-child(2) {
  top: 8px;
  left: 0;
}
.menu-trigger .menu-trigger_cont div:nth-child(3) {
  top: 16px;
  left: 0;
  transform-origin: center right;
}
.menu-trigger.clicked .menu-trigger_cont div:nth-child(1) {
  top: 0;
  left: 3px;
  transform: rotate(45deg);
}
.menu-trigger.clicked .menu-trigger_cont div:nth-child(2) {
  width: 0;
}
.menu-trigger.clicked .menu-trigger_cont div:nth-child(3) {
  top: 0;
  left: -3px;
  transform: rotate(-45deg) ;
}
footer{
  width: 100%;
  min-height: 60px;
  background-color: #F2F2F2;
  position: relative;
}
.footer_main{
  width: 100%;
  display: flex;
  align-items: center;
}
.footer_main div *{
  font: 400 14px / 18px "Myriad Pro Semi Condensed", sans-serif;
  color: #a1a8ad;
}
.footer_main div.footer_center{
  width: fit-content !important;
}
.footer_main div.footer_left{
  width: 40%;
  display: flex;
}
.footer_main div.footer_right{
  width: 40%;
  display: flex;
}
@media only screen and (min-width: 320px) {
  footer{
    padding: 80px 25px 20px 25px;
  }
  .footer_main{
    justify-content: center;
    row-gap: 20px;
    flex-wrap: wrap;
  }
  .footer_main div.footer_center{
    position: absolute;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
  }
  .footer_main div.footer_left{
    width: 100%;
    justify-content: center;
  }
  .footer_main div.footer_right{
    width: 100%;
    justify-content: center;
  }
}
@media only screen and (min-width: 768px) {
  footer{
    padding: 20px 25px;
  }
  .footer_main{
    justify-content: space-between;
    flex-wrap: nowrap;
  }
  .footer_main div.footer_center{
    position: relative;
    top: auto;
    left: auto;
    transform: translateX(0);
  }
  .footer_main div.footer_left{
    width: 40%;
    justify-content: flex-start;
  }
  .footer_main div.footer_right{
    width: 40%;
    justify-content: flex-end;
  }
}


/* 
:root {
  color-scheme: only light;
}
@media (prefers-color-scheme: light) {
  body { 
    background: white !important;
  }
}
@media (prefers-color-scheme: dark) {
  body {
    background: white !important;
  }
} */