/* INDEX 
======================================================================================*/
.indexx-bg 				{padding-top:80px; padding-bottom:340px;
						/*color:#000000; background-color:#EEEEEE; background-position:center; background-repeat:no-repeat;*/}
.dvatri					{text-align:center; height:60px; overflow:hidden; background-color:#EFEFEF; padding-bottom:0px;}
/*.topspace				{ height:120px; }*/

/* INDEX  BACKGROUND SLIDES
======================================================================================*/
.crossfade { 
    position: cover;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 0; 
}
/*.crossfade:after { 
    content: '';
    background: transparent url(../images/pattern.png) repeat top left; 
}*/
.crossfade li span {
    width: 100%;
    height: 100vh;
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    background-size: cover;
    background-position: center;
    background-repeat: none;
    opacity: 0;
    z-index: 0;
    animation: imageAnimation 36s linear infinite 0s; 
}
.crossfade li div { 
    z-index: 1;
    position: absolute;
	top: 600px;
	padding-right: 200px;
    width: 100%;
    text-align: right;
    opacity: 0;
    font-size: 2.0rem; 
	font-weight: lighter; 
	color: #FFFFFF;
	text-shadow: 1px 1px 14px #222;
    animation: titleAnimation 36s linear infinite 0s; 
}
.crossfade h2 { 
	position: relative;
	color: #fff;
    font-size: 4.0rem; 
	z-index: 2;
}

.crossfade li:nth-child(1) span { 
  background-image: url(../img/bg/dolomiti.jpg);
}
.crossfade li:nth-child(2) span {
  animation-delay: 6s;
  background-image: url(../img/bg/zanzibar.jpg);
}
.crossfade li:nth-child(3) span {
  animation-delay: 12s;
  background-image: url(../img/bg/safari.jpg);
}
.crossfade li:nth-child(4) span {
  animation-delay: 18s;
  background-image: url(../img/bg/firenze.jpg);
}
.crossfade li:nth-child(5) span {
  animation-delay: 24s;
  background-image: url(../img/bg/stromy.jpg);
}
.crossfade li:nth-child(6) span {
  animation-delay: 30s;
  background-image: url(../img/bg/rodinka.jpg);
}
/*.crossfade li:nth-child(7) span {
  animation-delay: 36s;
  background-image: url(../img/bg/balony.jpg);
}
.crossfade li:nth-child(8) span {
  animation-delay: 42s;
  background-image: url(../img/bg/romantika.jpg);
}
.crossfade li:nth-child(9) span {
  animation-delay: 48s;
  background-image: url(../img/bg/event.jpg);
}
.crossfade li:nth-child(10) span {
  animation-delay: 54s;
  background-image: url(../img/bg/lyzovacka.jpg);
}
.crossfade li:nth-child(11) span {
  animation-delay: 60s;
  background-image: url(../img/bg/gastro.jpg);
}
.crossfade li:nth-child(12) span {
  animation-delay: 66s;
  background-image: url(../img/bg/hory.jpg);
}*/

.crossfade li:nth-child(1) div { 
}
.crossfade li:nth-child(2) div {
  animation-delay: 6s;
}
.crossfade li:nth-child(3) div {
  animation-delay: 12s;
}
.crossfade li:nth-child(4) div {
  animation-delay: 18s;
}
.crossfade li:nth-child(5) div {
  animation-delay: 24s;
}
.crossfade li:nth-child(6) div {
  animation-delay: 30s;
}
/*.crossfade li:nth-child(7) div {
  animation-delay: 36s;
}
.crossfade li:nth-child(8) div {
  animation-delay: 42s;
}
.crossfade li:nth-child(9) div {
  animation-delay: 48s;
}
.crossfade li:nth-child(10) div {
  animation-delay: 54s;
}
.crossfade li:nth-child(11) div {
  animation-delay: 60s;
}
.crossfade li:nth-child(12) div {
  animation-delay: 66s;
}*/

@keyframes 
imageAnimation {  0% {
 animation-timing-function: ease-in; opacity: 0;}
 8% { animation-timing-function: ease-out; opacity: 1;}
 17% { opacity: 1}
 25% { opacity: 0}
 100% { opacity: 0}
}

@keyframes 
titleAnimation {  0% { animation-timing-function: ease-in; opacity: 0;}
 8% { animation-timing-function: ease-out; opacity: 1;}
 17% { opacity: 1}
 18% { opacity: 0}
 100% { opacity: 0}
}

.no-cssanimations {background-image:url(../img/bg/dolomiti.jpg);}

.obalpaty		{ position:relative; z-index:4; }
.rciara1d		{ position:relative; z-index:4; }
.citat			{ text-align:left; font-style:italic; padding-top:20px; }
.citat2			{ text-align:right; margin-right:40px; font-style:italic; }

.indexx-menu	{/*background-color:#EEEEEE;*/ padding-top:320px; padding-bottom:80px;}

@media (max-width: 520px) {
.crossfade		{ visibility:hidden;}
.topspace		{ height:0px; }
.indexx			{ background-image:url(../img/bg/mobil-exo.jpg); background-size: cover; padding-top:0px; margin-bottom:-4px; 
				background-position: center; background-repeat: no-repeat; margin-top:-300px; }
.indexx-bg		{ padding-top:0px; }
.indexx-menu	{ padding-top:40px; padding-bottom:0px;}
.skry			{ /*visibility:hidden;*/}}
@media (min-width: 521px) and (max-width: 767px) {
.crossfade		{ visibility:hidden;}
.topspace		{ height:0px; }
.indexx			{ padding-top:40px; padding-bottom:100px; background-image:url(../img/bg/mobil-exo.jpg); background-size: cover; 
				background-position:center; background-repeat:no-repeat; margin-bottom:-4px; }
.indexx-bg		{ }
.indexx-menu	{ padding-top:0px; padding-bottom:0px;}}
@media (min-width: 768px) and (max-width: 992px) {
.crossfade		{ visibility:hidden;}
.topspace		{ height:0px; }
.indexx			{ padding-top:0px; padding-bottom:100px; background-image:url(../img/bg/mobil-exo.jpg); background-size: cover; 
				background-position:center; background-repeat:no-repeat; margin-bottom:-4px;}
.indexx-bg		{ }
.indexx-menu	{ padding-top:0px; padding-bottom:0px;}}
@media (min-width: 993px) and (max-width: 1200px) {
.crossfade		{ }
.topspace		{ height:0px; }
.indexx			{ padding-top:40px; padding-bottom:100px; background-image:url(../img/bg/dolomiti.jpg); 
				background-position:center; background-repeat:no-repeat; margin-bottom:-4px;}
.indexx-bg		{ }
.indexx-menu	{ padding-top:250px; padding-bottom:0px;}
.skry			{ visibility:hidden;}}

/* NAVIGACIA 
======================================================================================*/
@media (max-width: 520px) {
.navbar-nav		{ }
.navbar				{text-align-last: right;}/
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse 	{max-height: 700px;}
.pre-scrollable		{max-height: 700px;}
}
@media (min-width: 521px) and (max-width: 767px) {
.navbar-nav		{ }
.navbar				{text-align-last: right;}
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse 	{max-height: 700px;}
.pre-scrollable		{max-height: 700px;}
}
@media (min-width: 768px) and (max-width: 992px) {
.navbar-nav		{  }}
@media (min-width: 993px) and (max-width: 4000px) {
.navbar-nav		{ margin-left:50px; }}

/* GOOGLE MAPY CUSTOM
======================================================================================*/
.custom-google-map 
/*.i4ewOd-pzNkMb-haAclf 	{
    display: none !important;
}*/