* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	outline: none;
}
img {border: none;}

html{
	height: 100%;
	background-color: #55595c;
	margin: 0px;
	padding: 0px;
	background-image: url(bg_n.png);
}

/*-------------
	Layout
--------------*/

/*  SECTIONS  */
.section {
	width: 100%;
	clear: both;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left:auto;
	margin-right:auto;
	background-color: rgba(0, 0, 0, 0.0);
	}
	
	/*  COLUMN SETUP  */
	.col {
		display: block;
		float:left;
		margin: 0;
	}
	.col:first-child { margin-left: 0; }
	
	/*  GROUPING  */
	.group:before,
	.group:after { content:""; display:table; }
	.group:after { clear:both;}
	.group { zoom:1; /* For IE 6/7 */ }
	
	
	/*  GRID OF TWO  */
	.span_logo {
		margin:0;
		width: 300px;
		min-height:50px;
		
		
	}
	
	.span_logo img
	{
	z-index:999;
	max-width: 100%;
	margin-bottom:0px;
	margin-top:0px;
	height: auto;
	width: auto\9; /* ie8 */	
	}
	@media screen and (max-width:350px) { /* super small phone  */	
		.span_logo {
			margin:0;
			max-width: 200px; 
			min-height:30px;
			text-align: left;
			
			
		}
		.span_logo img
		{
		z-index:999;
	
		margin-bottom:0px;
		margin-left: 10px;
		margin-top:20px;
		height: auto;
		width: auto\9; /* ie8 */
	}
	}	
	.span_logo img:hover {
	  fill: #9b9b9b !important;
	}
	.span_logo:hover {
	  fill: #9b9b9b !important;
	}
	
	
	.span_nav {
		width: calc(100% - 300px); text-align: right; padding-top:0px;
	}
	
	/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */
	
	@media only screen and (max-width: 700px) {
		.col { 
			margin: 0;
		}
	}
	
	@media only screen and (max-width: 700px) {
		.span_logo { width: 100%;  text-align: center;} .span_nav { width: 100%; text-align: center; padding-top:0px;}
	}

	.clearfix:before, .clearfix:after { content: ""; display: table; }
	.clearfix:after { clear: both; }
	.clearfix { zoom: 1; }	
	

body{
	background-color: #55595c;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(bg_n.png);
    display: flex;
    flex-direction: column;
    height: 100%;

}

header{
	/* We want the header to have a static height - it will always take up just as much space as it needs.  */
	/* 0 flex-grow, 0 flex-shrink, auto flex-basis */
	flex: 0 0 auto;
}

.center_container{
	width: 100%;
	height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.main-content{
	/* By setting flex-grow to 1, the main content will take up 
	all of the remaining space on the page (the other elements have flex-grow: 0 and won't contest the free space). */
	/* 1 flex-grow, 0 flex-shrink, auto flex-basis */
	flex: 1 0 auto;
}

footer{
	/* Just like the header, the footer will have a static height - it shouldn't grow or shrink.  */
	/* 0 flex-grow, 0 flex-shrink, auto flex-basis */
	flex: 0 0 auto;
}


/*-------------
	Header
--------------*/

header {
	
	padding-top: 10px;
	padding-bottom: 0px;
	padding-left: 30px;
	padding-right: 30px; 
	margin: 0px;
	box-sizing: border-box;	
	background-color: rgba(0, 0, 0, 0.0);
	border-bottom:1px solid rgba(255, 255, 255, 0.0); 
	


}

header .header-limiter {
	width: 100%;
	text-align: center;
  margin-top: 0px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0px;
  padding: 0px;


	
}




/* Making the header responsive */

@media all and (max-width: 700px) {

	header {
		padding-top: 0px;
		padding-bottom: 0px;
		padding-left: 0px;
		padding-right: 0px; 
		background-color: rgba(0, 0, 0, 0.2);
	}



	

}

.header-content {
	max-width: 100%;
	max-height: 25px;
	margin-top: 0px;
	margin-bottom: 15px;
	margin-left:auto;
	margin-right:auto;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:5px;
	padding-left:5px;

	text-align: center;

	
	}
	.header-content img
{
	padding:0;
  -webkit-transition:all .4s linear;-moz-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear;
  border: none;
z-index:999;
  max-width: 100%;
  margin-bottom:0px;
  margin-top:0px;
  height: auto;
  width: auto\9; /* ie8 */	
  }
  @media screen and (max-width:700px) {
	.header-content {
		width: 100%;
				margin-top: 0px;
		margin-bottom: 0px;
		margin-left:auto;
		margin-right:auto;
		padding-top:0px;
		padding-bottom:0px;
		padding-right:10px;
		padding-left:10px;
		border-bottom: 0px solid rgba(0, 0, 0, 0.25); 
		text-align: center;
		
		
		}
		.header-content img
{
	padding:0;
  -webkit-transition:all .4s linear;-moz-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear;
  border: none;
z-index:999;
  max-width: 100%;
  margin-bottom:0px;
  margin-top:0px;
  height: auto;
  width: auto\9; /* ie8 */	
  }
  }

/*--------------------
	Main Content
--------------------*/

.main-content{
	
	padding: 0px;
}

/* -----------------------------------*/

.main_container
{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 0px;
  padding-right: 0px;



}

/* -----------------------------------*/

main

{
	width:100%;
	margin-left:auto;
	margin-right:auto;

	padding-top:10px;

	
	
}
.iframe_box{
	max-width: 1180px;
	margin-left: auto;
	margin-right:auto;


}
iframe{
	min-height:480px;
	width:100%;
	border:none;
	
	
}
/*--------------------
	Footer styles
--------------------*/

footer{
	
	width: 100%;
	text-align: center;
	padding: 10px;
	background-color: rgba(0, 0, 0, 0.03);
	border-top:01px solid rgba(255, 255, 255, 0.05);
}

footer .footer-limiter {
	max-width: 880px;
	margin: 0 auto;
	color:rgba(255, 255, 255, 0.55); 
	font-family:var(--PrimaryFontFamily); 
  font-style: normal;
  font-weight: 100;
  font-size: 11px;
  letter-spacing: 5px;
  line-height: 100%;
	text-align:center;
	text-transform: uppercase;
	text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4);
	
	padding: 5px ;
	margin-left:auto;
	margin-right:auto;
	-webkit-transition:all .4s linear;-moz-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear;
	border-top:0px solid rgba(255, 255, 255, 0.08);
	 
	text-rendering: geometricPrecision; 
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	
}


