@font-face {
  font-family: delicate;
  src: url(fonts/delicate.woff);
}

@font-face {
  font-family: highvoltage;
  src: url(fonts/highvoltage.woff);
}

html{
  box-sizing: border-box;
  scroll-behavior: smooth;
    font-family: Arial, Helvetica, sans-serif;
    font-family:'highvoltage';
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:100%
}

*, *:before, *:after {
  box-sizing: inherit;
}

body{
    margin:0;
    font-family: Arial, Helvetica, sans-serif;
    font-family:'highvoltage';
    color: rgb(255,255,255);
    font-size: 22px;
    font-weight:500;
    overflow-x:hidden;

    position:relative;
}

img{
    max-width:100%;
}

a{
    text-decoration: none;
}

h1{
    color:rgb(255,0,0);
}

#fixed1{
    position:fixed;
    top:0;
    right:0;
    left:0;
    height:50vh;
    -webkit-transition:all ease 0.5s;
    -moz-transition:all ease 0.5s;
    -ms-transition:all ease 0.5s;
    -o-transition:all ease 0.5s;
    transition:all ease 0.5s;
    background-size:cover;
    background-image:url(prva.jpeg);
    background-position:center center;
    z-index:50;
}

#fixed2{
    position:fixed;
    bottom:0;
    right:0;
    left:0;
    height:50vh;
    -webkit-transition:all ease 0.5s;
    -moz-transition:all ease 0.5s;
    -ms-transition:all ease 0.5s;
    -o-transition:all ease 0.5s;
    transition:all ease 0.5s;
    background-size:cover;
    background-image:url(druga.jpg);
    background-position:center center;
    z-index:50;
}

.header{
    height:50vh;
    -webkit-transition:all ease 0.5s;
    -moz-transition:all ease 0.5s;
    -ms-transition:all ease 0.5s;
    -o-transition:all ease 0.5s;
    transition:all ease 0.5s;
    position:relative;
    z-index:100;
    background-color:rgba(0,0,0,0);
}

.green{
    background-color:rgb(22,96,40);
    background-image:url(images/greenPaper.jpg);
    background-size:cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.footer{
    background-color:rgb(22,96,40);
    background-image:url(/images/greenPaper.jpg);
    background-size:cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.relative{
    z-index:500;
    position:relative;
}

.writting{
    position:absolute;
    top:20px;
    right:20px;
    font-size:20px;
    text-align:right;
}

.writting a{
    color:rgb(255,255,255);
}

.orange{
    color:rgb(229,169,70);
}

.contentWidth{
    width:100%;
    margin:0 auto;
    padding:0px 10px;
    max-width: 950px;
    position:relative;
    z-index:500;
}

.mainTitle{
    font-size:60px;
    margin-bottom:30px;
    padding-top:30px;
}

.delicate{
    font-family: "delicate";
}

.highvoltage{
    font-family: "highvoltage";
}

.categories{
    font-size:0;
}

.category{
    display: inline-block;
    vertical-align:top;
    width:33.333%;
    font-size:16px;
    padding:0 20px;
}

.category .title{
    font-size:34px;
}

.displayItems .inlines{
    font-size:0px;
}

.displayItems .inlines .star{
    width:30px;
    display: inline-block;
    vertical-align: middle;
    padding-right:10px;
    margin-top:-5px;
}

.displayItems .inlines .title{
    display: inline-block;
    vertical-align: middle;
    font-size:20px;
    width:calc(100% - 90px);
    background-image:url(images/dot.png);
    background-repeat: repeat-x;
}

.displayItems .inlines .title span{
    background-color: rgb(22,96,40);
    padding-right:4px;
    padding-bottom:2px;
}

.displayItems .inlines .price{
    display: inline-block;
    vertical-align: middle;
    font-size:20px;
    width:60px;
    text-align:right;
}

.displayItems .description{
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
    padding-left:30px;
    margin-bottom:10px;
}

.jutarnjiDodaci{
    background-color: rgb(229,169,70);
    color:rgb(22,96,40);
    padding:20px;
    border-radius:20px;
}

.jutarnjiDodaci .inlines .title span{
    background-color: rgb(229,169,70);
    padding-right:4px;
}

.jutarnjiDodaci .inlines .title{
    background-image:url(images/greenDot.png);
}

.subgroups .title{
    background-image:none !important;
}

.burgers .inlines .title{
    color:rgb(229,169,70);
}

.inlines2{
    font-size:0px;
}

.inlines2 .title2{
    font-size:20px;
    display:inline-block;
    vertical-align:middle;
    width:calc(100% - 60px);
    background-image:url(images/dot.png);
    background-repeat: repeat-x;
}

.inlines2 .title2 span{
    padding-left:30px;
    background-color: rgb(22,96,40);
    padding-right:4px;
}

.inlines2 .price2{
    font-size:20px;
    display:inline-block;
    vertical-align:middle;
    width:60px;
}

.displayItems .inlines2:first-child{
    margin-top:-10px;
}

.displayItems .inlines2:last-child{
    margin-bottom:10px;
}

.allStar{
    font-family:'delicate';
    font-size:70px;
    position:absolute;
    color:rgb(255,255,255);
    opacity:0.2;
    top:30px;
    right:30px;
    
    z-index:200;
    width:100vw;
    text-align:right;
}

.oranged{
    background-color: rgb(229,169,70);
    border-radius:20px;
    padding:10px;
}

.oranged .title{
    color: rgb(22,96,40);
}

.oranged .displayItems .inlines .title{
    color:rgb(22,96,40);
    background-image:url(images/greenDot.png);
}

.oranged .displayItems .inlines .price{
    color:rgb(22,96,40);
}

.oranged .displayItems .inlines .title span{
    background-color:rgb(229,169,70);
}

.bordered{
    border:2px solid rgb(255,255,255);
    border-radius:22px;
    padding:15px;
}

#menu{
    position:fixed;
    top:0;
    left:0;
    right:0;
    text-align:center;
    font-size:0;
    z-index:2000;
    padding:10px 0;
    background-color:rgba(22,96,40,0);
    border-bottom:2px solid rgb(255,255,255,0);
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    -ms-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    transition: all ease 0.5s;
}

.menuScrolled{
    background-color:rgba(22,96,40,1) !important;
    border-bottom:2px solid rgb(255,255,255,1) !important;
}

#menu .logo{
    display:inline-block;
    vertical-align: middle;
    width:100px;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    -ms-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    transition: all ease 0.5s;
}

