@charset "UTF-8";

@font-face {
    font-family: 'AndroidEuclidBold';
    src: url('../fonts/AndroidEuclidBold.eot');
    src: url('../fonts/AndroidEuclidBold.eot') format('embedded-opentype'),
         url('../fonts/AndroidEuclidBold.woff2') format('woff2'),
         url('../fonts/AndroidEuclidBold.woff') format('woff'),
         url('../fonts/AndroidEuclidBold.ttf') format('truetype'),
         url('../fonts/AndroidEuclidBold.svg#AndroidEuclidBold') format('svg');
}
@font-face {
    font-family: 'AndroidEuclidMedium';
    src: url('../fonts/AndroidEuclidMedium.eot');
    src: url('../fonts/AndroidEuclidMedium.eot') format('embedded-opentype'),
         url('../fonts/AndroidEuclidMedium.woff2') format('woff2'),
         url('../fonts/AndroidEuclidMedium.woff') format('woff'),
         url('../fonts/AndroidEuclidMedium.ttf') format('truetype'),
         url('../fonts/AndroidEuclidMedium.svg#AndroidEuclidMedium') format('svg');
}

body { font-family:'AndroidEuclidMedium',Arial,Tahoma,Verdana,Helvetica,sans-serif; }
.text-bold, .title_wrapper .button a, .header__a .button a, .index_text h1 { font-family:'AndroidEuclidBold',Arial,Tahoma,Verdana,Helvetica,sans-serif; }

html, body {
	height:100vh;
}
html {
	font-size:23px;
}
body {
	position:relative;
	color:black;
	-webkit-font-smoothing:antialiased;
	background-color:#F5F5F5;
}
h1, h2, h3, h4 {
	line-height:100%;
	font-weight:normal;
	margin:0;
	padding:0;
}
a:link, a:visited {
	color:black;
	text-decoration:none;
}
a:hover {
	color:#00ae41;
	text-decoration:none;
}
ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
header.logo_home{
	box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15)
}
/* Base-styles ............................. */

.content {
	position:relative;
}
.box_padding {
	padding-left:65px;
	padding-right:65px;
}
.vertical-padding {
	padding-top:65px;
	padding-bottom:65px;
}
.rounded-default {
	border-radius:10px;
}
.text-color {
	color:#00ae41;
}
.img-object-fit {
	object-fit:cover;
}

