@charset "utf-8";

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);

@import url(https://fonts.googleapis.com/css?family=Oxygen:400,700);




/*------------------Reset------------------- */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p,
blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em,
font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b,
u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, legend,table,
caption, tbody, tfoot, thead, tr, th, td  
{ margin: 0;padding: 0;border: 0;outline: 0; }

blockquote, q { quotes: none;}

ins { text-decoration: none;}

del { text-decoration: line-through;}

table { border-collapse: collapse; border-spacing: 0;}

a img { border:0; }

hr{
border-top:1px solid #000;
background-color:none;
border-bottom:0;
border-right:0;
border-left:0;
}

a{
	text-decoration:none;
	color:rgba(178, 145, 66, 1);
	}
	
a:hover{
	color:rgba(255, 255, 255, 1);
	}

.buttlink{color:rgba(178, 145, 66, .7);
font-size:21px;}

.buttlink span{
color:rgba(255, 255, 255, .5);
display:block;
}

.buttlink:hover{color:rgba(178, 145, 66, 1);}

.buttlink:hover span{color:rgba(255, 255, 255, 1);}
	
html,
body{
	font-family: georgia;
	height:100%;
  	font-family: 'Open Sans', sans-serif;
    font-size: 14px;
	color:#fff;
	background-color: rgba(40,41,47,1);
	}
	
.FullContainer{
  width: 100vw;
  height: 100vh;
  display: grid;
  height:100%;
}


.Page{
  height:100%; 
   background-image:url('lights.png');
  background-repeat:no-repeat;
  background-size:auto 100%;
  background-position:50% 50%;border:1px solid red;
}


.light{ 
 
}

.BrandsHome{
    display: block;
    margin: 0 auto;
    position: relative;
	text-align:center;
	padding:40px 0 120px 0; 
	}
	
.BrandsHome span{
display:block;}

.BrandsHome a{
	margin:0;
	font-size:32px;
	height:126px;
	line-height:126px;
	width:126px;
	display:inline-block;
	overflow:hidden;
	color:#fff;
	border:1px solid rgba(178, 145, 66, .5);
	text-decoration:none;
	padding:0;
	margin:2px 2px 0 2px;
	}
.BrandsHome a img,
.BrandsHome a svg{
	width:70%;
	height:70%;
margin:15%;	
	}

.BrandsHome a:hover{
	border:1px solid rgba(178, 145, 66, 1);
}

.Brands{
    display: block;
    margin: 0 auto;
    position: relative;
	text-align:center;
	padding: 0;
	}	

.Brands a{
	margin:0;
	font-size:32px;
	height:86px;
	line-height:86px;
	width:86px;
	display:inline-block;
	overflow:hidden;
	color:#fff;
	border:1px solid rgba(178, 145, 66, .5);
	text-decoration:none;
	padding:0;
	margin:2px 2px 0 2px;
	}
	
.Brands a img,
.Brands svg{
	width:80%;
	height:80%;
margin:10%;	
	} 

.Brands .BrandActive,
.Brands a:hover{
	border:1px solid rgba(178, 145, 66, 1);
	background-color: rgba(0, 0, 1,.3);
} 


.PHLogo{
color:rgba(178, 145, 66, 1);
font-size:58px;
line-height:58px;
padding-top:30px;
}

.PHLogo img{
width:212px;
height:auto;}



.Slogan{
text-transform:uppercase;
font-size:18px;
color:rgba(255, 255, 255, .5);
padding:20px;
text-align:center;
}

.smalllogo {
margin-right:8px;}
.smalllogo img{
width:20px;
height:20px;
display:inline-block; 
vertical-align:top;
margin:2px 5px 0 0;
}

.Main{
text-align:center;
align-self:center;
padding-top:10px;
}

.Footer{
text-align:center;
color:rgba(255,255,255,.7);
font-size:17px;
position:fixed;
bottom:20px;
left:0;
right:0;
}

.Footer img{
height:auto;
width:auto;
height:22px;
width:22px;
display:inline;
outline:0;
margin:0 4px;
padding:0;
vertical-align:top;
}

.Footer .aiq{
width:100px;}

.Footer a{
display:inline-block;
vertical-align:middle;
font-size:12px;
margin:0;
width:170px;
text-align:center;
border-left:1px solid rgba(178, 145, 66, .8);
padding:12px;
}


.Content{
position:fixed;
top:170px;
bottom:100px;
background-size:auto 90%;
background-position:50% 50%;
background-repeat:no-repeat;
left:0;
right:0;
}

.ContentInt{
width:100%;
margin:0 auto;
max-width:1200px;
position:relative;
height:100%;
}
	
.zona1{
position:absolute;
right:50%;
left:auto;
top:30%;
text-align:center;
padding:0 150px 0 0;
color:rgba(255, 255, 255, .5);
font-size:19px;
letter-spacing:1px;
}	

.zona1 h1{
font-weight:normal;
font-size:48px;
color:rgba(178, 145, 66, 1);
margin:0;
padding:0;
} 
	

	
.zona2{
position:absolute;
left:50%;
top:40%;
right:0;
text-align:center;
padding:0 0 0 150px;
}

.zona2 img{
width:100%;
max-width:50%;
height:auto;
}

hr{
height:0;
border-top:1px solid rgba(178, 145, 66, .7);
padding:0;
margin:18px auto;
width:100%;
}


@media (max-width: 1170px){




.Slogan{
font-size:10px;
padding:10px 0;}


.smalllogo {
margin-right:0px;}
.smalllogo img{
width:12px;
height:12px;
display:inline-block; 
vertical-align:top;
margin:2px 0px 0 0;
}

.Brands a{
	margin:0;
	font-size:32px;
	height:52px;
	line-height:52px;
	width:52px;
	margin:0; 
	}
	
.Brands a img,
.Brands svg{
	width:80%;
	height:80%;
margin:10%;	
	}



.Page{
  grid-template-rows: 160px auto 50px;
}



.Footer{
text-align:center;
line-height:10px;
color:rgba(255,255,255,.7);
font-size:8px;
padding-top:12px;
}
.Footer img{
height:10px;
width:10px;
display:inline;
outline:0;
margin:0 4px;
padding:0;
vertical-align:top;
}

.Footer .aiq{
width:auto;
}

.Footer a{
display:inline-block;
vertical-align:middle;
overflow:hidden;
margin:0;
width:90px;
max-height:10px;
text-align:center;
border-left:1px solid rgba(178, 145, 66, .8);
padding:4px 0;
}
.zona1,
.zona2{
position:static;
left:auto !important;
right:auto !important;
top:auto !important;
bottom:auto !important;
padding:0;
width:100%;
margin:0 auto;

} 

.zona2 hr{
display:none;}

.zona2 img{
max-width:160px;
max-height:90px;
}


.zona1{
letter-spacing:0;
font-size:13px;
padding:0;
} 

.zona1 h1{
font-weight:normal;
font-size:21px;
color:rgba(178, 145, 66, 1);
margin:0;
padding:0;
} 


.Content{
background-size:60% auto;
background-position:50% 32px;
min-height:300px;
display:block;
}
	
.ContentInt{
position:absolute;
left:4% !important;
right:4% !important;
top:0 !important;
bottom:0 !important;
padding:0;
background-color: rgba(40, 41, 47, .8);
box-shadow: 0 0 0 7px rgba(255, 255, 255, .1);
padding:0 34px;z-index:2;
display:flex;
justify-content:center;
}

.ContentAlign{
align-self:center;}

hr{
height:0;
border-top:1px solid rgba(178, 145, 66, .7);
padding:0;
margin:4px auto;
width:100%;
}


.buttlink{color:rgba(178, 145, 66, 1);
font-size:15px;}

.buttlink span{
color:rgba(255, 255, 255, .5);
display:block;
}





.BrandsHome{
    display: block;
    margin: 0 auto;
    position: relative;
	text-align:center;
	padding:10px 0 20px 0;
	}
	
.BrandsHome span{
display:inline;}

.BrandsHome a{
	height:72px;
	line-height:72px;
	width:72px;
	}
.BrandsHome a img,
.BrandsHome a svg{
	width:70%;
	height:70%;
margin:15%;	
	}

.BrandsHome a:hover{
	border:1px solid rgba(178, 145, 66, 1);
	background-color: rgba(0,0,2,.3);
}
.PHLogo{
color:rgba(178, 145, 66, 1);
font-size:28px;
line-height:28px;
padding-top:0px;
}

.PHLogo img{
width:112px;
height:auto;}

.light{ 
  background:none;
}

}