/*
* {
	backface-visibility: hidden;
	    transition: all ease 0.5s;
}
*/

@font-face {
	font-family: 'Didot-Bold';
	src: url('/templates/fonts/Didot-Bold.ttf');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Didot';
	src: url('/templates/fonts/Didot.ttf');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Didot-Italic';
	src: url('/templates/fonts/Didot-Italic.ttf');
	font-weight: normal;
	font-style: normal;
}



body {
    font-family: 'Didot', sans-serif;
}

ul.menu {
    display: inline-flex;
}

.radiator {
    background: #e84b3b;
    height: 33px;
    width: 33px;
    padding: 5px;
    display: none;
}

.radiator i {
    display: block;
    height: 2px;
    width: 100%;
    background: white;
    margin-top: 4.7px;
}

.filetype {
    background: #d33838;
    color: white;
    height: 12vw;
    vertical-align: middle;
    line-height: 12vw;
    font-size: 76px;
    margin-bottom: 18px;
}

.file {
    text-align: center;
    font-size: 20px;
}
.col-2 {
    display: flex;
    width: 60%;
    justify-content: space-between;
    align-items: center;
    max-width: 1000px;
}
.col-1 {
    text-align: left;
    display: flex;
    justify-content: flex-start;
}
.sekce h2 {
    font-family: 'Didot-Bold';
    /* font-size: 65px; */
    color: black;
    padding-bottom: 5%;
}
clear {
	display: block;
	clear: both;
}
header {
    width: 100%;
    height: 100vh;
    /* overflow: hidden; */
    position: relative;
}
nav a {
    font-size: 15px;
}
.swiper-slide {
    background: white;
}
.claim-button a:nth-child(even) .a-title:after {
    display: none;
}

.a-title.shadow {
    background: white;
    border: 2px solid #3897d3;
    color: #3897d3;
}
nav {
    width: 100%;
    display: flex;
    justify-content: space-between;
    text-align: center;
    align-items: center;
    font-size: 14px;
    font-family: sans-serif;
    position: fixed;
    z-index: 9999;
    color: white;
    transition: all ease 0.5s;
    padding: 40px 30px;
    max-width: 1500px;
    margin: auto;
    left: 0;
    right: 0;
}
li {
    list-style: none;
}
.a-title.shadow:hover {
    background: #33b332;
    border: 2px solid #33b332;
    color: white;
}
.down-text:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -7px;
    width: 10%;
    height: 2px;
    background: #3897d3;
    transition: all ease 0.3s;
}

.down-text:hover:after {
    width: 100%;
}
.back {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.cary {
	position: relative;
	position: sticky;
	top: 15vh;
	height: 0;
	float: right;
	display: block;
	padding-bottom: 10vh;
}

.cary img {
    width: 25vw;
    position: relative;
    /* right: -13VW; */
}

a.login {
    background: #3897d3;
    padding: 12px 25px;
    line-height: 36px;
    color: white;
}

a.login:hover {
    background: #e84b3b;
}
div#hero {
    height: 100vh;
    position: relative;
    max-width: 1500px;
    margin: auto;
    padding: 0px 50px;
}

.swiper {
    width: 100%;
    position: relative;
    height: 100%;
}

nav a {
    transition: all ease 0.5s;
    font-weight: bold;
    border-bottom: 2px solid #c5c5c500;
}
nav.detail a {
    color: #000000;
    text-shadow: none;
}
nav.green a {
    /* color: white; */
}

.claim {
    /* background: rgba(0, 153, 50, 0.9); */
    position: absolute;
    top: 30vh;
    left: 10%;
    /* color: white; */
    padding: 2%;
    /* max-width: 534px; */
    padding-bottom: 5%;
    min-width: 390px;
    margin-top: -1%;
}

em {
    position: relative;
    color: #3897d3;
    font-style: initial;
    /* border-bottom: 2px solid; */
    line-height: 140%;
}

em:after {
    content: '';
    border-bottom: 2px solid;
    position: absolute;
    bottom: 15%;
    left: 0;
    width: 100%;
}

.a-title:after {
    position: absolute;
    content: '';
    height: 100%;
    top: 100%;
    left: 0;
    /* bottom: 0; */
    width: 2px;
    background: #3897d3;
}

.a-title:hover:after {
    background: #E67E1D;
}

.a-title:hover {
    background: #e77e20;
}
.claim-title {}

.claim-title {
    font-family: 'Didot-Bold';
    font-size: 80px;
    font-weight: normal;
    color: black;
    /* line-height: 120%; */
    padding-bottom: 3vh;
}

