@font-face{font-family:'VelaSans';src:url("/local/templates/emolentum/fonts/VelaSans.woff") format("woff");font-weight:normal;font-style:normal;font-display: swap;}
@font-face {
    font-family: d_Kallisto;
    src: url("/local/templates/emolentum/fonts/d_kallisto.otf") format("opentype");
    font-display: swap
}
@font-face {
    font-family: PlayfairDisplay;
    src: url("/local/templates/emolentum/fonts/PlayfairDisplay-Italic.ttf") format('truetype');
    font-display: swap
}
* { font-family: 'VelaSans'; }
p,h1,h2,h3,span,a,li,ul { margin: 0; }
body { margin: 0; padding: 0; overflow-x: hidden; }
header { position: relative; width: 100%; }
header.main { min-height: 1000px; height: 100vh; background: linear-gradient(89.37deg, #9CA4A6 -2.46%, #AFB4B7 33.05%, #B2B7BA 55.57%, #A9B1B3 81.58%, #A2AAAC 99.76%); }
header .banner-header { position: absolute; right: 0; bottom: -5px; }
header .fix-header { padding: 15px 0 15px; display: flex; justify-content: space-between; z-index: 11; position: fixed; width: 100%; background: #FFF; }
header .fix-header .top-menu { padding-left: 40px; }
header .fix-header .top-menu p { height: auto; display: flex; align-items: center; gap: 9px; border: 1px solid #000000; border-radius: 10px; padding: 10px 15px; cursor: pointer; }
header .fix-header .top-menu p::before { content: ""; background-image: url('/local/templates/emolentum/images/menu-button.png'); width: 40px; height: 9px; }
header .fix-header .top-logo { max-height: 59px; margin-right: 70px; cursor: pointer; z-index: 7; }

body section.products { background: linear-gradient(0deg, #BCE5FF, #BCE5FF), #FFFFFF; }

body section.products div.product { height: 100vh; position:relative; padding: 0 200px; max-height: 770px; }


.structure-element { cursor: pointer; border-radius: 10px; }
.structure-element .info { display: none; }

body section.products .product { display: flex; }

body section.products .product .product-wrapper {
    display: flex;
    justify-content: center;
    margin: 100px auto;
}

body section.products .product .product-wrapper .product-info { 
    max-width: 750px;
}


body section.products .product .product-wrapper .product-info .product-name {
    font-family: 'd_Kallisto';
    font-style: normal;
    font-weight: 400;
    font-size: 55px;
    line-height: 120%;
    color: #000000;
}

body section.products .product .product-wrapper .product-info .product-type {
    font-family: 'VelaSans';
    font-style: normal;
    font-weight: 300;
    font-size: 42px;
    line-height: 127%;
    letter-spacing: 0.015em;
    color: #524E4E;

    margin-bottom: 35px;
}

body section.products .product .product-wrapper .product-info .product-description {
    font-family: 'VelaSans';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 120%;
    color: #000000;

    margin-bottom: 60px;
}

body section.products .product .product-wrapper .product-info .product-structure {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;

    max-width: 650px;
}
body section.products .product .product-wrapper .product-info .product-structure p {
    font-family: 'VelaSans';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 120%;
    color: #524E4E;
    padding: 10px 20px;
    border: 1px solid #857F7A;
    border-radius: 10px;
}

body .selected-structure-element {
	z-index: 7;
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
}

body .selected-structure-element .wrapper {
	z-index: 8;
	display: block;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: fit-content;
    top: 0;
    bottom: 0;
    height: fit-content;
    max-width: 440px;
}

body .selected-structure-element .wrapper a.close {
	position: absolute;
    right: 15px;
    top: 5px;
    color: #000;
    text-decoration: none;
    cursor: pointer;
    z-index: 9;
}

body .selected-structure-element .structure-element {
	cursor: auto;
	padding: 25px;
	border-radius: 10px;
}

body .selected-structure-element .info {
	display: block;
}


body .selected-structure-element .structure-element p.name {
	font-family: 'VelaSans';
	font-size: 24px;
	font-weight: 700;
	line-height: 29px;
	letter-spacing: 0em;
	text-align: left;
	color: #000;
	margin-bottom: 15px;
}

body .selected-structure-element .structure-element .info p {
	font-family: 'VelaSans';
	font-size: 20px;
	font-weight: 400;
	line-height: 24px;
	letter-spacing: 0em;
	text-align: left;
	color: #000;
}

body section.products .product .product-usage { 
    position: absolute;
    bottom: 15%;
    font-family: 'VelaSans';
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 120%;
    color: #AF8968;
    border-top: 1px solid;
    max-width: 600px;
    width: 100%;
    padding-top: 15px;
}

body section.where-can-buy .apteka-header {
    max-width: 1280px;
    margin: 35px auto 55px;
    display: flex;
    justify-content: end;
    align-items: end;
    background-position: left;
    background-repeat: no-repeat;
    min-height: 520px;
}

body section.where-can-buy .apteka-header p {
    font-family: 'VelaSans';
    font-style: normal;
    font-weight: 400;
    font-size: 50px;
    line-height: 120%;
    color: #000000;
    margin-right: 70px;
    margin-bottom: 40px;
}

body section.where-can-buy .apteka-header p span {
    font-family: PlayfairDisplay;
    font-size: 90px;
    font-style: italic;
    font-weight: 400;
    line-height: 108px;
    letter-spacing: 0em;
    text-align: left;
}

body section.where-can-buy .apteka-list {
    display: flex;
    justify-content: space-between;
    max-width: 1280px;
    margin: 35px auto 0;
    flex-wrap: wrap;
    gap: 20px;
}

body section.where-can-buy .apteka-list div {
    width: 32%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background: #FFFFFF;
    border-radius: 40px;
    flex: 1 1 calc((100% / 3) - 2rem);

}

body section.where-can-buy .apteka-list div img {
    max-width: 270px;
    width: 100%;
    padding: 70px 0;
}

body section.where-can-buy .apteka-list div:nth-child(1) {
    border: 1px solid #82B6DE;
}
body section.where-can-buy .apteka-list div:nth-child(2) {
    border: 1px solid #B1A0FE;
}
body section.where-can-buy .apteka-list div:nth-child(3) {
    border: 1px solid #FDB59A;
}
body section.where-can-buy .apteka-list div:nth-child(4) {
    border: 1px solid #BE11A5;
}
body section.where-can-buy .apteka-list div:nth-child(5) {
    border: 1px solid #0069FF;
}

body section.where-can-buy .button-buy {
    max-width: 1280px;
    margin: 0 auto;
}

body section.where-can-buy .button-buy a {
    display: block;
    width: 100%;
    border: none;
    background: #ABD8F4;
    border-radius: 20px;
    padding: 15px 0;
    font-family: 'VelaSans';
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 120%;
    color: #FFFFFF;
    cursor: pointer;
    text-align: center;
    margin-top: 40px;
    text-decoration: none;
}

body section.where-can-buy .apteka-list div a {
	width: 100%;
	height: 100%;
	display: flex;
    justify-content: center;
    align-items: center;
}

.article-list .article-item p:nth-child(2) {
    position: relative;
    margin-top: 20px;
}

.article-list .article-item p a:after {
    content: "";
    position: absolute;
    background-image: url('/local/templates/emolentum/images/icons/read.png');
    width: 79px;
    height: 30px;
    bottom: 15px;
    right: 0;

}

.article-list .article-item:nth-child(3) p:first-child { float: right; margin-bottom:20px; }
.article-list .article-item:nth-child(3) p:nth-child(2) { padding-left: 200px; }

.products .container { width: 100%; }

body div#panel { position: fixed; width:100vw; z-index:9999; }

nav .menu {
  top: 0;
  left: 0;
  margin: 0;
  z-index: 1;
  width: 100vw;
  background: #FFE0BC;
  padding: 3em 0 2em;
  position: absolute;
  transform: translateY(-100%);
  transition: transform 0.3s cubic-bezier(1,0.5,0,1);
  border-radius: 0px 0px 40px 40px;
}

nav .menu.active {
  transform: translateY(0);
}

nav .menu li {
  list-style: none;
}

nav .menu li a {
	padding: 1em;
	color: #fff;
	display: block;
	background: none;
	line-height: 1em;
	font-size: 1.125em;
	text-align: center;
	text-decoration: none;
	transition: background 0.2s ease-in-out;
}

nav .menu li a span {
 	border-bottom: 1px dotted #fff;
}


.menu-toggle {
    z-index: 2;
    left: 50px;
    width: fit-content;
    padding: 3px 10px ;
    cursor: pointer;
    border-radius: 10px;
    position: absolute;
    border: 1px solid;
}

.menu-toggle span {
    display: block;
    padding-left: 49px;
    border-radius: 2px;
    white-space: nowrap;
    transition: background 0.3s ease-in-out;
}

.menu-toggle::before {
	content: "";		  
	position: absolute;
	width: 40px;
	height: 10px;
	background-image: url('/local/templates/emolentum/images/icons/menu.png');
	background-repeat: no-repeat;
	top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
}

.menu-toggle.menu-open { border: none; }
.menu-toggle.menu-open::before {
	background-image: url('/local/templates/emolentum/images/icons/close-menu.png');
	width: 30px;
	height: 30px;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
}
.menu-toggle.menu-open span { opacity: 0;  }

.menu-toggle.menu-open .menu.active ul { max-width: 850px; margin: 60px auto; }

header .fix-header .menu { display: flex; justify-content: center; gap: 100px; padding-bottom: 50px; }

header .fix-header .menu > div { max-width:285px; font-size: 16px; font-weight: 700; font-family: 'VelaSans'; color: #000000; }

header .fix-header .menu ul li a { padding: 15px 0 0; text-align: left; color: #524E4E; font-size: 22px; font-weight: 400; font-family: 'VelaSans'; width: fit-content; }

header .fix-header .menu > div:last-child ul li a { font-family: 'VelaSans'; font-size: 22px; font-weight: 400; letter-spacing: 0em; text-align: left; color: #000000; }

header .fix-header .menu > div:last-child ul li { position: relative; padding-right: 30px; }

header .fix-header .menu > div:last-child ul li:after {
	content: "";
    position: absolute;
    background-image: url(/local/templates/emolentum/images/icons/arrow.png);
    width: 20px;
    height: 10px;
    background-repeat: no-repeat;
    right: 0;
    bottom: 5px;
}

footer {
	background: #F7F8F9;
}

footer .content {
	max-width: 1200px;
	margin: 0 auto;
}

footer .content.top {
	padding: 35px 10px 40px;
	display: flex;
	justify-content: space-between;
}

footer .content.top .info {
	display: flex;
	flex-direction: column;
	gap: 50px;
}

footer .content.top .info .footer-logo img {
	max-width: 180px;
	width: 100%;
}

footer .content.top .info .contacts {
    display: flex;
    flex-direction: column;
    gap: 13px;
}

footer .content.top .info .contacts p {
	padding: 10px 0;
    border: 1px solid #857F7A;
    border-radius: 20px;
    max-width: 278px;
    width: 100%;
    text-align: center;
}
footer .content.top .info .contacts a {
	font-family: 'VelaSans';
    font-size: 22px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: center;
    color: #000000;
    text-decoration: none;
}

footer .content.top div.info {
	max-width: 300px;
	width: 100%;
}
footer .content.top div.menu {
	max-width: 260px;
	width: 100%;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

footer .content.top div.menu ul {
	list-style: none;
	padding: 0;
}

footer .content.top div.menu ul li {
	margin-bottom: 10px;
}

footer .content.top div.menu > p {
	font-family: 'VelaSans';
	font-size: 18px;
	font-weight: 400;
	line-height: 22px;
	letter-spacing: 0em;
	text-align: left;
	color: #524E4E;
	margin-bottom: 30px;
}

footer .content.top div.menu ul li a {
	font-family: 'VelaSans';
	font-size: 22px;
	font-weight: 400;
	line-height: 26px;
	letter-spacing: 0em;
	text-align: left;
	color: #000000;
	text-decoration: none;
}

footer .footer_bottom {
	border-top: 1px solid #857F7A;
	padding: 40px 0 60px;
}

footer .footer_bottom .content p,
footer .footer_bottom .content a{
	font-family: 'VelaSans';
	font-size: 14px;
	font-weight: 400;
	line-height: 17px;
	letter-spacing: 0em;
	text-align: left;
}
footer .footer_bottom .content a {
    font-size: 15px;
}

.article-list .article-item .images .image.xl {position: relative; left: -30%;}
.article-list .article-item .images .image.out {position: relative; left: -15%;}

footer .content.top > div { font-size: 18px; color: #524E4E; margin-bottom:30px;  }

.where-can-buy { margin: 50px 0 100px; }


body section.where-can-buy .apteka-header img.mobile-image {
	display: none;
}

.article-list { margin-bottom: 150px; }
.article-list .article-item { max-width: 1200px; margin: 0 auto; }
.article-list img.image.xl { max-width: 1014px; }
.article-list img.image.l { max-width: 588px; }
.article-list img.image.m { max-width: 404px; }
.article-list img.image.s { max-width: 385px; }

.article-list .article-item p {
	font-family: 'VelaSans';
	font-size: 50px;
	font-weight: 400;
	line-height: 60px;
	letter-spacing: 0em;
	text-align: left;
}

.article-list .article-item p span {
	font-family: PlayfairDisplay;
	font-size: 90px;
	font-style: italic;
	font-weight: 400;
	line-height: 108px;
	letter-spacing: 0em;
	text-align: left;

}

.article-list .article-item p a {
	font-family: 'VelaSans';
	font-size: 50px;
	font-weight: 400;
	line-height: 60px;
	letter-spacing: 0em;
	text-align: center;
	color: #000000;
	text-decoration: none;
	padding-right: 99px;
	position: relative;
}

.article-list .article-item .images { height:700px; display:flex; justify-content:space-between; margin:90px 0; }
.article-list .article-item .images .image.lt { margin-right:auto; margin-bottom:auto; }
.article-list .article-item .images .image.lb { margin-right:auto; margin-top:auto; }
.article-list .article-item .images .image.rt { margin-left:auto; margin-bottom:auto; }
.article-list .article-item .images .image.rb { margin-left:auto; margin-top:auto; }

.article-detail .block-with-picture { display: flex; gap: 20px; }
.article-detail .block-with-picture div:first-child { max-width:790px; width:100%; }
.article-detail .block-with-picture div:last-child { max-width:385px; width:100%; position: relative; }
.article-detail .block-with-picture div:last-child img { position: absolute; }

.breadcrumbs-wrapper { max-width: 1200px; padding: 170px 0 50px; margin: 0 auto; }
.breadcrumbs-wrapper .bx-breadcrumb .bx-breadcrumb-item a { text-decoration: none; font-weight: bold; }
.breadcrumbs-wrapper .bx-breadcrumb .bx-breadcrumb-item span { font-family: 'VelaSans'; font-size: 16px; }
.article-detail { max-width: 1200px; padding-bottom: 50px; margin: 0 auto; }
.article-detail ul {
	list-style: disc;
	padding-left: 1em;
	padding-bottom: 30px;
}
.article-detail ul li {
	padding-bottom: 10px;
	font-family: 'VelaSans';
	font-size: 20px;
	font-weight: 400;
	line-height: 24px;
	letter-spacing: 0em;
	text-align: left;
	max-width: 770px;
	width: 100%;

}
.article-detail ol {
    list-style: decimal;
} 
.article-detail ol li {
    padding-bottom: 5px;
    font-family: 'VelaSans';
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;

}
.article-detail .dark-block {
	border-radius: 20px;
    background: #524E4E;
    padding: 40px 50px;
    font-family: 'VelaSans';
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    color: #FFFFFF;
    margin-bottom: 30px;
	max-width: 790px;
	width: 100%;
}

.article-detail .dark-block a {
    color: white;
}

.article-detail .circled {
	padding: 10px 20px;
    border: 1px solid #B7B7B7;
    width: fit-content;
    border-radius: 31px;
    margin-bottom: 10px;
    font-family: 'VelaSans';
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
}

.article-detail h1 {
	font-family: PlayfairDisplay;
	font-size: 42px;
	font-weight: 400;
	line-height: 50px;
	letter-spacing: 0em;
	text-align: left;

}
.article-detail h1,
.article-detail h2 { padding-bottom: 40px; max-width: 790px; }
.article-detail h2 { 
	padding-top: 40px; 
	font-family: 'VelaSans';
	font-size: 42px;
	font-weight: 500;
	line-height: 50px;
	letter-spacing: 0em;
	text-align: left;
}
.article-detail h3 {
	padding-top: 10px; 
	padding-bottom: 15px;
	font-family: 'VelaSans';
	font-size: 25px;
	font-weight: 500;
	line-height: 30px;
	letter-spacing: 0em;
	text-align: left;
	max-width: 790px;
}
.article-detail p {
	padding-bottom: 20px;
	font-family: 'VelaSans';
	font-size: 20px;
	font-weight: 400;
	line-height: 24px;
	letter-spacing: 0em;
	text-align: left;
	max-width: 790px;
	width: 100%;
}

.article-detail .back { margin-top: 50px; }

.banner-header .text { position: absolute; top: 5%; left:207px; }
.banner-header .text p.h {
	font-family: 'VelaSans';
	font-size: 60px;
	font-weight: 400;
	line-height: 72px;
	letter-spacing: 0em;
	text-align: left;
	color: #FFFFFF;
	max-width: 790px;
}

.banner-header .text p.h2 {
	font-family: PlayfairDisplay;
	font-size: 90px;
	font-style: italic;
	font-weight: 400;
	line-height: 108px;
	letter-spacing: 0em;
	text-align: right;
	color: #FFFFFF;
    max-width: 790px;
    margin-bottom: 60px;
}
.banner-header .text p {
	font-family: 'VelaSans';
	font-size: 22px;
	font-weight: 400;
	line-height: 26px;
	letter-spacing: 0em;
	text-align: left;
	color: #FFFFFF;
	max-width: 420px;
}
.banner-header .text {
	width: 100%;
    max-width: 790px;
    float: right;
    margin-bottom: 20px;
}

header .fix-header .menu ul.additionally { margin: 15px 0; }

header .fix-header .menu ul.additionally li a{
	font-family: 'VelaSans';
    font-size: 22px;
    font-weight: 400;
    letter-spacing: 0em;
    text-align: left;
    color: #000000;
}

#page-wrapper p.disclaimer {
	width: 100%;
	display: block;
	position: fixed;
	bottom: 0;
	text-align: center;
	font-family: 'VelaSans';
    font-size: 20px;
    font-weight: 600;
    padding: 15px;
    background: #F7F8F9;
    border-bottom: 1px solid rgba(82, 78, 78, .1);
}
#page-wrapper p.disclaimer.stop {
	position: relative;
}

#cookie__notification{
  display: none;
  justify-content: space-between;
  align-items: flex-end;
  position: fixed;
  bottom: 15px;
  left: 50%;
  width: 1200px;
  max-width: 90%;
  transform: translateX(-50%);
  padding: 25px;
  background-color: rgb(0,0,0, 0.9);
  border-radius: 10px;
  box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.4);
  z-index: 99;
}

#cookie__notification h2{
  margin: 0 0 15px;
  text-align: left;
  color: #fff;
  font-family: 'VelaSans';
  font-size: 22px;
  font-weight: 400;
}

#cookie__notification p{
  margin: 0 0 10px;
  text-align: left;
  color: #fff;
  font-family: 'VelaSans';
  font-size: 14px;
  font-weight: 400;
}

#cookie__notification p a {
  color: #fff;
  font-family: 'VelaSans';
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1px;
  padding-left: 3px;
}

.cookie__accept {
	padding: 5px 25px;
    border-radius: 10px;
    font-family: 'VelaSans';
    font-size: 18px;
    font-weight: 500;
    cursor: pointer;
    border: none;
}

.privacy-policy {
	max-width: 1200px;
    padding: 0 10px 50px;
    margin: 0 auto;
}

.privacy-policy h1,
.privacy-policy h2,
.privacy-policy h3,
.privacy-policy p,
.privacy-policy li,
.privacy-policy a { font-family: 'VelaSans'; }

.privacy-policy h1 { margin-bottom: 25px; font-size: 48px; }
.privacy-policy h2 { margin: 20px 0 15px; font-size: 36px; }
.privacy-policy p { margin-bottom: 15px; font-size: 18px; }
.privacy-policy ul { margin-bottom: 15px; list-style: disc; }
.privacy-policy ul li { margin-left: 25px; font-size: 18px; }


.privacy-policy .table table { margin: 0 auto; }
.privacy-policy .table table tr:first-child { background: rgb(0,0,0, .2); }
.privacy-policy .table table tr:nth-child(4n+1) { background: rgb(0,0,0, .1); }
.privacy-policy .table table td { border: 1px solid; padding: 10px; }

@media screen and (min-width: 576px){
  #cookie__notification.show{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .cookie__accept{
    margin-top: 10px;
  }
}

.bottom-on-main { position: relative; }
.bottom-on-main img.background {
    width: 100%;
    max-height: 879px;
    object-fit: cover;
}
.bottom-on-main .wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 40px;

    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
    max-width: 725px;
    width: 100%;
    height: fit-content;
    background: #fff;
    padding: 60px;
    border-radius: 45px;
}
.bottom-on-main .wrapper .header h2,
.bottom-on-main .wrapper .text p {
    text-align: center;
}
.bottom-on-main .wrapper .header h2 {
    margin-top: 45px;
    font-family: 'VelaSans';
    font-size: 50px;
    font-weight: 400;
    line-height: 60px;
    letter-spacing: 0em;
    text-align: center;
}
.bottom-on-main .wrapper .header h2 span {
    display: block;
    font-family: PlayfairDisplay;
    font-size: 70px;
    font-style: italic;
    font-weight: 400;
    line-height: 84px;
    letter-spacing: 0em;
    text-align: center;
}
.bottom-on-main .wrapper .text p {
    font-family: 'VelaSans';
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 1px;
    text-align: center;
    padding: 0 25px;
}

@media screen and (min-width: 769px) and ( max-width: 1200px){
	header.main { min-height: 100vw; }

}

@media screen and (min-width: 769px) and ( max-width: 1080px){
	body section.products .product .product-wrapper .product-info .product-name { font-size: 48px; }
	body section.products .product .product-wrapper .product-info .product-type { font-size: 36px; }
	body section.products .product .product-wrapper .product-info .product-description { font-size: 16px; margin-bottom:30px; }
	body section.products .product .product-wrapper .product-info .product-structure p { font-size: 14px; }
	body section.products .product .product-wrapper .product-info { margin-bottom:75px; }
	.card { margin-bottom:1px; }
}
	
@media screen and (min-width: 1200px) and ( max-width: 1280px){
	body section.where-can-buy .apteka-header p { position: relative; left: 35px; }
	body section.where-can-buy .apteka-list { margin: 35px 20px 0; }
}

@media screen and (min-width: 769px) {
	body section.products .product .product-wrapper .model img.object { display: none; max-height: 370px; margin: 30px 0 20px; }
    body section.products .product .product-wrapper .model img.placeholder { max-height: 370px; margin: 30px 0 20px; }
	.article-list .article-item { position: relative; }
	.article-list .article-item:nth-child(1) img { position: absolute; right:0; top:0; }
	.banner-header .text.mobile { display: none; }

	body section.products .product.safari .product-wrapper .model canvas {
		background: none;
	}

	body section.products .product.safari {
		padding: 70px 200px 0;
	}
}
body section.products .product.safari { padding: 0 10px; }

@media screen and (min-width: 1080px) {
    body section.products .product .product-wrapper .model img.object { max-height: 450px; margin: 0; }
    body section.products .product .product-wrapper .model img.placeholder { max-height: 450px; margin: 0; }
}


@media screen and (max-width: 1440px) {
    body section.products .product .product-wrapper .product-info { max-width: 600px; }
    body section.products div.product { padding: 0 100px; }
	header .fix-header .menu { gap: 50px; }
	footer .content { padding: 0 10px; }
	.banner-header .text { top: -20%; }

	body section.products .product .product-wrapper .product-info .product-name { font-size: 46px; }
	body section.products .product .product-wrapper .product-info .product-type { font-size: 36px; margin-bottom: 20px; }
	body section.products .product .product-wrapper .product-info .product-description { font-size: 16px; margin-bottom: 50px; }
	body section.products .product .product-wrapper .product-info .product-structure p { font-size: 14px; padding: 5px 10px; }

}

@media screen and (max-width: 1280px) and (min-width: 769px) {
	.menu-toggle { left: 10px; padding: 7px; }
	.menu-toggle::before { width: 25px; }
	.menu-toggle span { padding-left: 30px; }
	header .fix-header .top-logo { margin-right: 20px; }
}
@media screen and (max-width: 1280px) {
	.article-list .article-item .images .image.out { left: 5%; }
}
@media screen and (max-width: 1220px){
	.article-detail { width: fit-content; }
	.article-detail .block-with-picture { flex-direction: column; align-items: center; }
	.article-detail .block-with-picture div:last-child img { position: relative; margin-bottom: 20px; }
	.article-list .article-item .images { height: auto; }
}

@media screen and (max-width: 1200px) {
	header .fix-header .menu { gap: 20px; }
	.bottom-on-main .wrapper { padding:15px; gap:20px; }
	.bottom-on-main .wrapper .text { margin-bottom:10px }
	.bottom-on-main .wrapper .logo { margin-bottom: 20px; }
	.bottom-on-main .wrapper .header h2 {margin-top: 25px;}
    .article-list .article-item .images .image.xl { left: 0%; }
	.where-can-buy { margin: 30px 10px; }
	body section.where-can-buy .apteka-list div a { height: auto; }
	body section.where-can-buy .apteka-list div img { padding: 15px 0; }
	.breadcrumbs-wrapper { padding: 90px 10px 20px; width: auto; }
	.article-detail { padding: 0 10px 10px; }
	.article-detail h1, .article-detail h2 { line-height: normal; padding: 20px 0; }

	body section.where-can-buy .apteka-header {
		background-image: none !important;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	body section.where-can-buy .apteka-header img.mobile-image {
		display: block;
	}
	body section.where-can-buy .apteka-header p {
		margin-right:0;
		margin-top:10px;
		font-family: 'VelaSans';
		font-size: 20px;
		font-weight: 400;
		line-height: 24px;
		letter-spacing: 0em;
		text-align: left;

	}
	body section.where-can-buy .apteka-header p span {
		display: block;
		float: right;
		font-family: Playfair Display;
		font-size: 46px;
		font-style: italic;
		font-weight: 400;
		line-height: 55px;
		letter-spacing: 0em;
		text-align: left;

	}
	.where-can-buy { padding: 0 10px; }
    .article-list .article-item .images .image.out { margin-left: -5%; }
	.banner-header .text {
	    top: -45%;
	    left: 0;
	    right: 0;
	    margin: auto;
	    width: fit-content;
	}
	.banner-header .text p.h2 { text-align: left; margin-bottom:20px; width: fit-content; }
	.article-list {padding: 0 10px;}
	.article-list .article-item:nth-child(1) img { max-width: 270px; }

}

@media screen and (max-width: 1080px) {
    body section.products div.product { max-height: fit-content; height: auto; }
    body section.products .product .product-usage { max-width: fit-content; padding-right:50px; }
    body section.products .product .product-wrapper { align-items: center; }
    body section.products .product .product-usage { bottom: 10px; padding-top:10px; }
	footer .content.top { flex-wrap:wrap; gap: 50px 0; justify-content: flex-end; }
	footer .content.top div.menu,
	footer .content.top div.info { max-width:none;width:47%; }
	header .fix-header .menu ul li a,
	header .fix-header .menu ul.additionally li a,
	header .fix-header .menu > div:last-child ul li a,
	header .fix-header .menu > div { font-size: 14px; }
	header .fix-header .menu { padding: 7em 0 2em; }
	header .fix-header .menu > div { max-width: 170px; }
	header .fix-header .menu { gap: 50px; }
}


@media screen and (max-width: 1000px) {
    .article-list .article-item .images,
    .article-list .article-item img { margin: auto; }
    .article-list .article-item:nth-child(1) img:nth-child(1) { display: none; }
    .article-list .article-item:nth-child(2) img:nth-child(1) { display: none; max-width:150px; }
    .article-list .article-item:nth-child(3) img:nth-child(2) { display: none; }
    .article-list .article-item:nth-child(4) img:nth-child(2) { display: none; }
    .article-list .article-item:nth-child(5) img:nth-child(1) { display: none; }
    .article-list .article-item .images { height: auto; margin: 20px 0; }
	.article-list .article-item:nth-child(1) img { position: relative; max-width: fit-content; }
}


@media screen and (max-width: 950px){
	.bottom-on-main .wrapper .header h2 span,
	.bottom-on-main .wrapper .header h2 {font-size: 25px; line-height: initial;}
	.bottom-on-main .wrapper .header h2 span {font-weight: 600;}
	.bottom-on-main .wrapper .text p { font-size:14px; }
	.bottom-on-main .wrapper { max-width: 520px; }
}

@media screen and (max-width: 800px){	
	.privacy-policy .table { overflow: scroll; }
}

@media screen and (max-width: 768px) {
	header .fix-header { padding: 15px 0; background: #fff; }

	#cookie__notification h2{
		font-size: 18px;
		margin: 0 0 10px;
	}

	#cookie__notification p{
		font-size: 12px;
		margin: 0 0 5px;
	}

	#cookie__notification p a {
		font-size: 12px;
	}

	.cookie__accept {
	    font-size: 16px;
	}

	.article-detail { width: auto; }

	#page-wrapper p.disclaimer { font-size: 14px; }

	.bottom-on-main .wrapper .logo { max-width: 150px; }

    body section.products div.product { padding: 0 10px; }

	body section.products .product .product-wrapper .model{display: flex;justify-content: center;align-items: center;}
	body section.products .product .product-wrapper .model img.object { max-height:300px; }
    body section.products .product .product-wrapper .model img.placeholder { max-height:300px; }

	body section.products .product .product-wrapper .model canvas { display: none !important; }

	.banner-header img { height:100vw; object-fit: cover; object-position: 83%; }
	.banner-header .text { position: relative; padding: 0 10px; }
	.banner-header .text p.h2 { line-height:1; }

	body section.products .product .product-wrapper .product-info .product-name { font-size: 30px; }
	body section.products .product .product-wrapper .product-info .product-type { font-size: 26px; }
	body section.products .product .product-wrapper .product-info .product-description { font-size: 14px; }
	body section.products .product .product-wrapper .product-info .product-structure { display: none; }
	body section.products .product .product-wrapper .model { position: relative; width: fit-content; min-height:500px; }
	body section.products .product .product-wrapper .model canvas { position: absolute; top:-10%; left:0; right:0; margin: 0 auto; }

	header .menu-toggle.menu-open { max-width: 30px; padding: 0; top: 23px; }
	header .menu-toggle.menu-open::before { margin-left: 0; }
	header .fix-header .top-logo { margin-right: 20px; }
	.bottom-on-main img.background { min-height: 490px; }
	footer .footer_bottom { padding: 30px 0; }
	footer .content.top .info .contacts p { margin-bottom: 10px; }
	footer .content.top .info .contacts p a { font-size:14px; }
	footer .content.top div.menu ul li a { font-size:14px; }
	footer .content.top > div { font-size:14px; color: #524E4E; margin-bottom:15px; }
	footer .content.top div.menu { gap: 15px; }
	footer .content.top { padding: 65px 10px 40px; }
	body section.where-can-buy .apteka-list { flex-direction: column; gap: 10px; margin: 35px auto 0; }
	body section.where-can-buy .apteka-list div { width: 100%; max-height: 100px; }
	body section.where-can-buy .apteka-list div img { padding: 20px 20px; max-width: fit-content; object-fit: cover; max-height: 100px; }
	body section.where-can-buy .button-buy a { background: none; color: #000000; font-size:14px; }
	.where-can-buy { margin: 30px 0 60px; }
	header .fix-header .menu { gap: 22px; flex-direction: column; padding: 5em 1em 5em; }
	header .fix-header .menu > div { max-width: 100%; }
	header .fix-header .menu > div:last-child ul li { width: fit-content; }
	header .fix-header .menu > div:last-child ul li:after { bottom: 1px; }

	.where-can-buy h2 { font-size: 22px; }

	.banner-header .text {left: 0;}
	.banner-header .text p.h {
		font-size: 30px;
	}

	.banner-header .text p.h2 {
		font-size: 30px;
	}
	.banner-header .text p {
		font-size: 14px;
	}

	.menu-toggle::before { width: 22px; }
	.menu-toggle span { padding-left: 29px; }
	.article-detail .dark-block { font-size: 18px; width: auto; padding: 15px; }
	.article-detail h1 { font-size: 25px; }
	.article-detail h2 { font-size: 22px; }
	.article-detail h3 { font-size: 18px; }
    .article-detail .circled,
	.article-detail p,
	.article-detail ul li,
    .article-detail ol li { font-size: 14px; }
    .article-detail ol { padding-left: 1em; }
	.article-list .article-item p {
	    font-size: 25px;
	    line-height: 30px;
	}
	.article-list .article-item p a {font-size: 25px; padding-right: 53px;}
	.article-list .article-item p span{
	    font-size: 40px;
	    line-height: 30px;
	}
	.article-list .article-item p a
	.article-list .article-item .images { flex-direction: column; }
	.article-list .article-item p a:after { width:47px; height:18px; bottom:3px; background-size: cover; background-repeat: no-repeat; }

	.article-list { padding: 0 10px; }
	.article-list img.image.xl,
	.article-list img.image.l,
	.article-list img.image.m,
	.article-list img.image.s { max-width: 100%; }
	.article-list .article-item:nth-child(3) p:nth-child(2) { padding-left: 0; }
	.article-list .article-item:nth-child(2) img { max-width:141px; height:100px; width: 100%; object-fit: cover; margin-right:0; border-radius:20px; }
	.article-list .article-item p:nth-child(2) { margin: 30px 0 ; }
	.article-list .article-item .images { height: auto; margin: 30px 0 60px; }

	.article-list .article-item:nth-child(4) p a { display:flex; justify-content: end; }
	.article-list .article-item:nth-child(4) p a:after { bottom:20px; }

	.banner-header .text { display: none; }
	.banner-header .text.mobile { display: block; top: 40px;}
}

@media screen and (max-width: 680px) {
	footer .content.top div.menu,
	footer .content.top div.info { width:100%; }
	footer .content.top { gap: 0; }
	.bottom-on-main img.background { min-height: 570px; }
	.bottom-on-main .wrapper { margin: auto; width: auto; }
	body section.where-can-buy .button-buy { max-width: 175px; }
	header.main { max-height: 950px; min-height: auto; }
	body section.products .product .product-wrapper .model { min-height:330px; }
	footer .content.top .info .contacts p { max-width: 100%; }
	.bottom-on-main .wrapper .header h2 span { font-weight: 400; }

}


@media screen and (max-width: 575px){
  #cookie__notification.show{
    display: block;
    text-align: left;
  }
  .cookie__accept{
    margin: 10px 0 0 0;
  }
  .product-description p br {
    display: none;
  }
}

@media screen and (max-width: 500px) {
	.banner-header .text.mobile p.h,
	.banner-header .text.mobile p.h2 { width: auto; line-height: 40px; }
    .banner-header .text.mobile p.h { text-align: left; }
    .banner-header .text.mobile p.h2 { text-align: center; }
}

@media screen and (max-width: 425px) {
	.bottom-on-main .wrapper { margin: auto 10px; }
	body section.products .product .product-wrapper .product-info .product-name {font-size: 22px;}
	body section.products .product .product-wrapper .product-info .product-type {font-size: 18px;margin-bottom: 5px;}
	body section.products .product .product-wrapper .product-info .product-description {font-size: 12px;}
	body section.products .product .product-usage { bottom: 20px; padding-top: 10px; font-size:14px; }
    body section.products .product .product-wrapper .model img.object { max-height: 200px; }
    body section.products .product .product-wrapper .model img.placeholder { max-height: 200px; }
	body section.products .product .product-wrapper .model { min-height:300px; }
	.article-list .article-item:nth-child(1) img { max-height: 150px; width: 100%; object-fit: cover; border-radius: 20px; }
	.article-detail h2 { font-size: 22px; }
    header .banner-header {
        position: relative;
        bottom: 0;
        top: 0;
        height: 100vh;
        display: flex;
        flex-direction: column;
    }
    .banner-header .text {
        top: 0;
    }
    
}

@media screen and (max-height: 700px) {
    header.main { 
        height: 100vh;
    }

}

img.old.finished {display: none;}

.logo { position:relative; display: flex; flex-direction: column; }
img.old {
	width: 242px;
    height: 93px;
    object-fit: cover;
    position: absolute;
}

body section.products .product .product-wrapper .model canvas {
	background: radial-gradient(50% 50% at 50% 50%, #8C8C8C 0%, rgba(217, 217, 217, 0) 100%);
    background-position: center 90%;
    background-size: 70% 20px;
    background-repeat: no-repeat;
}
body section.products .product .product-wrapper .model img.object {
    background: radial-gradient(50% 50% at 50% 50%, #8C8C8C 0%, rgba(217, 217, 217, 0) 100%);
    background-position: center bottom;
    background-size: 100% 25px;
    background-repeat: no-repeat;
    padding-bottom: 30px;
}
body section.products .product .product-wrapper .model img.placeholder {
    background: radial-gradient(50% 50% at 50% 50%, #8C8C8C 0%, rgba(217, 217, 217, 0) 100%);
    background-position: center bottom;
    background-size: 100% 25px;
    background-repeat: no-repeat;
    padding-bottom: 30px;
}

.back a { text-decoration: none; }
ul.dark-block { list-style: none; }

font.tablebodytext { display: none; }
#cards { list-style: none; padding: 0; }
#cards { 
	display: grid;
	grid-template-rows: repeat(4, 80vh);
}
#page-wrapper .disclaimer { display: none !important; }
#cards li { position: relative; top:0; scroll-snap-align: start;}
.products ul { position: relative; height: 100vh; }
#cardes li { position: relative; top:0; scroll-behavior: smooth; }
#cardes li .product { max-height: 100%; }

li#card_1 { position: relative; z-index: 4 !important; height: calc(100vh - 300px); transition: height 0.5s ease-out; }
li#card_2 { position: absolute; z-index: 3 !important; top: 0; width: 100%; height: calc(100vh - 200px); transition: height 0.5s ease-out; }
li#card_3 { position: absolute; z-index: 2 !important; top: 0; width: 100%; height: calc(100vh - 100px); transition: height 0.5s ease-out; }
li#card_4 { position: absolute; z-index: 1; top: 0; width: 100%; height: 100vh; transition: height 0.5s ease-out; }
	li#card_1 { height: calc(100vh - 30%); }
	li#card_2 { height: calc(100vh - 20%); }
	li#card_3 { height: calc(100vh - 10%); }
body section.products .product .product-usage { bottom: 3%; }

#cardes li.active .product-wrapper { opacity: 1; display: flex; transition: opacity 1s ease-out; }

body::-webkit-scrollbar {
  width: 5px;
}
body::-webkit-scrollbar-track {
  background: white;
}
body::-webkit-scrollbar-thumb {
  background-color: wheat;
  border-radius: 20px;
}

body.viewing-cards { overflow: hidden; }

.smoother-content { 
    will-change: transform;
}

.panel {border-radius: 60px; --height: 400px; height: var(--height); position: relative;}

.products-menu ul:first-child a { cursor: pointer; }

#articles {
	padding-top: 80px;
	margin-top: -80px;
	-webkit-background-clip: content-box;
	background-clip: content-box;
}

.where-can-buy h2 {
	text-align: center;
	font-family: 'VelaSans';
    font-size: 36px;
    font-weight: 500;
}

a.close_form {  }

.modal_background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: rgba(0,0,0,0.6);
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.modal_background .modal_form {
    background: #F3E8DE;
    border-radius: 40px;
    width: 600px;
    padding: 90px 90px 55px;
    position: relative;
    display: none;
    max-width: 100%;

}
.modal_background .modal_form.sent {
    padding: 30px 90px 80px;
}

a.close_form {
    position: absolute;
    right: 30px;
    top: 30px;
    z-index: 9;
    width: 22px; 
    height:22px;
}
a.close_form {
    width: 22px; 
    height:22px;
}

.modal_background .modal_form input,
.modal_background .modal_form textarea,
.modal_background .modal_form select {
	width: 100%;
	border: none;
	background: #F3E8DE;
	outline: none;
	font-family: 'VelaSans';
	font-size: 22px;
	font-weight: 400;
	line-height: 26px;
	letter-spacing: 0em;
	text-align: left;

}

.modal_background .modal_form input::placeholder,
.modal_background .modal_form textarea::placeholder {
	color: #0000007D;
}

.modal_background .modal_form input {
	border-bottom: 1px solid #000000;
	padding-bottom: 10px;
	margin-bottom: 30px;
}

.modal_background .modal_form select {
	margin-bottom: 20px;
	cursor: pointer;
}

.modal_background .modal_form select:focus{
    outline: none !important;
}

.modal_background .modal_form select option {
	cursor: pointer;
}

.modal_background .modal_form select option:hover {
	background: none;
}
.modal_background .modal_form textarea {
	border-radius: 16px;
	border: 1px solid #000000;
	padding: 8px 16px 0;
	resize: none;
	margin-bottom: 10px;
}

.modal_background .modal_form textarea::-webkit-scrollbar {
  width: 5px;
  padding: 55px 0;
}
.modal_background .modal_form textarea::-webkit-scrollbar-track {
  background: white;
    margin-top: 15px;
    margin-bottom: 15px;
}
.modal_background .modal_form textarea::-webkit-scrollbar-thumb {
  background-color: #F3E8DE;
  border-radius: 20px;
}

.call_form { cursor: pointer; }

.modal_background .modal_form input[name="submit"] {
	background: #000000;
	width: fit-content;
	color: #FFFFFF;
	font-size: 18px;
	font-weight: 400;
	line-height: 22px;
	letter-spacing: 0em;
	text-align: left;
	text-transform: lowercase;
	cursor: pointer;
	padding: 14px 45px;
	border-radius: 20px;
	display: flex;
	margin: 0 auto;
}

.errortext { display: none; }

body.fb-form-open { overflow: hidden; padding-right: 5px; }

.mf-ok-text {
	max-width: 309px;
	margin: 0 auto;
}
.mf-ok-text p {
	font-family: 'VelaSans';
	font-size: 22px;
	font-weight: 400;
	line-height: 29px;
	letter-spacing: 0em;
	text-align: center;
}

.mf-ok-text img {
	width: 100%;
    display: flex;
    margin: 0 auto;
}

.modal_background .modal_form input.empty { border-bottom: 1px solid red; }
.modal_background .modal_form textarea.empty { border: 1px solid red; }



.product-wrapper img.gif {
    max-height: 450px;
    height: 100%;
}

.product-wrapper img.object {
    display: none !important;
}


.product-wrapper video {
    height: fit-content;
    filter: drop-shadow(1px 1px 5px #666);
}

.card:nth-child(-n+2) .product-wrapper video {
    margin-top: -70px;
}

.product-wrapper img.mobileM { display: none; }

/* Base for label styling */
.mf-accept [type="checkbox"]:not(:checked),
.mf-accept [type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
}
.mf-accept [type="checkbox"]:not(:checked) + label,
.mf-accept [type="checkbox"]:checked + label {
    position: relative;
    padding-left: 31px;
    cursor: pointer;
    margin-bottom: 70px;
    display: inline-block;
    font-size: 14px;
}
/* checkbox aspect */
.mf-accept input[type="checkbox"]:not(:checked) + label:before,
.mf-accept input[type="checkbox"]:checked + label:before {
    content: '';
    position: absolute;
    left: 0px; top: 0px;
    width: 18px; height: 18px;
    border: 2px solid #cccccc;
    background: #ffffff;
    border-radius: 3px;
    box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
}
/* checked mark aspect */
.mf-accept input[type="checkbox"]:not(:checked) + label:after,
.mf-accept input[type="checkbox"]:checked + label:after {
    content: '✔';
    position: absolute;
    top: 0px; left: 3px;
    font-size: 16px;
    line-height: 1.2;
    color: #2d0bff;
    transition: all .2s;
}
/* checked mark aspect changes */
.mf-accept input[type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    transform: scale(0);
}
.mf-accept input[type="checkbox"]:checked + label:after {
    opacity: 1;
    transform: scale(1);
}
/* disabled checkbox */
.mf-accept input[type="checkbox"]:disabled:not(:checked) + label:before,
.mf-accept input[type="checkbox"]:disabled:checked + label:before {
    box-shadow: none;
    border-color: #999999;
    background-color: #dddddd;
}
.mf-accept input[type="checkbox"]:disabled:checked + label:after {
    color: #999999;
}
.mf-accept input[type="checkbox"]:disabled + label {
    color: #aaaaaa;
}
/* accessibility */
.mf-accept input[type="checkbox"]:checked:focus + label:before,
.mf-accept input[type="checkbox"]:not(:checked):focus + label:before {
    border: 2px solid red;
}
/* hover style just for information */
.mf-accept label:hover:before {
    border: 2px solid #c29bcd !important;
    background: #ffffff;
}


@media screen and (min-width: 500px) {
    body section.products .product.safari .product-wrapper video { display: none; }
    body section.products .product.safari .product-wrapper img.mobileM { display: block; width: auto; height:400px; }
}



@media screen and (max-height: 800px) {
    .product-wrapper video { height: 400px; }
}

@media screen and (max-height: 768px) {
    body section.products .product .product-wrapper .model canvas { height: 450px !important; }
    body section.products .product .product-wrapper .product-info .product-description { margin-bottom: 20px; }
    body section.products .product .product-wrapper .product-info .product-type { margin-bottom: 15px; }
    body section.products .product .product-wrapper { margin: 70px auto 0; }
    .article-list .article-item .images { height: auto; }
    .article-list .article-item .images .image.lb { max-height: 450px; }
}

@media screen and (max-height: 740px) {
    .product-wrapper img.mobileM { width: 50%; }
}

@media screen and (max-height: 700px) {
    body section.products .product .product-wrapper .model { height: 30%; }
    body section.products .card:nth-child(-n+2) .product-wrapper .model { height: 25%; }
}

@media screen and (min-height: 651px) and (max-height: 670px) {
    body section.products .product .product-wrapper .product-info .product-structure {
        margin-bottom: 50px;
    }
}


@media screen and (max-height: 650px) {
    body section.products .product .product-wrapper .product-info .product-structure { margin-bottom: 30px; }
    body section.products .product .product-wrapper .product-info .product-name { font-size: 24px; }
    body section.products .product .product-wrapper .product-info .product-type { font-size: 18px; }
    body section.products .product .product-wrapper .product-info .product-description { font-size: 14px; }
}

@media screen and (max-height: 600px) {
    .product-wrapper video {
        height: 280px;
    }
}

@media screen and (max-height: 550px) {
    body section.products .product .product-wrapper .product-info .product-name { font-size: 24px; }
    body section.products .product .product-wrapper .product-info .product-type { font-size: 16px; }
    body section.products .product .product-wrapper .product-info .product-description { font-size: 12px; }
    body section.products .product .product-wrapper { margin: 25px auto 0; }
    body section.products .product.safari { padding: 0px 10px 0; }
    body section.products .product .product-wrapper .model img,
    body section.products .product .product-wrapper .model canvas,
    body section.products .product .product-wrapper .product-info .product-structure { display: none !important; }
    body section.products .product .product-wrapper .product-info { margin-bottom: 0; }
    .card:nth-child(-n+2) .product-wrapper video { margin-top: -50px; }
    body section.products .product.safari .product-wrapper img.mobileM { height: 300px; }
}

@media screen and (max-height: 400px) {
    .product-wrapper video { height: 250px; }
    body section.products .card .product-wrapper .model { height: fit-content !important; }
    body section.products .product .product-wrapper .product-info .product-name {font-size: 20px;}
    body section.products .product .product-wrapper .product-info .product-type {font-size: 16px;}
    body section.products .product .product-wrapper .product-info .product-description {font-size: 12px;}
    .card:nth-child(-n+2) .product-wrapper video {margin-top: -50px;}
}





@media screen and (min-width: 1200px) {
    .product-wrapper video { max-width: 400px; }
}




@media screen and (max-width: 1080px) {
    #cardes li .product { height: 100%; }
}

@media screen and (max-width: 1024px) {
    body section.products .product .product-wrapper .product-info { max-width: 50%; }
    .card:nth-child(-n+2) .product-wrapper video {
        margin-top: -115px;
    }
    body section.products div.product { padding: 0; }

    body section.products .product .product-wrapper .product-info .product-name { font-size: 30px; }
    body section.products .product .product-wrapper .product-info .product-type { font-size: 26px; }
    body section.products .product .product-wrapper .product-info .product-description { font-size: 14px; }
    body section.products .product .product-wrapper .product-info .product-structure {
        display: flex;
        gap: 5px;
        flex-wrap: wrap;
        align-items: center;
        padding-bottom: 10px;
    }
}

@media screen and (max-width: 819px) {
    body section.products .product .product-wrapper .product-info .product-structure {
        display: flex;
        gap: 5px;
        flex-wrap: wrap;
        align-items: center;
        padding-bottom: 10px;
    }
    body section.products .product .product-wrapper .product-info .product-structure .structure-element {
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        flex-shrink: 0;
    }
    body section.products .product .product-wrapper { padding: 0 10px; }
}

@media screen and (max-width: 800px) {
    .card:nth-child(-n+2) .product-wrapper video {
        margin-top: -100px;
    }
    .card .product-wrapper video {
        height: 100%;
    }
    body section.products .product .product-wrapper .model { height: 40%; }
    body section.products .card:nth-child(-n+2) .product-wrapper .model { height: 50%; }
    #cardes li .product-wrapper { overflow: hidden; }
    body section.products li:nth-child(1) .product .product-wrapper,
    body section.products .product .product-wrapper { margin-left: 0; margin-right: 0; }
    body section.products .product .product-wrapper .product-info .product-description { margin-bottom: 25px; }
}

@media screen and (max-width: 768px) {
    body section.products .product .product-wrapper { flex-direction: column-reverse; align-items: center; }
    #cardes li .product { height: 100%; }
    .products .product { flex-direction: column; }
    .products .product .product-usage { left: 5%; }
    body section.products .product .product-wrapper .model { min-height: auto !important; }


    li#card_1 { height: calc(100vh - 168px); }
    li#card_2 { height: calc(100vh - 120px); }
    li#card_3 { height: calc(100vh - 60px); }
}

@media screen and (min-width: 500px)  and (max-width: 768px) {
    body section.products .product .product-wrapper { flex-direction: row; }
    .card .product-wrapper video { height: 150%;}
}

@media screen and (max-width: 550px) {
    .modal_background .modal_form { height: 100vh; border-radius: 0; padding: 90px 10px 55px; }
    a.close_form { left: 30px; }
    body.fb-form-open { padding-right: 0; }
    .mf-ok-text p,
    .modal_background .modal_form input,
    .modal_background .modal_form textarea,
    .modal_background .modal_form select { font-size: 18px; }
    #cardes li .product { justify-content: center; }
    body section.products .product .product-wrapper { margin: 20px auto 0; }
    body section.products .product .product-wrapper .model img.object { background-size: 100% 15px; padding-bottom: 15px; }
    body section.products .product .product-wrapper .model img.placeholder { background-size: 100% 15px; padding-bottom: 15px; }
    body section.products .product .product-wrapper .product-info .product-structure { 
        display: flex;
        gap: 5px;
        width: calc(100vw - 20px);
        overflow: scroll;
        flex-wrap: nowrap;
        align-items: center;
        padding-bottom: 10px;
    }
}

@media screen and (max-width: 500px) {
    body section.products .product .product-wrapper .product-info { max-width: 100%; }
    .product-wrapper video { display: none; }
    .product-wrapper img.mobileM { display: block; max-width: 65%; margin:60px auto 15px; filter: drop-shadow(1px 1px 5px #666); }
    .card:nth-child(-n+2) .product-wrapper img.mobileM { margin:10px auto 15px; }


    body section.products .product .product-wrapper .product-info .product-structure p { padding: 3px 5px; }
    body section.products .product .product-wrapper .product-info .product-description { margin-bottom: 10px; }
    body section.products .product .product-wrapper .product-info .product-name {font-size: 16px;}
    body section.products .product .product-wrapper .product-info .product-type {font-size: 14px;}
    body section.products .product .product-wrapper .product-info .product-description {font-size: 12px;}
    body section.products .product .product-wrapper .product-info .product-type { margin-bottom: 10px; }
    body section.products .product .product-wrapper { margin: 0 auto 0; }
    #cardes li .product { justify-content: start; }
    body section.products .product .product-wrapper { padding: 0; }

}

@media screen and (max-width: 320px) {
    body section.products .product .product-wrapper .model img { display: none; }
}


.page404 {
    max-width: 1600px;
    margin: 20px auto 120px;
    padding: 0 20px;
    position: relative;
}

/*.page404::before {
    content: "404";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 33em;
    font-weight: bold;
    color: #FFE0BC;
    opacity: .3;
    overflow: hidden;
}*/

.page404 .page-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: 35px;
    font-family: 'VelaSans';
    z-index: 10;
    position: relative;
}

.page404 .page-content h1 {
    font-family: 'VelaSans';
    font-size: 58px;
}

.page404 .page-content p {
    font-size: 24px;
    color: #524E4E;
}

.page404 .page-content .page-buttons {
    margin-top: 30px;
    display: flex;
    gap: 30px;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.page404 .page-content .page-buttons .btn {
    font-size: 28px;
}

.page404 .page-content .page-buttons .btn-home {
    background: rgba(255, 224, 188, 0.7);
    font-weight: 500;
}


@media screen and (max-width: 768px) {
    .page404 {
        margin: 20px auto 70px;
    }
    .page404 .page-content h1 {
        font-size: 36px;
    }
    .page404 .page-content p {
        font-size: 17px;
    }

    .page404 .page-content .page-buttons .btn {
        font-size: 22px;
    }
}



.page-sitemap {
    max-width: 1600px;
    margin: 20px auto 120px;
    padding: 0 20px;
    position: relative;
}

.page-sitemap .page-content h1 {
    font-family: 'VelaSans';
    text-align: center;
    margin-bottom: 30px;
}

.page-sitemap .page-content ul li a {
    font-family: 'VelaSans';
    text-decoration: none;
    font-weight: 500;
}


.article-detail p.second-level {
    padding-left: 20px;
}

table.article-table {
    margin-bottom: 30px;
}

table.article-table td {
    border: 1px solid #000;
    padding: 5px;
}

table.article-table td p {
    padding: 0;
}

table.article-table td ul {
    padding-bottom: 0;
}

table.article-table td ul li {
    padding-bottom: 5px;
}



@media screen and (max-width: 768px) {
    table.article-table td {
        padding: 2px;
    }
}

@media screen and (max-width: 410px) {
    table.article-table td p,
    table.article-table td li,
    table.article-table td a {
        font-size: 12px;
    }
}



@media screen and (min-width: 1024px){
    .articles-list__content {
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 5rem 1.1875rem;
        padding: 5.1875rem 3.9% 10.375rem 2.7%;
    }
    .articles-item {
        grid-gap: 1.25rem;
        padding: 0 2.5rem 1rem;
    }
    .articles-item__figure {
        margin: 0 -2.4375rem;
    }
    .articles-banner__content {
        padding: 10rem 5.7% 15rem;
    }
}

@media screen and (min-width: 600px) and (max-width: 1023px){
    .articles-list__content {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 2.5rem 6%;
        padding: 5rem 0 5rem 0;
    }
    .articles-item {
        min-height: 30rem;
        grid-gap: 1.25rem;
        padding: 0 10% 1.75rem;
    }
}

@media (min-width: 1200px){
    .articles-banner .container,
    .articles-list .container {
        max-width: 1140px;
    }
}

@media (min-width: 992px){
    .articles-banner .container,
    .articles-list .container {
        max-width: 960px;
    }
}

@media (min-width: 768px){
    .articles-banner .container,
    .articles-list .container {
        max-width: 720px;
    }
}

@media (min-width: 576px){
    .articles-banner .container,
    .articles-list .container {
        max-width: 540px;
    }
}

@media (max-width: 600px){
    .articles-list__content {
        grid-gap: 3rem;
    }
}


.articles-banner .container,
.articles-list .container {
    max-width: 1400px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-right: 15px;
    padding-left: 15px;
}

.articles-banner {
    position: relative;
}

.articles-banner {
    background-image: url(/upload/resize_cache/webp/images/articles-banner.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    max-height: 543px;
    margin-bottom: 40px;
}

.articles-banner:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, .4);
}

.articles-banner__content {
    display: grid;
}

.articles-banner__h1 {
    font-family: PlayfairDisplay;
    font-size: 80px;
    font-style: italic;
    font-weight: 400;
    line-height: 108px;
    letter-spacing: 0em;
    text-align: left;
    z-index: 1;
}

.articles-list__content {
    position: relative;
    display: grid;
}

.articles-item {
    /*grid-template-rows: 12.75rem auto 1fr;*/
    min-height: 33rem;
    display: grid;
    /*grid-template-rows: 15rem auto auto;*/
    border-radius: 0.875rem;
    transition: 0.4s background;
    font-family: 'VelaSans';
}

.articles-item a,
.articles-item a:hover {
    text-decoration: none;
}

.articles-item__figure {
    border-radius: inherit;
    overflow: hidden;
    height: 15rem;
}

.articles-item__figure img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    max-width: 100%;
    display: block;
}

.articles-item__name {
    font-weight: bold;
    font-size: 1.1em;
}

.articles-item__excerpt {
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 300;
}

.articles-item .additional {
    font-size: 1rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: space-between;
}





.article-detail .info-wrapper {
    display: flex;
    gap: 6px 35px;
    margin-bottom: 10px;
    flex-wrap: wrap;
}

.article-detail .info-wrapper .date {
    display: flex;
    flex-direction: row;
    gap: 20px;
    align-items: center;
}

.article-detail .info-wrapper .date .create:before {
    content: '';
    background-image: url(/images/date.svg);
    background-size: 20px 20px;
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    display: inline-block;
    margin-right: 5px;
}

.article-detail .info-wrapper .show_cntr:before {
    content: '';
    background-image: url(/images/eye.svg);
    background-size: 20px 25px;
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    display: inline-block;
    margin-right: 5px;
}

.article-detail .info-wrapper .reading-time:before {
    content: '';
    background-image: url(/images/clock.svg);
    background-size: 20px 25px;
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    display: inline-block;
    margin-right: 5px;
}

.article-detail .article-rating {
    margin-bottom: 30px;
}

.article-detail .share-block {
    margin: 30px 0;
}

.article-detail .share-block > p {
    padding-bottom: 10px;
}

.article-detail .share-block ul {
    display: flex;
    padding: 0;
    gap: 5px;
}

.article-detail .share-block ul li {
    width: fit-content;
}

.article-detail .share-block ul li a > span {
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
} 

.article-detail .share-block ul li a > span > span {
    width: 30px;
    height: 30px;
}


@media screen and (max-width: 500px) {
    .article-detail .info-wrapper {
        gap: 5px 20px;
    }
    .article-detail .info-wrapper .date {
        width: 100%;
    }
    .article-detail .info-wrapper .date .create:before {
        background-size: 15px 15px;
        background-repeat: no-repeat;
        height: 15px;
        width: 15px;
    }
}




.other-articles-list {
    max-width: 1200px;
    padding-bottom: 50px;
    margin: 0 auto 50px;
    font-family: 'VelaSans';
}

.other-articles-list h2 {
    margin-bottom: 30px;
}


@media screen and (max-width: 1220px){
    .other-articles-list {
        padding: 0 10px;
    }
}

.other-articles-list .other-articles-list__content {
    display: flex;
    justify-content: space-between;
    flex-wrap:wrap;
    gap: 30px 0;
}

.other-articles-list .other-articles-list__content .other-articles-item {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width:calc( ( 100% - 60px ) / 3 );
}

.other-articles-list .other-articles-list__content .other-articles-item > img {
    height: 250px;
    object-fit: cover;
    border-radius: 13px;
}

@media screen and (max-width: 1023px) {
    .other-articles-list .other-articles-list__content .other-articles-item  {
        width:calc( ( 100% - 40px ) / 2 );
    }
}

@media screen and (max-width: 768px) {
    .other-articles-list .other-articles-list__content {
        justify-content: center;
    }
    .other-articles-list .other-articles-list__content .other-articles-item  {
        width:calc( ( 100% ) / 1 );
        max-width: 600px;
    }
}


.other-articles-list .other-articles-list__content .other-articles-item a,
.other-articles-list .other-articles-list__content .other-articles-item a:hover {
    text-decoration: none;
}

.other-articles-list .other-articles-list__content .other-articles-item .other-articles-item__name {
    font-weight: bold;
    font-size: 1.1em;
}

.other-articles-list .other-articles-list__content .other-articles-item .other-articles-item__excerpt {
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 300;
}

.other-articles-list .other-articles-list__content .other-articles-item .additional {
    font-size: 1rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: space-between;
}


.articles-list .articles-item p.show_cntr:before {
    content: '';
    background-image: url(/images/eye.svg);
    background-size: 20px 25px;
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    display: inline-block;
    margin-right: 5px;
}



.bx_item_detail_rating{margin-bottom: 10px;}
.bx_item_detail_rating td{
    vertical-align: middle;
    text-align: right;
}
.bx_item_detail_rating .bx_item_rating{
    text-align: right;
}
.bx_item_detail_rating .bx_stars_container{
    position: relative;
    width: 80px;
    height: 35px;
    background: #dadada;
    background-size: 100% 100%;
}
.bx_item_detail_rating .bx_stars_bg{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    background: url(/local/templates/emolentum/images/stars.png) no-repeat center;
    background-size: 80px 35px;
}

.bx_item_detail_rating .bx_stars_progress{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    background: #ffc888;
}
.bx_item_detail_rating .bx_stars_rating_votes{
    color: #000;
    font-size: 14px;
    line-height: 32px;
    vertical-align: middle;
    margin-left: 8px;
}

@media (max-width:530px){
}


.article-detail a {
    word-wrap: break-word;
}

