@import url("reset.css");

html {
	background: #000;
}
html, body {
	color: #fff;
font-family: 'Ropa Sans', sans-serif;	font-size: 10px;
	height: 100%;
	margin: 0;
	padding: 0;
	width: 100%;
	height:100%;

} 
body {
	background: transparent
}

 



h1 {
	text-transform:uppercase;
font-family: 'Ropa Sans', sans-serif;	display:inline-block;
	width:100%}

a {
	outline: none;
	color: #fffff6;
	font-size:inherit;
	text-decoration:none;
	  -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  /* ...and now for the proper property */
  transition:.5s;
}
a:hover {
	text-decoration: none;
	opacity: 0.7;
	color: #fffff5;
}

.center-container img {
	text-align:center
}
.center-container p {
	text-transform: uppercase;
	color: #fff;
}

.center-container {
  position: absolute;
  padding: 0px;  
  text-align: center;
font-family: 'Ropa Sans', sans-serif; color: #e7e8e9;
}
.fa-facebook-square:before {
  content: "\f082"; font-family:FontAwesome
}


#logo {
height: auto;
 width: 100%;

}

nav ul {width: 100%; display: table; }
nav ul li {display: table-cell; width: auto; text-align: center;}


nav ul li a { font-family: 'Ropa Sans', sans-serif;}

.management {position:absolute;  font-family: 'Ropa Sans', sans-serif;text-transform:uppercase;  }


 ul.management { width: 100%; display: table;}
 ul.management li {display: table-cell; width: auto; text-align: left;}
 ul.management li:first-child  {text-align: left;}
 ul.management li:last-child  {text-align: right;}

 ul.management li a {padding:20px 0px}
#logo {
	display: block;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-ms-animation-duration: 1s;
	-o-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-name: fadeInUp;
	-moz-animation-name: fadeInUp;
	-o-animation-name: fadeInUp;
	animation-name: fadeInUp;
	background-repeat: no-repeat;
	background-position: 0 0;
	margin-right: auto;
	margin-left: auto;
}