.claim-subtitle {
    font-size: 18px;
     font-family: 'Didot-Bold';
    border-bottom: 3px solid #ffcb00;
    padding-bottom: 14px;
    margin-bottom: 24px;
    max-width: 50%;
}
section#rekli-o-nas {
    padding: 5% 30px;
    position: relative;
    overflow: hidden;
}
.lines {
    background: url(/templates/img/stripe1.png);
    width: 13.7%;
    height: 100%;
    position: absolute;
    background-repeat: no-repeat;
    left: 2%;
    background-position: right;
    background-size: 100% 100%;
}

section#odber-novinek {
    position: relative;
    text-align: center;
}

h2 {
    font-size: 80px;
    color: black;
    font-weight: normal;
    padding-bottom: 5%;
    font-family: 'Didot-Bold';
}

section#rekli-o-nas .item {
    text-align: center;
    font-family: sans-serif;
}

section#rekli-o-nas .item strong {
    font-size: 17px;
    padding-top: 14px;
    display: block;
}
.claim-button {
    /* background: #3897d3; */
    font-size: 18px;
    font-family: 'Didot-Bold';
    position: absolute;
    top: 90%;
    /* width: 100%; */
    /* left: 10%; */
    transition: all ease 0.5s;
}
.claim-button a {
    display: inline-block;
    text-align: center;
}
.a-title {
    background: #3897d3;
    padding: 8px 25px;
    line-height: 36px;
    color: white;
    font-family: sans-serif;
    font-weight: bold;
    position: relative;
    text-align: center;
    margin-right: 20px;
}

span.arrow {
    /* display: inline; */
    /* margin-left: 27px; */
    right: 4%;
    position: absolute;
}

span.arrow img {
    vertical-align: middle;
}

.claim-button:hover {
    /* width: 110%; */
}
.down {
    position: absolute;
    left: 0;
    z-index: 999;
    /* bottom: -19%; */
    width: 100%;
    font-size: 20px;
    font-family: 'Didot-Bold';
    transition: all ease 0.5s;
    cursor: pointer;
    padding-left: 10%;
    margin-top: 5%;
}

.down-arrow {
    /* position: absolute; */
}

.down-text {
    top: 0;
    position: relative;
    color: black;
    right: 0;
    /* width: 90px; */
    /* left: 69px; */
    font-family: 'Didot-Bold';
    font-weight: normal;
    font-size: 25px;
    width: auto;
    display: inline-block;
}

.stripes {
    position: fixed;
    z-index: -1;
    width: 100%;
    height: 100%;
    display: flex;

    justify-content: space-evenly;
}

.stripes i {
    height: 100%;
    width: 1px;
    background: whitesmoke;
    display: block;
}

nav a:hover,nav.detail.green a:hover {/* color: white; */border-bottom: 2px solid #c5c5c5;}

nav.detail a:hover {color: #009932;border-bottom: 2px solid #ffcb00;}

nav a.logo:hover {
    border: 0;
    opacity: 0.9;
}
section.sekce {
    padding-bottom: 5%;
}

.sekce-header {
    width: 50%;
    /* background: red; */
    /* padding: 3%; */
    /* border-bottom: 2px solid black; */
    display: flex;
    align-items: center;
}

.sekce-header h2 {
    display: inline-block;
    width: 50%;
    font-family: 'Didot-Bold';
    font-size: 50px;
    color: black;
    border-bottom: 2px solid #fecc01;
    padding: 5%;
    text-align: center;
    font-weight: normal;
}

.subheader h2 {
    color: #009c19;
    text-align: center;
    font-size: 35px;
    margin-bottom: 20px;
}

.subheader {
  flex: 0 0 100%;
}
.filtry {
    flex: 0 0 100%;
 }


.perex {
    /* display: inline-block; */
    /* width: 50%; */
    /* max-width: 330px; */
    /* font-size: 15px; */
    /* line-height: 150%; */
    font-family: sans-serif;
}
.items {
    /* padding: 5%; */
    display: flex;
    justify-content: left;
    flex-wrap:wrap;
    margin-bottom: 5%;
}
section#partneri {
/*     background: whitesmoke; */
    padding: 5% 30px;
    text-align: center;
    position: relative;
    overflow: hidden;
}
section.sekce:after {
    /* content: ''; */
    background: url(/templates/img/stripes.svg);
    position: absolute;
    right: 0;
    top: 50%;
    width: 30vw;
    overflow: hidden;
    height: 100%;
    background-size: 145%;
    filter: grayscale(1);
    opacity: 0.2;
}

section#rekli-o-nas:after {
    content: '';
    background: url(/templates/img/stripe2.png);
    background-size: 65%;
    position: absolute;
    right: 0;
    top: 0;
    width: 25vw;
    overflow: hidden;
    /* background-color: red; */
    height: 100%;
    /* background-size: 145%; */
    /* filter: grayscale(1); */
    opacity: 0.2;
    /* background-position: 0 200%; */
    background-repeat: no-repeat;
}

