/* Import Fonts */
@import url(https://fonts.googleapis.com/css?family=Coustard|Open+Sans);

/*FONTS ---------------------------------------------- */
body {	font-family:'Open Sans', sans-serif; }
h1, h2, h3, h4, h5, h6,
.push_photogallery, 
.push_intro,
.push_iframe,
.push_video,
.push_generic,
.intro,
.main-nav, 
span,
#pa_contact,
#logo	{font-family: 'Oswald', sans-serif;}
/* / FONTS ---------------------------------------------- */

/*Z-INDEX ---------------------------------------------- *//* */
.swiper-button-caption, 
.swiper-button-close 
				{ z-index:10	}
.content 		{ z-index:100; 	}

#main-nav-wrap 		{ z-index:1000; }
.main-nav 			{ z-index:1001; }
	#logo 			{ z-index:1000; }
	.navbar-toggle 	{ z-index:1002; }

.wrap-iframe		{ z-index:1002; }
#x_close_intro, 
#x_close_iframe 	{ z-index:1003; }
/* / Z-INDEX ---------------------------------------------- */




/* 
=======================================================================
GLOBAL  
=======================================================================
*/
html,body {height:100%; margin:0}
body { font-size:18px; line-height:26px; font-weight:400;
	-webkit-font-smoothing: antialiased;
    font-smoothing:antialiased; color:#FFF; background:#000;
}

h1, h2, h3, h4, h5, h6{	color:#fff;	font-weight: normal;	letter-spacing: 1px;}
h1{font-size: 60px; line-height: 70px; padding: 0; margin: 0;}
h2{font-size: 60px; line-height: 70px; padding: 0; margin: 0; opacity:0.5;}
h5{font-size: 28px; line-height: 35px; padding: 0; margin: 5px 0 50px 0; color: #b7b7b7;}
h6{font-size: 22px; line-height: 26px; padding: 0 0 5px 0; margin: 5px 0 10px 0; max-width:600px; color: #888; border-bottom: 1px dotted #666;}
h6:hover {cursor: default;}
hr{	border-color: #555;	}     
a {	color: #CCC;	text-decoration:none;	font-weight: normal;}
a:hover {/*text-decoration:underline; */color:white;}
span {	color: #CCC;	}
.show{display: block;}
.hide {opacity: 0;}
video {width:50%; max-width:100%}   
a.push_photogallery video{width:100%; margin-top:10px}  

@media (max-width: 470px) {
	h2 {font-size: 40px; line-height:40px; } 
	h5 {font-size: 22px; line-height:22px; }
}


/* 
=======================================================================
FONDO VEGAS
=======================================================================
*/
#wrap_vegas{ position:fixed; width:100%; height:100%; background:black}
/* ======================================================================= */


/* 
=======================================================================
SEZ NAV  
=======================================================================
*/
.seznav_wrap {display:flex; flex-wrap: wrap;}   
.seznav_wrap h6 {	min-height:30px; /*50px*/
					border:none;	    
					font-size: 20px; 
					color: rgba(247, 163, 1, 0.7);
					}  
.seznav_wrap ul { 	flex-grow: 0.15;
					width: 150px; 
					/*max-width:250px; */
					margin: 1px; 
					background:rgba(0,0,0,.7);  
    				border-radius: 4px; 
					list-style:none;
					}
@media (max-width: 420px) {					
.seznav_wrap ul { 	width: 60%; }	
}
.seznav_wrap li { padding-bottom: 7px;
					margin-bottom: 7px;
					/*border-bottom: 1px solid #333;*/
					} 
					
.seznav_wrap li.titleLink:hover h6{  color:#f7a301}  				
.seznav_wrap li.titleLink:hover a { text-decoration:none;} 					
	.seznav_wrap li.titleLink:hover a h6{  color:#f7a301} 					
					
					 					
.seznav_wrap a {
	display:block;
	margin-top: 15px; 
	padding-top: 10px;   
	border-top: 1px solid #555;
	line-height: 22px; 
	background:none 
    }  					
.seznav_wrap a span 		{ font-size: 12px; } 
.seznav_wrap img.preview 	{ width:100%; margin-top: 5px;}  
.seznav_wrap video 			{ margin-top: 5px;} 
/* ------------------------------------------------------------------- */

/* 
=======================================================================
SECTION.CONTENT   
=======================================================================
*/
.content { position:absolute;
			top:20%; 
			width:90%; 
/*			margin:5% 5% 200px; */
			margin:120px 5% 200px;
			webkit-font-smoothing:antialiased;}
			

/* .col3 {float:left; box-sizing: border; width:33.33%; min-width:100px; padding-right:20px}*/
   .col3 { padding: 5px 10px 20px ;	list-style-type:circle;	}
   /*.col3 { list-style:none, background: rgba(0, 0, 0, 0.41); } */
   .col3 li:first-child { list-style:none }
 
   
	h6 img  { position:relative; top:5px; margin-right:20px; }
	section div { margin-bottom:5px }


/* CONTENT NAV --------------------	*/	
#x_close_intro, 
#x_close_iframe { display:none; 
	position:fixed;
	top:auto; 		 
	bottom:45px;
	right:10px;
	width: 32px; 
	height:32px; 
	opacity:1;
	cursor:pointer; 
}
#x_close_intro img,	
#x_close_iframe img { width: 100%;}
	
.push_photogallery, 
.push_intro, 
.push_iframe, 
.push_video, 
.push_generic {  /**/ /*   	background-image: url("../img/ico-external_link.png"); */ 
   padding: 0 0px 0 0px;
    background-repeat: no-repeat;
	background-size: contain;
	background-size: 14px;
    background-position: 95% 5px;
	cursor:pointer;
}
span.push_iframe 					{ color: #b7b7b7; cursor:auto;}

/* ---------------------- 
INTRO
------------------------- */
.push_intro p 				{ margin: 5px 0 10px; 	font-weight:100; 	color: #ccc;} 
.push_intro p > span 		{ font-size: 18px;		font-weight:normal;	color: #e8e8e8; /*color: rgba(247, 163, 1, 0.7);*/
							}
							
.push_intro p > #txt_close_intro,							
.push_intro p > i.read-more 	{ font-size: 16px;	font-weight: normal;
									color: #999;
								/*	color: #ad7201;*/
									margin:0 10px 10px;
									float:right; 
								}
.push_intro p > #txt_close_intro		{ position:static; }							
.push_intro p > #txt_close_intro img	{ width:16px; opacity:0.5;}	
							
.intro { display:none;
			transition-property: display;
  			transition-duration: 300ms; 
	/*2026    
			position: relative; 
			left: -40px;
			max-width: 855px;
			padding: 40px;  
			background: rgba(8, 8, 8, 0.5);
			border-radius: 6px;
	*/		
}
.intro.inner-page { 
			position: relative; 
			left: -40px;
			max-width: 855px;
			padding: 40px;  
			background: rgba(8, 8, 8, 0.5);
			border-radius: 6px;
		
}



.intro a 					{ color: #ffa800;}
.intro > span 				{ font-size: 18px;
								font-weight: normal;
								color: #e8e8e8; 
								/*color: rgba(247, 163, 1, 0.7);*/
							}
ul.intro 					{ list-style: circle; width:auto; }
ul.intro li:first-child 	{ list-style: circle; }



/* 
=======================================================================
INDEX_BCK_PHOTOGALLERY
=======================================================================
*/
#index_bck_photogallery {  background:rgba(0,0,0,0.5); 
							border: 0px solid red; border-radius: 10px;
							display:flex; align-items: center;
							height: 30px; padding:5px 10px;
							position: fixed;
							right: 40px;
							bottom: 40px;
						}
#index-blink			{   background:white;
							width: 10px;
							height: 10px;
							margin-right: 10px; 
							position: relative;
							top: 3px;
						}
#index_bck_photogallery div			{ margin-right:0; }
#index_bck_photogallery span		{ display:none; font-size: 18px; }
@media (min-width: 530px) {
#index_bck_photogallery div			{ margin-right:10px; }	
#index_bck_photogallery span		{ display:inline; }
}


/* 
=======================================================================
MAIN NAV (HAMBURGHER)
=======================================================================
*/
#main-nav-wrap { background:rgba(0,0,0,0.8);  position:fixed; width:100%; height:60px; }
#logo {	position: absolute; left:5%; top:30%;  height:auto;  font-size:18px; color: #fff;  }
	#logo a  {  color: #FFF;}
	#logo a:hover {text-decoration:none; color: #CCC;}

.main-nav 				{	display:none; float:right; }
.main-nav ul li			{	list-style: none; 
							display:inline; 
							padding:0 5px 0;	
							border-left: 1px solid #b7b7b7; 
							font-size:16px}
.main-nav ul li a.active { color: #ffa800; }

/* NAV RESERVED  */
ul#nav_reserved 		{ 	padding:0; }
ul#nav_reserved li 		{ 	border : none;
							border-left: 1px dotted #555;
							padding:0 5px 0; }
/* NAV COLLAPSED  */
.main-nav.collapsed { position:absolute; top: 0px; right: 0; padding-top: 60px; right:0;  background:#222; height:1000px} 
   	
	.main-nav.collapsed ul,
	.main-nav.collapsed ul#nav_reserved
		{display:block; padding:0 20px; } 
		
		.main-nav.collapsed li,
		.main-nav.collapsed ul#nav_reserved li
		 {display: block;
			padding-bottom: 20px;
			padding-right: 15px;
			border: none;
			border-right: 1px solid #555;
			text-align: right;font-size:22px} 
			   
/* NAV TOGGLE  */
.navbar-toggle 			{ position: relative;  
							float: right;
							padding: 9px 10px;
							margin-top: 10px; margin-right: 15px; margin-bottom: 8px;
							background-color: transparent; background-image: none;
							border: none; border-radius: 0;  }
.navbar-toggle:hover 	{ cursor:pointer; opacity:0.8;  }					
	.navbar-toggle .icon-bar { 	display: block; width: 22px; height: 2px; margin-top: 4px; border-radius: 1px; background-color:#DDD;}

/* HP NAV ======================  */
#hp-nav {  display: flex; flex-wrap: wrap; }
	#hp-nav li {  width:150px; margin-left:5px;}
		#hp-nav img {  max-width:100%; max-height:100%; }

/* ANIMATE OPEN/CLOSE ---------- */	
	.navbar-toggle   { outline: none;}						
	.navbar-toggle .icon-bar { transition: all 0.2s;}
	
	.navbar-toggle .top-bar   	{ transform: rotate(0); }
	.navbar-toggle .middle-bar 	{ opacity: 1;}
	.navbar-toggle .bottom-bar 	{ transform: rotate(0);}		
								
	.navbar-toggle.collapsed .top-bar 		{ transform: rotate(45deg);  transform-origin: 10% 10%;	}
	.navbar-toggle.collapsed .middle-bar	{ opacity: 0;}
	.navbar-toggle.collapsed .bottom-bar	{ transform: rotate(-45deg); transform-origin: 10% 90%;}
/* / ANIMATE OPEN/CLOSE ---------- */

@media (min-width: 470px) {
	.navbar-toggle { display:none}	
	.main-nav { display:flex!important;
				margin-right: 10px;	}	
}
@media (min-width: 768px) {
	 #logo {font-size:22px;}
	.main-nav 			{ margin-right: 40px; }	
	  
	.main-nav ul li 	{ padding:0 10px 0; font-size:20px}
	ul#nav_reserved li	{ padding:0 10px 0; }
}
/* ======================================================================= */




/* 
=======================================================================
SWIPER   
=======================================================================
*/
.swiper-container { display:none;  width: 100%;  height: 100%;}
	.swiper-zoom-container>img, .swiper-zoom-container>svg { width: 100%; }
	
	.swiper-button-next, 
	.swiper-button-prev,
	.swiper-button-caption, 
	.swiper-button-close {position:absolute; 
							top:auto; 
							bottom:50%;
							width: 42px; 
							height:42px; 
							background-size: 
							contain; 
							opacity:0.6;
							opacity:1;
							}
	
	.swiper-button-next  	{ background-image: url("../img/arrow-right.png");	right: 10px; left: auto; }
	.swiper-button-prev  	{ background-image: url("../img/arrow-left.png");	left: 10px;  right: auto; }
	.swiper-button-close  	{ background-image: url("../img/x-close.png");		right: 10px; left: auto;  bottom:45px; top:auto; cursor:pointer; }
	.swiper-button-caption  { background-image: url("../img/push-caption.png");	left: 10px;  right: auto; bottom:45px; cursor:pointer; }

	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom:auto; /*bottom: 50px;*/ 
	top:0; 
	}
	.swiper-caption {position:absolute; bottom:0px; box-sizing: border-box; 
					width:100%; /*min-height: 80px;*/ padding:5px 20% 10px; text-align: center;  
					color: rgba(255,255,255,0.7); 
					background:rgba(0,0,0,0.5); font-size:14px; line-height: 17px;}
		.swiper-caption i {font-size: 12px; }

/* / SWIPER ------------- */ 
    					
/* IFRAME PDF ======================   */
.wrap-iframe {display:none; position: fixed; width: 100%; height: 100%; background-color:rgba(0,0,0,0.7)}
.wrap-iframe>iframe { width: 90%; height:100%; background-color:black}