/* CSS Document*/

@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;700&display=swap');
body { font-family: 'Nunito', sans-serif; color: #333333; font-size: 18px; overflow-x: hidden; }
/*--------------------logo i meni----------------------*/
.heder { position: absolute; background-color: rgb(253,193,1,0.2); border-bottom: 0px solid #fdc101; z-index: 999;  transition: all .2s ease; }
.meni2 ul { list-style: none; padding-left: 0px; margin-bottom: 0px; margin-top: 41px; }
.meni2 ul li { display: inline-block !important; padding-left: 40px; }
.meni2 ul li a { color: #ffffff; font-weight: bold; font-size: 18px; text-decoration: none; transition: all .2s ease; }
.meni2 ul li a:hover { color: #efa644; text-decoration: none; transition: all .2s ease; border-bottom: 2px solid #efa644; padding-bottom: 3px; }
.logo { padding-top: 10px; padding-bottom: 10px; }
.logo a img { max-height: 50px !important; }

.ikonica { color: #fdc101; font-size: 50px; margin-bottom: 15px; }
.katanac { font-size: 30px; color: #e50000; }
.katanac2 { font-size: 30px; color: #cecece; }

.slajder { position: relative; background-image: url("../images/indiana-jones-escape-room.jpg"); background-position: center center; background-repeat: no-repeat; min-height: 600px; }

.sredina { text-align: center; padding-top: 40px; padding-bottom: 40px; background-color: #ffffd5; transition: all .2s ease; }
.opis { padding-top: 50px; }
.opis h1 { background: -webkit-linear-gradient(#e5561e, #fff600); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: bold; font-size: 30px; }
.galerija { padding: 1px; }
.pd-slike { padding-left: 15px; padding-right: 15px; }
.telefon { margin-bottom: 35px; margin-top: 20px; transition: all .2s ease; }
.telefon a { color: #efa644; text-decoration: none; cursor: pointer; font-size: 30px; font-weight: bold; transition: all .2s ease; }
.telefon a:hover { color: #e50000; text-decoration: none; cursor: pointer; }
.kontakt { padding: 25px 15px; transition: all .2s ease;}
.mapa { width: 100%; height: 350px; border: 1px solid #000000 !important; }
.kontakt input { border-radius: 0px; }
.kontakt textarea { border-radius: 0px; }
.kontakt-mg { margin-bottom: 10px; }
.kontaktdugme { color: #ffffff; border: 0px; background: #efa644; padding: 8px 37px; text-decoration: none; transition: all .2s ease; border-radius: 0px; width: 100%; }
.kontaktdugme:hover { color: #000000; border: 0px; background: #efa644; transition: all .2s ease; }


textarea:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="time"]:focus,input[type="week"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="color"]:focus,.uneditable-input:focus { border-color: rgba(239, 166, 68, 0.7) !important; box-shadow: 0 0px 0px rgba(0, 0, 0, 0.0) inset, 0 0 0px rgba(126, 239, 104, 0.0) !important; outline: 0 none; }



.futer { background-color: #000000; padding-top: 15px; padding-bottom: 15px; color: #ffffff; font-size: 16px; text-align: center;  transition: all .2s ease;}
.futer ul { list-style: none; padding-left: 0px; }
.futer ul li { display: inline-block !important; }
.futer ul li a { color: #ffffff; text-decoration: none; cursor: pointer; transition: all .2s ease; }
.futer ul li a:hover { color: #efa644; text-decoration: none; cursor: pointer; transition: all .2s ease; }
.futer-konica { font-size: 30px; margin-right: 7px; margin-left: 7px; }

.back-to-top { cursor: pointer; position: fixed; bottom: 20px; right: 20px; display:none; background-color: #efa644; color: #ffffff; border: 1px solid #000000; padding: 7px 15px;  }
.back-to-top:hover { background-color: #fd0103; color: #ffffff; border: 1px solid #000000; }
@media (max-width: 1200px){
    
}
@media (max-width: 992px){
	.heder ul li a { font-size: 15px !important; }
}

@media (max-width: 768px){
	body { font-size: 15px; }
	.heder { background-color: rgb(253,193,1,0.4); border-bottom: 0px solid #fdc101; }
	.heder ul li { text-align: center; margin-bottom: 15px; }
	.heder ul li a:hover { color: #000000; border-bottom: 2px solid #000000; }
	.navbar-toggler:focus,.navbar-toggler:active,.navbar-toggler-icon:focus { outline: none; box-shadow: none; }
	.ikonica { font-size: 30px; margin-bottom: 15px; }
	.katanac { font-size: 16px; color: #e50000; }
	.katanac2 { font-size: 16px; color: #cecece; }
	.opis h1 { 	background: -webkit-linear-gradient(#e5561e, #fff600); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: bold; }
	.mapa { margin-bottom: 10px; }
	.futer { font-size: 14px; }
	.futer-konica { font-size: 25px;  }
	.pd-slike { padding-left: 0px; padding-right: 0px; }

}

@media (max-width: 576px){
	
}