.menuScrolled .logo{
    width:75px !important;
}

#menu .menuItems{
    width:calc(100% - 100px);
    font-size:12px;
    text-align:right;
    display:inline-block;
    vertical-align: middle;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    -ms-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    transition: all ease 0.5s;
}

.menuScrolled .menuItems{
    width:calc(100% - 75px) !important;
}


#menu .menuItems .menuItem{
    width:150px;
    text-align:center;
    display:inline-block;
    vertical-align: middle;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    -ms-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    transition: all ease 0.5s;
}

.menuScrolled .menuItems .menuItem{
    width:100px !important;
}

#menu .menuItems .menuItem .wrapper{
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    -ms-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    transition: all ease 0.5s;
    width:100px;
    -webkit-transform: scale(1.0);
    -moz-transform: scale(1.0);
    -ms-transform: scale(1.0);
    -o-transform: scale(1.0);
    transform: scale(1.0);
}

.menuScrolled .menuItems .menuItem .wrapper{
    width:75px !important;
}

#menu .menuItems .menuItem .wrapper:hover{
   -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

#menu .menuItems .menuItem .wrapper .icon{
    width:50px;
}

.menuScrolled .menuItems .menuItem .wrapper .icon{
    width:35px !important;
}

#menu .menuItems .menuItem .wrapper .note a{
    text-decoration: none;
    color:rgb(255,255,255);
    font-family:'delicate';
}

#fixed-home{
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    -ms-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    transition: all ease 0.5s;
    height:80vh;
    top:0;
    left:0;
    right:0;
    background-image:url(images/burger1.jpeg);
    background-size:cover;
    background-position: center center;
    background-repeat: no-repeat;
    position:fixed;
    z-index:200;
}

#space-home{
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    -ms-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    transition: all ease 0.5s;
    height:80vh;
    z-index:300;
    position:relative;
    background-color:rgba(0,0,0,0.4);
}

#space-home .absolute{
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-ztransform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width:100%;
    text-align:center;
    overflow:hidden;
    font-family: 'delicate';
}