#rekli-o-nas .items {
    width: 90%;
}
#partneri h2 {
    font-size: 45px;
    color: black;
    font-family: 'Didot-Bold';
    font-size: 65px;
    padding-bottom: 5%;
}

#partneri .items {
    align-items: center;
    justify-content: space-evenly;
}

#partneri .item {
    margin: 0;
    padding: 0;
    padding: 30px;
}
.item {
    max-width: 30%;
    /* padding: 30px; */
    max-width: 500px;
    padding-bottom: 6%;
    max-width: 18%;
    margin-right: 9%;
}
section.sekce .item:nth-child(1) h3 {
    border-color: #e84b3b;
}

section.sekce .item:nth-child(2) h3 {
    border-color: #e77e20;
}

section.sekce .item:nth-child(3) h3 {
    border-color: #f1c40f;
}

section.sekce .item:nth-child(4) h3 {
    border-color: #33b332;
}

section.sekce .item:nth-child(5) h3 {
    border-color: #3897d3;
}

.item img {
    max-width: 100%;
    transition: all ease 0.5s;
}

.item h3 {
    font-family: 'Didot-Bold';
    font-size: 47px;
    padding: 20px 0;
    transition: all ease 0.3s;
    font-weight: normal;
    border-bottom: 2px solid #e84b3b;
    margin-bottom: 10%;
    padding-bottom: 13%;
    color: black;
    width: 90%;
}

.recept-perex {
    font-size: 15px;
    padding-bottom: 25px;
}
.button a {
    background: #ffcb00;
    padding: 15px 30px;
    display: block;
    font-size: 20px;
    font-weight: bold;
    transition: all ease 0.5s;
}

.button {
    display: inline-block;
}

.button:hover a {
    background: #009932;
    color: white;
}

a:focus, a:hover {
    color: initial;
}


.button.green {
    float: right;
    position: relative;
    width: 24.9%;
}

.button.green a {
    background: #009932;
    color: white;
    line-height: 49px;
}

.button.green a:hover {
    background: #ffcb00;
    color: black;
}
#blog .items {
    max-width: 1960px;
    margin: auto;
    flex-wrap: wrap;
    padding: 5%;
}
.registrace {
    border: 2px solid #3897d3;
    padding: 5%;
    width: 50%;
    max-width: 600px;
    min-width: 400px;
}

.registrace h3 {
    font-size: 40px;
    color: black;
    margin-bottom: 0;
}

.registrace .a-title:after {
    display: none;
}

.registrace .row {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    border-bottom: 2px solid silver;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.smalltext p {
    color: #717171;
    font-family: sans-serif;
    font-size: 15px;
}
#blog .item {
    display: flex;
    min-width: 400px;
    padding: 3%;
    flex-wrap: wrap;
    flex-flow: column;
    position: relative;
    margin: 2%;
}

#blog .item h3 {
    transform: translate(-10%);
}

#blog .recept-perex {
    transform: translate(-10%);
    padding-bottom: 25px;
}

#blog .item .button {
    /* float: right; */
    transform: translate(10%,-40%);
    max-width: 60%;
    text-align: center;
    /* width: 100%; */
    position: absolute;
    right: 0;
    bottom: 0;
    order: 2;
    /* float: right; */
}

#blog .item-img {
    order: 1;
    /* margin: 0; */
    /* padding: 0; */
}

section.sekce {
    position: relative;
    max-width: 1423px;
    margin: auto;
    padding: 30px;
    padding-bottom: 5%;
    overflow: hidden;
}

section#vybrane-recepty {
    padding-top: 10%;
}


nav.green {
    background: rgb(245, 245, 245);
}

nav.sub.green a {
    color:white;
}
nav.detail .logo img,
nav.green .logo img {
    height: 50px;
}

/*
nav.sub a {
    color: #009932;
}
*/

nav .logo img {
    height: 90px;
    transition: all ease 0.5s;
}

.up {text-align: center;/* transform: translate(0,21%); */cursor: pointer;transition: all ease 0.5s;position: relative;z-index: 1;margin-bottom: 50px;}

