@font-face{
	font-family: SingPainter;
	src: url('../fonts/SignPainter.ttf');
}

/*
@font-face{
	font-family: Avenir;
	src: url('../fonts/Avenir.otf');
}
*/

@font-face { font-family: 'Avenir'; 
	src: url('/css/webfont/AvenirLTStd-Book.eot?#iefix') format('embedded-opentype'), 
	url('/css/webfont/AvenirLTStd-Book.otf') format('opentype'), 
	url('/css/webfont/AvenirLTStd-Book.woff') format('woff'), 
	url('/css/webfont/AvenirLTStd-Book.ttf') format('truetype'), 
	url('/css/webfont/AvenirLTStd-Book.svg#AvenirLTStd-Book') format('svg'); 
	font-weight: normal; font-style: normal; 
}

.zelena{
	color: #006d41;
	font-weight: 900 !important;
}

.overlay {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  background-color: #006d41;
  overflow-x: hidden;
  transition: 0.5s;
}

.navbar-logo{
	background-image: url('../img/logic.png');
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	height: 130px;
	width: 100%;
	padding-bottom: 40px;
}

.overlay-content {
    position: relative;
    top: auto;
    width: 100%;
    text-align: center;
    margin-top: 0px;
    padding-top: 30vw;
    font-family: 'Avenir';
}

.overlay a {
  padding: 8px;
  text-decoration: none;
  font-size: 36px;
  color: #45B5AA;
  display: block;
  transition: 0.3s;
  font-weight: 500;
}

.overlay a:hover, .overlay a:focus {
  color: #7EE1D6;
  text-decoration-line: none;
}






body{
	background-color: #F1F1DE;
	margin: 0px !important;
	color: #6F6F6F;
    font-family: 'Avenir';
 	background-size: 20%;
	background-repeat: no-repeat;
	background-position: 65vw 60vh;
}

#myNav{
	width: 100%;
	height: 0%;
	background-color: #006d41;
	top: 0px;
	left: 0px;
}

#myNav  h6,
#myNav a > h4{
	color: #fff;
}

#myNav  h6{
	font-size: 35px;
}


.overlay .closebtn{
    font-size: 40px !important;
    font-family: 'Avenir';
    color: #fff;
    font-weight: 100;
	top: -2px;
    right: 5px;
    margin: 0;
    padding: 0;
    position: absolute;
}

.overlay-content h6{
    padding-top: 20px;
    padding-bottom: 30px;
}

.menu_tekst h4{
	font-size: 18px;
}



.myNav{
	width: 100%;
	height: 100%;
	opacity: 0;
}

.navbar_hambi{
    background-image: url(../img/navbar.png);
    height: 20px;
    width: 20px;
    margin-right: 10px;
    margin-top: -55px;
    background-size: cover;
    float: right;
}

.nav_izbornik, .overlay a{
	color: #fff;
}

.overlay a:hover,
.overlay a:active{
	color: #006d41;
}



.btn-primary {
    color: #6f6f6f;
    background-color: transparent;
    border-color: transparent;
}

.navbar, .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    margin-bottom: 0px;
    background-color: #006d41 !important;
    border: none;
    font-size: 20px;
    color: #ffffff;
}

.navbar-btn {
    margin-top: 10px;
    margin-bottom: 10px;
}


.logic{
	margin-left: 10px;
	margin-top: 10px;
 	background-position: center;
 	background-repeat: no-repeat;
 	background-size: 100%;
 	height: 40px;
 	width: 40px;
	background-image: url('../img/logic.png');
	border-style: none;
	float: left;
}


.navbar_brand{
	margin-left: 50px;
    margin-right: 50px;
    height: 100%;
    width: auto;
    font-size: 50px;
    color: #ffffff;
    font-family: SingPainter;
    text-align: center;
}



.btn{
    padding: 0px 5px;
    font-size: .8em;
}

h3{
	font-size: 30px;
}

h5, .tipka{
	font-size: 18px;
    font-family: 'Avenir';
}

