@font-face {
    font-family: 'Edwardian';
    src: url('../css/fonts/EdwardianMediumLetPlain.eot'); /* IE9 Compat Modes */
    src: url('../css/fonts/EdwardianMediumLetPlain.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../css/fonts/EdwardianMediumLetPlain.woff2') format('woff2'), /* Super Modern Browsers */
       url('../css/fonts/EdwardianMediumLetPlain.woff') format('woff'), /* Pretty Modern Browsers */
       url('../css/fonts/EdwardianMediumLetPlain.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../css/fonts/EdwardianMediumLetPlain.svg#svgFontName') format('svg'); /* Legacy iOS */
    font-weight: normal;
    font-style: normal;
    unicode-range: U+00-FFFF;
}

* {
    margin: 0;
    padding: 0;
    border: 0;
    box-sizing: border-box;
}

html {
    height: 100%;
}

body {
    display: block;
    background-image: #fff;   
    height: 100%;
    margin: 0;
    background-repeat: no-repeat;
    font-family: 'Edwardian', serif;
}

/* Text */
h1 {
    
}

h4 {
    font-size: 100%;
}

p {
    
}

a {
    color: black;
}

.title {
    padding: 2% 4% 0 0;  
}

.title p{
    font-weight: bold;
}

/* End Text */
.wrapper {
    
}

.overlay-blur {
    
}

/* Landing */

.bgr-land {
    width: 100%;
    position: absolute;
    padding-bottom: 50%;
}

.bgrimg-land {
    z-index: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
}

.link {
/*  background: black;*/
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
}

