@font-face {
    font-family: 'Aron';
    src: url('/fonts/Aron-Medium.eot');
    src: url('/fonts/Aron-Medium.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Aron-Medium.woff2') format('woff2'),
        url('/fonts/Aron-Medium.woff') format('woff'),
        url('/fonts/Aron-Medium.svg#Aron-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Aron';
    src: url('/fonts/Aron-Black.eot');
    src: url('/fonts/Aron-Black.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Aron-Black.woff2') format('woff2'),
        url('/fonts/Aron-Black.woff') format('woff'),
        url('/fonts/Aron-Black.svg#Aron-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Aron';
    src: url('/fonts/Aron-BoldItalic.eot');
    src: url('/fonts/Aron-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Aron-BoldItalic.woff2') format('woff2'),
        url('/fonts/Aron-BoldItalic.woff') format('woff'),
        url('/fonts/Aron-BoldItalic.svg#Aron-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Aron';
    src: url('/fonts/Aron-ExtraBoldItalic.eot');
    src: url('/fonts/Aron-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Aron-ExtraBoldItalic.woff2') format('woff2'),
        url('/fonts/Aron-ExtraBoldItalic.woff') format('woff'),
        url('/fonts/Aron-ExtraBoldItalic.svg#Aron-ExtraBoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Aron';
    src: url('/fonts/Aron-ExtraLightItalic.eot');
    src: url('/fonts/Aron-ExtraLightItalic.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Aron-ExtraLightItalic.woff2') format('woff2'),
        url('/fonts/Aron-ExtraLightItalic.woff') format('woff'),
        url('/fonts/Aron-ExtraLightItalic.svg#Aron-ExtraLightItalic') format('svg');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Aron';
    src: url('/fonts/Aron-BlackItalic.eot');
    src: url('/fonts/Aron-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Aron-BlackItalic.woff2') format('woff2'),
        url('/fonts/Aron-BlackItalic.woff') format('woff'),
        url('/fonts/Aron-BlackItalic.svg#Aron-BlackItalic') format('svg');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Aron';
    src: url('/fonts/Aron-Bold.eot');
    src: url('/fonts/Aron-Bold.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Aron-Bold.woff2') format('woff2'),
        url('/fonts/Aron-Bold.woff') format('woff'),
        url('/fonts/Aron-Bold.svg#Aron-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Aron';
    src: url('/fonts/Aron-LightItalic.eot');
    src: url('/fonts/Aron-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Aron-LightItalic.woff2') format('woff2'),
        url('/fonts/Aron-LightItalic.woff') format('woff'),
        url('/fonts/Aron-LightItalic.svg#Aron-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Aron';
    src: url('/fonts/Aron-ExtraLight.eot');
    src: url('/fonts/Aron-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Aron-ExtraLight.woff2') format('woff2'),
        url('/fonts/Aron-ExtraLight.woff') format('woff'),
        url('/fonts/Aron-ExtraLight.svg#Aron-ExtraLight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Aron Mediuim';
    src: url('/fonts/Aron-MediuimItalic.eot');
    src: url('/fonts/Aron-MediuimItalic.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Aron-MediuimItalic.woff2') format('woff2'),
        url('/fonts/Aron-MediuimItalic.woff') format('woff'),
        url('/fonts/Aron-MediuimItalic.svg#Aron-MediuimItalic') format('svg');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Alte Haas Grotesk';
    src: url('/fonts/AlteHaasGrotesk_Bold.eot');
    src: url('/fonts/AlteHaasGrotesk_Bold.eot?#iefix') format('embedded-opentype'),
        url('/fonts/AlteHaasGrotesk_Bold.woff2') format('woff2'),
        url('/fonts/AlteHaasGrotesk_Bold.woff') format('woff'),
        url('/fonts/AlteHaasGrotesk_Bold.svg#AlteHaasGrotesk_Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Aron';
    src: url('/fonts/Aron-ExtraBold.eot');
    src: url('/fonts/Aron-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Aron-ExtraBold.woff2') format('woff2'),
        url('/fonts/Aron-ExtraBold.woff') format('woff'),
        url('/fonts/Aron-ExtraBold.svg#Aron-ExtraBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Aron';
    src: url('/fonts/Aron-Light.eot');
    src: url('/fonts/Aron-Light.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Aron-Light.woff2') format('woff2'),
        url('/fonts/Aron-Light.woff') format('woff'),
        url('/fonts/Aron-Light.svg#Aron-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Aron';
    src: url('/fonts/Aron-Italic.eot');
    src: url('/fonts/Aron-Italic.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Aron-Italic.woff2') format('woff2'),
        url('/fonts/Aron-Italic.woff') format('woff'),
        url('/fonts/Aron-Italic.svg#Aron-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Alte Haas Grotesk';
    src: url('/fonts/AlteHaasGrotesk.eot');
    src: url('/fonts/AlteHaasGrotesk.eot?#iefix') format('embedded-opentype'),
        url('/fonts/AlteHaasGrotesk.woff2') format('woff2'),
        url('/fonts/AlteHaasGrotesk.woff') format('woff'),
        url('/fonts/AlteHaasGrotesk.svg#AlteHaasGrotesk') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Neue Haas Grotesk Display Pro';
    src: url('/fonts/NeueHaasDisplay-Roman.eot');
    src: url('/fonts/NeueHaasDisplay-Roman.eot?#iefix') format('embedded-opentype'),
        url('/fonts/NeueHaasDisplay-Roman.woff2') format('woff2'),
        url('/fonts/NeueHaasDisplay-Roman.woff') format('woff'),
        url('/fonts/NeueHaasDisplay-Roman.svg#NeueHaasDisplay-Roman') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'AronVF';
    src: url('/fonts/AronVF-Regular.eot');
    src: url('/fonts/AronVF-Regular.eot?#iefix') format('embedded-opentype'),
        url('/fonts/AronVF-Regular.woff2') format('woff2'),
        url('/fonts/AronVF-Regular.woff') format('woff'),
        url('/fonts/AronVF-Regular.svg#AronVF-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Aron';
    src: url('/fonts/Aron-SemiBoldItalic.eot');
    src: url('/fonts/Aron-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Aron-SemiBoldItalic.woff2') format('woff2'),
        url('/fonts/Aron-SemiBoldItalic.woff') format('woff'),
        url('/fonts/Aron-SemiBoldItalic.svg#Aron-SemiBoldItalic') format('svg');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Aron';
    src: url('/fonts/Aron-SemiBold.eot');
    src: url('/fonts/Aron-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Aron-SemiBold.woff2') format('woff2'),
        url('/fonts/Aron-SemiBold.woff') format('woff'),
        url('/fonts/Aron-SemiBold.svg#Aron-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Aron Normal';
    src: url('/fonts/Aron-NormalItalic.eot');
    src: url('/fonts/Aron-NormalItalic.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Aron-NormalItalic.woff2') format('woff2'),
        url('/fonts/Aron-NormalItalic.woff') format('woff'),
        url('/fonts/Aron-NormalItalic.svg#Aron-NormalItalic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Neue Haas Grotesk Display Pro';
    src: url('/fonts/NeueHaasDisplay-ThinItalic.eot');
    src: url('/fonts/NeueHaasDisplay-ThinItalic.eot?#iefix') format('embedded-opentype'),
        url('/fonts/NeueHaasDisplay-ThinItalic.woff2') format('woff2'),
        url('/fonts/NeueHaasDisplay-ThinItalic.woff') format('woff'),
        url('/fonts/NeueHaasDisplay-ThinItalic.svg#NeueHaasDisplay-ThinItalic') format('svg');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Brandink Sans';
    src: url('/fonts/BrandinkSansLight.eot');
    src: url('/fonts/BrandinkSansLight.eot?#iefix') format('embedded-opentype'),
        url('/fonts/BrandinkSansLight.woff2') format('woff2'),
        url('/fonts/BrandinkSansLight.woff') format('woff'),
        url('/fonts/BrandinkSansLight.svg#BrandinkSansLight') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Neue Haas Grotesk Display Pro';
    src: url('/fonts/NeueHaasDisplay-XThinItalic.eot');
    src: url('/fonts/NeueHaasDisplay-XThinItalic.eot?#iefix') format('embedded-opentype'),
        url('/fonts/NeueHaasDisplay-XThinItalic.woff2') format('woff2'),
        url('/fonts/NeueHaasDisplay-XThinItalic.woff') format('woff'),
        url('/fonts/NeueHaasDisplay-XThinItalic.svg#NeueHaasDisplay-XThinItalic') format('svg');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Brandink Sans';
    src: url('/fonts/BrandinkSansRegular.eot');
    src: url('/fonts/BrandinkSansRegular.eot?#iefix') format('embedded-opentype'),
        url('/fonts/BrandinkSansRegular.woff2') format('woff2'),
        url('/fonts/BrandinkSansRegular.woff') format('woff'),
        url('/fonts/BrandinkSansRegular.svg#BrandinkSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Aron';
    src: url('/fonts/Aron-ThinItalic.eot');
    src: url('/fonts/Aron-ThinItalic.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Aron-ThinItalic.woff2') format('woff2'),
        url('/fonts/Aron-ThinItalic.woff') format('woff'),
        url('/fonts/Aron-ThinItalic.svg#Aron-ThinItalic') format('svg');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Aron Normal';
    src: url('/fonts/Aron-Normal.eot');
    src: url('/fonts/Aron-Normal.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Aron-Normal.woff2') format('woff2'),
        url('/fonts/Aron-Normal.woff') format('woff'),
        url('/fonts/Aron-Normal.svg#Aron-Normal') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Neue Haas Grotesk Display Pro';
    src: url('/fonts/NeueHaasDisplay-RomanItalic.eot');
    src: url('/fonts/NeueHaasDisplay-RomanItalic.eot?#iefix') format('embedded-opentype'),
        url('/fonts/NeueHaasDisplay-RomanItalic.woff2') format('woff2'),
        url('/fonts/NeueHaasDisplay-RomanItalic.woff') format('woff'),
        url('/fonts/NeueHaasDisplay-RomanItalic.svg#NeueHaasDisplay-RomanItalic') format('svg');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Aron';
    src: url('/fonts/Aron-Thin.eot');
    src: url('/fonts/Aron-Thin.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Aron-Thin.woff2') format('woff2'),
        url('/fonts/Aron-Thin.woff') format('woff'),
        url('/fonts/Aron-Thin.svg#Aron-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Neue Haas Grotesk Display Pro';
    src: url('/fonts/NeueHaasDisplay-Thin.eot');
    src: url('/fonts/NeueHaasDisplay-Thin.eot?#iefix') format('embedded-opentype'),
        url('/fonts/NeueHaasDisplay-Thin.woff2') format('woff2'),
        url('/fonts/NeueHaasDisplay-Thin.woff') format('woff'),
        url('/fonts/NeueHaasDisplay-Thin.svg#NeueHaasDisplay-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Aron';
    src: url('/fonts/Aron-Regular.eot');
    src: url('/fonts/Aron-Regular.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Aron-Regular.woff2') format('woff2'),
        url('/fonts/Aron-Regular.woff') format('woff'),
        url('/fonts/Aron-Regular.svg#Aron-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


img{
	max-width: 100%;
}

html, body, div, span, p, a, del, em, img, ol, ul, li, fieldset, form, label {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

html, body {
	line-height: 1;
	min-height:100%;
	font-family:Artial, Verdana, sans-serif;
}



.logo  {
	position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 999;
}

.logo img { max-width: 200px;}

#pleca {
	background: #222;
	width: 100%;
	position: fixed;
	height: 6vh;
	z-index: 999;
}

#pleca2 {
	background: #222;
	width: 100%;
	position: fixed;
	height: 10vh;
	z-index: 999;
	bottom: 0
}

#menu {
	position: fixed;
	top: 50%;  /* position the top  edge of the element at the middle of the parent */
    left: 50%; /* position the left edge of the element at the middle of the parent */
	z-index: 999999;
	transform: translate(-50%, -50%);
	width: 100%;
}

#menu li {
	display: inline-block;
    margin: 0 7vw;
    font-size: 34px;
    color: #fff;
	font-weight: 500;
	
}

	#menu li a {
    color: #000000;
    font-weight: 300;
    font-size: 2.7vw;
    font-family: 'Aron';
    font-family: 'Neue Haas Grotesk Display Pro';
    text-transform: uppercase;
    /* font-family: 'Neue Haas Grotesk Display Pro'; */
    font-family: 'Aron Normal';
    font-family: 'Alte Haas Grotesk';
}


#inicio_home {
	    padding-top: 3vw;

}

.fondo_soon {
	    height: 100%;
		background-color: #68736e;
	padding: 20px 30px;
}

.fondo_verde{
	background-color: #68736e;
	padding: 20px 30px;
}

.amarillo {
	background-color: #c8c2ad;
}
.amarillo_dos {
	background-color: #caab7d;
}

.rojo {
	background-color: #af887a;
}

body {
	
	background: #1d1d1b;
	background-attachment:fixed;
}

ol, ul {
	list-style: none;
}

p {
	margin:1em 0;
	line-height:1.1em;
    font-family: 'Aron';
}

q {
	font-style:italic;
	color:#333;
}

h1 {
       font-size: 2.5vw;
    margin: 0;
    text-transform: uppercase;
    padding-bottom: 3vw;
	 font-family: 'Alte Haas Grotesk';
}

h1 > small {
	text-align:right;
	display:inline-block;
	font-size:.71em;
	text-indent:15em;
	color:#444;
}

h2 {
	color:inherit;
	font-size:1.91em;
	margin:2em 0 1em 0;
}

h2:first-child {margin-top:0;}

h3 {
	color:#333;
	font-size:1.41em;
	margin:1em 0;
}

h4 {
	color:#444;
	font-size:1.11em;
	margin:1em 0;
}

#progress {
	height:2%;
	background:#444;
	bottom:0;
	z-index:200;
}

#scrollbar {
	position:fixed;
	right:2px;
	height:50px;
	width:6px;
	background:#444;
	background:rgba(0,0,0,0.6);
	border:1px solid rgba(255,255,255,0.6);
	z-index:300;
	border-radius:3px;
}

.skrollr-desktop #scrollbar {display:none;}

#bg1, #bg2, #bg3 {
	z-index:50;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url(images/bubbles.png) repeat 0 0;
}

#bg2 {
	z-index:49;
	background-image:url(images/bubbles2.png);
}

#bg3 {
	z-index:48;
	background-image:url(images/bubbles3.png);
}

#intro {
	width:80%;
	left:50%;
	top:1em;
	margin-left:-40%;
	padding:2em;
	background:#fff;
	text-align:center;
	border-radius:1em;

	-webkit-transform-origin:0 0;
	-moz-transform-origin:0 0;
	-ms-transform-origin:0 0;
	-o-transform-origin:0 0;
	transform-origin:0 0;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#intro .arrows {
	font-size:2em;
	color:#09f;
}

#transform {
	width:70%;
	left:50%;
	top:20%;
	margin-left:-35%;
	text-align:center;
	font-size:150%;

	.transform-origin(50%, 50%);
}

#properties {
	width:100%;
	height:100%;
	padding-top:10%;
	text-align:center;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#easing_wrapper {
	width:100%;
	height:100%;
	top: -10% !important
}

#easing {
	top:10%;
	width:50%;
	z-index:101;
}


#slide1 {background-image: url('/images/1a.jpg');}
#slide2{background-image: url('/images/2b.jpg');}
#slide3{background-image: url('/images/3c.jpg');}
#slide4{background-image: url('/images/1b.jpg');}
#slide5{background-image: url('/images/2c.jpg');}
#slide6{background-image: url('/images/3b.jpg');}
#slide7{background-image: url('/images/1c.jpg');}
#slide8{background-image: url('/images/2d.jpg'); }
#slide9{background-image: url('/images/3a.jpg');}
#slide10{background-image: url('/images/2a.jpg');}
#slide11{background-image: url('/images/1d.jpg');}
#slide12{background-image: url('/images/3d.jpg');}




#slidenuevo1 {background-image: url('/images/rtro_inicio_1.jpg');}
#slidenuevo2 {background-image: url('/images/rtro_inicio_2.jpg');}
#slidenuevo3 {background-image: url('/images/rtro_inicio_3.jpg');}
#slidenuevo4 {background-image: url('/images/rtro_inicio_4.jpg');}

.drop {
	background: #09f;
    font-weight: bold;
  height: 100vh;
    width: 25%;
}

.drop2 {
	background: #000;
    font-weight: bold;
  height: 100vh;
    width: 25%;
}

.drop3 {
	background: #bf1919;
    font-weight: bold;
  height: 100vh;
    width: 25%;
}


.drop4 {
	background: green;
    font-weight: bold;
  height: 100vh;
    width: 25%;
}

#download {
	width:100%;
	left:0%;
	height:100%;
	padding:3em;
	border:0 solid #222;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.twitter-share-button, .twitter-follow-button {
	vertical-align:middle;
}


#overlay {
	position: fixed;
    /* display: none; */
    width: 100vw;
    height: 100vw;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 98;
    cursor: pointer;
  }


.rtro h1{
	position: absolute;
    top: 50%;
   font-weight: 300;
   font-family: 'Lato', sans-serif;
    left: 50%;
    transform: translate(-50%, 50%);
    margin-top: 50px;
    font-size: 36px;
    letter-spacing: 2px;
    color: #fff;
    opacity: 1;
    /*text-shadow: 0px 0px 10px #000;*/
    z-index: 99;
}


.rtro h1 a {color: #fff;}

.rtro h1:hover {
	opacity: 1
}


.rtro .column ul.bgs {
    width: 25%;
    min-width: 342px;
    height: 100%;
    list-style: none;
    overflow: hidden;
    position: fixed;
	z-index: 10;
	margin-left: -15px;
}

.rtro .column ul.bgs li {
    width: 100%;
    height: 100%;
    position: absolute;
    background: #fff;
    background-size: 26% auto!important;
    text-align: center;
	overflow: hidden;
	border-right: 5px solid;
}



@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1420px;
    }
}


.menu_home	{
	padding-top: 2.2%;
    padding-bottom:  2.2%;
    border-bottom: 1px solid #c8c2ad;
	position: relative;
}

.menu_home::after {
	content: '';
	position: absolute;
	right: 10vw;
	height: 8vw;
	width: 1px;
	bottom: 0;
	background-color: #c8c2ad;
}

.foot {
	       padding-top: 2%;
  
    border-top: 1px solid #c8c2ad;
    position: relative;
    margin-top: 3%;
}

.foot p{
	    color: #c8c2ad;
    font-size: 11px;
    line-height: 16px;
}

.foot::after {
	content: '';
	position: absolute;
	right: 18vw;
	height: 8vw;
	width: 1px;
	top: 0;
	background-color: #c8c2ad;
}

.logo_new img{
	       max-width: 14vw;
   
}

.isotipo img{
	    max-width: 5vw;
}

@media (max-width: 1100) { 
	#menu li a {font-size: 2.5vw;}
}



@media (max-width: 432px) { 
	#overlay { display: none;}
	.rtro h1 {display: none;}
	#menu {    position: fixed;
		top: 32%;
		left: 50%;
		z-index: 999999;
		transform: translate(-50%, -50%);
		width: 100%;}

		#menu li{padding-top: 190px; margin: 0 6vw;}
		#menu li a {
			color: #fff;
			font-weight: 300;
			font-size: 8.5vw;
			padding-top: 70px;
		}


.rtro .col-xs-3 {
	width: 50%;
  }

 
    .col-sm-6 {
        flex: 0 0 auto;
        width: 50%;
    }

	    .col-sm-3 {
        flex: 0 0 auto;
        width: 25%;
    }

	 .col-sm-4 {
        flex: 0 0 auto;
        width: 33.333334%;
    }
	    .col-sm-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }

	    .col-sm-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }

	    .col-sm-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }

	.menu_home::after {
		height: 12vw;
	}

	.isotipo img {
    max-width: 8vw;
    float: right;
	    margin-top: 10px;
}

.foot::after {
    content: '';
    position: absolute;
    right: 32vw;
    height: 18vw;}


  .fondo_verde {
	padding: 20px 20px;
	    margin-bottom: 20px;
  }

h1 {
    font-size: 4.5vw; }

.logo_new img {
    max-width: 35vw;
}



}