h6{
	font-size: 22px;
	font-weight: 600;
	color: #006d41;
    font-family: 'Avenir';
}

h4{
	font-size: 14px;
	line-height: 19px;
	font-weight: 300;
	color: #666;
    font-family: 'Avenir';
}

a, a:hover, a:active{
	color: #84b842;
	border: none !important;
	text-decoration-line: none;
}

button.tipka.btn,
button.tipka_faq.btn{
	border: none;
	border-radius: 20px;
	height: 40px;
	width: 120px;
	background-color: #006d41;
	color: #ffffff;
	font-weight: 200;
	margin-bottom: 40px;
}


button.tipka.btn:active,
button.tipka.btn:focus,
button.tipka.btn:hover,
button.tipka_faq.btn:active,
button.tipka_faq.btn:focus,
button.tipka_faq.btn:hover{
  outline: none;
  box-shadow: initial;
  background-color: #84b842;
}



.age_screen{
	padding-left: 40px;
	padding-right: 40px;
	padding-bottom: 80px;
}

.welcome_screen{
	padding-left: 20px;
	padding-right: 20px;
}

.welcome_slika{
	background-image: url('../img/1.jpg');
	width: auto;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
}

.welc{
	background-position: 55vw 9vh;
	background-repeat: no-repeat;
	background-size: 40%;
}


.indeks{
	background-image: url(../img/page/jabuka_2.png);
    background-position: 55vw 80vh;
    background-repeat: no-repeat;
    background-size: 50%;
}

.koktel{
	padding-bottom: 0px;
	padding-left: 10px;
	padding-right: 10px;
}

.koktel_1{
	background-image: url('../img/page/bobice_2.png');	
	background-position: 0vw 63vh;
	background-repeat: no-repeat;
	background-size: 40%;
}


.koktel_2{
	background-image: url('../img/page/kruska_2.png');	
	background-position: 64vw 7vh;
	background-repeat: no-repeat;
	background-size: 40%;
}

.koktel_3{
	background-image: url('../img/page/lubenica_2.png');	
	background-position: -4vw 7vh;
	background-repeat: no-repeat;
	background-size: 45%;
}

.koktel_4{
	background-image: url('../img/page/bobice_2.png');	
	background-position: -2vw 12vh;
	background-repeat: no-repeat;
	background-size: 45%;
}

.koktel_5{
	background-image: url('../img/page/jabuka_2.png');	
	background-position: 55vw 52vh;
	background-repeat: no-repeat;
	background-size: 45%;
}


.koktel_6{
	background-image: url('../img/page/kruska_2.png');	
	background-position: 61vw 5vh;
	background-repeat: no-repeat;
	background-size: 40%;
}


.koktel_7{
	background-image: url('../img/page/bobice_2.png');	
	background-position: -2vw 11vh;
	background-repeat: no-repeat;
	background-size: 40%;
}

.pozadina1{
	background-image: url('../img/page/lubenica_2.png');	
	background-position: -6vw 6vh;
	background-repeat: no-repeat;
	background-size: 45%;
}

.pozadina2{
	background-image: url('../img/page/lubenica_2.png');	
	background-position: 56vw 20vh;
	background-repeat: no-repeat;
	background-size: 47%;
}

.pozadina2 h4{
	padding-left: 20px;
	padding-right: 20px;
}

.naslov.logo{
	background-image: url('../img/logo.png');
	background-color: transparent;
	height: 100px;
	width: 100px;
	margin-top: 80px;
	margin-bottom: 50px;
}


.naslov.faq{
	padding-top: 20px;
}

.opis{
	padding-left: 0px;
	padding-right: 0px;
	font-weight: 300 !important;
	line-height: 15px;
	font-size: 15px;
	color: #84b842;
	letter-spacing: .7px;
}


.opis_text > h4{
	padding-bottom: 10px;
	margin-bottom: 0px !important;
}

h4.odlomak{
	padding-bottom: 40px;
}

.age_18{
	color: #006d41;
    font-size: 70px;
	font-weight: 300;
    width: 100px;
    height: 100px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
    padding-top: 11px !important;
    padding-left: 0px;
    padding-right: 5px;
    border: 3px solid #006d41;
    border-radius: 50%;
    text-align: center;
}

