@charset "UTF-8";
@import url("fonts/fonts.css");
/*
Theme Name: biofabrikainfo
Author: Andrew
*/
body, a, p { font-family: 'Noto Sans', sans-serif; color: #373636; font-style: normal; font-weight: 400; line-height: normal; margin: 0; }
img {max-width:100%;}
section, .wrapper { max-width: 1505px; margin: auto; box-sizing:border-box; }
a, a:hover, a:focus, a:active { text-decoration: none; display:block; } 
.btn { color: #FFF; font-size: 38px; padding: 20px 35px; border-radius: 15px; display: inline-block; border: 0px; cursor: pointer; 
	background: linear-gradient(90deg, #3AAA35 0%, #69BC64 32.38%, #A7D4A2 78.2%, #BFDDBA 100%); }
.more { text-align: right; padding-top:10px;}

.row, ul.menu { display: flex; flex-wrap: wrap; align-content: center; align-items: stretch; gap: 50px; justify-content: center; }
.gap { gap:0px; }
.row-space {justify-content: space-between;}
.col { flex: 1 0 0%; } 
.col-3 { flex: 0 0 auto; width: 21%; } 
.col-4 { flex: 0 0 auto; width: 33.33333333%; } 
.col-6 { flex: 0 0 auto; width: 50%; } 
.col-8 { flex: 0 0 auto; width: 66.66666666%; } 
.col-9 { flex: 0 0 auto; width: 79%; }
.a_hidden { opacity: 0.1; transition: opacity 0.5s; }
.a_show { opacity: 1; }

header { position: sticky; top: 0px; left: 0; right: 0; z-index: 3; }
header { background-image: url(svg/header-bg.svg); background-repeat: no-repeat; background-position: top right; background-color: rgba(255,255,255,0.8); backdrop-filter: blur(5px); background-size: contain; }
.m-menu { display:none; }
.menu li { list-style-type: none; }
ul.menu { padding: 0px; margin: 0px; }
.menu-main-header-container { display: flex; }
.p20 {padding: 20px; box-sizing: border-box;}
.mb { margin-bottom: 100px; }

body { font-size: 36px; }
h1, h4, .info-btn { font-size: 24px; }
h1 {font-weight: 700; display:inline;}
h2 {font-size: 120px; font-weight: 700; margin:0;}
h3 {font-size: 72px; font-weight: 700; text-align: center; line-height: 2; margin: 0; }
h4 {font-weight: 700; margin:0;}
.sm-t, .menu-item a {font-size: 24px; font-weight: 400;}

#slider, .swiper-slide {background-color:#EDEDED;}
.wrapper { min-height: 953px; background-repeat: no-repeat; background-position: bottom right; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; }
.swiper-pagination-bullets.swiper-pagination-horizontal { left: 200px; width: auto; }
:root { 
	--swiper-pagination-bullet-inactive-color: #FFFFFF;
	--swiper-pagination-color: #3AAA35;
	--swiper-pagination-bullet-inactive-opacity: 1;
	--swiper-pagination-bullet-width:25px;
	--swiper-pagination-bullet-height:25px;
	--swiper-pagination-bullet-horizontal-gap:22px;
	--swiper-pagination-bottom:90px;
}

.products-card { position: relative; width: 420px; height: 460px; display: flex; flex-direction: column; padding: 0px 40px; box-sizing: border-box; justify-content: center; align-items: center; } 

.card-title { position: absolute; left: 20px; top: 0; } 
.card-btn { position: absolute; bottom: 0; right: 0; min-width: 148px; text-align: center; }
.card-btn, .info-btn { border-radius: 25px; border: 1px solid #1D1D1B; padding: 21px 25px; font-size: 28px; line-height: 1; cursor:pointer; }
.info-card { background-color: #F2F2F2; border-radius: 50px; background-repeat: no-repeat; background-position: top right; }
.info-btn { margin:0px 20px 20px 20px; }
.col-6 .info-btn:last-child { margin: 0px 20px 0px 20px; }
.description-wrapper { position: relative; box-sizing: border-box; display: flex; align-items: center; }
.info-description { opacity: 0; transition: all 0.3s ease; position: absolute; transform:translatey(50px); padding: 10px 70px; z-index:0 } 
.info-description.up { transform:translatey(-50px);} 
.info-description.active { opacity: 1; transform: translatey(0px); position: relative; z-index:1 }
.mb40 { margin-bottom: 40px; } 
.modal-wrapper { display:none; position: fixed; z-index: 5; padding: 10px; left: 0; top: 0; right: 0; bottom: 0; overflow: auto; background-color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, 0.4); } 
.modal-block { margin: auto; width: 100%; max-width: 900px; transform: translate3d(0, 0, 0); background: #fff; position: relative; padding: 50px; box-sizing: border-box;
	-webkit-animation-name: animateright; -webkit-animation-duration: 0.4s; animation-name: animateright; animation-duration: 0.4s;}
.modal-content { display:none; }
.modal-wrapper.active, .modal-content.active { display:block; }
.modal-block .close { position: absolute; right: 10px; top: 10px; cursor: pointer; }
.modal-wrapper th, .modal-wrapper td {border: 1px solid #000; color: #373636; background-color: #fff;}
.modal-wrapper p { margin: 10px 0px; }

#prices {background: linear-gradient(90deg, #3AAA35 0%, #69BC64 32.38%, #A7D4A2 78.19%, #BFDDBA 99.99%); border-radius: 50px;}
.products-card-wrapper { position: relative; } 
.card-img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } 
#prices .sm-t strong { font-size: 72px; line-height: 1; }
hr { width: 100%; }
.products-card-wrapper { transition: all 0.3s ease; } 
.products-card-wrapper:hover { transform: translateY(-5px); }

#order .info-btn { background: rgba(255,255,255,0); color: #1D1D1B; max-width: 500px; cursor: text; width: 100%; box-sizing: border-box; }
.wpcf7-form { text-align: center; } 
span.wpcf7-spinner { display: block; margin: auto; }
#order .btn { width: 100%; max-width: 500px; }
.wpcf7 { margin-bottom: 50px; }

footer { background-image: url(svg/footer-bg.svg); background-repeat: no-repeat; background-position: top right; padding: 50px 20px; }
footer .sm-t {color:#fff; margin: 5px;}
.top-return { position: fixed; bottom: 10px; right: 15px; }

@-webkit-keyframes animateright { from { right: -300px; opacity: 0 } to { right: 0; opacity: 1 } } 
@keyframes animateright { from { right: -300px; opacity: 0 } to { right: 0; opacity: 1 } }

@media (max-width: 1199px) {
	.col-xl-12 { width: 100%; }
	.col-xl-6 { width: 50%; }
	h2, h3, #prices .sm-t strong  { font-size: 32px; }
	body, h1, .sm-t, .menu-item a, p, .btn, .card-btn, .info-btn  { font-size: 18px; }
	.d-menu { position: fixed; z-index: 3; top: 0; right: 0; bottom: 0; -webkit-animation-name: animateright; -webkit-animation-duration: 0.4s; animation-name: animateright; animation-duration: 0.4s; max-width: 300px; width: 100%; background-color: #f2f2f2cc; display: none; padding-top: 84px; backdrop-filter: blur(5px); }
	.m-menu { display: flex; flex-direction: row; justify-content: space-between; align-items: center; }
	.head-logo { display: none; }
	.row, ul.menu{ flex-direction: column; justify-content: center; align-items: center;}
	.gap { gap: 50px; }
	.info-btn-wrapper {position: relative; z-index: 1;}
	.description-wrapper { margin-top: 50px; }
	.info-description { padding: 0px 0px; }
	.info-btn, .col-6 .info-btn:last-child { margin: 0px 0px 20px 0px; }
	.modal-block {padding: 15px;}
	header { /*position: fixed;*/ background-color: #ffffff; backdrop-filter: unset; }
	#hamburger { width: 30px; height: 30px; position: relative; cursor: pointer; background-color: transparent; z-index: 5; margin: 0px 30px 0px 0px; float: right; }
	#hamburger span { display: block; position: absolute; height: 6px; width: 100%; background: #fff; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .20s ease-in-out; -moz-transition: .20s ease-in-out; -o-transition: .20s ease-in-out; transition: .25s ease-in-out; }
	#hamburger span:nth-child(1) { top: 0px; } #hamburger span:nth-child(2) { top: 12px; } #hamburger span:nth-child(3) { top: 24px; }
	#hamburger.open span:nth-child(1) { top: 14px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); background-color: #fff; } 
	#hamburger.open span:nth-child(2) { opacity: 0; left: -30px; -webkit-transition: .16s ease-in-out; -moz-transition: .16s ease-in-out; -o-transition: .16s ease-in-out; transition: .16s ease-in-out; } 
	#hamburger.open span:nth-child(3) { top: 14px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); background-color: #fff; }
	#order .info-btn { margin: 0px 0px 20px 0px; }
	.wrapper { background-position: bottom center; }
	.products-card-wrapper { width: 100%; max-width: 420px; }
	.card-title { left: 0px; }
	.card-img { position: unset; }
	.products-card { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: auto; height: auto;}
	.card-btn { bottom: 5px; }
	footer { background-size: auto 100%; background-position: top center;}
}
@media (max-width: 460px) {
	.card-btn { bottom: 15px; right: 5px; min-width: auto; border: 0px; padding:0px; }
	header { background-size: auto 100%; }
	.m-menu img { padding: 10px; }
}