@import url('https://fonts.googleapis.com/css2?family=Commissioner:wght@100..900&family=Didact+Gothic&display=swap');

html {
    scroll-behavior: smooth;
  }
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    margin: 0px;
    padding: 0px;
    border: 0px none;
    outline: 0px none;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}

em {
    font-style: italic;
}

:focus {
    outline: 0px none;
}

ol,
ul {
    list-style: none outside none;
}

strong {
    font-weight: bold;
}

a {
    color: #3a3a3a;
    text-decoration: none;
}

a:hover {
    text-decoration: none!important;
}

.clear {
    clear: both;
}

.overflow {
    overflow: hidden;
}

.no_scroll {
    overflow: hidden;
}

body {
    font-size: 15px;
    font-family: "Commissioner", sans-serif;
    color: #1A1825;
    background: #fff;
    overflow-x: hidden;
}

#hide_991 {
    position: unset;
}

.hello-bar {
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    text-align: center;
    background: #C90527;
    width: 100%;
    z-index: 2000;
    zoom: 1;
    padding: 25px 0 25px 0;
    border-bottom: 3px solid #fff;
}

.hello-bar .close {
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    right: 15px;
    top: 30px;
    color: #fff;
    position: absolute;
    opacity: 0.5;
}

a.overlay_link {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    text-indent: -999999px;
    z-index: 10;
}

.centered {
    text-align: center;
}

b, strong {
    color: #111;
    font-weight: 600;
}

.img-responsive {
    width: 100%;
}

.padd {
    padding-top: 100px;
    padding-bottom: 100px;
}

.padd_big {
    padding-top: 150px;
    padding-bottom: 150px;
}

.padd_top {
    padding-top: 80px;
}

.padd_top_big {
    padding-top: 100px;
}

.padd_first {
    padding-top: 150px;
    padding-bottom: 140px;
}

.padd_small {
    padding-top: 40px;
    padding-bottom: 40px;
}

.padd_bottom {
    padding-bottom: 100px;
}

.no-padding {
    padding-left: 0!important;
    padding-right: 0!important;
}

.flex_section {
    display: flex;
}

.flex_center {
    display: flex;
    justify-content: center;
    align-items: center;
}

.flex_end {
    display: flex;
    align-items: flex-end;
}

.red_bg {
    background: #C90527;
}

.blue_bg{
    background: #003f83;
}

#scrollUp {
    background: #003f83 none repeat scroll 0 0;
    bottom: 20px;
    color: #fff;
    font-family: 'Commissioner', sans-serif;
    font-size: 12px;
    opacity: 0.8;
    padding: 12px 20px;
    right: 30px;
    box-shadow: rgb(149 157 165 / 35%) 0px 8px 24px;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
}

#scrollUp:hover {
    bottom: 25px;
    opacity: 1;
}

h1 {
    color: #fff;
    font-size: 70px;
    line-height: 80px;
    font-weight: 400;
    letter-spacing: 1px;
    font-family: "Commissioner", sans-serif;
}

h2 {
    color: #1A171B;
    font-size: 45px;
    font-weight: bold;
    margin-bottom: 35px;
    position: relative;
    font-family: "Commissioner", sans-serif;
    padding-left: 75px;
}

h3 {
    color: #fff;
    font-size: 30px;
    line-height: 80px;
    font-weight: 400;
    letter-spacing: 1px;
    font-family: "Didact Gothic", sans-serif;
}
p {
    font-size: 20px;
    font-weight: 300;
    line-height: 34px;
    color: #1a171b;
    font-family: "Didact Gothic", sans-serif;
}

#hide {
    display: none;
}

#header_box {
    width: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 999;
    background: #fff;
    display: flex;
    align-items: center;

}

.activ{background-color: black;}
.is-sticky #sticky-header {
    z-index: 999;
    transition: all 0.2s ease-in-out;
}

.is-sticky #sticky-header #header_box {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.55);
    top: -1px;
}

.is-sticky #sticky-header .phones, .is-sticky #sticky-header .email {
    /* display: none; */
    transition: all 0.2s ease-in-out;
}

.is-sticky #sticky-header .header_container {
    border-bottom: none;
}

.is-sticky #sticky-header .topbar {
    display: none;
}

.is-sticky #sticky-header #logo a {

}
#top_phones{padding-right: 30px;}
#top_phones img {
    width: 22px;
    transition: all 0.3s ease-in-out;
}

.phones a, .email a {
    color: #fff;
    transition: all 0.2s ease-in-out;
}

.phones a:hover, .email a:hover {
    color: #ED1C24;
}

.mobile-button {
    display: none;
}

#topnav {
    width: 100%;
    float: left;
}

.topnav_container {
    margin: 0 auto;
    width: 100%;
    padding: 15px 0 15px 0;
    position: relative;
    text-align: right;
    border-bottom: 1px solid #fff;
}

#topnav p {
    float: right;
    margin-right: 50px;
    color: #fff;
    font-size: 18px;
    font-weight: 300;
    padding: 5px 0px 5px 0px;
}

#sticky-header.home #header_box #topnav p {
    color: #fff;
}

.is-sticky #sticky-header #topnav p {
    color: #000!important;
}

.is-sticky #sticky-header .topnav_container {
    padding: 0;
    border-bottom: none;
}

.page_heading {
    background-image: url(../img/layout/watercolor_bg.png);
    background-repeat: no-repeat;
    width: 100%;
    background-size: 100%;
    padding: 40px 0;
    background-position: 0 88%;
    text-align: center;
    border-top: 6px solid #0098CB;
}

.page_heading h1 {
    color: #072C52;
}

#topnav ul {
    float: right;
    margin-right: 50px;
}

#topnav ul li {
    float: left;
}

#topnav ul li span {
    float: left;
    margin: 0px 5px;
    padding-top: 1px;
    color: #333;
    font-size: 16px;
}

#topnav ul li a {
    float: left;
    display: block;
    font-size: 14px;
    color: #333;
    text-decoration: none;
    padding: 5px 0px 5px 0px;
    margin: 0px;
    font-weight: 400;
}

#topnav ul li a:hover,
#topnav ul li a.current {}

.sep {
    float: right;
    color: #fff;
    margin: 0px 15px 0px 5px;
    font-size: 20px;
}

#lang_info {
    display: block;
    z-index: 999;
    border-left: 1px solid #fff;
    padding: 10px 20px 10px 20px;
}

.languages a {
    float: left;
    font-size: 15px;
    display: inline-block;
    vertical-align: middle;
    color:#fff
}

.languages {
    position: relative;
    display: inline-block;
    float: right;
  }
  #navi .languages{display: none;}
  
  .selected_language {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    
  }
  .selected_language a{font-size:20px}
  a.selected_language:hover{text-decoration: none!important;}
  .languages_menu {
    display: none;
    position: absolute;
    top: 100%; 
    left: 0;
    z-index: 1000;
  }
  
  .languages_menu a {
    display: block;
    padding: 8px 12px;
    color: #fff;
    width: 50px;
    height: 50px;
    text-decoration: none;
    font-size:20px;
    background: #C90527;
    border-radius: 50%;
  }
.languages a.selected_language{
    display: block;
    padding: 0 10px;
    background: none;
    font-size: 20px;
    color: #fff;
    text-decoration: none;
    position: relative;
    font-weight: 300;
    letter-spacing: 1px;
    font-family: 'Commissioner', sans-serif;
}
.languages a.selected_language:after {
    content: '';
    background-image: url(../img/layout/icons/arrow_down_white.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 10px;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 10px;
    margin-left: 5px;
}
  /* .languages_menu a:hover {
    background-color: #f7bc92;
    border-radius: 50%;
    color: #fff;
  } */
  
  .languages:hover .languages_menu {
    display: block;
  }

.header_container {
    margin: 0 auto;
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

#logo {
    float: left;
    transition: all .3s ease-in-out;
}

#logo a {
    display: block;
    width: 250px;
    height: 50px;
    text-indent: -999999px !important;
    background: url(../img/layout/logo_header.svg) no-repeat scroll center center transparent;
    transition: all .4s ease-in-out;
}

.navigation {
    background: #fff;
    margin-left: 80px;
    padding-right: 10%;
}


#navi {
    width: 100%;
    transition: all .3s ease-in-out;
}

#navi ul {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

#navi ul li {
    float: left;
}

#navi ul li a {
    float: left;
    font-size: 20px;
    color: #003f83;
    font-weight: 400;
    text-decoration: none;
    margin: 0 15px;
    position: relative;
    transition: 0.3s ease-in-out;
    display: flex;
    align-items: center;
    font-family: "Commissioner", sans-serif;
    border-bottom: 1px solid transparent;
}

#navi ul li a:hover {
   border-bottom: 1px solid #fff;
   color: #C90527;
}

#navi ul li:last-child a {
    margin-right: 0;
}

#navi ul li.dropdown a:after {
    content: '';
    background-image: url(../img/layout/arrow_down_white.svg);
    background-repeat: no-repeat;
    background-size: 10px;
    position: absolute;
    right: -16px;
    width: 10px;
    height: 10px;
    margin-top: 7px;
}

#navi ul li.dropdown {
    position: unset;
    padding: 40px 0px 40px 0px;
}

#navi ul li.first a {
    margin-left: 0;
}

#navi ul li.active a::after,
#navi li:hover a::after {
    opacity: 1;
    transform: translateX(0px);
}

/* #navi li a::after {
    background: #C1151B none repeat scroll 0 0;
    content: "";
    height: 0.125rem;
    left: 0;
    margin-top: 0.0875rem;
    opacity: 0;
    position: absolute;
    top: 100%;
    transform: translateX(10px);
    transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;
    width: 100%;
    z-index: 999999;
} */

#navi li .submenu {
    position: absolute;
    top: 110px;
    /* left: 80px; */
    z-index: 99999 !important;
    height: auto;
    background: #003f83;
    padding: 0;
    display: none;
    /* width: calc(100% - 80px); */
    width: 300px;
    box-shadow: 0px 5px 8px -3px rgb(0 0 0 / 10%);
    -webkit-box-shadow: 0px 5px 8px -3px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0px 5px 8px -3px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0px 5px 8px -3px rgba(0, 0, 0, 0.1);
    transform: translateY(10px);
    transition: transform 0.3s ease 0s;
    border-bottom-left-radius: 8px;
    margin-left: -80px;
}

#sticky-header #navi li .submenu {
    top: 111px;
}

#navi li:hover .submenu {
    display: block;
    transform: translateY(0px);
}

#navi li .submenu ul {
    margin: 0;
    display: flex;
    float: none;
    flex-direction: column;
    padding: 30px 0 20px 0;
}

#navi .submenu ul li {
    transition: all 0.2s ease-in-out;
    color: #fff !important;
    text-decoration: none;
    display: block;
    font-size: 22px;
    font-weight: 600;
    text-transform: none;
    float: none;
    padding: 0;
    position: relative;
    border: none;
    font-family: 'Commissioner', sans-serif;
    margin-bottom: 25px;
    min-width: 250px
}
#navi .submenu ul li a{
   transition: all 0.2s ease-in-out;
}
#navi .submenu ul li a:hover{
    color:#C90527!important;
    transition: all 0.2s ease-in-out;
}
#navi .submenu .product_box_menu.brands li {
    padding-left: 30px;
}

#navi .submenu .product_box_menu.brands li:before {
    content: '';
    position: absolute;
    background: #C90527;
    left: 0;
    width: 13px;
    height: 13px;
    margin-top: 10px;
}

#navi .product_box_menu.brands .submenu_inner {
    margin-left: 30px;
}

/* #navi .submenu ul li.last {
    margin-right: 0px;
} */

#navi .submenu ul li a {
    color: #fff !important;
    text-decoration: none;
    display: block;
    font-size: 22px;
    font-weight: 600;
    text-transform: none;
    float: none;
    padding: 0;
    position: relative;
    padding-left: 30px;
    margin-bottom: 15px;
    border: none;
    margin: 0;
}

#navi .submenu ul li a:before {
    content: '';
    position: absolute;
    background: #C90527;
    left: 0;
    width: 13px;
    height: 13px;
    margin-top: 10px;
}

#navi .submenu .submenu_inner a {
    font-size: 19px;
    margin: 0;
    font-family: 'Commissioner', sans-serif;
}

#navi .submenu ul li a:after {
    background: none;
}

#navi .submenu ul li a:hover {
    border-bottom: none;
}

#navi .submenu h2 {
    font-size: 20px;
    margin-bottom: 20px;
    font-weight: 600;
    color: #333333;
    font-family: 'Commissioner', sans-serif;
}

#navi .submenu a.show_all {
    display: block;
    float: left;
    margin: 20px 0 0 15px;
    font-size: 14px;
    color: #333;
    -webkit-box-shadow: 0px 3px 8px rgba(136, 136, 136, 0.5);
    -moz-box-shadow: 0px 3px 8px rgba(136, 136, 136, 0.5);
    box-shadow: 0px 3px 8px rgba(136, 136, 136, 0.5);
}

#navi .submenu a.show_all:hover {
    color: #ea0c95;
}

.tips_menu {
    background-image: url(../img/layout/kototips.svg);
    background-repeat: no-repeat;
    background-position: 0px 3px;
    background-size: 100%;
    position: relative;
    width: 40px;
    text-indent: -9999999999px!important;
    display: inline-block;
    height: 31px;
    margin-left: 5px;
}

.dynamic h1 span.tips_menu {
    background-image: url(../img/layout/kototips_white.svg);
    width: 75px;
    height: 55px;
    top: 11px;
    margin-left: 7px;
    overflow: hidden;
}

#sticky-header-sticky-wrapper {
    position: absolute !important;
    width: 100%;
    transition: all 1s ease-in-out;
    z-index: 999;
}

.topbar {
    background: transparent;
    padding: 32px 0;
    position: relative;
    display: flex;
    width: 100%;
    transition: all 0.3s ease-in-out;
    align-items: center;
    justify-content: flex-end;
}

.topbar p {
    color: #fff;
    font-weight: 100;
    font-size: 17px;
    margin-left: 20px;
    position: relative;
    line-height: 17px;
    padding-left: 15px;
}

.topbar p:before {
    content: '';
    position: absolute;
    border-left: 8px solid #C90527;
    height: 100%;
    width: 3px;
    left: 0;
    top: 0;
}

.topbar a {
    color: #fff;
}

.topbar_left {
    color: #fff;
    font-weight: 100;
}

.topbar_left a {
    color: #fff;
    font-weight: 100;
    padding: 0 10px;
}

/* .languages { display: block; padding: 0px 20px;      background: #00000001;}
.languages  a.selected_lang{
    display: block;
    padding: 0 10px;
    background: none;
    font-size: 17px;
    color: #fff;
    text-decoration: none;
    position: relative;
    font-weight: 500;
    letter-spacing: 1px;
    font-family: 'Commissioner', sans-serif;
}

.languages .languages_menu{  display: none; }
.languages .languages_menu.active{
    display: flex;
    margin-top: 36px;
    padding: 5px 10px;
    background: #0098CB;
    text-align: center;
    z-index: 99999;
    position: absolute;
    flex-direction: column;
}
#lang_info .languages_menu.active a { color:#606060; transition:all 1s;}
.languages .languages_menu a {
    color: #fff;
    display: block;
    padding: 4px;
    transition: all 0.3s ease 0s;
}
.languages .languages_menu a:hover { color: #072c52; transition: all 0.3s ease 0s;   } */

.top_info{
    display: flex;
    align-items: center;
}

.blue_bg.header_info{
    padding: 32px 40px;
}

#search_menu {
    width: 80%;
    padding-right: 15px;
    padding-left: 15px;
    display: block;
    position: relative;
}

.cd-search-trigger {
    display: none;
}

#search_menu img {
    width: 33px;
    position: relative;
    top: 0px;
}

.open_menu {
    display: none;
}

.close_menu {
    display: none;
}

.responsive_menu{   
    position: fixed;
    top: 192px;
    margin: 0 auto;
    height: calc(100vh - 192px);
    width: 100%;
    display: none;
    color: #3D3D3B;
    background: linear-gradient(to right, #003F83, #006CB2);
    z-index: 9999;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    transition-duration: 0.4s;
}
.responsive_menu .responsive_menu_container {   
    width: 100%;
    height: 100%;
    margin: 0 auto;
    position: relative;
    padding: 50px 0;
    overflow-y: scroll;
}
.responsive_menu.active {   
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
	display: block;
    left: 0;
}

.header_mob {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 6px solid #0098cb;
    padding: 15px 0;
}

.header_mob #logo {
    width: 200px;
    height: 65px;
    float: left;
}

.header_mob .close_menu {
    display: block;
    width: fit-content;
    position: absolute;
    left: 15px;
}
.submenu {
    display: none;
    padding-left: 15px;
}

.has-submenu.open .submenu {
    display: block;
}

/* .submenu-toggle {
    background: none;
    border: none;
    font-size: 1.2em;
    cursor: pointer;
    margin-left: 10px;
} */

.responsive_menu ul li .dropdown_products, .responsive_menu ul li .dropdown_recipes {
    width: 100%;
    transition: all ease-in-out .3s;
    -webkit-transition: all ease-in-out .3s;
    -moz-transition: all ease-in-out .3s;
    display: none;
}

.responsive_menu ul li .dropdown_products.active, .responsive_menu ul li .dropdown_recipes.active {
    width: fit-content;
    display: block;
    background: #fff;
    margin: 15px auto;
    padding: 15px 25px;
    border-radius: 6px;
}

.mobile_menu {
    text-align: center;
    z-index: 999 !important;
    position:relative
}

.mobile_menu ul li {
    padding: 12px 0;
}

.mobile_info {
    border-radius: 8px;
    color: #fff;
    width: fit-content;
    padding: 30px 50px;
    margin: 40px auto 0 auto;
    border: 1px solid #fff;
}

.mobile_info a {
    color: #fff;
    font-family: "Didact Gothic", sans-serif;
}

.mobile_info_wrapper h1 {
    color: #007831;
    line-height: normal;
    background: #b8cb43;
    padding: 10px 25px;
    font-size: 24px;
    font-weight: 500;
    width: fit-content;
    text-align: center;
    margin: 60px auto 0 auto;
    transform: rotate(-1deg);
    box-shadow: rgb(149 157 165 / 35%) 0px 8px 24px;
    font-family: 'Commissioner', sans-serif;
    z-index: 1;
    position: relative;
}

.mobile_info h2 {
    font-size: 18px;
    font-family: 'Commissioner', sans-serif;
    text-align: center;
    margin-bottom: 7px;
}

.mobile_menu .dropdown_products ul li, .mobile_menu .dropdown_recipes ul li {
    padding: 5px 0;
}

.responsive_menu .product_box_menu.last {
    background: #0098cb;
    padding: 8px 15px;
}

.responsive_menu .product_box_menu.last a {
    color: #fff!important;
}

.mobile_info p {
    font-size: 18px;
    margin-bottom: 10px;
    text-align: center;
    line-height: normal;
    color: #fff;
    font-family: "Didact Gothic", sans-serif;
}

.mobile_menu ul li a {
    color: #fff;
    font-size: 24px;
    line-height: 19px;
    font-weight: 350;
    padding: 0 20px 0 12px;
    display: block;
    width: fit-content;
    margin: 0 auto;
    font-family: 'Commissioner', sans-serif;
}

.mobile_menu ul li .dropdown_products.active a, .mobile_menu ul li .dropdown_recipes.active a  {
    color: #111;
    font-size: 19px;
    font-weight: 450;
}

.header_mob .social_menu {
    text-align: right;
    margin-right: 20px;
}

.social_menu_549 {
    display: none;
}

.cd-search-trigger .close_search { display: none; }
.cd-search-trigger.active .search_icon { display: none; }
.cd-search-trigger.active .close_search {
    position: relative;
    z-index: 9999;
    display: inline-block;
    top: 0;
}

#search{ z-index: 999999; width:100%; }
#search .form-group { margin-bottom: 0px; }

#search button {
    background-image: url(../img/layout/search.svg);
    background-repeat: no-repeat;
    background-size: 21px;
    width: 21px;
    height: 21px;
    border: none;
    background-color: transparent;
    position: absolute;
    left: -15px;
    margin-top: 14px;
}

.social_menu {
    display: flex;
    justify-content: center;
}

.social_menu img {
    width: 32px;
    display: inline-block;
    margin-right: 5px;
}

.products h1, .dynamic h1 {
    color: #fff;
    font-size: 48px;
    font-family: 'Commissioner', sans-serif;
    background-color: #C90527;
    text-align: center;
    margin: 0 auto;
    width: fit-content;
    padding: 22px 50px;
    transform: rotate(-1deg);
    margin-bottom: 50px;
    box-shadow: rgb(149 157 165 / 35%) 0px 8px 24px;
}

.dynamic.center {
    text-align: center;
}

.dynamic p.subtitle {
    font-family: 'Commissioner', sans-serif;
    margin-bottom: 40px;
    text-align: center;
    top: -12px;
    font-size: 19px;
    position: relative;
    font-style: italic;
    text-transform: uppercase;
}

.dynamic p.subtitle::before, .dynamic p.subtitle::after {
    content: "“";
    font-family: 'Commissioner', sans-serif;
    font-size: 3rem;
    position: absolute;
    color: rgb(0 120 49);
    margin: 0rem 0px 0px -1.5rem;
}

.dynamic p.subtitle::after {
    content: "”";
    margin: 1rem 0rem 0px 0px;
}

.dynamic h2 {
    color: #007831;
    font-size: 35px;
    margin-bottom: 50px;
    margin-top: 30px;
    font-family: 'Commissioner', sans-serif;
}

.dynamic p {
    margin-bottom: 15px;
}

.dynamic p a {
    color: #b8cb43;
    transition: all 0.3s ease-in-out;
    font-weight: 600;
}

.dynamic p a:hover {
    color: #d1565a;
}

.dynamic h3 {
    font-size: 20px;
    font-family: 'Commissioner', sans-serif;
    margin: 30px 0 10px 0;
    line-height: normal;
}

.dynamic ul {
    padding: 15px 0 0 0;
}

.dynamic ul li {
    background-image: url(../img/layout/list.svg);
    background-size: 13px;
    background-repeat: no-repeat;
    background-position: 0px 9px;
    padding-left: 25px;
    font-size: 20px;
    font-weight: 100;
    margin-bottom: 20px;
}

.dynamic_bg ul li a {
    color: #fff;
    transition: all 0.3s ease-in-out;
    font-weight: 600;
}

.dynamic_bg .right ul li a {
    color: #000;
}

.dynamic_bg ul li a:hover {
    text-decoration: underline!important;
}

.products p {
    text-align: center;
    padding: 0 31%;
    font-size: 21px;
    font-weight: 100;
    line-height: 35px;
}

p.large_paragraph {
    font-size: 23px;
    margin-bottom: 30px;
    margin-top: 30px;
    font-family: 'Commissioner', sans-serif;
}

.dynamic_bg {
    background-image: url(../img/layout/about_graphic_1.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    display: block;
}

.dynamic_bg h1 {
    color: #FFCF00;
}

.dynamic_bg .right h1 {
    margin-left: 50px;
}

.dynamic_bg img {
    border: 10px solid #fffcdb;
    transform: rotate(3deg);
    transition: all 0.3s ease-in-out;
}

.dynamic_bg img:hover {
    transform: scale(1.1);
}

.dynamic_bg .right img:hover {
    transform: scale(1.1);
}

.dynamic_bg .right ul {
    margin-right: 0px;
    margin-left: 50px;
    background: #fffcdb;
}

.dynamic_bg .right ul li {
    color: #000;
}

.dynamic_bg .right img {
    border: 10px solid #007831;
    transform: rotate(-3deg);
}

.dynamic_bg ul li {
    background-image: url('../img/layout/list.svg');
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: 0px 10px;
    padding-left: 25px;
    color: #fff;
    font-size: 18px;
    font-weight: 100;
    margin-bottom: 15px;
}

.dynamic_bg ul li strong {
    color: #fff;
}

.dynamic_bg ul li p a {
    color: #fff;
}

.dynamic .small_img {
    width: 300px;
    float: right;
}

/* .extra_description {
    padding-top: 80px;
}

.extra_description p {
    margin-bottom: 15px;
}

.extra_description p a {
    color: #B8CB43;
    transition: all 0.3s ease-in-out;
    font-weight: 600;
}

.extra_description p a:hover {
    color: #D5585C;
} */

.swiper-albums {
    padding-top: 50px;
}

.dynamic_bg ul li p {
    font-family: 'Commissioner', sans-serif;
    font-size: 21px;
    margin-bottom: 3px;
}

.dynamic_bg ul {
    margin-right: 50px;
    background: #007831;
    padding: 50px;
}

.awards {
    position: relative;
    margin-top: 100px;
    padding-bottom: 70px;
}

.awards_img {
    width: 100%;
}

.award_text {
    padding: 0 40px 0 110px;
    margin-top: -50px;
}

.award_text a.more {
    margin-left: 0;
    padding: 15px 30px;
    margin-top: 50px;
}

.award_text img {
    width: 315px;
    margin-left: -35px;
}

.award_graphic {
    background-image: url(../img/layout/eleftheri_voski_topio.svg);
    background-repeat: no-repeat;
    background-size: 430px;
    width: 430px;
    height: 430px;
    position: absolute;
    top: -80px;
    margin-left: 120px;
}

.graphic_section {
    overflow: hidden;
}

.graphic_section img {
    margin-right: -55px;
}

.categories .col-md-3:nth-child(4n+1) {
    clear: both;
}

.categories .col-md-3 .selected_a,
.categories .col-md-3 .selected_a img,
.categories .col-md-3 .non_selected_a,
.categories .col-md-3 .selected {
    transition: all 0.3s ease-in-out;
}

.categories .selected {
    transition: all 0.3s ease-in-out;
    display: none;
}

.categories .non_selected_a {
    transition: all 0.3s ease-in-out;
    display: none;
}

.categories .col-md-3:hover .selected_a {
    transition: all 0.3s ease-in-out;
    display: none;
}

.categories .col-md-3:hover .selected_a img {
    transition: all 0.3s ease-in-out;
    display: none;
}

.categories .col-md-3:hover .selected {
    transition: all 0.3s ease-in-out;
    display: block;
}

.categories .col-md-3:hover .non_selected_a {
    transition: all 0.3s ease-in-out;
    display: block;
}

.categories .col-md-3 a.more {
    font-size: 21px;
    text-align: center;
    padding: 10px 25px;
    margin: 30px auto 50px auto;
    transform: rotate(-1deg);
    box-shadow: rgb(149 157 165 / 35%) 0px 8px 24px;
    transition: all 0s ease-in-out;
}

.categories .col-md-3:hover a.more {
    transform: rotate(0deg);
    background: #b8cb43;
    color: #007831;
}

.categories .img-categ {
    width: 100%;
    display: block;
    transition: all 0.3s ease-in-out;
}

.button_more_img {
    width: 90%;
    margin: 0 auto;
    display: block;
    /* animation-name: rotate;
    animation-duration: 15s;
    animation-iteration-count: infinite;
    animation-timing-function: linear; */
    transition: all 0.3s ease-in-out;
}

@keyframes rotate{
    from{ transform: rotate(-360deg); }
    to{ transform: rotate(360deg); }
}

.button_more {
    position: absolute;
    margin: 0 auto;
    right: 0;
    color: #fff;
    top: 50%;
    left: 50%;
    transform: translate(-63%, -50%);
    font-size: 20px;
    text-align: center;
    transition: all 0.3s ease-in-out;
}

.categories .col-md-3:hover .button_more {
    color: #B8CB43;
}


.chicken_2 {
    background-image: url(../img/layout/chicken_2.svg);
    background-repeat: no-repeat;
    background-size: 150px;
    width: 150px;
    height: 250px;
    bottom: 0;
    position: absolute;
    left: 0;
    margin-left: 30px;
}


.recipes {
    background-image: url(../img/layout/green_bg.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
    position: relative;
    display: block;
    padding-top: 105px;
    padding-bottom: 150px;
    margin-bottom: 160px;
}

.recipes_wrapper h1 {
    color: #FFCF00;
}

.recipes_wrapper h1 span {
    color: #fff;
}

.recipes_wrapper p {
    padding-right: 100px;
    color: #fff;
}

.recipes_featured_mob {
    display: none;
}

.recipes_featured .col-md-4:nth-child(3n+1) {
    clear: both;
}

.more.yellow {
    background-color: #FFCF00;
    color: #007831;
    margin-left: 0;
    padding: 12px 40px;
    margin-top: 100px;
}

.recipes.product_recipes {
    margin-bottom: 0;
    padding-top: 120px;
    padding-bottom: 120px;
}

.product_recipes .more.yellow {
    float: right;
    padding: 12px 20px;
    margin-top: 50px;
}

.home_graphics {
    overflow: hidden;
    position: relative;
}

.graphic_wrapper .graphic_1 {
    background-repeat: repeat-x;
    background-size: 105%;
    width: 106%;
    height: 103px;
    margin-left: -50px;
    -webkit-animation: linear infinite;
    -webkit-animation-name: run;
    -webkit-animation-duration: 8s;
}

.graphic_wrapper .graphic_2 {
    background-repeat: repeat-x;
    background-size: 108%;
    width: 118%;
    height: 75px;
    -webkit-animation: linear infinite;
    -webkit-animation-name: run2;
    -webkit-animation-duration: 10s;
}

@-webkit-keyframes run {
    from {
        background-position: 0 0;
    }
    to {
        background-position:  -500% 0;
    }
}

@-webkit-keyframes run2 {
    from {
        background-position: 0 0;
    }
    to {
        background-position:  500% 0;
    }
}

.products_content img {
    transition: all 0.3s ease-in-out;
}

.products_content:hover img {
    transform: scale(1.07);
}

.products_content h3 {
    text-align: center;
    font-size: 20px;
    font-weight: 400;
    margin-top: 15px;
}

.products_content h3 a {
    color: #000;
}

.products_content {
    margin-top: 70px;
    overflow: hidden;
}

/* .product_box_menu {
    margin: 5px 0px 0px 0;
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
} */

.product_box_menu.last {
    width: 100%;
}

.product_box_menu li {
    width: 100%!important;
}

.product_box_menu:hover h3 a,
.product_box_menu:hover p {
    color: #C1151B!important;
    transition: all .3s ease-in-out;
}

.product_box_menu:hover p {
    color: #fff!important;
    transition: all .3s ease-in-out;
}

.product_box_menu a::after {
    background: none!important;
}

.product_box_menu img {
    width: 30px;
    margin-right: 15px;
}

.product_box_menu h3 {
    position: absolute;
    left: 5px;
    z-index: 999;
    color: #fff!important;
    padding: 10px;
    background: rgba(255, 255, 255, 0.9);
    border-left: 3px solid #C1151B;
}

.product_box_menu h3 a {
    color: #333!important;
    font-size: 14px!important;
}

.product_box_menu p {
    font-weight: 300 !important;
    display: block;
    font-size: 14px !important;
    line-height: 22px !important;
    margin: 0px 0px 0px 0 !important;
    padding: 0px;
    float: left;
    width: 100%;
}

#navi ul li .product_box_menu .third_level li a {
    color: #444 !important;
    font-size: 13px;
    margin-bottom: 2px;
    width: fit-content;
}

#navi ul li .product_box_menu .third_level li a.all {
    color: #0098cb!important;
    font-weight: 400;
}

#navi .submenu_inner p.children a {
    position: relative;
    padding-right: 15px;
}

#navi .submenu_inner p.children a:after {
    content: '';
    background-image: url(../img/layout/arrow_down_grey.svg)!important;
    background-repeat: no-repeat!important;
    background-size: 10px!important;
    position: absolute;
    right: 0;
    width: 10px;
    height: 10px;
    margin-top: 8px;
}

#navi li .submenu ul.third_level {
    display: none;
}

#navi .submenu_inner {
    display: flex;
    margin-left: 30px;
    position: relative;
    width: 100%;
    align-items: center;
    margin-bottom: 10px;
}

#navi .submenu_inner ul.third_level.active {
    display: flex;
    margin-left: 15px;
    position: relative;
    width: 100%;
    align-items: center;
    margin-bottom: 10px;
}

.product_box_menu.last {
    margin-right: 0px;
    float: none;
    overflow: hidden;
    margin-top: 5px;
}

.product_box p {
    text-align: left!important;
}

.product_details {
    padding: 30px 20px;
}

.product_details ul li {
    display: inline-flex;
    flex-direction: column;
    width: 32%;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 100;
    position: relative;
    align-items: center;
    text-align: center;
    border-right: 1px solid #007831;
}

.product_details ul li:last-child{
    border-right: none;
}

.product_details ul li p {
    background: #B8CB43;
    color: #11552C;
    width: 85px;
    height: 85px;
    border-radius: 50%;
    font-size: 18px;
    font-family: 'Commissioner', sans-serif;
    text-transform: none;
    margin-top: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: normal;
}


.menu_overlay {
    text-align: center;
    transition: all .3s ease-in-out;
}

.menu_overlay:hover {
    transition: all .3s ease-in-out;
}

#navi ul li .menu_overlay a {
    background: #0098cb;
    color: #fff !important;
    font-size: 16px;
    padding: 8px 20px;
    width: 100%;
    transition: all 0.3s ease-in-out;
    border-radius: 7px;
    line-height: normal;
    font-family: 'Commissioner', sans-serif;
    font-weight: 600;
    text-align: center;
    justify-content: center;
}

#navi ul li .menu_overlay a:hover {
    background: #dc9833;
    color: #fff !important;
    border-bottom: none;
}

.menu_overlay a:hover {
    background: #b8cb43;
}

.menu_overlay p {
    color: #fff!important;
    font-size: 18px!important;
    padding: 15px 30px!important;
    position: relative;
    width: 100%;
}

.menu_overlay:hover p::after {
    opacity: 1;
    transform: translateX(0px);
}

.menu_overlay p::after {
    background: #fff none repeat scroll 0 0;
    content: "";
    height: 0.125rem;
    left: 25%;
    margin-top: 15px;
    opacity: 0;
    position: absolute;
    top: 100%;
    transform: translateX(10px);
    transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;
    width: 50%;
}

.search {
    background: url(../img/layout/search.svg) no-repeat center center #C1151B;
    background-size: 25px;
    text-indent: -999999px;
    width: 42px;
    height: 44px;
    position: absolute;
    top: 0px;
    right: 0px;
    cursor: pointer
}

#search_bar {
    background: #C1151B;
    margin: 0px;
    padding: 0px;
    z-index: 3;
    position: absolute;
    width: 100%;
    height: 108px;
    display: none;
    top: 0px;
}

#search_bar .search_close {
    position: absolute;
    right: 15px;
    top: 55px;
    width: 30px;
    height: 30px;
    background: url(../img/layout/bar_close.svg) no-repeat center center;
    background-size: 30px;
    cursor: pointer;
    z-index: 5;
}