/*  GRID OF TWO  */
.intro_logo {

	font-family:var(--PrimaryFontFamily); 
	font-size:28px; 

	color:var(--PrimaryFontColor); 
	font-weight: 100;
  letter-spacing: 3px;
  line-height: 100%;
	margin:0;
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
	text-decoration: none;

  text-align: center;
  text-transform: uppercase;
	text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4);
	
}
.intro_logo a {

	font-family:var(--PrimaryFontFamily); 
	font-size:28px; 
	text-decoration: none;
	color:var(--PrimaryFontColor); 
	font-weight: 100;
  letter-spacing: 3px;
  line-height: 100%;
	margin:0;


  text-align: center;
  text-transform: uppercase;
	text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4);
	
}
.intro_logo a:hover { color:rgba(255, 255, 255, 0.75);  text-decoration: none; }


.intro_img
  {
	  padding:0;
	  text-align:center;
  }
  
  .intro_img img
  {
	padding:0;
  border: none;
z-index:999;
  max-width: 100%;
  margin-bottom:10px;
  margin-top:0px;
  height: auto;
  width: auto\9; /* ie8 */	
  -webkit-box-shadow:0 0px 4px rgba(0, 0, 0, 0.4);-moz-box-shadow:0 0px 4px rgba(0, 0, 0, 0.4);box-shadow:0 0px 4px rgba(0, 0, 0, 0.4);
  }
/* INTRO LANG NAV  */
.lang_nav_intro
{
	max-width:100%;
	height:20px;
	text-align:center;
	font-family:var(--PrimaryFontFamily); 
	font-size:16px;
	margin-top: 20px;
text-transform:uppercase;
color:rgba(255, 255, 255, 0.55); 
letter-spacing: 3px;
text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4);
	margin-left: auto;
	margin-right: auto;
	-webkit-transition:all .4s linear;-moz-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear;
	text-rendering: geometricPrecision; 
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@media screen and (max-width:500px) {
	.lang_nav_intro {  margin-top: 5px; }
	
}
 /* unvisited link */
.lang_nav_intro  a:link {
	color:rgba(255, 255, 255, 0.55); 
   text-decoration: none;
   -webkit-transition:all .4s linear;-moz-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear;
}

/* visited link */
.lang_nav_intro  a:visited {
	color:rgba(255, 255, 255, 0.55); 
	text-decoration: none;
	-webkit-transition:all .4s linear;-moz-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear;
}

/* mouse over link */
.lang_nav_intro a:hover {
	color:rgba(255, 255, 255, 0.85); 
	text-decoration: none;
	-webkit-transition:all .4s linear;-moz-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear;
}

/* selected link */
.lang_nav_intro a:active {
	color:rgba(255, 255, 255, 0.55); 
   text-decoration: none;
   -webkit-transition:all .4s linear;-moz-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear;
} 