#space-home .absolute .smallWritting{
    font-size:40px;
    text-shadow:2px 2px 2px rgba(0,0,0,0.8);
    line-height:70px;
    font-family:'delicate';
}

#space-home .absolute .bigWritting{
    font-size:140px;
    text-shadow:2px 2px 2px rgba(0,0,0,0.8);
    font-family:'highvoltage';
    color:rgb(229,169,70);
}

.green .buttonWrap{
    text-align: center;
    padding:20px;
    position:relative;
    z-index:500;
    padding-bottom:30px;
}

.green .buttonWrap .button{
    display:inline-block;
    border:2px solid rgb(255,255,255);
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    -ms-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    transition: all ease 0.5s;
    background-color:rgba(255,255,255,0);
    margin:0 10px;
}

.green .buttonWrap .button:hover{
    background-color:rgba(255,255,255,1);
}

.green .buttonWrap .button a{
    display:block;
    padding:10px;
    text-decoration: none;
    color:rgb(255,255,255);
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    -ms-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    transition: all ease 0.5s;
}

.green .buttonWrap .button:hover a{
    color:rgb(22,96,40);
}

.slidesWrap{
    overflow: hidden;
}

.slides{
    font-size:0;
    width:700vw;
    margin-left:0vw;
    -webkit-transition: all ease 1s;
    -moz-transition: all ease 1s;
    -ms-transition: all ease 1s;
    -o-transition: all ease 1s;
    transition: all ease 1s;

}

.slides .slide{
    width:100vw;
    height:80vh;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    -ms-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    transition: all ease 0.5s;
    display:inline-block;
    vertical-align: middle;
    background-size:cover;
    background-repeat: no-repeat;
    background-position: center center;
    position:relative;
}




.slidesWrap .titleWrap{
    background-color:rgba(0,0,0,0.4);
    color:rgb(255,255,255);
    position:absolute;
    top:0;
    left:0;
    right:0;
    padding:7px;
    text-align:center;
    z-index:200;
}

.slidesWrap .titleWrap .slidesTitle{
    font-family:'highvoltage';
    font-size:30px;
}

.slidesWrap .titleWrap #slides-date{
    font-family:'delicate';
    font-size:24px;
    line-height:30px;
}

.slidesWrap .dots{
    position:absolute;
    text-align:center;
    bottom:10px;
    left:0;
    right:0;
    z-index:200;
}


.slidesWrap .dots .dot{
    display: inline-block;
    margin:4px;
    border:1px solid rgb(255,255,255);
    width:20px;
    height:20px;
    border-radius:20px;
    position:relative;
    cursor: pointer;
    box-shadow:1px 1px 1px rgba(0,0,0,0.8);
}

.slidesWrap .dots .dot .dotInside{
    width:15px;
    height:15px;
    border-radius:15px;
    background-color: rgba(255,255,255,0);
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-transition:all ease 0.5s;
    -moz-transition:all ease 0.5s;
    -ms-transition:all ease 0.5s;
    -o-transition:all ease 0.5s;
    transition:all ease 0.5s;
    box-shadow:1px 1px 1px rgba(0,0,0,0.8);
}

.slidesWrap .dots .dotActive .dotInside{
    background-color: rgba(255,255,255,1);
}

.slidesWrap .arrow{
    position:absolute;
    top:0;
    bottom:0;
    width:50px;
    cursor:pointer;
    -webkit-transition:all ease 0.5s;
    -moz-transition:all ease 0.5s;
    -ms-transition:all ease 0.5s;
    -o-transition:all ease 0.5s;
    transition:all ease 0.5s;
    -webkit-transform:scale(1.0);
    -moz-transform:scale(1.0);
    -ms-transform:scale(1.0);
    -o-transform:scale(1.0);
    transform:scale(1.0);
    background-size:50px;
    background-position: center center;
    background-repeat: no-repeat;
}

.slidesWrap .arrow:hover{
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -ms-transform:scale(1.2);
    -o-transform:scale(1.2);
    transform:scale(1.2);
}

.slidesWrap .arrowLeft{
    left:10px;
    -webkit-transform-origin:left center;
    -moz-transform-origin:left center;
    -ms-transform-origin:left center;
    -o-transform-origin:left center;
    transform-origin:left center;
    background-image: url(images/arrowLeft.png);
}

