@font-face {
    src: url("../fonts/tradegothiceighteen.otf");
    font-family: "tradegothiceighteen";
}
@font-face {
    font-family: 'TradeGothicBdCondTwentyObl';
    src: url('fonts/TradeGothicBdCondTwentyObl.eot');
    src: url('fonts/TradeGothicBdCondTwentyObl.eot') format('embedded-opentype'),
         url('fonts/TradeGothicBdCondTwentyObl.woff2') format('woff2'),
         url('fonts/TradeGothicBdCondTwentyObl.woff') format('woff'),
         url('fonts/TradeGothicBdCondTwentyObl.ttf') format('truetype'),
         url('fonts/TradeGothicBdCondTwentyObl.svg#TradeGothicBdCondTwentyObl') format('svg');
}
@font-face {
    font-family: 'TradeGothic';
    src: url('fonts/TradeGothic.eot');
    src: url('fonts/TradeGothic.eot') format('embedded-opentype'),
         url('fonts/TradeGothic.woff2') format('woff2'),
         url('fonts/TradeGothic.woff') format('woff'),
         url('fonts/TradeGothic.ttf') format('truetype'),
         url('fonts/TradeGothic.svg#TradeGothic') format('svg');
}
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
		  margin:0;padding:0
}
body{font-family:'TradeGothic', Georgia;font-size:12px;position:absolute;width:100%;height:100%; margin:0 auto;}
h1,h2,h3,h4,h5,h6,h7,h8,h91{margin:0;padding:0;font-family:'TradeGothicBdCondTwentyObl'; color:#000;}
p{margin:0;padding:0;font-size: 15px;line-height:21px;}
.width50{width:50%;position:absolute}
.width80{width:85%;margin:0 auto;position:relative;float:none}
.width100{width:100%;height:100%;margin:0 auto;position:relative;float:none}
.width30{width:33.333%;float:left;padding:3% 2%}
.width30 h1{
  margin-bottom: 10px;
  letter-spacing:1px;
  font-weight:normal !important;
}
.hidden{display:none}
.showed{display:inline-block}
.absoluta{position:absolute !important}
.icon-list a span{font-size: 30px}
.menu-button{font-size:30px;}
.menu-wrap{
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}
.wrapworks {
  clear: both;
  width: 100%;
  height: 100%;
  text-align: center !important;
}
.wrapworks {
  margin:0 auto;
}
.center {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100% !important;
    height: auto;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}
.simple {
  margin-top: 100px !important;
  margin-bottom: 20px;
}
.close-button {
	width: auto !important;
	right: 0em !important;
	text-indent: 0em !important;
	font-size: 1em !important;
}

.close-button::before,
.close-button::after {
	left: 70% !important;
}
.menu-wrap {
    position: fixed;
    padding-top: 80px;
    z-index: 1001;
    width: 270px !important;
    height: 100%;
    -webkit-transform: translate3d(320px,0,0);
    transform: translate3d(320px,0,0);
    -webkit-transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
    -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    right:0
}
.close-button {
    width: 30px;
    height: 30px;
    position: absolute;
    right: 15px !important;
    top: 30px;
    overflow: hidden;
    text-indent: 1em;
    font-size: 0.75em;
    border: none;
    background: transparent;
    color: transparent;
    outline: none;
}
.menu-button {
    position: fixed;
    z-index: 1000;
    margin-top:-10px;
    margin-right:30px;
    padding: 0;
    width: 30px !important;
    height: 30px !important;
    border: none;
    font-size: 1.5em;
    color: transparent;
    background: transparent;
    right:0;
    outline: none;
}
.cntvideo {
  position: relative;
  float: left;
  width: 100%;
  height:100%;
}
.cntvideo video {
 position: absolute;
 left:0px;
  min-width: 100%; min-height: 100%;
  background-size: cover;
  overflow: hidden;
  background-position: center center;
}
header{
background-image:url('../images/opinadors1.png');
width:100%;
height:100%;
padding:0;
background-position: center center;
background-size:cover;
/*background-attachment:fixed;*/
position:relative
}
.contenedor4{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%, -50%);
-webkit-transform:translate(-50%, -50%);
text-align:center;
color:#fff;
width: auto;
height: auto;
}
.contenedor4 h4{
letter-spacing:1px;
font-size:2em;
}
.contenedor4 h3{
letter-spacing:5px;
font-size:8em;
}
.contenedor4 p{
letter-spacing:0px;
font-size:1.3em
}
section{position:relative}
.mitad{
width:50%;
float:left;
position:relative
}
.line {
  clear: both;
  width: 98%;
  margin:0 auto;
  border-bottom: 1px solid #322b80;
  padding-top: 60px;
  margin-bottom: 60px;
}
.video {
  float: left;
  min-width: 100%;
  min-height: 100%;
  background-color: #000;
}
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.texto{
position:relative;
text-align:center;
color:#322b80;
}
.texto p{
letter-spacing:0px;
font-size:1.3em;
padding-bottom:5%;
margin-left: 10%;
margin-right: 10%;
margin-top: 10%;

}
.texto span{
letter-spacing:1px;
font-size:1.3em;
font-style:italic;
font-weight:bold;
}
.declaring{
font-size:1.5em;
}
.declaring h1{font-size:27px;padding-bottom:2%}
.todo{
width:100%;
float:left;
position:relative;
color:#322b80;
}
/******* ARA *******/
.c25 {
  float: left;
  width: 25%;
  height: 400px;
}
.c100 {
  width: 100%;
  margin-bottom: -10px;
  margin-top: 0px;
}
header .contenedor {
  position: absolute;
    left: 50%;
    top: 50%;
    width: 70%;
    text-align: center;
    height: auto;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}
