/* INDEX 
======================================================================================*/
.indexx-bg 				{padding-top:80px; padding-bottom:100px; 
						/*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 > figure {
  animation: imageAnimation 42s linear infinite 0s;
  backface-visibility: hidden;
  background-size: cover;
  background-position: center;
  background-attachment: scroll;
  color: transparent;
  height: 100%;
  width: 100%;
  left: 0px;
  opacity: 0;
  position: absolute;
  top: 0px;
  /*AK HEADER top: 382px;*/
  z-index: 0;
}

.crossfade > figure:nth-child(1) { 
  background-image: url(../img/bg/tansania.jpg);
}
.crossfade > figure:nth-child(2) {
  animation-delay: 7s;
  background-image: url(../img/bg/zanzi.jpg);
}
.crossfade > figure:nth-child(3) {
  animation-delay: 14s;
  background-image: url(../img/bg/florenc2.jpg);
}
.crossfade > figure:nth-child(4) {
  animation-delay: 21s;
  background-image: url(../img/bg/fassa.jpg);
}
.crossfade > figure:nth-child(5) {
  animation-delay: 28s;
  background-image: url(../img/bg/baby2.jpg);
}
.crossfade > figure:nth-child(6) {
  animation-delay: 35s;
  background-image: url(../img/bg/forest.jpg);
}

@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
}
}

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

.obalpaty		{ position:relative; z-index:4; }
.rciara1d		{ position:relative; z-index:4; }
/*
.rpata-bg 					{width:100%; color:#888888; background-color:#555555; padding-top:40px; padding-bottom:40px;}
.rpata-bg .container		{background-image:url(../img/_matros/roh-do.png); background-repeat:no-repeat; background-position:right bottom; background-size:100px;}
*/

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

@media (max-width: 520px) {
.crossfade		{ visibility:hidden;}
.topspace		{ height:0px; }
.indexx			{ padding-top:40px; /*padding-bottom:100px;*/ background-image:url(../img/bg/tansania-bg.jpg); background-position:center; background-repeat:no-repeat; }
.indexx-bg		{ }
.indexx-menu	{ padding-top:0px; 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/tansania-bg.jpg); background-position:center; background-repeat:no-repeat; }
.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/tansania-bg.jpg); background-position:center; background-repeat:no-repeat; }
.indexx-bg		{ }
.indexx-menu	{ padding-top:0px; padding-bottom:0px;}}
@media (min-width: 993px) and (max-width: 1200px) {
.crossfade		{ visibility:hidden;}
.topspace		{ height:0px; }
.indexx			{ padding-top:40px; padding-bottom:100px; background-image:url(../img/bg/tansania-bg.jpg); background-position:center; background-repeat:no-repeat; }
.indexx-bg		{ }
.indexx-menu	{ padding-top:250px; padding-bottom:0px;}
.skry			{ visibility:hidden;}}