.slidesWrap .arrowRight{
    right:10px;
    -webkit-transform-origin:right center;
    -moz-transform-origin:right center;
    -ms-transform-origin:right center;
    -o-transform-origin:right center;
    transform-origin:right center;
    background-image: url(images/arrowRight.png);
}

.sectionTitle{
    font-size:36px;
    text-align:center;
    padding:15px 5px;
}

.galleryWrap{
    font-size:0;
    text-align:center;
}

.galleryWrap .galleryItem{
    width:24vw;
    height:24vw;
    border:1px solid rgba(22,96,40,0);
    display:inline-block;
    vertical-align: middle;
    overflow:hidden;
}

.galleryWrap .galleryItem .galleryImage{
    width:100%;
    height:100%;
    -webkit-transition:all ease 0.5s;
    -moz-transition:all ease 0.5s;
    -ms-transition:all ease 0.5s;
    -o-transition:all ease 0.5s;
    transition:all ease 0.5s;
    -webkit-transform:scale(1.0);
    -moz-transform:scale(1.0);
    -ms-transform:scale(1.0);
    -o-transform:scale(1.0);
    transform:scale(1.0);
    background-size:cover;
    background-repeat: no-repeat;
    cursor:pointer;
}

.galleryWrap .galleryItem:hover .galleryImage{
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -ms-transform:scale(1.2);
    -o-transform:scale(1.2);
    transform:scale(1.2);
}

.whiteBackground{
    padding:30px 0;
    /*background-image:url(images/white-background.jpg);*/
    background-image:url(images/paper.jpg);
    background-size:cover;
    background-repeat: no-repeat;
    background-position: center center;
    overflow-x:hidden;
}

.whiteBackground .tasty{
    color:rgb(229,169,70);
    font-size:20px;
    font-family: 'highvoltage';
    text-align:center;
}


.whiteBackground .aboutTitle{
    color:rgb(38,38,38);
    font-family: 'delicate';
    font-size:40px;
    line-height: 60px;
    text-align:center;
}

.whiteBackground .about{
    color:rgb(38,38,38);
    font-size:16px;
    text-align:center;
}

.whiteBackground .tasty2{
    color:rgb(229,169,70);
    font-size:40px;
    line-height: 60px;
    font-family: 'delicate';
    text-align:center;
    margin-top:20px;
}

.info{
    font-size:0;
}

.info .inline{
    width:50%;
    display:inline-block;
    vertical-align: top;
    font-size:12px;
    height:500px;
}

.info .inline #map{
    height:100%;
}

.info .about{
    background-image:url(images/about.jpg);
    background-size:cover;
    background-position:center center;
    text-align:right;
    padding-top:40px;
}

.info .about .infoWrap{
    width:50%;
    padding-right:20px;
    margin-right:0;
    margin-left:auto;
}

.info .about .infoWrap .smallTitle{
    color:rgb(229,169,70);
    font-family:'highvoltage';
    font-size:18px;
    text-align: left;
}

.info .about .infoWrap .phoneNumber{
    color:rgb(255,255,255);
    font-family:'highvoltage';
    font-size:30px;
    text-align: left;
}

.info .about .infoWrap .phoneNumber a{
    text-decoration: none;
    color:rgb(255,255,255);
}

.info .about .infoWrap .contentIcon{
    font-size:0;
    text-align:left;
    margin-bottom:20px;
}

.info .about .infoWrap .contentIcon .icon{
    display:inline-block;
    vertical-align: top;
    width:50px;
    height:50px;
    background-size:cover;
    background-position:center center;
}

.info .about .infoWrap .contentIcon .information{
    width:calc(100% - 100px);
    padding-left:20px;
    font-size:12px;
    font-family: Arial, Helvetica, sans-serif;
    display:inline-block;
    vertical-align: top;
}

.info .about .infoWrap .contentIcon .radnoVreme{
    background-image:url(images/radnoVreme.png);
}

.info .about .infoWrap .contentIcon .lokacija{
    background-image:url(images/lokacija.png);
}

.footer{
    padding:15px 0;
    text-align:center;
}

.footer .allStar{
    font-family:'delicate';
    font-size:30px;
    position:relative;
    color:rgb(255,255,255);
    opacity:0.2;
    bottom:auto;
    left:auto;
    top:auto;
    right:auto;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
    z-index:200;
    width:100%;
    text-align:center;
}