#search {
    margin: 0px;
    padding: 0px;
}

#search_mob {
    display: none;
    width: 100%;
    z-index: 9;
    position: relative;
}

#search_mob input {
    width: 100%;
    background: #0098cb;
    border: none;
    padding: 15px 15px 15px 30px;
    color: #fff;
    font-weight: 200;
    font-size: 17px;
}

#search_mob input::placeholder {
    color: #fff;
}

#search_mob button {
    background-image: url(../img/layout/search_white.svg);
    background-repeat: no-repeat;
    background-size: 21px;
    width: 21px;
    height: 21px;
    border: none;
    background-color: transparent;
    position: absolute;
    right: 32px;
    left: auto;
    margin-top: 15px;
}

#search input {
    width: 100%;
    position: relative;
    float: left;
    background: #fff;
    font-size: 14px;
    font-weight: 300;
    line-height: normal;
    text-align: left;
    color: #5c5c58;
    padding: 7px 0px;
    border: none;
    border-bottom: 1px solid #0098CB;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#search input::placeholder {
    color: #5C5C58;
}

#search input:focus,
#search input:hover {
    color: #5c5c58;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.icon_turn {
    position: absolute;
    width: 30px;
    height: 30px;
    background-image: url('../img/layout/curve-arrow.svg');
    right: 0;
    bottom: 0;
    background-size: cover;
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-animation-name: icon_turn;
    animation-name: icon_turn;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.bounce {
    position: absolute;
    width: 30px;
    height: 30px;
    background-image: url('../img/layout/curve-arrow.svg');
    background-size: cover;
    right: 0;
    bottom: 0;
    margin-left: 0px;
    animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    -moz-animation: bounce 2s infinite;
    -o-animation: bounce 2s infinite;
}

@-webkit-keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        -webkit-transform: translateX(0);
    }
    40% {
        -webkit-transform: translateX(-30px);
    }
    60% {
        -webkit-transform: translateX(-15px);
    }
}

@-moz-keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        -moz-transform: translateY(0);
    }
    40% {
        -moz-transform: translateX(-30px);
    }
    60% {
        -moz-transform: translateX(-15px);
    }
}

@-o-keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        -o-transform: translateY(0);
    }
    40% {
        -o-transform: translateX(-30px);
    }
    60% {
        -o-transform: translateX(-15px);
    }
}

@keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        transform: translateY(0);
    }
    40% {
        transform: translateX(-30px);
    }
    60% {
        transform: translateX(-15px);
    }
}

.home_categ {
    padding-top: 60px;
    padding-bottom: 140px;
}

.home_categ .content h1 {
    font-size: 60px;
    text-align: left;
    display: inline-block;
}

.slider_container {
    width: 100%;
    height: auto;
    margin: 0 auto;
    position: relative;
    display: flex;
    justify-content: center;
}

.slider_container .content_text {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 160px;
    padding: 0 170px;
}

.banner_text {
    width: 100%;
    position: relative;
    z-index: 1;
}

.banner_shadow {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%, rgba(0, 0, 0, 0.5) 70%);
    z-index: 1;
}

.page_banner_shadow {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%, rgba(0, 0, 0, 0.2) 70%);
    z-index: 1;
}

/* #banner_product .banner_shadow {
    background: linear-gradient(180deg, rgb(55 55 55 / 90%) 0%, rgba(55 55 55 / 90%) 100%, rgba(55 55 55 / 90%) 70%);
} */

#banner_product .banner_text h1:before {
    display: none;
}

#banner_product .banner_text h1 {
    padding-top: 0px;
    line-height: 60px;
    letter-spacing: 0;
    max-width: 50%;
    font-weight: 200;
}
#banner_product .align_vertical{
    display: flex;
    justify-content: flex-end;
}
#banner_product .align_vertical h3{
    position: relative;
}
/* #banner_product .align_vertical h3::after{
    content: '';
    background-image: url(../img/layout/icons/scroll_down.svg);
    background-repeat: no-repeat;
    background-size: 45px;
    width: 100%;
    height: 100%;
    display: block;
    margin-top: 40px;
} */
.banner_text h1 {
    padding-top: 0;
    max-width: 50%;
    font-weight: 200;
}

.banner_text h3 {
    max-width: 45%;
    right: 0;
    position: absolute;
    line-height: 50px;
}
.scrollButtonContainer {
    position: relative;
    z-index: 10;
    color: white;
    display: block;
    height: 100%;
    width: 100%;
    left: 6.5%;
    /* right: -1%; */
    margin: 0 auto;
    text-align: center;
    transition: all 1s;
    max-width: 45%;
}
div.scroll-suggestion {
    margin: auto;
    color: #fff;
}
.scrollButtonContainer img {
    width: 45px;
    height: 45px;
    top: 160px;
    position: relative;
}
.button {
    color: #fff;
    background: #C90527;
    padding: 15px 65px 15px 65px;
    display: block;
    width: fit-content;
    border-radius: 6px;
    font-size: 17px;
    font-weight: 300;
    /* background-image: url(../img/layout/arrow_enter_white.svg);
    background-repeat: no-repeat;
    background-position: 30px center;
    background-size: 14px; */
    transition: all 0.6s ease-in-out;
    font-family: "Didact Gothic", sans-serif;
}

/* .button:hover {
    padding: 15px 57px 15px 30px;
    background-position: 90% center;
} */

.button.white {
    background: transparent;
    color: #C90527;
    border: 1px solid #C90527;
    background-image: url(../img/layout/arrow_enter.svg);
    background-repeat: no-repeat;
    background-position: 30px center;
    background-size: 14px;
    font-weight: 500;
}

 
    /* display: inline-block;
    padding: 1em 1.6em;
    border-radius: 3px;
    margin-top: 2rem;
    font-weight: bold;
    font-size: 0.8rem;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-decoration: none; */
    


.button.red {
    background: transparent;
    color: #C90527;
    border: 1px solid #C90527;
    font-weight: 500;
    text-align: center;
    position: relative;
    overflow: hidden;
    transition: all 250ms ease;
}
.button.red:hover{
    color: #fff;
}

.button.red {
    position: relative;
    overflow: hidden;
    color: #C90527;
    border: 1px solid #C90527;
    font-weight: 500;
    text-align: center;
    background: linear-gradient(to bottom, #C90527 0%, #C90527 100%);
    background-size: 100% 0%;
    background-repeat: no-repeat;
    transition: background-size 0.5s ease-in-out, color 0.3s ease-in-out;
}

.button.red:hover {
    background-size: 100% 100%;
    color: white;
}

.button.blue {
    position: relative;
    overflow: hidden;
    color: #003F83;
    border: 1px solid #003F83;
    font-weight: 500;
    text-align: center;
    background: linear-gradient(to bottom, #003F83 0%, #003F83 100%);
    background-size: 100% 0%;
    background-repeat: no-repeat;
    transition: background-size 0.5s ease-in-out, color 0.3s ease-in-out;
    z-index: 99;
}

.button.blue:hover {
    background-size: 100% 100%;
    color: white;
}
.banner_text p {
    font-size: 28px;
    line-height: 40px;
    font-weight: 100;
    color: #fff;
    text-align: left;
    overflow: hidden;
    position: relative;
    display: block;
}

.banner .banner_item {
    height: 100vh;
    display: flex;
    align-items: center;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    min-height: 800px;
} 
#dynamic_page_banner{min-height: 430px;}
#dynamic_page_banner .banner_item {
    position: absolute;
    right: 0; 
    margin-top: -100px;
    width: 91vw;
    height: 500px;
    display: block;
    border-radius: 15px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
#banner_product .banner_item {min-height: auto;}
.banner_bg{
    background: linear-gradient(to right, #003f83, #006cb2);
    height: 85vh;
    position: relative;
    overflow: visible!important;
  
}
.banner_bg::after{
    content: '';
    background-image: url(../img/layout/icons/page_bg.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 100%;
    height: 100%;
    display: block;
}
.home_about a.more.center {
    z-index: 998;
    position: relative;
}

.swiper-container.swiper-certifications{
    margin-bottom:80px
}
.swiper-certifications img{
    padding: 10px 30px;
    height: 220px;
}
.swiper-certifications h2{
    color: #003F83;
    font-size: 50px;
    line-height: 60px;
    margin-top: 50px;
    padding-left: 0;
    font-weight: 200;
    font-family: 'Commissioner', sans-serif;
    max-width: 380px;
}
.swiper-certifications p.half_text{
    padding-right: 20%;
}
.swiper-certifications .align_images{
    display: flex;
    align-items: center;
}
.swiper-certifications .swiper-slide {
    align-items: center;
}
.swiper-container {
    width: 100%;
    margin: 0;
}

.swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

#top_footer, #section_dimstel {
    width: 100%;
    padding: 140px 180px 180px 180px;
    margin: 0px auto;
    background: #fff;
    color: #fff;
    display: flex;
}

#section_dimstel img {
    width: 330px;
    height: 330px;
    border: 1px solid #000;
    border-radius: 80%;
    padding: 117px 10px;
    margin-bottom: 70px;
}

.dimstel_box {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.dimstel_box p {
    color: #262626;
    font-size: 26px;
    font-weight: 100;
    text-align: center;
    padding: 0 65px;
    margin-bottom: 35px;
}

.dimstel_box.last {
    border-right: none;
}

.dimstel_box.middle {
    border-right: 1px solid #000;
    border-left: 1px solid #000;
    margin: 0 -10px;
}

#top_footer .half {
    width: 346px;
    float: left;
    border-right: 1px solid #ddd;
    text-align: center;
}

#top_footer .half.last {
    border-right: none;
}

#top_footer .half img {
    display: block;
    margin: 30px auto 10px auto;
    width: 200px;
}

#top_footer .half p {
    padding: 10px 30px;
}

#top_footer .half a {
    color: #C1151B;
    font-size: 20px;
    padding-top: 12px;
    padding-bottom: 20px;
    font-weight: 100;
    display: block;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

#section_dimstel span {
    display: inline-block;
    margin-top: 15px;
    font-size: 20px;
    padding: 15px 50px;
    font-weight: 500;
    color: #333333;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    -webkit-border-radius: 3px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 2px solid #333333;
    position: relative;
    overflow: hidden;
    z-index: 1;
    transition: all 0.3s ease-out;
}


#section_dimstel span::after {
    content: "";
    background: #c1151b;
    position: absolute;
    z-index: -1;
    padding: 0.85em 0.75em;
    display: block;
    transition: all 0.3s ease-out;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    transform: scale(0, 0);
}

#section_dimstel span:hover {
    color: #fff;
    border: 2px solid #c1151b;
}

#section_dimstel span:hover::after {
    transform: scale(1, 1);
}

#section_dimstel span[class^="grow"]:hover::after {
    transition: all 0.3s ease-out;
}

#section_dimstel span[class^="grow"]::after {
    transition: all 0.3s ease;
}