.title_wrapper .button a {
	width:130px;
	font-size:0.78rem;
	background-color:#404040;
}
.title_wrapper .button a:hover {
	background-color:black;
}
.title_box > * {
	position:relative;
	display:inline-block;
	line-height:1.2em;
	padding-left:60px;
}
.title_box > *:before {
	position:absolute;
	top:50%;
	left:0;
	width:1px;
	height:85px;
	content:"";
	background-color:#c7c7c7;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}
.title_box h1, .title_box h2 {
	font-size:2.17rem;
}

/* Header ............................................................... */

.header {
	z-index:1000;
}
.header__a .button a {
	width:130px;
	font-size:0.78rem;
	background-color:#00ae41;
}
.header__a .button a:hover {
	background-color:#00e154;
}
.header__a .main_logo img {
	width:240px;
}
.header__b .form-control {
	height:82px;
	background-color:#f7f7f7;
	border-radius:10px;
	border:3px solid #e7e7e7;
	border-left:0;
}
.header__b .form-control::-webkit-input-placeholder {
	font-size:1.21rem;
	color:black;
}
.header__b .form-control:-ms-input-placeholder {
	font-size:1.21rem;
	color:black;
}
.header__b .form-control::placeholder {
	font-size:1.21rem;
	color:black;
}
.header__b .form-control:focus {
	box-shadow:none;
}
.header__b .input-group-text {
	font-size:2.08rem;
	color:black;
	background-color:#f7f7f7;
	border:3px solid #e7e7e7;
	border-right:0;
	border-radius:10px 0 0 10px;
}

/* Index ............................................................... */

/* .index_container {
	padding-left:250px;
	padding-right:250px;
} */
.index_text {
	font-size:1.3rem;
	color:#757575;
	line-height:1.2;
	margin-bottom:85px;
}
.index_text h1 {
	font-size:3.47rem;
	color:black;
	line-height:1.2;
}

a.index_nav {
	position:relative;
	padding:35px;
}
a.index_nav:hover {
	-webkit-transform:scale(1.02);
	transform:scale(1.02);
}
a.index_nav__a {
	background-color:#d62d37;
}
a.index_nav__b {
	background-color:#fecc0d;
}
a.index_nav__c {
	background-color:#34a53e;
}
a.index_nav:before {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	content:"";
	border-radius:10px;
	clip-path:polygon(0 0, 0% 100%, 100% 0);
}
a.index_nav__a:before {
	background-color:#df2b36;
}
a.index_nav__b:before {
	background-color:#ffd120;
}
a.index_nav__c:before {
	background-color:#38ab42;
}
a.index_nav > * {
	position:relative;
	z-index:10;
}
a.index_nav .img img {
	width:300px;
}
a.index_nav h2 {
	font-size:2.39rem;
}

/* Products-List ............................................................... */

a.product_list {
	color:inherit;
	padding:30px;
	-moz-box-shadow:0 3px 8px rgba(0,0,0,0.05);
	-webkit-box-shadow:0 3px 8px rgba(0,0,0,0.05);
	box-shadow:0 3px 8px rgba(0,0,0,0.05);
}
a.product_list h2 {
	font-size:1.74rem;
}

/* Product ............................................................... */

.table-info td {
  padding-top:0.3em;
  padding-bottom:0.3em;
}
.table-info i {
	background-color:#00ae41;
	padding:3px 6px;
	border-radius:10px;
}
.table-nutrition {
	border-collapse:collapse;
	-moz-box-shadow:0 3px 8px rgba(0,0,0,0.05);
	-webkit-box-shadow:0 3px 8px rgba(0,0,0,0.05);
	box-shadow:0 3px 8px rgba(0,0,0,0.05);
}
.table-nutrition .thead th {
	background-color:#00ae41;
}
.table-nutrition .thead th:first-child {
	border-radius:10px 0 0 0;
}
.table-nutrition .thead th:last-child {
	border-radius:0 10px 0 0;
}
.table-nutrition th, .table-nutrition td {
  padding:1.2em;
  border-bottom:1px solid #d1d1d1;
}
.slovak-product img {
	width:148px;
}

/* Effects ............................. */

a {
	-webkit-transition:all 300ms linear;
	-moz-transition:all 300ms linear;
	-o-transition:all 300ms linear;
	-ms-transition:all 300ms linear;
	transition:all 300ms linear;
}
::i-block-chrome, div {
	-webkit-transition:initial;
}

/**
 * Content body height
 */

.products_list_wrapper,
.index_wrapper,
.product_wrapper {
 min-height: calc(100vh - 128px);
}


/* RESPONSIVE STRUCTURE
--------------------------------------- */

@media screen and (max-width: 1920px) {
	a.product_list { padding:15px; }
	a.product_list .img img { max-width:75%; }
	a.product_list h2 {
        /* font-size:1.56rem; */
        font-size: 1.36rem;
        text-align: center;
    }
	.table-info td { padding-top:0.2em; padding-bottom:0.2em; }
	.table-nutrition th, .table-nutrition td { padding:0.6em 1em; }
}

@media screen and (max-width: 1680px) {
	html { font-size:20px; }
	body:before { width:430px; }
	.box_padding { padding-left:45px; padding-right:45px; }
	.vertical-padding { padding-top:45px; padding-bottom:45px; }
	.header__a .main_logo img { width:200px; }
	.header__b .form-control { height:62px; border-width:2px; }
	.header__b .form-control::-webkit-input-placeholder { font-size:1.08rem; }
	.header__b .form-control:-ms-input-placeholder {  font-size:1.08rem; }
	.header__b .form-control::placeholder { font-size:1.08rem; }
	.header__b .input-group-text { font-size:1.91rem; border-width:2px; }
	a.index_nav { padding:30px; }
	a.index_nav .img img { width:240px; }
	a.index_nav h2 { font-size:2rem; }
	.slovak-product img { width:110px; }

    .products_list_wrapper, .index_wrapper, .product_wrapper { min-height: calc(100vh - 102px); }
}

@media screen and (max-width: 1399px) {
	html { font-size:18px; }
	.box_padding { padding-left:30px; padding-right:30px; }
	.title_wrapper .button a { width:100px; }
	.title_box > * { padding-left:30px; }
	.title_box > *:before { height:55px; }
	.title_box h1, .title_box h2 { font-size:1.77rem; }
	.header__a .button a { width:100px; }
	.header__a .main_logo img { width:170px; }
	.header__b .form-control { height:42px; }
	.header__b .input-group-text { font-size:1.44rem; }
	.index_container { padding-left:180px; padding-right:180px; }
	.index_text { font-size:1.12rem; margin-bottom:60px; }
	.index_text h1 { font-size:2.87rem; }
	a.index_nav { padding:20px; }
	a.index_nav .img img { width:180px; }
	a.index_nav h2 { font-size:1.87rem; }
    .products_list_wrapper, .index_wrapper, .product_wrapper { min-height: calc(100vh - 62px); }
}

@media screen and (max-width: 1199px) {
	html { font-size:16px; }
	.box_padding { padding-left:15px; padding-right:15px; }
	.index_container { padding-left:15px; padding-right:15px; }
	.index_text { margin-bottom:45px; }
}

@media screen and (max-width: 767px) {
	html, body { height:initial; }
	body:before { width:320px; }
	.vertical-padding { padding-top:30px; padding-bottom:30px; }
	.title_box > * { padding-left:15px; }
	.title_box > *:before { height:30px; }
	.title_box h1, .title_box h2 { font-size:1.62rem; }
}

@media screen and (max-width: 575px) {
	.title_box > * { padding-left:0; }
	.title_box > *:before { display:none; }
	a.product_list .img img { max-width:100%; }
}

@media screen and (max-width: 360px) {
	.title_wrapper .button a, .header__a .button a { width:80px; }
}