.bgr-land-bottom-gradient {
    display: block;
    position: absolute;
    height: 10%;
    width: 100%;
    content: '';
    top: 100%;
    z-index: 1;
    
    background: -moz-linear-gradient(top, rgba(224,195,176,0.1) 0%, rgba(224,195,176,1) 100%, rgba(224,195,176,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(224,195,176,0.1) 0%,rgba(224,195,176,1) 100%,rgba(224,195,176,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(224,195,176,0.1) 0%,rgba(224,195,176,1) 100%,rgba(224,195,176,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66e0c3b0', endColorstr='#e0c3b0',GradientType=0 ); /* IE6-9 */
}

/* Content */

.bgrbk {
    padding-bottom: 60%;
    left: 15%;
    width: 70%;
    position:fixed;
    
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 46%, #e0c3b0 65%, #e0c3b0 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 46%,#e0c3b0 65%,#e0c3b0 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 0%,#ffffff 46%,#e0c3b0 65%,#e0c3b0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0c3b0',GradientType=0 ); /* IE6-9 */
    
}

.bgr {
    width: 100%;
    position: absolute;
    padding-bottom: 50%;
    left: ;
}

.bgrimg {
    z-index: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
}

.bgr-top-gradient {
    display: block;
    position: absolute;
    height: 11%;
    width: 100%;
    content: '';
    top: ;
    z-index: 1;
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 25%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 25%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 25%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */   
}

.bgr-bottom-gradient {
    display: block;
    position: absolute;
    height: 11%;
    width: 100%;
    content: '';
    top: 90%;
    z-index: 1;
    
    background: -moz-linear-gradient(top, rgba(224,195,176,0.1) 0%, rgba(224,195,176,1) 60%, rgba(224,195,176,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(224,195,176,0.1) 0%,rgba(224,195,176,1) 60%,rgba(224,195,176,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(224,195,176,0.1) 0%,rgba(224,195,176,1) 60%,rgba(224,195,176,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66e0c3b0', endColorstr='#e0c3b0',GradientType=0 ); /* IE6-9 */
}

/*--- Start Header ---*/

.logo {
    text-align: center;
    padding-bottom: 25px;
}

.logoimg {
    width: ;
}

.naslov {
    text-align: center;
    padding-top: 25px;
    padding-bottom: 10px;
}

.menu {
    width: 100%;
    padding-bottom: 30px;
}

.menu ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin-bottom: 1%;
}

.menu ul li {
    list-style: none;
}

.menu ul li a {
    text-decoration: none;
}

.meat_menu_img {
    width: 12%;
    vertical-align: bottom; 
}

.chease_menu_img {
    width: 12%;
    vertical-align: bottom;
}

.sweets_menu_img {
    width: 11%;
    vertical-align: bottom;
}

.coffee_menu_img {
    width: 12%;
    vertical-align: bottom;
}

.a-gallery {
    padding-top: 1%;
    padding-right: 5%;
}

.a-contact {
    padding-top: 1%;
    padding-right: 5%;
}

/*--- start content ---*/

/*Meat*/

.overlay-meat {
    position: absolute;
    width: 59%;
    top: 12.4%;
    right: 1.5%;
    opacity: 0;
}

.meat {
    width: 100%;
    height: auto;
}

.link-meat {
/*  background: black;   */
    display: block;
    position: absolute;
    width: 55%;
    height: 45%;
    top: 24%;
    right: 2%;
    z-index: 1;
}

.hidden-meat {
    opacity: 1;
}

/*Chease*/

.overlay-chease {
    position: absolute;
    width: 29.6%;
    top: 34.3%;
    left: 13.27%;
    opacity: 0;
}

.chease {
    width: 100%;
    height: auto;
}

.link-chease {
/*  background: orange;  */
    display: block;
    position: absolute;
    width: 23%;
    height: 30%;
    top: 42%;
    left: 20%;
    z-index: 1;
}

.hidden-chease {
    opacity: 1;
}

/*Sweets*/

.overlay-sweets {
    position: absolute;
    width: 13%;
    top: 64%;
    left: 0%;
    opacity: 0;
}

.sweets {
    width: 100%;
    height: auto;
}


.link-sweets {
/*  background: pink;  */
    display: block;
    position: absolute;
    width: 13%;
    height: 20%;
    top: 65%;
    left: 0%;
    z-index: 1;
}

.hidden-sweets {
    opacity: 1;
}

/*Coffee*/

.overlay-coffee {
    position: absolute;
    width: 20%;
    top: 41.4%;
    left: 0;
    opacity: 0;
}

.coffee {
    width: 100%;
    height: auto;
}

.link-coffee {
/*  background: violet;  */
    display: block;
    position: absolute;
    width: 15.5%;
    height: 20%;
    top: 42%;
    left: 0%;
    z-index: 1;
}

.hidden-coffee {
    opacity: 1;
}

/* stranice */

.blur {
    filter: blur(5px);
    -webkit-filter: blur(5px);
}

.overlay-content {
    display: flex;
    justify-content: space-between;
    
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.9) 32%, rgba(224,195,176,0.7) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0.9) 32%,rgba(224,195,176,0.7) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0.9) 32%,rgba(224,195,176,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b3e0c3b0',GradientType=0 ); /* IE6-9 */
    
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    font-size: 20px;
    
    overflow-y: scroll;
    padding-top: 175px;
}

.overlay-content-hidden {
    display: none;
}

.slepljivac {
    padding-bottom: 100%;
}

.overlay-content.active {
    display: block;
}

.close_position {
    position: fixed;
    bottom: 1%;
    left: 47.9%;
}

.close {
    background: #fff;
    border-radius: 50%; 
    cursor: pointer;
}

.close:hover {
    background: gray;
}

/* Meat Page */

.meat-page {
    width: 100%;
    text-align: center;
    padding-bottom: 5%;
}

.meat-hidden {
    display: none;
}

.meat_img_dry {
    position: absolute;
    top: 30%;
    left: 25%;  
}

.meat_img_bbq {
    position: absolute;
    top: 30%;
    right: 25%;
}

.slide-two-ita-text {
    line-height: 150%;
    padding-top: 2%;
    padding-bottom: 3%;
}

.slide-two-esp-text {
    line-height: 150%;
    padding-top: 2%;
    padding-bottom: 3%;
}

.italy-img img{
    width: 7%;
}

.spain-img img{
    width: 7%;
}

/* BBQ */

.frozen-img img{
    width: 5%;
}

.scotland {
    width: ;
}

.scotland-img img{
    width: 5%;
}

.scotland-text {
    line-height: 150%;
    padding-top: 1%;
    padding-bottom: 2%;
}

.wales {
    width: ;
}

.wales-img img{
    width: 7%;
}

.wales-text {
    line-height: 150%;
    padding-top: 1%;
    padding-bottom: 2%;
}

.ireland {
    width: ;
}

.ireland-img img{
    width: 7%;
}

.ireland-text {
    line-height: 150%;
    padding-top: 1%;
    padding-bottom: 2%;
}

.australia {
    width: ;
}

.australia-img img{
    width: 7%;
}

.australia-text {
    line-height: 150%;
    padding-top: 1%;
    padding-bottom: 2%;
}

.holland {
    width: ;
}

.holland-img img{
    width: 7%;
}

.holland-text {
    line-height: 150%;
    padding-top: 1%;
    padding-bottom: 2%;
}

.spain {
    width: ;
}

.spain-img img{
    width: 7%;
}

.spain-text {
    line-height: 150%;
    padding-top: 1%;
    padding-bottom: 2%;
}

/* Chease Page */

.chease-page {
    width: 100%;
    text-align: center;
    padding-bottom: 5%;
}

.chease-hidden {
    display: none;
}

.chease-img img{
    width: 7%;

}

.chease-text {
    line-height: 150%;
    padding-top: 1%;
    padding-bottom: 3%;
}

/* Sweets Page */

.sweets-page {
    width: 100%;
    text-align: center;
    padding-bottom: 5%:
}

.sweets-hidden {
    display: none;
}

.sweets-img img{
    width: 7%;
}

.sweets-text {
    line-height: 150%;
    padding-top: 1%;
}

/* Coffee Page */

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

.coffee-hidden {
    display: none;
}

.coffee-img img{
    width: 7%;
}

.coffee-text {
    line-height: 150%;
    padding-top: 1%;
}

/* Gallery page*/

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

.gallery a{
    padding-bottom: 10px;
}

.gallery-page {
    
}

.gallery-hidden {
    display: none;
}


/* Contact us page */

.contact-page {
    width: 100%;
    display: flex;
    justify-content: center;
}

.contact-bgr {
    background: #fff; 
    padding-top: 10%;
    padding-left: 5%;
    padding-bottom: 10%;
    width: 60%;    
}

.contact-hidden {
    display: none;
}

.contact-img {
    position: fixed;
    top: 10%;
    left: 44%;
    
}

.contact-img img{
    width: 80%;
}

.contact-text {
    
}

.telefon {
    display: flex;
}

.telefon-br {
    width: 100%;
    padding-left: 5%;
}

.email {
    display: flex;
}

.email-em {
    width: 100%;
    padding-left: 6 %;
}

/* Slider prev/next */

.slider-wrapper {
    position: relative;
}

.lSAction .lSPrev {
    background: violet;
}

.lSAction .lSNext {
    background: violet;
}

.slider-selector {
    width: 100%;
}

.slider-placeholder {
    width: 100%;
}

.hidden-content {
    display: none;
}

/* Navigation */

.dry_pos {
    position: absolute;
    top: 2%;
    left: 30%;
}

.bbq_pos {
    position: absolute;
    top: 2%;
    left: 30%;
}

.next-slide {
    position: absolute;
    top: 11%;
    left: 32%;
}

.prev-slide {
    position: absolute;
    top: 11%;
    right: 34%;
}

/* Media */

@media screen and (max-width:1024px) {
    
    .logoimg {
        
    }
    
    .contact-img {
        position: fixed;
        top: 10%;
        left: 42%;
    }
    
    .contact-img img{
        width: 75%;
    }
}

@media screen and (max-width:768px) {
    
    h1 {
        font-size: 170%;
    }
    
    .contact-img {
        position: fixed;
        top: 10%;
        left: 40%;    
    }
    
    .logoimg {
        width: 17%;
    }
    
}

@media screen and (max-width:425px) {
    
    h1 {
        font-size: 130%;
    }
    
    h2 {
        font-size: 130%;
    }
    
    h4 {
        font-size: 95%;
    }
    
    p {
      font-size: 80%;  
    }
    
    a {
        font-size: 80%;
    }
    
    .logo {
        padding-bottom: 20px;
    }

    .bgrbk {
        width: 100%;
        left: 0;
    }
    
    .jezik ul {
        justify-content: center;
        margin-bottom: 10%;
    }
    
    .jezik ul li {
        
    }
    
    .menu ul {
        justify-content: ;
        text-align: center;
        flex-direction: column;
    }
    
    .menu ul li {
        margin-bottom: 5%;
    }
    
    .meat_menu_img {
        width: 7%;
    }
    
    .chease_menu_img {
        width: 7%;
    }
    
    .sweets_menu_img {
        width: 7%;
    }
    
    .coffee_menu_img {
        width: 7%
    }
    
    .dry_pos {
        top: 1%;
        left: 20%;
    }
    
    .bbq_pos {
        top: 2%;
        left: 20%;
    }
    
    .meat_img_dry {
        top: 20%;
        left: 34%;
    }
    
    .meat_img_dry img {
        width: 85%;
    }
    
    .meat_img_bbq {
        top: 50%;
        right: 33%
    }
    
    .meat_img_bbq img {
        width: 85%;
    }
    
    .meat-page {
        padding-bottom: 30%;
    }
    
    .chease-page {
        padding-bottom: 30%;
    }
    
    .contact-img {
        top: 5%;
        left: 35%;
    }
    
    .contact-img img{
        width: 70%;
    }
    
    .contact-bgr {
        width: 80%;
        padding-top: 20%;
        padding-left: 5%;
        padding-bottom: 40%;
    }
    
    .close_position {
        left: 43.6%;
    }
}