.offers {
    background: #D1C8C1;
    padding: 0px 55px;
    height: 500px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.stores {
    background: #E5E2E0;
    padding: 0px 55px;
    height: 500px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-image: url(../img/layout/stores_graphic.svg);
    background-repeat: no-repeat;
    background-size: 130%;
    background-position: center;
}

.offers p, .stores p {
    font-size: 18px!important;
    font-weight: unset!important;
}

.content .offers a, .content .stores a {
    background: #ED1C24;
    padding: 12px 40px;
    margin: 50px auto 0 auto;
    font-size: 18px;
}

.content .offers a:hover, .content .stores a:hover {
    color: #c1151b;
}

.content .offers a::after, .content .stores a::after {
    content: "";
    background: #fff;
    position: absolute;
    z-index: -1;
    padding: 0.85em 0.75em;
    display: block;
    transition: all 0.3s ease-out;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    transform: scale(0, 0);
}

.content .offers a:hover::after, .content .stores a:hover::after {
    transform: scale(1, 1);
}

.content .offers a[class^="grow"]:hover::after, .content .stores a[class^="grow"]:hover::after {
    transition: all 0.3s ease-out;
}

.content .offers a[class^="grow"]::after, .content .stores a[class^="grow"]::after {
    transition: all 0.3s ease;
}

.home_about {
    padding-top: 160px;
    padding-bottom: 125px;
    background-image: url(../img/layout/about_graphic_1.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: bottom;
    position: relative;
    overflow: hidden;
}

.about_graphic_bottom {
    background-image: url(../img/layout/about_graphic_2.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 130px bottom;
    position: absolute;
    z-index: 99;
    width: 600px;
    height: 370px;
    bottom: 0;
}

.about_image_top {
    position: absolute;
    top: 0;
    margin-top: 185px;
    right: 105px;
    transform: rotate(9deg);
    z-index: -1;
}

.about_text p {
    padding: 10px 0;
    margin-left: 10%;
    font-family: "Didact Gothic", sans-serif;
    font-size: 21px;
}

.about_text .button {
    width: 330px;
}

.about_text {
    display: flex;
    align-items: center;
    margin-top: 50px;
}
.about_subtitle p{
    color:#003F83;
    font-size: 45px;
    line-height: 60px;
}
.about_home {
    position: relative;
    overflow: hidden;
    padding-top: 150px;
    background-image: url(../img/layout/graphic_bg.svg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 100%;
}

.about_grey {
    position: absolute;
    right: 0;
    width: 68%;
    height: 67%;
    background: #E8E8E8;
    border-top-left-radius: 8px;
    top: 120px;
}

.fylladio {
    text-align: center;
    margin-bottom: 100px;
}

.fylladio a {
    width: fit-content;
    margin: 0 auto;
    display: block;
    font-size: 21px;
    color: #fff;
    background: #1A171B;
    padding: 14px 40px;
    border-radius: 40px;
    font-weight: 500;
}

.years {
    background: #C90527;
    padding: 65px;
    border-radius: 50%;
    margin: 0 auto;
    width: 350px;
    height: 350px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.years span {
    color: #fff;
    font-size: 110px;
    line-height: 110px;
    font-family: 'Commissioner', sans-serif;
    font-weight: 600;
    display: block;
}

.years p {
    color: #fff;
    display: block;
    font-size: 32px;
    line-height: 37px;
    font-weight: 400;
    margin-top: 12px;
    text-align: center;
    font-family: "Didact Gothic", sans-serif;
}
.home_info{
    padding-top: 90px;
}
.home_info ul{
    font-family: "Didact Gothic", sans-serif;
    display: flex;
    justify-content: space-between;
}

.home_info ul li{
    color:#003F83;
    font-size: 30px;
    line-height: 65px;
}

.home_info ul li strong{
    color:#C90527;
    font-size: 55px;
    font-family: 'Commissioner', sans-serif;
    font-weight: 600;
}
.products_home{
    position: relative;
}
.products_home img{
    width: 100%;
}
.products_home::before {
    content: "";
    background: #E9EDF1;
    position: absolute;
    top: 0;
    width: 100%;
    height: 65vh;
    z-index: -1;
}
.products_home h2.title{
    color:#003F83;
    font-size: 55px;
    font-weight: 600;
    display: flex;
    align-items: center;
    padding-left:0;
    margin-bottom: 0;
}
.products_home h2::before{
    content: '';
    position: relative;
    background-image: url(../img/layout/subtitle_bg.svg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 100%;
    width: 30px;
    height: 40px;
    margin-right: 10px;
    top: 2px;
}
.products_home h3.subtitle{
    color:#006CB2;
    width: 50%;
    line-height: 45px;
    font-size: 35px;
}

.products_home .row_title{
    display: flex;
    justify-content: space-between;
    padding-bottom: 70px;
}

.photos_home {
    overflow: hidden;
}
.photos_home img{
    width: 100%;
    border-radius: 10px;
}

.photos_home img.first{
    margin-left: -20px;
}
.photos_home .align_photos.middle{
  
}
.photos_home .align_photos{
    display: flex;
    justify-content: center;
}
.photos_home img.last{
    margin-right: -20px;
    float: right;
}

.product_section{
    background: #003F83;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
}
.product_section::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 70px; 
    height: 70px; 
    background-color: #006CB2; 
    clip-path: polygon(100% 0, 0% 100%, 100% 100%);
}
.product_section img{
    border-top-right-radius:10px;
    border-top-left-radius:10px;
}

.product_section h2{
    color: #fff;
    padding: 40px 40px 20px 40px;
    font-weight: 300;
    margin-bottom: 0;
    display: flex;
    justify-content: space-between;
}
.product_section h2::before{
    display: none;
}
.product_section h2::after {
    content: '';
    position: relative;
    background-image: url(../img/layout/icons/arrow_right_white.svg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 100%;
    width: 45px;
    height: 45px;
    right: 0px;
    display: flex
}
.product_section p{
    color: #fff;
    padding: 0px 30% 40px 40px;
    font-family: "Didact Gothic", sans-serif;
}

.assurance_home h2.title {
    color: #003F83;
    font-size: 55px;
    font-weight: 600;
    display: flex;
    align-items: center;
    padding-left: 0;
    margin-bottom: 0;
}
.assurance_home h2.title span{
    color: #006CB2;
    padding-left: 15px;
}
.assurance_home h2::before {
    content: '';
    position: relative;
    background-image: url(../img/layout/subtitle_bg.svg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 100%;
    width: 30px;
    height: 40px;
    margin-right: 10px;
    top: 2px;
}
.assurance_home .row_title {
    display: flex;
    justify-content: space-between;
    padding-bottom: 50px;
    padding-right: 15px;
    padding-left: 15px;
    border-bottom: 1px solid #003F83;
}
.assurance_home .assurance_swiper{
    display: flex;
    align-items: flex-end;
    margin-bottom: 55px;
}
.assurance_home .assurance_swiper p{
    color: #003F83;
    font-size: 45px;
    line-height: 60px;
    margin-top: 50px;
    font-family: 'Commissioner', sans-serif;
}

.assurance_home .navigation_buttons {
    display: flex;
    align-items: center;
    left: 0;
    position: absolute;
    bottom: -10px;
    top: unset;
}

.swiper-container-multirow-column>.swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: row!important;
}

.brands_home {
    overflow: hidden;
    position: relative;
}

.brand_content {
    position: relative;
}

.brand_content img {
    opacity: 0.5;
    transition: all 0.3s ease-in-out;
}

.brand_content:hover img {
    opacity: 1;
}

.hero_services {
    position: relative;
    overflow: hidden;
    height: 85vh;
    min-height: 800px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.services_text {
    width: calc(100% - 220px);
    height: 85vh;
    min-height: 800px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
    flex-direction: column;
    z-index: 1;
    margin: 0 110px;
}

.services_text h1 {
    color: #fff;
    font-size: 60px;
    line-height: 75px;
    margin-bottom: 60px;
}

.services_text ul {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.services_text ul li {
    color: #eee;
    font-size: 20px;
    font-weight: 200;
    line-height: 30px;
    width: 26.5%;
}

.services_text ul li h3 {
    font-family: 'Commissioner', sans-serif;
    color: #fff;
    font-size: 32px;
    font-weight: 500;
    margin-bottom: 30px;
    background-image: url(../img/layout/check.svg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 25px;
    padding-left: 35px;
}

.services_graphic {
    background-image: url(../img/layout/graphic_services.svg);
    background-repeat: no-repeat;
    background-position: bottom;
    position: absolute;
    background-size: 100%;
    right: -23%;
    width: 60%;
    height: 100%;
    z-index: 1;
    top: 30px;
}

.services_text .button {
    padding: 23px 45px 23px 45px;
    margin: 0 auto;
    background-image: none;
}

.services_text .button:hover {
    background: #fff;
    color: #C90527;
}

.services_button {
    position: relative;
    margin-top: 80px;
}

.services_button:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 35%;
    border-top: 1px solid #fff;
}

.services_button:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    width: 35%;
    border-top: 1px solid #fff;
}

.hero_services .banner_shadow {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%, rgba(0, 0, 0, 0.4) 70%);
}

.about_title {
    display: inline-flex;
    align-items: center;
}

.about_title h1 {
    color: #D5585C;
    font-size: 70px;
    line-height: 75px;
    margin-bottom: 0;
    font-family: 'Commissioner', sans-serif;
}

.about_title p {
    color: #D5585C;
    font-size: 160px;
    font-family: 'Commissioner', sans-serif;
    margin-right: 25px;
    text-shadow: -14px 15px #d9d9d9;
    letter-spacing: 5px;
}

.home_insta .content h1 {
    font-size: 58px;
    text-align: left;
}

.home_insta .content h1 span {
    color: #ED1C24;
}

.home_insta .content a {
    padding: 15px 65px;
}

.insta_feed {
    display: flex;
    margin-top: 90px;
}
.list_terms{display: flex;}
.footer_title p{
    color:#fff;
    font-size: 70px;
    font-weight: 200;
    border-bottom: 1px solid #fff;
    padding-bottom: 60px;
    position: relative;
    display: flex;
    justify-content: space-between;
}
.footer_title p::after{
    content: '';
    position: relative;
    background-image: url(../img/layout/icons/arrow_contact.svg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 100%;
    width: 45px;
    height: 45px;
    right: 0px;
    display: flex
}

.footer_mob {
    display: none;
}

#footer {
    width: 100%;
    padding: 0px 0px 40px 0px;
    margin: 0px auto 0px auto;
    overflow: hidden;
    background: linear-gradient(to right, #003F83, #006CB2);
    color: #fff;
}
#footer .flex_section p{
    color:#fff;
    font-size: 17px;
    font-weight: 200;
    padding-right: 50px;
}
#footer .flex_section p.footer_links{
    padding-right: 20px;
}
#footer .flex_section p.footer_links a{
    color:rgba(255, 255, 255, 0.7);
}

#footer_container {
    width: 100%;
    padding: 100px 0px 30px 0px;
}

.footer_mob {
    display: none;
}

.footer_top {
    margin: 80px auto 30px auto;
    width: 100%;
    display: flex;
}

.footer_box {
    /* float: left; */
    margin-right: 0px;
}

.footer_box a {
    color: #fff;
    line-height: normal;
    transition: all 0.3s ease-in-out;
}

.footer_box a:hover {
    letter-spacing: 0.3px;
}

.footer_box .tips_menu {
    top: 6px;
}

.footer_box h3 {
    font-family: 'Commissioner', sans-serif;
    font-weight: 400;
    color: #fff;
    font-size: 21px;
    margin-bottom: 35px;
    position: relative;
    line-height: 17px;
    padding-left: 22px;
}

.footer_box h3.sec {
    margin-top: 30px;
}

.footer_box.first {
    margin-left: 20px;
}

.social_icons {
    margin-top: 22px;
    display: flex;
    flex-wrap: wrap;
    margin-left: -12px;
}
.align_links{
    display: flex;
}
.social_icons a {
    width: 45px;
    margin-right: 5px;
    margin-bottom: 16px;
    padding: 11px;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease-in-out;
}

.social_icons a:hover {
  
}

.social_icons img {
    width: 45px;
}

.social_icons img.facebook {
    width: 12px;
}

.social_icons a.instagram, .social_icons a.youtube {
    margin-right: 0;
}

.social_icons a.instagram {
    height: 46px;
}

.social_icons a.instagram img {
    height: 38px;
    position: relative;
    top: 3px;
}

.footer_box p {
    font-weight: 200;
    color: #fff;
    margin-left: 22px;
    padding-bottom: 5px;
}

.footer_box p.last {
    margin-top: 20px;
    border-bottom: 1px solid #fff;
    width: fit-content;
    padding-bottom: 0; 
}

.footer_box h4 {
    font-size: 18px;
    line-height: 35px;
    font-weight: 500;
    margin-bottom: 20px;
    background: #007831;
    width: fit-content;
    color: #fff;
}

.footer_box h4 a {
    color: #fff;
    padding: 5px 17px 5px 14px;
    display: block;
}

.footer_box h4 a:hover {
    color: #fff;
    padding-left: 19px;
}

.footer_box h4 span {
    font-size: 15px;
}

.footer_box h4 img {
    width: 24px;
    margin-right: 5px;
    position: relative;
    top: 8px;
}

.footer_box p.footer_first {
    margin-bottom: 25px;
}

.footer_box ul {
    margin: 0px 0px 0px 0px;
}

.footer_box ul li {
    font-size: 21px;
    font-weight: 100;
    line-height: 45px;
    display: block;
}

.footer_box ul.menu li {
    width: 49%;
    display: inline-block;
}

.footer_box ul li a {
    color: #111;
    display: block;
    transition: all 0.2s ease-in-out;
}

.footer_box ul li a:hover {
    color: #ED1C24;
    letter-spacing: 0.5px;
}

.footer_box form input {
    background: #fff;
    border: 0px;
    padding: 10px;
    width: 185px;
    margin: 0px;
    float: left;
    color: #666;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.footer_box form input.button {
    background: #C1151B url(../img/layout/mail.svg) no-repeat center center;
    color: #fff;
    background-size: 22px;
    width: 40px;
    text-indent: -9999px;
    padding: 10px;
    cursor: pointer;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.footer_box form input.button.store {
    background: #C1151B url(../img/layout/search.png) no-repeat center center;
}

.footer_logo .social_icons img {
    width: 27px;
    margin-right: 20px;
    padding: 0;
}

.footer_logo .social_icons img.facebook {
    width: 15px;
}

.footer_copyright {
    margin: 0px auto 0 auto;
    padding: 25px 0 50px 0;
    background: #1a171b;
    position: relative;
}

.footer_copyright p {
    text-align: left;
    line-height: 20px;
    font-size: 17px;
    color: #fff;
    font-weight: 150;
    margin: 0;
    display: inline-block;
}

.footer_copyright p.last {
    margin-left: 30px;
    border-bottom: 1px solid #888;
}

.footer_copyright a {
    color: #fff;
    text-decoration: none;
}

.footer_copyright a:hover {
    text-decoration: underline;
}

.footer_logo {
    position: relative;
}

.footer_logo img {
    width: 120px;
}

#wapp {
    position: relative;
    float: right;
}

#wapp a {
    display: block;
    width: 85px;
    height: 25px;
    background: transparent url(../img/layout/wapp.svg) no-repeat center;
    text-indent: -999999px!important;
    margin-top: 0;
}

#content {
    width: 100%;
}

.content {
    width: 100%;
    margin: 0 auto;
    position: relative;
}

.content h1 {
    text-align: center;
}

.content h2 {
    font-size: 64px;
    color: #333333;
    line-height: 85px;
    position: relative;
    font-weight: 400;
    font-family: 'Commissioner', sans-serif;
}

.content h3 {
    font-size: 23px;
    margin: 30px 0 10px 0;
}

.content h4 {
    font-size: 18px;
    line-height: 20px;
    margin: 10px 0px 10px 0px;
}

.content strong {
    font-weight: 700;
    color: #dc9833;
}

.content p.large {
    color: #444;
    font-size: 30px;
    margin-bottom: 60px;
    text-align: center;
}

.content p {
    font-size: 20px;
    line-height: 35px;
    margin-bottom: 40px;
    font-weight: 200;
    margin-top: 10px;
}

.content a {
    color: #000;
    transition: all 0.2s ease-in-out;
}

.content a:hover {
    color: #0098cb;
}

.pagination {
    margin: 0;
    border-radius: 0;
    width: 100%;
}

.inner.paginate .pagination.bottom {
    display: flex;
    width: calc(100% - 60px);
    align-items: center;
    justify-content: space-between;
    margin: 0;
    margin-top: 20px;
    border-top: 1px solid #111;
    margin-left: 30px;
    padding-top: 20px;
    font-size: 19px;
    font-weight: 300;
}

.inner.paginate .pages {
    width: 100%;
}

.content .pagination a {
    color: #007831;
}

.pagination .next-prev {
    float: right;
    display: inline-flex;
}

.pagination .disabled img {
    opacity: 0.5;
}

.pagination .disabled, .pagination .prev {
    margin-right: 25px;
    display: inline-block;
}

.pagination .next {
    display: inline-block;
}

.pagination img {
    width: 35px;
    height: 35px;
}


.content .button {
    color: #fff;
    background: #333333;
    padding: 15px 30px;
    border-radius: 5px;
    width: fit-content;
    margin: 100px auto 0 auto;
    display: block;
    font-size: 20px;
    font-weight: 400;
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: all 0.3s ease-out;
}

.content .button::after {
    content: "";
    background: #c1151b;
    position: absolute;
    z-index: -1;
    padding: 0.85em 0.75em;
    display: block;
    transition: all 0.3s ease-out;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    transform: scale(0, 0);
}

.content .button.empty {
    background: none;
    border: 2px solid #333333;
    color: #333333;
    margin: 30px auto 0 auto;
}

.content .button:hover {
    color: #fff;
}

.content .button.empty:hover {
    border: 2px solid #c1151b;
}

.content .button:hover::after {
    transform: scale(1, 1);
}

.content .button[class^="grow"]:hover::after {
    transition: all 0.3s ease-out;
}

.content .button[class^="grow"]::after {
    transition: all 0.3s ease;
}

.first_boxes {
    padding-top: 100px;
    padding-bottom: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.second_boxes {
    display: flex;
    align-items: center;
    justify-content: center;
}

.second_boxes h1 {
    font-size: 42px;
    color: #333333;
    padding: 0px 0px 15px 0px;
    margin: 10px 0px 15px 0px;
    text-align: left;
    line-height: 55px;
    position: relative;
    font-weight: 400;
    font-family: 'Commissioner', sans-serif;
}

.second_boxes .text_wrapper {
    padding: 60px 160px 60px 90px;
}

.second_boxes .text_wrapper p, .second_boxes .text_wrapper_left p {
    font-size: 19px;
    line-height: 35px;
    margin-bottom: 30px;
    font-weight: 200;
    text-align: left;
    margin-top: 25px;
}

.second_boxes a {
    padding: 15px 30px;
    border-radius: 5px;
    margin-top: 50px;
    font-size: 20px;
    font-weight: 400;
    display: block;
    width: fit-content;
    background: #333333;
    color: #fff;
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: all 0.3s ease-out;
}

.second_boxes a::after {
    content: "";
    background: #c1151b;
    position: absolute;
    z-index: -1;
    padding: 0.85em 0.75em;
    display: block;
    transition: all 0.3s ease-out;

}

.second_boxes a::after {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    transform: scale(0, 0);
}

.second_boxes a:hover {
    color: #fff;
}

.second_boxes a:hover::after {
    transform: scale(1, 1);
}
.second_boxes a[class^="grow"]:hover::after {
    transition: all 0.3s ease-out;
}

.second_boxes a[class^="grow"]::after {
    transition: all 0.3s ease;
}

.second_boxes .text_wrapper_left {
    padding: 60px 90px 60px 180px;
}

.text-line {
    background: #F0F0F0;
    padding: 70px 0;
}

.video_container {
    background: #F0F0F0;
    padding-top: 130px;
    position: relative;
}

.video_text {
    position: absolute;
    bottom: 160px;
    left: 21%;
}

.video_text h1 {
    font-size: 75px;
    color: #fff;
    margin: 0px 0px 50px 0px;
    text-align: left;
    line-height: 65px;
    position: relative;
    font-weight: 400;
    font-family: 'Commissioner', sans-serif;
}

.video_text p {
    color: #fff;
    font-size: 23px;
    font-weight: 100;
    line-height: 25px;
}

.video_text img {
    width: 110px;
    margin-bottom: 70px;
    transition: all 0.2s ease-in-out;
}

.video_text img:hover {
    transform: scale(0.9);
    opacity: 0.5;
}

ul.static_list {
    margin: 20px 5px 15px 15px;
    overflow: auto;
}

ul.static_list li {
    margin: 0 0 8px 0;
    font-size: 18px;
    font-weight: 100;
    background: transparent url(../img/layout/list.png) no-repeat 0 9px;
    padding-left: 22px;
}

.left_thumb {
    margin: 80px auto 0px auto;
    border: 15px solid #F5F2D3;
    transform: rotate(-3deg);
    box-shadow: rgb(149 157 165 / 35%) 0px 8px 24px;
    transition: all 0.3s ease-in-out;
    width: 85%;
}

.left_thumb:hover {
    transform: scale(1.1);
}


.right_thumb {
    position: relative;
    display: block;
    margin: 5px 0px 20px 0px;
}

.light_green_bg {
    background-image: url(../img/layout/syntagi_bg_2.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 90%;
    height: 100%;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 30%;
}

.recipe_view_details h3 {
    color: #fff;
    background: #007831;
    padding: 12px 30px;
    font-size: 21px;
    font-weight: 500;
    width: fit-content;
    text-align: center;
    margin: 15px auto;
    transform: rotate(-1deg);
    box-shadow: rgb(149 157 165 / 35%) 0px 8px 24px;
}

.recipe_view_details .small_img {
    width: 90px;
    margin: 60px auto 0 auto;
    text-align: center;
    display: block;
}

.recipe_view_details p {
    color: #007831;
    font-weight: 500;
    width: fit-content;
    text-align: center;
    margin: 0 auto;
}

.recipe_view_details p.difficulty {
    background: none;
    width: 100%;
    margin-left: -40px;
}

.recipe_view_details p.difficulty:after {
    content: '';
    background-repeat: no-repeat;
    position: absolute;
    width: 60px;
    height: 40px;
    background-size: 60px;
    background-position: center;
    margin-left: 15px;
}

.recipe_view_details p.difficulty.easy:after {
    background-image: url(../img/layout/dyskolia_eukolo.svg);
}

.recipe_view_details p.difficulty.medium:after {
    background-image: url(../img/layout/dyskolia_metrio.svg);
}

.recipe_view_details p.difficulty.hard:after {
    background-image: url(../img/layout/dyskolia_duskolo.svg);
}

.syntages_content {
    overflow: hidden;
}

.syntages_content img {
    transition: all 0.3s ease-in-out;
}

.syntages_content:hover img {
    transform: scale(1.1);
}

.syntagi_bg {
    background-image: url(../img/layout/syntagi_bg.svg);
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 120vh;
    top: 0;
    position: absolute;
    z-index: -1;
}

.recipe_view {
    position: relative;
}

p.box_title {
    color: #E69A33;
    font-size: 30px;
    font-weight: bold;
    margin: 0 auto 35px auto;
    font-family: 'Commissioner', sans-serif;
    z-index: 1;
    position: relative;
    text-align: center;
    padding-bottom: 0 !important;
}

.product_brand {
    text-transform: uppercase;
    color: #C90527;
    line-height: normal;
}

.product_title {
    font-weight: 500;
    line-height: normal;
    margin-top: 5px;
    padding-bottom: 10px;
}

.product_brand img {
    width: 160px;
    margin-bottom: 35px;
}

.product_brand p.box_title {
    color: #0098cb;
}

.swiper-container.swiper-more-products {  
    margin-left: -30px;
    margin-top: 110px;
}

.more_products {
    margin-top: 20px;
}

.more_products .navigation_buttons {
    right: 8.3333%;
}

.more_products .navigation_buttons.mob {
    display: none;
}

.more_products .product_box {
    margin-bottom: 0px;
}

.more_products .product_box img {
    padding: 35px;
    border-radius: 12px;
    background: #fff;
}

.product_description.no_border {
    border-left: none;
}

.product_description p {
    padding-bottom: 10px;
}

.product_description p:last-of-type {
    padding-bottom: 0;
}

span.number {
    padding: 2px 4px 2px 8px;
    background: #b9ca43;
    color: #017830;
    font-weight: 700;
    font-size: 23px;
    margin-right: 8px;
}

.preparation_box strong, .preparation_box a {
    color: #fff;
    font-weight: 700;
    font-size: 22px;
    text-decoration: underline;
    transition: all 0.2s ease-in-out;
}

.preparation_box a:hover {
    color: #b9ca43;
    text-decoration: underline!important;
}

p.preparation_title {
    color: #007831;
    background: #b8cb43;
    padding: 15px 30px;
    font-size: 40px;
    font-weight: 500;
    width: fit-content;
    text-align: center;
    margin: 15px auto 0 auto;
    transform: rotate(-1deg);
    box-shadow: rgb(149 157 165 / 35%) 0px 8px 24px;
    font-family: 'Commissioner', sans-serif;
    z-index: 1;
    position: relative;
}

.preparation_box {
    background-image: url(../img/layout/proetoimasia_bg.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    position: relative;
    display: block;
    margin: -25px 0px 0px 0px;
    padding: 60px 70px;
    color: #fff;
}

.preparation_box p {
    font-weight: 400;
    line-height: 40px;
    margin: 10px 0;
}

.syntagi_chicken {
    background-image: url(../img/layout/chicken_5.svg);
    background-repeat: no-repeat;
    background-size: 280px;
    width: 280px;
    height: 245px;
    bottom: -80px;
    position: absolute;
    right: 0;
    margin-right: -150px;
}

.recipe_video {
    background-color: #F5F2D3;
    position: relative;
    display: flex;
    align-items: center;
    padding: 50px 30px;
    top: -30px;
}

.recipe_video h4 {
    color: #d1565a;
    font-family: 'Commissioner', sans-serif;
    font-size: 36px;
    text-align: center;
    line-height: 45px;
    z-index: 1;
    position: relative;
    padding: 0px;
}

.recipe_video .circle {
    background: #FFFCDB;
    width: 220px;
    height: 220px;
    border-radius: 50%;
    position: absolute;
    z-index: 0;
    left: 0;
    right: 0;
    margin: -40px auto 0 auto;
}

.video_chicken {
    background-image: url(../img/layout/chicken_6.svg);
    background-repeat: no-repeat;
    background-size: 250px;
    width: 250px;
    height: 245px;
    bottom: -65px;
    position: absolute;
    left: 0;
    margin-left: -140px;
}

.intro_text {
    width: 90%;
    background: #f0f0f0;
    padding: 50px 180px 50px 180px;
}

.contact_us {
    margin-bottom: 120px;
}

.contact_us p {
    color: #c1151b;
    font-size: 26px;
    font-weight: 300;
    font-family: 'Commissioner', sans-serif;
}

.contact_us .button {
    margin: 20px auto 0 auto;
}

.product_specs_wrap {
    position: relative;
    overflow: hidden;
    margin: 80px 60px 0 60px;
}

.product_specs a.show_more {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 30px;
    padding: 25px 35px;
    border: 1px solid #C90527;
    border-radius: 8px;
    position: relative;
    cursor: pointer;
    color: #C90527;
    width: 100%;
    display: block;
}

.product_specs a.show_more:after {
    content: '+';
    color: #C90527;
    font-size: 90px;
    line-height: 90px;
    position: absolute;
    right: 22px;
    font-weight: 100;
    top: 0;
}

.product_specs table {
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 25px;
}

.product_specs table td {
    border: 1px solid #111;
    padding: 8px;
    font-size: 18px;
    font-weight: 300;
    color: #111;
}

.toggle_container {
    margin-bottom: 25px;
    overflow: hidden;
}

.toggle_container p {
    padding: 5px 0;
}

.toggle_container ol {
    margin: 10px 0;
    list-style: decimal inside;
}

.toggle_container ul {
    margin: 10px 0;
}

.toggle_container ul li, .toggle_container ol li {
    font-size: 20px;
    font-weight: 300;
    line-height: 34px;
    color: #1a171b;
    padding: 3px 0;
    padding-left: 25px;
    position: relative;
}

.toggle_container ol li {
    padding-left: 0px;
}

.toggle_container ul li:before {
    content: '';
    position: absolute;
    width: 7px;
    height: 7px;
    background-color: #C90527;
    left: 0;
    margin-top: 13px;
}

.product_chicken {
    background-image: url(../img/layout/chicken_5.svg);
    background-repeat: no-repeat;
    background-size: 250px;
    width: 250px;
    height: 130px;
    bottom: 0px;
    position: absolute;
    right: 0;
    margin-right: -30px;
}

.grey_bg {
    background: #E8E8E8;
}

.specs_box {
    padding: 50px 60px 50px 50px;
}

.specs_box h2 {
    font-size: 30px;
    margin-bottom: 40px;
    font-family: 'Commissioner', sans-serif;
}

.specs_box ul li {
    margin: 0 0 8px 0;
    font-size: 22px;
    font-weight: 100;
    background: transparent url(../img/layout/bullet.png) no-repeat 0 15px;
    padding-left: 17px;
    background-size: 4px;
    width: 49%;
    display: inline-block;
}

.intro_box {
    padding: 0px;
    margin: 0px;
    text-align: center;
}

.intro_box h1.home {
    font-weight: 100;
}

.intro_box p.intro:after {
    -moz-user-select: none;
    border-bottom: 1px solid #C1151B;
    bottom: 0px;
    content: "";
    font-size: 0;
    height: 0;
    left: 35%;
    line-height: 0;
    overflow: hidden;
    position: absolute;
    right: auto;
    text-indent: -9999px;
    top: auto;
    width: 30%;
}

.intro_box h3 {
    font-size: 32px;
    text-align: left;
    font-weight: 300;
    font-family: 'Commissioner', sans-serif;
    margin-top: 20px;
    line-height: 45px;
}

.intro_box p {
    text-align: center;
    font-size: 27px;
    line-height: 40px;
}

.related_products {
    text-align: center;
}

.related_products h3 {
    margin-top: 30px;
    color: #d5585c;
    font-family: 'Commissioner', sans-serif;
    font-size: 21px;
    text-align: center;
    margin-bottom: 20px;
}

.related_products img {
    width: 180px;
    margin: 15px 15px 0 15px;
    transition: all 0.3s ease-in-out;
}

.related_products img:hover {
    transform: scale(1.05);
}

.description_box {
    background: #F5F2D3;
    padding: 60px 70px;
    margin: -25px auto 0 auto;
    display: flex;
    position: relative;
}

.description_box p {
    text-align: left;
    font-weight: 400;
    line-height: 30px;
}

.description_box p.center {
    text-align: center;
}

.description_box p strong {
    color: #007831;
    font-weight: 600;
    padding-bottom: 10px;
    font-size: 22px;
    display: inline-block;
    text-transform: uppercase;
}

.description_box .col-md-6:last-of-type p strong:after {
    display: none;
}

.description_box ul {
    margin-bottom: 25px;
}

.description_box .col-md-6:last-of-type ul:after{
    display: none;
}

.description_box .col-md-6 p strong:after, .description_box .col-md-6 ul:after {
    width: 95%;
}

.description_box hr {
    background-image: url(../img/layout/line_black.svg);
    background-repeat: repeat;
    background-position: right;
    background-size: contain;
    width: 100%;
    position: relative;
    height: 24px;
    margin-bottom: 12px;
}

.description_box ul li {
    display: block;
    font-size: 20px;
    padding: 2px 0px 2px 0px;
}

.description_box ul li:before {
    content: '-';
    position: absolute;
    margin-left: -15px;
}

.description_box .text_left {
    padding-right: 70px;
}

.description_box .image_right {
    display: flex;
    justify-content: center;
    position: relative;
    bottom: 30px;
}

.home_header_shadow{position: absolute;top:0;left:0;width:100%; height: 100%; background: linear-gradient(180deg, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.3) 100%, rgba(0,0,0,0) 70%); z-index:1;}

.no_banner {
    background: #4D4D4D;
    height: 55vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.no_banner h1.page-top {
    position: absolute;
    font-size: 26px;
    color: #fff;
    margin-top: 140px;
}

.no_banner h2 {
    font-size: 65px;
    color: #fff;
    padding: 0px 0px 15px 0px;
    margin: 10px 0px 15px 0px;
    text-align: center;
    line-height: 65px;
    position: relative;
    top: 150px;
    font-weight: 400;
    font-family: 'Commissioner', sans-serif;
}

.description {
    margin: 120px 0;
}

.scroll {
    position: absolute;
    bottom: 60px;
    display: flex;
    justify-content: center;
}

.scroll img {
    width: 17px;
}

.home_half {
    float: left;
    margin: 20px 40px 20px 0;
    position: relative;
    overflow: hidden;
}

.home_half.last {
    margin-right: 0px;
}

.home_half.full {
    margin-right: 0px;
    width: 100%;
}

.home_half a {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    text-indent: -999999px;
    z-index: 999;
}

.home_half p {
    font-size: 26px;
    color: #fff;
    background: rgba(193, 21, 27, 0.8);
    position: absolute;
    top: 10px;
    padding: 20px;
    border-left: 3px solid #fff;
    left: 10px;
    font-weight: 100;
    z-index: 3;
}

.home_half p.desc {
    font-size: 15px;
    font-weight: 300;
    color: #333;
    background: rgba(255, 255, 255, 0.8);
    position: absolute;
    padding: 10px 20px;
    border-left: none;
    border-bottom: 3px solid #C1151B;
    right: 10px;
    top: auto;
    left: auto;
    bottom: 10px;
    width: 320px;
}

.home_half img {
    z-index: 1;
    width: 500px;
    height: 293px;
    margin: 0px;
    float: left;
    opacity: 1;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.home_half:hover img {
    opacity: 0.95;
    -moz-transform: scale(1.05, 1.05);
    -webkit-transform: scale(1.05, 1.05);
    -o-transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
}

.home_half .overlay {
    width: 500px;
    height: 293px;
    background: rgba(0, 0, 0, 0.1);
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
    opacity: 0;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.home_half:hover .overlay {
    opacity: 1;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.home_half.full p.desc {
    width: 620px;
}

.home_half.full img {
    width: 100%;
}

.home_half.full .overlay {
    width: 100%;
}

.parallax {
    background: transparent none repeat scroll 0 0;
    height: 300px;
    width: 100%;
    min-width: 1100px;
    margin: 30px 0 50px 0;
}

.parallax_container {
    text-align: center;
}

.parallax_container h5 {
    font-size: 34px;
    font-weight: 100px;
    color: #fff;
    position: relative;
    padding-bottom: 20px;
}

.parallax_container h5 a {
    display: block;
    color: #fff;
}

.parallax_container h5:after {
    -moz-user-select: none;
    border-bottom: 2px solid #C1151B;
    bottom: 0px;
    content: "";
    font-size: 0;
    height: 0;
    left: 40%;
    line-height: 0;
    overflow: hidden;
    position: absolute;
    right: auto;
    text-indent: -9999px;
    top: auto;
    width: 20%;
}

.parallax_container p {
    font-size: 22px!important;
    font-weight: 400!important;
    padding-top: 20px;
    color: #fff;
    padding-bottom: 20px;
    line-height: 30px!important;
    text-shadow: 0px 1px 1px #666;
}

.parallax_container a.more {
    font-size: 20px;
    font-weight: 100px;
    padding: 10px 20px;
    color: #fff;
    text-shadow: 0px 0px 1px #777;
    background: #C1151B;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    -webkit-border-radius: 3px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.parallax_container a.more:hover {
    background: rgba(0, 0, 0, 0.5);
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.owl-theme .owl-controls {
    display: none!important;
}

.item {
    margin: 0 10px;
    position: relative;
    transition: all 0.2s ease-in-out;
}

.item:hover a.title:after {
    margin-left: 25px;
    transition: all 0.2s ease-in-out;
}

.item a.item_link {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    text-indent: -999999px;
    z-index: 999;
}

.item img {
    width: 100%;
}

#tabs {
    margin: 0 auto;
    text-align: center;
}

#tabs li {
    width: 12%;
    display: inline-flex;
    margin: 0 15px;
    flex-direction: column;
}

#tabs li img {
    width: 100%;
}

#tabs li p {
    font-size: 21px;
    font-weight: 500;
    color: #007831;
    text-align: center;
    line-height: normal;
    margin-top: 15px;
}

.box_top {
    display: flex;
    margin-bottom: 25px;
}

.product_box img {
    padding: 15px 40px;
    background: #fff;
    border-radius: 8px;
}

.product_box:hover img {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.product_box .category_icon {
    display: inline-block;
    margin-right: 30px;
    margin-top: 35px;
    padding-bottom: 10px;
}

.product_box .category_icon.last {
    margin-right: 0;
}

.product_box .category_icon img {
    background: transparent;
    width: 30px;
    padding: 0;
}

.product_box .category_icon.kotes-augoparagogis img {
    width: 37px;
}

.product_box .category_icon.kotes-kokoria-anaparagogis img {
    width: 52px;
}

.category_first {
    padding-bottom: 140px;
    position: relative;
    display: flex;
}

.category_first .grey_bg {
    background: #E8E8E8;
    position: absolute;
    left: 0;
    width: 52%;
    height: 65%;
    top: -100px;
    border-top-right-radius: 10px;
    margin: 0;
}

.swiper-container.swiper-category-type {
    margin-left: 90px;
    margin-top: 105px;
}

.swiper-container.swiper-category-type .swiper-slide .img-responsive {
    border-radius: 10px;
}

.swiper-container.swiper-category-type .swiper-slide {
    -webkit-box-pack: flex-start;
    -ms-flex-pack: flex-start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    padding-left: 90px;
}

.swiper-container.swiper-category-type .swiper-slide img.small_img {
    position: absolute;
    width: 200px;
    background: #E0E0E0;
    padding: 10px;
    border-radius: 10px;
    top: 170px;
    left: 15px;
}

.swiper-container.swiper-category-type .swiper-slide h3 {
    color: #C90527;
    font-size: 30px;
    font-weight: 450;
    background-image: url(../img/layout/arrow_enter.svg);
    background-repeat: no-repeat;
    margin-top: 50px;
    background-position: right;
    background-size: 47px;
    padding-right: 50px;
    line-height: normal;
}

.category_description {
    padding-left: 160px;
    float: right;
}

.navigation_buttons {
    display: flex;
    align-items: center;
    right: 15%;
    position: absolute;
    top: 0;
}
.gallery_buttons.navigation_buttons{
    top:unset;
    bottom:0;
    right: unset;
    left: 0;
}
.navigation_buttons.mob {
    display: none;
}

.categories ul {
    display: flex;
    justify-content: space-between;
    width: calc(100% + 35px);
    margin-left: -35px;
}

.categories ul li {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 30px;
    height: 470px;
    border: 1px solid #C90527;
    border-bottom: none;
    width: 24.5%;
    text-align: center;
    font-size: 26px;
    color: #C90527;
    font-weight: 400;
    line-height: normal;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    position: relative;
    transition: all 0.5s ease-in-out;
}

.categories ul li:hover {
    background: #C90527;
    color: #fff;
}

.categories ul li .icon {
    background: #C90527;
    width: 100px;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    margin-bottom: 40px;
    outline: 1px solid #C90527;
    outline-offset: 5px;
    transition: all 0.5s ease-in-out;
}

.categories ul li:hover .icon {
    background: #fff;
    outline: 1px solid #fff;
}

.categories ul li img {
    filter: brightness(0) invert(1);
    width: 50px;
}

.categories ul li:hover img {
    filter: none;
}

.categories ul li .icon.kotes-augoparagogis img {
    width: 60px;
}    

.categories ul li .icon.galopoules img {
    width: 55px;
}

.categories ul li .icon.kotes-kokoria-anaparagogis img {
    width: 75px;
}

.auto-clear {
    display: flex;
    flex-wrap: wrap;
}

.auto-clear .col-md-3:nth-child(4n+1) {
    clear: both;
}

.recipes_categories .recipe_categ h2 {
    font-size: 23px;
    font-family: 'Commissioner', sans-serif;
}

.recipes_categories h1 {
    color: #007831;
    background: #B8CB43;
    width: fit-content;
    padding: 12px 45px;
    transform: rotate(-1deg);
    box-shadow: rgb(149 157 165 / 35%) 0px 8px 24px;
    margin: 20px auto 40px auto;
}

.recipes_categ_wrapper .col-md-4 {
    margin: 30px 0px 50px 0px;
}

.recipes_categories .recipes_categ_wrapper {
    background-image: url(../img/layout/green_bg.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
    padding: 80px 0;
}

.recipes_categories p {
    text-align: center;
    padding: 20px 20% 80px 20%;
}

.recipes_categories .flex_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.recipe_categ h2 {
    background: #F5F2D3;
    position: absolute;
    padding: 12px 18px 12px 18px;
    bottom: -20px;
    font-size: 18px;
    width: 83%;
    line-height: 26px;
    font-weight: 500;
    height: 75px;
    display: flex;
    align-items: center;
}

.recipe_categ {
    overflow: hidden;
}

.recipe_categ img {
    transition: all 0.3s ease-in-out;
}

.recipe_categ:hover img {
    transform: scale(1.1);
}

.recipes_nav {
    background: #F5F2D3;
    text-align: center;
}

.recipes_nav ul {
    padding: 25px 0;
}

.recipes_nav ul li {
    display: inline-block;
    font-size: 22px;
    padding: 6px 25px;
    color: #007831;
    font-weight: 500;
    border-right: 1px solid #007831;
    position: relative;
    height: auto!important;
}

.recipes_nav ul li.selected:after {
    content: '';
    background-image: url(../img/layout/categories_arrow.svg);
    background-size: 80px;
    position: absolute;
    width: 80px;
    height: 80px;
    background-repeat: no-repeat;
    transform: rotate(180deg);
    left: 0;
    right: 0;
    margin: 30px auto 0 auto;
}

.recipes_nav ul li:last-child {
    border-right: none;
}

.recipes_nav ul li a {
    color: #007831;
    background-color: transparent;
    padding: 5px 20px;
}

.post_box {
    margin: 25px 0;
    overflow: hidden;
    position: relative;
    transition: all 0.3s ease-in-out;
}

.post_box .post_image {
    overflow: hidden;
}

.post_box .post_image img {
    transition: all 0.3s ease-in-out;
}

.post_box:hover .post_image img {
    transform: scale(1.1);
}

.padd.posts {
    padding-top: 40px;
}

.recipe_details {
    color: #fff;
    text-align: center;
    width: 100%;
    padding: 0px 0 20px 0px;
    background: #007831;
    box-shadow: rgb(149 157 165 / 35%) 0px 8px 24px;
}

.recipe_details h2 {
    color: #fff;
    font-family: 'Commissioner', sans-serif;
    padding: 15px 15px;
    /* border-bottom: 2px dashed #f5f2d3; */
    font-size: 17px;
    height: 75px;
    display: flex;
    line-height: 23px;
    align-items: center;
    justify-content: center;
}

.recipe_details h2:after {
    content: '';
    background-image: url(../img/layout/line_white.svg);
    background-repeat: repeat;
    background-position: right;
    background-size: contain;
    width: 100%;
    position: absolute;
    height: 24px;
    margin-top: 80px;
}

.flex_recipe {
    display: flex;
    justify-content: space-around;
}

.difficulty.easy {
    background-image: url('../img/layout/dyskolia_eukolo.svg');
    background-repeat: no-repeat;
}

.difficulty.medium {
    background-image: url('../img/layout/dyskolia_metrio.svg');
    background-repeat: no-repeat;
}

.difficulty.hard {
    background-image: url('../img/layout/dyskolia_duskolo.svg');
    background-repeat: no-repeat;
}

.recipe_details .difficulty {
    background-position: left;
    background-size: 40px;
    width: auto;
    height: 30px;
    display: inline-flex;
    padding-left: 55px;
    float: left;
    margin-top: 20px;
    font-size: 17px;
    font-weight: 400;
    align-items: center;
}

.recipe_details .duration {
    background-image: url(../img/layout/time.png);
    background-repeat: no-repeat;
    background-size: 23px;
    width: auto;
    height: 26px;
    display: inline-flex;
    padding-left: 38px;
    margin-top: 20px;
    font-size: 17px;
    font-weight: 400;
    align-items: center;
}

.item p {
    font-size: 16px;
    font-weight: 100;
    line-height: 26px;
    margin-top: 30px;
    padding: 0 10px;
}

.item a.title {
    position: relative;
    font-size: 35px;
    line-height: 26px;
    color: #000;
    font-weight: 400;
    text-align: left;
    top: 30px;
}

.item a.title:after {
    content: '';
    background-image: url('../img/layout/red_arrow.svg');
    background-repeat: no-repeat;
    position: absolute;
    width: 70px;
    height: 14px;
    margin-left: 12px;
    margin-top: 12px;
    transition: all 0.2s ease-in-out;
}

.product_view_content {
    display: flex;
    align-items: center;
}

.product_box {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    margin-bottom: 80px;
    position: relative;
    background: #E9EDF1;
    border-radius: 15px;

}
.product_box .product-image {
    background-size: cover;
    background-position: center;
    min-height: 60vh;
    border-radius: 15px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.product_details h2 {
    color: #003F83;
    padding: 40px 0px 30px 0px;
    font-weight: 300;
    margin-bottom: 0;
    display: flex;
    justify-content: space-between;
}
.product_details h2::after {
    content: '';
    position: relative;
    background-image: url(../img/layout/icons/arrow_right_blue.svg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 100%;
    width: 45px;
    height: 45px;
    right: 0px;
    display: flex
}
.product_details p {
    color: #003F83;
    font-size: 22px;
    padding-bottom: 40px;
}
.product_details a {
    color: #003F83;
    font-weight: 500;
    text-align: center;
    background: transparent;
    border-width: 1px;
    border-style: solid;
    border-color: #003F83;
    border-image: initial;
    padding: 15px 70px;
    font-family: "Didact Gothic", sans-serif;
    display: block;
    width: fit-content;
    font-size: 17px;
    border-radius: 6px;
    transition: 0.6s ease-in-out;
}
.products_list{
    top: -170px;
    position: relative;
}
.col-md-4:nth-child(3n+3) .product_box {
    border-right: none;
}

.slides {
    margin-top: 40px;
}

p.slide_title {
    font-size: 30px;
    padding-bottom: 16px;
    position: relative;
    border-bottom: 1px solid #ccc;
    font-weight: 100;
}

p.slide_title:after {
    -moz-user-select: none;
    border-bottom: 3px solid #C1151B;
    bottom: 0px;
    content: "";
    font-size: 0;
    height: 0;
    left: 0px;
    line-height: 0;
    overflow: hidden;
    position: absolute;
    right: auto;
    text-indent: -9999px;
    top: 41px;
    width: 30%;
}


/* .customNavigation{	text-align: center;	position:absolute;	top:0px;	right:0px;} */

.customNavigation.desktop {
    margin-top: 15px;
    float: right;
    right: 0px;
    display: inline-block;
}

.customNavigation.mob {
    display: none;
}

.customNavigation a {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    cursor: pointer;
    float: left;
    margin-left: 5px;
}

.customNavigation a.btn {
    text-indent: -9999px;
    width: 45px;
    height: 45px;
    display: block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-top: 0;
    margin-right: 10px;
}

.customNavigation a.btn.prev {
    background: url(../img/layout/arrow_left.svg) no-repeat center center #fff;
    background-size: 45px;
}

.customNavigation a.btn.next {
    background: url(../img/layout/arrow_right.svg) no-repeat center center #fff;
    background-size: 45px;
}

.content .customNavigation a.btn.next::after,
.content .customNavigation a.btn.prev::after { 
    background: none;
}


a.btn span,
a.btn span {
    display: none;
}

.home_half_bottom {
    float: left;
    width: 510px;
    margin-right: 20px;
}

.home_half_bottom.last {
    margin-right: 0px;
}

.home_half_bottom img {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.home_half_bottom a {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    text-indent: -999999px;
    z-index: 999;
}

.bottom_left {
    width: 510px;
    height: 250px;
    margin-bottom: 20px;
    position: relative;
}

.bottom_right {
    width: 510px;
    height: 520px;
    margin-bottom: 0px;
    position: relative;
}

.bottom_left p {
    font-size: 13px;
    position: absolute;
    top: auto;
    left: auto;
    right: 10px;
    bottom: 10px;
    font-weight: 400;
    padding: 10px;
    color: #333;
    background: rgba(255, 255, 255, 0.9);
    border-left: 3px solid #C1151B;
    width: 390px;
}

.bottom_left p.title,
.bottom_right p.title {
    font-size: 26px;
    position: absolute;
    top: 10px;
    left: 10px;
    right: auto;
    bottom: auto;
    font-weight: 100;
    padding: 20px;
    color: #fff;
    background: rgba(193, 21, 27, 0.8);
    border-left: 3px solid #fff;
    width: 280px;
}

.play {
    width: 80px;
    height: 56px;
    background: url(../img/layout/play.png) no-repeat center center transparent;
    position: absolute;
    left: 215px;
    top: 232px;
}

a[name] {
    padding-top: 90px;
    margin-top: -90px;
    display: inline-block;
}

.equipment_box {
    padding: 0px;
    margin: 50px 0px;
    display: block;
}

.equipment_box h2 {
    font-weight: 100;
    color: #333333;
    font-size: 50px!important;
    padding: 10px 0;
}

.equipment_box img {
    float: left;
    margin: 5px 30px 0 0;
}

.equipment_box.right img {
    float: right;
    margin: 5px 0px 0 30px;
}

.equipment_box p {
    text-align: left;
}

.banner_item.swiper-slide {
    height: calc(90vh - 120px);
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-size: cover;
    background-position: center;
}

#banner_mob {
    display: none;
}

#banner_page .banner_item {
    position: absolute;
    right: 0; 
    top: 70vh; 
    bottom: -30%; 
    width: 91vw;
    height: 500px;
    display: block;
    border-radius: 15px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
/* #banner_page  .banner_item img {
    width: 90vw;
    height: auto;
    display: block;
    border-radius: 15px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
} */
#banner_page .banner_text {
    top: 200px;
    display: flex
}

#banner_page .banner_text h1{
    font-size: 80px;
}
#banner_page .banner_text h3{
    font-size: 34px;
   
}
/* #banner_page .banner_text h3::after{
    content: '';
    background-image: url('../img/layout/icons/scroll_down.svg');
    background-repeat: no-repeat;
    background-size: 45px;
    width: 45px;
    height: 45px;
    display: block;
    margin-top: 40px;
} */
#banner_product .banner_item {
    height: 100vh;    
}

.dynamic_banner #banner_page .banner_item {
    height: 50vh;
}

#banner_page .banner_item.small {
    height: 40vh;
}

#banner_page .banner_bg { max-height: 700px;}
#banner_page .banner_text{display: block;}
#banner_page .banner_text h3 {top: 0;}
#banner_page .scrollButtonContainer img { margin-top: 60px; position: relative;top: 35px; margin-left: 10px;}

#banner_product .banner_bg { max-height: 700px;}
#banner_product .banner_text{display: unset;}
#banner_product .banner_text h3 {top: 0;}
#banner_product .scrollButtonContainer img { margin-top: 60px; position: relative;top: 0; margin-left: 0;}

#banner {
    width: 100%;
    position: relative;
    margin: 0px;
}

#banner h2 {
    font-size: 65px;
    color: #fff;
    padding: 0px 0px 15px 0px;
    margin: 10px 0px 15px 0px;
    text-align: center;
    line-height: 75px;
    position: relative;
    top: 130px;
    font-weight: 400;
    font-family: 'Commissioner', sans-serif;
    z-index: 2;
}

#banner h1.page-top {
    position: absolute;
    font-size: 26px;
    color: #fff;
    margin-top: 50px;
    z-index: 2;
}

.categories {
    overflow: hidden;
    position: relative;
    padding-top: 100px;
}

.categories:before {
    content: '';
    position: absolute;
    top: 0;
    background-image: url('../img/layout/categories_graphic.svg');
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 350px;
}

.categories_wrap {
  display: flex;  
  flex-wrap: wrap;
}

.home_category_title {
    position: absolute;
    width: 65%;
    right: 0;
    text-align: center;
}

.categories_wrap h3 {
    color: #5C5C58;
    font-size: 38px;
    font-weight: 400;
    line-height: 45px;
    padding: 0 15px;
}

.categories h1 {
    color: #0098cb;
    text-align: center;
    padding: 30px 0;
    margin-bottom: 10px;
}

.categories_wrap .category_box .arrow {
    width: 60px;
    display: block;
    text-align: center;
    margin: 90px auto 0 auto;
    position: relative;
    transition: all 0.3s ease-in-out;
}

.category_box {
    display: flex;
    align-items: center;
    overflow: hidden;
}

.category_box img {
    transition: all 0.3s ease-in-out;
}

.category_box:hover img {
    transform: scale(1.1);
}

.material_category {
    margin: 20px 20px 20px 0;
    position: relative;
    float: left;
}

.material_category.last {
    margin-right: 0px;
}

.material_category img {
    width: 100%;
}

.material_category h2 a {
    font-size: 21px;
    display: block;
    position: relative;
    font-weight: 100;
    padding: 5px 0;
    color: #000;
    line-height: 40px;
    margin: 0;
}

.material_box {
    padding: 0px;
    margin: 100px 0;
    display: block;
}

.material_box h2 {
    font-weight: 400;
    margin-bottom: 50px;
}

.material_box h2 a {
    display: block;
}

.material_box img {
    float: left;
    margin: 0px 30px 0 0;
}

.material_box.right img {
    float: right;
    margin: 0px 0px 0 30px;
}

.material_box p {
    text-align: left;
}

.material_box .button {
    margin: 30px 0 0 0;
}

.material_content {
    margin-top: 55px;
    margin-bottom: 100px;
    position: relative;
    display: flex;
    align-items: center;
    overflow: hidden;
}

.material_content p {
    text-align: left;
}

.material_content img {
    float: none;
    margin: 30px auto;
    width: 100%;
}

#content_nav .content {
    padding: 5px 0;
}

#content_nav ul li {
    display: flex;
    width: 100%;
    transition: all 0.1s ease-in-out;
    position: relative;
    align-items: center;
}

.products_nav ul li.selected:after {
    content: '';
    background-image: url(../img/layout/categories_arrow.svg);
    background-size: 70px;
    position: absolute;
    width: 70px;
    height: 40px;
    background-repeat: no-repeat;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto -50px auto;
}

.cd-filter-trigger {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 31px;
    font-family: 'Commissioner', sans-serif;
    font-weight: 700;
    border-bottom: 1px solid #000;
    padding-bottom: 25px;
    color: #1a171b;
    padding-top: 80px;
    margin-right: 85px;
}

.cd-filter-trigger img {
    width: 37px;
}

.categ_description {
    margin-left: 30px;
    width: calc(100% - 60px);
    margin-bottom: 50px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
}

.categ_description p {
    font-size: 18px;
    line-height: 30px;
    margin: 8px 0;
}

.categ_description ul li {
    font-size: 18px;
    font-weight: 300;
    line-height: 30px;
    color: #1a171b;
    padding: 3px 0;
    padding-left: 20px;
    position: relative;
}

.categ_description ul li:before {
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    background-color: #C90527;
    left: 0;
    margin-top: 10px;
}

.categ_description h3 {
    font-size: 24px;
    margin-bottom: 20px;
    font-weight: 700;
    font-family: 'Commissioner', sans-serif;
}

.banner .breadcrumb-section {
    background: #E8E8E8;
    position: absolute;
    top: 190px;
    z-index: 2;
    margin: 0;
    width: 100%;
    padding: 25px 0;
    border: none;
}

.banner .breadcrumb-section .breadcrumb {
    margin-left: -15px;
}

.breadcrumb-section {
    margin-left: 30px;
    width: calc(100% - 60px);
    margin-bottom: 70px;
    border-bottom: 1px solid #111;
    padding-bottom: 30px;
    margin-top: 10px;
}

.breadcrumb {
    padding: 0;
    margin-bottom: 0px;
    list-style: none;
    background-color: transparent;
    border-radius: 0px;
}

.breadcrumb>li {
    display: inline-block;
    font-size: 20px;
    font-weight: 300;
    color: #111;
}

.breadcrumb>li+li:before {
    content: "";
    padding: 0 10px 0 12px;
    background-image: url(../img/layout/breadcrumb.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 6px;
    position: relative;
    top: 1px;
}

.breadcrumb>li a {
    color: #111;
}

.breadcrumb>li:last-child a {
    color: #C90527;
}

.no-results h3 {
    font-size: 28px;
    margin-bottom: 10px;
    font-weight: 500;
    color: #111;
}

.filters {
    transition: all 1s ease-in-out;
    margin-right: 85px;
    margin-bottom: 80px;
}

.filters.inactive {
    display: none;
}

.block.filters.active {
    margin: 0;
    margin-top: 40px;
}

.block.filters h4 {
    font-size: 24px;
    color: #C90527;
    margin-bottom: 10px;
}

.block.filters a {
    display: inline-block;
    font-size: 14px;
    transition: all 0.3s ease-in-out;
    color: #fff;
    background: #C90527;
    padding: 3px 7px;
    border-radius: 4px;
    margin-right: 5px;
}

.block.filters a:hover {
    text-decoration: line-through !important;
}

.catalog_products {
    background: #E8E8E8;
    position: relative;
    overflow: hidden;
    padding: 80px 9% 80px 80px;
}

#content_nav ul li a {
    font-size: 28px;
    padding: 70px 0px 40px 0;
    margin: 0;
    transition: all 0.1s ease-in-out;
    color: #1A171B;
    position: relative;
    font-family: 'Commissioner', sans-serif;
    padding-left: 50px;
    font-weight: 700;
}

#content_nav h2 {
    display: flex;
    font-size: 28px;
    padding: 70px 0px 45px 0;
    margin: 0;
    transition: all 0.1s ease-in-out;
    color: #1A171B;
    position: relative;
    font-family: 'Commissioner', sans-serif;
    align-items: center;
    padding-left: 50px;
    font-weight: 700;
}

#content_nav h2:before {
    content: '';
    position: absolute;
    background: #C90527;
    left: 0;
    width: 22px;
    height: 22px;
    margin: 0;
    transition: all 0.3s ease-in-out;
}

