/*  not used
.header-top-bar { 
	background-color: #ff5e00; 
	height:50px;
	font-size: 15px; font-weight: 500; line-height: 50px;
	text-align: right;
}
*/




.header-content {
	background-color: #90fca8;
	/*background-image: 
	linear-gradient(to bottom right,  rgb(4, 173, 224), var(--clr), rgb(4, 107, 224)); */	

	height: 100px;
	/* background-image: url("img/bg/ready/pattern_bg_3.png"); */
}


.header-left { 
	display : inline-block;		 
	height:100%;	
	color:#FFF;	font-size: 16px;
}

.title-div { 
	padding-left: 30px;
	line-height: 100px; text-align: left;
}

.titile-txt { 
	font-size: 50px;	color:#000;	
	font-family: "Racing Sans One"; font-weight: 800;
	text-shadow: 5px 5px 5px rgb(125,120,120, 0.5); 
}

/*
.titile-txt::after { 	content: ".ddd"; 	
	font-size: 20px; font-family: "Radio Canada";	
	position: relative; left:-10px;
}
*/


.header-right { 
	display : inline-block;
	position: relative;  float:right;
	height: 100%; text-align: center;
	padding-left: 30px; padding-right: 30px;	
	font-size: 18px;  	font-weight: 900; color:#FFF;	
	background-color: #000;
}

		.header-right::before { 
			content: ""; 
			position: absolute; left:-50px;
			border-top: 100px solid #000;
			border-left: 51px solid transparent;
			height: 0px;    width: 0px;			
		}


.menu-pc-div { 	 
	display: block;
	position: relative; 
}
	
.menu-pc-div li {  display: inline; line-height: 100px;  }

