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

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

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

a img {
    border: none;
}

a {
    outline: none;
    text-decoration: none;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    -ms-transition: all .4s ease;
    transition: all .4s ease;
    color: #ffb459;
}

textarea {
    height: auto;
    min-height: 50px;
    -webkit-resize: none;
    -moz-resize: none;
    resize: none;
}

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

.clearfloat:after {
    clear: both;
}

/* For IE 6/7 (triggers hasLayout) */
.clearfloat {
    *zoom: 1;
}

img {
    max-width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic;
    display: inline-block;
    vertical-align: middle;
}

select {
    width: 100%;
}

button {
    background: none;
    border: none;
    cursor: pointer;
    font-family: 'Montserrat', 'Open Sans', Arial, Helvetica, sans-serif;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    -ms-transition: all .4s ease;
    transition: all .4s ease;
}

/* Scrollbar*/
::-webkit-scrollbar {
    width: 6px;
}
::-webkit-scrollbar-track {
    background: transparent;
}
::-webkit-scrollbar-thumb {
    background: #bbb;
    border-radius: 50px;
    border: 1px solid transparent;
    height: 100px;
}
::-webkit-scrollbar-thumb:hover {
    background: rgb(0, 0, 0);
}

/*FONTS--------------------------------------------------------------------*/
@font-face {
    font-family: 'Montserrat';
    src: local('Montserrat Black Italic'), local('Montserrat-BlackItalic'),
        url('../webfonts/Montserrat-BlackItalic.woff2') format('woff2'),
        url('../webfonts/Montserrat-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: local('Montserrat Black'), local('Montserrat-Black'),
        url('../webfonts/Montserrat-Black.woff2') format('woff2'),
        url('../webfonts/Montserrat-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: local('Montserrat ExtraBold'), local('Montserrat-ExtraBold'),
        url('../webfonts/Montserrat-ExtraBold.woff2') format('woff2'),
        url('../webfonts/Montserrat-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: local('Montserrat Bold Italic'), local('Montserrat-BoldItalic'),
        url('../webfonts/Montserrat-BoldItalic.woff2') format('woff2'),
        url('../webfonts/Montserrat-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: local('Montserrat Bold'), local('Montserrat-Bold'),
        url('../webfonts/Montserrat-Bold.woff2') format('woff2'),
        url('../webfonts/Montserrat-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: local('Montserrat ExtraBold Italic'), local('Montserrat-ExtraBoldItalic'),
        url('../webfonts/Montserrat-ExtraBoldItalic.woff2') format('woff2'),
        url('../webfonts/Montserrat-ExtraBoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: local('Montserrat Light'), local('Montserrat-Light'),
        url('../webfonts/Montserrat-Light.woff2') format('woff2'),
        url('../webfonts/Montserrat-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: local('Montserrat Italic'), local('Montserrat-Italic'),
        url('../webfonts/Montserrat-Italic.woff2') format('woff2'),
        url('../webfonts/Montserrat-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: local('Montserrat Light Italic'), local('Montserrat-LightItalic'),
        url('../webfonts/Montserrat-LightItalic.woff2') format('woff2'),
        url('../webfonts/Montserrat-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: local('Montserrat ExtraLight Italic'), local('Montserrat-ExtraLightItalic'),
        url('../webfonts/Montserrat-ExtraLightItalic.woff2') format('woff2'),
        url('../webfonts/Montserrat-ExtraLightItalic.woff') format('woff');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: local('Montserrat ExtraLight'), local('Montserrat-ExtraLight'),
        url('../webfonts/Montserrat-ExtraLight.woff2') format('woff2'),
        url('../webfonts/Montserrat-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: local('Montserrat Medium'), local('Montserrat-Medium'),
        url('../webfonts/Montserrat-Medium.woff2') format('woff2'),
        url('../webfonts/Montserrat-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'),
        url('../webfonts/Montserrat-SemiBold.woff2') format('woff2'),
        url('../webfonts/Montserrat-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: local('Montserrat SemiBold Italic'), local('Montserrat-SemiBoldItalic'),
        url('../webfonts/Montserrat-SemiBoldItalic.woff2') format('woff2'),
        url('../webfonts/Montserrat-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: local('Montserrat Medium Italic'), local('Montserrat-MediumItalic'),
        url('../webfonts/Montserrat-MediumItalic.woff2') format('woff2'),
        url('../webfonts/Montserrat-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: local('Montserrat Thin'), local('Montserrat-Thin'),
        url('../webfonts/Montserrat-Thin.woff2') format('woff2'),
        url('../webfonts/Montserrat-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: local('Montserrat Regular'), local('Montserrat-Regular'),
        url('../webfonts/Montserrat-Regular.woff2') format('woff2'),
        url('../webfonts/Montserrat-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: local('Montserrat Thin Italic'), local('Montserrat-ThinItalic'),
        url('../webfonts/Montserrat-ThinItalic.woff2') format('woff2'),
        url('../webfonts/Montserrat-ThinItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

.text, p{
    line-height: 28px;
}

h1, h2, h3, h4, h5, h6{
    color: #f7941d;
    font-weight: 600;
}
h1 {
    font-size: 45px;
}
h2 {
    font-size: 45px;
}
h3 {
    font-size: 40px;
}
h4 {
    font-size: 30px;
}
h5 {
    font-size: 24px;
}
h6 {
    font-size: 22px;
}

/*
################################################
#                                              #
#   author:  webrix-studio                     #
#   url:  http://webrix-studio.com             #
#                                              #
################################################
*/
/*BODY-------------------------------------------------------------------*/

body {
    background-color: #fff;
    font-family: 'Montserrat', 'Open Sans', Arial, Helvetica, sans-serif;
    color: #000;
    font-size: 20px;
    font-weight: 500;
}
.wrapper{
    max-width: 1720px;
    margin: 0 auto;
    padding: 0 20px;
}
.small-wrapper{
    max-width: 1220px;
    margin: 0 auto;
    padding: 0 20px;
}

/*-------------- header ---------------*/
header{
    position: relative;
    height: 155px;
    z-index: 1100;
    box-sizing: border-box;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}
header .wrapper{
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    height: 230px;
}
.header-right{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

/*----------------------- logo -------------------------*/
.logo{
    position: absolute;
    top: 30px;
    left: 50%;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 2;
}
.logo a{
    display: block;
    position: relative;
}
.logo a img{
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}
.logo.xmas{
    top: 10px;
}

/*-------------- language ---------------*/
.languages{
    float: left;
    cursor: pointer;
    position: relative;
    z-index: 5;
    line-height: 36px;
    color: #f99f46;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
}
.languages > span{
    display: block;
    float: left;
    margin-right: 12px;
    cursor: default;
}
.lang-choice{
    position: relative;
    line-height: 60px;
    color: #f99f46;
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    padding-left: 40px;
    box-sizing: border-box;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    -ms-transition: all .4s ease;
    transition: all .4s ease;
}
.lang-choice:before{
    content: '';
    background: url('../images/globe.png') no-repeat;
    background-size: cover;
    width: 29px;
    height: 29px;
    top: 50%;
    margin-top: -15px;
    position: absolute;
    left: 0px;
}
.lang-choice i{
    margin-left: 7px;
}
.lang-list{
    position: absolute;
    min-width: 145px;
    top: 100%;
    right: 0px;
    display: none;
    z-index: 10;
    background: #fff;
    margin: 0px;
    padding: 15px 0px;
    border-radius: 10px;
    list-style-type: none;
    text-align: left;
    -webkit-box-shadow: 0px 2px 20px 0px rgba(62, 65, 159, 0.15);
    -moz-box-shadow: 0px 2px 20px 0px rgba(62, 65, 159, 0.15);
    box-shadow: 0px 2px 20px 0px rgba(62, 65, 159, 0.15);
}
.lang-list li{
    display: block;
}
.lang-list li a{
    display: block;
    position: relative;
    white-space: nowrap;
    padding: 5px 20px;
    color: #000;
    font-size: 15px;
    text-transform: uppercase;
    text-decoration: none;
    line-height: normal;
}
.lang-list li a img{
    margin-right: 10px;
    -webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.35);
    -moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.35);
    box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.35);
}
.lang-list li a:hover{
    color: #f99f46;
}

/*---------------------------- login ------------------------------*/
.login{
    float: left;
    margin-right: 34px;
    position: relative;
}
.login-choice{
    display: flex;
    align-items: center;
    cursor: pointer;
}
.user-name{
    margin-left: 10px;
    font-size: 16px;
}
.user-name span{
    display: block;
    font-size: 13px;
    color: #aaa;
}
.user-name strong{
    display: block;
    font-weight: 500;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/*-------------- login submenu ---------------*/
.login-list {
    display: none;
    position: absolute;
    top: calc(100% + 5px);
    right: 0px;
    z-index: 10000; 
}
.login-list ul{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    position: relative;
    background-color: #fcfcfc;
    width: 260px;
    border-radius: 5px;
    box-shadow: 0px 0px 13px rgba(75, 75, 75, .35);
}
.login-list ul li{
    display: block;
    position: relative;
    z-index: 1;
    border-bottom: 1px solid #dfdfdf;
}
.login-list ul li:last-child{
    border-bottom: none;
}
.login-list ul li a{
    display: flex;
    align-items: center;
    color: #000;
    padding: 16px 20px;
    font-size: 16px;
    font-weight: 500;
    box-sizing: border-box;
}
.login-list ul li:hover a{
    color: #f7941d;
}
.login-list ul li a i {
    font-size: 18px;
    margin-right: 10px;
}

/*---------------------------- search ------------------------------*/
.search-form{
    float: left;
    margin-right: 34px;
    position: relative;
    z-index: 2;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}
.search-wrap{
    display: none;
    position: absolute;
    top: 230px;
    left: 0px;
    right: 0px;
    width: auto;
    border: none;
    background: rgba(249, 159, 70, .85);
    padding: 12px 20px;
    box-sizing: border-box;
}
.search-wrap > div{
    background: #fff;
    max-width: 800px;
    border-radius: 25px;
    margin: 0 auto;
}
.search-input{
    float: left;
    background: none;
    width: calc(100% - 40px);
    border: 0px;
    color: #000;
    font-size: 15px;
    height: 44px;
    padding: 0 18px;
    font-family: 'Montserrat', 'Open Sans', Arial, Helvetica, sans-serif;
    border-radius: 25px;
    outline: none;
    box-sizing: border-box;
}
.search-submit{
    display: block;
    float: right;
    height: 44px;
    line-height: 44px;
    font-size: 20px;
    width: 40px;
    padding: 0px;
    color: #222;
    text-align: left;
    box-sizing: border-box;
    cursor: pointer;
}

/*--------- responsive search ----------*/
.search-link{
    display: block;
    height: 30px;
    width: 25px;
    border: none;
    text-align: center;
    cursor: pointer;
    text-indent: -9999em;
    font-size: 0;
    position: relative;
    box-sizing: border-box;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}
.search-link:hover{
    color: #f21c38;
}
.s-search:before{
    content: "\f002";
    font-family: 'Font Awesome 6 Pro';
    font-size: 27px;
    position: absolute;
    top: 0px;
    left: 50%;
    color: #f99f46;
    line-height: 30px;
    font-weight: 300;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}
.s-close:before {
    content: "\f00d";
    font-family: 'Font Awesome 6 Pro';
    font-size: 27px;
    position: absolute;
    top: 0px;
    left: 50%;
    color: #f99f46;
    line-height: 30px;
    font-weight: 300;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}

/*----------------------------- menu -------------------------------*/
#menu{
    float: left;
}
#menu ul{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}
#menu ul li{
    position: relative;
}
#menu > ul > li{
    display: block;
    float: left;
    margin-right: 30px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}
#menu > ul > li:last-of-type > a{
    border-right: none;
}
#menu ul li a{
    display: flex;
    align-items: center;
    font-size: 25px;
    color: #000;
    font-weight: 500;
    letter-spacing: 0.3px;
    padding: 0px;
    height: 80px;
    white-space: nowrap;
    position: relative;
}
#menu > ul > li:hover > a, #menu > ul > li.current > a{
    color: #f7941d;
}
#menu ul li i{
    display: inline-block;
    font-size: 16px;
    position: relative;
    margin-left: 8px;
}
/* submenu */
#menu ul li .submenu-wrap {
    opacity: 0;
    width: 300px;
    visibility: hidden;
    position: absolute;
    top: calc(100% - 0px);
  padding: 20px 0px;
    left: 0;
    background: #fff;
    z-index: 4;
    text-align: left;
    -webkit-box-shadow: 0px 2px 20px 0px rgba(62, 65, 159, 0.15);
    -moz-box-shadow: 0px 2px 20px 0px rgba(62, 65, 159, 0.15);
    box-shadow: 0px 2px 20px 0px rgba(62, 65, 159, 0.15);
    border-radius: 10px;
}
#menu ul li:hover > .submenu-wrap {
    visibility: visible;
    -webkit-transition: all 600ms;
    -moz-transition: all 600ms;
    -o-transition: all 600ms;
    transition: all 600ms;
}
#menu > ul > li:hover > .submenu-wrap {
    opacity: 1;
    visibility: visible;
}
#menu ul li ul {
    text-align: left;
    z-index: 9999;
    padding: 0px 25px;
    display: block;
}
#menu ul li ul li a{
    display: block;
    padding: 8px 0px;
    height: auto;
    font-size: 16px;
    letter-spacing: normal;
    text-transform: none;
    white-space: normal;
}
#menu ul li ul li a.ml-76 {
font-weight: bold;
  color: #ed1c24;
}
#menu ul li ul li ul {
    top: 0;
    left: 100%;
}
#menu ul li ul li:hover ul {
    left: 100%;
    opacity: 1;
}
#menu ul li ul li:hover > a{
    color: #f7941d;
}
/* sub submenu */
#menu ul li ul li .submenu-wrap {
    top: 0px;
    left: 100%;
}
#menu ul li ul li:hover .submenu-wrap {
    left: 100%;
    opacity: 1;
}

/* mega menu */
#menu ul li.mega-menu{
    position: static;
}
#menu ul li.mega-menu .submenu-wrap {
  top: calc(100% - 75px);
  max-width: 100%;
    width: auto;
    margin: 0px 20px;
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
}
#menu ul li.menu-col-3 .submenu-wrap {
    -webkit-columns: 3;
    -moz-columns: 3;
    columns: 3;
}
#menu ul li.menu-col-4 .submenu-wrap {
    -webkit-columns: 4;
    -moz-columns: 4;
    columns: 4;
}
#menu ul li.menu-col-5 .submenu-wrap {
    -webkit-columns: 5;
    -moz-columns: 5;
    columns: 5;
}
#menu ul li.menu-col-6 .submenu-wrap {
    -webkit-columns: 6;
    -moz-columns: 6;
    columns: 6;
}
#menu ul li.menu-col-7 .submenu-wrap {
    -webkit-columns: 7;
    -moz-columns: 7;
    columns: 7;
}
#menu ul li.mega-menu .submenu-wrap ul{
    margin-bottom: 20px;
}
#menu ul li.mega-menu .submenu-wrap ul li{
    padding: 0px;
}
#menu ul li .submenu-wrap ul li.main-cat{
    /*pointer-events: none;*/
}
#menu ul li .submenu-wrap ul li.main-cat a{
    position: relative;
    color: #f7941d;
    text-transform: uppercase;
    white-space: normal;
}

/*------------------------- Buttons in site -------------------------*/
.btn{
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    position: relative;
    background: #ffb459;
    min-width: 290px;
	min-height: 62px;
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    line-height: normal;
    color: #fff;
    text-transform: uppercase;
    padding: 10px 30px;
    border: 2px solid transparent;
    border-radius: 40px;
    margin-top: 55px;
    letter-spacing: 0.5px;
    overflow: hidden;
    z-index: 1;
    cursor: pointer;
    box-sizing: border-box;
    vertical-align: middle;
}
.btn:hover{
    background: #f7941d;
}
.btn i, .btn img{
    margin-right: 12px;
}
.btn-transp{
    background: transparent;
    border: 2px solid #f99f46;
    color: #f99f46;
}
.btn-transp:hover{
    background: #f7941d;
    border: 2px solid #f7941d;
    color: #fff;
}
.btn-white{
    background: #fff;
    color: #f99f46;
}
.btn-white:hover{
    color: #fff;
    background: #f7941d;
}
.btn-grey{
    background: #bfbebe;
}
.btn-grey:hover{
    background: #f7941d;
}
.btn-red{
    background: #ed1c24;
}
.btn-red:hover{
    background: #d40b13;
}
.btn-blue{
    background: #009899;
}
.btn-blue:hover{
    background: #017a7b;
}
.btn.big-btn{
    font-size: 21px;
    padding: 20px 35px;
    margin-top: 100px;
}