footer {
    background: #e4e4e4;
    color: black;
    /* display: flex; */
    padding: 3%;
    /* align-items: center; */
    position: relative;
    font-family: sans-serif;
}
.foo-nav h3 {
    font-size: 4vmin;
    /* margin-top: 11%; */
}

footer img:hover {
    transform: scale(1.1);
}
.foo-nav ul {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    height: 100px;
    background: #fecc01;
}

.foo-nav a {
    color: #ffffff;
    font-size: 20px;
    font-weight: bold;
    text-shadow: 0px 7px 20px #b16200de;
}

.foo-nav {
    width: 100%;
}

footer img {
    /* width: 9vmin; */
    transition: all ease 0.5s;
}
.content {
    padding: 5%;
    max-width: 1700px;
    margin: auto;
}

.content-text {
    font-size: 20px;
    width: 100%;
    padding: 5%;
}
.items-image {
    display: flex;
    padding: 5%;
    justify-content: space-evenly;
    align-items: center;
    text-align: center;
    flex-wrap: wrap;
}

section#onas .content {
    display: flex;
    justify-content: space-between;

}

.photo {
    width: 100%;
    text-align: center;
}

.up:hover {
    transform: translate(0,10%);
}

header.sub {
    height: 430px;
}

header.sub .back {
    background-position: center;
}

header.sub .down {
    bottom: -10%;
}

.sub .down-text {
    display: none;
}

section#head {
    max-width: 100%;
    margin: auto;
    /* padding: 10px; */
    /* padding: 10%; */
    padding: 10% 30px;
    padding-top: 12%;
    /* display: flex; */
    /* justify-content: space-around; */
    /* align-items: center; */
    padding-bottom: 3%;
    background: whitesmoke;
}

h1 {
    font-family: 'Didot-Bold';
    font-size: 60px;
    max-width: 100%;
    color: black;
    font-weight: normal;
}
.photo-cont {
    width: 100%;
    text-align: center;
}

.leva-strana h1 {
    margin-bottom: 3%;
    margin-right: 2%;
}

.status {
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 15px;
    border-bottom: 3px solid #ffcb00;
    max-width: 250px;
    margin-bottom: 30px;
}

.leva-strana .down {
    position: absolute;
    top: 140%;
    transform: translateX(-2%) translateY(-5%);
    left: 0;
}

.leva-strana .down img {
    height: 230px;
}

.leva-strana {
    position: relative;
    max-width: 1191px;
    margin: auto;
    padding: 0px 30px;
}
section#body-text {
    /* max-width: 1000px; */
    margin: auto;
    padding: 30px;
/*     display: flex; */
    /* width: 53%; */
    padding-bottom: 5%;
    max-width: 1190px;
    padding-top: 5%;
}

section#body-text {}

.suroviny {
    width: 40%;
    margin-right: 10%;
}

.postup {
    width: 60%;
}
.postup.blog {
    width: 100%;
    font-family: sans-serif;
/*     max-width: 950px; */
}
.postup.blog img {
    width: 100%;
    max-width: 100%;
}
.postup.blog a {
    color: #039640;
    text-decoration: underline;
}
p {
    font-size: 18px;
    line-height: 175%;
}
section#body-text h2 {
    margin-bottom: 15px;
    font-size: 60px;
}

.galery {
    max-width: 1500px;
    margin: auto;
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    padding: 3% 30px;
    padding-top: 3%;
    align-items: center;
}

.galery img {
    /* padding: 30px; */
    /* max-width: 33%; */
    /* width: 100%; */
    max-width: 300px;
    max-height: 300px;
}

.galery a {
    width: 25%;
    padding: 1%;
}

.wrap-mouka h3 {
    margin-bottom: 15px;
    font-family: 'Didot-Bold';
    font-size: 20px;
}

.photo-cont img {
    width: 100%;
}

div#prava-strana {
    max-width: 80%;
}
.swiper-container {
    width: 76%;
    height: 80%;
    margin-left: 0;

}

ul li {
    font-size: 18px;
    line-height: 175%;
    list-style-type: initial;
    margin-left: 25px;
    margin-right: 25px;
}
footer ul li {

    list-style-type: none;
	margin:0; 
}
ul.social {
    padding: 9%;
    /* border-bottom: 2px solid #fecc01; */
    /* margin-bottom: 3.5%; */
    vertical-align: middle;
    background: inherit;
    padding-top: 14%;
}
.mouka {
    margin-top: 20%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    transform: translateX(-16%);
}

