
/**NAVBAR POMAK

body { padding-top: 50px; }
@media screen and (max-width: 768px) {
    body { padding-top: 65px; }
}
 @media only screen and (max-width : 480px) {
	body { padding-top: 115px; }
}
*/

@font-face {
    font-family: "uniline";
    src: url("../fonts/proxima-nova-soft-semibold.otf");
}

.parent-1 {

	background-size: auto auto;
	min-height: 500px;
	position: relative;
}

.header-background {
	background:transparent url('../images/about.jpg') no-repeat center center /cover; height:300px; 
}

.istra-background {
	background: black url('../images/istra_gastro.jpg') no-repeat center center /cover; 
}

.kvarner-background {
	background: black url('../images/kvarner.jpg') no-repeat center center /cover; 
}

.zagreb-background {
	background: black url('../images/zagreb.jpg') no-repeat center center /cover; 
}

.dalmacija-background {
	background: black url('../images/dalmacija.jpg') no-repeat center center /cover; 
}

.dubrovnik-background {
	background: black url('../images/dubrovnik.jpg') no-repeat center center /cover; 
}

.detailpage-background {
	background:transparent url('../images/porec.jpg') no-repeat center center /cover;  height:300px;
}

.detailpage-background-kvarner {
	background:transparent url('../images/kvarner_logo.jpg') no-repeat center center /cover;  height:300px;
}

.detailpage-background-zagreb {
	background:transparent url('../images/zagreb_logo.jpg') no-repeat center center /cover;  height:300px;
}

.detailpage-background-dalmatia {
	background:transparent url('../images/split.jpg') no-repeat center center /cover;  height:300px;
}

.detailpage-background-dubrovnik {
	background:transparent url('../images/dubrovnik1.jpg') no-repeat center center /cover;  height:300px;
}

.detailpage-background-about {
	background:transparent url('../images/plaza_3.jpg') no-repeat center center /cover;  height:300px;
}


.redColor {
	color:red;
}

.greenColor {
	color: green
}

.blueColor {
	color:#428aba;
}

.linkColor {
	color:#CA5343;
}

/*navbar transparent*/
.navbar {
   background-color: transparent;
   border-color: transparent;
   background: rgba(0,0,0,0.7);
   
}

.panel{
    background-color: transparent;
   }

#fiksni {
	top: 60px; 
	/*position: fixed;*/
	padding: 0;
	margin: 0;
	background-color:transparent;
}

.fixedPanel {
     /*top:6%;*/
	 /*width:100%;*/
	 background:transparent;
     background: rgba(253,184, 99,.9);
	 border-radius: 4px;
}

.fixedPanelPackDescription {
     /*position: fixed;*/
     /*top:50%;*/
     /*max-width:100%;*/
     display: inline-block;
	 background:transparent;
	 background: rgba(255,255, 255, 0.9);
	 border-radius: 4px;
	 border: 1px solid #CCCCCC;
	 bottom: 0;
	 max-height:300px;
	 overflow-y: scroll;
	 
}

 @media only screen and (min-width:0px) and (max-width:991px) {

	#fiksni { 
	   position: relative;
	   max-width:40rem;
	   top:auto;
	  
    }

	.fixedPanelPackDescription {
		 max-height: none;
		 overflow: auto;
		 /*margin-bottom: 60px;*/
		 position: relative;
		 
	}
}


.whitePanelNew {
	padding: 10px !important;
	background: rgba(255,255,255,0.8);
	border-radius: 4px;
	border: 1px solid #CCCCCC;
	position: absolute;
	bottom: -70px;
	right: 15px;
	font-family:'Proxima nova'
}

.whitePanelNew h4 {
	margin-top: 0;
}

.smallprint {
	font-size: small;
}


.emailPanel {

		padding: 0.2rem;
		text-align: left;    
		width: 50rem;
		background: rgba(255,255,255,0.5);
        border-color: transparent;

}

.supersavePanel {
        position: relative;
        top:40%;
        margin:1rem;
		padding: 0.2rem;
		text-align: left;    
		max-width: 40rem;
		background: rgba(255,255,255,0.8);
        border-color: transparent;

}

/*nav pills*/
.nav-pills > li.active > a,
 .nav-pills > li.active > a:hover,
  .nav-pills > li.active > a:focus {
    color:black;
    background-color:rgba(253,184, 99,.9);
    }

	.nav>li>a:hover,
		.nav>li>a:focus {
    background-color:rgba(253,184, 99,.2);
}

/*FOOTER*/
.footer-bottom {

	background: #E3E3E3;
	border-top: 1px solid #DDDDDD;
	padding-top: 10px;
	padding-bottom: 10px;

	position: absolute;
	left: 0;
    right: 0;
	width: 100%;
}