#content_nav p a {
    width: 100%;
    color: #d3d3d3;
    font-size: 22px;
    padding: 8px 0;
    font-family: 'Commissioner', sans-serif;
    font-weight: 300;
    padding-left: 50px;
    transition: all 0.3s ease-in-out;
    display: flex;
    align-items: center;
}

#content_nav p a:before {
    content: '';
    position: absolute;
    background-image: url(../img/layout/circle.svg);
    background-repeat: no-repeat;
    background-size: 18px;
    width: 18px;
    height: 18px;
    left: 0;
    transition: all 0.3s ease-in-out;
}

#content_nav p a:hover::before {
    background-image: url(../img/layout/circle_red.svg);
    background-repeat: no-repeat;
    background-size: 18px;
}

#content_nav p a:hover {
    color: #C90527;
}

#content_nav ul li a:before {
    content: '';
    position: absolute;
    background: #C90527;
    left: 0;
    width: 22px;
    height: 22px;
    margin-top: 11px;
    transition: all 0.3s ease-in-out;
}

#content_nav ul li.dropdown.active a:after {
    transform: rotate(180deg);
}

#content_nav ul .submenu_inner.active li.dropdown.active a {
    font-weight: 600;
}

#content_nav {
    padding-bottom: 20px;
    margin-bottom: 30px;
    position: relative;
}

#content_nav:after {
    content: '';
    position: absolute;
    border-bottom: 1px solid #ccc;
    bottom: 0;
    left: 40px;
    width: calc(100% - 40px);
}

#content_nav.last {
    margin-bottom: 0;
    padding-bottom: 0;
}

#content_nav.last:after {
    display: none;
}

#content_nav ul .submenu_inner li a {
    color: #111;
    font-size: 22px;
    padding: 8px 0;
    font-family: 'Commissioner', sans-serif;
    font-weight: 300;
    padding-left: 30px;
    display: block;
    transition: all 0.3s ease-in-out;
}

#content_nav ul .submenu_inner li a:before {
    display: none;
}

#content_nav ul .submenu_inner li:before {
    content: '';
    position: absolute;
    background-image: url(../img/layout/circle.svg);
    background-repeat: no-repeat;
    background-size: 18px;
    width: 18px;
    height: 18px;
    left: 0;
    transition: all 0.3s ease-in-out;
}

#content_nav ul .submenu_inner li.selected:before {
    background-image: url(../img/layout/circle_red.svg);
    background-repeat: no-repeat;
    background-size: 18px;
}

#content_nav ul .submenu_inner li:hover::before {
    background-image: url(../img/layout/circle_red.svg);
    background-repeat: no-repeat;
    background-size: 18px;
}

#content_nav ul .submenu_inner.third_level {
    position: relative;
}

#content_nav ul .submenu_inner.third_level li a {
    font-size: 15px;
}

#content_nav ul .submenu_inner.third_level li a.all {
    color: #0098cb;
    font-size: 15px;
    font-weight: 400;
}

#content_nav ul .submenu_inner.third_level:after {
    content: '';
    position: absolute;
    bottom: 0;
    width: 100%;
    border-bottom: 1px solid #f2f2f2;
    left: 40px;
}

#content_nav ul .submenu_inner li a:hover {
    color: #C90527;
}

#content_nav .submenu_inner {
    display: block;
    border-bottom: 1px solid #111;
    padding-bottom: 50px;
}

#content_nav .submenu_inner.active {
    display: none;
}

#content_nav ul li.selected a {
    color: #C90527;
}

#content_nav ul .submenu_inner li.icon:before {
    display: none;
}

#content_nav ul li img {
    width: 35px;
    filter: grayscale(100%) brightness(10%) contrast(0%);
    transition: all 0.3s ease-in-out;
}

#content_nav ul li img.selected {
    display: none;
    transition: all 0.3s ease-in-out;
}

#content_nav ul li a.non_selected_a {
    display: none;
    transition: all 0.3s ease-in-out;
} 

#content_nav ul li.selected img, #content_nav ul li.selected a.selected_a {
    filter: none;
    transition: all 0.3s ease-in-out;
}

#content_nav ul li.selected img.selected {
    display: inline-block;
}

#content_nav ul li.selected a.non_selected_a {
    display: block;
} 

#content_nav ul li:hover img {
    filter: none;
}

#content_nav ul li:hover img.selected {
    display: inline-block;
}

#content_nav ul li:hover a.non_selected_a {
    display: inline-block;
}

#content_nav ul li:hover a.selected_a {
    display: none;
}

.sub_categories_nav {
    background: #F5F2D3;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 50px;
}

.sub_categories_nav ul {
    padding: 25px 0;
}

.sub_categories_nav ul li {
    display: inline-block;
    font-size: 22px;
    padding: 6px 25px;
    color: #007831;
    font-weight: 500;
    border-right: 1px solid #007831;
    transition: all 0.3s ease-in-out;
}

.sub_categories_nav ul li:last-child {
    border-right: none;
}

.sub_categories_nav ul li a {
    color: #fff;
    background-color: #007831;
    padding: 5px 20px;
    transition: all 0.3s ease-in-out;
}

.sub_categories_nav ul li a.inactive:hover {
    color: #3a3a3a;
}

.sub_categories_nav ul li a:hover {
    color: #B8CB43;
}

.sub_categories_nav ul li a.inactive {
    color: #007831;
    background-color: transparent;
}
.product_list h1 {
    color: #fff;
    font-size: 48px;
    font-family: 'Commissioner', sans-serif;
    background-color: #d5585c;
    text-align: center;
    margin: 0 auto;
    width: fit-content;
    padding: 18px 50px;
    transform: rotate(-1deg);
    margin-bottom: 50px;
    box-shadow: rgb(149 157 165 / 35%) 0px 8px 24px;
}

.bh-sl-container {
    margin: 50px 0;
}

.bh-sl-container .form-input label {
    margin-bottom: 50px;
    margin-left: 0;
    font-size: 20px;
    font-weight: 100;
}

.bh-sl-container .form-input input, .bh-sl-container .form-input select {
    box-sizing: border-box;
    font-family: 'Commissioner', sans-serif;
    font-size: 15px;
    margin: 0 40px 0 10px;
    padding: 12px 20px;
    width: auto;
    background: none;
    border: 1px solid #333333;
    color: #333;
    border-radius: 0;
}

.content .bh-sl-container .button {
    padding: 10px 30px!important;
    margin: 2px auto 0 auto!important;
}

.blog_post {
    position: relative;
    margin: 25px 0;
    transition: all 0.3s ease-in-out;
}

.blog_post img {
    transition: all 0.3s ease-in-out;
}

.blog_post .blog_image {
    overflow: hidden;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
}

.blog_post:hover img {
    transform: scale(1.1);
}

.blog_post:hover {
    background: #F9F9F9;
}

.blog_post a.blog_link {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    text-indent: -999999px;
    z-index: 999;
}

.blog_inner {
    background: #F4F4F4;
    padding: 15px;
    min-height: 150px;
    display: flex;
    flex-direction: column;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

.blog_post h2 {
    font-weight: 400;
    font-family: 'Commissioner', sans-serif;
    padding: 10px 0;
    font-size: 19px;
    display: flex;
    text-align: center;
    line-height: 25px;
    align-items: center;
    justify-content: center;
    color: #0098cb;
}

.blog_post h2 a {
    display: block;
    color: #0098cb;
    font-weight: 600;
}

.blog_post span.created {
    color: #dc9833;
    font-size: 13px;
    margin-bottom: 5px;
    display: block;
    text-align: center;
    padding-top: 15px;
}

.created {
    color: #b8cb43;
}

.blog_post span.created:before {
    content: '';
    background-image: url(../img/layout/line.svg);
    background-repeat: repeat;
    background-position: right;
    background-size: contain;
    width: 100%;
    position: absolute;
    height: 24px;
    left: 0;
    margin-top: -25px;
}


#blog_text {
    margin: 50px 0 0 0;
    overflow: hidden;
    position: relative;
    display: block;
}

#blog_text img {
    border: 10px solid #007831;
    transform: rotate(3deg);
    transition: all 0.3s ease-in-out;
    margin-top: 30px;
    margin-bottom: 20px;
}

#blog_text p{
    text-align: left;
}

#blog_text .blog_text_inner {
    margin-right: 50px;
    background: #f5f2d3;
    padding: 50px;
}

#blog_text span.created {
    font-size: 14px;
    color: #b8cb43;
    padding-top: 35px;
    margin-top: 20px;
    margin-bottom: 20px;
    display: block;
    float: right;
}

#blog_text:after {
    content: '';
    background-image: url(../img/layout/line.svg);
    background-repeat: repeat;
    background-position: center;
    background-size: contain;
    width: 100%;
    position: absolute;
    height: 24px;
    left: 0;
    bottom: 35px;
}

.blog_inner p {
    padding: 10px 10px;
    font-size: 16px;
    line-height: 25px;
    text-align: center;
    color: #000;
}

#product_nav {
    text-align: center;
}

#product_nav ul li {
    display: inline-block;
    float: none;
    text-align: center;
}

#product_nav ul li a {
    display: block;
    font-size: 18px;
    font-weight: 400;
    padding: 5px 10px 5px 10px;
    position: relative;
}

#product_nav ul li a img {
    vertical-align: middle;
    margin-right: 7px;
    width: 40px;
}

#product_nav ul li a:hover {
    color: #c1151b;
}

#product_nav ul li.selected a {
    color: #c1151b;
}

.group_by_category {
    position: relative;
    display: flex;
    overflow: hidden;
    margin-top: 70px;
    margin-bottom: 150px;
    justify-content: center;
    flex-wrap: wrap;
}

.group_by_category .col-md-3:nth-child(4n+1) {
    clear: both;
}

.product {
    margin: 15px 10px;
}

.product img {
    transition: all 0.3s ease-in-out;
}

.product:hover img {
    transform: scale(1.1);
}

.product a.product_link {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    text-indent: -999999px;
    z-index: 999;
}

.product h2 {
    text-align: center;
    font-size: 20px;
    font-weight: 400;
    margin-top: 10px;
    line-height: 27px;
}

.product h2 a {
    display: block;
}

.product a.read_more {
    color: #fff;
    padding: 10px 30px;
    background: #C1151B;
    display: inline-block;
    margin: 20px 0 0 90px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    transition: background-color 0.4s ease-in-out 0s;
}

.product:hover a.read_more {
    background: rgba(0, 0, 0, 0.5);
    transition: background-color 0.4s ease-in-out 0s;
}

.product.right img {
    float: right;
    margin: 0px 0px 0 30px;
}

.product_view {
    position: relative;
    padding-bottom: 100px;
}

.product_view .swiper-gallery {
    background: #fff;
    border-radius: 10px;
    margin-top: -210px;
    z-index: 1;
    border-bottom-right-radius: 0;
}

.product_view .grey_bg {
    position: absolute;
    width: 40%;
    right: 9.2%;
    height: 100%;
    max-height: 600px;
    border-bottom-left-radius: 8px;
}

.graphic_bg{
    position: relative;
    overflow: hidden;
    padding-top: 150px;
    padding-bottom: 150px;
    background-image: url(../img/layout/graphic_bg.svg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 100%;
}

.product_intro p{
    color: #003F83;
    font-size: 45px;
    line-height: 60px;
    font-weight: 300;
    text-align: center;
    font-family: "Didact Gothic", sans-serif;
}
.product_banner{
    position: relative;
}
.product_banner .product-image {
    background-size: cover;
    background-position: center;
    min-height: 60vh;
    display: flex;
    justify-content: center;
    align-items: center;
}
.product_banner .product-image p{
    color:#fff;
    text-transform: uppercase;
    font-size: 60px;
    font-weight: 500;
    text-align: center;
    line-height: 75px;
    z-index: 1;
    position: relative;
    font-family: "Commissioner", sans-serif;
}
.all_product{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
.all_product img{
    width: 100%;
}
.all_product .align_product_details{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 35px 0;
}
.all_product .align_product_details h4{
    color: #003F83;
    font-size: 30px;
    line-height: 40px;
    text-align: center;
    font-weight: 400;
    min-height: 90px;
}
.all_product .align_product_details h4 strong{
    color: #003F83;
    font-size: 27px;
    line-height: 40px;
    font-weight: 300;
}
.all_product .align_product_details p{
    background: #E9EDF1;
    border-radius: 30px;
    padding: 15px 30px;
    font-size: 24px;
    margin-top: 20px;
    font-family: "Didact Gothic", sans-serif;
    text-align: center;
}
.all_product .align_product_details p strong{
    color: #C90527;
    font-weight: 100;
    padding: 0 2px;
}

.videowrapper {
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}

.videowrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.product_view .product_description {
    padding: 85px 180px 0 0px;
}

.product_description ol {
    list-style: decimal inside;
    margin: 10px 0;
}

.product_description ul {
    margin: 10px 0;
}

.product_description ul li, .product_description ol li {
    font-size: 20px;
    font-weight: 300;
    line-height: 34px;
    color: #1a171b;
    padding: 3px 0;
    padding-left: 20px;
    position: relative;
}

.product_description ol li {
    padding-left: 0;
}

.product_description ul li:before {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    background-color: #C90527;
    left: 0;
    margin-top: 14px;
}


.product_view table {
    width: 100%;
    margin-bottom: 40px;
}

.product_view table tr {
    border-bottom: 1px solid #C90527;
    margin: 15px 0;
    padding: 15px 0;
    display: flex;
    width: 100%;
    align-items: center;
}

.product_view table tr:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.product_view table td.first {
    font-size: 21px;
    line-height: 35px;
    font-family: "Commissioner", sans-serif;
    min-width: 200px;
    border-right: 1px solid #C90527;
}

.product_view table td.first.categ {
    border-right: none;
}

.product_view table tr td.brand img {
    width: 130px;
    margin-left: 40px;
}

.product_view table tr td span img {
    width: 48px;
    margin-left: 40px;
    margin-right: 15px;
}

.product_view table tr td span img.galopoules {
    width: 43px;
}

.product_view table tr td span img.kotopoula-kreatoparagogis {
    width: 35px;
}

.product_view table tr td span img.kotes-kokoria-anaparagogis {
    width: 52px;
}

.product_view table tr td span {
    font-size: 16px;
    color: #C90527;
    line-height: 18px;
    font-weight: 650;
    display: flex;
    align-items: center;
    width: 235px;
    padding: 5px 0;
}

.product_view table tr td.category {
    display: flex;
    flex-wrap: wrap;
    border-left: 1px solid #C90527;
}

.blog_view .product_thumb img {
    width: 100%;
    margin-left: 0;
}

#gallery_content {
    width: 100%;
}

.gallery img {
	width: 100%;
    /* box-shadow: 0px 0px 10px #ccc; */
    transition: all 0.3s ease;
}

.gallery {
    margin-bottom: 30px;
    transition: all 0.3s ease;
}

.dynamic_page {
    position: relative;
    overflow: hidden;
}

.dynamic_page p {
    padding: 5px 0;
}

.dynamic_page .graphic {
    background-image: url(../img/layout/icons/logo_bg.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    width: 50%;
    height: 100%;
    right: 0;
    top: 7%;
    background-position: top;
}
.dynamic_text {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 100px;
}

.dynamic_text p{
    font-size: 22px;
  
}

.dynamic_text p strong{
    color: #C90527;
    font-weight: 300;
}

.dynamic_text p br{
    content: "";
    margin-bottom: 30px;
    display: block;
}

.extra_description{
    position: relative;
}
.extra_description::before {
    content: "";
    background: #E9EDF1;
    position: absolute;
    top: 0;
    width: 100%;
    height: 65vh;
    z-index: -1;
}
.extra_description h2.title {
    color: #003F83;
    font-size: 55px;
    font-weight: 600;
    display: flex;
    align-items: center;
    padding-left: 0;
    margin-bottom: 0;
}
.extra_description h2::before {
    content: '';
    position: relative;
    background-image: url(../img/layout/subtitle_bg.svg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 100%;
    width: 30px;
    height: 40px;
    margin-right: 10px;
    top: 2px;
}

.extra_description ul{
    background: #003F83;
    border-radius: 15px;
    margin-top: 60px;
    padding: 65px 60px;
    color:#fff;
    display: flex
}
.extra_description ul.blue-list::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 70px;
    height: 70px;
    background-color: #006CB2;
    clip-path: polygon(100% 0, 0% 100%, 100% 100%);
    border-bottom-right-radius: 15px;
}
.extra_description ul li{
    font-size: 20px;
    font-weight: 100;
    font-family: "Didact Gothic", sans-serif;
    line-height: 35px;
    padding-right: 40px;
    border-left: 1px solid #fff;
    padding-left: 30px;
    position: relative;
}
.extra_description ul li::before{
    content: '';
    display: block;
    width: 25px;
    height: 25px;
    background-color: #006CB2;
    border-radius: 50%;
    left: -13px;
    position: absolute;
}
.extra_description ul li strong{
    color: #fff;
    font-size: 30px;
    font-family: "Commissioner", sans-serif;
    font-weight: 400;
    display: block;
    margin-bottom: 30px;
}
.half_width{
    width: 50%;
    display: inline-block;
}
.gallery_text h2.title {
    color: #003F83;
    font-size: 55px;
    font-weight: 600;
    display: flex;
    align-items: center;
    padding-left: 0;
    margin-bottom: 0;
    border-bottom: 1px solid #003F83;
    padding-bottom: 45px;
}
.gallery_text h2::before {
    content: '';
    position: relative;
    background-image: url(../img/layout/subtitle_bg.svg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 100%;
    width: 30px;
    height: 40px;
    margin-right: 10px;
    top: 2px;
}
.gallery_text p {
    font-size: 22px;
    margin-bottom:20px;
    margin-right: 20px;
}
.gallery_text p strong{
    color:#003F83;
    font-size: 30px;
    font-family: "Commissioner", sans-serif;
    font-weight: 300;
    margin: 50px 0;
    display: block;
    line-height: 38px;
}
.premises_text{padding-right: 5%;}
.swiper_gallery{padding-bottom: 100px;}
.swiper_gallery img{border-radius: 15px;max-height: 360px;}
.swiper_gallery .swiper-slide {
    justify-content: flex-start;
    padding-left: 15px;
}
.gallery_buttons.navigation_buttons .swiper-button-next, .gallery_buttons.navigation_buttons .swiper-button-prev {
    background-size: 70px;
    width: 70px;
    height: 70px;
}
.certifications_icons{
    display: flex;
    justify-content: center;
    margin-top: 70px;
}
.certifications_icons img{
    width:200px;
    height:200px;
}
.dynamic_page_image img{
    border-radius: 15px;
}
.dynamic_page_image p {
    font-size: 22px;
}
.dynamic_page_image .align_bottom{
    display: flex;
    align-items: flex-end;
}
#general_banner .banner_bg {
    height: 50vh;
    display: flex;
    justify-content: center;
    align-items: center;
}
#general_banner .banner_text h1 {
    padding-top: 10vh;
    max-width: 100%;
}
.general_pages h3{
    color:#003F83;
    font-size: 30px;
    font-family: "Commissioner", sans-serif;
    font-weight: 500;
    margin: 50px 0 10px 0;
    display: block;
    line-height: 38px;
}

.general_pages p{
    padding: 10px 0;
}
.general_pages ul {
    list-style: none;
    padding-left: 0;
}
  
.general_pages li {
    position: relative;
    padding-left: 1.5em;
    margin-bottom: 0.5em;
    font-size: 20px;
    font-weight: 300;
    line-height: 34px;
    color: #1a171b;
    font-family: "Didact Gothic", sans-serif;
}
  
.general_pages li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0.6em; 
    width: 0.6em;
    height: 0.6em;
    background-color: #C90527;
    border-radius: 50%;
  }
.page_title {
    border-top: 6px solid #0098CB;
}

.page_title h1 {
    color: #0098cb;
}

/* .product_view_bg {
    background-image: url(../img/layout/product_bg.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 90%;
    height: 100%;
    position: absolute;
    display: flex;
    align-items: center;
    right: 0;
    margin-top: 35px;
} */

.product_thumb {
    margin: 0 auto;
    z-index: 1;
    position: relative;
    display: block;
    text-align: center;
}

.pdo_bio {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 11;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.pdo_bio.inside {
    right: 180px;
    flex-direction: row;
    left: auto;
    top: 70px;
}

.pdo_bio.inside img.pdo {
    margin-left: 15px;
}

.pdo_bio.inside img.bio {
    width: 65px;
}

.pdo_bio.inside img.pdo {
    width: 52px;
}

.pdo_bio img.bio {
    width: 50px;
    padding: 0;
}

.pdo_bio img.pdo {
    width: 45px;
    padding: 0;
    display: block;
    margin-top: 10px;
}

.product_share p {
    display: flex;
    line-height: normal;
    color: #000;
    font-size: 20px;
    width: 100%;
    margin-top: 40px;
    font-family: 'Commissioner', sans-serif;
    font-weight: 600;
    border-top: 1px solid #0098cb;
    padding-top: 20px;
}

.product_share span {
    margin-right: 35px;
    position: relative;
    top: 2px;
}

.product_share img.instagram {
    width: 27px;
}

.product_share img {
    width: 15px;
    margin-right: 15px;
}

.product_thumb img {
    max-width: 500px;
    margin: 0 auto;
    position: relative;
    top: 0px;
    transition: all 0.3s ease-in-out;
    padding: 75px 15px;
}

.dynamic_text img {
    max-width: 380px;
    display: inline-block;
    float: right;
    border-radius: 8px;
    margin-left: 30px;
    margin-bottom: 20px;
}

.dynamic_text h3 {
    font-size: 27px;
    font-weight: 700;
    margin: 25px 0 15px 0;
}

.dynamic_text ul {
    margin: 10px 0;
}

.dynamic_text ul li {
    font-size: 20px;
    font-weight: 300;
    line-height: 34px;
    color: #1a171b;
    padding: 3px 0;
    padding-left: 20px;
    position: relative;
}

.dynamic_text ul li:before {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    background-color: #C90527;
    left: 0;
    margin-top: 14px;
}

.stamps {
    position: absolute;
    width: 500px;
    margin-left: 60px;
    text-align: center;
}

.stamp {
    width: 90px!important;
    margin: 0 5px!important;
    transform: none!important;
}

.company_box {
    display: flex;
    align-items: center;
    margin: 100px 0px 100px 0;
    position: relative;
    overflow: hidden;
}

.company_box.last {
    margin-right: 0px;
}

/* .company_box a {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    text-indent: -999999px;
    z-index: 999;
} */

.company_box p {
    font-size: 50px;
    color: #333333;
    padding: 0px 0px 15px 0px;
    margin: 10px 0px 15px 0px;
    text-align: center;
    line-height: 60px;
    position: relative;
    font-weight: 400;
    font-family: 'Commissioner', sans-serif;
}

.company_box p.desc {
    font-size: 15px;
    color: #333;
    background: rgba(255, 255, 255, 0.8);
    position: absolute;
    padding: 10px 20px;
    border-left: none;
    border-bottom: 3px solid #C1151B;
    right: 10px;
    top: auto;
    left: auto;
    bottom: 10px;
    width: 320px;
}

.company_box img {
    width: 100%;
}

#flipbook {
    overflow: hidden;
    width: 100%;
    height: 100%;
    margin: 30px 0 0 0;
}

.fairytale_box {
    text-align: center;
    margin: 20px 0;
    display: flex;
    align-items: center;
    margin: 50px 0;
}

.fairytale_box.block {
    display: block;
}

.fairytale_box iframe {
    width: 100%;
    height: 500px;
    margin: 0px auto;
    display: block;
}

ul.tabs {
    margin: 40px 0px 30px 0px;
    padding: 0px 0px 50px 0px;
    text-align: left;
    border-bottom: 1px solid #000;
}

ul.tabs>li {
    font-size: 21px;
    display: inline-block;
    position: relative;
    margin: 0 0 0 0px;
    color: #000;
    padding: 10px 15px;
    cursor: pointer;
    font-family: 'Commissioner', sans-serif;
}

ul.tabs>li:hover {
    color: #010103;
    cursor: pointer;
}

ul.tabs>li.current {
    color: #c1151b;
}

ul.tabs>li span {
    width: 100%;
    height: 12px;
    position: absolute;
    left: 0px;
    top: 44px;
    display: none;
    background: transparent url(../img/layout/arrow_down.png) no-repeat scroll center center;
    text-indent: -99999px;
}

ul.tabs>li.current span {
    display: block;
}

.tab-content {
    display: none;
    margin: 120px 0;
}

.tab-content h3 {
    font-size: 32px;
    text-align: left;
    font-weight: 300;
    font-family: 'Commissioner', sans-serif;
    margin-top: 20px;
    line-height: 45px;
    margin-bottom: 55px;
}

.tab-content p {
    text-align: left;
}

.tab-content.current {
    display: inherit;
}

span.numbering {
    display: inline-block;
    margin-right: 10px;
    font-weight: bold;
    color: #fff;
    background: #c1151b;
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 30px;
}

.testimonial {
    margin: 20px auto;
    padding: 20px;
    position: relative;
}

.testimonial p {
    margin: 0;
    padding: 0;
}

.testimonial blockquote {
    margin: 0;
    padding: 0;
    position: relative;
    background: #fff;
    padding: 30px;
    border-radius: 5px;
    box-shadow: inset 0 2px 0 rgba(193, 21, 27, 0.7), -5px -4px 25px rgba(0, 0, 0, 0.3);
}

.testimonial blockquote:after,
.testimonial blockquote:before {
    top: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.testimonial blockquote:after {
    border-top-color: #ffffff;
    border-width: 10px;
    left: 88%;
    margin-left: -10px;
}

.testimonial blockquote:before {
    border-top-color: rgba(0, 0, 0, 0.01);
    border-width: 11px;
    left: 65%;
    margin-left: -11px;
}

.testimonial blockquote p {
    font-family: serif;
    font-size: 20px;
    color: #8c8b8c;
    font-weight: 400;
    line-height: 36px;
    font-style: italic;
    text-indent: 100px;
    position: relative;
}

.testimonial blockquote p:before {
    content: '\201C';
    font-family: serif;
    font-style: normal;
    font-weight: 700;
    position: absolute;
    font-size: 175px;
    top: 0px;
    left: -105px;
    color: #c1151b;
    text-shadow: 7px 14px 10px rgba(0, 0, 0, 0.1);
}

.testimonial .mb-attribution {
    text-align: right;
    padding: 20px 50px 20px 20px;
    position: relative;
}

.testimonial .mb-author {
    font-weight: 700;
    font-size: 18px;
    color: #c1151b;
    text-align: right;
}

.testimonial cite {
    font-style: normal;
    font-weight: 600;
    color: #010103;
}

.media_box {
    margin: 100px 25px 100px 0;
    position: relative;
    overflow: hidden;
}

.media_box.last {
    margin-right: 0;
}

.media_box.screensaver {
    margin: 100px auto;
    display: flex;
    align-items: center;
}

.media_box img {
   width: 100%;
}
/* 
.media_box a {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 999;
} */

.media_box .button {
    margin: 30px auto 0 auto;
}

.media_box p {
    font-size: 22px;
    position: relative;
    font-weight: 400;
    padding: 10px;
    color: #333;
}

.media_box p.title {
    font-size: 50px;
    color: #333333;
    padding: 0px 0px 15px 0px;
    margin: 10px 0px 15px 0px;
    text-align: center;
    line-height: 60px;
    position: relative;
    font-weight: 400;
    font-family: 'Commissioner', sans-serif;
}

.download_box {
    display: inline-block;
    width: 455px;
    height: auto;
    margin: 10px;
    position: relative;
    padding: 20px;
    background: #f1f1f1;
    border-bottom: 3px solid #C1151B;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.download_box a {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    text-indent: -999999px;
    z-index: 999;
}

.download_box img {
    width: 55px;
    float: left;
    margin: 0px 20px 0 20px;
}

.download_box p {
    font-size: 20px;
    font-weight: 100;
    line-height: 26px;
    margin: 0px;
    padding: 0;
}

.download_box span {
    display: block;
    margin-top: 10px;
    font-size: 14px;
    color: #7c7c7c;
}

img.img-radius{
    border-radius: 15px;
    margin-bottom: 100px;
}

.contactform {
    margin: 0px 0 0px 0;
    position: relative;
    display: block;
    overflow: hidden;
}

.contactform div.input {
    float: left;
    margin: 0px 20px 15px 20px;
    width: 100%;
    position: relative;
    transition: all 0.3s ease-in-out;
}

.contactform div.submit {
    width: fit-content;
    float: left;
    margin: 0px 0 0px 20px;
    padding: 0px;
    position: relative;
    overflow: hidden;
    display: inline-block;
}

.contactform div.input.textarea {
    width: 100%;
    margin-top: 22px;
}

.contactform div.input.textarea label {
    padding: 0 20px 12px 0px;
}

.contactform div.input.textarea:hover {
    transition: all 0s ease;
}

.contactform div.input.checkbox {
    background: none;
    padding: 20px 25px 25px 25px;
    border: 1px solid #5B9454;
    display: flex;
    align-items: center;
}

.contactform div.input.checkbox label {
    color: #3d3a3a;
    font-size: 19px;
    line-height: 35px;
}

.contactform div.input.checkbox label.error {
    position: absolute!important;
    width: 100%;
    bottom: -35px;
    color: #e32;
    font-size: 14px;
}

.contact_details .terms_link a {
    color: #B8CB43;
    font-weight: 500;
}

.checkbox input[type=checkbox] {
    position: absolute;
    left: 50px;
    margin-top: 34px;
}

.contactform div.input.checkbox label span.m-l {
    margin-left: 25px;
}

.contactform div.input label {
    float: left;
    margin: -12px 0 0px 0;
    padding: 0;
    display: block;
    font-size: 18px;
    font-weight: 300;
    color: #003F83;
    position: absolute;
}

.contactform div.input.select {
    width: calc(100% - 40px);
}
.contactform div.input.last{
    width: 100%;
}
.contactform input[type="text"],
.contactform textarea,
.contactform select {
    width: 100%;
    padding: 12px 0px;
    margin: 0px;
    font-size: 18px;
    font-weight: 300;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    text-align: left;
    float: left;
    background: none;
    color: #003F83;
    border: none;
    border-bottom: 1px solid #003F83;
    font-family: "Didact Gothic", sans-serif;
}

.contactform select {
    background-image: url(../img/layout/arrow_down.svg);
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: right;
    appearance: none;
    -webkit-appearance: none;
}

.contactform input[type="text"]::placeholder,
.contactform textarea::placeholder,
.contactform select::placeholder {
    color: #003F83;
}

.contact_form_right {
    background: #E9EDF1;
    padding: 90px 15% 100px 15%;
    position: relative;
    border-radius: 15px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    height:90vh
}

.contactform textarea {
    width: 100%;
    height: 120px;
    border-bottom: 1px solid #003F83;
    padding: 25px 12px;
}

.contactform input[type="text"]:focus,
.contactform input[type="text"]:hover {
    outline: none;
}

.contactform textarea:focus,
.contactform textarea:hover {
    outline: none;
}

.contact_button {
    color: #fff;
    background-color: #C90527;
    padding: 15px 65px;
    display: inline-block;
    border-radius: 6px;
    font-size: 17px;
    font-weight: 300;
    font-family: "Didact Gothic", sans-serif;
    border: 1px solid transparent;
    position: relative;
    overflow: hidden;
    z-index: 1;
    transition: all 250ms ease;
    margin-top:20px
}

.contact_button::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    background-color: #C90527;
    z-index: -1;
    transition: all 250ms ease;
}
    
.contact_button:hover::after {
    height: 0%;
}

.contact_button:hover {
    color: #C90527;
    background-color: transparent;
    border: 1px solid #C90527;
    transition: all 250ms ease;
}


.contact_details #contact_left p {
    color: #666;
    position: relative;
    display: inline-block;
    padding-top: 25px;
}

.contactform .required label:after {
    color: #e32;
    content: '*';
    display: inline;
}

.contactform div label.error {
    color: #e32;
    font-size: 14px!important;
    font-weight: 300;
    width: 100%;
    margin-top: 5px;
    text-align: left;
    float: left;
    display: block;
    background: none!important;
    position: relative!important;
}

.contact_details h1 {
    color: #007831;
    background: #FFCF00;
    width: fit-content;
    padding: 12px 45px;
    transform: rotate(-1deg);
    margin-bottom: 70px;
    box-shadow: rgb(149 157 165 / 35%) 0px 8px 24px;
}

.contact_details a {
    color: #0098CB;
    transition: all 0.2s ease-in-out;
    font-size: 20px;
    font-weight: bold;
    font-family: 'Commissioner', sans-serif;
}

#contact_left {
    margin-left: 120px;
}

#contact_left h3 {
    font-family: 'Commissioner', sans-serif;
    font-size: 42px;
    font-weight: 500;
    line-height: 55px;
    margin-bottom: 50px;
}

.contact_details {
    position: relative;
    top: -20vh;
}

.contact_details p.title {
    font-size: 35px;
    font-weight: 700;
    margin-bottom: 35px;
    color: #333333;
}

.contact_details p {
    color: #C90527;
    padding-left: 75px;
    padding-right: 30%;
    font-size: 21px;
}