.postup p {
    margin-bottom: 15px;
}
.mouka img {
    width: 250px;
    margin-right: 20px;
}

.mouka .button a {
    background: #009932;
    color: white;
    width: 167px;
    padding: 11px;
    font-size: 18px;
    text-align: center;
    text-decoration: none;
}

.mouka .button a:hover {
    background: #ffcb00;
    color: black;
}
.button.yellow a {
    background: #ffcb00;
    color: black;
    margin-top: 10px;
}

.button.ghost a {
    background: #ffffff;
    color:#009c19;
    margin-top: 10px;
    border:2px solid #009c19;
}
.items.feature.mouky .item {
    text-align: center;
    width: 30%;
    min-width: 300px;
    padding-bottom: 50px;
}

.swiper-pagination.swiper-pagination-bullets {
    position: relative;
    right: 0;
    bottom: 27%;
    text-align: right;
    padding-right: 10%;
    z-index: 99999999999;
}
span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #3897d3;
}
span.swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: #e8e8e8;
    opacity: 1;
    border-radius:0;
}
span.swiper-pagination-bullet:hover {
    background: #FF5722;
}
div#barba-wrapper,
.barba-container {


}
.down:hover {
    /* transform: translateY(-15%) translateX(-50%); */
}

.item img:hover {
    transform: scale(1.05);
}
.down:hover {
    /* transform: translateY(-15%); */
}

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

.item h3:hover {text-decoration: underline;}

#blog.single {
    padding-top: 10%;
}

.items.feature .item {
    width: 50%;
    max-width: 40%;
    padding: 4%;
}

.postup.kontakt {
    width: 100%;
}

.postup.konakt {
    width: 100%;
}

.kontakt.subheader h2 {
    text-align: left;
}

section#body-text .kontakt h2 {
    text-align: left;
}

form#quick {
    margin-bottom: 10%;
    display: flex;
    flex-wrap: wrap;
}

textarea {
    border: 2px solid #00a000;
    min-height: 170px;
}

.left-form {
    width: 50%;
    padding-right: 2%;
}

.right-form {
    width: 50%;
    padding-right: 2%;
}

input {
}

input[type="email"] {
    border: 2px solid #3897d3;
    width: 100%;
}

textarea, input[type="password"], input[type="email"], input[type="submit"], input[type="text"] {
    padding: 15px;
    box-sizing: border-box;
    font-size: 20px;
    line-height: 140%;
    margin-bottom: 2%;
    width: 100%;
    /* max-width: 350px; */
    border: 2px solid #3897d3;
}
 input[type="submit"] {
     width: auto;
     background: #3897d3;
     font-weight: bold;
     color: white;
     max-width: 100%;
     width: 100%
/*      min-width: 350px; */
 }
 
 table tr {
    border: 0;
}

table {
    border: 0;
}

table td {
    border: 0;
}
input[type="submit"]:hover {
    background: #00a000;
    color: white;
}
.items.feature.mouky img {
    max-height: 300px;
}

.submenu {
    position: absolute;
    padding-top: 8px;
    display: none;
    margin-top: -5px;
    background: white;
    padding-left: 20px;
    margin-left: -20px;
}

nav .submenu a {
    /* width: 100%; */
    display: block;
    text-align: center;
    padding: 10px 0;
    /* background: rgba(0, 153, 50, 0.95); */
    color: black;
    border-bottom: 2px solid transparent;
    display: block;
    text-align: left;
    min-width: 170px;
    font-weight: bold;
    padding-left: 20px;
    margin-left: -20px;
}
nav.green .submenu {
    background: whitesmoke;
}

nav li {
    position: relative;
    list-style: none;
}
.smalltext {
    font-size: 15px;
    font-family: sans-serif;
    color: gray;
    line-height: 150%;
}

nav .submenu a:hover {
    color: #E84B3C;
    /* background: #ffcb00; */
}

#head .down:hover {
    transform: translateY(5%) translateX(-2%);
    top: 150%;
}
nav a:hover ~ .submenu {
    display: block;
}

.submenu:hover {
    display: block;
}
img.muka {
    max-width: 100%;
    width: auto;
    max-height: 600px;
}
.items-image img {
    max-width: 160px;
    max-height: 110px;
}
.item-img {
    text-align: center;
}
.items-image a {
    padding: 4%;
    filter: grayscale(1);
    transition: all ease 0.4s;
}

.items-image a:hover {
    filter: grayscale(0);
}
.items-image img {
    max-width: 160px;
    max-height: 110px;
    transition: all ease 0.4s;
}
.tiraz {
    /* position: absolute; */
    /* right: 10px; */
    /* bottom: 10px; */
    /* width: 30px; */
    /* height: 30px; */
    vertical-align: middle;
    text-align: center;
}