.btn-place{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.btn-place .btn{
    margin-right: 15px;
}
.btn-place .btn:last-child{
    margin-right: 0px;
}

/*------------------------ banner --------------------------*/
.b-wrap{
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.b-image{
    position: relative;
    z-index: 1;
}
.b-image img{
    max-width: none;
    width: 100%;
}
.ban-text{
    position: absolute;
    bottom: 21%;
    left: 0px;
    width: 100%;
    text-align: center;
    z-index: 3;
    box-sizing: border-box;
}
.ban-title{
    font-size: 28px;
    color: #142962;
    font-weight: bold;
    max-width: 35%;
    margin: 0 auto;
    box-sizing: border-box;
}
.ban-title a{
    color: #142962;
    border-bottom: 1px solid #142962;
}
.ban-title a:hover{
    border-bottom: 1px solid transparent;
}
.arrow-down{
    margin-top: 40px;
}
.enter-the-game{
    
    position: absolute;
    bottom: 0px;
    left: calc(50% - 413px);
    /*display: flex;*/
    display: none;
    justify-content: center;
    text-align: center;
    font-size: 30px;
    padding-left: 25px;
    padding-top: 131px;
    width: 370px;
    height: 370px;
    background: url('../images/small_dish.png') no-repeat;
    background-size: cover;
    color: #fe252b;
    font-weight: 500;
    box-sizing: border-box;
    z-index: 10;
}

/*----- ban animation -----*/
.ban-animation{
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -715px;
    /*
    background: url('../images/veggi.png') no-repeat;
    background-size: cover;*/
    width: 1392px;
    height: 1263px;
    animation: spin 5.5s ease-in-out 2s 1;
    z-index: 2;
}
@-webkit-keyframes spin {
  0% { 
    transform: rotate(0);
  }
  100% { 
    transform: rotate(360deg);
  }
}
@keyframes spin {
  0% { 
    transform: rotate(0);
  }
  100% { 
    transform: rotate(360deg);
  }
}
.ban-animation figure{
    position: absolute;
    animation-delay: 0.2s;
    -webkit-transform: scale3d(.3,.3,.3);
    transform: scale3d(.3,.3,.3)
}
.ban-animation figure.veg1{
    left: 286px;
    top: 979px;
}
.ban-animation figure.veg2{
    left: 0px;
    top: 591px;
    animation-delay: 0.3s;
}
.ban-animation figure.veg3{
    left: 83px;
    top: 418px;
    animation-delay: 0.4s;
}
.ban-animation figure.veg4{
    left: 224px;
    top: 219px;
    animation-delay: 0.5s;
}

.ban-animation figure.veg5{
    left: 365px;
    top: 122px;
    animation-delay: 0.6s;
}
.ban-animation figure.veg6{
    left: 498px;
    top: 0px;
    animation-delay: 0.7s;
}
.ban-animation figure.veg7{
    left: 759px;
    top: 58px;
    animation-delay: 0.8s;
}
.ban-animation figure.veg8{
    left: 722px;
    top: 107px;
    animation-delay: 0.9s;
}
.ban-animation figure.veg9{
    left: 787px;
    top: 37px;
    animation-delay: 1.0s;
}
.ban-animation figure.veg10{
    left: 1056px;
    top: 316px;
    animation-delay: 1.1s;
    -webkit-animation-duration: 1.3s;
    -moz-animation-duration: 1.3s;
    -o-animation-duration: 1.3s;
    animation-duration: 1.3s;
}
.ban-animation figure.veg11{
    left: 1104px;
    top: 311px;
    animation-delay: 1.2s;
    -webkit-animation-duration: 1.3s;
    -moz-animation-duration: 1.3s;
    -o-animation-duration: 1.3s;
    animation-duration: 1.3s;
}
.ban-animation figure.veg12{
    left: 1109px;
    top: 502px;
    animation-delay: 1.3s;
    -webkit-animation-duration: 1.3s;
    -moz-animation-duration: 1.3s;
    -o-animation-duration: 1.3s;
    animation-duration: 1.3s;
}
.ban-animation figure.veg13{
    left: 1239px;
    top: 782px;
    animation-delay: 1.4s;
    -webkit-animation-duration: 1.3s;
    -moz-animation-duration: 1.3s;
    -o-animation-duration: 1.3s;
    animation-duration: 1.3s;
}
.ban-animation figure.veg14{
    left: 1150px;
    top: 822px;
    animation-delay: 1.5s;
    -webkit-animation-duration: 1.6s;
    -moz-animation-duration: 1.6s;
    -o-animation-duration: 1.6s;
    animation-duration: 1.6s;
}
.ban-animation figure.veg15{
    left: 1022px;
    top: 903px;
    animation-delay: 1.6s;
    -webkit-animation-duration: 1.6s;
    -moz-animation-duration: 1.6s;
    -o-animation-duration: 1.6s;
    animation-duration: 1.6s;
}
.ban-animation figure.veg16{
    left: 1023px;
    top: 1080px;
    animation-delay: 1.7s;
    -webkit-animation-duration: 1.6s;
    -moz-animation-duration: 1.6s;
    -o-animation-duration: 1.6s;
    animation-duration: 1.6s;
}
.ban-animation figure.veg17{
    left: 753px;
    top: 1007px;
    animation-delay: 1.8s;
    -webkit-animation-duration: 1.9s;
    -moz-animation-duration: 1.9s;
    -o-animation-duration: 1.9s;
    animation-duration: 1.9s;
}
.ban-animation figure.veg18{
    left: 715px;
    top: 1081px;
    animation-delay: 1.9s;
    -webkit-animation-duration: 1.9s;
    -moz-animation-duration: 1.9s;
    -o-animation-duration: 1.9s;
    animation-duration: 1.9s;
}
.ban-animation figure.veg19{
    left: 622px;
    top: 1114px;
    animation-delay: 2.0s;
    -webkit-animation-duration: 1.9s;
    -moz-animation-duration: 1.9s;
    -o-animation-duration: 1.9s;
    animation-duration: 1.9s;
}
.ban-animation figure.veg20{
    left: 315px;
    top: 965px;
    animation-delay: 2.0s;
    -webkit-animation-duration: 1.9s;
    -moz-animation-duration: 1.9s;
    -o-animation-duration: 1.9s;
    animation-duration: 1.9s;
}

/*------------ title in site ----------*/
.title{
    text-align: center;
    margin-bottom: 90px;
    position: relative;
    z-index: 1;
}

/*--------------------------------------------- section our products ------------------------------------*/
.our-products{
    padding: 25px 0px 70px;
    overflow: hidden;
}
.our-products .title{
    margin-bottom: 60px;
}
.products-wrap{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -25px;
    box-sizing: border-box;
}
.product-box{
    position: relative;
    width: 33.333%;
    padding: 0 25px;
    margin-bottom: 40px;
    box-sizing: border-box;
}
.product-box figure{
    position: relative;
    box-sizing: border-box;
}
.product-box figure img{
    max-width: none;
    width: 100%;
}
.product-box figcaption{
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    padding: 60px 50px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    text-align: center;
    background: rgba(255, 255, 255, 0);
    z-index: 2;
    box-sizing: border-box;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    -ms-transition: all .4s ease;
    transition: all .4s ease;
}
.product-box figcaption h3{
    text-transform: uppercase;
    font-weight: bold;
    font-size: 46px;
    margin-bottom: 20px;
    color: #fff;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    -ms-transition: all .4s ease;
    transition: all .4s ease;
}
.product-box figcaption .text{
    font-size: 22px;
    max-height: 222px;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    -ms-transition: all .4s ease;
    transition: all .4s ease;
}
.product-box figcaption .btn{
    margin-top: auto;
    opacity: 0;
    visibility: hidden;
}
.product-box figure:hover figcaption{
    background: rgba(255, 255, 255, .7);
}
.product-box figure:hover h3{
    color: #ffb459;
}
.product-box figure:hover figcaption .text, .product-box figure:hover figcaption .btn{
    opacity: 1;
    visibility: visible;
}

.products-slider{
    margin: 0 -25px;
}
.slick-slider .product-box{
    width: auto;
}

/*--------------------------------------------- section weekly recipes ------------------------------------*/
.weekly-recipe-section{
    background: #f9f4ef;
    position: relative;
    overflow: hidden;
    padding: 0px;
}
.weekly-recipe-section:before{
    content: '';
    position: absolute;
    bottom: 135px;
    right: 35px;
    background: url('../images/splash_elem.png') no-repeat;
    background-size: cover;
    width: 94px;
    height: 132px;
    z-index: 0;
}
.wave img{
    max-width: none;
    width: 100%;
}
.weekly-recipe{
    position: relative;
    display: flex;
    flex-wrap: wrap;
    background: #fff;
    border-bottom-left-radius: 80px;
    overflow: hidden;
    box-sizing: border-box;
}
.weekly-recipe figure{
    width: 50%;
    box-sizing: border-box;
}
.weekly-recipe figure img{
    max-width: none;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.weekly-recipe-info{
    width: 50%;
    padding: 55px 60px 0px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    box-sizing: border-box;
}
.weekly-recipe-title{
    color: #ffb459;
    font-size: 22px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.ingredients{
    color: #3e3e3e;
    line-height: 28px;
    margin-bottom: 35px;
}
.weekly-recipe-info .ingredients{
    font-size: 18px;
    line-height: 26px;
}
.ingredients ul{
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}
.date{
    color: #878686;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 30px;
}
/*------- bottom -----*/
.bottom{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-top: auto;
    border-top: 1px solid #8d8b8b;
    padding: 20px 0px;
    box-sizing: border-box;
}
.bottom-right{
    margin-left: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.bottom-right a{
    margin-left: 30px;
}
.heart-icon{
    width: 24px;
    height: 22px;
    position: relative;
    background: url('../images/heart.png') no-repeat center center;
}
.heart-icon img{
    display: block;
    opacity: 0;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    -ms-transition: all .4s ease;
    transition: all .4s ease;
}
.heart-icon:hover img, .heart-icon.heart-full img{
    opacity: 1;
}
.share-icon{
    display: inline-block;
}
.share-icon img{
    display: block;
}
.bottom .cooking-info{
    justify-content: flex-start;
    margin-top: 0px;
}
.bottom .time,
.bottom .portions{
    margin-right: 20px;
}

.btn.with-elem{
    overflow: initial;
}
.btn.with-elem:before{
    content: '';
    position: absolute;
    top: 33px;
    left: -52px;
    background: url('../images/splash_elem1.png') no-repeat;
    background-size: cover;
    width: 60px;
    height: 75px;
    z-index: 0;
}
.weekly-recipe-slider .slick-next{
    right: -60px;
}
.weekly-recipe-slider .slick-prev{
    left: -60px;
}

/*----------- cooking info ------------*/
.cooking-info{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-top: 35px;
}
.time{
    position: relative;
    width: 36px;
    height: 36px;
    padding-top: 10px;
    text-align: center;
    background: url('../images/time.png') no-repeat center center;
    background-size: cover;
    box-sizing: border-box;
}
.time span{
    display: block;
    color: #000;
    font-size: 9px;
    line-height: 9px;
    font-weight: 600;
}
.time span strong{
    display: block;
    font-weight: 600;
    font-size: 13px;
}
.recipe-video{
    position: relative;
    width: 46px;
    height: 46px;
    padding-top: 10px;
    text-align: center;
    background: url('../images/vid.png') no-repeat center center;
    background-size: cover;
    box-sizing: border-box;
}
.recipe-video span{
    display: block;
    color: #000;
    font-size: 9px;
    line-height: 61px;
    font-weight: 600;
    text-transform: uppercase;
}
.recipe-video-link{
	display: inline-block;
	font-size: 15px;
    font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 15px;
}
.recipe-video-link i{
	position: relative;
	top: 1px;
	margin-left: 10px;
	font-size: 20px;
}
.cooking-info .recipe-video-link{
	margin-bottom: 0px;
}
.portions{
    position: relative;
    width: 52px;
    height: 36px;
    padding-top: 9px;
    text-align: center;
    background: url('../images/portions.png') no-repeat center center;
    background-size: cover;
    box-sizing: border-box;
}
.portions span{
    display: block;
    color: #000;
    font-size: 8px;
    line-height: 16px;
    font-weight: 600;
    text-transform: uppercase;
}
.portions span strong{
    display: block;
    font-weight: 600;
    font-size: 14px;
}
.download-btn{
    width: 58px;
    height: 58px;
    border: 2px solid #000;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    color: #000;
    margin-left: auto;
    box-sizing: border-box;
}

/*--------------------------------------------- section recipes gallery ------------------------------------*/
.recipes-gallery{
    overflow: hidden;
    position: relative;
    padding: 70px 0px;
}
.portfolio-wrap{
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
}
.portfolio-one{
    width: 20%;
    position: relative;
    padding: 1px;
    box-sizing: border-box;
}
.portfolio-one figure{
    overflow: hidden;
    position: relative;
}
.portfolio-one figure > a{
    display: block;
    overflow: hidden;
}
.portfolio-one figure img{
    max-width: none;
    width: 100%;
    webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all 350ms;
    -moz-transition: all 350ms;
    -o-transition: all 350ms;
    transition: all 350ms;
}
/*
.portfolio-one figure:hover img{
  -webkit-transform: scale3d(1.07,1.07,1);
  transform: scale3d(1.07,1.07,1);
}*/
.portfolio-one figcaption{
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-between;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 2;
    padding: 30px;
    text-align: center;
    background: rgba(0, 0, 0, .4);
    box-sizing: border-box;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    -ms-transition: all .4s ease;
    transition: all .4s ease;
}
.portfolio-one figure:hover figcaption{
    opacity: 1;
    visibility: visible;
}
.portfolio-one figcaption h3{
    font-size: 21px;
    text-transform: uppercase;
    color: #fff;
}
.portfolio-one .time{
    width: 44px;
    height: 44px;
    background-image: url('../images/time_white.png');
    padding-top: 14px;
}
.portfolio-one .time span{
    color: #fff;
    font-size: 9px;
    line-height: 11px;
    font-weight: 500;
}
.portfolio-one .time span strong{
    font-size: 16px;
}
.portfolio-one .portions{
    width: 64px;
    height: 44px;
    background-image: url('../images/portions_white.png');
    padding-top: 11px;
}
.portfolio-one .portions span{
    color: #fff;
    font-size: 10px;
    font-weight: 500;
    line-height: 20px;
}
.portfolio-one .portions span strong{
    font-size: 18px;
}

.slick-slider .portfolio-one{
    width: auto;
}
.recipes-gallery-slider .slick-slide > div{
    display: flex;
    flex-wrap: wrap;
}
.recipes-gallery-slider .slick-dots{
    margin-top: 60px;
}

/*---------------------------------------- Videos section ------------------------------------- */
.videos-section{
    padding: 100px 0px 40px;
    overflow: hidden;
}
.one-video{
    margin-bottom: 120px;
    flex-wrap: wrap;
    display: flex;
    flex-direction: row-reverse;
}
article.one-video:last-of-type{
    margin-bottom: 0px;
}
.one-video figure{
    width: 60%;
    border-left: 30px solid #f99f46;
    position: relative;
    box-sizing: border-box;
}
.one-video figure a{
    display: block;
    height: 100%;
    overflow: hidden;
    position: relative;
}
.one-video figure > a::after {
    content: '';
    background: url('../images/video_icon.png') no-repeat center center;
    background-size: cover;
    width: 190px;
    height: 190px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -95px;
    margin-top: -95px;
    z-index: 2;
    box-sizing: border-box;
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 1;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all 350ms;
    -moz-transition: all 350ms;
    -o-transition: all 350ms;
    transition: all 350ms;
}
.one-video figure:hover > a::after{
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 1;
    visibility: visible;
}
.one-video figure a img{
    max-width: none;
    width: 100%;
    height: 100%;
    object-fit: cover;
    webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all 350ms;
    -moz-transition: all 350ms;
    -o-transition: all 350ms;
    transition: all 350ms;
}
.one-video-info{
    width: 40%;
    padding-right: 90px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    position: relative;
    box-sizing: border-box;
}
.one-video-title{
    display: block;
    color: #ffb459;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-size: 28px;
    font-weight: bold;
}
article.one-video:nth-of-type(2n){
    flex-direction: row;
}
article.one-video:nth-of-type(2n) figure{
    border-left: 0px;
    border-right: 30px solid #f99f46;
}
article.one-video:nth-of-type(2n) .one-video-info{
    padding-right: 0px;
    padding-left: 90px;
}
.one-video-info .cooking-info{
    justify-content: flex-start;
    margin-top: 20px;
    margin-bottom: 45px;
}
.one-video-info .time{
    width: 44px;
    height: 44px;
    padding-top: 14px;
    margin-right: 20px;
}
.one-video-info .time span{
    font-size: 9px;
    line-height: 11px;
}
.one-video-info .time span strong{
    font-size: 16px;
}
.one-video-info .portions{
    width: 64px;
    height: 44px;
    padding-top: 11px;
    margin-right: 20px;
}
.one-video-info .portions span{
    font-size: 10px;
    line-height: 20px;
}
.one-video-info .portions span strong{
    font-size: 18px;
}

.video-slider .slick-dots{
	margin-top: 20px;
}
.slick-slider .one-video{
	margin: 0px 15px;
	flex-direction: row-reverse !important;
}
.slick-slider .one-video figure{
	width: 45%;
	border-left: none;
	margin-bottom: 0px;
}
.slick-slider .one-video figure a{
	height: auto;
	border-left: 15px solid #f99f46;
}
.slick-slider .one-video figure a img{
	height: auto;
}
.slick-slider .one-video figure > a::after{
	width: 100px;
	height: 100px;
	margin-left: -50px;
	margin-top: -50px;
}
.slick-slider .one-video-info{
	width: 55%;
	padding-right: 30px !important;
}
.slick-slider .one-video-title{
	font-size: 24px;
}

/*--------------------------------------------- section index news ------------------------------------*/
.index-news{
    padding-top: 70px;
    overflow: hidden;
}
.index-news .btn-place .btn{
    margin-top: 80px;
}
.blog-wrap{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -55px;
}
.blog-item{
    width: 33.333%;
    margin-bottom: 90px;
    padding: 0px 55px;
    box-sizing: border-box;
}
.blog-item figure{
    overflow: hidden;
    position: relative;
}
.blog-item figure img{
    max-width: none;
    width: 100%;
    webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all 350ms;
    -moz-transition: all 350ms;
    -o-transition: all 350ms;
    transition: all 350ms;
    -webkit-transform: scale3d(1.01,1.01,1);
    transform: scale3d(1.01,1.01,1);
}
.blog-item figure:hover img{
    -webkit-transform: scale3d(1.06,1.06,1);
    transform: scale3d(1.06,1.06,1);
}
.blog-info{
    padding-top: 25px;
    position: relative;
}
.blog-title{
    font-size: 24px;
    font-weight: 500;
    color: #595959;
}
.blog-title a{
    color: #595959;
}
.blog-title a:hover{
    color: #f7941d;
}
.blog-info .date{
    color: #000;
    margin-bottom: 20px;
    font-weight: 600;
    padding-right: 15px;
}
.blog-share-icon{
    display: block;
    color: #000;
    position: absolute;
    top: 25px;
    right: 0px;
    width: 15px;
    text-align: right;
    z-index: 3;
}

.view {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 3;
    font-size: 0px;
    opacity: 0;
}

.slick-slider .blog-item{
    width: auto;
    margin-bottom: 0px;
}

.no-active figure img{
	filter: grayscale(100%) !important;
}
.no-active .blog-title, .no-active .blog-title a{
	color: #595959 !important;
}

/*----------------------------- pop up ----------------------------*/
.popup{
    width: 90%;
    max-width: 900px !important;
    max-height: calc(100vh - 100px);
    padding: 70px !important;
    border-radius: 20px !important;
    overflow: auto;
    box-sizing: border-box;
}
.popup.fancybox__content>.f-button.is-close-btn{
    top: 8px;
    right: 8px;
    width: 40px;
    height: 40px;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 50%;
    background: transparent;
}
.fancybox__backdrop{
    background: rgba(0, 0, 0, .5) !important;
}
.recipe-image{
    position: relative;
    margin: -70px -70px 50px;
    overflow: hidden;
    box-sizing: border-box;
}
.recipe-image:after {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background: url(../images/wave.png) repeat-x left bottom;
    height: 53px;
    z-index: 2;
}
.recipe-image img{
    max-width: none;
    width: 100%;
}
.popup .cooking-info{
    justify-content: flex-start;
    margin-top: 80px;
}
.popup .time{
    margin-right: 30px;
}
/*-- popup bonus --*/
.pop-bonus{
    position: relative;
    max-width: 550px !important;
    padding: 60px 70px !important;
    text-align: center;
    background: #ffc20e !important;
    color: #fff;
}
/*-- popup finish --*/
.pop-bgr{
    position: relative;
    max-width: 550px !important;
    padding: 60px 70px !important;
    border-radius: 50px !important;
    text-align: center;
    background: rgba(251,169,128,1) !important;
    background: -moz-linear-gradient(top, rgba(251,169,128,1) 0%, rgba(244,203,108,1) 51%, rgba(229,217,180,1) 100%) !important;
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(251,169,128,1)), color-stop(51%, rgba(244,203,108,1)), color-stop(100%, rgba(229,217,180,1))) !important;
    background: -webkit-linear-gradient(top, rgba(251,169,128,1) 0%, rgba(244,203,108,1) 51%, rgba(229,217,180,1) 100%) !important;
    background: -o-linear-gradient(top, rgba(251,169,128,1) 0%, rgba(244,203,108,1) 51%, rgba(229,217,180,1) 100%) !important;
    background: -ms-linear-gradient(top, rgba(251,169,128,1) 0%, rgba(244,203,108,1) 51%, rgba(229,217,180,1) 100%) !important;
    background: linear-gradient(to bottom, rgba(251,169,128,1) 0%, rgba(244,203,108,1) 51%, rgba(229,217,180,1) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fba980', endColorstr='#e5d9b4', GradientType=0 ) !important;
}
.pop-bgr.fancybox__content>.f-button.is-close-btn, .pop-bonus.fancybox__content>.f-button.is-close-btn{
    top: 15px;
    right: 15px;
    width: 40px;
    height: 40px;
    color: #fff;
    background: transparent;
    opacity: 1;
}
.popup-finish:before{
    content: '';
    position: absolute;
    top: -85px;
    left: -68px;
    background: url('../images/gift.png') no-repeat;
    background-size: cover;
    width: 220px;
    height: 168px;
}
.popup-finish:after{
    content: '';
    position: absolute;
    top: 55px;
    right: 10px;
    background: url('../images/pasta.png') no-repeat;
    background-size: cover;
    width: 165px;
    height: 183px;
    z-index: -1;
}
.popup-finish h2, .popup-finish h3{
    font-size: 54px;
}
.popup-finish .text{
    margin-top: 15px;
}
.pop-bgr h2{
    color: #fff;
    font-weight: bold;
    font-style: italic;
}
.pop-bgr h3{
    color: #142962;
    font-weight: bold;
    font-style: italic;
}
.pop-bgr img{
    max-width: 200px;
}

/*---------------------------------------- section benefits --------------------------------------*/
.benefits{
    position: relative;
    padding-top: 630px;
    padding-bottom: 40px;
    border-top: 50px solid #fff;
    overflow: hidden;
    background: rgba(255,180,89,1);
    background: -moz-linear-gradient(-45deg, rgba(255,180,89,1) 0%, rgba(255,180,89,1) 10%, rgba(254,220,70,1) 90%, rgba(254,220,70,1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(255,180,89,1)), color-stop(10%, rgba(255,180,89,1)), color-stop(90%, rgba(254,220,70,1)), color-stop(100%, rgba(254,220,70,1)));
    background: -webkit-linear-gradient(-45deg, rgba(255,180,89,1) 0%, rgba(255,180,89,1) 10%, rgba(254,220,70,1) 90%, rgba(254,220,70,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(255,180,89,1) 0%, rgba(255,180,89,1) 10%, rgba(254,220,70,1) 90%, rgba(254,220,70,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(255,180,89,1) 0%, rgba(255,180,89,1) 10%, rgba(254,220,70,1) 90%, rgba(254,220,70,1) 100%);
    background: linear-gradient(135deg, rgba(255,180,89,1) 0%, rgba(255,180,89,1) 10%, rgba(254,220,70,1) 90%, rgba(254,220,70,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb459', endColorstr='#ffca6f', GradientType=1 );
    box-sizing: border-box;
}
.benefits:before{
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    height: 200px;
    background: url('../images/wave_big.png') repeat-x left top;
    background-size: auto 100%;
    z-index: 1;
}
.benefits:after{
    content: '';
    position: absolute;
    top: -50px;
    left: calc(50% - 340px);
    width: 680px;
    height: 680px;
    background: url('../images/dish.png') no-repeat;
    background-size: cover;
    z-index: 1;
}
.benefits .wrapper{
    max-width: 1500px;
}
.acc-wrap{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -30px;
    box-sizing: border-box;
}
.acc-item{
    position: relative;
    width: 33.333%;
    padding: 0 30px;
    margin-bottom: 80px;
    color: #fff;
    box-sizing: border-box;
    opacity: 0;
    transform: translateY(20px);
}
.acc-item figure{
    float: left;
    margin-right: 45px;
}
.acc-info{
    overflow: hidden;
    font-weight: normal;
}
.acc-item h3{
    font-size: 30px;
    font-weight: bold;
    color: #fff;
    text-transform: none;
    margin-bottom: 20px;
}

article.acc-item:nth-of-type(2){
    animation-delay: 0.2s;
}
article.acc-item:nth-of-type(3){
    animation-delay: 0.4s;
}
article.acc-item:nth-of-type(4){
    animation-delay: 0.6s;
}
article.acc-item:nth-of-type(5){
    animation-delay: 0.8s;
}
article.acc-item:nth-of-type(6){
    animation-delay: 1.0s;
}

/*------------------------------------ footer ----------------------------------*/
footer{
    background: #ffb459;
    position: relative;
    box-sizing: border-box;
    z-index: 5;
}
.footer-flex {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap;
    box-sizing: border-box;
    position: relative;
    z-index: 2;
}
.flex-item {
    -webkit-box-flex: none;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    max-width: 500px;
    box-sizing: border-box;
}
.flex-item:first-child{
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: none;
}
.footer-main{
    padding: 75px 0px;
    position: relative;
    z-index: 5;
}
.footer-bottom{
    padding: 44px 0px;
    background: #f7941d;
    position: relative;
    z-index: 5;
}
.footer-title{
    font-size: 20px;
    text-transform: uppercase;
    color: #ffe98a;
    margin-bottom: 25px;
}

/*--------------- footer logo -----------------*/
.footer-logo{
    text-align: center;
    color: #fff;
    max-width: 740px;
    margin: 0 auto;
    font-size: 23px;
    margin-bottom: 35px;
}
.footer-logo a{
    display: inline-block;
    margin-bottom: 50px;
}

/*--------------- footer menu -----------------*/
.footer-menu ul{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}
.footer-menu ul li{
    display: block;
    margin-bottom: 20px;
}
.footer-menu ul li a{
    display: inline-block;
    color: #fff;
    font-size: 22px;
    border-bottom: 1px solid #fff;
}
.footer-menu ul li a:hover{
    border-bottom: 1px solid transparent;
}

/*--------------- copyrigths -----------------*/
.rights{
    text-align: center;
    font-size: 10px;
    color: rgba(255, 255, 255, 1);
}

/*--------------- socials -----------------*/
.socials{
    color: #fff;
}
.socials a{
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 53px;
    height: 53px;
    background: #fff;
    font-size: 32px;
    border-radius: 50%;
    margin-right: 23px;
    color: #f8b25c;
    box-sizing: border-box;
}
.socials a:last-of-type{
    margin-right: 0px !important;
}
.socials a:hover{
    background: rgba(255, 255, 255, .8);
}
.socials .text{
    margin-top: 20px;
}

/*--------------- footer form -----------------*/
.footer-form .footer-title{
    text-align: right;
}
.footer-form .float-flex{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
  justify-content: space-between;
}
.footer-form .input{
    border-bottom: 1px solid #fff;
    width: calc(100% - 85px);
    margin-bottom: 0px;
    color: #fff;
  background: none;
  border-radius: 0px;
  height: 46px;
  padding: 0px;
}
.footer-form .label{
    color: #fff;
    font-size: 19px;
    font-weight: 500;
    width: 75px;
    margin-bottom: 3px;
}
.footer-form textarea.input{
    height: 70px;
    background: #fff;
    border: none;
    margin-top: 30px;
    color: #000;
    font-size: 17px;
    padding: 25px 25px;
    width: calc(100% - 70px);
    z-index: 1;
}
.send-btn{
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: #fed649;
    color: #fff;
    width: 70px;
    height: 70px;
    margin-top: 30px;
    box-sizing: border-box;
}
.send-btn img{
    position: relative;
    top: -2px;
}
.send-btn:hover{
    background: #f7941d;
}

/*--------------------------------------------------- Login page ------------------------------------------------*/
.login-content{
    min-height: calc(100vh - 230px);
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: 50px 0px;
    box-sizing: border-box;
    background: rgba(251,169,128,1);
    background: -moz-linear-gradient(top, rgba(251,169,128,1) 0%, rgba(247,203,107,1) 55%, rgba(229,217,180,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(251,169,128,1)), color-stop(55%, rgba(247,203,107,1)), color-stop(100%, rgba(229,217,180,1)));
    background: -webkit-linear-gradient(top, rgba(251,169,128,1) 0%, rgba(247,203,107,1) 55%, rgba(229,217,180,1) 100%);
    background: -o-linear-gradient(top, rgba(251,169,128,1) 0%, rgba(247,203,107,1) 55%, rgba(229,217,180,1) 100%);
    background: -ms-linear-gradient(top, rgba(251,169,128,1) 0%, rgba(247,203,107,1) 55%, rgba(229,217,180,1) 100%);
    background: linear-gradient(to bottom, rgba(251,169,128,1) 0%, rgba(247,203,107,1) 55%, rgba(229,217,180,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fba980', endColorstr='#e5d9b4', GradientType=0 );
}
.login-form{
    background: #fff;
    border-radius: 35px;
    padding: 50px;
    width: 100%;
    max-width: 410px;
  overflow: hidden;
    box-sizing: border-box;
}
.login-form h1{
    color: #000;
    font-size: 36px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 40px;
}
.login-form .btn{
    display: block;
    width: 100%;
    font-size: 14px;
    font-weight: 600;
    padding: 11px 20px;
    margin-top: 40px;
}
.link{
    text-align: right;
    margin-top: -15px;
}
.link a{
    font-size: 12px;
    color: #929191;
}
.link a:hover{
    color: #ed1c24;
}
.connect-with .btn{
    margin-top: 20px;
    text-transform: none;
}
.connect-with-text{
    font-size: 12px;
    color: #929191;
    text-align: center;
    padding-top: 30px;
    padding-bottom: 10px;
}
.input-with-icon{
    position: relative;
}
.input-with-icon i{
    position: absolute;
    font-size: 16px;
    color: #929191;
    top: 17px;
    left: 20px;
}
.input-with-icon .input{
    padding-left: 45px;
}

.login-option{
  position: relative;
  margin-top: 25px;
  background: #f6f6f6;
  text-align: center;
  padding: 25px 0px 0px;
  box-sizing: border-box;
}
.login-option:before{
  content: '';
  position: absolute;
  top: 0px;
  left: -50px;
  right: -50px;
  bottom: -50px;
  background: #f6f6f6;
  z-index: 0;
}
.other-link-login{
  font-size: 12px;
  color: #929191;
  position: relative;
  z-index: 1;
}
.other-link-login a{
  font-size: 14px;
  display: inline-block;
  margin-left: 5px;
  font-weight: 600;
}
.other-link-login a:hover{
  text-decoration: underline;
}

.login-form.registration-big{
  max-width: 800px;
}

/*-------------------------------------------------- page inside -----------------------------------------------*/
.header-normal{
    height: auto;
}
.b-inner{
    background: #f9f4ef;
}
.content{
    position: relative;
    overflow: hidden;
    padding: 70px 0px;
}
.content.smcategories{
    position: relative;
    overflow: hidden;
    padding: 0px 0px 70px 0;
}
.content.smcategories h1 {
font-size: 30px;
text-align: left;
color: #f7941d;
  margin-bottom: 30px;
}
.smcategories .breadcrumb {
    max-width: 1220px;
    padding: 0;
    margin: 0 auto 60px;
    font-size: 18px;
}
/*--------------------------------------------------- Recipes page ------------------------------------------------*/
.recipes-wrap{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -55px;
}
.blog-item.recipe-one .blog-title{
    font-size: 22px;
    font-weight: bold;
    text-transform: uppercase;
    color: #ffb459;
    margin-bottom: 23px;
}
.blog-item.recipe-one .blog-title a{
    color: #ffb459;
}
.videos-section.inside{

    background: #f9f4ef;
    padding: 0px;
}
.videos-section .btn-place .btn{
    margin-top: 100px;
}
/*------------------ filter --------------------*/
.filter{
    position: absolute;
    top: 6px;
    right: 0px;
    z-index: 10;
}
.filter-btn{
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 16px;
    color: rgba(59, 59, 59, .5);
    border: 2px solid #b2b2b2;
    border-radius: 25px;
    padding: 10px 25px;
    background: #fff;
    cursor: pointer;
    box-sizing: border-box;
}
.filter-btn img{
    margin-left: 20px;
}
.filter-options{
    display: none;
    position: absolute;
    top: calc(100% + 10px);
    right: 0px;
    width: 260px;
    background: #fff;
    text-align: left;
    -webkit-box-shadow: 0px 2px 20px 0px rgba(62, 65, 159, 0.15);
    -moz-box-shadow: 0px 2px 20px 0px rgba(62, 65, 159, 0.15);
    box-shadow: 0px 2px 20px 0px rgba(62, 65, 159, 0.15);
    border-radius: 10px;
    z-index: 2;
}
.filter-options > div{
    display: block;
    cursor: pointer;
    padding: 14px 24px 14px;
    font-size: 17px;
    color: #000;
    border-bottom: 1px solid rgba(165, 158, 158, 0.2);
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    -ms-transition: all .4s ease;
    transition: all .4s ease;
}
.filter-options > div:last-child{
    border-bottom: none;
}
.filter-options > div:hover{
    color: #f7941d;
}

/*pagination-----------------------------------------------------------------*/
.pagination{
    padding-bottom: 40px;
}
.pagination ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}
.pagination li {
    display: inline-block;
}
.pagination li:first-child{
    margin-right: 50px;
}
.pagination li:last-child{
    margin-left: 50px;
}
.pagination a,
.pagination a:visited {
    display: inline-block;
    color: #595959;
    font-size: 20px;
    width: 50px;
    height: 50px;
    line-height: 46px;
    text-align: center;
    font-weight: 600;
    border: 2px solid transparent;
    border-radius: 50%;
    text-decoration: none;
    box-sizing: border-box;
}
.pagination a:hover,
.pagination a:visited:hover {
    border: 2px solid #ffb459;
}
.pagination a.currentpage {
    cursor: default;
    border: 2px solid #ffb459;
}
.pagination a.prevnext{
    color: #fff;
    font-size: 28px;
    background: #ffb459;
}
.pagination a.disablelink{
    opacity: 0.6;
    cursor: default;
}

/*--------------------------------------------------- Recipes details page ------------------------------------------------*/
.more-recipes{
    overflow: hidden;
    padding-top: 70px;
}
.content.in-details{
    background: #f9f4ef;
    padding-bottom: 0px;
}
.content.in-details .wrapper{
    max-width: 820px;
    margin-bottom: 80px;
}
.content.in-details .date{
    color: #000;
    margin-bottom: 80px;
}
.heading{
    font-size: 40px;
    text-transform: uppercase;
    text-align: center;
    color: #000;
    font-weight: bold;
    margin-bottom: 90px;
}
.simple-image{
    float: left;
    margin-right: 45px;
    margin-bottom: 25px;
    max-width: 58%;
}
.image-gallery{
    position: relative;
    margin-bottom: 60px;
}
.image-gallery:before{
    content: '';
    position: absolute;
    top: -85px;
    left: calc(100% + 75px);
    background: url('../images/splash_elem.png') no-repeat;
    background-size: cover;
    width: 94px;
    height: 132px;
}
.image-gallery-print{
  display: none;
}
.image-gallery-print img{
  max-width: none;
  width: 100%;
}
.slider-for {
    overflow: hidden;
    box-sizing: border-box;
}
.slider-for .slick-prev, .slider-for .slick-next{
    width: 40px;
    height: 40px;
    margin-top: -20px;
    background: rgba(249, 244, 239, .7);
    border-radius: 50%;
}
.slider-for .slick-prev{
    left: 25px !important;
}
.slider-for .slick-next{
    right: 25px !important;
}
.slider-for .slick-prev:before, .slider-for .slick-next:before{
    color: #5d5d5c;
    font-size: 27px !important;
    line-height: 40px;
}
.slider-for .slick-dots{
    position: absolute;
    left: 0px;
    bottom: 15px;
}
.slider-for .slick-dots li{
    margin: 0 4px;
}
.slider-for .slick-dots li button{
    width: 7px;
    height: 7px;
    border: 0px !important;
    background: #c8c5c5;
}
.slider-for .slick-dots li.slick-active button{
    background: #fff;
}
.slider-img{
    position: relative;
}
.slider-img:after{
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background: rgba(0,0,0,0);
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0.4)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
    z-index: 1;
}
.slider-img img{
    max-width: none;
    width: 100%;
}
.in-details .cooking-info{
    margin-bottom: 35px;
    justify-content: flex-start;
}
.in-details .time,
.in-details .portions{
    margin-right: 20px;
}
.in-details .bottom{
    border-top: 0px;
    margin-top: 20px;
}

.find-us{
	text-align: center;
	margin-top: 50px;
}
.find-us h6{
	color: #000;
}
.find-us .btn{
	margin-top: 20px;
}

/*--------------------------------------------------- Calendar section ------------------------------------------------*/
.calendar-section{
    padding: 70px 0px;
    overflow: hidden;
}
.calendar-heading{
	margin-bottom: 40px;
	font-size: 34px;
	border-top: 1px solid #e5e5e5;
	padding-top: 60px;
}
h4.calendar-heading:first-of-type{
	border-top: none;
	padding-top: 0px;
}
.text-big{
    color: #000;
    font-size: 25px;
    text-align: center;
    max-width: 940px;
    margin: 0 auto 80px;
}
.calendar-wrap{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -25px;
    position: relative;
}
/*
.calendar-wrap:before{
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    height: 85px;
    background: #fff;
    z-index: 1;
}
.calendar-wrap .calendar-item{
    border-bottom: 1px solid #8d8b8b;
    padding-bottom: 80px;
}*/
.calendar-item{
    width: 20%;
    padding: 0 25px;
    margin-bottom: 80px;
    box-sizing: border-box;
}
.calendar-item figure{
    position: relative;
    overflow: hidden;
    background: #f6eae0;
}
.calendar-item figure img{
    max-width: none;
    width: 100%;
}
.calendar-date{
    position: absolute;
    top: 0px;
    right: 0px;
    width: 93px;
    height: 82px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    background: #f7941d;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: 26px;
    border-bottom-left-radius: 35px;
    padding-top: 5px;
    box-sizing: border-box;
    z-index: 5;
}
.calendar-date strong{
    display: block;
    font-size: 38px;
}
.calendar-info{
    padding: 25px 25px 40px;
    background: #f9f4ef;
    text-align: center;
    border-bottom-left-radius: 35px;
    border-bottom-right-radius: 35px;
    box-sizing: border-box;
}
.calendar-title{
    font-size: 20px;
    color: #000;
    font-weight: bold;
    text-transform: uppercase;
}
.calendar-title a{
  color: #000;
}
.calendar-options{
    margin-top: 35px;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    color: #716f6f;
    font-size: 22px;
}
.calendar-options .btn{
    min-width: 180px;
    font-size: 14px;
    padding: 12px 20px;
    margin: 0px;
}
.coming-soon{
    color: #000;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: 600;
}

.coming-soon-red{
    color:#ed1c24;
	margin-bottom: 15px;
}

.slick-slider .calendar-item{
    width: auto;
    border-bottom: none;
    padding-bottom: 0px;
}
.calendar-slider .slick-prev, .calendar-slider .slick-next{
    top: 40%;
}


/*----------------------------------------------- profile company photos page ---------------------------------------------*/
.upload-images{
  background: #f9f4ef;
    padding: 50px;
    border-radius: 50px;
    max-width: 600px;
    margin: 0 auto;
}
.upload-images .title{
  margin-bottom: 35px;
}
.upload-images h4{
  color: #000;
}
.upload-images img{
    max-width: none;
    width: 100%;
}
.upload-image-wrap{
    margin: 0px -15px;
    padding: 0px;
    list-style-type: none;
  display: flex;
  flex-wrap: wrap;
}
.upload-image-wrap li {
    width: 100%;
    padding: 15px;
    box-sizing: border-box;
}
.upload-image-wrap li figure{
    position: relative;
    border: 3px solid #ffb459;
    padding: 2px;
    text-align: center;
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -ms-transition:all .3s ease;
    transition:all .3s ease;
}
.upload-image-wrap li figure:hover,
.upload-image-wrap li figure:focus{
    -webkit-box-shadow: 0px 0px 0px 4px #ffb459;
    -moz-box-shadow: 0px 0px 0px 4px #ffb459;
    box-shadow: 0px 0px 0px 4px #ffb459;
}
.upload-image-wrap li figure img{
    max-width: none;
    width: 100%;
}
.add-something,
.delete-something{
    display: block;
    position: absolute;
    top: -15px;
    right: -15px;
    z-index: 4;
    cursor: pointer;
    font-size: 16px;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #000;
    color: #fff;
    text-align: center;
    line-height: 30px;
    box-sizing: border-box;
    opacity: 0;
    visibility: hidden;
    transform: scale(0);
    -webkit-transform: scale(0);
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -ms-transition:all .3s ease;
    transition:all .3s ease;
}

.add-something{
    background: #00b9f2;
    color: #fff;
}

.upload-image-wrap li figure:hover .add-something,
.upload-image-wrap li figure:focus .add-something,
.upload-image-wrap li figure:hover .delete-something,
.upload-image-wrap li figure:focus .delete-something{
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    -webkit-transform: scale(1);
}
.upload-image-wrap.att li{
    width: 16.666%;
}
.upload-image-wrap.att li figure{
    font-size: 13px;
    padding: 10px;
}
.upload-image-wrap figure > span{
    display: block;
    margin-bottom: 10px;
}
.upload-image-wrap figure > span i{
    font-size: 54px;
}

/*--------------------------------------------------- Profile page ------------------------------------------------*/
.p-image-bgr img{
    max-width: none;
    width: 100%;
}
.profile-wrap{
    position: relative;
    margin-bottom: 50px;
    margin-top: -200px;
    z-index: 100;
}
.profile-wrap .wrapper{
    display: flex;
    flex-wrap: wrap;
}
.profile-image{
    position: relative;
    width: 310px;
    height: 310px;
    overflow: hidden;
    border-radius: 50%;
    margin-right: 30px;
    box-sizing: border-box;
}
.profile-image:after{
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background: url('../images/user_border.png') no-repeat;
    background-size: cover;
    z-index: 1;
}
.profile-image img{
    max-width: none;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.profile-info{
    position: relative;
    width: calc(100% - 340px);
    padding-bottom: 40px;
    margin-top: 140px;
    box-sizing: border-box;
}
.profile-info h1{
    margin-bottom: 15px;
    max-width: calc(44% - 40px);
    box-sizing: border-box;
}
.points{
    font-size: 26px;
    color: #716f6f;
    font-weight: 600;
    max-width: calc(44% - 40px);
    box-sizing: border-box;
}
.points strong{
    color: #000;
}
.nadpis{
    position: absolute;
    bottom: 0px;
    right: 40px;
    width: 56%;
    max-width: 760px;
    z-index: -1;
    box-sizing: border-box;
}


/*--------------------------------------------------- Favourite recipes section ------------------------------------------------*/
.favourite-recipes{
    background: #f9f4ef;
    position: relative;
    z-index: 2;
}
.favourite-recipes .wrapper{
    overflow: hidden;
}
.favourite-recipes .wave{
    position: absolute;
    bottom: 100%;
    left: 0px;
    right: 0px;
    z-index: 2;
}

/*--------------------------------------------------- Game page ------------------------------------------------*/
.game{
    position: relative;
    z-index: 100;
    color: #fff;
}
.game:before{
    content: '';
    position: absolute;
    top: 355px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background: rgba(25,128,197,1);
    background: -moz-linear-gradient(top, rgba(25,128,197,1) 0%, rgba(25,128,197,1) 21%, rgba(59,180,240,1) 78%, rgba(59,180,240,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(25,128,197,1)), color-stop(21%, rgba(25,128,197,1)), color-stop(78%, rgba(59,180,240,1)), color-stop(100%, rgba(59,180,240,1)));
    background: -webkit-linear-gradient(top, rgba(25,128,197,1) 0%, rgba(25,128,197,1) 21%, rgba(59,180,240,1) 78%, rgba(59,180,240,1) 100%);
    background: -o-linear-gradient(top, rgba(25,128,197,1) 0%, rgba(25,128,197,1) 21%, rgba(59,180,240,1) 78%, rgba(59,180,240,1) 100%);
    background: -ms-linear-gradient(top, rgba(25,128,197,1) 0%, rgba(25,128,197,1) 21%, rgba(59,180,240,1) 78%, rgba(59,180,240,1) 100%);
    background: linear-gradient(to bottom, rgba(25,128,197,1) 0%, rgba(25,128,197,1) 21%, rgba(59,180,240,1) 78%, rgba(59,180,240,1) 100%);
    z-index: -1;
}
.game .wrapper{
    max-width: 1400px;
    overflow: hidden;
}
.game h1, .game h2{
    color: #fff;
}
.b-wrap-game .ban-text{
    bottom: 26%;
}
.b-wrap-game .arrow-down{
    margin-top: 25px;
}
.awards{
    text-align: center;
    margin-top: -355px;
    position: relative;
    z-index: 10;
}
.game-rules{
    margin: 0 -60px;
    display: flex;
    flex-wrap: wrap;
}
.rule-one{
    width: 33.333%;
    padding: 0 60px;
    margin-bottom: 120px;
    text-align: center;
    box-sizing: border-box;
}
.rule-one figure{
    margin-bottom: 35px;
}
.rule-info{
    color: #fff;
    font-size: 24px;
    font-weight: bold;
}

/*----------------------------- section what's important -------------------------*/
.whats-important{
    padding: 35px 0px 70px;
    overflow: hidden;
}
.important-info-wrap{
    margin: 0 -40px;
    display: flex;
    flex-wrap: wrap;
}
.one-item{
    width: 25%;
    padding: 0 40px;
    margin-bottom: 50px;
    text-align: center;
    box-sizing: border-box;
}
.one-item figure{
    width: 179px;
    height: 179px;
    border-radius: 50%;
    margin: 0 auto 35px;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
}
.one-item-info h3{
    color: #000;
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 6px;
}
.one-item-info .text{
    color: #000;
    font-size: 24px;
    line-height: normal;
}

/*------------------------ breadcrumb ----------------------------*/
.breadcrumb{
    max-width: 1220px;
    padding: 0 20px;
    margin: 0 auto 80px;
    font-size: 18px;
    font-weight: 500;
    color: #000;
}
.breadcrumb span{
    display: inline-block;
}
.breadcrumb a{
    position: relative;
    color: #000;
    display: inline-block !important;
    width: auto !important;
}
.breadcrumb a:hover{
    color: #f7941d;
}
.breadcrumb *+*:before {
    content: ">";
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: 15px;
    line-height: 13px;
    margin: 0px 6px;
}

/*-------------------------------------------- Products page -----------------------------------------------------*/
.one-product{
    margin-bottom: 90px;
    flex-wrap: wrap;
    display: flex;
    align-items: center;
}
.one-product-image{
    width: 580px;
    padding-right: 90px;
    position: relative;
    box-sizing: border-box;
}
.one-product-image>div{
    
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(97,80,65,1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(97,80,65,1);
    box-shadow: 0px 0px 5px 0px rgba(97,80,65,1);
    border-radius: 35px;
    overflow: hidden;
}
.one-product-image a{
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    overflow: hidden;
    position: relative;
    background: #fff;
    border-radius: 35px;
    padding: 15px;
    width: 100%;
    height: 490px;
    box-sizing: border-box;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(240,204,170,1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(240,204,170,1);
    box-shadow: 0px 0px 5px 0px rgba(240,204,170,1);
}
.one-product-image img{
    max-height: 100%;
    webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all 350ms;
    -moz-transition: all 350ms;
    -o-transition: all 350ms;
    transition: all 350ms;
    -webkit-transform: scale3d(1.01,1.01,1);
    transform: scale3d(1.01,1.01,1);
}
.one-product-image:hover img {
    -webkit-transform: scale3d(1.06,1.06,1);
    transform: scale3d(1.06,1.06,1);
}
.one-product-info{
    width: calc(100% - 580px);
    flex: auto;
    position: relative;
    box-sizing: border-box;
}
.one-product-title{
    display: block;
    color: #f7941d;
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 25px;
}
.one-product .btn{
    /*min-width: 240px;*/
	min-width: inherit;
	padding-left: 20px;
	padding-right: 20px;
}
.one-product-info .btn-place{
	justify-content: flex-start;
}
.one-product-info .btn-place .btn{
	margin-right: 10px;
}

/*------------------------ further menu ----------------------------*/
.further-menu{
    max-width: 1090px;
    padding: 0 20px;
    margin: 0 auto;
    box-sizing: border-box;
}
.further-menu ul{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -28px;
}
.further-menu ul li{
    display: block;
    width: 25%;
    padding: 0 28px;
    margin-bottom: 50px;
    box-sizing: border-box;
}
.further-menu ul li a{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    height: 100%;
    min-height: 74px;
    color: #ffb459;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 600;
    border: 2px solid #ffb459;
    padding: 13px 20px;
    border-radius: 35px;
    text-align: center;
    box-sizing: border-box;
}
.further-menu ul li a:hover, .further-menu ul li.current a{
    background: #ffb459;
    color: #fff;
}

/*---------------------------------------------- Products details page --------------------------------------------*/
.content.in-details .one-product{
    align-items: flex-start;
}
.content.in-details .one-product-image{
    width: 40%;
    padding-right: 45px;
}
.content.in-details .one-product-image a{
    height: auto;
    background: transparent;
}
.content.in-details .one-product-image img, .content.in-details .one-product-image:hover img{
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
}
.content.in-details h1.one-product-title{
    font-size: 34px;
}
.content.in-details .one-product-info{
    width: 60%;
}

/*--------------------------------------- more description ----------------------------------*/
.more-description{
    position: relative;
}
.more-description::before{
    content: '';
    border-top: 2px solid #ffb459;
    position: absolute;
    top: 60px;
    left: -500px;
    right: -500px;
    height: 100%;
    z-index: -1;
}
.neto{
    font-weight: bold;
}
.barcode{
    height: 60px;
    width: auto;
}
.kashon{
    float: left;
    margin-right: 8%;
    margin-top: 35px;
}
.kashon img{
    margin-left: 10px;
}

/* ---- tab menu -----*/
.tabs-container{
    width: 100%;
}
.tabs-menu{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    position: relative;
}
.tabs-menu li{
    display: inline-block;
    color: #000;
    -webkit-transition: all 400ms;
    -moz-transition: all 400ms;
    -o-transition: all 400ms;
    transition: all 400ms;
}
.tabs-menu li a{
    color: #000;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    padding: 5px 35px 0px;
    height: 62px;
    text-transform: uppercase;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    border: 2px solid transparent;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    box-sizing: border-box;
}
.tabs-menu li:hover a{
    color: #f7931e;
}
.tabs-menu li.current-tab a{
    border: 2px solid #ffb459;
    border-bottom: 2px solid #fff;
    color: #ffb459;
}
.tabs-menu .current-tab a {
    cursor: default;
}
.tab {
    width: 100%;
    background: #fff;
    overflow: hidden;
    margin-top: 50px;
}
.tab-content {
    display: none;
}
#tab-1 {
    display: block;
}
/*---- end tab menu -----*/
.tab-content .video{
    margin: 0;
}

/*--------------- simple list in whole site -----------------*/
.text ul{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}
.text ul li{
    position: relative;
}
.text ul li:before{
    content: '\f111';
    font-family: 'Font Awesome 6 Pro';
    font-size: 6px;
    position: relative;
    font-weight: bold;
    color: #000;
    top: -4px;
    margin-right: 8px;
}

/*------------------------ Tables for whole site ------------------------*/
table {
    width: 100%;
    border-collapse: collapse;
    border: none;
    margin-bottom: 30px;
    overflow-x: auto;
    box-sizing: border-box;
}
table th{
    display: table-cell;
    padding: 10px 15px;
    background: #ffb459;
    font-size: 16px;
    color: #fff;
    border: none;
    overflow: hidden;
    text-align: left;
}
table td{
    background: #fff;
    display: table-cell;
    padding: 10px 15px;
    border: none;
    border-bottom: 1px solid #f3f2f0;
    font-size: 15px;
}
table tr:nth-of-type(odd) td{
    background: #f7f7f7;
}

/*------------- Simple gallery in details ------------ */
.simple-gallery{
    margin: 20px -15px 0;
    padding: 0px;
    list-style-type: none;
}
.simple-gallery li{
    display: inline-table;
    vertical-align: top;
    width: 33.3333%;
    padding: 15px;
    margin-right: -4px;
    box-sizing: border-box;
}
.simple-gallery li a{
    display: block;
    border-radius: 45px;
    overflow: hidden;
}
.simple-gallery li img{
    max-width: none;
    width: 100%;
}
.simple-gallery li a:hover{
    opacity: 0.75;
}

/*table----------------------------------------------------------------------*/
.nl_osn {
    width: 100%;
    margin: 20px 0;
    overflow: hidden;
    font-weight: normal;
    box-sizing: border-box;
}
.nl_osn a {
    text-decoration: none;
}
.tr {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 8px 5px;
    font-weight: 500;
    border-bottom: 1px solid #ccc;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
    cursor: default;
    box-sizing: border-box;
}
.download1 {
    width: 72%;
    color: #222;
    webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
}
.tr-right{
    width: 28%;
    padding-left: 30px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
}
a.pdf,
a.pdf:visited {
    display: block;
    font-size:12px;
    font-weight: 600;
    margin-bottom: 5px;
    margin-left: 5px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    padding: 7px 12px;
    display: table-cell;
    top: 3px;
    position: relative;
    color: #fff;
    background: #ffb459;
    border-radius: 20px;
}
a.pdf:hover{
    color: #fff;
    background: #1a1a1a;
}

/*--------------- video -----------------*/
.video{
    width: 100%;
    margin: 40px auto 0px;
}
.video.video-short{
    text-align: center;
}
.video.video-short iframe{
    border: 0;
}
.videowrapper {
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 51%;
    height: 0;
    border: 1px solid #ccc;
    margin-top: 20px;
}
.videowrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

/*--------------- tags -----------------*/
.tagsContainer{
    margin-top: 30px;
    position: relative;
}
.tagsContainer::before{
    content: '\f02c';
    font-family: 'Font Awesome 6 Pro';
    font-size: 16px;
    color: #000;
    position: relative;
    left: 0px;
    top: 0px;
    margin-right: 10px;
}
.tagsContainer .tag-filter {
    display: inline-block;
    padding: 9px 12px;
    border: 1px solid #f3f3f3;
    background: #fff;
    color: #222;
    margin: 0px 5px 9px 0px;
    font-size: 13px;
    border-radius: 10px;
}
.tagsContainer .tag-filter:hover {
    background: #222;
    border: 1px solid #222;
    color: #fff;
}

/*--------------- share -----------------*/
.share-btns{
    margin-top: 80px;
}
.share-btns #st-1 .st-btn{
	display: inline-block !important;
	margin-bottom: 5px;
}

/*------------------------- table data sheet -------------------------*/
.table-data-sheet{
    position: relative;
    line-height: 44px;
}
.table-data-sheet > div{
    padding: 0 10px;
}
.table-data-sheet > div:nth-of-type(even){
    background: #f7f7f7;
}
.table-data-sheet strong{
    display: inline-block;
    width: 250px;
    color: #000;
    font-weight: 600;
}

.attribute-list{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}
.attribute-list li{
    display: block;
    padding: 12px 10px;
}
.attribute-list li:nth-child(even){
    background: #f7f7f7;
}
.attribute-list li:before{
    display: none !important;
}
.attribute-list li strong {
    display: inline-block;
    width: 250px;
    color: #000;
    font-weight: 600;
    vertical-align: top;
}
.attribute-list li span{
    display: inline-block;
    width: calc(100% - 255px);
    vertical-align: top;
}

/*---------------------------------------------- Contacts ------------------------------------*/
.contacts-wrap{
    display: flex;
    flex-wrap: wrap;
    margin: 0px -30px;
    position: relative;
    padding-bottom: 70px;
    box-sizing: border-box;
}
.contacts-wrap:before{
    content: '';
    position: absolute;
    top: -70px;
    left: -1000px;
    right: -1000px;
    bottom: 0px;
    background: #f9f4ef;
    z-index: -1;
}
.c-one{
    position: relative;
    width: 25%;
    padding: 25px 30px;
    text-align: center;
    font-size: 16px;
    box-sizing: border-box;
}
.c-one:after{
    content: '';
    position: absolute;
    top: 50px;
    right: 0px;
    width: 1px;
    bottom: 50px;
    background: #8d8d8d;
    box-sizing: border-box;
}
.c-one figure{
    margin-bottom: 20px;
    text-align: center;
}
.c-one h6{
    margin-bottom: 18px;
}
.c-one a{
    color: #000;
}
.c-one a:hover{
    color: #f7931e;
}
.map{
    height: 540px;
    overflow: hidden;
    filter: grayscale(100%);
}
.map iframe{
    /*pointer-events: none;*/
    width: 100% !important;
    height: 100% !important;
    border: none !important;
}
.form-flex{
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    box-sizing: border-box;
}
.float-flex {
    -webkit-box-flex: none;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    position: relative;
    box-sizing: border-box;
}
.col-2 .float-flex{
    -webkit-flex: 0 0 48.5%;
    -ms-flex: 0 0 48.5%;
    flex: 0 0 48.5%;
}
.col-3 .float-flex{
    -webkit-flex: 0 0 32%;
    -ms-flex: 0 0 32%;
    flex: 0 0 32%;
}
.col-4 .float-flex{
    -webkit-flex: 0 0 23.5%;
    -ms-flex: 0 0 23.5%;
    flex: 0 0 23.5%;
}
.address{
    float: left;
    width: 45%;
    margin-bottom: 40px;
    box-sizing: border-box;
}
.address strong{
    display: inline-block;
    margin-bottom: 10px;
}
.address .heading, .contact-form .heading{
    text-align: left;
    color: #464646;
}
.contact-form {
    max-width: 1020px;
    padding: 70px 0px;
    margin: 0 auto;
    box-sizing: border-box;
}
.input{
    border: 0px;
    background: #f9f4ef;
    border-radius: 30px;
    margin-bottom: 15px;
    width: 100%;
    height: 52px;
    padding: 0 20px;
    color: #000;
    font-family: 'Montserrat', 'Open Sans', Arial, Helvetica, sans-serif;
    font-size: 16px;
    outline: none;
    box-sizing: border-box;
}
textarea.input{
    height: 127px;
    padding-top: 13px;
    resize: none;
}
.styled-select {
    width: 100%;
    position: relative;
    border-radius: 35px;
    background: #f9f4ef;
    margin-bottom: 15px;
    overflow: hidden;
    box-sizing: border-box;
}
.styled-select select {
    background: transparent;
    width: calc(100% + 30px);
    padding: 0px 20px;
    height: 52px;
    border: 0;
    border-radius: 0;
    -webkit-appearance: none;
    color: #000;
    font-size: 16px;
    font-family: 'Montserrat', 'Open Sans', Arial, Helvetica, sans-serif;
    outline: none;
    position: relative;
    z-index: 1;
}
.styled-select:after{
    content: '\f107';
    font-family: 'Font Awesome 6 Pro';
    color: #797979;
    font-size: 16px;
    position: absolute;
    top: 50%;
    right: 10px;
    font-weight: normal;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 0;
}
.ok, .error {
    display: block;
    font-size: 13px;
    margin: 10px;
}
.error {
    color: #BF1717;
}

.contact-form .btn{
    margin-top: 20px;
}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #929191;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #929191;
    opacity: 1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #929191;
    opacity: 1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #929191;
}
:placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
    color: #929191;
}

.label{
    display: block;
    font-size: 16px;
    font-weight: 600;
    color: #000;
    margin-bottom: 7px;
}

.captcha{
    padding-top: 15px;
}
.captcha input {
    width: 190px;
}
.captcha img {
    border: 2px solid transparent;
}
.captcha img:hover{
    border: 2px solid #999;
    opacity: 0.9;
}

/*----------------------- Checkbox and Radio style ----------------------*/
.checkbox-custom, .radio-custom {
    position: relative;
    display: block;
    margin-bottom: 22px;
}
.checkbox-custom label,.radio-custom label{
    position:relative;
    display:inline-block;
    vertical-align:middle;
    margin:0;
    padding:0;
    cursor:pointer;
    padding-left: 35px;
    font-size: 16px;
}
.checkbox-custom input[type=checkbox]{
    opacity:0;
    position:absolute;
    margin: 0px;
}
.checkbox-custom input[type=checkbox]+label:before{
    content:'';
    background: #f9f4ef;
    border: 1px solid #ccc;
    border-radius: 5px;
    display:inline-block;
    vertical-align:top;
    width: 24px;
    height: 24px;
    text-align:center;
    font-size: 18px;
    color: #ffb459;
    line-height: 22px;
    font-family: 'Font Awesome 6 Pro';
    position: absolute;
    left: 0px;
    top: -3px;
    font-weight: bold;
    -webkit-transition:box-shadow .1s ease-in-out;
    -o-transition:box-shadow .1s ease-in-out;
    transition:box-shadow .1s ease-in-out;
    box-sizing: border-box;
}
.checkbox-custom input[type=checkbox]:checked+label:before{
    content: '\f00c';
}
.checkbox-custom input[type=checkbox].disabled+label:before,.checkbox-custom input[type=checkbox]:disabled+label:before,fieldset[disabled] .checkbox-custom input[type=checkbox]+label:before{
    cursor:default;
    opacity:.4;
}

.radio-custom.radio-inline{
    padding-left:0;
}
.radio-custom input[type=radio]{
    opacity:0;
    position:absolute;
    margin: 0px;
}
.radio-custom input[type=radio]+label:before{
    border-radius:50%;
    content:'';
    background:#fff;
    border: 1px solid #ccc;
    display:inline-block;
    vertical-align:top;
    position: absolute;
    top: 1px;
    left: 0px;
    width: 20px;
    height: 20px;
    padding:2px;
    margin-right:10px;
    text-align:center;
    box-shadow:inset 0 0 0 8px #fff;
    -webkit-transition:box-shadow .1s ease-in-out;
    -o-transition:box-shadow .1s ease-in-out;
    transition:box-shadow .1s ease-in-out;
    box-sizing: border-box;
}
.radio-custom input[type=radio]:checked+label:before{
    background: #2db5b5;
    box-shadow:inset 0 0 0 4px #fff;
}
/*
.radio-custom input[type=radio]:focus+label:before{
  box-shadow:inset 0 0 0 3px #fff;
}*/
.radio-custom input[type=radio].disabled+label:before,.radio-custom input[type=radio]:disabled+label:before,fieldset[disabled] .radio-custom input[type=radio]+label:before{
    cursor:default;
    opacity:.4;
}

/*-------------------- file upload --------------------*/
.form-t{
    margin-bottom: 15px;
    width: 100%;
    box-sizing: border-box;
    font-size: 18px;
}
.field1-primary{
    float: left;
    width: calc(100% - 130px) !important;
}
.form-t .fileUpload{
  width: 120px;
  min-width: inherit;

  margin: 0px 0px 22px 10px;
}
.fileUpload {
    float: left;
    width: 290px;
    position: relative;
    overflow: hidden;
    margin: 40px 0px 0px 0px;
    padding: 15px 26px;
    background: transparent;
    border: 2px solid #f99f46;
    color: #f99f46;
    text-align: center;
  border-radius: 40px;
    font-size: 20px;
    font-weight: 500;
    cursor: pointer;
    box-sizing: border-box;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    -ms-transition: all .4s ease;
    transition: all .4s ease;
}
.fileUpload:hover{
    background: #f99f46;
    color: #fff;
}
.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    height:60px;
}

/*-------------------------------- alerts ------------------------------*/
.alert {
    border-radius: 0;
    -webkit-border-radius: 0;
    box-shadow: 0 1px 2px rgba(0,0,0,0.11);
    display: table;
    width: 100%;
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}
.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
.alert-white {
    background-image: linear-gradient(to bottom, #fff, #f9f9f9);
    border-top-color: #d8d8d8;
    border-bottom-color: #bdbdbd;
    border-left-color: #cacaca;
    border-right-color: #cacaca;
    color: #404040;
    padding-left: 61px;
    position: relative;
}
.alert-white.rounded {
    border-radius: 3px;
    -webkit-border-radius: 3px;
}
.alert-white .icon {
    text-align: center;
    width: 45px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #bdbdbd;
}
.alert-white.rounded .icon {
    border-radius: 3px 0 0 3px;
    -webkit-border-radius: 3px 0 0 3px;
}
.alert-white.alert-success .icon, .alert-white.alert-success .icon::after {
    border-color: #54a754;
    background: #60c060;
}
.alert-white .icon i {
    font-size: 20px;
    color: #fff;
    left: 12px;
    margin-top: -10px;
    position: absolute;
    top: 50%;
}
/*-------------------- validate error --------------------*/
.error-messages{
    position: absolute;
    top: calc(100% - 10px);
    left: 0px;
    max-width: 100%;
    z-index: 10;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #808080;
    padding: 8px 10px;
    box-sizing: border-box;
    -webkit-box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.3);
}
.error-messages:before, .error-messages:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #808080;
    position: absolute;
    top: -8px;
    left: 10px;
    z-index: 1;
}
.error-messages:after{
    border-bottom: 8px solid #fff;
    top: -7px;
    z-index: 2;
}
.validate-error {
    display: flex;
    align-items: center;
    margin-bottom: 7px;
    font-size: 13px;
    color: #333;
    font-weight: 500;
}
.validate-error:last-child{
    margin-bottom: 0px;
}
.validate-error i{
    color: #D8000C;
    font-size: 24px;
    margin-right: 8px;
}

.input-place.jq-validate-error,
.checkbox-custom.jq-validate-error input[type="checkbox"] + label::before
{
    border:1px solid red;
}

.checkbox-custom .error-messages, .radio-custom .error-messages{
    top: 30px;
}

.display-none {
    display:none;
}

/*--------------------- loading spinner ---------------------*/
.spinner{
    display:none;
    position: fixed;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    background: rgba(255,255,255,0.8);
    z-index: 900000;
}
body.loading .spinner{
    display: block;
}
.mesh-loader {
    overflow: hidden;
    height: 100%;
    width: 100%;
}
.mesh-loader .circle {
    width: 18px;
    height: 18px;
    position: absolute;
    background: rgba(0,0,0,0.8);
    border-radius: 50%;
    margin: -9px;
    -webkit-animation: mesh 3s ease-in-out infinite;
    animation: mesh 3s ease-in-out infinite -1.5s;
}
.mesh-loader > div .circle:last-child {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}
.mesh-loader > div {
    position: absolute;
    top: 50%;
    left: 50%;
}
.mesh-loader > div:last-child {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.input-place.jq-validate-error,
.checkbox-custom.jq-validate-error input[type="checkbox"] + label::before
{
    border:1px solid red;
}

@-webkit-keyframes mesh {
    0% {
        -webkit-transform-origin: 50% -100%;
        transform-origin: 50% -100%;
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    50% {
        -webkit-transform-origin: 50% -100%;
        transform-origin: 50% -100%;
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
    50.00001% {
        -webkit-transform-origin: 50% 200%;
        transform-origin: 50% 200%;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform-origin: 50% 200%;
        transform-origin: 50% 200%;
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes mesh {
    0% {
        -webkit-transform-origin: 50% -100%;
        transform-origin: 50% -100%;
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    50% {
        -webkit-transform-origin: 50% -100%;
        transform-origin: 50% -100%;
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
    50.00001% {
        -webkit-transform-origin: 50% 200%;
        transform-origin: 50% 200%;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform-origin: 50% 200%;
        transform-origin: 50% 200%;
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/*---------------------------- cookies ------------------------------*/
.cookies-wrapper{
    position: fixed;
    bottom: 15px;
    left: 20px;
    right: 20px;
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    box-sizing: border-box;
    z-index: 99900;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
    animation-duration:0.8s;
    -webkit-animation-duration:0.8s;
    -moz-animation-duration:0.8s;
    -o-animation-duration:0.8s;
    -webkit-animation-name:slideUp;
    animation-name:slideUp
}
.cookies-wrapper.top{
    bottom: auto;
    top: 15px;
}
.cookies-wrapper.dark{
    background: #222;
    color: rgba(255,255,255,0.6);
}
.cookies-wrapper.dark a{
    color: #fff;
}
.cookies-wrapper.cookie-hidden{
    display: none !important;
}
.cookie-text{
    float: left;
    width: calc(100% - 300px);
    padding: 10px 0px;
    box-sizing: border-box;
}
.cookies-wrapper .btn{
    float: right;
    display: block;
    margin-top: 0px;
    width: 150px;
    cursor: pointer;
    background: #f1d600;
    border: none;
    color: #000 !important;
}

@-webkit-keyframes slideUp {
    0% {
        -webkit-transform:translateY(66px);
        transform:translateY(66px)
    }
    100% {
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
@keyframes slideUp {
    0% {
        -webkit-transform:translateY(66px);
        -ms-transform:translateY(66px);
        transform:translateY(66px)
    }
    100% {
        -webkit-transform:translateY(0);
        -ms-transform:translateY(0);
        transform:translateY(0)
    }
}

/*------------------------------- news -------------------------------*/
.one-new{
    margin-bottom: 30px;
    padding-bottom: 30px;
    background: #fff;
    border-bottom: 1px solid #EAEAEA;
    width: 100%;
    display: table;
    table-layout:fixed;
}
article.one-new:last-child{
    margin-bottom: 0px;
}
.one-new figure{
    width: 480px;
    padding-right: 35px;
    background: #fff;
    vertical-align: middle;
    display: table-cell;
    position: relative;
}
.one-new figure a{
    display: block;
    overflow: hidden;
}
.one-new figure a img{
    max-width: none;
    width: 100%;
    webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all 400ms;
    -moz-transition: all 400ms;
    -o-transition: all 400ms;
    transition: all 400ms;
}
.one-new figure:hover a img {
    -webkit-transform: scale3d(1.05,1.05,1);
    transform: scale3d(1.05,1.05,1);
}
.one-new-info{
    width: 100%;
    vertical-align:middle;
    display:table-cell;
    position: relative;
}
.one-new-title{
    margin-bottom: 10px;
    font-size: 36px;
    text-transform: none;
    font-weight: normal;
}
.one-new-title a{
    color: #f7941d;
}
.one-new-title a:hover{
    color: #9ca0a2;
}

/*-------- date ----------- */
.date{
    font-size: 12px;
    color: #999999;
    margin-bottom: 10px;
}
.date i{
    color: #000;
    margin-right: 10px;
}

.one-new-info .btn{
    margin-right: 10px;
}

/*-------------------------- news details --------------------------*/
.simple-image{
    float: left;
    margin-right: 40px;
    margin-bottom: 20px;
    max-width: 55%;
    position: relative;
}

/*--------------- simple list in whole site -----------------*/
.text ul{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}
.text ul li{
    position: relative;
}
.text ul li:before{
    content: '\f111';
    font-family: 'Font Awesome 6 Pro';
    font-size: 5px;
    position: relative;
    color: #a7a9ac;
    top: -3px;
    margin-right: 10px;
    font-weight: bold;
}


#content-in-details.before-download .heading{
  font-size: 20px;
}

/*--------------- print -----------------*/
.before-download .header-right,
.before-download .more-recipes,
.before-download .benefits,
.before-download footer,
.before-download nav,
.before-download .wave,
.before-download .image-gallery:before,
.before-download .bottom,
.before-download .share-btns, 
.before-download .video{
  display:none;
}
.before-download .logo{
  position: relative;
  top: auto;
  left: auto;
  -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    -webkit-transform: none;
    transform: none;
  text-align: center;
  margin: 10px 0px;
}
.before-download .logo a{
  display: inline-block;
  width: 150px;
}
.before-download header .wrapper{
  height: auto;
  display: block;
}
.before-download .content {
  padding: 50px 0px;
}

 .before-download .heading {
  font-size: 26px;
   margin-bottom: 40px;
}
.before-download .image-gallery{
  width: 50%;
  float: right;
  margin-left: 30px;
}
.before-download .image-gallery .image-gallery-print{
  display:block;
}
.before-download .image-gallery .slider{
  display:none;
}
body.before-download{font-size: 17px;}
.share-btns h6 {
text-align: center;
margin-bottom: 10px;
}



/*---------------------------------------- Products categories page ------------------------------------- */
.products-categories-wrap{
  margin: 0px -55px;
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
}
.acc-one{
  margin-bottom: 15px;
  width: 33.333%;
  padding: 0 55px;
  box-sizing: border-box;
}
.acc-one figure{
  margin-bottom: 15px;
}
.acc-one figure img{
  max-width: none;
  width: 100%;
}
.acc-one h4{
    font-size: 24px;
    font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 30px;
}
.list-options ul{
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}
.list-options li{
  display: block;
  margin-bottom: 13px;
}
.list-options li:last-child{
    margin-bottom: 0px;
}
.list-options li a{
  display: inline-block;
  color: #000;
  font-size: 22px;
  font-weight: 600;
}
.list-options li a:hover{
  color: #f7931e;
}

/*----------------------------- font Size increase -------------------------------*/
.fontSize{
      position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: -40px;
}
.fontSize:before{
  content: '';
  position: absolute;
  top: calc(50% - 10px);
  right: 44px;
  background: url('../images/arrow_left_right.png') no-repeat;
  background-size: cover;
  width: 30px;
  height: 20px;
  z-index: 0;
}
.fontSize > div{
  margin: 0 4px;
  position: relative;
  z-index: 2;
  font-size: 16px;
}
.fontSize > div a{
  display: block;
  margin: 0px;
}
.hide_en {
display: none;
}
.author {position: absolute; bottom: 0px; right: 0px; z-index: 1}

/*------------------------------------ section service centers ---------------------------------*/
.mapWrap {
  position: relative;
}
.big-map{
    height: 800px;
    overflow: hidden;
    overflow: hidden;
  position: relative;
}
.big-map iframe{
  /*pointer-events: none;*/
  width: 100% !important;
  height: 100% !important;
  border: none !important;
}


.map-filter{
	position: absolute;
	top: 55px;
	right: 7px;
	width:170px;
	z-index: 10;
	background: #f9f4ef;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	overflow: hidden;
}
.map-filter .checkbox-custom{
	border-bottom:1px solid #E8EBEC;
	padding: 10px 10px;
	margin-bottom: 0px;
	position:relative;
  
}
.map-filter .checkbox-custom label{
	color: #333;
  font-size: 12px;
  padding-left: 25px;
}
.map-filter .checkbox-custom img{
	max-width: 30px;
	position:absolute;
	top: 5px;
	right: 10px;
}
.map-filter .checkbox-custom input[type=checkbox]+label:before {
    border-radius: 4px;
    width: 18px;
    height: 18px;
    line-height: 17px;
}
.box-name {
    background: #f99f46;
    color: #000;
    text-align: center;
    padding: 10px;
    text-transform: uppercase;
  font-size: 13px;
}
.a-content-inner h4 {
  font-size: 14px;
}
.address-info ul{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}
.address-info ul li{
    position: relative;
    font-size: 14px;
    color: #8d8d8d;
    margin: 4px 0;
    padding-left: 2px;
}
.address-info ul li a{
    text-decoration: underline;
    color: #f99f46;
}
.address-info ul li a:hover{
    text-decoration: none;
    color: #fff;
}
.gm-ui-hover-effect {
    top: -13px;
    right: -13px;
}
.gm-style-iw-chr {
height: 22px;
}
.auth {
  position: absolute;
  top:58px;
  left: 10px;
  font-size: 12px;
  color: #fff;
  z-index: 0;
}
/*/*media queries----------------------------------------------------------*/
@media only screen and (max-width: 1800px) {
    .b-image img{
        width: 1920px;
        display: block;
        position: relative;
        left: calc(50% - 960px);
    }
    .products-slider{
        margin: 0px;
    }
    .ban-title{
        max-width: 630px;
    }
}

@media only screen and (max-width: 1740px) {
    .product-box figcaption h3{
        font-size: 40px;
    }
    #menu ul li a{
        font-size: 23px;
    }
    .product-box figcaption .text{
        font-size: 20px;
        max-height: 196px;
    }
    .nadpis{
        width: 45%;
        right: 0px;
    }
    .profile-info h1, .points{
        max-width: 55%;
    }
}

@media only screen and (max-width: 1560px) {
    .logo{left: 53%;}
    #menu ul li a{
        font-size: 22px;
    }
    .b-image img{
        width: 1560px;
        left: calc(50% - 780px);
    }
    .ban-animation{width: 1132px; height: 1027px; margin-left: -580px;}
    .ban-animation figure.veg1{width: 36px; top: 796px; left: 232px;}
    .ban-animation figure.veg2{width: 316px; top: 480px;}
    .ban-animation figure.veg3{width: 230px; top: 339px; left: 67px}
    .ban-animation figure.veg4{width: 147px; top: 178px; left: 182px;}
    .ban-animation figure.veg5{width: 105px; top: 99px; left: 296px;}
    .ban-animation figure.veg6{width: 184px; left: 404px;}
    .ban-animation figure.veg7{width: 37px; top: 47px; left: 617px;}
    .ban-animation figure.veg8{width: 49px; top: 87px; left: 587px;}
    .ban-animation figure.veg9{width: 318px; top: 30px; left: 640px;}
    .ban-animation figure.veg10{width: 54px; top: 256px; left: 858px;}
    .ban-animation figure.veg11{width: 180px; top: 252px; left: 897px;}
    .ban-animation figure.veg12{width: 231px; top: 408px; left: 901px;}
    .ban-animation figure.veg13{width: 35px; top: 635px; left: 1007px;}
    .ban-animation figure.veg14{width: 95px; top: 668px; left: 935px;}
    .ban-animation figure.veg15{width: 150px; top: 734px; left: 831px;}
    .ban-animation figure.veg16{width: 42px; top: 878px; left: 831px;}
    .ban-animation figure.veg17{width: 216px; top: 818px; left: 612px;}
    .ban-animation figure.veg18{width: 59px; top: 879px; left: 581px;}
    .ban-animation figure.veg19{width: 105px; top: 905px; left: 505px;}
    .ban-animation figure.veg20{width: 220px; top: 800px; left: 282px;}
    .enter-the-game{width: 300px; height: 300px; left: calc(50% - 335px); font-size: 25px; padding-top: 108px;}
    .ban-title{
        max-width: 530px;
        font-size: 23px;
    }
    .arrow-down img{
        max-width: 50px;
    }
    .product-box{
        padding: 0px;
    }
    .title{
        margin-bottom: 70px;
    }
    .blog-item, .acc-one{
        padding: 0 20px;
    }
    .blog-wrap, .products-categories-wrap{
        margin: 0 -20px;
    }
    .blog-title{
        font-size: 22px;
    }
    .acc-item h3{
        font-size: 28px;
    }
    body{
        font-size: 19px;
    }
    .search-wrap{
        top: 216px;
    }
    .recipes-wrap{
        margin: 0 -20px;
    }
    .calendar-item{
        width: 25%;
    }
    .awards img{
        max-width: 800px;
    }
}

@media only screen and (max-width: 1440px) {
    body{
        font-size: 18px;
    }
    .text, p{
        line-height: 26px;
    }
    .product-box figcaption h3{

        font-size: 34px;
    }
    .btn{
        font-size: 18px;
        min-width: 240px;
        padding: 15px 30px;
        margin-top: 40px;
    }
    .our-products .title{
        margin-bottom: 45px;
    }
    .product-box figcaption .text{
        font-size: 19px;
        max-height: 185px;
    }
    .date{
        font-size: 16px;
    }
    .calendar-item{
        padding: 0 20px;
    }
    .calendar-wrap{
        margin: 0 -20px;
    }
    .points{
        font-size: 22px;
    }
    .profile-image{
        width: 260px;
        height: 260px;
    }
    .profile-wrap{
        margin-top: -175px;
    }
    .profile-info{
        margin-top: 120px;
    }
    .breadcrumb{
        font-size: 16px;
    }
}

@media only screen and (max-width: 1366px) {
    .logo, .logo.xmas{
        top: 5px;
    }
    .logo a img{
        max-width: 200px;
    }
    #menu ul li a{
        font-size: 18px;
    }
    #menu ul li a img{max-width: 70px;}
    header .wrapper{
        height: 150px;
    }
    header{
        height: 105px;
    }
    .acc-item figure{
        margin-right: 20px;
    }
    .b-image img{
        width: 1370px;
        left: calc(50% - 685px);
    }
    .ban-animation{width: 995px; height: 903px; margin-left: -510px;}
    .ban-animation figure.veg1{width: 34px; top: 699px; left: 203px;}
    .ban-animation figure.veg2{width: 278px; top: 422px;}
    .ban-animation figure.veg3{width: 204px; top: 298px; left: 58px}
    .ban-animation figure.veg4{width: 131px; top: 156px; left: 159px;}
    .ban-animation figure.veg5{width: 93px; top: 87px; left: 260px;}
    .ban-animation figure.veg6{width: 162px; left: 355px;}
    .ban-animation figure.veg7{width: 33px; top: 41px; left: 542px;}
    .ban-animation figure.veg8{width: 45px; top: 76px; left: 515px;}
    .ban-animation figure.veg9{width: 281px; top: 26px; left: 562px;}
    .ban-animation figure.veg10{width: 48px; top: 225px; left: 754px;}
    .ban-animation figure.veg11{width: 159px; top: 221px; left: 788px;}
    .ban-animation figure.veg12{width: 204px; top: 358px; left: 791px;}
    .ban-animation figure.veg13{width: 31px; top: 558px; left: 885px;}
    .ban-animation figure.veg14{width: 85px; top: 587px; left: 821px;}
    .ban-animation figure.veg15{width: 133px; top: 645px; left: 730px;}
    .ban-animation figure.veg16{width: 39px; top: 771px; left: 730px;}
    .ban-animation figure.veg17{width: 191px; top: 719px; left: 537px;}
    .ban-animation figure.veg18{width: 53px; top: 772px; left: 510px;}
    .ban-animation figure.veg19{width: 94px; top: 795px; left: 443px;}
    .ban-animation figure.veg20{width: 200px; top: 700px; left: 250px;}
    .enter-the-game{width: 265px; height: 265px; left: calc(50% - 296px); font-size: 22px; padding-top: 94px;}
    .ban-title{
        font-size: 21px;
        max-width: 480px;
    }
    .search-wrap{
        top: 158px;
    }
    h1, h2{
        font-size: 40px;
    }
    h3{
        font-size: 38px;
    }
    .product-box figcaption .text{font-size: 18px; max-height: 156px; line-height: 26px;}
    .product-box figcaption h3{margin-bottom: 13px;}
    .weekly-recipe-slider .slick-prev{
        left: -15px;
    }
    .weekly-recipe-slider .slick-next{
        right: -15px;
    }
    .weekly-recipe-slider{
        padding: 0 30px;
    }
    .weekly-recipe-section:before{
        bottom: 100px;
        right: 10px;
    }
    .footer-logo{
        font-size: 21px;
    }
    .footer-logo a{
        margin-bottom: 35px;
    }
    .footer-menu ul li a{
        font-size: 20px;
    }
    .flex-item{
        max-width: 400px;
    }
    .benefits{
        padding-top: 590px;
        padding-bottom: 0px;
    }
    .content{
        padding: 60px 0px;
    }
    .login-content{
        min-height: calc(100vh - 150px);
    }
    .awards{
        margin-top: -225px;
    }
    .game:before{
        top: 220px;
    }
    .rule-info{
        font-size: 22px;
    }
    .rule-one{
        margin-bottom: 90px;
    }
    .one-item-info h3{
        font-size: 24px;
    }
    .one-item-info .text{
        font-size: 18px;
    }
    .one-item{
        padding: 0 20px;
    }
    .important-info-wrap{
        margin: 0 -20px;
    }
    .one-item figure{
        width: 120px;
        height: 120px;
        margin-bottom: 25px;
    }
    .whats-important{
        padding-bottom: 50px;
    }
}

@media only screen and (max-width: 1240px) {
    .user-name{font-size: 15px;}
    .user-name strong{max-width: 130px;}
    h1, h2{
        font-size: 38px;
    }
    h3{
        font-size: 34px;
    }
    .title{
        margin-bottom: 60px;
    }
    .acc-item{
        width: 50%;
    }
    .acc-item h3{
        font-size: 24px;
    }
    .product-box figcaption .text{
        max-height: 182px;
    }
    .our-products .title{
        margin-bottom: 35px;
    }
    .btn.big-btn{
        font-size: 20px;
        padding: 18px 35px;
        margin-top: 80px;
    }
    .one-video-info{
        padding-right: 50px;
    }
    article.one-video:nth-of-type(2n) .one-video-info{
        padding-left: 50px;
    }
    .one-video-info{
        width: 45%;
    }
    .one-video figure{
        width: 55%;
    }
    .videos-section{
        padding: 20px 0px;
    }
    .one-video-info .cooking-info{
        margin-top: 0px;
        margin-bottom: 35px;
    }
    .flex-item:nth-child(2){
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: none;
    }
    .socials{
        text-align: center;
        margin-bottom: 40px;
    }
    .blog-item{
        width: 50%;
        margin-bottom: 50px;
    }
    .content{
        padding: 50px 0px;
    }
    .text-big{
        font-size: 23px;
    }
    .calendar-item{
        margin-bottom: 50px;
    }
	.calendar-heading{padding-top: 50px;}
	.calendar-wrap:before{height: 55px;}
    .calendar-title{
        font-size: 18px;
    }
    .calendar-options{
        font-size: 18px;
    }
    .profile-image{
        width: 180px;
        height: 180px;
    }
    .profile-info{
        width: 100%;
        margin-top: 20px;
    }
    .points{
        font-size: 18px;
    }
    .profile-wrap{
        margin-bottom: 5px;
    }
    .nadpis{
        bottom: 20px;
        right: -15px;
        width: 40%;
    }
    .profile-info h1, .points{
        max-width: 60%;
    }
    .rule-one{
        padding: 0 20px;
    }
    .game-rules{
        margin: 0 -20px;
    }
    .one-product-image{
        padding-right: 50px;
        width: 500px;
    }
    .one-product-image a{
        height: 450px;
    }
    .one-product-info{
        width: calc(100% - 500px);
    }
    .c-one{
        width: 50%;
    }
    .acc-one{width: 50%;}
    .acc-one figure{margin-bottom: 10px;}
}

@media only screen and (max-width: 1150px) {
    #menu{
        display: none;
    }
    header .responsive-menu-btn{
        display: flex;
    }
    .logo{
        position: relative;
        top: -3px;
        left: auto;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        -webkit-transform: none;
        transform: none;
    }
	.logo.xmas{top: -3px;}
    .s-search:before, .s-close:before{
        font-size: 22px;
        font-weight: normal;
    }
    .login img{
        max-width: 26px;
    }
    .lang-choice:before{
        width: 25px;
        height: 25px;
        margin-top: -13px;
    }
    .lang-choice{
        font-size: 16px;
        padding-left: 32px;
    }
    .login, .search-form{
        margin-right: 30px;
    }
    header .wrapper{
        height: 120px;
    }
    header{
        height: 67px;
    }
    .search-wrap{
        top: 120px;
    }
    .one-video{
        margin-bottom: 90px;
    }
    .calendar-item{
        width: 33.333%;
    }
    .content.in-details .date{
        margin-bottom: 55px;
    }
    .heading{
        margin-bottom: 60px;
        font-size: 34px;
    }
    .image-gallery{
        margin-bottom: 35px;
    }
    .image-gallery:before{
        left: calc(100% + 5px);
    }
    .login-content{
        min-height: calc(100vh - 120px);
    }
    .profile-wrap{
        margin-top: -140px;
    }
    .breadcrumb{
        margin-bottom: 55px;
    }
    .contacts-wrap:before{
        top: -50px;
    }
}

@media only screen and (max-width: 1020px) {
    h1, h2{
        font-size: 34px;
    }
    h3{
        font-size: 30px;
    }
    h4{
        font-size: 24px;
    }
    h5{
        font-size: 22px;
    }
    h6{
        font-size: 20px;
    }
    body{
        font-size: 17px;
    }
    .text, p{
        line-height: 24px;
    }
    .footer-main{
        padding: 60px 0px;
    }
    .footer-bottom{
        padding: 25px 0px;
    }
    .weekly-recipe-info{
        padding: 40px 40px 0px;
    }
    .weekly-recipe-info .ingredients{
        font-size: 17px;
        line-height: 24px;
    }
    .recipes-gallery-slider .slick-dots{
        margin-top: 35px;
    }
    .recipes-gallery{
        padding: 55px 0px;
    }
    .index-news{
        padding-top: 55px;
    }
    .index-news .btn-place .btn{
        margin-top: 60px;
    }
    .benefits{
        border-top: 20px solid #fff;
    }
    .filter{
        position: relative;
        top: auto;
        right: auto;
        margin-top: 30px;
    }
    .filter-btn{
        max-width: 200px;
    }
    .filter-options > div{
        font-size: 16px;
    }
    .filter-options{
        right: auto;
        left: 0px;
    }
    .text-big{
        font-size: 20px;
        margin-bottom: 60px;
    }
    .login-form h1{
        font-size: 32px;
    }
    .awards img{
        max-width: 600px;
    }
    .rule-info{
        font-size: 18px;
    }
    .rule-one figure{
        margin-bottom: 25px;
    }
    .rule-one figure img{
        max-height: 145px;
    }
    .one-item{
        width: 50%;
    }
    .one-product-image{
        width: 415px;
        padding-right: 35px;
    }
    .one-product-image a{
        height: 380px;
    }
    .one-product-info{
        width: calc(100% - 415px);
    }
    .btn{
        font-size: 17px;
    }
    .simple-image{
        margin-right: 30px;
    }
  .upload-image-wrap li{width: 50%;}
  .upload-images .title{margin-bottom: 25px;}
	.calendar-heading{font-size: 30px;}
}

@media only screen and (max-width: 980px) {
    .benefits{
        padding-top: 570px;
    }
    .acc-item{
        margin-bottom: 60px;
    }
    .image-gallery:before{
        display: none;
    }
    .profile-wrap{
        margin-top: -120px;
    }
    .further-menu ul li{
        padding: 0 10px;
        margin-bottom: 30px;
    }
    .further-menu ul{
        margin: 0 -10px;
    }
    .further-menu ul li a{
        font-size: 17px;
    }

    .address{
        float: none;
        width: 100%;
    }
    .contact-form{
        float: none;
        width: auto;
    }
    .one-contact .map{
        width: 100%;
        height: 350px;
    }
}

@media only screen and (max-width: 900px) {
    .b-image img{
        width: 900px;
        left: calc(50% - 450px);
    }
    .ban-animation{width: 654px; height: 593px; margin-left: -336px;}
    .ban-animation figure.veg1{width: 20px; top: 459px; left: 135px;}
    .ban-animation figure.veg2{width: 183px; top: 277px;}
    .ban-animation figure.veg3{width: 135px; top: 196px; left: 38px}
    .ban-animation figure.veg4{width: 85px; top: 102px; left: 106px;}
    .ban-animation figure.veg5{width: 63px; top: 57px; left: 170px;}
    .ban-animation figure.veg6{width: 106px; left: 233px;}
    .ban-animation figure.veg7{width: 22px; top: 27px; left: 356px;}
    .ban-animation figure.veg8{width: 31px; top: 49px; left: 338px;}
    .ban-animation figure.veg9{width: 186px; top: 17px; left: 369px;}
    .ban-animation figure.veg10{width: 32px; top: 149px; left: 495px;}
    .ban-animation figure.veg11{width: 106px; top: 145px; left: 517px;}
    .ban-animation figure.veg12{width: 135px; top: 235px; left: 519px;}
    .ban-animation figure.veg13{width: 21px; top: 368px; left: 582px;}
    .ban-animation figure.veg14{width: 56px; top: 386px; left: 539px;}
    .ban-animation figure.veg15{width: 88px; top: 424px; left: 480px;}
    .ban-animation figure.veg16{width: 27px; top: 507px; left: 479px;}
    .ban-animation figure.veg17{width: 127px; top: 472px; left: 352px;}
    .ban-animation figure.veg18{width: 36px; top: 507px; left: 335px;}
    .ban-animation figure.veg19{width: 62px; top: 522px; left: 291px;}
    .ban-animation figure.veg20{width: 150px; top: 450px; left: 160px;}
    .enter-the-game{width: 175px; height: 175px; left: calc(50% - 195px); font-size: 15px; font-weight: bold; padding-top: 60px; padding-left: 16px;}
    header{
        height: 85px;
    }
    .ban-title{
        font-size: 16px;
        max-width: 310px;
    }
    .arrow-down img{
        max-width: 30px;
    }
    .arrow-down{
        margin-top: 20px;
    }
    .ban-text{
        bottom: 18%;
    }
    .our-products{
        padding: 20px 0 55px;
    }
    .product-box{
        margin-bottom: 20px;
    }
    .title{
        margin-bottom: 50px;
    }
    .weekly-recipe-section .small-wrapper{
        padding-top: 20px;
    }
    .btn.big-btn{
        font-size: 18px;
        padding: 16px 30px;
    }
    .btn{
        font-size: 15px;
        padding: 13px 25px;
        min-width: 220px;
    }
    .one-video{
        flex-direction: column !important;
    }
    .one-video figure{
        width: 100%;
        box-sizing: border-box;
        border-left: 15px solid #f99f46;
        margin-bottom: 25px;
    }
    article.one-video:nth-of-type(2n) figure{
        border-left: 0px;
        border-right: 30px solid #f99f46;
    }
    .one-video-info{
        width: 100%;
        padding: 0px !important;
        box-sizing: border-box;
    }
    .blog-title{
        font-size: 20px;
    }
    .footer-logo{
        font-size: 19px;
    }
    .footer-menu ul li a{
        font-size: 19px;
    }
    .footer-form .label{
        font-size: 17px;
    }
    .product-box figcaption h3{
        font-size: 32px;
    }
    .one-video{
        margin-bottom: 45px;
    }
    .videos-section .btn-place .btn{
        margin-top: 40px;
    }
    .videos-section.inside .title{
        margin-top: 25px;
    }
    .blog-item.recipe-one .blog-title{
        font-size: 20px;
    }
    .calendar-info{
        padding: 20px 20px 30px;
    }
    .calendar-title{
        font-size: 17px;
    }
    .calendar-options{
        font-size: 17px;
    }
    .coming-soon{
        font-size: 12px;
    }
    .calendar-date{
        width: 76px;
        height: 68px;
        font-size: 11px;
        line-height: 20px;
    }
    .calendar-date strong{
        font-size: 30px;
    }
    .b-wrap-game .ban-text{
        bottom: 18%;
    }
    .awards{
        margin-top: -120px;
    }
    .game:before{
        top: 115px;
    }
    .one-product-image{
        width: 350px;
    }
    .one-product-image a{
        height: 315px;
    }
    .one-product-info{
        width: calc(100% - 350px);
    }
    .one-product-title{
        font-size: 24px;
    }
    .one-product .btn{
        min-width: 190px;
    }
    .further-menu ul li a{
        font-size: 15px;
        min-height: 62px;
        padding: 10px 20px;
    }
    .content.in-details h1.one-product-title{
        font-size: 30px;
    }
    .content.in-details .one-product-image{
        width: 100%;
        padding-right: 0px;
        margin-bottom: 25px;
    }
    .content.in-details .one-product{
        flex-direction: column;
    }
    .content.in-details .one-product-info{
        width: 100%;
    }
    .contacts-wrap{
        padding-bottom: 50px;
    }
    .map{
        height: 440px;
    }
    .contact-form{
        padding: 50px 0px;
    }

    .popup{
        padding: 30px !important;
    }

    .simple-image{
        float: none;
        width: auto;
        margin-right: 0px;
        max-width: none;
    }
    .simple-image img{
        max-width: none;
        width: 100%;
    }
    .address{
        float: none;
        width: 100%;
        margin-right: 0px;
        margin-bottom: 40px;
    }
    .map-place{
        float: none;
        width: auto;
    }
    .contact-form{
        float: none;
        width: auto;
    }
    .tr-right{
        width: 40%;
    }
    .download1{
        width: 60%;
    }
    .simple-gallery li{
        width: 50%;
    }
    .product-box figcaption .text{display: none;}
    .acc-one h4{font-size: 20px; margin-bottom: 20px;}
    .list-options li a{font-size: 18px;}
    .list-options li{margin-bottom: 10px;}
}

@media only screen and (max-width: 800px) {
    .logo a img{
        max-width: 176px;
    }
    .product-box figcaption h3{
        font-size: 28px;
    }
    .weekly-recipe{
        flex-direction: column;
    }
    .weekly-recipe figure{
        width: 100%
    }
    .weekly-recipe-info{
        width: 100%;
    }
    .weekly-recipe-section:before{
        display: none;
    }
    .btn.big-btn{
        margin-top: 60px;
    }
    .one-video-title{
        font-size: 26px;
    }
	.slick-slider .one-video-title{font-size: 20px;}
	.slick-slider .one-video figure a img{height: 100%;}
	.slick-slider .one-video figure a{height: 100%;}
    .ingredients{
        line-height: 26px;
    }
    .benefits{
        padding-bottom: 20px;
    }
    .map{
        height: 400px;
    }
    .acc-item{
        width: 100%;
        margin-bottom: 40px;
    }
    .acc-item figure img{
        max-width: 60px;
    }
    .calendar-item{
        width: 50%;
    }
    .pagination a, .pagination a:visited{
        width: 36px;
        height: 36px;
        line-height: 32px;
        font-size: 16px;
    }
    .pagination li:first-child{
        margin-right: 15px;
    }
    .pagination li:last-child{
        margin-left: 15px;
    }
    .pagination a.prevnext{
        font-size: 18px !important;
    }
    .content.in-details .date{
        margin-bottom: 35px;
    }
    .heading{
        font-size: 30px;
        margin-bottom: 45px;
    }
    .share-btns{
        margin-top: 35px;
    }
    .content.in-details .wrapper{
        margin-bottom: 45px;
    }
    .more-recipes{
        padding-top: 35px;
    }
    .profile-wrap .wrapper{
        flex-direction: column;
        align-items: center;
    }
    .profile-image{
        margin-right: 0px;
    }
    .profile-info{
        text-align: center;
    }
    .profile-info h1, .points{
        max-width: none;
    }
    .nadpis{
        display: none;
    }
    .profile-wrap{
        margin-top: -120px;
        margin-bottom: 0px;
    }
    .awards img{
        max-width: 450px;
        width: 100%;
    }
    .one-product{
        flex-direction: column;
        margin-bottom: 60px;
    }
    .one-product-image{
        width: 100%;
        padding-right: 0px;
        margin-bottom: 30px;
    }
    .one-product-info{
        width: 100%;
    }
    .one-product-image a{
        height: 450px;
    }
    .breadcrumb{
        margin-bottom: 35px;
    }
    .tabs-menu li a{
        font-size: 17px;
    }
}

@media only screen and (max-width: 740px) {
    h1, h2{
        font-size: 30px;
    }
    h3{
        font-size: 28px;
    }
    .title{
        margin-bottom: 45px;
    }
    .content{
        padding-top: 40px;
    }
    .our-products .title{
        margin-bottom: 20px;
    }
    .product-box figcaption{
        padding: 40px 20px;
    }
    .index-news{
        padding-top: 25px;
    }
    .flex-item{
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: none;
    }
    .footer-menu{
        text-align: center;
        margin-bottom: 50px;
    }
    .footer-form .footer-title{
        text-align: center;
    }
    .blog-item{
        width: 100%;
        margin-bottom: 30px;
    }
    .bottom{
        padding: 15px 0px;
    }
    .text-big{
        font-size: 18px;
        margin-bottom: 50px;
    }
    .heading{
        font-size: 28px;
        margin-bottom: 35px;
    }
    .further-menu ul li{
        width: 50%;
        margin-bottom: 25px;
    }
    .acc-one{width: 100%; margin-bottom: 3px;}
	.calendar-heading{font-size: 24px; padding-top: 35px; margin-bottom: 30px;}
}

@media only screen and (max-width: 700px) {
    .login, .search-form{margin-right: 20px;}
    header .responsive-menu-btn{margin-left: 25px;}
    .product-box figcaption{
        padding: 60px 50px;
    }
    .our-products .title{
        margin-bottom: 10px;
    }

    /*cookies*/
    .cookie-text{
        float: none;
        width: auto;
        text-align: center;
    }
    .cookies-wrapper .btn{
        float: none;
        margin: 0px auto;
    }
}

@media only screen and (max-width: 640px) {
    .user-name{display: none;}
    .one-video figure > a::after{
        width: 100px;
        height: 100px;
        margin-top: -50px;
        margin-left: -50px;
    }
    .blog-info{
        padding-top: 20px;
    }
    .blog-item.recipe-one .blog-title{
        margin-bottom: 18px;
    }
    .blog-item.recipe-one .blog-title{
        font-size: 18px;
    }
    .profile-wrap{
        margin-top: -95px;
    }
    .rule-one{
        width: 100%;
        margin-bottom: 45px;
    }
    .one-item{
        width: 100%;
    }
    .whats-important{
        padding-bottom: 25px;
    }
    .content.in-details h1.one-product-title{
        font-size: 26px;
    }
    .tabs-menu li a{
        height: 52px;
        font-size: 15px;
        padding: 5px 20px 0px;
    }
    .more-description::before{
        top: 50px;
    }

    .download1{
        width: 100%;
        margin-bottom: 3px;
    }
    .tr-right{
        width: 100%;
        padding-left: 0px;
    }
    .error-page h6{
        font-size: 20px;
    }
  .upload-image-wrap li{width: 100%;}
  .upload-images{padding: 40px 30px;}
}

@media only screen and (max-width: 550px) {
    .logo a img{
        max-width: 150px;
    }
    .s-search:before, .s-close:before{
        font-size: 20px;
    }
    .login img{
        max-width: 24px;
    }
    .lang-choice:before{
        width: 22px;
        height: 22px;
        margin-top: -11px;
    }
    .lang-choice{
        font-size: 14px;
        padding-left: 28px;
    }
    .login, .search-form{
        margin-right: 22px;
    }
    header .wrapper{
        height: 90px;
    }
    header .responsive-menu-btn{
        margin-left: 30px;
    }
    header{
        height: 65px;
    }
    .b-image img{width: 600px;left: calc(50% - 300px); }
    .ban-animation{width: 435px; height: 395px; margin-left: -222px;}
    .ban-animation figure.veg1{width: 15px; top: 301px; left: 87px;}
    .ban-animation figure.veg2{width: 122px; top: 184px;}
    .ban-animation figure.veg3{width: 90px; top: 131px; left: 26px}
    .ban-animation figure.veg4{width: 56px; top: 69px; left: 70px;}
    .ban-animation figure.veg5{width: 42px; top: 38px; left: 113px;}
    .ban-animation figure.veg6{width: 70px; left: 156px;}
    .ban-animation figure.veg7{width: 13px; top: 19px; left: 238px;}
    .ban-animation figure.veg8{width: 22px; top: 33px; left: 224px;}
    .ban-animation figure.veg9{width: 124px; top: 11px; left: 246px;}
    .ban-animation figure.veg10{width: 21px; top: 99px; left: 329px;}
    .ban-animation figure.veg11{width: 71px; top: 98px; left: 343px;}
    .ban-animation figure.veg12{width: 90px; top: 156px; left: 345px;}
    .ban-animation figure.veg13{width: 12px; top: 244px; left: 388px;}
    .ban-animation figure.veg14{width: 35px; top: 257px; left: 360px;}
    .ban-animation figure.veg15{width: 58px; top: 281px; left: 320px;}
    .ban-animation figure.veg16{width: 15px; top: 338px; left: 320px;}
    .ban-animation figure.veg17{width: 85px; top: 313px; left: 234px;}
    .ban-animation figure.veg18{width: 25px; top: 337px; left: 222px;}
    .ban-animation figure.veg19{width: 42px; top: 347px; left: 193px;}
    .ban-animation figure.veg20{width: 100px; top: 296px; left: 106px;}
    .enter-the-game{width: 120px; height: 120px; bottom: auto; top: 284px; left: calc(50% - 133px); font-size: 12px; padding-top: 41px; padding-left: 10px; font-weight: 600;}
    .ban-text{
        position: relative;
        bottom: auto;
        left: auto;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .arrow-down{
        display: none;
    }
    .logo{
        top: -7px;
    }
	.logo.xmas{top: -5px;}
    .ban-title{
        max-width: 480px;
        padding: 0 20px;
        box-sizing: border-box;
    }
    .search-wrap{
        top: 90px;
    }
    .weekly-recipe-section .small-wrapper{
        padding-top: 30px;
    }
    .portfolio-one figcaption h3{
        font-size: 18px;
    }
    .one-video-title{
        font-size: 22px;
    }
    .acc-item h3{
        font-size: 22px;
    }
    .benefits:after{
        width: 500px;
        height: 500px;
        left: calc(50% - 250px);
    }
    .benefits{
        padding-top: 420px;
    }
    .videos-section .btn-place .btn{
        margin-bottom: 20px;
        margin-top: 30px;
    }
    .one-video{
        margin-bottom: 30px;
    }
    .slider-for .slick-next{
        right: 10px !important;
    }
    .slider-for .slick-prev{
        left: 10px !important;
    }
    .login-content{
        min-height: calc(100vh - 90px);
    }
    .login-form h1{
        font-size: 30px;
    }
    .login-form{
        padding: 35px;
    }
    .awards{
        margin-top: 0px;
    }
    .game:before{
        top: 0px;
    }
    .b-wrap-game .ban-text{
        display: none;
    }
    .one-product-title{
        font-size: 22px;
    }
    .breadcrumb{
        font-size: 14px;
    }
    .content.in-details h1.one-product-title{
        font-size: 24px;
    }
    .c-one{
        width: 100%;
    }
    .c-one:after{
        display: none;
    }
    .contacts-wrap{
        margin-top: -20px;
        padding-bottom: 40px;
    }

    .socials a{
        width: 40px;
        height: 40px;
        font-size: 24px;
        margin-right: 13px;
    }
    .heading{
        margin-bottom: 20px;
    }

    .simple-gallery li{
        display: block;
        width: auto;
        margin-right: 0px;
        padding: 10px;
    }
    .simple-gallery{
        margin: 20px -10px 0px;
    }
    table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
        width: 100%;
    }
    .col-2 .float-flex, .col-3 .float-flex{
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }
	
	.slick-slider .one-video{flex-direction: column !important;}
	.slick-slider .one-video figure{width: 100%; margin-bottom: 20px;}
	.slick-slider .one-video-info{width: 100%; padding: 0 !important;}
}

@media only screen and (max-width: 500px) {
    .calendar-item{
        width: 100%;
        margin-bottom: 40px;
    }
    .calendar-wrap .calendar-item{
        padding-bottom: 0px;
        border-bottom: none;
    }
	.calendar-wrap:before{display: none;}
    .profile-wrap{
        margin-top: -75px;
    }
    .tabs-menu li{
        display: block;
    }
    .more-description::before{
        display: none;
    }
    .tabs-menu li.current-tab a{
        border: 2px solid #ffb459;
    }
    .tabs-menu li a{
        border-radius: 0px;
        padding: 5px 20px;
    }
    .tab{
        margin-top: 35px;
    }
    .tabs-menu{
        border-bottom: 1px solid #f1f1f1;
    }
    .fontSize{
    margin-bottom:0px;
}
}

@media only screen and (max-width: 460px) {
    .wrapper, .small-wrapper{
        padding: 0 10px;
    }
    h1, h2{
        font-size: 28px;
    }
    h3{
        font-size: 26px;
    }
    body{
        font-size: 16px;
    }
    .title{
        margin-bottom: 35px;
    }
    .text, p{
        line-height: 22px;
    }
    .acc-item h3{
        margin-bottom: 15px;
        font-size: 20px;
    }
    .benefits:after{
        width: 320px;
        height: 320px;
        left: calc(50% - 160px);
        top: -10px;
    }
    .benefits{
        padding-top: 300px;
    }
    .date{
        font-size: 14px;
        margin-bottom: 25px;
    }
    .ingredients{
        line-height: 25px;
    }
    .one-video-info .cooking-info{
        margin-bottom: 25px;
    }
    .cooking-info{
        margin-top: 25px;
    }
    .btn.big-btn{
        font-size: 16px;
        margin-top: 45px;
    }
    .weekly-recipe-section .btn.big-btn{
        margin-bottom: 20px;
    }
    .weekly-recipe-info{
        padding: 25px 25px 0px;
    }
    .weekly-recipe-title{
        font-size: 20px;
    }
    .lang-choice:before{
        display: none;
    }
    .lang-choice{
        padding-left: 0px;
    }
    .slick-next{
        right: -8px !important;
    }
    .slick-prev{
        left: -8px !important;
    }
    .slick-prev:before, .slick-next:before{
        font-size: 36px !important;
    }
    .portfolio-one figcaption{
        padding: 20px 15px;
    }
    .text-big{
        font-size: 17px;
    }
    .heading{
        font-size: 26px;
    }
    .login-content{
        padding-left: 20px;
        padding-right: 20px;
    }
    .one-product-title{
        font-size: 21px;
    }
    .one-product-image a{
        height: 370px;
    }
    .further-menu ul li a{
        font-size: 14px;
        padding: 10px;
    }
    .content.in-details h1.one-product-title{
        font-size: 22px;
    }
  .upload-image-wrap li{padding: 10px;}
  .upload-image-wrap{margin: 0 -10px;}
  .fileUpload{font-size: 17px; width: 240px;}
}

@media only screen and (max-width: 400px) {
    h1, h2{
        font-size: 26px;
    }
    h3{
        font-size: 25px;
    }
    .logo a img{
        max-width: 136px;
    }
    .weekly-recipe-slider{
        padding: 0 10px;
    }
    .index-news{
        padding-top: 0px;
    }
    .footer-logo{
        font-size: 17px;
    }
    .footer-form textarea.input{
        padding: 25px 15px;
    }
    .login, .search-form{
        margin-right: 15px;
    }
    header .responsive-menu-btn{
        margin-left: 15px;
    }
    .heading{
        font-size: 24px;
    }
    .profile-image{
        width: 120px;
        height: 120px;
    }
    .profile-wrap{
        margin-top: -60px;
    }
    .points{
        font-size: 16px;
    }
    .one-product-image a{
        height: 315px;
    }
}

@media only screen and (max-width: 360px) {
    .acc-item figure{
        margin-right: 13px;
    }
    .acc-item{
        margin-bottom: 30px;
    }
    .acc-item h3{
        margin-bottom: 10px;
    }
    .popup{
        padding: 20px !important;
    }
    .footer-main{
        padding: 45px 0px;
    }
    .blog-title{
        font-size: 18px;
    }
    .s-search:before, .s-close:before{
        font-size: 18px;
    }
    .login img{
        max-width: 22px;
    }
    .logo a img{
        max-width: 125px;
    }

    .input{
        width: 100%;
        font-size: 14px;
    }
    .captcha input{
        width: 170px;
    }
    .contact-form .btn{
        display: block;
    }
    .captcha input{
        width: 170px;
    }
}

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

}
@media print {
    /* All your print styles go here */
    .header-right, footer, nav, .benefits, .more-recipes, .wave, .before-download .image-gallery:before, .bottom, .share-btns, .video {
        display: none !important;
    }
  body{font-size: 17px;}
  .logo{
    position: relative;
    top: auto;
    left: auto;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    -webkit-transform: none;
    transform: none;
    text-align: center;
    margin: 10px 0px;
  }
  .logo a{
    display: inline-block;
    width: 150px;
  }
	.logo.xmas{top: auto;}
  header .wrapper{
    height: auto;
    display: block;
  }
  .content {
    padding: 50px 0px;
  }
  .heading {
    font-size: 26px;
     margin-bottom: 40px;
  }
  .image-gallery{
    width: 50%;
    float: right;
    margin-left: 30px;
  }
  .image-gallery-print{display: block;}
  .image-gallery .slick-slider{display: none !important;}
}