:root {
	--PrimaryBrandColor: #ff006c;
	--SecondarBrandColor: #ff006c;
	--PrimaryBrandGray: #888888;
  }
  a {
	color: var(--PrimaryBrandColor);
  }
  a:hover {
	color: var(--SecondarBrandColor);
  }
html {
    position: relative;
    min-height: 100%;
	margin:0;
}
body {
	
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	background-color:#262b2e;

	display: flex;
    min-height: 100vh;
    flex-direction: column;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding:0px;
	font-family: 'Roboto', sans-serif;
	text-rendering: geometricPrecision; 
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
	
}

* {outline: none;	
}
img {border: none;
}
 

#wrap { flex: 1 0 auto; }
header {
max-width: 1200px;
margin-top: 30px;
margin-bottom: 0px;
margin-left:auto;
margin-right:auto;
padding-top:0px;
padding-bottom:0px;
padding-right:20px;
padding-left:20px;

}
/*  SECTIONS  */
.section {
max-width: 1200px;
clear: both;
padding: 0px;
margin-top: 0px;
margin-bottom: 0px;
margin-left:auto;
margin-right:auto;
}

/*  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:5px;
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: 1000px) {
	.col { 
		margin: 0;
	}
}

@media only screen and (max-width: 1000px) {
	.span_logo { width: 100%;  text-align: center;} .span_nav { width: 100%; text-align: center; padding-top:0px;}
}

main {
	max-width: 1200px;
	min-height:500px;
	margin-bottom:20px;
	margin-top:0px;
	margin-left:auto;
    margin-right:auto;
	padding-top:0px;
padding-bottom:0px;
	padding-right:20px;
padding-left:20px;
text-align: center;

/*  */
  }
  @media only screen and (max-width: 1260px) {
	main {
	padding-right:0px;
	padding-left:0px;}
  }
  .txt{
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left:0px;
	padding-right: 30px;

	font-size: 16px;
	color: var(--PrimaryBrandGray);
	text-align: left;
	line-height: 120%;
	font-weight: 100;
	
	
	font-family: 'Roboto', sans-serif;
	text-rendering: geometricPrecision; 
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;}


  h1 { font-size: 48px;
	font-family: 'Roboto', sans-serif;
	color: var(--PrimaryBrandColor);
	font-weight: 300;
	text-align: left;


}
h3 { font-size: 24px;
  font-family: 'Roboto', sans-serif;
  color: var(--PrimaryBrandColor);
  font-weight: 300;
  text-align: left;


}
  .plus_nav
  {
	width: 100%;
	min-height: 20px;
	text-align: right;
	font-size: 68px;
	font-weight: 100;
	font-family: 'Roboto', sans-serif;
	color: var(--PrimaryBrandColor);
	-webkit-transition:all .4s linear;-moz-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear;
	
	-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
/* Keyword values */
text-rendering: auto;
text-rendering: optimizeSpeed;
text-rendering: optimizeLegibility;
text-rendering: geometricPrecision;

/* Global values */
text-rendering: inherit;
text-rendering: initial;
text-rendering: unset;

  }
  .plus_nav a:hover
  {
	color: var(--PrimaryBrandColor);
	-webkit-transition:all .4s linear;-moz-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear;
  }
  .plus_nav a 
  {

	color: var(--PrimaryBrandGray);
	text-decoration: none;
	-webkit-transition:all .4s linear;-moz-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear;
  }

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

/* main menu. */
nav {
	max-width: 700px;
	margin-bottom:20px;
	text-align: right;
	min-height: 50px;
font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 14px;

	margin-left: auto;
	margin-right: 0;
	color:var(--PrimaryBrandGray);
	
/* 	background-color:rgba(0, 0, 0, 0.1);	background-color:#969690;
	
		-webkit-box-shadow:0 0px 3px rgba(0, 0, 0, 0.3);-moz-box-shadow:0 0px 3px rgba(0, 0, 0, 0.3);box-shadow:0 0px 3px rgba(0, 0, 0, 0.3);
		*/
		-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
/* Keyword values */
text-rendering: auto;
text-rendering: optimizeSpeed;
text-rendering: optimizeLegibility;
text-rendering: geometricPrecision;

/* Global values */
text-rendering: inherit;
text-rendering: initial;
text-rendering: unset;

}

#input-toggle {
	opacity:0;
	position: absolute;
	top:0;
	left:0;
}

.navigation-toggle { 
	display:none; 
	width:44px; 
	height:33px; 
	margin:5px; 
	text-align:center; 
	border-radius:0px; 
	border:0px solid #404040;  
	 

		color: var(--PrimaryBrandGray);
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); 
	padding-top:10px; 
	position:absolute; 
	 right:6px; 
	cursor:pointer; 
}

.navigation-toggle span { 
	background-color: var(--PrimaryBrandColor);
	border-radius: 1px 1px 1px 1px; 

	display:block; 
	height:1px; 
	width:30px; 
	margin:6px auto; 
}