.tiraz img {
    width: 40px;
}
.suroviny-cont a {
    text-decoration: underline;
    color: #009932;
}

.suroviny-cont a:hover {
    text-decoration: none;
}

.login.fancybox-content {
    max-width: 450px;
    border-left: 2px;
    border-top: 2px;
    border-color: #e84b3b;
    border-style: solid;
    padding: 50px;
    padding-bottom: 40px;
}

.login input {
    border: 2px solid #3897d3;
    width: 100%;
    padding: 10px;
    margin-bottom: 10px;
    font-size: 15px;
}

.acka {
    text-align: center;
    margin-top: 30px;
}

span.coma {
    margin: 0px 20px;
    width: 1px;
    background: #e84b3a;
    height: 17px;
    display: inline-block;
    vertical-align: middle;
}

.acka a:hover {
    border-bottom: 1px solid;
}

.login .head {
    font-family: 'Didot-Bold';
    font-size: 40px;
    margin: 10px 0px 30px;
    color: black;
}

.back {
    /* color: #e84b3b; */
}

.login.fancybox-content {}

.login.fancybox-content {
    max-width: 410px;
    border-left: 2px;
    border-top: 2px;
    border-color: #e84b3b;
    border-style: solid;
    padding: 50px;
    padding-bottom: 40px;
}

.login input {
    border: 2px solid #3897d3;
    width: 100%;
    padding: 10px;
    margin-bottom: 10px;
    font-size: 15px;
}

.acka {
    text-align: center;
    margin-top: 30px;
}

span.coma {
    margin: 0px 20px;
    width: 1px;
    background: #e84b3a;
    height: 17px;
    display: inline-block;
    vertical-align: middle;
}
a.login[href="/logout"],a.login[href="/en/logout"] {
    font-family: sans-serif;
    font-size: 15px;
    font-weight: bold;
}
.acka a:hover {
    border-bottom: 1px solid;
}

.login .head {
    font-family: 'Didot-Bold';
    font-size: 40px;
    margin: 10px 0px 30px;
    color: black;
}

.back {
    /* color: #e84b3b; */
}

.fancybox-bg {
    background: #3897d3;

}
label {
    font-size: 20px;
    margin-bottom: 14px;
    display: block;
    font-weight: bold;
}

h3 {
    margin-bottom: 30px;
    font-size: 30px;
}

form.lost {}

.input {
    display: inline-block;
    width: 33%;
    margin-bottom: 30px;
    margin-right: 20px;
    min-width: 350px;
}

form.lost {}

.reg-title {
    color: white;
    font-size: 60px;
    text-shadow: 0px 10px 10px rgba(0, 20, 93, 0.1);
}

li.social {
    margin-right: 40px;
    margin-left: 16px;
}

li.lang {
    margin-right: 30px;
}
.wrap-full {
    max-width: 1420px;
    margin: auto;
    display: flex;
    padding: 4% 30px;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
section#registrace {
    background: #3897d3;
}
.coma_line-vert {
    height: 100px;
    width: 2px;
    background: white;
}
#registrace .smalltext p {
    color: white;
    /* max-width: 50%; */
}
section#registrace a {
    /* background: white; */
}
#registrace .a-title {
    color: black;
    background: white;
    box-shadow: 0px 10px 10px rgba(0, 20, 93, 0.1);
    font-size: 15px;
}
#registrace .smalltext {
    max-width: 40%;
    color: white;
    font-size: 15px;
    line-height: 150%;
}
#odber-novinek .wrap-full {
    max-width: 700px;
    padding: 10% 0;
    text-align: center;
    margin: auto;
}
#odber-novinek .wrap-full input {
    width: 100%;
}
#odber-novinek form {
    margin: 30px auto;
    width: 100%;
    max-width: 550px;
}

#odber-novinek .wrap-full h2 {
    text-align: center;
    width: 100%;
}

#odber-novinek .wrap-full .smalltext {
    text-align: center;
    width: 100%;
}


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

section#onas img {
    max-width: 80%;
}
	
.down {/* transform: translateY(0); */}

.down:hover {/* transform: translateY(-25%) translateX(-35%); */}
.down-arrow img {
    width: 100px;
}
.claim-title {
	font-size: 7vmin;
}

.claim {
	max-width: 825px;
}

span.arrow img {
	vertical-align: middle;
	width: 143px;
}
.items-image img {
/*     max-width: 220px; */
}