/* HEADER 
======================================================================================*/
.rhead-bg h1			{font-size:1.2rem; font-weight:lighter; text-shadow: 2px 6px 10px #666666;}
.seda					{background-image:none;} /*schovany headerovy obrazok*/
.rhead-des				{ }

/* NAVIGACIA 
======================================================================================*/
@media (max-width: 520px) {
.navbar-nav		{ }}
@media (min-width: 521px) and (max-width: 767px) {
.navbar-nav		{ }}
@media (min-width: 768px) and (max-width: 992px) {
.navbar-nav		{ margin-left:50px; }}
@media (min-width: 993px) and (max-width: 4000px) {
.navbar-nav		{ margin-left:50px; }}


/* KOMBI 
======================================================================================*/
.kombi					{background-color:#FFFFFF; padding-top:50px; padding-bottom:80px;}
.kombi h1				{text-transform:uppercase; margin-bottom:60px; text-align:center}

/* DESTINACIE
======================================================================================*/
.uvodnik 				{ font-size:large; } /*text prvy odstavec v destinacii*/
.uvodnik2 				{ font-size:large; } /*text druhy odstavec v destinacii*/
.des-rez-form			{ text-align:left;}
.des-rez-form .checkbox { color:#737373;}
.selguide				{ }
.selguide-opt			{ }
.zaver					{ margin-top:-80px; }
.zaver-stre				{ }
.zaver-stre h2			{ position:relative; }
.zaver-stre h2 span		{ position:absolute; top:-70px; }
.zaver-stre h3			{ position:relative; padding-bottom:10px; padding-top:20px; }
.zaver-stre h3 span		{ position:absolute; top:-70px; }
.zaver-stre h4			{ text-align:left; font-size:20px; position:relative; }
.zaver-stre h4 span		{ position:absolute; top:-70px; }
.zaver-stre p			{ text-align:left; font-size:medium; }
.zaver-stre ul			{ text-align:left; font-size:medium; margin-top:-20px; margin-bottom:-20px; margin-left:18px; list-style-type:circle; }
.zaver-stre li			{ text-align:left; font-size:medium; margin-top:0px; }
.aname-des				{ /*scroll-margin-top: 40px;*/ height:40px; padding:0px; margin:0px;}
.textlink				{ color:#888;}

/*alternativne riesenie pre span v h3 a h4*/
.zaver-stre h3::before 	{ /*display: block; content: " "; margin-top: -80px; height: 80px; visibility: hidden; pointer-events: none;*/ }
.zaver-stre h4::before 	{ /*display: block; content: " "; margin-top: -80px; height: 80px; visibility: hidden; pointer-events: none; */}

/*MENU KONTINENT
======================================================================================*/
.menu					{background-color:#EEEEEE; padding-top:60px; padding-bottom:80px;}
.div-despod				{background-color:#EFEFEF; }

.rtop-arrow-ob2			{display:block; background-color:#fff; padding-left:4px; height:40px;}
@media (max-width: 520px) {
.rtop-arrow-ob2			{display:block; background-color:#fff; padding-left:4px; height:40px;}}
@media (min-width: 521px) and (max-width: 767px) {
.rtop-arrow-ob2			{display:block; background-color:#fff; padding-left:4px; height:40px;}}
@media (min-width: 768px) and (max-width: 992px) {
.rtop-arrow-ob2			{display:block; background-color:#fff; padding-left:4px; height:40px;}}
@media (min-width: 993px) and (max-width: 1200px) {
.rtop-arrow-ob2			{display:block; background-color:#fff; padding-left:4px; height:40px;}}

.rtop-arrow-right		{float:left; margin-top: 10px; margin-right: 6px; width: 0px; height: 0px; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 8px solid #FF6633;}
@media (max-width: 520px) {
.rtop-arrow-right		{float:left; margin-top: 10px; margin-right: 6px; width: 0px; height: 0px; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 8px solid #FF6633;}}
@media (min-width: 521px) and (max-width: 767px) {
.rtop-arrow-right		{float:left; margin-top: 10px; margin-right: 6px; width: 0px; height: 0px; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 8px solid #FF6633;}}
@media (min-width: 768px) and (max-width: 992px) {
.rtop-arrow-right		{float:left; margin-top: 6px; margin-right: 6px; width: 0px; height: 0px; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 8px solid #FF6633;}}
@media (min-width: 993px) and (max-width: 1200px) {
.rtop-arrow-right		{float:left; margin-top: 10px; margin-right: 6px; width: 0px; height: 0px; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 8px solid #FF6633;}}

.a-big 			{color:#000000; text-decoration:none; font-size:24px;}
@media (max-width: 520px) {
.a-big 			{color:#000000; text-decoration:none; font-size:24px;}}
@media (min-width: 521px) and (max-width: 767px) {
.a-big 			{color:#000000; text-decoration:none; font-size:24px;}}
@media (min-width: 768px) and (max-width: 992px) {
.a-big 			{color:#000000; text-decoration:none; font-size:80%;}}
@media (min-width: 993px) and (max-width: 1200px) {
.a-big 			{color:#000000; text-decoration:none; font-size:24px;}}

/* VIDEA
======================================================================================*/
/*na stranke destinacie*/
.movie					{ background-color:#EEEEEE; padding-top:20px; padding-bottom:80px;}
.moviebox				{ /*border:1px solid #cccccc; border-radius:10px; padding:20px 8px 22px 8px;*/ background-color:#fff; padding:10px; }
.movie h2				{ visibility:hidden;}
.movie h5				{ text-transform:uppercase; text-align:center; margin-top:-100px;}
/*na podstranke video*/
.video-body				{ background-color:#dedede; width:100%; height:auto; }
.videobox-out			{ margin-left:10px; margin-right:10px; }
.videobox-top			{ margin-bottom:-1.8em; margin-top:1.8em; z-index:310; }
.videobox-top a			{ color:#333; }
.videobox-top h2		{ text-transform:uppercase; text-align:center; }
.videobox-top h1		{ margin-top:1.2em; font-size:1.2rem; margin-bottom:1.2em; }
.videobox-close			{ margin-bottom:-70px; margin-top:50px; z-index:320; } 
@media (max-width: 520px) {
.videobox-close			{ visibility:hidden}}
@media (min-width: 521px) and (max-width: 767px) {
.videobox-close			{ margin-bottom:-70px; margin-top:50px; z-index:320; }}
@media (min-width: 768px) and (max-width: 992px) {
.videobox-close			{ margin-bottom:-70px; margin-top:50px; z-index:320; }}
@media (min-width: 993px) and (max-width: 1200px) {
.videobox-close			{ margin-bottom:-70px; margin-top:50px; z-index:320; }}
.krizik					{ width:auto; height:auto; border:0px solid #ccc; border-radius:20px; float:right; margin-right:20px; } 
.krizik span			{ color:#FFFFFF; font-size:2.2rem; }
.videobox-mid			{ border:1px solid #cccccc; border-radius:10px; padding:20px 8px 8px 8px; background-color:#fff; z-index:120;}
.videobox-bottom 		{ text-align:center; }
.videobox-back			{ padding-top:10px; }
.videobox-back-menu		{ padding-top:10px; padding-bottom:10px; }
.videobox-menu			{ padding-top:20px; }
.div-vid				{padding:8px; background-color:#fff; border:1px solid #ccc; border-radius:4px; margin-bottom:20px; }
.div-video		{width:100%; height:40px; overflow:hidden; background-color:#999; border-top:1px solid #FFF; position:relative; opacity:1; color:#FFF; font-size:1.05rem; padding:10px; }
@media (max-width: 520px) {
.div-video		{width:100%; height:30px; overflow:hidden; background-color:#999; position:relative; margin-top:-20px; opacity:1; color:#FFFFFF; font-size:0.7rem; padding:8px; }}
@media (min-width: 521px) and (max-width: 767px) {
.div-video		{width:100%; height:30px; overflow:hidden; background-color:#999; position:relative; margin-top:-20px; opacity:1; color:#FFFFFF; font-size:0.84rem; padding:5px; }}
@media (min-width: 768px) and (max-width: 992px) {
.div-video		{width:100%; height:40px; overflow:hidden; background-color:#999; position:relative; margin-top:-20px; opacity:1; color:#FFFFFF; font-size:1.05rem; padding:10px; }}
@media (min-width: 993px) and (max-width: 1200px) {
.div-video		{width:100%; height:30px; overflow:hidden; background-color:#999; position:relative; margin-top:-20px; opacity:1; color:#FFFFFF; font-size:0.84rem; padding:5px; }}
.div-vidpod				{background-color:#efefef; text-align:center; padding-left:9px; padding-right:9px; padding-top:6px; }
/*= lg =*/@media (min-width: 1200px) {
.div-vidpod				{height:70px; overflow:hidden;}}
/*=md=*/@media (min-width: 992px) and (max-width: 1199px) {
.div-vidpod				{height:90px; overflow:hidden;}}
/*=sm=*/@media (min-width: 768px) and (max-width: 991px) {
.div-vidpod				{height:90px; overflow:hidden;}}
/*=xs =*/@media (min-width: 480px) and (max-width: 767px) {
.div-vidpod				{height:70px; overflow:hidden; }}
/*=xxs */@media (max-width: 479px) {/*320*/
.div-vidpod		{ }}

/* PATA 
======================================================================================*/
.members-des			{ }
.hore 					{ }