.fadeoutdown {
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
-webkit-animation-duration: .5s;
-moz-animation-duration: .5s;
-ms-animation-duration: .5s;
-o-animation-duration: .5s;
animation-duration: .5s;
	-webkit-animation-name: fadeOutDown;
	-moz-animation-name: fadeOutDown;
	-ms-animation-name: fadeOutDown;
	-o-animation-name: fadeOutDown;
	animation-name: fadeOutDown;
-webkit-animation-delay:.2s;
-moz-animation-delay:.2s;
-ms-animation-delay:.2s;
-o-animation-delay:.2s;
animation-delay:.2s;
}
.keywords {
	bottom: -1px;
	height: 1px;
	overflow: hidden;
	position: fixed;
	right: -1px;
	text-indent: -9999px;
	visibility: hidden;
	width: 1px;
}
.container {
	padding: 0px 20px;
}
::-moz-selection {
background:#fff9e6;
color:#333333;
}
::selection {
background:#fff9e6;
color:#333333;
}
ul {
	padding:0;
	margin:0px 0;
	list-style:none;
}
footer {
	position: absolute;
	width: 100%;
	bottom:20px;
	text-align:center; display:inline-block
}
 @-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes fadeInUp {
0% {
opacity: 0;
-moz-transform: translateY(20px);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-o-keyframes fadeInUp {
0% {
opacity: 0;
-o-transform: translateY(20px);
}
100% {
opacity: 1;
-o-transform: translateY(0);
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
transform: translateY(20px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes fadeInDown {
0% {
opacity: 0;
-moz-transform: translateY(-20px);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-o-keyframes fadeInDown {
0% {
opacity: 0;
-o-transform: translateY(-20px);
}
100% {
opacity: 1;
-o-transform: translateY(0);
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
transform: translateY(-20px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
}
}
@-moz-keyframes fadeOutDown {
0% {
opacity: 1;
-moz-transform: translateY(0);
}
100% {
opacity: 0;
-moz-transform: translateY(20px);
}
}
@-o-keyframes fadeOutDown {
0% {
opacity: 1;
-o-transform: translateY(0);
}
100% {
opacity: 0;
-o-transform: translateY(20px);
}
}
@keyframes fadeOutDown {
0% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(20px);
}
}




@media (min-width: 1281px){
.center-container {
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 200px
}

#logo {
 margin-top:40px;
 margin-bottom: 50px
}

.management {bottom:-230px; margin-bottom:50px; }
ul.management li a {font-size:12px; letter-spacing:1px}

 h1 {
font-size:18px;
letter-spacing:5px;
}

nav ul li a {
font-size:18px;
height: 18px;
line-height: 18px;
letter-spacing:0px
}

}

/*Notebooks and Small Laptops*/
@media (min-width: 1025px) and (max-width: 1280px){
.center-container {
  left: 50%;
  top: 50%;
 -webkit-transform: translate(-50%, -50%);	
  -ms-transform: translate(-50%, -50%);	
  transform: translate(-50%, -50%);	  width:200px
}

#logo {
 margin-top:28px;
 margin-bottom: 38px
}

.management {bottom:-130px; margin-bottom:50px; }
ul.management li a {font-size:12px; letter-spacing:1px}

 h1 {
font-size:21px;
letter-spacing:4px;
line-height:21px;
}

nav ul li a {
font-size:21px;
height: 21px;
line-height: 21px;
letter-spacing:1px
}

}

/*iPad Landscape Mode and Large Tablets */
@media (max-width: 1024px){

.center-container {
  left: 50%;
  top: 50%;
 -webkit-transform: translate(-50%, -50%);	
  -ms-transform: translate(-50%, -50%);	
  transform: translate(-50%, -50%);	  width:200px
}

#logo {
 margin-top:28px;
 margin-bottom: 38px
}

.management {bottom:-130px; margin-bottom:50px; }
ul.management li a {font-size:12px; letter-spacing:1px}

 h1 {
font-size:19px;
letter-spacing:5px;
line-height:19px;
}

nav ul li a {
font-size:19px;
height: 19px;
line-height: 19px;
letter-spacing:1px
}



}

/*Small Desktop and Very Small Notebook */
@media (max-width: 980px){


.center-container {
  left: 50%;
  top: 50%;
 -webkit-transform: translate(-50%, -50%);	
  -ms-transform: translate(-50%, -50%);	
  transform: translate(-50%, -50%);	  width:200px
}

#logo {
 margin-top:28px;
 margin-bottom: 38px
}

.management {bottom:-130px; margin-bottom:50px; }
ul.management li a {font-size:12px; letter-spacing:1px}

 h1 {
font-size:19px;
letter-spacing:5px;
line-height:19px;
}

nav ul li a {
font-size:19px;
height: 19px;
line-height: 19px;
letter-spacing:1px
}

}

/*Medium Tablets */
@media (max-width: 800px){.center-container {
  left: 50%;
  top: 50%;
 -webkit-transform: translate(-50%, -50%);	
  -ms-transform: translate(-50%, -50%);	
  transform: translate(-50%, -50%);	  width:200px
}

#logo {
 margin-top:28px;
 margin-bottom: 38px
}

.management {bottom:-130px; margin-bottom:50px; }
ul.management li a {font-size:12px; letter-spacing:1px}

 h1 {
font-size:19px;
letter-spacing:5px;
line-height:19px;
}

nav ul li a {
font-size:19px;
height: 19px;
line-height: 19px;
letter-spacing:1px
}
}


/*iPad Portrait Mode, iPad Mini and Small Tablets */
@media (max-width: 768px){
.center-container {
  left: 50%;
  top: 50%;
 -webkit-transform: translate(-50%, -50%);	
  -ms-transform: translate(-50%, -50%);	
  transform: translate(-50%, -50%);	  width:200px
}

#logo {
 margin-top:28px;
 margin-bottom: 38px
}

.management {bottom:-130px; margin-bottom:50px; }
ul.management li a {font-size:12px; letter-spacing:1px}

 h1 {
font-size:19px;
letter-spacing:5px;
line-height:19px;
}

nav ul li a {
font-size:19px;
height: 19px;
line-height: 19px;
letter-spacing:1px
}

}

/*Medium Smart Phones v2*/
@media screen and (max-width: 640px){

.center-container {
  left: 50%;
  top: 50%;
 -webkit-transform: translate(-50%, -50%);	
  -ms-transform: translate(-50%, -50%);	
  transform: translate(-50%, -50%);	  width:200px
}

#logo {
 margin-top:28px;
 margin-bottom: 38px
}

.management {bottom:-130px; margin-bottom:50px; }
ul.management li a {font-size:12px; letter-spacing:1px}

 h1 {
font-size:19px;
letter-spacing:5px;
line-height:19px;
}

nav ul li a {
font-size:19px;
height: 19px;
line-height: 19px;
letter-spacing:1px
}

}