.flavours{
	padding-bottom: 30px;
	font-weight: 300 !important;
}


.odgovor.faq{
	padding-bottom: 20px;
}

.pitanje{
	padding-bottom: 0px;
	font-weight: 500 !important;
}

.odgovor{
	padding-bottom: 20px;
	font-weight: 100 !important;
}

.starost{
	font-size: 16px;
	border: 1px solid #ffffff;
	height: 50px;
	width: 100%;
	border-radius: 10px;
	margin-top: 0px;	
}


	select#dobday.starost, option,
	select#dobmonth.starost, option,
	select#dobyear.starost, option{
	background-color: #ffffff;
	color: #84b842;
}

	select#dobday.starost, option:hover,
	select#dobmonth.starost, option:hover,
	select#dobyear.starost, option:hover,
	select#dobday.starost, option:active,
	select#dobmonth.starost, option:active,
	select#dobyear.starost, option:active{
		border: 0px none;
		-webkit-border: 0px none;
		-moz-border: 0px none;
		-o-border: 0px none;
		color: #006d41;
		-webkit-color: #006d41;
		-o-color: #006d41;
		-moz-color: #006d41;
}

.starost_screen{
	padding-top: 10px;
	padding-bottom: 80px;
}

.starost_izbornik{
	padding-bottom: 50px;
}

.footer{
	padding-top: 40px;
	background-color: #006d41;
	color: #ffffff;
}


.footer_ikone{
	width: 20vw;
}

.footer_links{
	color: #ffffff;
	text-transform: uppercase;
}

.footer_naslov{
  text-transform: uppercase !important;
  font-weight: 600;
}

.footer_izbornik {
    padding-top: 10px;
    list-style-type: none;
    line-height: 32px;
    font-size: 16px;
    font-weight: 200;
}



.footer_izbornik2 {
    padding-top: 10px;
    list-style-type: none;
    line-height: 32px;
    font-size: 1.2em;
    font-weight: 200;
}

.footer_drustvene{
	padding-top: 30px;
	padding-bottom: 60px;
	padding-left: 20px;
	padding-right: 20px;
}

i.fa{
	font-size: 40px;
}

.kokteli_cover{
	visibility: block; 
	 background-position: 0vw 0vh;
}


.kokteli_cover2{
	visibility: none;
	background-size: cover;
	background-position: 50% 50%;
	height: 175px;
	width: 100%;
	background-repeat: no-repeat;
	margin-top: 0px;
	padding-top: 55px;
	padding-left: 50px;
	padding-right: 50px;
}

.kokteli_cover2 .kokteli_naziv{
	font-size: 25px;
}

.kokteli_cover3{
	background-image: url('../img/header.jpg');	
	margin-top: 0px !important;
	padding-top: 40px;
	padding-left: 50px;
	padding-right: 50px;
}




.kokteli_screen > .naslov{
	padding-top: 0px;
}

.naslov > h6{
	padding-top: 25px;
	font-size: 18px;
	font-weight: 1200;
}

.kokteli_screen > .opis > h4{
	padding-left: 20px;
	padding-right: 20px;
	font-size: 14px;
}


.opisi{
	padding-top: 0px;
	padding-bottom: 0px;
}

.opisi h4{
	line-height: 15px;
	font-size: 14px;
}

.opiss{
	padding-left: 20px;
	padding-right: 20px;
}

.opiss h4{
	line-height: 21px;
	color: #666;
}

.opiso{
	line-height: 14px;
	font-size: 14px;
	margin-top: 0px;
	margin-bottom: 15px;
}


.naslov{
	padding-bottom: 0px;
	padding-top: 0px;
}

.kokteli_screen > .slike{
	margin-left: 10px;
	height: 300px;
	width: 95%;
	background-color: transparent;
	border-radius: 10px;
	margin-top: 40px;
}


 .slika{
	margin-left: 5vw;
	margin-top: 0px !important;
	height: 50vh;
	width: 90vw;
	background-color: transparent;
	border-radius: 10px;
	margin-top: 40px;
}