.txt
{
	max-width:1100px;
	margin-left:auto;
	margin-right:auto;
	font-family:var(--PrimaryFontFamily); 
	font-style: normal;
	font-size: 16px;

	font-weight: 100;
	color:rgba(255, 255, 255, 0.55); 
	  text-indent: 0px;
  text-align: center;
  letter-spacing: 2px;
  line-height:180%;
  padding-top: 0px;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;

  font-variation-settings: 'GRAD' 0;
  text-justify: inter-character;
  text-rendering: geometricPrecision; 
  text-align-last: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

}
.txt:after {
	background:rgba(255, 255, 255, 0.55); 
	content: '';
	display: block;
	height: 2px;
	width: 50px;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: -15px;
	margin-left: auto;
}
p {
	margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline; 
}
@media screen and (max-width:350px) { /* super small phone  */	


	.txt
	{
		max-width:350px;
		margin-left:auto;
		margin-right:auto;
		font-family:var(--PrimaryFontFamily); 
		font-style: normal;
		font-size: 16px;
	
		font-weight: 100;
		color:rgba(255, 255, 255, 0.65); 
		  text-indent: 0px;
	  text-align: left;
	  letter-spacing: 1px;
	  line-height:130%;
	  padding-top: 0px;
	  padding-bottom: 20px;
	  padding-left: 20px;
	  padding-right: 20px;
	
	  font-variation-settings: 'GRAD' 0;
	  text-justify: inter-character;
	  text-rendering: geometricPrecision; 
	  text-align-last: center;
	  -webkit-font-smoothing: antialiased;
	  -moz-osx-font-smoothing: grayscale;

}
}
/* gallery.
	* --------------------------------------- */
	.fot_thumb
{
    padding:0;
    text-align:center;
}


.fot_thumb img
{
  padding:0;
-webkit-transition:all .4s linear;-moz-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear;
border: none;

z-index:999;
max-width: 100%;
margin-bottom:0px;
margin-top:0px;
height: auto;
width: auto\9; /* ie8 */	
-webkit-box-shadow:0 0px 4px rgba(0, 0, 0, 0.3);-moz-box-shadow:0 0px 4px rgba(0, 0, 0, 0.3);box-shadow:0 0px 4px rgba(0, 0, 0, 0.3);
}

@media screen and (orientation: landscape) {

	.wrapper {
		margin-left:auto;
		margin-right:auto;
		max-width: 1100px;
		display: grid;
		grid-template-columns: repeat(8, 1fr);
		grid-column-gap: 10px;
		grid-row-gap: 5px;
		
	  }
	  .txt {max-width:1100px;}	
	  .iframe_box { max-width: 1100px; margin-left: auto; margin-right:auto;}
	  
	@media screen and (max-width:1200px) {
	
    .wrapper {
	margin-left:auto;
	margin-right:auto;
	max-width: 1000px;
	display: grid;
	grid-template-columns: repeat(8, 1fr);
	grid-column-gap: 10px;
	grid-row-gap: 5px;
	
  }
  .txt {max-width:1000px;}	
  .iframe_box { max-width: 1000px; margin-left: auto; margin-right:auto;}
	}
	
  @media screen and (max-width:1000px) {
    .wrapper {
		margin-left:auto;
		margin-right:auto;
		max-width: 800px;
		display: grid;
		grid-template-columns: repeat(6, 1fr);
		grid-column-gap: 5px;
		grid-row-gap: 0px;
	  }

	  .txt {max-width:800px;}
	  .iframe_box { max-width: 800px; margin-left: auto; margin-right:auto;}	
}

}
@media screen and (orientation: portrait) {
	 .wrapper {
            margin-left:auto;
            margin-right:auto;
            max-width: 600px;
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            grid-column-gap: 8px;
            grid-row-gap: 4px;
          }
		  .txt {max-width:1000px;line-height:170%;}	
		  .iframe_box { max-width: 1000px; margin-left: auto; margin-right:auto;}
    @media screen and (max-width:1200px) {
        .wrapper {
            margin-left:auto;
            margin-right:auto;
            max-width: 600px;
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            grid-column-gap: 8px;
            grid-row-gap: 4px;
          }
		  .txt {max-width:600px;line-height:170%;}	
		  .iframe_box { max-width: 600px; margin-left: auto; margin-right:auto;}
}
@media screen and (max-width:820px) {
    .wrapper {
		margin-left:auto;
		margin-right:auto;
		max-width: 500px;
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		grid-column-gap: 5px;
		grid-row-gap: 0px;
	  }
	  .txt {max-width:500px;line-height:150%;font-size:16px;}	
	  .iframe_box { max-width: 500px; margin-left: auto; margin-right:auto;}
}
@media screen and (max-width:490px) {
    .wrapper {
		margin-left:auto;
		margin-right:auto;
		max-width: 400px;
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		grid-column-gap: 5px;
		grid-row-gap: 0px;
		padding-left: 20px;
		padding-right: 20px;
	  }
	  .txt {max-width:400px; line-height:130%;font-size:16px;}	
	  .iframe_box { max-width: 400px; margin-left: auto; margin-right:auto;}
}



}