header .contenedor h4 {
  font-size: 100%;
  font-family: "tradegothiceighteen";
  font-weight: lighter;
  color:#fff;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: -5px;
  font-size:27px;
  margin-top:30px;
}
header .contenedor h3{
  text-transform: uppercase;
  color:#fff;
  font-size: 6em;
  text-align: center;
  font-size: 105px;
  margin-bottom: -15px;
  font-family:'TradeGothicBoldCondTwenty';
  font-weight:normal;
}
header .contenedor p {
  color:#fff;
  font-size:20px;
  width:80%;
  margin:0 auto;
  font-family: 'Merriweather',serif !important;
}
@media (max-width: 1408px) {
.contenedor4 h2{
font-size:2em
}
.contenedor4 h1{
font-size:10em;
}
.contenedor4 p{
font-size:1.5em
}
}
@media (max-width: 1305px) {
.texto p, .texto span{font-size:1.5em;}
}
@media (max-width: 1160px) {
.texto{
top:auto;
left:auto;
transform:none;
-webkit-transform:none;
}
}
@media (max-width: 974px) {
.hidden{display:block}
.contenedor4{
position:relative;
top:auto;
left:auto;
text-align:center;
color:#322b80;
transform:none;
-webkit-transform:none;
padding:5%
}
.mitad{
width:100%;
float:none;
}
.texto, .showed{display:none}
.width50{width:50%;position:relative}
.absoluta{position:relative !important}
}
@media (max-width: 789px) {
.contenedor4 h1{font-size:10em}
.width30{width:100%;float:left;padding:5% 2%}
}
@media (max-width: 549px) {
.contenedor4 h1{font-size:7em}
.contenedor4 h2{font-size:2em}
.contenedor4 p{font-size:1.5em}
header .contenedor {
  width: 90%;
}
header .contenedor p {width: 100%;font-size:14px;}
}
}
@media (max-width: 480px) {
.contenedor4 h1{font-size:5em}
.contenedor4 h2{font-size:1.5em}
.contenedor4 p{font-size:1.3em}
}