.kokteli_screen > .slikaa{
	height: 180px;
	background-color: transparent;
	border-radius: 10px;
	margin-top: 0px;
}

.kokteli_screen > .footer{
	margin-top: 0px;
}

.koktel_naslov{
	font-size: 10px;
}



.kokteli_naziv{
	padding: 10px;
	letter-spacing: 4px;
	font-size: 28px;
	line-height: 30px;
	font-weight: 600;
	color: #ffffff;
	border: 2px solid  #ffffff;
	text-shadow: 0px 0px 7px #000;
	margin-top: 200px;
    position: absolute;
    left: 22%;
}

.sombrero{
	background-image: url('../img/sombrero.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 0 0;
}


.adriatico{
	background-image: url('../img/adriatico.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 0 0;

}

.chatrunada{
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 0 0;
}

.shushur{
	background-image: url('../img/laguna.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 0 0;
}

.mellow{
	background-image: url('../img/mellow.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 0 0;
}

.frutti_di_somersby{
	background-image: url('../img/frutty.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 0 0;
	height: 65vh;
}

.putting{
	background-image: url('../img/Mobile/asset.png');
	background-size: cover;
}

.featured_kruska{
	background-image: url('../img/page/site/kruska.png');
 	background-position: 35vw 0vh;
 	background-size: 25%;
 	background-repeat: no-repeat;
}

.featured_jabuka{
	background-image: url('../img/page/site/jabuka.png');
 	background-position: 35vw 0vh;
 	background-size: 25%;
 	background-repeat: no-repeat;
}

.featured_borovnica{
	background-image: url('../img/page/site/borovnica.png');
 	background-position: 35vw 0vh;
 	background-size: 25%;
 	background-repeat: no-repeat;
}

.featured_lubenica{
	background-image: url('../img/page/site/lubenica.png');
 	background-position: 35vw 0vh;
 	background-size: 25%;
 	background-repeat: no-repeat;
}

.discover{
	background-image: url('../img/Mobile/cuga.png');
	background-size: cover;
	height: 400px;
    width: 100%;
   	border-radius: 10px 10px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
}

.kokteli_naziv{
	margin-top:120px;
	width: 200px;
	left: -100px;
	margin-left: 50%;
}

.naslovnica_sombrero{
	background-image: url('../img/sombrero.jpg');
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat;
	margin-top: 0px;
	height: 300px;
}

.naslovnica_adriatico{
	background-image: url('../img/adriatico.jpg');
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat;
	margin-top: 0px;
	height: 300px;
}

.naslovnica_laguna{
	background-image: url('../img/laguna.jpg');
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat;
	margin-top: 0px;
	height: 300px;

}

.naslovnica_rumba{
	background-image: url('../img/rumba.jpg');
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat;
	margin-top: 0px;
	height: 300px;

}

.naslovnica_mellow{
	background-image: url('../img/mellow.jpg');
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat;
	margin-top: 0px;
	height: 300px;

}

.naslovnica_frutty{
	background-image: url('../img/frutty.jpg');
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat;
	margin-top: 0px;
	height: 300px;
}

.sliks{
	background-color: transparent;
	border-radius: 10px;
	margin-top: 40px;
	margin-left: auto;
	margin-right: auto;
}


.carousel-inner{
    margin-bottom: 20px;
}


.fa-play{
	font-size: 18px !important;
	font-weight: 100 !important;
}

.prizes_mobilna{
	height: 100%;
	padding-left: 20px;
	padding-right: 20px;
}

.casa{
	width: 100%;
	height: 120px;
	background-image: url('../img/Mobile/1.jpg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	margin-bottom: 10px;
	float: left;
}

.majica{
	width: 100%;
	height: 120px;
	background-image: url('../img/Mobile/2.jpg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	margin-bottom: 10px;
	float: right;
}

.gajba{
	width: 100%;
	height: 120px;
	background-image: url('../img/Mobile/3.jpg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	margin-bottom: 10px;
	float: left;
}

.naocale{
	width: 100%;
	height: 120px;
	background-image: url('../img/Mobile/naocale.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 50% 80%;
	margin-bottom: 10px;
	float: right;
}

.row{
	margin: 0px !important;
	padding-top: 20px;
}

.polje{
	padding-bottom: 20px;
	font-size: 12px;
}

.casa,
.majica,
.gajba,
.naocale{
}

footer{
	background-color: #006d41;
	height: 60px !important;
}

.fa-chevron-left,
.fa-chevron-right,
.fa-chevron-left:hover,
.fa-chevron-right:hover{
	color: #84b842;
}

.carousel-indicators{
	padding-bottom: 20px;
}

.carousel-indicators li {
  width: 10px;
  height: 10px;
  border-radius: 100%;
}

.carousel-control-prev,
.carousel-control-next{
	padding-top: 410px;
}

.naziv_koktela{
	top: 20px;
}

span.naziv_koktela{
	color: #333;
}

.brojevi{
    font-family: SingPainter;
    color: #F1F1DE;
    background-color: #006d41;
    font-weight: 300 !important;
    font-size: 30px;
    border-radius: 50%;
    margin-top: 25px;
    margin-bottom: 10px;
    width: 50px;
    height: 50px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0px;
    border: 5px double #006d41;
    border-spacing: 12px !important;
    border-color: #f1f1de;
    padding-bottom: 5px;
    text-align: center;
}


.pozadina2 h4:last-child{
	padding-bottom: 20px;
}



.lista_koktela{
	display: block !important;
}



.lista_koktela2{
	display: none !important;
}

.razmak{
	display: none;
}


.footer_izbornik{
	display: block;
}

.footer_izbornik2{
	display: none;
}

.contest{
	padding-bottom: 40px;
}


.fas.fa-play-circle{
	padding-top: 12vw;
	font-size: 100px;
}



.izbornik{
	display: none;
}

.overlay-content h6::before,
.overlay-content h6::after {
    margin: 5px 10px;
}

h6::before,
h6::after {
    display: inline-block;
    content: "";
    border-top: 1px solid #84b842;
    width: 30px;
    margin: -1px 10px;
    transform: translateY(-6px);
}


.container.mt-3{
	display: block;
}

.discover_mode{
	display: none;
}

.col-offset-2 img{
	width: 150px !important;
}

.prizes_mobilna{
	display: block;
}

.prizes_desktop{
	display: none;
}

.video{
	margin-top: 10px;
	height: 93vw;
	width: 93vw;
	border-radius: 10px;
}


.fruty{
	font-weight: 600;
	font-size: 15px !important;
}

.nagradna{
	font-size: 18px;
}



@media screen and (min-width: 768px) {

h6{
	font-size: 35px;
}

h4{
	font-size: 18px;
	line-height: 20px;
}

.naslov.logo{
	height: 120px;
	width: 120px;
	margin-top: 80px;
	margin-bottom: 50px;
}


.age_screen{
	padding-left: 32%;
	padding-right: 32%;
	margin-bottom: 0px;
}


.starost{
	margin-top: 20px;	
}

.opisi h4{
	line-height: 22px;
	font-size: 20px;
	color: #84b842;
	letter-spacing: .7px;
	color: #666;
}

.opisi{
	padding-bottom: 20px;
	padding-top: 10px;
}


.opis{
	padding-left: 0px;
	padding-right: 0px;
	font-weight: 300 !important;
	line-height: 17px;
	font-size: 17px;
	color: #006d41;
	letter-spacing: .7px;
}

.opis.text-center > h4{
	color: #666 !important;
}

.kokteli_cover{
	visibility: block;
	background-position: 0vw 0vh;
    background-size: 100%;
    background-position: 0px 0px;
    height: 225px !important;
    width: 100%;
    background-repeat: no-repeat;
    margin-top: 0px;
    padding-top: 200px;
    padding-bottom: 300px;
    padding-left: 50px;
}

.kokteli_cover2{
	height: 500px;
}



.kokteli_naziv{
	margin-top: 0px;
	letter-spacing: 6px;
	font-family: 'Avenir';
	font-size: 60px !important;
	width: 550px;
	height: 105px;
	text-align: center;
	padding: 40px;
	font-weight: 300;
	color: #fff;
	border: 3px solid  #ffffff;
    position: absolute;
    margin-top: 200px;
    left: -275px;
    margin-left: 50%;
}


.naslov > h6{
	padding-top: 40px;
	font-size: 28px;
	font-weight: 500;
}


.opis{
	padding-top: 0px;
	padding-bottom: 10px;
}


.kokteli_screen > .opis h4{
	padding-left: 200px !important;
	padding-right: 200px !important;	
}


.slika{
    height: 62vh;
    width: 35vw;
	border-radius: 10px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
}




.opis_text > h4{
	padding-left: 180px;
	padding-right: 180px;
	line-height: 32px;
}

.lista_koktela{
	display: none !important;
}


.lista_koktela2{
    display: block !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 0px ;
    margin-right: 0px;
}

.footer_izbornik{
	display: none;
}

.footer_izbornik2{
	display: block;
	padding-left: 25vw;
	padding-right: 25vw;
	padding-top: 20px;
}


.politika{
	text-align: right;
}

.crtica{
	text-align: center;
}

.uvjeti{
	text-align: left;
}


.footer_links{
	width: 150px;
}

.col-md-8{
	max-width: 100%;
}


.footer_drustvene{
	padding-top: 60px;
	padding-bottom: 40px;
}

.footer_ikone{
	width: 100px;
}

footer{
	background-color: #006d41;
	height: 100px !important;
}

.logic{
	margin-left: 60px;
 	height: 80px;
	width: 80px;
}


.indeks{	backgrounw-image: url(../img/page/jabuka_2.png);
    background-position: 70vw 58vh;
    background-repeat: no-repeat;
    background-size: 20%;
}

.welc{
    background-position: 70vw -xr8vh;
    background-repeat: no-repeat;
    background-size: 20%;
}

.kokteli_pozadina1{
    background-image: url(../img/page/jabuka_2.png);
    background-position: 1vw 48vh;
    background-repeat: no-repeat;
    background-size: 35%;
    padding-left: 130px;
}

.kokteli_pozadina2{
    padding-right: 130px;
}

.kokteli_pozadina3{
    padding-left: 130px;
}

.kokteli_pozadina4{
    padding-right: 130px;
    background-image: url(../img/page/lubenica_2.png);
    background-position: 31vw 66vh;
    background-repeat: no-repeat;
    background-size: 35%;
}

.kokteli_pozadina5{
    padding-left: 130px;
}

.kokteli_pozadina6{
	padding-right: 130px;
}


.kokteli_pozadina5{
    padding-bottom: 60px;
    background-image: url(../img/page/kruska_2.png);
    background-position: 2vw 0vh;
    background-repeat: no-repeat;
    background-size: 30%;
}


.lista_koktela2{
    padding-bottom: 0px;
    background-image: url(../img/page/bobice_2.png);
    background-position: 78vw 273vh;
    background-repeat: no-repeat;
    background-size: 15%;
}

.navbar_brand{
	margin-left: 0px;
    height: 100px;
    width: 90%;
    font-size: 50px;
    color: #ffffff;
    font-family: SingPainter;
    letter-spacing: 2px;
    text-align: center;
}


.fas.fa-bars{
	display: none;
}

.pozadina1{
	background-image: url('../img/page/lubenica_2.png');	
	background-position: 6vw 0vh;
	background-repeat: no-repeat;
	background-size: 25%;
}


.pozadina2{
	background-image: url('../img/page/lubenica_2.png');	
	background-position: 70vw 0vh;
	background-repeat: no-repeat;
	background-size: 25%;
}


.kokteli_screen > .slikaa{
	height: 350px;
}


.featured_kruska{
	background-image: url('../img/page/site/kruska.png');
 	background-position: 40vw -5vh;
 	background-size: 15%;
 	background-repeat: no-repeat;
}

.featured_jabuka{
	background-image: url('../img/page/site/jabuka.png');
 	background-position: 40vw -5vh;
 	background-size: 15%;
 	background-repeat: no-repeat;
}

.featured_borovnica{
	background-image: url('../img/page/site/borovnica.png');
 	background-position: 40vw -5vh;
 	background-size: 15%;
 	background-repeat: no-repeat;
}

.featured_lubenica{
	background-image: url('../img/page/site/lubenica.png');
 	background-position: 40vw -5vh;
 	background-size: 15%;
 	background-repeat: no-repeat;
}


.opiss{
	padding-left: 180px;
	padding-right: 180px;
}


.opiss h4{
	line-height: 30px;
	font-size: 20px;
	color: #666;
}


.pozadina2 h4:last-child{
	padding-bottom: 40px;
}

.izbornik{
display: block;
    margin-top: -30px;
    color: #fff;
    font-size: 18px;
    text-align: center;
    margin-right: 140px;
    margin-left: 140px;
}

.izbornik a{
	color: #fff;
	text-transform: uppercase;
	font-size: 14px;
}




.container.mt-3{
	display: none;
}

.discover_mode{
	display: block;
	width: 100%;
	height: auto;
	padding-bottom: 40px;
	padding-top: 0px;
	padding-left: 50px;
	padding-right: 50px;
}

.row.red1{
	padding-top: 0px;
}

.row.red2{
	padding-left: 200px;
	padding-right: 200px;
	padding-top: 0px;
	padding-bottom: 20px;
}

.sombrero{
    background-image: url('../img/sombrero.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
	height: 65vh;
}


.sombrero2{
	background-image: url('../img/page/sombrero.jpg');
}

.adriatico{
	background-image: url('../img/adriatico.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
	height: 65vh;
}

.chatrunada{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
	height: 65vh;
}

.shushur{
	background-image: url('../img/laguna.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
	height: 65vh;
}

.mellow{
	background-image: url('../img/mellow.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
	height: 65vh;
}

.frutti_di_somersby{
	background-image: url('../img/frutty.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
	height: 65vh;
}


h6::before,
h6::after {
    display: inline-block;
    content: "";
    border-top: 1px solid #84b842;
    width: 90px;
    margin: -2px 10px;
    transform: translateY(-12px);
}


.prizes_mobilna{
	display: none;
}

.prizes_desktop{
	display: block;
}

.casa{
	height: 250px;
}

.majica{
	height: 250px;
}

.gajba{
	height: 250px;
}

.naocale{
	height: 180px;
}

.navbar_hambi{
	display: none;
}

a.izbor{
	width: 300px !important;
}


.video{
	margin-top: 10px;
	height: 40vw;
	width: 40vw;
	border-radius: 10px;
}

.fruty{
	font-weight: 600;
	font-size: 25px !important;
}


.naslovnica_index{
	background-image: url('../img/header.jpg');
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat;
	margin-top: 0px;
	height: 130px;
	width: 100%;
}

.naslovnica_welcome{
	background-image: url('../img/header.jpg');
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat;
	margin-top: 0px;
	height: 130px;
	width: 100%;
}

.naslovnica_sombrero{
	background-image: url('../img/sombrero.jpg');
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat;
	margin-top: 0px;
	height: 500px;
}

.naslovnica_adriatico{
	background-image: url('../img/adriatico.jpg');
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat;
	margin-top: 0px;
	height: 500px;
}

.naslovnica_laguna{
	background-image: url('../img/laguna.jpg');
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat;
	margin-top: 0px;
	height: 500px;

}

.naslovnica_rumba{
	background-image: url('../img/rumba.jpg');
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat;
	margin-top: 0px;
	height: 500px;

}

.naslovnica_mellow{
	background-image: url('../img/mellow.jpg');
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat;
	margin-top: 0px;
	height: 500px;

}

.naslovnica_frutty{
	background-image: url('../img/frutty.jpg');
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat;
	margin-top: 0px;
	height: 500px;
}


}