.footer .info{
    color:rgb(255,255,255);
    font-size:12px;
    font-family: Arial, Helvetica, sans-serif;
}

.responsive750Inline{
    display:none !important;
}

#gallery-lightbox{
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:rgba(0,0,0,0.8);
    z-index:3000;
}

#gallery-lightbox .lightboxContent{
    width:100vw;
    margin:0 auto;
    overflow:hidden;
}

#galerija-content{
    width:900vw;
    -webkit-transition:all ease 1s;
    -moz-transition:all ease 1s;
    -ms-transition:all ease 1s;
    -o-transition:all ease 1s;
    transition:all ease 1s;
    margin-left:0vw;
    font-size:0;
}

#galerija-content .galleryItem{
    width:100vw;
    height:100vh;
    -webkit-transition:all ease 1s;
    -moz-transition:all ease 1s;
    -ms-transition:all ease 1s;
    -o-transition:all ease 1s;
    transition:all ease 1s;
    display:inline-block;
    vertical-align: middle;
}

#galerija-content .galleryItem .galleryImage{
    height:100%;
    background-repeat:no-repeat;
    background-size:contain;
    background-position: center center;
    -webkit-transition:all ease 1s;
    -moz-transition:all ease 1s;
    -ms-transition:all ease 1s;
    -o-transition:all ease 1s;
    transition:all ease 1s;
}

#gallery-lightbox .arrow{
    position:fixed;
    z-index:3000;
    top:0;
    bottom:0;
    background-size:contain;
    background-position:center center;
    background-repeat: no-repeat;
    width:3vw;
}

#gallery-lightbox .arrowLeft{
    background-image: url(images/arrowLeft.png);
    left:1vw;
}

#gallery-lightbox .arrowRight{
    background-image: url(images/arrowRight.png);
    right:1vw;
}

#gallery-lightbox .closeGallery{
    position:fixed;
    z-index:3000;
    bottom:10px;
    border:1px solid rgb(255,255,255);
    background-color: rgba(0,0,0,0.4);
    padding:10px;
    font-size:14px;
    font-family: Arial,Helvetica,sans-serif;
    display:inline-block;
    left:50%;
    -webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    -o-transform:translateX(-50%);
    transform:translateX(-50%);
    cursor:pointer;
}

.slide .kviz .leftWhite{
    position:absolute;
    z-index:100;
    top:0;
    left:0;
    width:50vw;
    height:10vh;
    background-color:rgb(231,231,231);
}

.slide .kviz .rightBlue{
    position:absolute;
    z-index:100;
    top:0;
    right:0;
    width:50vw;
    height:10vh;
    background-color:rgb(16,76,139);
}

.slide .kviz .leftRed{
    position:absolute;
    z-index:110;
    top:10vh;
    left:0;
    width:50vw;
    height:70vh;
    background-color:rgb(237,55,68);
}

.slide .kviz .yellowRight{
    position:absolute;
    z-index:110;
    top:10vh;
    right:0;
    width:50vw;
    height:70vh;
    background-color:rgb(255,200,11);
}

.slide .kviz .leftBlue{
    position:absolute;
    z-index:120;
    bottom:-40vw;
    left:50vw;
    width:60vw;
    height:60vw;
    -webkit-transform:translateX(-100%);
    -moz-transform:translateX(-100%);
    -ms-transform:translateX(-100%);
    -o-transform:translateX(-100%);
    transform:translateX(-100%);
    background-color:rgb(12,75,142);
    border-radius:1000px 0px 0px 0px;
}

.slide .kviz .rightWhite{
    position:absolute;
    z-index:120;
    bottom:-40vw;
    left:50vw;
    width:60vw;
    height:60vw;
    background-color:rgb(213,213,213);
    border-radius:0px 1000px 0px 0px;
}

.slide .kviz .logos .left{
    width:20vw;
    position:absolute;
    z-index:130;
    left:15vw;
    bottom:20vh;
    text-align:center;
}

.slide .kviz .logos .right{
    width:20vw;
    position:absolute;
    z-index:130;
    right:15vw;
    bottom:20vh;
    text-align:center;
}

.slide .kviz .writting{
    width:100%;
    background-color:rgba(0,0,0,0.4);
    padding:10px;
    position:absolute;
    left:0;
    top:25%;
    z-index:140;
    font-size:0;
    text-align:center;
}