.contact_details .graphic {
    background-image: url(../img/layout/graphic_contact.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    width: 60%;
    height: 100%;
    left: -140px;
    top: 7%;
    background-position: center;
}

.info-window-content {
    padding: 7px;
}
.contact_details .flex_center {
    display: flex;
    align-items: stretch; 
    flex-wrap: wrap; 
}
    
p.map_title {
    color: #C90527;
    font-weight: bold;
    border-bottom: 2px solid #003F83;
    line-height: 27px;
    margin-bottom: 8px;
    font-size: 19px;
    padding-top: 15px;
    padding-right: 15px;
    padding-left: 0;
}

p.map_subtitle {
    font-size: 16px;
    line-height: 30px;
    padding-left: 0;
    padding-right: 0;
    color:#003F83
}

.map h1 {
    color: #fff;
    font-size: 48px;
    font-family: 'Commissioner', sans-serif;
    background-color: #d5585c;
    text-align: center;
    margin: 0 auto;
    width: fit-content;
    padding: 15px 50px;
    transform: rotate(-1deg);
    margin-bottom: 70px;
    box-shadow: rgb(149 157 165 / 35%) 0px 8px 24px;    
}

.map h1:before {
    content: '';
    position: absolute;
    left: 0;
    background-image: url('../img/layout/chicken_3.svg');
    background-repeat: no-repeat;
    background-size: 80px;
    width: 80px;
    height: 100px;
    margin-left: -110px;
    top: -15px;
}

.map h1:after {
    content: '';
    position: absolute;
    right: 0;
    background-image: url('../img/layout/chicken_4.svg');
    background-repeat: no-repeat;
    background-size: 100px;
    width: 100px;
    height: 95px;
    margin-right: -135px;
    bottom: -10px;
}

.contact_form_left h2 {
    color: #1A171B;
    font-size: 40px;
    line-height: normal;
}

.get_quote {
    display: block;
    text-align: center;
    padding: 15px;
    color: #fff;
    text-shadow: 0px 0px 1px #777;
    background: #C1151B;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.get_quote p {
    font-weight: bold;
    margin: 0px;
}

.call_us {
    display: block;
    margin: 20px 0;
}

.call_us p {
    font-size: 24px;
}

#map {
    width: 100%;
    height: 90vh;
    border-radius: 15px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.gm-style-iw-chr {
    position: absolute;
    right: -3px;
    top: -6px;
}

.store_box {
    display: flex;
    align-items: center;
    margin: 100px 0px 100px 0;
    position: relative;
    overflow: hidden;
}

.store_box.last {
    margin-right: 0px;
}

.store_box p {
    font-size: 50px;
    color: #333333;
    padding: 0px 0px 15px 0px;
    margin: 10px 0px 15px 0px;
    text-align: center;
    line-height: 60px;
    position: relative;
    font-weight: 400;
    font-family: 'Commissioner', sans-serif;
}

.store_box p.desc {
    font-size: 19px;
    line-height: 50px;
    font-weight: 300;
    color: #fff;
    background: #333333;
    position: relative;
    padding: 15px 30px;
    width: fit-content;
    border-radius: 5px;
    margin: 20px auto 0 auto;
}

.store_box img {
    z-index: 1;
    width: 100%;
    height: auto;
    margin: 0px;
    opacity: 1;
    -moz-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.store_box:hover img {
    opacity: 0.95;
    -moz-transform: scale(1.05, 1.05);
    -webkit-transform: scale(1.05, 1.05);
    -o-transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
}

.store_box .overlay {
    width: 500px;
    height: 293px;
    background: rgba(0, 0, 0, 0.1);
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
    opacity: 0;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.store_box:hover .overlay {
    opacity: 1;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}


.fancybox-default-skin {
    border: none!important;
}

.espa_wrapper {
    position: absolute;
    bottom: 0;
    z-index: 10;
    left: 10px;
}

.espa img {
    width: 100%;
    height: auto;
    display: block;
}

.espa_mobile {
    display: none;
}




@media only screen and (max-width: 1860px) {
    .product_box .category_icon {
        margin-right: 15px;
    }

    .social_icons a {
        width: 40px;
        padding: 8px;
        margin-right: 12px;
        margin-bottom: 12px;
    }

    .social_icons img.facebook {
        width: 11px;
    }

    .social_icons a.instagram img {
        height: 36px;
    }

    .social_icons img {
        width: 40px;
    }

    .product_view table tr td span {
        width: 220px;
    }
}

@media only screen and (max-width: 1650px) {
    .about_text ul li span {
        font-size: 19px;
    }

    .social_icons img {
        width: 35px;
    }

    .social_icons a {
        width: 37px;
        padding: 7px;
        margin-right: 8px;
        margin-bottom: 8px;
    }

    .product_view table tr td span img.kotopoula-kreatoparagogis {
        width: 32px;
    }

    .product_view table tr td span img.kotes-kokoria-anaparagogis {
        width: 47px;
    }

    .product_view table tr td span img.galopoules {
        width: 37px;
    }

    .product_view table tr td span img {
        width: 40px;
        margin-left: 30px;
    }

    .product_view table tr td span {
        width: 194px;
    }

    .product_view .product_description {
        padding: 60px 140px 0 0px;
    }

    .product_view .grey_bg {
        right: 9.4%;
        max-height: 560px;
    }

    .product_view .swiper-gallery {
        margin-top: -165px;
    }

    .product_thumb img {
        padding: 70px 30px;
    }

    .cd-filter-trigger {
        margin-right: 60px;
    }

    .filters {
        margin-right: 60px;
        margin-bottom: 70px;
    }

    .product_box .category_icon {
        margin-right: 12px;
        margin-top: 20px;
    }

    .contact_form_left h2 {
        font-size: 37px;
        padding-left: 50px;
    }

    .footer_box p {
        font-size: 19px;
        line-height: 30px;
    }

    .years span {
        font-size: 115px;
        line-height: 100px;
        padding-bottom: 25px;
    }

    .about_grey {
        height: 64%;
    }

    .years {
        padding: 40px 55px;
    }

    .years p {
        font-size: 30px;
        line-height: 34px;
        margin-top: 25px;
    }

    .services_text h1 {
        font-size: 50px;
        line-height: 65px;
    }

    .services_text ul li h3 {
        font-size: 30px;
    }

    .services_button:before, .services_button:after {
        width: 31%;
    }

    .services_text ul li {
        width: 30.5%;
        font-size: 19px;
        line-height: 28px;
    }

    h2 {
        font-size: 40px;
    }

    h2:before {
        width: 28px;
        height: 28px;
        margin-top: 9px;
    }

    .categories ul li .icon {
        width: 95px;
        height: 95px;
    }

    .categories ul li {
        padding: 35px 25px;
        height: 430px;
        font-size: 23px;
    }

    .swiper-container.swiper-category-type {
        margin-left: 0px;
        margin-top: 80px;
    }

    .category_first .grey_bg {
        width: 55%;
    }

    .swiper-container.swiper-category-type .swiper-slide img.small_img {
        width: 180px;
        top: 120px;
    }

    .swiper-container.swiper-category-type .swiper-slide h3 {
        margin-top: 40px;
        background-size: 45px;
    }

    .navigation_buttons {
        right: 3%;
    }

    .brand_content {
        margin: 0 20px;
    }

    #navi .submenu .submenu_inner a {
        font-size: 18px;
    }

    .product_box_menu img {
        width: 25px;
        margin-right: 12px;
    }

    #navi .submenu ul li, #navi .submenu ul li a {
        font-size: 21px;
    }

    .pdo_bio.inside {
        right: 120px;
    }

    .product_description {
        padding: 0 50px;
    }

    .product_view table tr td.brand img {
        margin-left: 30px;
    }

    .about_text.brands {
        padding: 0 5px;
    }

    .about_text h2 {
        font-size: 40px;
        margin-bottom: 30px;
    }

    .brands_circle {
        padding: 0 40px;
    }

    .categories_wrap .category_box .arrow {
        margin: 60px auto 0 auto;
    }
}

@media only screen and (max-width: 1499px) {
    /************ FOOTER **************/
    .footer_box h3 {font-size: 20px;letter-spacing: 0;}

    /************ HOME **************/
    .about_subtitle p { font-size: 35px; padding-right: 20px;}
    .about_text .button {width: 400px;}
    .button {padding: 15px 60px 15px 60px;}
    .home_info ul li strong { font-size: 40px;}
    .home_info ul li {font-size: 25px; line-height: 45px;}
    .assurance_home .assurance_swiper p {font-size: 40px;}
    .swiper-certifications img {height: 180px;}

    /************ QUALITY ASSURANCE **************/
    #banner_page .banner_text h1 { font-size: 50px;}
    #banner_page .banner_text h3 { font-size: 25px; line-height: 35px;}

    .footer_box.service {
        padding: 0 10px 0 10px;
    }

    .categ_description {
        margin-left: 20px;
        width: calc(100% - 40px);
    }

    .product_specs_wrap {
        margin: 60px 45px 0 45px;
    }

    .product_view table tr td span {
        width: 167px;
        font-size: 14px;
        line-height: 15px;
    }

    .product_view table tr td span img {
        width: 43px;
        margin-left: 25px;
    }

    .product_view {
        padding-bottom: 80px;
    }

    .product_view table tr td span img.kotes-kokoria-anaparagogis {
        width: 45px;
    }

    .product_view table tr td span img.galopoules {
        width: 35px;
    }

    .product_view table tr td span img.kotopoula-kreatoparagogis {
        width: 30px;
    }

    .product_view table tr td span img {
        width: 40px;
        margin-left: 20px;
    }

    .product_view table tr td.brand img {
        width: 130px;
        margin-left: 25px;
    }

    .product_view table td.first {
        font-size: 20px;
        line-height: 31px;
        min-width: 180px;
    }

    .product_view table tr td span img.galopoules {
        width: 35px;
    }

    .breadcrumb-section {
        margin-left: 20px;
        width: calc(100% - 40px);
    }

    .contact_form_left h2 {
        font-size: 33px;
    }

    .about_home {
        padding-top: 170px;
    }

    .about_grey {
        height: 77%;
        top: 100px;
        border-bottom-left-radius: 8px;
    }

    .services_text h1 {
        font-size: 42px;
        line-height: 58px;
    }

    .years {
        padding: 35px 45px;
        left: -100px;
    }

    .years p {
        font-size: 27px;
        line-height: 30px;
    }

    .years span {
        font-size: 100px;
        line-height: 90px;
    }

    .about_text p {
        padding: 5px 0;
        margin-left: 63px;
    }

    .services_text {
        width: calc(100% - 100px);
        margin: 0 50px;
    }

    h2 {
        font-size: 35px;
        padding-left: 60px;
    }

    h2:before {
        margin-top: 7px;
        width: 26px;
        height: 26px;
    }

    h2 {
        font-size: 40px;
        padding-left: 65px;
    }

    .categories ul li img {
        width: 45px;
    }

    .categories ul li .icon.galopoules img {
        width: 50px;
    }

    .categories ul li .icon.kotes-kokoria-anaparagogis img {
        width: 65px;
    }

    .categories ul li .icon.kotes-augoparagogis img {
        width: 55px;
    }

    .categories ul li .icon {
        width: 90px;
        height: 90px;
    }

    h2 {
        font-size: 35px;
        padding-left: 60px;
    }

    .categories ul li {
        font-size: 21px;
        height: 410px;
        padding: 35px 15px;
    }

    .categories ul {
        width: calc(100% + 60px);
        margin-left: -30px;
    }

    #navi .submenu ul li a {
        margin: 0 0 15px 0;
    }

    .swiper-container.swiper-category-type .swiper-slide img.small_img {
        width: 160px;
        top: 110px;
    }

    .swiper-container.swiper-category-type .swiper-slide h3 {
        margin-top: 30px;
        background-size: 40px;
        font-size: 27px;
        padding-right: 45px;
    }

    #navi .submenu_inner {
        margin-left: 0px;
        margin-bottom: 7px;
    }

    #navi .submenu .submenu_inner a {
        font-size: 17px;
    }

    .more_products {
        margin-top: 20px;
    }

    .product_description p {
        padding-bottom: 30px;
    }

    .product_thumb img {
        max-width: 450px;
    }

    .product_view .swiper-gallery {
        margin-top: -125px;
    }

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

    .product_view table tr {
        margin: 10px 0;
        padding: 10px 0;
    }

    .footer_box h3 {
        margin-bottom: 25px;
    }

    .categories_wrap .category_box .arrow {
        margin: 50px auto 0 auto;
        width: 55px;
    }

    .padd_first {
        padding-top: 130px;
        padding-bottom: 130px;
    }

    .categories_wrap h3 {
        font-size: 34px;
        line-height: 40px;
    }

    .about_text ul li span {
        font-size: 18px;
    }

    .about_text ul li:after {
        top: 85px;
    }    

    .about_text ul {
        padding: 50px 5px;
    }

    .about_text ul li {
        font-size: 50px;
    } 

    h1 {
        font-size: 65px;
        line-height: 75px;
    }

    .footer_box .tips_menu {
        width: 34px;
        height: 27px;
    }

    .stamps {
        margin-left: 40px;
    }

    .filters {
        margin-right: 30px;
    }

    .cd-filter-trigger {
        margin-right: 30px;
        font-size: 28px;
        padding-bottom: 20px;
    }

    .sub_categories_nav ul li {
        font-size: 20px;
    }

    .sub_categories_nav {
        margin-bottom: 0px;
    }

    .product_list h1 {
        font-size: 45px;
    }

    .syntagi_chicken {
        margin-right: -80px;
    }

    .recipe_view_details .small_img {
        width: 80px;
        margin-top: 60px;
    }

    .recipe_view_details p {
        font-size: 18px;
    }

    .recipe_view_details h3 {
        padding: 12px 25px;
        font-size: 18px;
    }

    .recipe_view_details p.difficulty:after {
        width: 50px;
        height: 30px;
        background-size: 45px;
        margin-left: 12px;
    }

    .recipe_view_details p.difficulty {
        font-size: 18px;
    }

    .banner_text p span {
        font-size: 47px;
        line-height: 35px;
    }

    a.more_products {
        margin-left: 75px;
    }

    .intro_box p {
        font-size: 24px;
        line-height: 38px;
    }

    #blog_text .blog_text_inner {
        margin-right: 20px;
    }

    .blog_post h2 {
        font-size: 19px;
    }

    #content_nav ul li a {
        font-size: 26px;
        padding: 60px 0px 30px 45px;
    }

    #content_nav h2 {
        font-size: 26px;
        padding: 60px 0px 30px 45px;
    }

    #content_nav ul li a:before {
        margin-top: 8px;
    }

    .catalog_products {
        padding: 80px 9% 80px 30px;
    }

    .product_box {
        min-height: 400px;
    }

    .product_box .category_icon {
        margin-right: 10px;
        margin-top: 12px;
    }

    #content_nav ul .submenu_inner li a {
        font-size: 21px;
    }

    .recipe_details h2 {
        font-size: 16px;
        line-height: 21px;
    }

    #contact_left h3 {
        font-size: 38px;
        line-height: 50px;
        margin-bottom: 40px;
    }

    .contact_details p:after {
        margin-left: 50px;
    }

    .dynamic_bg ul {
        margin-right: 25px;
        padding: 35px;
    }

    .dynamic_bg ul li p {
        font-size: 20px;
    }

    .about_graphic_bottom {
        background-position: 90px bottom;
        height: 340px;
    }

    .about_image_top {
        margin-top: 100px;
        right: 30px;
    }

    .products_content h3 {
        font-size: 19px;
        margin-top: 10px;
    }

    .award_text {
        padding: 0 40px 0 40px;
    }

    .recipes_wrapper p {
        padding-right: 0;
    }

    .more.yellow {
        margin-top: 50px;
    }

    .graphic_wrapper .graphic_1 {
        height: 80px;
    }

    .banner_text p {
        font-size: 26px;
        line-height: 36px;
    }

    .footer_box.menu {
        margin-left: 0px;
    }

    .footer_box.menu p {
        font-size: 18px;
    }

    .footer_box.service p {
        line-height: 34px;
    }

    #search_menu {
        width: 85%;
    }

    #logo a {
        width: 280px;
        height: 65px;
    }

    .social_menu img {
        width: 30px;
        margin-right: 2px;
    }

    .pdo_bio.inside {
        top: 85px;
    }

    .categories .col-md-3 a.more {
        font-size: 19px;
    }

    .button_more {
        font-size: 18px;
        line-height: normal;
    }

    .recipes_categories .recipe_categ h2 {
        font-size: 21px;
        height: 65px;
    }
}

@media only screen and (max-width: 1349px) {
    /********* ABOUT **********/
    .gallery_buttons.navigation_buttons { top: 30px;}
    .swiper_gallery img {max-height: 320px;}
    .gallery_text p {margin-right: 0;}

    /********* FOOTER **********/
    .footer_box h3 {padding-left: 0;}
    .footer_box p { margin-left: 0;}

    .all_product .align_product_details h6 { font-size: 19px;}
    .all_product .align_product_details h6 strong {  padding: 0 4px;}
        
    .about_text.brands {
        padding: 0px;
    }

    .product_specs a.show_more {
        font-size: 27px;
    }

    .product_specs_wrap {
        margin: 60px 35px 0 35px;
    }

    .product_specs a.show_more {
        font-size: 28px;
    }

    .product_specs a.show_more:after {
        font-size: 80px;
        line-height: 85px;
        right: 20px;
    }

    .product_description ul li, .product_description ol li {
        font-size: 19px;
        line-height: 30px
    }

    .product_description ul li:before {
        margin-top: 9px;
    }

    .product_view .product_description {
        padding: 60px 120px 0 0px;
    }

    .product_view .product_description {
        padding: 50px 120px 0 0px;
    }

    .product_view {
        padding-bottom: 80px;
    }

    .product_view .swiper-gallery {
        margin-top: -110px;
        width: 110%;
        margin-left: -10%;
    }

    .product_view .grey_bg {
        right: 9.6%;
        max-height: 480px;
    }

    .product_view table td.first {
        font-size: 19px;
        min-width: 170px;
    }

    .banner .breadcrumb-section {
        top: 179px;
    }

    .banner .breadcrumb>li {
        font-size: 19px;
    }

    .more_products .navigation_buttons {
        right: 8%;
        left: auto;
        position: absolute;
    }

    .breadcrumb-section {
        margin-top: 0px;
    }

    .product_box p {
        font-size: 18px;
    }

    .product_box .category_icon.kotes-kokoria-anaparagogis img {
        width: 45px;
    }

    .product_box .category_icon.kotes-augoparagogis img {
        width: 34px;
    }

    .product_box .category_icon img {
        width: 26px;
    }

    .contact_form_right {
        padding: 70px 10% 80px 6%;
    }   

    .contact_form_left h2 {
        font-size: 31px;
    }

    .dynamic_page .graphic {
        left: -100px;
        top: 5%;
    }

    .years span {
        font-size: 85px;
        line-height: 75px;
    }

    .years {
        padding: 35px 40px;
        left: -192px;
        bottom: -20px;
    }

    .years p {
        font-size: 25px;
        line-height: 28px;
    }

    .padd_big.about_home {
        padding-top: 150px;
    }

    .services_text ul li h3 {
        font-size: 27px;
        margin-bottom: 25px;
    }

    .services_graphic {
        height: 70%;
    }

    .services_text {
        width: 100%;
        margin: 0px;
    }

    .categories ul li .icon {
        width: 80px;
        height: 80px;
    }

    .categories ul li {
        font-size: 20px;
        height: 400px;
    }

    h2:before {
        width: 24px;
        height: 24px;
    }

    h2 {
        font-size: 32px;
        padding-left: 55px;
    }

    .swiper-container.swiper-category-type .swiper-slide {
        padding-left: 70px;
    }

    .swiper-container.swiper-category-type .swiper-slide h3 {
        margin-top: 25px;
        background-size: 35px;
        font-size: 25px;
        padding-right: 40px;
    }

    .navigation_buttons {
        right: 0%;
        left: 60px;
        position: relative;
        top: 9px;
    }

    .swiper-container.swiper-category-type .swiper-slide img.small_img {
        width: 150px;
        top: 110px;
        left: 5px;
    }

    .category_first .grey_bg {
        width: 57%;
        height: 75%;
    }

    h1 {
        font-size: 60px;
        line-height: 70px;
    }

    .pdo_bio.inside img.pdo {
        margin-left: 12px;
    }

    .pdo_bio img.bio {
        width: 45px;
    }

    .pdo_bio img.pdo {
        width: 41px;
    }

    #sticky-header #navi li .submenu {
        top: 111px;
    }

    #navi .submenu ul li a {
        margin: 0 0 10px 0;
        font-size: 19px;
    }

    #navi .submenu ul li {
        margin-bottom: 20px;
    }

    #navi .submenu ul li a:before {
        width: 11px;
        height: 11px;
        margin-top: 8px;
    }

    .product_box_menu img {
        width: 23px;
        margin-right: 10px;
    }

    p.box_title {
        font-size: 28px;
        margin: 0 auto 25px auto;
    }

    .product_share p {
        margin-top: 30px;
    }

    .padd_bottom {
        padding-bottom: 80px;
    }

    .dynamic_page h1 {
        font-size: 32px;
        line-height: normal;
    }

    .footer_copyright {
        padding: 20px 0;
    }    

    .footer_box.first {
        margin-left: 0px;
    }

    .brands_circle {
        padding: 0 0px;
    }

    .categories h1 {
        padding: 15px 0 30px 0;
    }

    .home_category_title {
        width: 70%;
    }

    .categories_wrap .category_box .arrow {
        margin: 40px auto 0 auto;
        width: 50px;
    }

    .categories_wrap .category_box .arrow {
        margin: 35px auto 0 auto;
        width: 45px;
    }

    .categories_wrap h3 {
        font-size: 30px;
        line-height: 35px;
    }

    .padd {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .banner_text h1:before {
        width: 120px;
    }

    .about_text h2 {
        font-size: 35px;
    }

    .about_text ul li span {
        min-height: 82px;
    }

    .about_text ul {
        padding: 40px 5px;
    }

    .padd_big {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .about_text ul li {
        font-size: 45px;
    }

    .about_text ul li:after {
        top: 78px;
    }

    .stamps {
        margin-left: 0px;
    }

    .padd.posts {
        padding-top: 20px;
    }

    .product_details {
        margin-top: 30px;
        margin-left: 0;
    }

    .product_details ul li {
        font-size: 16px;
    }

    .product_thumb img {
        width: 380px;
    }

    .sub_categories_nav ul {
        padding: 20px 0;
    }

    .sub_categories_nav ul li {
        font-size: 19px;
    }

    .group_by_category {
        margin-top: 60px;
        margin-bottom: 100px;
    }

    #content_nav ul li a {
        font-size: 23px;
        padding: 50px 0px 20px 40px;
    }

    #content_nav ul li a:before {
        width: 20px;
        height: 20px;
        margin-top: 6px;
    }

    #content_nav h2:before {
        width: 20px;
        height: 20px;
        margin-top: 2px;
    }

    .cd-filter-trigger img {
        width: 34px;
    }

    #content_nav:after {
        left: 30px;
        width: calc(100% - 30px);
    }

    #content_nav ul .submenu_inner li a {
        font-size: 20px;
        padding: 5px 0;
        padding-left: 30px;
    }

    #content_nav p a {
        padding-left: 40px;
    }

    #content_nav h2 {
        font-size: 23px;
        padding: 50px 0px 30px 40px;
    }

    .breadcrumb-section {
        margin-bottom: 60px;
    }

    .product_list h1 {
        font-size: 40px;
    }

    .product {
        margin: 10px 0;
    }

    .product h2 {
        font-size: 18px;
        margin-top: 10px;
    }    

    .recipe_video h4 {
        font-size: 32px;
        line-height: 40px;
    }

    .syntagi_chicken {
        margin-right: -20px;
        bottom: -140px;
    }

    .recipe_view_details h3 {
        padding: 10px 15px;
        font-size: 17px;
        margin: 10px auto;
    }

    .recipe_view_details p.difficulty {
        font-size: 17px;
    }

    .recipe_view_details p.difficulty {
        font-size: 17px;
        margin-top: -8px;
        margin-left: -30px;
    }

    .recipe_view_details p {
        font-size: 17px;
        margin-top: -10px;
    }

    .recipe_view_details p.difficulty:after {
        width: 40px;
        height: 25px;
        background-size: 40px;
        margin-left: 12px;
        margin-top: 7px;
    }

    .recipe_view_details .small_img {
        width: 65px;
        margin-top: 50px;
    }

    .banner_text p span {
        font-size: 44px;
    }

    a.more_products {
        margin-left: 40px;
        font-size: 20px;
    }

    .intro_box p {
        font-size: 22px;
        line-height: 35px;
    }

    .blog_post h2 {
        font-size: 18px;
        line-height: 23px;
    }

    .recipe_details .difficulty {
        background-size: 35px;
        height: 27px;
        padding-left: 42px;
        font-size: 16px;
    }

    .recipe_details .duration {
        background-size: 21px;
        height: 24px;
        padding-left: 34px;
        font-size: 16px;
    }

    .recipe_details h2 {
        font-size: 15px;
        line-height: 19px;
    }

    .post_box {
        margin: 15px 0;
    }

    .recipes_nav ul li.selected:after {
        background-size: 70px;
        width: 70px;
        height: 70px;
        margin: 40px auto 0 auto;
    }

    .recipes_categories .recipe_categ h2 {
        font-size: 20px;
        height: 60px;
    }

    .map h1 {
        font-size: 40px;
    }

    .contact_details p:after {
        margin-left: 15px;
    }

    .contact_details a {
        font-size: 18px;
    }

    .contactform div.input.checkbox label {
        font-size: 18px;
        line-height: 30px;
    }

    .contact_details p.big_p {
        margin-bottom: 40px;
        font-size: 21px;
    }

    #contact_left h3 {
        font-size: 35px;
        line-height: 45px;
        margin-bottom: 35px;
    }

    .dynamic_bg ul {
        margin-right: 15px;
        padding: 30px 25px;
    }

    #contact_left {
        margin-left: 70px;
    }

    .about_title p {
        font-size: 150px;
    }

    .about_title h1 {
        font-size: 65px;
        line-height: 70px;
    }

    .about_graphic_bottom {
        background-position: 45px bottom;
        height: 310px;
    }

    .products_content h3 {
        font-size: 18px;
        margin-top: 8px;
    }

    #navi .submenu .submenu_inner a {
        font-size: 15px;
    }

    #navi .submenu ul li, #navi .submenu ul li a {
        font-size: 19px;
    }

    #navi .submenu .product_box_menu.brands li:before {
        width: 11px;
        height: 11px;
        margin-top: 8px;
    }

    .products h1, .dynamic h1 {
        font-size: 45px;
        padding: 20px 50px;
    }

    #navi .submenu_inner {
        margin-left: 0px;
        margin-bottom: 4px;
    }

    .dynamic h1 span.tips_menu {
        width: 70px;
        height: 55px;
        top: 10px;
    }

    .award_text {
        padding: 0 0 0 20px;
    }

    .recipes h3 {
        font-size: 16px;
        line-height: 21px;
    }

    .recipes h3 {
        font-size: 17px;
        line-height: 22px;
        height: 80px;
    }

    .recipes {
        padding-bottom: 130px;
        margin-bottom: 100px;
    }

    .graphic_wrapper .graphic_2 {
        height: 55px;
    }

    .graphic_wrapper .graphic_1 {
        height: 70px;
    }

    .chicken_1 {
        background-size: 100px;
        width: 100px;
        height: 100px;
    }

    .footer_box.service {
        padding: 0;
    }

    .footer_box p {
        font-size: 17px;
        line-height: 26px;
    }

    .footer_box p.footer_first {
        margin-bottom: 15px;
    }

    .footer_box h4 {
        font-size: 17px;
    }

    .social_icons img.facebook {
        width: 11px;
    }

    .social_icons a.instagram img {
        height: 32px;
        top: 2px;
    }

    .social_icons a {
        width: 37px;
        margin-right: 8px;
    }

    .footer_box.menu p {
        font-size: 17px;
        line-height: 35px;
    }

    .footer_box.service p {
        line-height: 30px;
    }

    .social_menu img {
        width: 28px;
        margin-right: 3px;
    }

    #navi {
        padding-right: 0;
    }

    #logo a {
        width: 260px;
        height: 55px;
    }

    #navi ul li a {
        font-size: 19px;
        margin: 0 12px;
    }

    #search_menu {
        width: 95%;
    }

    #search button {
        background-size: 20px;
        width: 20px;
        height: 20px;
    }

    .padd_top.product_specs {
        padding-top: 20px;
    }

    .button_more_img {
        width: 100%;
    }

    .button_more {
        font-size: 17px;
        transform: translate(-68%, -52%);
    }

    .categories .col-md-3 a.more {
        font-size: 17px;
    }
}

@media only screen and (max-width: 1199px) {
    /*********** HEADER ************/
    .navigation { padding-right: 15px; margin-left: 35px;}

    /*********** FOOTER ************/
    .align_icons{display: flex;  flex-direction: row; justify-content: center;margin-bottom: 50px;}
    .social_icons { flex-direction: column; border-left:1px solid #fff; margin-top: 0; margin-left: unset;justify-content: center;padding-left: 20px;}
    .footer_logo img { width: 170px;  margin: 0 auto; padding-bottom: 0; display: block; padding-right: 20px;}
    .footer_top { margin: 60px auto 0px auto;}
    #footer .flex_section p {font-size: 16px;}
    .footer_box h3 {font-size: 18px;}

    /*********** HOME ************/
    .banner_text h1 {font-size: 40px;}
    .banner_text h3 {font-size: 25px; line-height: 37px;}
    .swiper-certifications img {height: 160px; padding: 10px 20px;}
    .swiper-certifications h2 {font-size: 40px; line-height: 55px; max-width: 370px;}
        
    /*********** PRODUCTS ************/
    .all_product .align_product_details h6 {font-size: 18px; padding: 15px 20px;}
    .all_product .align_product_details h6 strong {padding: 0 3px;}
    .all_product .align_product_details h4 strong {font-size: 23px;}

    /*********** DYNAMIC PAGES ************/
    .product_details h2 {font-size: 32px;}

    /*********** ABOUT ************/
    .swiper_gallery img {max-height: 290px;}

    /********* QUALITY ASSURANCE ********/
    .certifications_icons img {width: auto;height: 150px;}

    /*********** CONTACT ************/
    #banner_page .banner_text h1 {font-size: 65px;}
    #banner_page .banner_text h3 {font-size: 25px;line-height: 38px;}

    .footer_top {
        flex-wrap: wrap;
    }

    .fylladio a {
        font-size: 20px;
    }

    .social_icons a.instagram, .social_icons a.youtube {
        margin-right: 15px;
    }

    .social_icons a {
        margin-right: 15px;
    }

    .product_specs_wrap {
        margin: 50px 20px 0 20px;
    }

    .product_specs a.show_more:after {
        font-size: 80px;
        line-height: 80px;
    }

    .product_specs a.show_more {
        padding: 20px 30px;
    }

    .product_view table tr {
        flex-direction: column;
    }

    .product_view table tr td span {
        width: 215px;
    }

    .product_view table tr td.brand img {
        margin-left: 0;
        margin-top: -10px;
    }

    .product_view table tr td.category {
        border-left: none;
    }

    .product_view table td.first {
        font-size: 19px;
        margin-bottom: 15px;
        min-width: auto;
        border-right: none;
    }

    #banner_product .banner_text h1 {
        font-size: 45px;
        line-height: 55px;
    }

    .product_view .grey_bg {
        right: 0%;
        max-height: 480px;
        width: 50%;
    }

    .product_view .product_description {
        padding: 20px 120px 0 25px;
    }

    .banner .breadcrumb-section {
        top: 154px;
        padding: 23px 30px;
    }

    .banner .breadcrumb>li {
        font-size: 18px;
    }

    .more_products .navigation_buttons {
        right: 10px;
    }

    .swiper-container.swiper-more-products {
        margin-left: 20px;
        margin-top: 85px;
    }

    #content_nav ul .submenu_inner li a {
        font-size: 19px;
    }

    .inner.paginate .pagination.bottom {
        width: calc(100% - 40px);
        margin-top: 0px;
        font-size: 18px;
    }

    .product_box .category_icon img {
        width: 22px;
    }

    .product_box {
        min-height: 330px;
    }

    .product_box .category_icon.kotes-kokoria-anaparagogis img {
        width: 40px;
    }

    .product_box .category_icon {
        margin-right: 8px;
    }

    .product_box .category_icon.kotes-augoparagogis img {
        width: 30px;
    }

    .pagination .disabled, .pagination .prev {
        margin-right: 20px;
    }

    .catalog_products {
        padding: 60px 10px 60px 10px;
    }

    .filters {
        margin-right: 20px;
        margin-left: 20px;
    }

    #content_nav ul li img {
        width: 32px;
    }

    .cd-filter-trigger img {
        width: 32px;
    }

    .cd-filter-trigger {
        margin-right: 20px;
        font-size: 26px;
        padding-bottom: 15px;
        padding-top: 60px;
        margin-left: 20px;
    }

    .contact_form_left h2:before {
        left: 15px;
    }

    .contact_form_left h2 {
        font-size: 28px;
    }

    .dynamic_text h3 {
        font-size: 25px;
        margin: 25px 30px 15px 30px;
    }

    .dynamic_text ul {
        margin-left: 30px;
        padding-right: 30px;
    }

    .footer_copyright {
        padding: 20px 15px 40px 0;
    }

    .dynamic_text img {
        max-width: 350px;
        margin-left: 25px;
        margin-bottom: 15px;
        margin-right: 30px;
    }

    .dynamic_text p {
        padding: 0 30px;
    }

    .years {
        padding: 25px 30px;
        left: -190px;
        bottom: -35px;
    }

    .about_text h2 {
        font-size: 32px;
    }

    .about_grey {
        height: 80%;
        top: 70px;
    }

    .padd_big.about_home {
        padding-top: 115px;
    }

    .years span {
        font-size: 75px;
        line-height: 65px;
    }

    .years p {
        font-size: 23px;
        line-height: 26px;
    }

    .about_text h2 {
        font-size: 35px;
        padding-left: 40px;
    }
    
    .about_text h2:before {
        left: 0px;
    }

    .services_text {
        margin: 0px 20px;
        width: calc(100% - 40px);
    }

    .services_graphic {
        height: 55%;
        right: -20%;
        width: 65%;
    }

    .categories ul li .icon {
        width: 75px;
        height: 75px;
    }

    .categories ul li .icon.galopoules img {
        width: 45px;
    }

    .categories ul li .icon.kotes-augoparagogis img {
        width: 50px;
    }

    .categories ul li .icon.kotes-kokoria-anaparagogis img {
        width: 60px;
    }

    .categories ul li img {
        width: 40px;
    }

    .categories ul {
        width: calc(100% + 30px);
        margin-left: -50px;
    }

    p {
        line-height: 30px;
        font-size: 19px;
    }

    .swiper-container.swiper-category-type .swiper-slide h3 {
        background-size: 32px;
    }

    .navigation_buttons {
        left: 75px;
    }

    .swiper-container.swiper-category-type .swiper-slide img.small_img {
        width: 140px;
        top: 140px;
        left: 5px;
    }

    .category_first .grey_bg {
        width: 100%;
        height: 70%;
    }

    .swiper-container.swiper-category-type {
        margin-left: 45px;
        margin-top: 70px;
    }

    .category_description {
        padding-left: 0px;
        padding-right: 15px;
    }

    h2 {
        font-size: 35px;
        padding-left: 80px;
    }

    #navi .submenu .product_box_menu.brands li:before {
        width: 8px;
        height: 8px;
        margin-top: 8px;
    }

    #logo {
        margin-left: 20px;
    }

    .topbar {
        padding: 25px 35px;
    }

    .pdo_bio.inside {
        top: 55px;
        right: 40px;
    }

    .pdo_bio.inside img.pdo {
        width: 48px;
    }

    .pdo_bio.inside img.bio {
        width: 60px;
    }

    #navi li .submenu {
        top: 118px;
    }

    #sticky-header #navi li .submenu {
        top: 109px;
    }

    #navi .submenu_inner {
        margin-left: 0;
        margin-bottom: 0;
    }

    .product_box_menu.brands li:before {
        width: 8px;
        height: 8px;
        margin-top: 8px;
    }

    #navi .submenu .product_box_menu.brands li {
        padding-left: 20px;
    }

    .product_box_menu img {
        width: 18px;
        margin-right: 7px;
        position: relative;
        top: 5px;
    }

    #navi .product_box_menu.brands .submenu_inner {
        margin-left: 0px;
    }

    #navi .submenu ul li {
        margin-bottom: 15px;
    }

    #navi .submenu .submenu_inner a {
        font-size: 14px;
        text-align: left;
    }

    #navi .submenu ul li, #navi .submenu ul li a {
        font-size: 17px;
    }

    #navi .submenu_inner {
        align-items: flex-start;
    }

    #navi .submenu ul li a {
        padding-left: 20px;
    }

    #navi .submenu ul li a:before {
        width: 8px;
        height: 8px;
        margin-top: 9px;
    }

    /* #navi li .submenu {
        padding: 25px 20px 25px 20px;
        width: calc(100% - 80px);
    } */

    #content_nav ul li.dropdown a:after {
        background-size: 10px;
        width: 10px;
        height: 10px;
    }

    #content_nav ul li a {
        font-size: 22px;
    }

    #content_nav h2 {
        font-size: 22px;
    }

    .product_brand img {
        width: 140px;
        margin-bottom: 25px;
    }

    #contact_left {
        margin-left: 25px;
    }

    .product_description {
        padding: 0 60px;
    }

    .social_icons a.linkedin {
        margin-right: 8px;
    }

    .footer_logo .social_icons img {
        margin-right: 12px;
        margin-left: 12px;
    }

    .padd_first {
        padding-top: 120px;
        padding-bottom: 120px;
    }

    .categories_wrap h3 {
        font-size: 35px;
        line-height: 45px;
    }

    .categories_wrap .category_box .arrow {
        margin: 50px auto 0 auto;
        width: 50px;
    }

    .categories:before {
        background-size: contain;
    }

    .home_category_title {
        width: 65%;
    }

    .languages .languages_menu.active {
        margin-top: 35px;
    }

    .stamps {
        width: 450px;
    }

    .tips_menu {
        width: 38px;
        height: 28px;
    }

    .swiper-albums {
        padding-top: 20px;
    }

    .dynamic .small_img {
        width: 250px;
    }

    .product_recipes .more.yellow {
        margin-top: 30px;
        margin-right: 15px;
    }

    .recipes.product_recipes {
        padding-top: 100px;
        padding-bottom: 90px;
    }

    .product_chicken {
        margin-right: 0;
    }

    .toggle_container ul li, .toggle_container ol li {
        font-size: 19px;
        line-height: 30px;
        padding-left: 22px;
    }

    .product_details {
        margin-left: -15px;
    }

    .toggle_container ul li:before {
        margin-top: 10px;
    }

    .padd_top.product_specs {
        padding-top: 0;
    }

    .product_details ul li p {
        font-size: 17px;
    }

    .product_description {
        padding: 0 40px;
    }

    .products_nav ul li.selected:after {
        background-size: 60px;
        width: 60px;
        height: 35px;
    }

    .video_chicken {
        background-size: 230px;
        width: 230px;
        height: 205px;
        margin-left: -105px;
    }

    span.number {
        font-size: 22px;
    }

    p.preparation_title {
        font-size: 37px;
    }

    .description_box ul li {
        font-size: 19px;
    }

    .syntagi_chicken {
        margin-right: -10px;
        bottom: -50px;
        background-size: 260px;
        width: 260px;
        height: 145px;
    }

    .recipe_view_details .small_img {
        width: 50px;
        margin-top: 50px;
    }

    .light_green_bg {
        top: 36%;
    }

    .recipe_view_details h3 {
        padding: 8px 7px;
        font-size: 15px;
        margin: 5px auto;
    }

    .recipe_view_details p.difficulty {
        font-size: 16px;
        margin-top: 0px;
    }

    .recipe_view_details p.difficulty:after {
        width: 40px;
        height: 25px;
        background-size: 35px;
        margin-left: 12px;
        margin-top: 4px;
    }

    .recipe_view_details p {
        font-size: 16px;
        margin-top: -3px;
    }

    .banner_text p span {
        font-size: 36px;
    }

    .intro_box p {
        font-size: 21px;
        line-height: 33px;
    }

    .recipes_categories .recipe_categ h2 {
        font-size: 19px;
    }

    .recipes_categ_wrapper .col-md-4 {
        margin: 30px 0px 40px 0px;
    }

    .map h1 {
        font-size: 37px;
    }

    .dynamic ul li {
        font-size: 19px;
    }

    .dynamic h2 {
        font-size: 32px;
        margin-bottom: 30px;
        margin-top: 20px;
    }

    .dynamic_bg ul li p {
        font-size: 19px;
        margin-bottom: 1px;
    }

    .about_title p {
        font-size: 140px;
    }

    .about_title h1 {
        font-size: 60px;
        line-height: 65px;
    }

    .about_text_wrapper {
        padding: 0 100px;
    }

    .about_graphic_bottom {
        background-position: 15px bottom;
        height: 300px;
    }

    .about_image_top img {
        width: 450px;
    }

    .about_text p {
        line-height: 33px;
    }

    h1 {
        font-size: 50px;
        line-height: 60px;
    }

    .recipes_wrapper img {
        width: 210px;
        margin-left: -30px;
    }

    .recipes_featured .col-md-4 {
        margin-bottom: 30px;
    }

    .recipes h3 {
        font-size: 16px;
        line-height: 21px;
        height: 80px;
        width: 100%;
        position: relative;
        bottom: 0;
    }

    .more.yellow {
        padding: 12px 30px;
    }

    .graphic_wrapper .graphic_2 {
        height: 45px;
    }

    .graphic_wrapper .graphic_1 {
        height: 55px;
    }

    .footer_box.first {
        margin-left: 0px;
    }

    #footer_container {
        padding: 80px 5px 30px 5px;
    }

    .footer_box h4 {
        margin: 0 auto 20px auto;
    }

    .footer_copyright p {
        font-size: 16px;
    }

    .padd_big.categories {
        padding-bottom: 80px;
    }

    .header_container {
        flex-wrap: wrap;
        flex-direction: column;
        align-items: flex-end;
    }

    .languages a.selected_lang {
        font-size: 16px;
    }  
    
    #navi ul li a {
        font-size: 17px;
        margin: 0 7px;
    }

    #logo a {
        width: 220px;
        height: 50px;
    }

    .dynamic_text ul li {
        font-size: 19px;
        line-height: 32px;
    }

    .category_first {
        padding-bottom: 100px;
    }
    
}