.sekce-header h2 {
    font-size: 40px;
}

h1 {
    font-size: 55px;
    padding-right: 30px;
}	
.stripes {
    justify-content: space-around;
}

section#body-text {
    width: 70.7%;
}
section#head {
    padding: 20% 30px;
    padding-bottom: 5%;
}
}
@media screen and (max-width:1400px){
.col-2 {
    width: 80%;
    justify-content: flex-end;
}
}
@media screen and (max-width:1100px){
	
	.down {
/* 		padding-left: 0; */
	}
	
	.cary {
    	
    	position: relative;
    }
	
.item {
    max-width: 24%;
    width: 100%;
    margin-right: 9%;
}

h2 {
    font-size: 60px;
}

.reg-title {
    font-size: 40px;
}

section#odber-novinek h2 {
    text-align: center;
    margin: auto;
}

#odber-novinek form {
}

section#rekli-o-nas .item {
    width: 38%;
    margin-right: 5%;
    max-width: 100%;
}
	
}

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

li.social {
    display: none;
}

li.lang {
    margin-right: 32px;
}

li.social {
    position: fixed;
    top: 120px;
    left: 25px;

    z-index: 9999;
}

header {
    max-height: 640px;
}

.swiper-container {
    top: 0;
}

.swiper-pagination.swiper-pagination-bullets {
    bottom: 0;
}

ul.menu {
    position: fixed;
    top: 100px;
    background: rgba(255, 255, 255, 0.95);
    z-index: 9999;
    width: 100%;
    left: 0;
    text-align: left;
    top: 100px;
    height: 100%;
    padding-top: 73px;
}

.submenu {
    position: relative;
}

.menu li {
    border-bottom: 1px solid #3897d3;
    padding: 15px 0;
}

nav .submenu a {
    padding: 0;
}

div#hero {
    padding: 0 30px;
    max-height: 600px;
    padding-top: 18vh;
    height: 100%;
}

.item h3 {
    padding-bottom: 30px;
    padding: 20px 0px;
    font-size: 40px;
    margin: 0;
    width: 100%;
}

.cary {
    position: relative;
    top: 15vh;
}

.registrace {
    width: 100%;
}
#rekli-o-nas .items {
    width:100%;
}

h2 {
    font-size: 55px;
    margin: auto;
    margin-bottom: 20px;
}

#odber-novinek form {
    margin: 30px auto;
}

.reg-title {
    font-size: 40px;
}

#registrace .wrap-full {
}

#registrace .smalltext {
    width: 100%;
    max-width: 100%;
}

section#odber-novinek {
    padding: 0 30px;
}

section#rekli-o-nas:after {
    display:none;
}

.hero {
    padding:30px;
}
ul.menu {
    display: none;
}

.radiator {
    display: block;
    margin-right: 30px;
}


.left-form,.right-form {
    width: 100%;
    padding: 0;
}

.postup.kontakt {
    margin-top: 0;
    padding-bottom: 20%;
}

.postup.kontakt table td {
    display: block;
    padding:0;
}


section#onas .content {
	flex-wrap:wrap;
}	
	
.down-text {
    left: 40px;
}	
.claim {
    /* top: 30%; */
    /* display: inline-block; */
    /* max-width: 530px; */
    /* padding: 30px; */
    /* padding-bottom: 55px; */
    /* left: 6%; */
    left: 0;
    top: 0;
}
.claim-title {
    font-size: 6vw;
}

.down {
    /* transform: translateY(-50%) translateX(-45%); */
    left: 0;
    /* bottom: 2%; */
}

.back {
    background-position: 25% center;
}

.down:hover {
    /* transform: translateY(-40%) translateX(-45%); */
}	


.sekce-header {
    width: 100%;
}

.item {
    /* width: 50%; */
    width: 100%;
    max-width: 100%;
    text-align: center;
    margin: 0;
    max-width: 300px;
}

.items {
    padding: 0;
    justify-content: space-evenly;
    width: 100%;
    align-items: center;
}

.button.green {
    width: 50%;
    margin-top: 30px;
}

section.sekce {
    padding-bottom: 140px;
}

#blog .items {
    padding: 5% 30px;
}

#blog .item {
    width: 29%;
    min-width: 350px;
}

section#kde-koupite {
    padding-bottom: 50px;
}
.down-arrow img {
    width: 78px;
}

nav.detail a {
    text-shadow: none;
}

.leva-strana {
    width: 100%;
    max-width: 100%;
    padding: 30px 3%;
}