.menu-pc-div a { color : #FFF; margin-right: 10px; transition: 0.2s;}
		.menu-pc-div a:hover { color : #FFC000; }



.menu-mobile-div {  display: none;	position: absolute;
	color:#333; top : 30px; right: 50px;
}



.menu-mobile-div:hover .dropdown-content {
	display: block;}

.dropdown-content {
	display: none;
	position: absolute; left: -130px;
	background-color: #f9f9f9;
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1; transition: 0.3s;
  }

.dropdown-content a {	color: black;	padding: 12px 16px;
						text-decoration: none;	display: block; 
						transition: 0.3s; }

.dropdown-content a:hover {color:#FFF;  background-color: #FFC000}





.heroPrestige {
	height:510px; 	 
	overflow: hidden;
	background-color: #000;
	background-image: url('img/bg/hero_bg_prestigetransfer.jpg');
	background-size:cover ;
	background-repeat: no-repeat; 
	background-position: center;  
}

.heroPrestige_ {
	height:510px; 	 
	overflow: hidden;
	background-color: #000;	
	background-image: url('img/bg/hero_bg_prestigetransfer_.png');
	background-size:cover ;
	background-repeat: no-repeat; 
	background-position: center;  
}

.heroDisney {
	height:510px; 	 
	overflow: hidden;
	background-color: #000;
	background-image: url('img/bg/hero_bg_disney.png');
	background-size:cover ;
	background-repeat: no-repeat; 
	background-position: center;  
}

/*
.xhero-bg {	
	height: 500px;
	position: relative;
	background-color: rgba(0, 0, 0, 0.0); 
	 background-image: url('img/bg/hero_overlay_2-H500.png'); 
	background-size:cover ;
	background-repeat: no-repeat; 
	background-position: left;  
	opacity: 1; 
}
*/


/*   container   */

.hero-txt-container {
	position: relative;
	margin: auto; top: 100px;
	width: 90%; height: 400px;
	color:#FFF; 	text-align: center; 
	position: relative;	
	/* background-color:coral ;   */
}



.hero-title-grand 
{
	font-family: 'Exo';
	font-size: 60px; font-weight: 700;
	color: var(--clr);
	margin-top : 0px; 	margin-bottom: 10px;
	
	text-shadow: 2px 2px 0 #009946, 2px -2px 0 #009946, -2px 2px 0 #009946,
	 			-2px -2px 0 #009946, 2px 0px 0 #009946, 0px 2px 0 #009946, -2px 0px 0 #009946, 
	 			 0px -2px 0 #009946, 3px 2px 5px rgba(206,89,55,1);
color: #FFFFFF;
background: rgba(0,0,0,0.2);
}



.hero-title-med 
{
	font-family: 'Exo';
	font-size: 30px; font-weight: 700;
	color: #F40B42;
	margin-top : 0px; 	margin-bottom: 20px;
	
	text-shadow: 1px 1px 0 #FFF, 1px -1px 0 #FFF, -1px 1px 0 #FFF,
	 			-1px -1px 0 #FFF, 2px 0px 0 #CCC, 0px 2px 0 #009946, -2px 0px 0 #009946, 
	 			 0px -2px 0 #009946, 3px 2px 5px rgba(206,89,55,1);

background: rgba(0,0,0,0.4);
	
}



.vanimgdiv { 
	position: absolute; 
	width: 450px;  
	right: 50px; bottom: -50px;
	overflow: hidden; 
	/*background-color: #fff; */
} 

.vanimgdiv img { width:100%;}

.descritextdiv {
	position: absolute;	width:40%; 
	left: -30px;  bottom: -30px;	
	overflow: hidden;
	/* position aboslute not working with anim */
	/*border: 1px solid #FFC000; 
	background-color: #e9a6a6;*/
}

.descritextp {	
	padding: 15px; font-family:'Lucida Sans', Verdana, sans-serif ;
	font-size: 35px; font-weight: 700;  color: #fff; 
	text-align: left; line-height: 35px;
	bottom: 0px;
	/* text-shadow: 0px 0px 5px #111; */	
	background-color: rgba(255, 3, 3, 0.4); 
}




@keyframes siteTitle-anim {
	0%   { color:#000 }
	10%	 { color:#FFF; text-shadow: 0px 0px 10px #FFF; }
	70%	 { color:#000;text-shadow: 0px 0px 10px #666; }	
	100% { color:#000 }
}

.SiteTitleAnim {  	
	animation-name: siteTitle-anim;
    animation-duration: 15s;
	animation-delay: 5s;
	animation-iteration-count: infinite;
	/*position : relative; 
	animation-fill-mode: both;	
	*/
}

@keyframes hero-title-anim {
	0%   {left:0px; top:-50px; opacity:0 }
	100% {left:0px; top:0px; opacity:1 }
  }
.anim-herotitle {  
	position : relative;
	animation-name: hero-title-anim;
    animation-duration: 1s;
	animation-delay: 1s;
	animation-fill-mode: both;	
}

/* Fading animation */

@keyframes fade {  from {opacity: 0; }   to {opacity: 1}}
.fade { animation-name: fade;  animation-duration: 2.5s;}


/* _______________ Mobile adapt  */

@media only screen and (max-width: 850px) 
{ 

	.header-left { 	width: 65%;	}	
	.header-right { width: 20%;  }

	.title-div { padding-left: 10px;	line-height: 100px; text-align: left;	}

	.titile-txt { font-size: 30px;} 

	.menu-pc-div { 	 display:none; }

	.menu-mobile-div {	display:block; right:30px }


	.heroPrestige_ {
		height: 350px; 
		background-image: url('img/bg/hero_bg_prestigetransferMobile_.png');
		}

	.hero-txt-container { margin: auto; top: 100px;	width: 80%;  }

	.hero-title-med {font-size: 15px;}
	.hero-title-grand {font-size: 35px;}
	.hero-text-med {font-size: 20px; }
	.hero-text-grand {font-size: 12px; }

	.descritextdiv {display:none} 

	.vanimgdiv { position: absolute; width: 250px;  right: -50px; bottom: 120px;
		overflow: hidden; 	/*background-color: #fff; */	} 
	
	.vanimgdiv img { width:100%;}


	h1 {font-size: 26px;}


}