@media (max-width: 991px) {
    /********* HEADER ********/

    .products-link {
        display: inline-block;
        cursor: pointer;
        position: relative;
        padding-right: 15px;

        color: #fff;
        font-size: 24px;
        line-height: 19px;
        font-weight: 350;
        padding: 0 20px 0 12px;
        display: block;
        width: fit-content;
        margin: 0 auto;
        font-family: 'Commissioner', sans-serif;
    }

    .products-link::after {
        content: '';
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
        width: 10px;
        height: 10px;
        background: url(../img/layout/icons/arrow_down_white.svg) no-repeat center 5px;
        background-size: contain;
        pointer-events: none;
    }
    .submenu {display: none;}
    .dropdown.open .submenu {display: block;}
    .dropdown.open .submenu.products{margin-top:20px; padding-left: 0;}
    .dropdown.open .submenu.products a{opacity: 0.7; font-size: 20px; transition: all 0.3s ease-in-out; }
    .dropdown.open .submenu.products a:hover{opacity: 1;transition: all 0.3s ease-in-out;}
    .mobile_menu .submenu.products li {padding: 8px 0;}

    .responsive_menu {top: 113px; height: calc(100vh - 113px);}
    .is-sticky #sticky-header .responsive_menu { top: 118px; height: calc(100vh - 118px);}
    .social_icons.menu {border-left:unset; flex-direction: row; padding-left: 0;}

    /********* FOOTER ********/
    .footer_title p { font-size: 55px; padding-bottom: 35px;}
    .footer_box.footer_logo{width:auto}
    .social_icons img.facebook {width: 14px;}
    .footer_logo img {padding-right: 30px;}
    #footer .flex_section p {font-size: 15px; padding-right: 10px;}
    #footer .flex_section p.footer_links { padding-right: 10px;}
    #wapp a {width: 70px;}
    .flex_section { align-items: center;}

    /********* HOME ********/
    .banner_text h1 {font-size: 36px;line-height: 45px; max-width: 350px;}
    .banner_text h3 {font-size: 23px; line-height: 35px; max-width: 50%;}
    .scrollButtonContainer {left: 3.5%;}
    #banner_page .scrollButtonContainer {left: 6.5%;}
    #banner_page .banner_bg {max-height: 600px;}
    #banner_page .scrollButtonContainer img {margin-left: 20px;}
    #banner_product .banner_text h1 { padding-left: 20px;z-index: 9;  position: relative;}
    #banner_product .banner_text p{padding-right: 20px;z-index: 1;}
    #banner_product .scrollButtonContainer { left: 2.7%; }
    .about_subtitle p {font-size: 30px; padding-right: 0; line-height: 45px;}
    .home_info ul li {font-size: 18px; text-align: center;}
    .home_info ul li strong { font-size: 35px;}
    .padd_big.about_home{margin: 0 20px;}
    .products_home h2.title {font-size: 40px;}
    .products_home h2::before{width: 25px; height: 34px; top: 0px;}
    .products_home h3.subtitle { color: #006CB2; width: 55%; line-height: 42px; font-size: 30px;}
    .product_section p {padding: 0px 10% 40px 40px;}
    .assurance_home h2.title {font-size: 40px;}
    .assurance_home h2::before{width: 25px; height: 34px; top: 0px;}
    .assurance_home .assurance_swiper p {font-size: 30px;line-height: 45px;}
    .swiper-certifications img {height: 135px; padding: 10px 15px;}

    /********* ABOUT ********/
    .dynamic_page_image p {font-size: 20px;}
    .dynamic_page_image .align_bottom {align-items: center;}
    .half_width {width: 100%;}
    .swiper_gallery {padding-bottom: 20px;}
    .swiper_gallery img { max-height: 195px;}
    .premises_text {margin-bottom:20px}
    .premises_text p{font-size: 20px;}
    .gallery_text h2.title {padding-bottom: 30px; margin: 10px 15px; font-size: 40px;}
    .gallery_text h2::before{width: 25px;height: 34px;top: 0px;}
    .gallery_text p strong {font-size: 25px; margin: 40px 0;}

    /********* QUALITY ASSURANCE ********/
    #dynamic_page_banner .banner_item { margin-top: -50px;  height: 300px;}
    #banner_page .banner_bg {height: 65vh;}  
    #dynamic_page_banner {min-height: 300px; }
    .dynamic_text {gap: 10px;}
    .extra_description h2.title {font-size: 40px;}
    .extra_description h2::before {width: 25px; height: 34px; top: 0px;}
    .extra_description ul {margin-top: 50px; padding: 40px 30px;}
    .extra_description ul li strong {font-size: 25px; margin-bottom: 20px;}
    .extra_description ul li {font-size: 18px; line-height: 30px;padding-left: 20px;}

    /********* PRODUCTS ********/
    .products_list { top: -50px;}
    .product_details { margin-top: 0; padding: 30px 5px 30px 20px;}
    .product_details h2 { align-items: center; font-size: 28px;}
    .product_box .product-image { min-height: 420px;}
    #banner_page .banner_text h3 {max-width: 45%; font-size: 20px; line-height: 34px;}
    #banner_product .banner_text { padding: 0 20px;}
    .product_intro p { font-size: 35px; line-height: 50px;}
    .graphic_bg { padding-top: 100px; padding-bottom: 100px;}
    .product_banner .product-image p {font-size: 50px;}

    /********* DYNAMIC PAGES ********/
    #general_banner .banner_bg {height: 45vh;}
    #general_banner .banner_text h1 {padding-top: 15vh;}

    /********* CONTACT ********/
    .banner_bg {height: 70vh;}
    #banner_page .banner_text h1 {font-size: 40px;  line-height: 50px;}
    #banner_page .banner_text.contact h3 { /*max-width: 55%;*/ font-size: 20px; line-height: 34px;}
    .contact_form_right {border-top-left-radius: 15px; border-bottom-left-radius: 15px; height: auto;}      
    #map {border-top-right-radius: 15px; border-bottom-right-radius: 15px;height: 50vh;}


    .footer_box h4 {
        font-size: 16px;
    }

    .fylladio a {
        font-size: 19px;
    }

    .padd_top.product_specs {
        padding-top: 60px;
    }

    .product_view table tr {
        flex-direction: row;
    }

    .product_view table tr td span {
        width: 190px;
    }

    .product_view table td.first {
        border-right: 1px solid #C90527;
    }

    .product_view table tr td.brand img {
        margin-left: 25px;
        margin-top: 0;
    }

    .product_view table td.first {
        margin-bottom: 0;
        min-width: 175px;
    }

    .product_view table tr td.category {
        border-left: 1px solid #C90527;
    }

    .product_view .product_description {
        padding: 30px 25px;
    }

    .banner .breadcrumb-section {
        top: 192px;
        padding: 21px 30px;
    }

    .banner .breadcrumb>li {
        font-size: 17px;
    }

    #contact .flex_center {
        flex-direction: column;
    }

    .mobile_menu ul li a.button {
        padding: 10px 25px 10px 35px;
        margin-top: 10px;
        background-position: 12px center;
        font-size: 16px !important;
        color: #fff !important;
    }

    .contact_details .flex_center {
        flex-direction: column;
    }

    .contact_form_left h2 {
        padding-left: 65px;
    }

    .contact_details p {
        padding-left: 65px;
        padding-right: 20px;
    }

    .contact_form_left {
        padding: 50px 5px;
    }

    .red_bg .flex_center {
        flex-direction: column;
    }

    .dynamic_text h3 {
        font-size: 23px;
    }

    .dynamic_text img {
        max-width: 300px;
    }

    .gallery {
        margin-bottom: 25px;
    }

    .about_grey {
        height: calc(70% - 70px);
        top: 30%;
        width: 95%;
    }

    .services_graphic {
        height: 53%;
        right: -20%;
        width: 75%;
    }

    .flex_991 {
        flex-direction: column;
    }

    .services_text ul {
        flex-wrap: wrap;
    }

    .services_text h1 {
        font-size: 38px;
        line-height: 53px;
        margin-bottom: 30px;
    }

    .services_text ul li h3 {
        font-size: 25px;
        margin-bottom: 20px;
    }

    .hero_services, .services_text {
        height: 105vh;
        min-height: 910px;
    }

    .services_button:before, .services_button:after {
        display: none;
    }

    .services_text .button {
        margin: 0;
    }

    .services_button {
        margin-top: 45px;
    }

    .services_text ul li {
        width: 100%;
        margin: 15px 0;
    }

    .swiper-container.swiper-category-type .swiper-slide img.small_img {
        width: 150px;
    }

    .brand_content {
        margin: 0 12px;
    }

    .padd_first {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .navigation {
        margin-left: 0;
        float: right;
    }

    .pdo_bio.inside {
        top: 25px;
        right: 35px;
    }

    .social_menu img {
        width: 28px;
        margin: 0 10px;
    }

    .social_menu img.facebook {
        width: 15px;
    }

    .filters {
        display: none;
    }

    .filters.active {
        display: block;
        margin-bottom: 40px;
    }

    .filters.inactive {
        display: block;
    }

    .cd-filter-trigger {
        font-size: 26px;
    }

    .cd-filter-trigger span {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .cd-filter-trigger img {
        width: 35px;
        margin-right: 15px;
    }

    .col-md-4:nth-child(3n+1) .product_box {
        border-right: 1px solid #111;
    }

    .breadcrumb-section {
        margin-bottom: 50px;
        padding-bottom: 20px;
    }

    .more_products .flex_section {
        flex-wrap: wrap;
    }

    .catalog_products {
        padding: 50px 10px 60px 10px;
        margin-top: 40px;
    }

    .product_specs {
        flex-direction: column-reverse;
    }

    .product_view .swiper-gallery {
        margin-top: 35px;
        width: 100%;
        margin-left: 0%;
    }

    .product_view .grey_bg {
        width: 100%;
        bottom: 0;
        max-height: 600px;
    }

    #contact_left {
        margin-left: 0px;
    }

    .padd_big {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .contact_details p {
        justify-content: center;
    }

    .product_specs {
        padding: 50px 0;
    }

    .product_view {
        height: auto;
    }

    .padd_bottom {
        padding-bottom: 70px;
    }

    .padd {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .page_heading {
        padding: 30px 0;
        background-position: 0 80%;
    }

    .category_description {
        padding-left: 70px;
        padding-right: 15px;
    }

    .categories {
        padding-top: 80px;
    }

    .category_first .grey_bg {
        top: -80px;
    }

    .swiper-container.swiper-category-type {
        padding-bottom: 45px;
    }

    .navigation_buttons.mob {
        display: flex;
        left: -30px;
        justify-content: center;
        align-items: center;
        top: 60px;
    }

    .category_first {
        padding-bottom: 70px;
    }

    .categories ul {
        width: calc(100% - 30px);
        margin-left: 15px;
    }

    .is-sticky #sticky-header #logo a {
        height: 60px;
    }

    .is-sticky #sticky-header .open_menu {
        width: 40px;
        height: 21px;
    }

    .is-sticky #sticky-header .close_menu.active {
        width: 40px;
        height: 40px;
    }

    .flex_991 {
        flex-direction: column;
    }

    .reverse_991 {
        flex-direction: column-reverse;
    }

    .brands_circle {
        padding: 0 100px;
    }

    .categories h1 {
        padding: 10px 0 25px 0;
    }

    .categories_wrap h3 {
        font-size: 30px;
        line-height: 40px;
    }

    .categories_wrap .category_box .arrow {
        margin: 40px auto 0 auto;
        width: 45px;
    }

    .years {
        padding: 25px 30px;
        left: auto;
        bottom: 440px;
        right: 10%;
    }

    .about_text {
        margin-bottom: 50px;
    }

    h1 {
        font-size: 45px;
        line-height: 60px;
    }

    .banner_text h1:before {
        width: 110px;
    }

    #search {
        display: none;
    }

    .cd-search-trigger {
        display: block;
        float: right;
    }

    #search_menu {
        width: 100%;
        padding: 0;
    }
    
    .topbar_left {
        margin-left: -10px;
    }

    .topbar_lang {
        margin-right: -15px;
    }

    .stamps {
        width: 100%;
        position: relative;
        margin-top: 15px;
    }

    #banner {
        display: none;
    }

    #banner_mob {
        display: block;
    }

    #banner_mob .swiper-slide {
        flex-direction: column;
        height: auto;
        justify-content: center;
    }

    .banner_text a.more {
        margin: 40px auto 0 auto;
        display: block;
    }

    .banner_text.contact {
        position: relative;
        width: 100%;
        top: auto;
    }

    .blogs .col-md-3:nth-child(5n+1) {
        clear: unset;
    }

    #blog_text .blog_text_inner {
        margin-right: 0px;
    }

    .dynamic h1 span.tips_menu {
        width: 65px;
        height: 50px;
    }

    .extra_description {
        padding-top: 60px;
    }

    .dynamic_bg {
        padding-bottom: 80px;
    }

    .dynamic .small_img {
        width: 220px;
    }

    .description_box .col-md-6 {
        padding-left: 0;
        padding-right: 0;
    }

    .is-sticky #sticky-header .responsive_menu #logo a {
        width: 220px;
        height: 65px;
    }

    #content_nav.recipes_nav ul li {
        margin-bottom: 0;
    }

    .related_products img {
        width: 170px;
    }

    .group_by_category .col-md-3:nth-child(4n+1) {
        clear: unset;
    }

    .group_by_category .col-sm-4:nth-child(3n+1) {
        clear: both;
    }

    .recipes.product_recipes {
        padding-top: 90px;
        padding-bottom: 30px;
    }

    .product_recipes .recipes_featured {
        margin-top: 25px;
    }

    .product_chicken {
        background-size: 220px;
        width: 220px;
        height: 115px;
    }

    .product_view .flex_center {
        flex-direction: column;
    }

    .product_thumb img {
        padding: 25px 15px;
    }

    .padd_big.product_view {
        padding-bottom: 30px;
    }

    .product_thumb {
        margin-left: 0;
        background-image: none;
        margin-top: 50px;
        margin-bottom: 40px;
    }

    .products_nav ul li.selected:after {
        display: none;
    }

    .sub_categories_nav {
        margin-top: 10px;
    }

    .products_nav ul {
        text-align: center;
    }

    .product_list h1 {
        font-size: 37px;
        padding: 15px 40px;
    }

    .group_by_category {
        margin-bottom: 65px;
    }

    .box_top {
        justify-content: center;
    }

    .box_right {
        text-align: center;
        margin-top: 40px;
    }

    .product_box img {
        padding: 15px 30px;
    }

    p.preparation_title {
        font-size: 35px;
    }

    #content_nav .submenu_inner {
        padding-bottom: 40px;
    }

    #content_nav h2 {
        padding: 40px 0px 25px 40px;
    }

    #content_nav ul li a {
        padding: 40px 0px 20px 40px;
    }

    #content_nav ul .submenu_inner li:before {
        background-size: 16px;
        width: 16px;
        height: 16px;
    }

    .preparation_box {
        padding: 60px 50px;
    }

    .preparation_box p {
        line-height: 35px;
    }

    .recipe_video {
        top: 0;
        flex-direction: column;
    }

    .recipe_video h4 {
        margin-top: 40px;
        margin-bottom: 80px;
    }

    .recipe_video .circle {
        margin: -10px auto 0 auto;
    }

    .video_chicken {
        background-size: 200px;
        width: 200px;
        height: 180px;
        margin-left: -23px;
        bottom: -45px;
    }

    .syntagi_chicken {
        bottom: -30px;
        background-size: 230px;
        width: 230px;
        height: 120px;
    }

    .description_box p strong {
        font-size: 21px;
    }

    .description_box {
        padding: 60px;
    }

    #content_nav ul li a:before {
        width: 18px;
        height: 18px;
        margin-top: 7px;
    }

    .col-md-4:nth-child(2n+1) .product_box {
        border-right: none;
    }

    .inner.paginate .pagination.bottom {
        width: calc(100% - 30px);
        margin-left: 15px;
    }

    .light_green_bg {
        display: none;
    }

    .recipe_view_details .small_img {
        margin-top: 35px;
    }

    .syntagi_bg {
        height: 150vh;
    }

    .ingredients.padd_top {
        padding-top: 60px;
    }

    .recipe_view .flex_center {
        flex-direction: column;
    }

    .left_thumb {
        margin: 40px auto 0px auto;
        border: 12px solid #F5F2D3;
        transform: rotate(0deg);
        width: 100%;
    }

    .left_thumb:hover {
        transform: scale(1);
    }

    a.more_products {
        text-shadow: 1px 1px #fff;
    }

    .intro_box p {
        font-size: 20px;
        line-height: 30px;
    }

    #blog_text {
        margin: 35px 0 0 0;
    }

    #blog_text img {
        transform: rotate(0deg);
    }

    #content_nav ul .submenu_inner li a {
        padding-left: 30px;
        text-align: left;
    }

    .recipes_nav ul li.selected:after {
        background-size: 50px;
        width: 50px;
        height: 50px;
        margin: 37px auto 0 auto;
    }

    .recipe_details .difficulty {
        font-size: 15px;
    }

    .recipe_details .duration {
        font-size: 15px;
    }

    .padd_top_big {
        padding-top: 70px;
    }

    .recipes_categories h1 {
        padding: 12px 40px;
        margin: 0 auto 25px auto;
    }

    .recipes_categories p {
        padding: 20px 10% 80px 10%;
    }

    .map.padd_top {
        padding-top: 50px;
    }

    .checkbox input[type=checkbox] {
        left: 34px;
    }

    #contact_left h3 {
        font-size: 32px;
        line-height: 42px;
        margin-bottom: 35px;
        text-align: center;
    }

    .contactform div.input.checkbox {
        background: none;
        padding: 15px 15px 15px 15px;
    }

    .contact_details p.big_p {
        margin-bottom: 30px;
        font-size: 20px;
    }

    .contact_details h1 {
        margin: 0 auto 50px auto;
    }

    .red_bg {
        padding-top: 50px;
    }

    .contact_details p:after {
        margin: 70px auto;
        left: 0;
        right: 0;
    }

    .content h3 {
        font-size: 21px;
    }

    .content p.large {
        font-size: 32px;
        margin-bottom: 60px;
        margin-top: 20px;
    }

    .dynamic h2 {
        font-size: 30px;
    }

    .dynamic_bg .flex_center {
        flex-direction: column;
    }

    .dynamic_bg .flex_center.right {
        flex-direction: column-reverse;
    }

    .dynamic_bg .right h1 {
        margin-left: 0px;
    }

    .dynamic_bg .right ul {
        margin-left: 0px;
    }

    .dynamic_bg .right img {
        transform: rotate(0deg);
    }

    .dynamic_bg img {
        transform: rotate(0deg);
        margin-top: 45px;
    }

    .dynamic_bg ul {
        margin-right: 0;
        padding: 25px 25px;
    }

    .dynamic_bg h1 {
        text-align: center;
    }

    .about_text_wrapper {
        padding: 0 60px;
    }

    .about_title p {
        font-size: 120px;
    }

    .home_about {
        padding-top: 130px;
    }

    .about_title h1 {
        font-size: 55px;
        line-height: 60px;
        text-align: center;
    }

    .about_image_top {
        display: none;
    }

    .about_graphic_bottom {
        background-position: 10px bottom;
        height: 280px;
        width: 380px;
    }

    .products p {
        padding: 0 20%;
    }

    .products h1, .dynamic h1 {
        font-size: 40px;
        padding: 15px 45px;
    }

    .award_text {
        padding: 0px;
    }

    .awards_img {
        display: none;
    }

    .awards {
        margin-top: 80px;
        padding-bottom: 70px;
        text-align: center;
    }

    .award_text a.more {
        margin: 50px auto 0 auto;
    }

    .award_text img {
        width: 280px;
        margin-left: 0;
    }

    .recipes_wrapper {
        text-align: center;
    }

    .recipes_wrapper img {
        margin-left: 0;
    }

    .recipes {
        padding-bottom: 80px;
        margin-bottom: 0px;
        padding-top: 80px;
    }

    .more.yellow {
        margin: 40px auto 60px auto;
    }

    .recipes .flex_center {
        flex-direction: column;
    }

    .graphic_wrapper .graphic_2 {
        height: 45px;
        background-size: 120%;
        -webkit-animation-duration: 15s;
    }

    .graphic_wrapper .graphic_1 {
        height: 50px;
        background-size: 115%;
        -webkit-animation-duration: 12s;
    }

    .chicken_1 {
        background-size: 85px;
        width: 85px;
        height: 85px;
    }

    .categories .col-md-3 a.more {
        padding: 10px 15px;
    }

    .button_more {
        font-size: 16px;
    }

    .categories .col-md-3 a.more {
        margin: 30px auto 35px auto;
    }

    #hide {
        display: block;
    }

    .footer_box.service p {
        line-height: 27px;
    }

    .footer_box.menu p {
        line-height: 30px;
    }

    .footer_copyright .flex_section {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    #footer_container {
        padding: 80px 0px 25px 0px;
    }

    .footer_copyright {
        padding: 20px 0px 50px 0;
    }

    .footer_copyright p {
        text-align: center;
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 7px;
    }

    #navi ul {
        display: none;
    }

    .mobile-button {
        display: block;
    }

    .open_menu {
        display: block;
        position: relative;
        z-index: 999;
        color: #fff;
        text-decoration: none;
        transition: all 1s;
        width: 50px;
        height: 18px;
        right: 30px;
    }

    .open_menu.inactive {
        display: none;
    }

    .close_menu.active {
        display: block;
        width: 50px;
        height: 50px;
        right: 30px;
        z-index: 999;
        position: relative;
        transition: all 1s;
    }

    #content_nav h2:before {
        width: 18px;
        height: 18px;
    }

    .header_container {
        flex-wrap: nowrap;
        flex-direction: row;
        align-items: center;
    }

    .hide_991 {
        display: none;
    }

    .mobile_menu ul li a.products-trigger {
        background-image: url(../img/layout/arrow_down_white.svg);
        background-repeat: no-repeat;
        background-size: 13px;
        background-position: right;
    }

    .responsive_menu .social_icons {
        justify-content: center;
        margin-top: 20px;
    }

    .footer_box.last h3 {
        margin-bottom: 0;
    }

    .social_icons a {
        margin: 5px 7px;
    }

    .social_icons a.instagram {
        margin-right: 7px;
    }

    .social_icons a.youtube {
        margin-right: 0;
    }

    .footer_box.last {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        margin-top: 20px;
    }

    .footer_box {
        display: flex;
        width: 320px;
        flex-direction: column;
        justify-content: center;
    }

    .footer_box.first {
        display: flex;
        width: 320px;
        flex-direction: column;
        justify-content: center;
        margin: 0 auto 50px auto;
    }

    .dropdown_links.one, .dropdown_links.two {
        width: 100%;
        transition: all 0.3s ease-in-out;
        display: none;
    }
    
    .dropdown_links.one.active, .dropdown_links.two.active {
        display: block;
        margin-bottom: 20px;
    }

    .footer_copyright p.last {
        margin: 0px auto 15px auto;
        border-bottom: 1px solid #888;
        display: block;
        width: fit-content;
    }
     
    .links-triggerOne:after, .links-triggerTwo:after{
        content: " ";
        background: url(../img/layout/arrow_down_white.svg) no-repeat 0 0;
        width: 15px;
        height: 15px;
        position: absolute;
        margin-top: 8px;
        right: 0;
        transition: all 0.3s ease-in-out;
    }

    .links-triggerOne.active:after, .links-triggerTwo.active:after{
        content: " ";
        transform: rotate(180deg);
        margin-top: 2px;        
    }

    #content_nav ul .submenu_inner li:hover::before {
        background-size: 16px;
    }

    .footer_box a:hover {
        letter-spacing: 0px;
    }

    #contact_left {
        margin-top: 50px;
    }

}