nav ul {
	list-style:none; 
	padding:0; 
	margin:0; 		
	font-size:0;
	display: block;		
}

nav ul li {
	display: inline-block;
	padding-left:20px;
	padding-right:0px;

	text-align: center;

	color:var(--PrimaryBrandGray);
border-left:0px solid #8e8d88;
}	

nav ul li a {
	color:var(--PrimaryBrandGray);
	height: 50px;
	display: block;
	text-decoration: none;

font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 14px;
	text-align:right;


	line-height: 50px;
	font-weight: normal;
	letter-spacing:1px;	
	-webkit-transition:all .4s linear;-moz-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear;
	
	-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
/* Keyword values */
text-rendering: auto;
text-rendering: optimizeSpeed;
text-rendering: optimizeLegibility;
text-rendering: geometricPrecision;

/* Global values */
text-rendering: inherit;
text-rendering: initial;
text-rendering: unset;
}
nav ul li:first-child
{
	border-left:0px solid #94938f;
}

nav ul li a:hover, nav ul li a:active, nav ul li a:focus {
	  color: var(--PrimaryBrandColor);

	
	
	
	
	
}

.activ
{
	 
	  -webkit-transition:all .4s linear;-moz-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear;
	
   color: var(--PrimaryBrandColor);


	display: block;
	text-decoration: none;

font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 14px;

		text-align:right;
	font-weight: normal;
	letter-spacing:1px;	
	
	-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
/* Keyword values */
text-rendering: auto;
text-rendering: optimizeSpeed;
text-rendering: optimizeLegibility;
text-rendering: geometricPrecision;

/* Global values */
text-rendering: inherit;
text-rendering: initial;
text-rendering: unset;
	
	

}
@media screen and (max-width:1000px) {
	nav{
max-width: 900px;
	margin-bottom:20px;
	text-align: center;
	min-height: 50px;
font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 14px;

	margin-left: auto;
	margin-right: auto;
	color:var(--PrimaryBrandGray);


}


nav ul {
	list-style:none; 
	padding:0; 
	margin:0; 		
	font-size:0;
	display: block;		
}

nav ul li {
	display: inline-block;
	padding-left:10px;
	padding-right:10px;

	max-width:120px;
	
	text-align: center;

	color:var(--PrimaryBrandGray);
border-left:0px solid #8e8d88;
}	

nav ul li a {
	color:var(--PrimaryBrandGray);
	height: 50px;
	display: block;
	text-decoration: none;

font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 14px;
	text-align:center;


	line-height: 50px;
	font-weight: normal;
	letter-spacing:1px;	
	-webkit-transition:all .4s linear;-moz-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear;
}
nav ul li:first-child
{
	border-left:0px solid #94938f;
}

nav ul li a:hover, nav ul li a:active, nav ul li a:focus {
	  color:var(--PrimaryBrandColor);

}

.activ
{
	 
	  -webkit-transition:all .4s linear;-moz-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear;
	
   color:var(--PrimaryBrandColor);


	display: block;
	text-decoration: none;

font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 14px;

		text-align:right;
	font-weight: normal;
	letter-spacing:1px;	
	
	
}
}

@media screen and (max-width:700px) {
	.navigation-toggle {
		display:block;
	}
	
	nav ul {
		text-align: center;
		margin-top:55px;
		overflow: hidden;				
		max-height:0;
		transition:max-height 0.5s ease 0s;
		-webkit-transition:max-height 0.5s ease 0s;
		-moz-transition:max-height 0.5s ease 0s;
	}
	
	nav #input-toggle:checked + ul {
		max-height:500px;
	}
	
	nav ul li {
		border:0;
		width:100%;
		max-width: 100%;
		min-width:0;
		
		text-align: center;

	}
	
	nav ul li a {
		display: block;
		text-align: center;
	}
	.activ
{ text-align: center;
}
}	
.fot_thumb
{

	height: auto;
		padding-top:10px;
		padding-left:3px;
		padding-right:3px;
		padding-bottom:0px;
		text-align:center;
		object-fit:cover;
	 -o-object-fit:cover;
}


.fot_thumb img
{
	 object-fit:cover;
	 -o-object-fit:cover;
-webkit-transition:all .4s linear;-moz-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear;
	max-width:100%;
		z-index:1;	height: auto;
	width: auto\9; /* ie8 */
	padding:0px;
	    background-position: center center;
	  background-repeat:  no-repeat;
	  
}
  
  /* Fixed  footer.
	* --------------------------------------- */
footer {
	
width:100%;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
}
	
	
#footer {
max-width: 100%;
min-height:10px;
font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size:12px;
letter-spacing:1px;
text-align:center;

color:var(--PrimaryBrandGray);

padding: 20px ;
margin-left:auto;
margin-right:auto;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); 
-webkit-transition:all .4s linear;-moz-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear;
border-top:1px solid rgba(0, 0, 0, 0);

 
text-rendering: geometricPrecision; 
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;



}

#footer:hover {  color:var(--PrimaryBrandColor); }