.slide .kviz .writting .star{
    vertical-align:middle;
    display:inline-block;
}

.slide .kviz .writting .info{
    vertical-align:middle;
    display:inline-block;
    font-size:86px;
    color:rgb(255,255,255);
    padding:0px 10px;
}

.slide .writting{
    width:100%;
    background-color:rgba(0,0,0,0.4);
    padding:10px;
    position:absolute;
    left:0;
    top:25%;
    z-index:140;
    font-size:0;
    text-align:center;
    text-shadow:2px 2px 2px rgba(0,0,0,0.8);
}

.slide .writting .star{
    vertical-align:middle;
    display:inline-block;
    margin-top:-12px;
}

.slide .writting .info{
    vertical-align:middle;
    display:inline-block;
    font-size:86px;
    color:rgb(255,255,255);
    padding:0px 10px;
}

.slide .writting .additional{
    font-size:50px;
    text-align:center;
    padding-top:20px;
    color:rgb(229,169,70);
}

.scrollUp{
    position:absolute;
    top:13px;
    right:13px;
    width:50px;
    z-index:2000;
    cursor:pointer;
}

@media screen and (max-width: 750px) {
    .category .title{
        font-size:20px;
    }
    .displayItems .inlines .title{
        font-size:14px;
        width:calc(100% - 58px);
    }
    .displayItems .inlines .price{
        font-size:14px;
        width:43px;
    }
    .inlines2 .title2{
        font-size:14px;
    }
    .inlines2 .price2{
        font-size:14px;
    }
    .displayItems .inlines .star{
        width:15px;
        padding-right:5px;
    }

    .categories{
        text-align:center;
    }

    .categories .category{
        width:50%;
        margin-top:10px !important;
        text-align: left;
        padding:0 10px;
    }
    .categories .category:last-child{
        width:100%;
    }
    .oranged .displayItems .inlines .title{
        background-image: url(images/greenDotR.png);
    }
    .displayItems .inlines .title{
        background-image: url(images/dotR.png);
    }
    .jutarnjiDodaci .inlines .title{
        background-image: url(images/greenDotR.png);
    }
    .inlines2 .title2{
        background-image: url(images/dotR.png);
    }
    .jutarnjiDodaci{
        padding:10px;
    }
    .inlineOnResponsive{
        width:48%;
        display:inline-block;
        vertical-align: top;
    }

    #menu .logo{
        width:75px;
    }

    .menuScrolled .logo{
        width:50px !important;
    }

    #menu .menuItems{
        width:calc(100% - 75px);
    }

    .menuScrolled .menuItems{
        width:calc(100% - 50px) !important;
    }


    #menu .menuItems .menuItem{
        width:75px;
    }

    .menuScrolled .menuItems .menuItem{
        width:75px !important;
    }

    #menu .menuItems .menuItem .wrapper{
        width:75px;
    }

    .menuScrolled .menuItems .menuItem .wrapper{
        width:75px !important;
    }

    #menu .menuItems .menuItem .wrapper .icon{
        width:25px;
    }

    .menuScrolled .menuItems .menuItem .wrapper .icon{
        width:25px !important;
    }

    .galleryWrap .galleryItem{
        width:33vw;
        height:33vw;
    }

    .responsive750Inline{
        display:inline-block !important;
    }
    .info .inline{
        display:block;
        width:100%;
    }
    .slidesWrap .arrow{
        display:none;
    }

    .green .buttonWrap .button{
        display:block;
        width:70%;
        margin:30px auto;
    }

    .slide .writing .star{
        width:30px;
    }

    .slide .writting .info{
        font-size:36px;
    }

    .slide .writting{
        top:45%;
    }
}

@media screen and (max-width: 500px) {
    /*#space-home .absolute .bigWritting{
        font-size:50px;
        line-height: 70px;
    }

    #space-home .absolute .smallWritting{
        font-size:20px;
        line-height: 35px;
    }*/
    .info .about .infoWrap{
        width:70%;
    }
    .whiteBackground .tasty2{
        font-size:30px;

    }

    .slide .kviz .writting .info{
        font-size:48px;
    }

    .slide .writting .info{
        font-size:36px;
    }

    .slide .writting .star{
        width:30px;
    }

    .slide .writting .additional{
        font-size:30px;
    }

}