@media (max-width: 767px) {
    .button.red:hover {background-size: 100% 0%;color: #C90527;}
    .button.blue:hover {background-size: 100% 0%; color: #003F83;}

    /********* HEADER ***********/
    .open_menu, .close_menu.active { right: 15px;}
    .open_menu {width: 40px;}
    #top_phones {padding-right: 25px;}
    #top_phones img {width: 20px;margin-top: 6px;}
    #lang_info {padding: 10px 20px 10px 15px;}
    .close_menu.active {width: 40px; height: 40px;}

    /********* FOOTER ***********/
    .footer_title{padding:0 20px}
    .footer_title p { font-size: 50px; padding-bottom: 30px;}
    .footer_title p::after {width: 35px; height: 35px;}
    .footer_box {text-align: center;}
    .footer_box, .footer_box.first { width: auto; margin: unset;margin-bottom: 40px;}
    .flex_section {flex-direction: column;}
    .align_links {display: flex; flex-direction: column; align-items: center;}
    #wapp {float: unset;  display: flex; justify-content: center; margin-top: 10px;}
    .footer_box.footer_logo{margin-bottom:0}

    /********* HOME ***********/
    .banner_text, .banner_text h3 { padding: 0 30px; }
    .banner_text h1 {max-width: 100%;}
    .banner_text h3 {max-width: 100%;}
    .scrollButtonContainer {left: 0;max-width: 100%; text-align: left; }
    .scrollButtonContainer img {top: 90px;}
    .about_text { flex-direction: column-reverse;}
    .padd_big.about_home {padding-top: 70px;}
    .about_text p {margin-left: 0;}
    .about_text .button {width: auto; margin-top: 40px;}
    .years {width: 300px; height: 300px;}
    .years span { padding-bottom: 0;}
    .home_info ul { flex-wrap: wrap;}
    .home_info ul li{width: 50%; margin-bottom: 25px; font-size: 22px;}
    .home_info ul li strong {font-size: 40px;}
    .photos_home img {border-radius: 0;}
    .photos_home img.first {margin-left: 0;}
    .photos_home img.last {margin-right: 0;}
    .photos_home img {margin-bottom: 40px; }
    .product_section {margin-bottom: 60px;}
    .products_home .row_title { flex-direction: column;  padding: 0 15px 30px 15px;}
    .products_home h3.subtitle { width: 100%; line-height: 37px; font-size: 25px; margin-top: 20px;}
    .assurance_home .assurance_swiper {flex-direction: column-reverse;}
    .assurance_home .assurance_swiper p { font-size: 27px;}
    .assurance_home .navigation_buttons { bottom: unset; top: 25px;}
    .swiper-certifications h2 { font-size: 35px;  line-height: 55px;   max-width: 100%;}
    .swiper-certifications .swiper-slide { flex-direction: column;}
    .swiper-certifications p.half_text { padding-right: 0; }
    .swiper-certifications h2 { margin-bottom: 20px;}
    .swiper-certifications .align_images { display: flex; align-items: center; justify-content: center;  margin-top: 20px;  }
    .swiper-certifications img {  height: 140px;  padding: 10px 20px;  }
    .assurance_home h2.title span { display: contents;}
    .assurance_home h2::before { width: 32px; height: 34px; top: -22px; }
    .assurance_home .row_title {padding-bottom: 30px;align-items: flex-end;}
    .assurance_home .button.red {width: 250px;}
    .assurance_home h2.title {  margin-right: 15px; }
        
    /********* PRODUCTS ***********/
    .products_list {top: 45px;}
    #banner_page .banner_text h3 { max-width: 55%;padding-right: 10px;}
    #banner_page .banner_text h1 { max-width: 40%;}
    #banner_product .banner_text h1 {max-width: 100%;}
    #banner_product .align_vertical {justify-content: flex-start;}
    #banner_product .banner_text .align_vertical h3 {max-width: 100%;}
    #banner_product .banner_text { padding: 0 10px;}
    .product_banner .product-image p {font-size: 40px;line-height: 55px;}
    .all_product .align_product_details h4 {font-size: 25px;min-height: auto;}
    .all_product .align_product_details h4 strong {font-size: 20px;}
    .all_product .align_product_details h6 { font-size: 18px; padding: 15px 24px;}

    /********* DYNAMIC PAGES ***********/
    .general_pages h3 {margin: 20px 20px 10px 20px;font-size: 27px;}
    .general_pages p{padding:10px 20px}
    #general_banner .banner_text h1 {padding-top: 20vh;}

    /********* ABOUT ***********/
    .dynamic_page_image .align_bottom {flex-direction: column;}
    .dynamic_page_image img {margin-bottom: 40px;}

    /********* QUALITY ASSURANCE ***********/
    .dynamic_text { grid-template-columns: 1fr;}
    .dynamic_text p { font-size: 19px;}
    .extra_description h2.title { margin-left: 20px;}
    .extra_description ul {flex-direction: column;border-radius: 0;}
    .extra_description ul li {padding-right: 0;  padding-bottom: 30px;}
    .extra_description ul.blue-list::after {border-bottom-right-radius: 0;}

    /********* CONTACT ***********/
    .banner_bg {height: 60vh;}
    /* #banner_page .banner_text {padding: 0 30px;} */
    #banner_page .banner_text {display: flex; flex-direction: column;  align-items: flex-start;}
    #banner_page .banner_text h1 {font-size: 40px;max-width: unset; position: relative;}

    #banner_product .banner_item {
       min-height: 560px;
    }
    #banner_page .banner_text h3,#banner_page .banner_text.contact h3 {
        max-width: unset;
        padding-right: 10px;
        position: relative;
        padding-left: 0;
        padding-right: 10px;
    }
    #banner_page .scrollButtonContainer img {margin-top: 0; margin-left: 0;}
    #banner_page .scrollButtonContainer {left: 0;}
    #banner_page .banner_text h3 { max-width: 100%;}
    .contact_form_left {padding: 0;}
    .contact_details {top: 0;}
    #map {border-radius: 0;}
    .contact_form_right {border-radius: 0;}
    .contactform div.submit {margin: 0px 0 0px 12px;}
    img.img-radius{
        border-radius: 0;
        margin-bottom: 0px;
    }
    .footer_copyright {
        padding: 20px 0px 35px 0;
    }

    .fylladio a {
        font-size: 17px;
    }

    .fylladio {
        margin-bottom: 80px;
    }

    #banner_product .banner_text h1 {
        font-size: 37px;
        line-height: 47px;
        padding-left: 27px;
    }
    #banner_product .scrollButtonContainer img{ margin-left: 8px;}
    .product_view table tr td span {
        width: 174px;
    }

    .product_view table tr {
        margin: 5px 0;
        padding: 5px 0;
    }

    .product_view table td.first {
        font-size: 18px;
        min-width: 150px;
    }

    .banner .breadcrumb>li {
        font-size: 16px;
    }

    .banner .breadcrumb-section {
        top: 177px;
        padding: 17px 20px 17px 30px;
    }

    .swiper-container.swiper-more-products {
        margin-top: 55px;
    }

    .is-sticky #sticky-header .responsive_menu {
        top: 110px;
        height: calc(100vh - 110px);
    }

    .product_box img {
        padding: 10px 20px;
    }

    .product_box p {
        font-size: 17px;
    }

    .product_title {
        margin-top: 8px;
    }

    .catalog_products {
        padding: 50px 5px 50px 5px;
    }

    .cd-filter-trigger {
        padding-top: 50px;
    }

    .breadcrumb>li {
        font-size: 19px;
    }

    .breadcrumb-section {
        padding-bottom: 15px;
    }

    .contactform select {
        background-size: 16px;
    }

    h2 {
        font-size: 32px;
    }

    .dynamic_page .graphic {
        left: -65px;
        top: 3%;
        width: 70%;
    }

    .dynamic_text img {
        max-width: 220px;
    }

    .swiper-container.swiper-category-type .swiper-slide {
        padding-left: 30px;
        padding-right: 70px;
    }

    .category_first .grey_bg {
        top: -80px;
        width: calc(100% - 40px);
    }

    .swiper-container.swiper-category-type .swiper-slide img.small_img {
        width: 200px;
        left: 0;
        top: 190px;
    }

    .navigation_buttons.mob {
        top: 60px;
    }

    .swiper-container.swiper-category-type {
        padding-bottom: 60px;
    }

    .category_description {
        padding-left: 20px;
        padding-right: 50px;
    }

    .about_text h2 {
        font-size: 30px;
    }

    h2:before {
        margin-top: 7px;
        width: 22px;
        height: 22px;
    }

    .swiper-container.swiper-category-type {
        margin-left: 30px;
        margin-top: 50px;
    }

    .services_text h1 {
        font-size: 30px;
        line-height: 40px;
    }

    .services_graphic {
        height: 49%;
        width: 85%;
    }

    .services_button {
        margin-top: 20px;
    }

    .services_text ul li h3 {
        font-size: 23px;
        margin-bottom: 15px;
        background-size: 22px;
        padding-left: 35px;
    }

    .services_text .button {
        padding: 20px 40px;
    }

    #logo a {
        width: 180px;
        height: 30px;
    }

    .responsive_menu {
        top: 112px;
        height: calc(100vh - 112px);
    }

    .services_text h1 {
        font-size: 27px;
        line-height: 40px;
        margin-bottom: 25px;
    }

    .header_mob #logo a {
        width: 190px;
        height: 60px;
    }

    .blog_post h2 {
        font-size: 17px;
        line-height: 20px;
    }

    .padd_bottom {
        padding-bottom: 60px;
    }

    .dynamic_page h1 {
        font-size: 28px;
    }

    .categories ul {
        flex-wrap: wrap;
    }

    .page_heading {
        padding: 25px 0;
    }

    .categories ul li {
        font-size: 23px;
        height: 370px;
        margin-top: 10px;
        border-bottom: 1px solid #C90527;
        border-radius: 8px;
        width: 49%;
    }

    .categories ul li:nth-last-child(2), .categories ul li:last-child {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom: none;
    }

    .brands_circle {
        padding: 0 40px;
    }

    .categories_wrap h3 {
        font-size: 25px;
        line-height: 32px;
    }

    .categories_wrap .category_box .arrow {
        margin: 25px auto 0 auto;
        width: 42px;
    }

    #search_mob input {
        padding: 15px 15px 15px 25px;
    }

    #search_mob button {
        right: 25px;
    }

    .topbar_left {
        margin-left: -20px;
    }

    .topbar_lang {
        margin-right: -25px;
    }

    .button_more {
        font-size: 15px;
        transform: translate(-68%, -150%);
    }

    .dynamic h1 span.tips_menu {
        width: 60px;
        height: 45px;
    }

    #blog_text .blog_text_inner {
        padding: 30px;
    }

    .dynamic .small_img {
        width: 200px;
    }

    .products.related .col-sm-6:nth-child(3n+1) {
        clear: both;
    }

    .header_mob #logo {
        width: 200px;
        height: 55px;
    }

    .is-sticky #sticky-header .responsive_menu #logo a {
        width: 200px;
        height: 55px;
    }

    #content_nav.recipes_nav ul li {
        width: 32%;
        margin: 10px 0;
    }

    .responsive_menu .social_menu img {
        display: inline-block;
    }

    .header_mob .social_menu {
        margin-right: 10px;
    }

    .group_by_category .col-sm-4:nth-child(3n+1) {
        clear: unset;
    }

    .group_by_category .col-xs-6:nth-child(2n+1) {
        clear: both;
    }

    .recipes.product_recipes {
        padding-bottom: 0;
    }

    .padd {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .product_specs {
        padding: 35px 0;
    }

    p.box_title {
        font-size: 26px;
        margin: 0 auto 20px auto;
    }

    .product_description {
        padding: 20px;
        margin-bottom: 10px;
    }

    .product_description p {
        padding-bottom: 25px;
    }

    .padd_big.product_view {
        padding-bottom: 0px;
    }

    .sub_categories_nav ul li {
        font-size: 18px;
        padding: 6px 18px;
    }

    .product_specs a.show_more {
        font-size: 26px;
    }

    .product_specs a.show_more:after {
        font-size: 75px;
        line-height: 75px;
    }

    .product_list h1 {
        font-size: 35px;
    }

    .product {
        margin: 0 0 15px 0;
    }

    .description_box .col-md-6 p strong:after, .description_box .col-md-6 ul:after {
        width: 101%;
    }

    p.preparation_title {
        font-size: 32px;
        padding: 12px 30px;
    }

    .preparation_box {
        padding: 50px 40px;
    }

    .recipe_video {
        display: block;
        padding: 40px 20px;
    }

    .recipe_video .circle {
        margin: -45px auto 0 auto;
    }

    .syntagi_chicken {
        bottom: -30px;
        background-size: 200px;
        width: 200px;
        height: 105px;
    }

    .related_products h3 {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .description_box {
        padding: 60px 40px;
    }

    #blog_text {
        margin: 25px 0 0 0;
    }

    #blog_text span.created {
        padding-top: 25px;
    }

    .cd-filter-trigger img {
        width: 32px;
    }

    .product_brand img {
        margin-bottom: 20px;
    }

    #content_nav ul li:nth-child(3n+3) {
        border-right: none;
    }

    .recipes_nav ul li.selected:after {
        display: none;
    }

    .padd.posts {
        padding-top: 0px;
        padding-bottom: 60px;
    }

    .recipes_categories h1 {
        padding: 10px 35px;
        font-size: 40px;
    }

    .recipes_categories p {
        padding: 15px 15px 50px 15px;
    }

    .recipes_categories .recipes_categ_wrapper {
        padding: 70px 0;
    }

    .recipes_categories .recipe_categ h2 {
        font-size: 18px;
        height: auto;
    }

    .recipes_categ_wrapper .col-md-4 {
        margin: 20px 0px 35px 0px;
    }

    .map h1 {
        font-size: 30px;
        padding: 12px 40px;
    }

    .map h1:before {
        background-size: 70px;
        width: 70px;
        height: 90px;
        margin-left: -50px;
        top: -70px;
    }

    .map h1:after {
        background-size: 80px;
        width: 80px;
        height: 80px;
        margin-right: -65px;
        bottom: -80px;
    }

    .contactform div.input label {
        font-size: 17px;
    }

    .contactform div.input.checkbox label {
        font-size: 17px;
        line-height: 27px;
    }

    #banner_page .banner_text p {
        text-align: left;
        margin-left: 30px;
    }

    .contactform input[type="text"], .contactform textarea, .contactform select {
        font-size: 17px;
    }

    .contactform div.input.select, .contactform div.input.last {
        width: calc(100% - 20px);
    }

    .contactform div.input {
        margin: 0px 10px 25px 10px;
        width: calc(50% - 20px);
    }

    .padd_top_big {
        padding-top: 80px;
    }

    .content p.large {
        font-size: 30px;
        margin-bottom: 50px;
    }

    .dynamic h2 {
        font-size: 25px;
    }
    
    .products h1, .dynamic h1 {
        margin-bottom: 30px;
    }

    p.large_paragraph {
        font-size: 21px;
        margin-bottom: 25px;
        margin-top: 25px;
    }

    .about_graphic_bottom {
        background-position: 10px bottom;
        height: 250px;
        width: 350px;
    }

    .about_title p {
        font-size: 110px;
        margin-right: 0;
    }

    .about_title h1 {
        font-size: 45px;
        line-height: 50px;
    }

    .about_text_wrapper {
        padding: 0 50px;
    }

    .home_about {
        padding-top: 90px;
        padding-bottom: 90px;
    }

    .products_content {
        margin: 50px 15px 0 15px;
    }

    .products p {
        padding: 0 10%;
        font-size: 19px;
    }

    .products h1, .dynamic h1 {
        font-size: 35px;
    }

    .padd_top {
        padding-top: 60px;
    }

    .award_text a.more {
        margin: 40px auto 0 auto;
    }

    .years {
        padding: 25px 30px;
        left: auto;
        bottom: 60%;
        right: 10%;
    }

    .about_text .button {
        background-position: 20px center;
    }

    .years span {
        font-size: 65px;
        line-height: 55px;
    }

    .years p {
        font-size: 21px;
        line-height: 24px;
    }

    .award_text img {
        width: 270px;
    }

    .about_grey {
        width: 90%;
    }

    .awards {
        margin-top: 60px;
    }

    h1 {
        font-size: 35px;
        line-height: 45px;
        margin-bottom: 20px;
    }

    .banner_text a.more {
        margin: 35px auto 0 auto;
        display: block;
        font-size: 17px;
        padding: 18px 28px;
    }

    .banner_text h1:before {
        width: 100px;
        border-top: 7px solid #C90527;
    }

    .banner_text.contact h1 {
        padding-top: 30px;
    }

    .banner_text h1 {
        padding-top: 0px;
    }

    .button {
        font-size: 16px;
    }

    .recipes h3 {
        font-size: 17px;
        line-height: 22px;
    }

    .recipes_wrapper img {
        width: 200px;
    }

    .recipes_featured .col-md-4:nth-child(3n+1) {
        clear: unset;
    }

    .recipes_featured .col-md-4:nth-child(2n+1) {
        clear: both;
    }

    .more.yellow {
        margin: 30px auto 50px auto;
    }

    .category_description {
        float: left;
    }

    .graphic_wrapper .graphic_1 {
        height: 50px;
        background-size: 127%;
        -webkit-animation-duration: 15s;
    }

    .graphic_wrapper .graphic_2 {
        height: 45px;
        background-size: 125%;
        -webkit-animation-duration: 18s;
    }

    .footer_box h3 {
        font-size: 20px;
    }

    .footer_logo .social_icons img.facebook {
        width: 13px;
    }

    .footer_logo .social_icons img {
        width: 24px;
    }

    .footer_box.service {
        margin-bottom: 40px;
    }

    .footer_box h3 {
        margin-bottom: 15px;
    }

    .footer_box .social_icons h3 {
        margin-top: 25px;
    }

    .footer_box.service p {
        padding: 0 35px;
    }

    .social_menu img {
        display: none;
    }

    .social_menu #search_menu img {
        display: block;
        margin-right: 0;
    }

    #search_menu img {
        width: 31px;
        top: -3px;
    }

    .topbar {
        padding: 20px 25px;
        justify-content: center;
    }

    .categories .col-md-3:nth-child(4n+1) {
        clear: unset;
    }

    .contactform div.input.textarea {
        width: calc(100% - 20px);
        margin-top: 20px;
    }

    .more_products .product_box img {
        padding: 15px;
    }

    .more_products .product_box {
        margin-bottom: 15px;
    }

    .categories .col-md-3:nth-child(3n+1) {
        clear: both;
    }

    .padd_big {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .categories .col-md-3 a.more {
        margin: 20px auto 30px auto;
    }

}

@media only screen and (max-width: 549px) {
    /********* HEADER *******/
    #logo a {width: 160px;}
    .blue_bg.header_info {padding: 25px 20px;}
    .mobile_info {border-radius: 0;border: none; border-top: 1px solid #fff;}
    .is-sticky #sticky-header .responsive_menu {top: 98px;height: calc(100vh - 98px);}

    /********* FOOTER *******/
    .footer_box.footer_logo{margin-bottom:0}

    /********* HOME *******/
    .scrollButtonContainer img {top: 130px;}
    .about_subtitle p {font-size: 25px; line-height: 40px;}
    .about_text { margin-top: 20px;}
    .years { width: 270px; height: 270px;}
    .home_info ul li { font-size: 20px;  line-height: 40px;}
    .home_info ul li strong {  font-size: 37px; }
    .padd_big.about_home { padding-bottom: 40px;}
    .assurance_home .row_title {flex-direction: column;border-bottom: none;}
    .assurance_home h2.title span { display: flex; }
    .assurance_home h2.title { font-size: 35px; }
    .assurance_home h2::before { width: 25px; height: 34px; top: 0px; }
    .assurance_home .button.red { margin: 25px auto 0 auto;}
    .assurance_home .assurance_swiper p { font-size: 25px; margin-top: 15px; line-height: 36px; }
    .swiper-container.swiper-certifications { padding: 0 15px;}
    .swiper-certifications h2 {font-size: 30px;margin-bottom: 10px;}
    .swiper-certifications img {height: 135px;}

    /********* PRODUCTS *******/
    .product_box { flex-direction: column;}
    .product_box .product-image{border-top-right-radius: 15px; border-bottom-left-radius: 0; min-height: 315px;}
    .product_details h2 {padding: 10px 0px 30px 0px;}
    .product_intro p {font-size: 25px; line-height: 38px;}
    .product_banner .product-image p { font-size: 35px; line-height: 50px;}
    .all_product {flex-direction: column; justify-content: center; align-items: center;}
    .full_width_mobile{width: 100%;}

    /********* DYNAMIC PAGES *******/
    #general_banner .banner_bg {height: 45vh; display: flex; justify-content: center; align-items: flex-start; flex-direction: column;}
    #general_banner .banner_text h1 {padding-top: 25vh; padding-top: 8vh;  font-size: 30px;}
   
    /********* QUALITY ASSURANCE *******/
    .extra_description h2.title {margin-left: 0;}
    .extra_description h2::before {margin-right: 30px;}

    /********* CONTACT *******/
    #banner_page .banner_text h1 {font-size: 30px;line-height: 35px;}
    #banner_page .banner_text h3 {font-size: 18px; line-height: 29px;}
    .contactform div.submit input {font-size: 18px; padding: 20px 70px 20px 70px;}
    .contact_details p {padding-left: 0; padding-right: 0;}
    .banner_bg {height: 500px;}

    #banner_product .scrollButtonContainer img {
        margin-left: 15px;
        margin-top: 30px;
    }
    .dynamic_text img {
        max-width: calc(100% - 60px);
        margin-right: 30px;
        margin-bottom: 30px;
    }

    .fylladio a {
        padding: 12px 30px;
    }

    .categ_description p {
        font-size: 17px;
        line-height: 27px;
        margin: 5px 0;
    }

    .categ_description ul li {
        font-size: 17px;
        line-height: 27px;
    }

    #banner_product .banner_text h1 {
        font-size: 33px;
        line-height: 43px;
    }

    .product_view table tr {
        flex-direction: column;
    }

    .product_view table tr td span {
        width: 215px;
    }

    .product_view table tr td.brand img {
        margin-left: 0;
        margin-top: -10px;
    }

    .product_view table tr td.category {
        border-left: none;
    }

    .product_view table td.first {
        font-size: 19px;
        margin-bottom: 15px;
        min-width: auto;
        border-right: none;
        font-weight: 500;
    }

    .banner .breadcrumb-section {
        top: 167px;
    }

    .mobile_menu ul li a.button {
        font-size: 15px !important;
    }

    .mobile_menu ul li .dropdown_products.active a, .mobile_menu ul li .dropdown_recipes.active a {
        font-size: 18px;
    }

    .is-sticky #sticky-header .close_menu.active {
        width: 36px;
        height: 36px;
    }

    .product_box .category_icon {
        margin-top: 10px;
        padding-bottom: 0px;
    }

    .dynamic_text h3 {
        font-size: 22px;
        margin: 20px 30px 15px 30px;
    }

    .footer_copyright p {
        font-size: 15px;
        line-height: 20px;
        margin-bottom: 7px;
    }

    .swiper-container.swiper-more-products {
        margin-top: 50px;
        margin-left: 5px;
    }

    .more_products .navigation_buttons.mob {
        margin-top: 10px;
    }

    h2 {
        font-size: 30px;
        padding-left: 65px;
    }

    .swiper-container.swiper-category-type .swiper-slide img.small_img {
        width: 160px;
    }

    .categories ul {
        width: calc(100% - 10px);
        margin-left: 5px;
    }

    .category_description {
        padding-left: 5px;
    }

    .services_graphic {
        height: 48%;
        width: 90%;
    }

    .services_text ul li h3 {
        font-size: 22px;
    }

    .brand_content {
        margin: 0 8px;
    }

    .padd_first {
        padding-top: 85px;
        padding-bottom: 85px;
    }

    .is-sticky #sticky-header .open_menu {
        width: 35px;
        height: 19px;
    }

    .pdo_bio.inside {
        top: 20px;
        right: 25px;
    }

    .pdo_bio.inside img.bio {
        width: 55px;
    }

    .pdo_bio.inside img.pdo {
        width: 44px;
    }

    .pdo_bio.inside img.pdo {
        margin-left: 10px;
    }

    .mobile_menu ul li a {
        font-size: 23px;
    }

    .mobile_menu ul li {
        padding: 10px 0;
    }

    .padd_big.categories {
        padding-bottom: 40px;
    }

    .more_products .product_box {
        margin-bottom: 40px;
    }

    .more_products .product_box img {
        padding: 0;
    }

    p.box_title {
        font-size: 24px;
        margin: 0 auto 15px auto;
    }

    .product_thumb img {
        width: 300px;
        padding: 10px 15px;
    }

    .product_thumb {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .product_view .grey_bg {
        max-height: 450px;
    }

    .product_share span {
        margin-right: 25px;
    }

    .w-50 {
        width: 50%;
    }

    .w-100 {
        width: 100%;
    }

    .brands_circle {
        padding: 0 25px;
    }

    .categories h1 {
        padding: 0px 0 20px 0;
        font-size: 30px;
        line-height: 40px;
    }

    .categories_wrap .category_box .arrow {
        margin: 20px auto 0 auto;
        width: 38px;
    }

    .categories_wrap h3 {
        font-size: 22px;
        line-height: 28px;
    }

    .cd-search-trigger.active .close_search {
        top: 7px;
    }

    .button_more {
        transform: translate(-61%, -100%);
    }

    .button_more_img {
        width: 108%;
    }

    .stamp {
        width: 80px!important;
    }

    .blog_inner {
        min-height: auto;
    }

    .dynamic h1 span.tips_menu {
        width: 55px;
        top: 10px;
    }

    .dynamic h1 span.tips_menu {
        width: 60px;
        top: 6px;
    }

    .dynamic_gallery {
        padding-top: 50px;
    }

    .preparation_box strong, .preparation_box a {
        font-size: 20px;
    }

    .contactform div.input.checkbox label.error {
        bottom: -27px;
    }

    .is-sticky #sticky-header .responsive_menu #logo a {
        width: 180px;
    }

    .dynamic_page .graphic {
        left: -55px;
        top: 2%;
        width: 85%;
        height: 70%;
    }

    .related_products img {
        width: 150px;
    }

    .close_menu.active {
        width: 45px;
        height: 45px;
    }

    .categ_description h3 {
        font-size: 22px;
    }

    .header_mob .social_menu {
        display: none;
    }

    .header_mob {
        padding: 15px 0;
    }

    .social_menu_549 {
        display: block;
        margin: 30px auto 0 auto;
    }

    .social_menu_549 img {
        width: 32px;
        display: inline-block;
        margin-right: 5px;
    }

    .responsive_menu {
        top: 100px;
        height: calc(100vh - 100px);
    }

    .header_mob .social_menu {
        margin-right: 0px;
    }

    .product_recipes .more.yellow {
        margin-top: 5px;
        margin-bottom: 40px;
    }

    .product_specs a.show_more {
        font-size: 24px;
        padding: 17px 20px;
    }

    .product_specs table td {
        font-size: 17px;
    }

    .product_specs_wrap {
        margin: 45px 5px 0 5px;
    }

    .product_specs a.show_more:after {
        font-size: 70px;
        line-height: 65px;
    }

    .product_list h1 {
        font-size: 32px;
        padding: 12px 35px;
    }

    .product_specs h3 {
        font-size: 19px;
        margin-bottom: 15px;
        line-height: 35px;
    }

    .product_chicken {
        background-size: 200px;
        width: 200px;
        height: 105px;
    }

    .group_by_category {
        margin-top: 45px;
        margin-bottom: 50px;
    }

    .product h2 {
        font-size: 16px;
        line-height: 23px;
        margin-top: 5px;
    }

    .sub_categories_nav ul li {
        font-size: 17px;
        padding: 6px 10px;
    }

    #content_nav h2 {
        font-size: 21px;
    }

    .description_box ul:after {
        margin-top: 15px;
    }

    .preparation_box p {
        line-height: 32px;
    }

    span.number {
        font-size: 20px;
    }

    .video_chicken {
        background-size: 180px;
        width: 180px;
        height: 160px;
        margin-left: -27px;
        bottom: -55px;
    }

    .recipe_video h4 {
        margin-top: 30px;
        margin-bottom: 70px;
    }

    .description_box p strong:after {
        margin-top: -15px;
    }

    .ingredients.padd_top {
        padding-top: 40px;
    }

    .description_box ul li {
        font-size: 18px;
    }

    a.more_products {
        font-size: 19px;
    }

    #blog_text span.created {
        padding-top: 15px;
    }

    #blog_text img {
        margin-top: 25px;
    }

    .blogs .col-xs-6 {
        width: 100%;
    }

    .blog_post {
        margin: 20px 0;
    }

    .posts .col-xs-6 {
        width: 100%;
    } 

    .recipe_details h2:after {
        margin-top: 0;
        bottom: -15px;
    }

    .recipe_details h2 {
        height: auto;
        position: relative;
    }

    .recipe_details .difficulty {
        margin-top: 15px;
    }

    .recipe_details .duration {
        margin-top: 15px;
    }

    .recipe_details {
        padding: 0px 0 15px 0px;
    }

    .recipes_categories h1 {
        padding: 10px 30px;
        font-size: 36px;
    }

    .recipes_categories p {
        padding: 15px 15px 40px 15px;
    }

    .recipes_categories .recipe_categ h2 {
        font-size: 17px;
        padding: 10px 15px 10px 15px;
    }

    .recipes_categ_wrapper .col-md-4 {
        margin: 15px 0px 30px 0px;
    }

    .map h1 {
        font-size: 27px;
        padding: 10px 30px;
    }

    .map h1:before {
        background-size: 60px;
        width: 60px;
        height: 70px;
        margin-left: -65px;
        top: -25px;
    }

    .map h1:after {
        background-size: 70px;
        width: 70px;
        height: 70px;
        margin-right: -70px;
        bottom: -70px;
    }

    #map {
        height: 500px;
    }

    .contact_details h1 {
        margin: 0 auto 40px auto;
        font-size: 37px;
        padding: 12px 27px;
    }

    .contact_details p:after {
        margin: 63px auto;
    }

    .contact_form_left h2 {
        font-size: 26px;
    }

    .contact_details p.big_p {
        margin-bottom: 25px;
        font-size: 18px;
    }

    .contact_details #contact_left p {
        padding-top: 20px;
    }

    #contact_left h3 {
        font-size: 30px;
        line-height: 40px;
    }

    .content h3 {
        font-size: 20px;
    }

    .content p.large {
        font-size: 25px;
        margin-bottom: 45px;
    }

    .dynamic ul li {
        font-size: 18px;
        margin-bottom: 15px;
    }

    .dynamic h2 {
        font-size: 23px;
        line-height: normal;
        margin-bottom: 20px;
    }

    p.large_paragraph {
        font-size: 20px;
        margin-bottom: 20px;
        margin-top: 20px;
    }

    .dynamic_bg img {
        margin-top: 35px;
    }

    .about_title p {
        font-size: 90px;
    }

    .about_text_wrapper {
        padding: 0 29px;
    }

    .about_text p {
        line-height: 30px;
    }

    .about_text ul li:after {
        top: 72px;
    }

    .about_text ul li span {
        font-size: 17px;
    }

    .about_graphic_bottom {
        height: 170px;
        width: 230px;
    }

    .about_text ul li {
        font-size: 40px;
    }

    .products h1, .dynamic h1 {
        font-size: 32px;
        padding: 12px 40px;
    }

    .about_text h2 {
        font-size: 32px;
        margin-bottom: 30px;
    }

    .products_content h3 {
        font-size: 16px;
    }

    .about_text h2 {
        font-size: 28px;
        margin-bottom: 20px;
    }

    a.more.center {
        margin: 35px auto 0 auto;
    }

    .products_content {
        margin: 40px 10px 0 10px;
    }

    .products p {
        padding: 0px;
        line-height: 30px;
        font-size: 18px;
    }

    .banner_text p {
        font-size: 19px;
        line-height: 27px;
    }

    .award_text a.more {
        padding: 12px 25px;
    }

    .banner_text a.more {
        margin: 30px auto 0 auto;
    }

    .more.yellow {
        padding: 10px 25px;
    }

    .graphic_wrapper .graphic_2 {
        background-size: cover;
        -webkit-animation-duration: 50s;
    }

    .graphic_wrapper .graphic_1 {
        height: 40px;
        margin-left: 0;
        background-size: cover;
        margin-bottom: 10px;
        -webkit-animation-duration: 50s;
    }

    .chicken_1 {
        background-size: 70px;
        width: 70px;
        height: 70px;
    }

    .product_view table tr {
        padding: 10px 0;
        align-items: flex-start;
    }

    .padd_big {
        padding-top: 80px;
        padding-bottom: 80px;
    }
}