div#prava-strana {
    width: 100%;
    max-width: 100%;
}

section#head {
    flex-wrap: wrap;
    padding-top: 100px;
    flex-direction: column;
    padding-bottom: 20px;
}

.leva-strana .down {
    display: none;
}

section#body-text {
    width: 86%;
}

.stripes {
    justify-content: space-around;
}

.mouka {
    flex-direction: column;
    transform: translateX(0%);
    align-items: unset;
}

.mouka img {
    width: 180px;
}
.stripes i:nth-child(2) {
    opacity: 0;
    padding: 0 20%;
}
}
@media screen and (max-width:800px){

.claim-button a {

	margin-top: 15px;
	
}	
.a-title {
    font-size: 15px;
    padding: 5px 20px;
}
	
section#rekli-o-nas .item {
    width: 100%;
}
nav.green {
    padding: 30px;
}

nav.detail .logo img, nav.green .logo img {
    height: 50px;
}

nav .logo img {
    height: 50px;
}

section#head {
    padding-top: 120px;
}

nav {
    padding: 30px 20px;
}

section#body-text {
    padding: 30px;
}

#registrace .coma_line-vert {
    width: 100%;
    height: 2px;
    margin-top: 29px;
    margin-bottom: 26px;
}

.reg-title {
    font-size: 40px;
    margin-top: 9px;
}

section#registrace .wrap-full {
    /* align-items: flex-end; */
}

h2 {
    font-size: 50px;
}

#odber-novinek .wrap-full {
    padding: 90px 15%;
    max-width: 100%;
    width: 100%;
}

footer {
    padding: 40px;
}

.back {
    background-position: 40% center;
}
.claim {
    max-width: 70%;
    /* top: 15%; */
}
.down {
    /* transform: translateY(-50%) translateX(-45%); */
    /* left: 0; */
    /* bottom: -3%; */
}
	
.items.feature .item {
    width: 100%;
    padding: 30px 16px;
    max-width: 100%;
}
.item {
    /* width: 100%; */
    /* padding: 30px 16px; */
}

section#head {
    padding: 80px 14px;
    padding-bottom: 30px;
    padding-top: 100px;
    padding-bottom: 0;
}

section#body-text {
    width: 100%;
    flex-wrap: wrap;
    padding: 40px 30px;
}

.suroviny {
    width: 100%;
}

.postup {
    width: 100%;
    margin-top: 40px;
}

.suroviny-cont {
    /* display: flex; */
}

.mouka {
    margin-top: 60px;
    flex-direction: inherit;
}

section#body-text h2 {
    font-size: 25px;
}

.galery a {
    width: 50%;
}

.leva-strana h1 {
    font-size: 40px;
}
.sekce-header h2 {
    width: 100%;
}

.sekce-header {
    flex-wrap: wrap;
}

.perex {
    padding: 20px;
    width: 100%;
    /* text-align: center; */
    margin: auto;
    max-width: 100%;
}

.photo img {
    width: 100%;
}

section.sekce {
    padding-bottom: 60px;
}

.button.green {
    width: 100%;
    margin-bottom: 50px;
}

.claim-title {
    line-height: 150%;
    font-size: 28px;
    max-width: 300px;
    /* background: red; */
}

.claim {
    max-width: 70%;
    /* top: 30%; */
}
}
@media screen and (max-width:520px){
	#odber-novinek .wrap-full {
    padding: 20% 30px;
}
.lines {
    display: none;
}
nav .logo img {
    /* height: 70px; */
}
.foo-nav ul{
	
	height: 130px;
	
}

.claim {
    max-width: 70%;
    top: 20%;
}
}
@media screen and (max-width:470px){
nav .logo img {
    height: 60px;
}
.foo-nav a {
    font-size: 15px;
}

}
@media screen and (max-width:400px){
	
a.logo img {
    height: 60px;
}
#blog .item {
    padding: 30px 42px;
}
nav {
    font-size: 15px;
}

.claim {
    padding: 20px;
    max-width: 300px;
    left: 6px;
    padding-bottom: 40px;
    min-width: auto;
}

.claim-title {
    font-size: 30px;
    width: 100%;
}

/*
footer img {
    display: none;
}
*/
/*

footer {
    padding: 40px 0;
}
*/

.down {
    bottom: -1%;
    /* transform: scale(0.5); */
}

.down-arrow img {
    /* transform: scale(0.8) translateY(-160px); */
    width: 50px;
}

span.arrow img {
    width: 100px;
}

.claim-button {
    width: 270px;
}

.a-title {
    line-height: 30px;
}

}