/*Google Nexus and Other Large Smart Phones v1*/
@media screen and (max-width: 600px){

.center-container {
  left: 50%;
  top: 50%;
 -webkit-transform: translate(-50%, -50%);	
  -ms-transform: translate(-50%, -50%);	
  transform: translate(-50%, -50%);	  width:200px
}

#logo {
 margin-top:28px;
 margin-bottom: 38px
}

.management {bottom:-130px; margin-bottom:50px; }
ul.management li a {font-size:12px; letter-spacing:1px}

 h1 {
font-size:19px;
letter-spacing:5px;
line-height:19px;
}

nav ul li a {
font-size:19px;
height: 19px;
line-height: 19px;
letter-spacing:1px
}

}


/*iPhone Landscape Mode and Mediium Smart Phones*/
@media screen and (max-width: 480px){



.center-container {
  left: 50%;
  top: 50%;
 -webkit-transform: translate(-50%, -50%);	
  -ms-transform: translate(-50%, -50%);	
  transform: translate(-50%, -50%);	  width:200px
}

#logo {

 margin-top:28px;
 margin-bottom: 38px
}

.management {bottom:-130px; margin-bottom:50px; }
ul.management li a {font-size:12px; letter-spacing:1px}

 h1 {
font-size:19px;
letter-spacing:5px;
line-height:19px;
}

nav ul li a {
font-size:19px;
height: 19px;
line-height: 19px;
letter-spacing:1px
}

}

/*Other Major Small Smart Phones*/
@media screen and (max-width: 360px){
.center-container {
  left: 50%;
  top: 50%;
 -webkit-transform: translate(-50%, -50%);	
  -ms-transform: translate(-50%, -50%);	
  transform: translate(-50%, -50%);	  width:200px
}

#logo {

 margin-top:28px;
 margin-bottom: 38px
}

.management {bottom:-130px; margin-bottom:50px; }
ul.management li a {font-size:12px; letter-spacing:1px}

 h1 {
font-size:19px;
letter-spacing:5px;
line-height:19px;
}

nav ul li a {
font-size:19px;
height: 19px;
line-height: 19px;
letter-spacing:1px
}



}

/*iPhone Portrait Mode and Very Small Mobile Phones*/
@media screen and (max-width: 320px) {

.center-container {
  left: 50%;
  top: 50%;
  
   -webkit-transform: translate(-50%, -50%);	
  -ms-transform: translate(-50%, -50%);	
  transform: translate(-50%, -50%);	
  
  
  width:200px
}

#logo {
 background:yellow;
 margin-top:28px;
 margin-bottom: 38px
}

.management {bottom:-130px; margin-bottom:50px; }
ul.management li a {font-size:12px; letter-spacing:1px}

 h1 {
font-size:19px;
letter-spacing:5px;
line-height:19px;
}

nav ul li a {
font-size:19px;
height: 19px;
line-height: 19px;
letter-spacing:1px
}

}



#ulp-layer-175 img {vertical-align: bottom}