@media only screen and (max-width: 479px) {
    /********* HEADER **********/
    .products-link {font-size: 19px;}
    .dropdown.open .submenu.products a {font-size: 18px;}
    .dropdown.open .submenu.products { margin-top: 10px; }
    #logo { margin-left: 10px;}
    #logo a {width: 150px;}
    #lang_info{display: none;}
    #top_phones {padding-right: 0;}
    .blue_bg.header_info {padding: 25px 5px; display: flex; justify-content: center; align-items: center;}
    .navigation { padding-right: 0;}
    .open_menu { width: 30px;}
    .close_menu.active {width: 30px;height: 30px;}

    /********* FOOTER **********/
    .footer_title p {font-size: 34px;}
    .footer_title p::after { width: 28px; height: 28px;}
    .footer_logo img {width: 120px;}
    .social_icons{border-left: none;flex-direction: row;padding-left: 0;flex-wrap: nowrap;padding-right: 20px;}
    .social_icons.menu{padding-right: 0px;}
    .row_mobile{width:100%}
    #footer .flex_section p {text-align: center;}

    /********* HOME **********/
    .banner_text h1 {font-size: 24px; line-height: 37px;}
    .banner_text h3 {padding: 0 0px;font-size: 20px; line-height: 31px;}
    .scrollButtonContainer img { top: 40px; }
    .padd_big.about_home { margin: 0 10px; }
    .about_subtitle p { font-size: 21px; line-height: 33px;}
    .about_text p {font-size: 18px;}
    .years {width: 220px; height: 220px;}
    .years p {margin-top: 15px;}
    .home_info {padding-top: 60px;}
    .home_info ul li { width: 100%; font-size: 19px; line-height: 30px;margin-bottom: 30px;}
    .home_info ul li strong {font-size: 30px;}
    .products_home h2.title,.assurance_home h2.title {font-size: 25px;}
    .products_home h2::before{width: 17px;height: 22px; top: -2px;}
    .products_home h3.subtitle {line-height: 30px; font-size: 20px;}
    .product_section h2 {padding: 20px 20px 20px 20px;align-items: center;}
    .product_section p {padding: 0px 20px 40px 20px;}    
    .product_section {margin-bottom: 40px;}
    .assurance_home .assurance_swiper p { font-size: 20px; line-height: 31px; }
    .swiper-certifications img {height: 100px; padding: 10px 15px;}
    .assurance_home h2.title span { display: contents;}

    /********* PRODUCTS **********/
    #banner_page .banner_text h1 { max-width: 100%; }
    #banner_product{overflow: hidden;}
    .banner_bg {height: 440px;}
    .product_details h2 {font-size: 24px; }
    .products_list {padding-left: 0; padding-right: 0;}
    .product_details h2::after {margin-left: 10px;}
    .product_details a {padding: 15px 55px;}
    #banner_product .banner_text h1 {max-width: 100%;}
    #banner_product .align_vertical {justify-content: flex-start; margin-left: 27px;z-index: 99; position: relative;}
     #banner_product .banner_bg {height: auto; padding: 30px 0 }
    #banner_product .banner_bg { min-height: 430px; }
    #banner_product .banner_text .align_vertical h3 {max-width: 100%;}
    #banner_product .banner_text {margin-top: 35px; padding: 0 10px;}
    .product_intro p { font-size: 22px; line-height: 32px;}
    .graphic_bg { padding-top: 50px; padding-bottom: 50px;}
    .product_banner .product-image p {font-size: 30px; line-height: 45px;}
    .product_banner .product-image {min-height: 40vh;}
    .all_product .align_product_details h6 {font-size: 16px; padding: 15px 20px;}
    .all_product .align_product_details h6 strong {padding: 0 3px;}
    .full_width_mobile {padding-left: 0; padding-right: 0;}

    /********* DYNAMIC PAGES **********/
    .padd_small.general_pages{padding-top: 10px}
    .general_pages h3 {font-size: 22px; margin: 25px 10px 10px 10px; line-height: 33px;}
    .general_pages p {padding: 10px 10px;}
    .general_pages ul {padding: 0 20px;}
    .general_pages li { font-size: 18px;  line-height: 33px;}

     /********* ABOUT **********/
    .dynamic_page_image p {font-size: 18px;}
    .dynamic_page_image img {margin-bottom: 25px;}
    .gallery_text h2.title {font-size: 25px; padding-bottom: 15px;}   
    .gallery_text h2::before {width: 17px;height: 22px; top: -2px;}
    .gallery_text p strong { font-size: 20px; margin: 20px 0; line-height: 30px; }
    .premises_text p {font-size: 18px;}
    .swiper_gallery img {max-height: 170px;}
    .extra_description h2::before { margin-right: 10px;  margin-left: 10px; }

    /********* QUALITY ASSURANCE **********/
    #dynamic_page_banner { min-height: 240px;}
    #banner_page .banner_bg.dynamic_content {height: auto;padding: 30px 0;}
    #dynamic_page_banner .banner_item { margin-top: 0; height: 230px; width: 100vw; border-radius: 0; }
    .dynamic_text p {font-size: 18px;}
    .extra_description h2.title {font-size: 25px;}
    .extra_description h2::before {width: 17px; height: 22px; top: -2px;}
    .extra_description ul li strong {font-size: 20px;}
    .certifications_icons img {height: 90px;}

	/********* CONTACT **********/
    #banner_page .banner_text {top: 0;}
    .banner_text h1 {max-width: 100%;}
    #banner_page .banner_text h1 {font-size: 25px;}
    #banner_page .banner_text h3 {max-width: 100%;padding-right: 0;}
    #banner_page .banner_text h3::after {margin-top: 25px;}
    .contactform div.submit input {padding: 15px 50px 15px 50px;}
    .banner_text h3 { position: relative;}
    #banner_page .banner_text {flex-direction: column; align-items: flex-start;}
    .banner_text {margin-top: 80px;}
    #banner_page .banner_text.contact h3 { max-width: 100%;font-size: 18px;line-height: 29px;}
   
    #banner_page .banner_bg {
        min-height: 430px;
    }
    #banner_page .banner_bg {
        height: 380px;
    }
    
	.padd_small {
		padding-top: 40px;
		padding-bottom: 40px;
	}

    .fylladio a {
        padding: 12px 25px;
        font-size: 15px;
    }

    .fylladio {
        margin-bottom: 70px;
    }

    .categ_description h3 {
        font-size: 20px;
    }

    #banner_product .banner_item {
        height: 60vh;
        min-height: 400px;
    }

    #banner_product .banner_text h1 {
        font-size: 30px;
        line-height: 40px;
    }

    .product_specs a.show_more {
        font-size: 22px;
        padding: 15px 17px;
        margin-bottom: 20px;
    }

    .product_specs a.show_more:after {
        font-size: 65px;
        line-height: 60px;
    }

    .product_view table td.first {
        font-size: 18px;
        min-width: auto;
        font-weight: 550;
    }

    .product_view table tr td span {
        width: 185px;
    }

    .product_view table tr td span img.galopoules {
        width: 32px;
    }

    .product_view table tr td span img.kotopoula-kreatoparagogis {
        width: 28px;
    }

    .product_view table tr td span img.kotes-kokoria-anaparagogis {
        width: 42px;
    }

    .product_view table tr td span img {
        width: 36px;
        margin-left: 10px;
    }

    .banner .breadcrumb-section {
        top: 142px;
    }

    .product_contact:before {
        background-size: 45px;
        width: 45px;
        height: 45px;
        top: -25px;
    }
    
    .responsive_menu ul li .dropdown_products.active, .responsive_menu ul li .dropdown_recipes.active {
        padding: 13px 15px;
    }

    .mobile_menu ul li a.products-trigger {
        background-size: 12px;
    }

    .is-sticky #sticky-header .responsive_menu {
        top: 75px;
        height: calc(100vh - 75px);
    }

    .responsive_menu {
        top: 84px;
        height: calc(100vh - 84px);
    }

    #content_nav ul li a {
        padding: 35px 0px 15px 35px;
    }

    #content_nav .submenu_inner {
        padding-bottom: 30px;
    }

    #content_nav h2 {
        padding: 35px 0px 20px 35px;
    }

    #content_nav ul li img {
        width: 30px;
    }

    .cd-filter-trigger img {
        width: 30px;
    }

    .cd-filter-trigger {
        font-size: 24px;
    }

    .contact_form_right {
        padding: 35px 10px 60px 10px;
    }

    .contact_form_left h2 {
        padding-left: 50px;
        font-size: 24px;
    }

    .contact_details p {
        font-size: 18px;
        line-height: 25px;
    }

    .contactform div.input {
        margin: 0px 10px 20px 10px;
        width: calc(100% - 20px);
    }

    .red_bg {
        padding-top: 35px;
    }

    .dynamic_text h3 {
        font-size: 21px;
    }

    .footer_box h3 {
        font-size: 19px;
    }

    .swiper-container.swiper-category-type .swiper-slide h3 {
        background-size: 30px;
        margin-top: 20px;
        font-size: 23px;
        padding-right: 35px;
    }

    .swiper-container.swiper-category-type .swiper-slide img.small_img {
        width: 120px;
    }

    .services_text ul li h3 {
        font-size: 20px;
        background-size: 20px;
        padding-left: 32px;
    }

    .services_graphic {
        width: 95%;
    }

    .services_text .button {
        padding: 15px 35px;
    }

    .services_text ul li {
        margin: 10px 0;
    }

    .categories ul li .icon {
        width: 70px;
        height: 70px;
    }

    h2:before {
        width: 18px;
        height: 18px;
        margin-top: 6px;
    }

    .categories ul li .icon.galopoules img {
        width: 40px;
    }

    .categories ul li .icon.kotes-kokoria-anaparagogis img {
        width: 55px;
    }

    .categories ul li .icon.kotes-augoparagogis img {
        width: 45px;
    }

    .categories ul li img {
        width: 35px;
    }

    .categories ul li {
        font-size: 21px;
        height: 320px;
    }

    h2 {
        font-size: 26px;
        padding-left: 70px;
        margin-bottom: 30px;
    }

    .topbar p {
        font-size: 16px;
        margin-left: 12px;
        line-height: 17px;
        padding-left: 12px;
    }

    .pdo_bio.inside img.bio {
        width: 53px;
    }

    .pdo_bio img.pdo {
        width: 38px;
    }

    .pdo_bio img.bio {
        width: 42px;
    }

    .mobile_menu ul li .dropdown_products.active a, .mobile_menu ul li .dropdown_recipes.active a {
        font-size: 16px;
    }

    .catalog_products .col-xs-6 {
        width: 100%;
    }

    #content_nav ul li a {
        font-size: 21px;
    }

    .col-md-4:nth-child(3n+1) .product_box {
        border-right: none;
    }

    .product_box {
       border-right: none;
       min-height: auto;
    }

    
    .product_share img {
        width: 13px;
    }

    .product_share img.instagram {
        width: 25px;
    }

    .padd_top {
        padding-top: 45px;
    }

    .dynamic_page h1 {
        font-size: 26px;
    }

    .footer_logo img {
        padding-bottom: 0;
    }

    #wapp a {
        width: 75px;
        height: 20px;
    }

    .footer_logo {
        margin-bottom: 35px;
    }

    .brand_content {
        margin: 0 12px;
    }

    .brands_circle {
        padding: 0 0px;
    }

    .categories_wrap h3 {
        font-size: 28px;
        line-height: 37px;
    }

    .categories_wrap .col-xs-6 {
        width: 100%;
    }

    .categories h1 {
        padding: 0px 15px 20px 15px;
        font-size: 28px;
        line-height: 38px;
    }

    .about_text h2 {
        font-size: 26px;
        margin-bottom: 20px;
    }

    .about_text ul li {
        font-size: 37px;
    }

    a.more.center {
        margin: 30px auto 0 auto;
        font-size: 17px;
        padding: 17px 25px;
    }

    .about_text ul {
        padding: 35px 5px;
    }

    .about_text ul li:after {
        top: 67px;
    }

    .banner_text h1 {
        padding-top: 25px;
    }

    #search_mob button {
        right: 20px;
    }

    .languages .languages_menu.active {
        margin-left: 5px;
    }

    .languages .languages_menu a {
        font-size: 14px;
        padding: 2px;
    }

    .hide_email {
        display: none;
    }

    .topbar_left {
        color: #072c52;
    }

    .button_more {
        transform: translate(-60%, -110%);
    }

    .stamp {
        width: 75px!important;
    }

    .dynamic h1 span.tips_menu {
        width: 50px;
        top: 13px;
        height: 39px;
        margin-left: 4px;
    }

    .swiper-albums {
        padding-top: 0px;
    }

    .extra_description {
        padding-top: 45px;
    }

    .dynamic .small_img {
        width: 80%;
        float: none;
        display: block;
        margin: 0 auto 20px auto;
    }

    .products .swiper-button-next, .products .swiper-button-prev {
        background-size: 42px;
        width: 42px;
        height: 42px;
        top: auto;
        bottom: 60px;
        left: 0px;
        right: 0px;
        margin: 0px auto;
    }

    .products .swiper-button-prev {
        left: -90px;
    }

    .products .swiper-button-next {
        right: -90px;
    }

    .products a.more.center {
        margin: 85px auto 0 auto;;
    }

    .product_thumb img:hover {
        transform: scale(1);
    }

    .header_mob #logo a {
        width: 180px;
        height: 50px;
    }

    .is-sticky #sticky-header .responsive_menu #logo a {
        width: 170px;
        height: 50px;
    }

    .header_mob #logo {
        width: 200px;
        height: 50px;
    }

    .related_products img {
        width: 140px;
    }

    .related_products h3 {
        margin-top: 20px;
        font-size: 19px;
        margin-bottom: 5px;
    }

    .header_mob {
        padding: 20px 0;
    }

    .mobile_menu ul li a {
        font-size: 21px;
        line-height: 17px;
    }

    .mobile_info p {
        font-size: 17px;
        margin-bottom: 8px;
    }

    .responsive_menu .social_icons a {
        margin: 0 7px;
    }

    .recipes {
        overflow: hidden;
    }

    .mobile_info {
        padding: 20px 40px;
        margin: 35px auto 0 auto;
    }

    .product_recipes .recipes_featured {
        margin-top: 10px;
    }

    .recipes.product_recipes {
        padding-top: 60px;
    }

    .customNavigation {
        right: 0px;
        display: flex;
        margin: 15px auto;
        text-align: center;
        justify-content: center;
        align-items: center;
    }

    .btn.active, .btn:active {
        box-shadow: none;
    }

    .customNavigation a {
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        cursor: pointer;
        float: left;
        margin-left: 5px;
    }
    
    .customNavigation a.btn {
        text-indent: -9999px;
        width: 45px;
        height: 45px;
        display: block;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        margin-top: 0;
        margin-right: 10px;
    }

    .customNavigation a.btn.prev {
        background: url(../img/layout/arrow_left.svg) no-repeat center center;
        background-size: 45px;
        width: 45px;
        height: 45px;
        margin: 15px 15px 0 15px;
    }
    
    .customNavigation a.btn.next {
        background: url(../img/layout/arrow_right.svg) no-repeat center center;
        background-size: 45px;
        width: 45px;
        height: 45px;
        margin: 15px 15px 0 15px;
    }

    .owl-carousel .owl-wrapper:after {
        display: none;
    }

    .product_recipes .recipes_featured {
        display: block;
    }

    .recipes.product_recipes .more.yellow {
        display: block;
    }

    .product_description {
        padding: 15px 0;
    }

    .product_details ul li {
        font-size: 15px;
    }

    .product_specs {
        padding: 30px 0;
    }

    .pagination img {
        width: 32px;
        height: 32px;
    }

    .product_description p {
        padding-bottom: 15px;
    }

    .product_thumb {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .product_view .grey_bg {
        max-height: 400px;
    }

    .product_view {
        padding-bottom: 60px;
    }

    .product_view .swiper-gallery {
        margin-top: 30px;
    }

    .sub_categories_nav ul li {
        width: 100%;
        border-right: none;
        padding: 6px 0px;
    }

    .product_list h1 {
        font-size: 30px;
        padding: 10px 35px;
    }

    .description_box ul li {
        padding-left: 10px;
    }

    p.preparation_title {
        font-size: 30px;
    }

    .preparation_box {
        padding: 40px 25px;
    }

    .recipe_video h4 {
        font-size: 30px;
        line-height: 35px;
    }

    .recipe_video .circle {
        margin: -52px auto 0 auto;
        width: 210px;
        height: 210px;
    }

    .video_chicken {
        background-size: 170px;
        width: 170px;
        height: 150px;
        bottom: -45px;
    }

    .description_box p strong {
        font-size: 20px;
    }

    .description_box {
        padding: 50px 20px;
    }

    .syntagi_chicken {
        background-size: 180px;
        width: 180px;
        height: 95px;
    }

    .w-100 {
        width: 100%;
    }

    .recipe_view_details h3 {
        padding: 8px 15px;
        font-size: 16px;
    }

    a.more_products {
        font-size: 18px;
        margin-left: 20px;
    }

    .intro_box p {
        font-size: 19px;
        line-height: 28px;
    }

    #blog_text img {
        margin-top: 15px;
    }

    #blog_text span.created {
        padding-top: 10px;
    }

    .recipes_nav ul {
        padding: 15px 0;
    }

    .padd.posts {
        padding-top: 0px;
        padding-bottom: 40px;
    }

    .recipes_categories h1 {
        padding: 10px 25px;
        font-size: 32px;
    }

    .recipes_categ_wrapper .col-md-4 {
        width: 100%;
    }

    .recipes_categories .recipes_categ_wrapper {
        padding: 60px 0;
    }

    .map.padd_top {
        padding-top: 30px;
    }

    .map h1 {
        font-size: 25px;
        padding: 7px 25px;
    }

    .map h1:before {
        background-size: 50px;
        width: 50px;
        height: 60px;
        margin-left: -55px;
        top: -30px;
    }

    .map h1:after {
        background-size: 60px;
        width: 60px;
        height: 60px;
        margin-right: -55px;
        bottom: -65px;
    }

    .contact_details h1 {
        margin: 0 auto 35px auto;
        font-size: 30px;
        padding: 10px 25px;
    }

    #banner_page .banner_text p {
        margin-left: 20px;
    }

    #contact_left h3 {
        font-size: 27px;
        line-height: 37px;
        margin-bottom: 30px;
    }

    .padd_top_big {
        padding-top: 60px;
    }

    .content p {
        font-size: 18px;
        line-height: 30px;
    }

    .content h3 {
        font-size: 19px;
    }

    .content p.large {
        font-size: 23px;
        margin-bottom: 40px;
    }

    .dynamic h2 {
        font-size: 23px;
        margin-top: 0;
    }

    .dynamic h3 {
        font-size: 19px;
    }

    .footer_copyright p {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 5px;
    }

    #footer_container {
        padding: 65px 0px 20px 0px;
    }

    #scrollUp {
        right: 15px;
    }

    .padd_big {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    p.large_paragraph {
        font-size: 19px;
        margin-bottom: 20px;
        margin-top: 0;
    }

    .dynamic_bg ul li p {
        font-size: 18px;
    }

    .dynamic_bg ul li {
        font-size: 17px;
    }

    .recipes .more.yellow {
        display: none;
    }

    .recipes .more.yellow.mob {
        display: block;
    }

    .about_text_wrapper {
        padding: 0 15px;
    }

    .about_title h1 {
        font-size: 40px;
        line-height: 45px;
    }

    .about_title p {
        font-size: 80px;
    }

    .products h1, .dynamic h1 {
        font-size: 28px;
        padding: 12px 30px;
        margin-bottom: 40px;
    }

    .products_content {
        margin: 25px 10px 0 10px;
    }

    .award_text img {
        width: 260px;
    }

    .syntages_content img {
        display: block;
        position: relative;
        margin: 0 auto;
    }


    .recipes_featured {
        display: none;
    }

    .recipes_featured_mob {
        display: block;
    }

    #search_menu img {
        width: 32px;
    }

    #search_menu img {
        width: 28px;
    }

    #logo {
        padding: 10px 0;
    }

    #logo a {
        height: 65px;
    }

    .services_text h1 {
        font-size: 25px;
        line-height: 35px;
    }

    #search_mob input {
        padding: 15px 15px 15px 25px;
        font-size: 16px;
    }

    .breadcrumb>li {
        font-size: 18px;
    }

    .breadcrumb-section {
        margin-bottom: 40px;
    }

}

@media (max-width: 420px) {
    .footer_box.desktop {
        display: none;
    }

    .categ_description h3 {
        font-size: 19px;
        margin-bottom: 15px;
    }

    .categ_description {
        margin-bottom: 40px;
        padding-bottom: 15px;
    }

    .categ_description p {
        font-size: 16px;
        line-height: 25px;
        margin: 3px 0;
    }

    .social_icons a {
        margin: 0 4px;
    }

    .categ_description ul li {
        font-size: 16px;
        line-height: 25px;
    }

    .product_description ul li:before {
        width: 7px;
        height: 7px;
    }

    #banner_product .banner_text h1 {
        font-size: 26px;
        line-height: 36px;
        z-index: 99;
        position: relative;
        padding-top: 20px;
    }

    .product_description ul li, .product_description ol li {
        font-size: 18px;
        line-height: 27px;
    }

    .product_specs_wrap {
        margin: 40px 5px 0 5px;
    }

    .product_specs a.show_more:after {
        font-size: 55px;
        line-height: 50px;
        right: 6px;
    }

    .product_specs a.show_more {
        font-size: 20px;
        padding: 12px 12px;
    }

    .product_view table tr td.brand img {
        margin-top: -5px;
    }

    .product_view table tr td span {
        width: 100%;
        font-size: 15px;
        line-height: 15px;
    }

    .product_view table td.first {
        margin-bottom: 5px;
    }

    .product_view .product_description {
        padding: 25px 20px;
    }

    .banner .breadcrumb>li {
        font-size: 15px;
    }

    .banner .breadcrumb-section {
        top: 152px;
        padding: 12px 10px 12px 25px;
    }

    .mobile_menu ul li a.products-trigger {
        background-size: 10px;
    }

    .product_contact:before {
        background-size: 42px;
        width: 42px;
        height: 42px;
        top: -24px;
    }

    .is-sticky #sticky-header .close_menu.active {
        width: 33px;
        height: 33px;
    }

    .dynamic_text h3 {
        font-size: 20px;
        margin: 20px 15px 15px 15px;
    }

    .dynamic_text ul li:before {
        width: 7px;
        height: 7px;
        margin-top: 11px;
    }

    #content_nav ul li a:before {
        width: 15px;
        height: 15px;
        margin-top: 6px;
    }

    .catalog_products {
        padding: 45px 0px 45px 0px;
    }

    .dynamic_text ul li {
        font-size: 18px;
        line-height: 28px;
    }

    .dynamic_text ul {
        margin-left: 15px;
        padding-right: 15px;
    }

    .dynamic_page .graphic {
        left: -35px;
        top: 1%;
        width: 100%;
        height: 45%;
    }

    .dynamic_text p {
        padding: 0 15px;
    }

    .dynamic_text img {
        max-width: calc(100% - 30px);
        margin-right: 15px;
        margin-bottom: 25px;
    }

    .category_first {
        padding-bottom: 50px;
    }

    .navigation_buttons.mob {
        top: 40px;
        left: -20px;
    }

    .services_text {
        margin: 0px 5px;
        width: calc(100% - 10px);
    }

    .swiper-container.swiper-category-type {
        margin-left: 20px;
        margin-top: 35px;
    }

    .category_description {
        padding-left: 10px;
        padding-right: 15px;
    }

    .category_first .grey_bg {
        top: -45px;
        width: calc(100% - 20px);
    }

    .swiper-container.swiper-category-type .swiper-slide h3 {
        background-size: 26px;
        margin-top: 15px;
        font-size: 20px;
        padding-right: 30px;
    }

    .swiper-container.swiper-category-type .swiper-slide img.small_img {
        width: 100px;
        top: 140px;
    }

    .swiper-container.swiper-category-type .swiper-slide {
        padding-left: 20px;
        padding-right: 40px;
    }

    .gallery {
        width: 100%;
        margin-bottom: 15px;
    }

    .padd_big.about_home {
        padding-top: 60px;
    }

    .services_text ul li {
        margin: 7px 0;
        font-size: 18px;
        line-height: 25px;
    }

    .services_text h1 {
        font-size: 24px;
        line-height: 30px;
    }

    .services_text ul li h3 {
        font-size: 19px;
        background-size: 18px;
        padding-left: 30px;
        margin-bottom: 12px;
    }

    .services_text .button {
        padding: 12px 25px;
    }

    .pdo_bio.inside {
        top: 8px;
        right: 10px;
    }

    .pdo_bio.inside img.bio {
        width: 48px;
    }

    .pdo_bio.inside img.pdo {
        width: 40px;
    }

    .is-sticky #sticky-header .responsive_menu #logo a {
        width: 160px;
        height: 45px;
    }

    .mobile_menu ul li a.button {
        font-size: 14px !important;
    }

    .mobile_info {
        padding: 20px 30px;
    }

    .cd-filter-trigger img {
        width: 29px;
    }

    .cd-filter-trigger {
        font-size: 22px;
        padding-bottom: 10px;
    }

    .cd-filter-trigger {
        font-size: 22px;
    }

    .w-100-420 {
        width: 100%;
        padding: 0;
    }

    .page_heading {
        background-size: cover;
    }

    .padd_big.categories {
        padding-bottom: 30px;
    }

    .more_products {
        margin-top: 0px;
    }

    .product_share p {
        font-size: 18px;
    }

    .product_share p {
        margin-top: 15px;
        padding-top: 15px;
    }

    .contact_details a {
        font-size: 16px;
    }

    .blog_inner {
        padding: 8px;
    }   
    
    .blog_post {
        margin: 12px 0;
    }

    .blog_post h2 {
        font-size: 16px;
    }

    .padd_bottom {
        padding-bottom: 50px;
    }

    .padd.dynamic_page {
        padding-top: 30px;
    }

    .categories ul li {
        font-size: 22px;
        height: 280px;
        width: 100%;
    }

    h2 {
        font-size: 22px;
        padding-left: 50px;
        margin-bottom: 20px;
    }

    .categories ul li:nth-last-child(2) {
        border-bottom: 1px solid #C90527;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
    }

    p {
        line-height: 28px;
        font-size: 18px;
    }

    .dynamic_page h1 {
        font-size: 23px;
        margin-bottom: 20px;
    }

    .is-sticky #sticky-header #logo a {
        height: 45px;
    }

    .is-sticky #sticky-header .open_menu {
        width: 32px;
        height: 18px;
    }

    .footer_box .social_icons h3 {
        font-size: 20px;
    }

    .footer_box p {
        line-height: 25px;
        font-size: 17px;
    }

    .footer_box p.last {
        margin-top: 15px;
    }

    #footer_container {
        padding: 60px 0px 20px 0px;
    }

    .footer_box.footer_logo {
        margin: 0 auto 0px auto;
        width: 260px;
        background-size: 260px;
    }

    .brand_content {
        margin: 0 2px;
    }

    .padd_first {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .padd_big {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    a.more.center {
        margin: 25px auto 0 auto;
        font-size: 16px;
        padding: 15px 25px;
    }

    .categories h1 {
        padding: 0px 15px 15px 15px;
        font-size: 25px;
        line-height: 30px;
    }

    .categories {
        padding-top: 50px;
    }

    .categories_wrap .category_box .arrow {
        width: 37px;
    }

    .categories_wrap h3 {
        font-size: 24px;
        line-height: 30px;
    }

    .languages .languages_menu.active {
        margin-top: 31px;
    }

    #search_mob button {
        right: 15px;
        background-size: 20px;
        width: 20px;
        height: 20px;
    }

    .button_more_img {
        width: 116%;
    }

    .dynamic h1 span.tips_menu {
        width: 40px;
        top: 7px;
        margin-left: 2px;
        height: 32px;
    }

    .footer_box .tips_menu {
        top: 3px;
    }
    
    #blog_text .blog_text_inner {
        padding: 25px 20px;
    }

    .dynamic_gallery {
        padding-top: 40px;
    }

    .dynamic p {
        margin-bottom: 12px;
    }

    .preparation_box strong, .preparation_box a {
        font-size: 19px;
    }

    .related_products img {
        width: 95px;
        margin: 10px 7px 0 7px;
    }

    .related_products h3 {
        margin-top: 15px;
        font-size: 17px;
        line-height: normal;
    }

    .pagination .stats {
        padding-bottom: 15px;
    }

    .header_mob .close_menu {
        left: 10px;
    }

    .mobile_menu ul li a {
        font-size: 19px;
        padding: 0 16px 0 10px;
    }

    .mobile_menu ul li {
        padding: 7px 0;
    }

    .responsive_menu .social_icons a.instagram img {
        height: 29px;
        top: 2px;
    }

    .responsive_menu .social_icons a.instagram {
        height: 35px;
    }

    .responsive_menu .social_icons img.facebook {
        width: 11px;
    }

    .responsive_menu .social_icons a.linkedin {
        padding: 7px;
    }

    .responsive_menu .social_icons a {
        width: 34px;
    }

    .mobile_info_wrapper h1 {
        font-size: 22px;
        margin: 40px auto 0 auto;
    }

    .social_menu_549 {
        margin: 25px auto 0 auto;
    }

    .product_view table tr td span img {
        margin-left: 0px;
    }

    .responsive_menu {
        top: 83px;
        height: calc(100vh - 83px);
    }

    .social_menu img.facebook {
        width: 13px;
    }

    .social_menu img {
        width: 26px;
        margin: 0 8px;
    }

    .mobile_info h2 {
        font-size: 17px;
    }    

    .mobile_info p {
        font-size: 16px;
        margin-bottom: 5px;
    }

    .toggle_container ul li, .toggle_container ol li {
        font-size: 18px;
        line-height: 27px;
        padding-left: 20px;
    }

    .toggle_container ul li:before {
        margin-top: 9px;
    }

    .product_specs table td {
        font-size: 16px;
        padding: 5px;
    }

    .product_specs h3 {
        font-size: 18px;
        line-height: 28px;
    }

    .product_specs {
        padding: 25px 0;
    }

    .product_chicken {
        background-size: 170px;
        width: 170px;
        height: 90px;
        margin-right: -10px;
        margin-bottom: -45px;
    }

    .product_details ul li {
        width: 49%;
        border-right: none;
        margin-bottom: 20px;
    }

    .product_details ul li p {
        width: 80px;
        height: 80px;
        margin-top: 12px;
    }

    .product_details ul li:first-child {
        border-right: 1px solid #007831;
    }

    .product_view .grey_bg {
        max-height: 340px;
    }

    .product h2 {
        line-height: 21px;
    }

    .product_thumb img {
        width: 240px;
        padding: 10px 15px;
    }

    .box_top {
        flex-direction: column;
    }    

    .recipe_video h4 {
        font-size: 25px;
        line-height: 32px;
    }

    .recipe_video .circle {
        margin: -54px auto 0 auto;
        width: 200px;
        height: 200px;
    }

    .recipe_video {
        padding: 30px 5px;
    }

    .recipe_video h4 {
        margin-top: 30px;
        margin-bottom: 55px;
    }

    .video_chicken {
        background-size: 150px;
        width: 150px;
        height: 140px;
        margin-left: -10px;
        bottom: -55px;
    }

    span.number {
        font-size: 19px;
    }

    .preparation_box p {
        line-height: 30px;
    }

    p.box_title {
        font-size: 22px;
    }

    .product_brand img {
        margin-bottom: 10px;
        width: 130px;
    }

    .description_box ul li {
        font-size: 17px;
        padding: 3px 0px 0 10px;
    }

    .recipe_view_details .small_img {
        margin-top: 28px;
    }

    .ingredients.padd_top {
        padding-top: 30px;
    }

    .description_box p strong {
        font-size: 18px;
        padding-bottom: 5px;
    }

    .syntagi_chicken {
        background-size: 150px;
        width: 150px;
        height: 80px;
    }

    .left_thumb {
        margin: 30px auto 0px auto;
    }

    .recipe_view_details h3 {
        font-size: 15px;
    }

    .banner_text p span {
        font-size: 30px;
    }

    a.more_products {
        font-size: 17px;
    }

    .intro_box p {
        font-size: 18px;
        line-height: 26px;
    }

    #content_nav.recipes_nav ul li:nth-child(2n+1) {
        border-right: 1px solid #007831;
    }

    #content_nav ul li:nth-child(2n+2) {
        border-right: none;
    }

    .product_box img {
        padding: 0;
    }

    #content_nav:after {
        left: 20px;
        width: calc(100% - 20px);
    }

    #content_nav ul .submenu_inner li:hover::before {
        background-size: 14px;
    }

    #content_nav ul .submenu_inner li:before {
        background-size: 14px;
        width: 14px;
        height: 14px;
    }
    
    #content_nav p a {
        padding-left: 20px;
    }

    #content_nav h2 {
        font-size: 19px;
    }

    #content_nav {
        padding-bottom: 15px;
        margin-bottom: 22px;
    }

    #content_nav .submenu_inner {
        padding-bottom: 20px;
    }

    .inner.paginate .pagination.bottom {
        font-size: 17px;
        padding-top: 12px;
    }

    .breadcrumb>li+li:before {
        padding: 0 8px 0 10px;
        background-size: 5px;
        top: 0px;
    }

    .breadcrumb-section {
        margin-bottom: 30px;
        padding-bottom: 10px;
    }

    .breadcrumb>li {
        font-size: 17px;
    }

    #content_nav ul li img {
        width: 28px;
    }

    .filters {
        margin-bottom: 50px;
    }

    #content_nav h2 {
        padding: 30px 0px 20px 30px;
    }

    #content_nav ul .submenu_inner li a {
        font-size: 17px;
        text-align: left;
        padding: 3px 0;
        padding-left: 25px;
    }

    #content_nav ul li a {
        font-size: 18px;
        padding: 30px 0px 15px 30px;
    }

    .padd.posts {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .padd_top_big {
        padding-top: 50px;
    }

    .recipes_categories h1 {
        padding: 10px 15px;
        font-size: 23px;
        margin-bottom: 15px;
    }

    .recipes_categories .recipes_categ_wrapper {
        padding: 50px 0;
    }

    .map h1 {
        font-size: 23px;
        padding: 7px 20px;
        margin-bottom: 40px;
    }

    .map h1:after, .map h1:before {
        display: none;
    }

    .contact_details h1 {
        margin: 0 auto 35px auto;
        font-size: 23px;
        padding: 10px 15px;
    }

    #contact_left h3 {
        font-size: 24px;
        line-height: 30px;
    }

    .contact_details p {
        line-height: 22px;
        font-size: 17px;
    }

    .contact_form_left h2 {
        padding-left: 45px;
    }

    p.map_title {
        line-height: 22px;
        margin-bottom: 5px;
        font-size: 18px;
        padding-top: 15px;
    }
    
    p.map_subtitle {
        font-size: 15px;
        line-height: 22px;
    }

    .contact_details p:after {
        margin: 50px auto;
    }

    .contact_details p.big_p {
        margin-bottom: 20px;
        font-size: 16px;
    }

    .contact_details h2 {
        font-size: 22px;
    }

    .contactform div.input label {
        font-size: 17px;
    }

    .contact_details #contact_left p {
        display: block;
        padding-top: 0px;
        text-align: center;
        margin-bottom: 15px;
    }

    .contactform div.input {
        margin: 0px 10px 15px 10px;
    }

    .contact_form_right {
        padding: 40px 10px 50px 10px;
    }

    .contact_details .contact_form_right p {
        padding-right: 0px;
        font-size: 15px;
        display: block;
        float: none;
        padding-left: 10px;
    }

    .pagination {
        margin: 0;
    }

    .block.filters h4 {
        font-size: 21px;
    }

    .stats {
        display: block;
        text-align: center;
    }

    .pagination .next-prev {
        float: none;
        display: block;
        text-align: center;
        margin-top: 7px;
    }

    .no-results h3 {
        font-size: 25px;
        margin-bottom: 8px;
    }

    .block.filters a {
        font-size: 13px;
    }

    .block.filters.active {
        margin-top: 30px;
    }

    .pagination .disabled {
        margin: 0;
    }

    .pages .prev {
        margin-right: 20px;
    }

    .pages .next {
        margin-left: 20px;
    }

    .content p.large {
        font-size: 21px;
        line-height: normal;
        margin-bottom: 35px;
    }

    .dynamic h2 {
        font-size: 21px;
    }

    #blog_text {
        margin: 15px 0 0 0;
    }

    #blog_text span.created {
        padding-top: 0px;
    }

    #blog_text span.created {
        font-size: 13px;
    }

    .content p {
        font-size: 17px;
        line-height: 27px;
    }

    .content h3 {
        font-size: 18px;
        line-height: 25px;
    }

    .dynamic h3 {
        font-size: 18px;
    }

    .dynamic ul li {
        font-size: 17px;
        margin-bottom: 10px;
    }

    p.large_paragraph {
        font-size: 18px;
        margin-bottom: 15px;
    }

    .dynamic_bg ul {
        padding: 20px 15px;
    }

    .dynamic_bg ul li p {
        font-size: 17px;
    }

    .dynamic_bg ul li {
        font-size: 16px;
    }

    .dynamic_bg img {
        margin-top: 30px;
    }

    .about_title {
        flex-direction: column;
        display: flex;
    }

    .about_title h1 {
        margin-top: 35px;
        font-size: 37px;
        line-height: 37px;
    }

    .products h1, .dynamic h1 {
        font-size: 23px;
        padding: 10px 20px;
        margin-bottom: 30px;
    }

    .about_text ul li:after {
        display: none;
    }

    .about_text ul li span {
        min-height: auto;
        padding-top: 25px;
        margin-top: 10px;
        margin-bottom: 10px;
        border-bottom: 1px solid #ccc;
        padding-bottom: 17px;
    }

    .about_text ul li:last-child span {
        border-bottom: none;
        padding-bottom: 0;
        margin-bottom: 0;
    }

    .about_text h2 {
        font-size: 23px;
    }

    .padd {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .about_grey {
        width: 95%;
        height: calc(85% - 70px);
        top: 15%;
    }

    .about_text ul {
        flex-direction: column;
    }

    .products p {
        padding: 0px;
        line-height: 28px;
        font-size: 17px;
    }

    .about_text ul {
        padding: 30px 0px;
    }
    
    a.more {
        margin: 25px auto 0 auto;
        font-size: 16px;
        padding: 16px 25px;
    }

    .award_text img {
        width: 240px;
    }

    h1 {
        font-size: 32px;
        line-height: 42px;
    }

    .awards {
        margin-top: 40px;
        padding-bottom: 55px;
    }

    .button_more {
        font-size: 13px;
        transform: translate(-52%, -52%);
        width: fit-content;
    }

    .categories .col-xs-4 {
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }

    .banner_text p {
        font-size: 17px;
        line-height: 26px;
    }

    .banner_text a.more {
        margin: 25px auto 0 auto;
        font-size: 16px;
        padding: 16px 25px;
    }

    a.more {
        font-size: 16px;
    }

    .chicken_1 {
        background-size: 60px;
        width: 60px;
        height: 60px;
    }

    #search input {
        font-size: 17px;
    }

    .footer_box.service p {
        display: none;
    }

    .footer_box a:hover {
        padding-left: 0;
    }

    .footer_box h3 {
        font-size: 18px;
    }

    .footer_box h4 a {
        padding: 5px 12px 5px 10px;
    }

    .footer_box h4 span {
        font-size: 12px;
    }

    .footer_box h4 {
        font-size: 15px;
    }

    .footer_box p.footer_first {
        margin-bottom: 8px;
    }

    .footer_mob .footer_box .social_icons h3 {
        margin-bottom: 17px;
    }

    .links-triggerOne:after, .links-triggerTwo:after {
        width: 13px;
        height: 13px;
        margin-top: 6px;
    }

    #search_menu img {
        width: 26px;
    }

    .social_menu #search_menu img {
        margin-right: -10px;
    }

    #search_mob input {
        padding: 15px 15px 15px 18px;
        font-size: 15px;
    }

    #logo a {
        height: 60px;
    }

    #search_menu {
        padding-right: 0;
    }

    .topbar_left {
        margin-left: -25px;
    }

    .languages {
        padding: 0px 12px;
    }

    .topbar {
        padding: 10px 0;
        flex-direction: column;
    }    

    .topbar p {
        font-size: 15px;
        line-height: 16px;
        padding-left: 12px;
        margin: 5px 0;
    }

    .languages a.selected_lang:after {
        background-size: 9px;
        width: 9px;
        height: 9px;
        top: 6px;
        margin-left: 2px;
    }

    .languages a.selected_lang {
        font-size: 15px;
    }

    .topbar_left a {
        font-size: 14px;
    }

    .categories .col-md-3 a.more {
        margin: 12px auto 25px auto;
    }

    .categories .col-md-3 a.more {
        font-size: 16px;
    }

    .padd_big {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .header_mob #logo {
        width: 180px;
        height: 45px;
    }

    .header_mob #logo a {
        width: 165px;
        height: 45px;
    }
    
}

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

}

/* ==========================>
        ERROR PAGE
   <========================= */
   .im-er{display: flex;justify-content: center;}
   .im-er img{width:100%;max-width:450px;}
   .btn-er{display: flex;justify-content: center;}

   .btn-er a {
    margin-left: 0;
   }