/* styles reset */

*,*:after,*:before{box-sizing: border-box;}
header *,footer *{margin:0;padding:0;list-style:none;text-decoration:none;}

@font-face {
  font-family: 'segicons';
  src: url('../fonts/segicons.eot?65778044');
  src: url('../fonts/segicons.eot?65778044#iefix') format('embedded-opentype'),
       url('../fonts/segicons.woff?65778044') format('woff'),
       url('../fonts/segicons.ttf?65778044') format('truetype'),
       url('../fonts/segicons.svg?65778044#segicons') format('svg');
  font-weight: normal;
  font-style: normal;
}

body{
	background:#EAEDF4;
	font-size:18px;
	font-family:Roboto, sans-serif;
	margin:0;padding:0;
	color:#172755;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
}

/* header and footer styles */

header,footer{
	background:white;

}
header{
	color:#172755;
}
header a,footer a{
	color:inherit;
}
header .logo{
	float:left;
	margin-right:10%;
}
header nav #drop{
	display:none;
}
header{
	position:fixed;
	top:0;
	z-index:1;
	width:100%;
	padding:20px 0;
}

.logo img{
	display:inline-block;
}

a.button.skip {
    position: absolute;
    top: -400px;
    left: 50%;
    z-index:100;
    border:10px solid #172755;
    box-shadow:0 0 50px #000;
    margin-left: -210px;
}
a.button.skip:focus{
    top: 85vh;
}

/* footer */

footer{
	border-top:10px solid #D11067;
	padding:1.5em 0;
	margin-top:50px;
}
footer .container{
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	align-items:center;
}
footer .copyright{
	text-align:center;
	width:90%;
	max-width:1680px;
	margin:2em auto 0 auto;
	font-size:0.85em;
        color:#D11067;
}
footer .copyright a{
	text-decoration:underline;
}
footer nav ul{
	display:flex;
	justify-content:space-between;
}
footer nav a{
	display:inline-block;
	padding:1em 0;
}
footer a:hover,footer a:focus{
	color:#D11067;
}
footer nav li{
	margin:0 1em;
}

/* social icons */

.social-links{
	margin:0;
	padding:0;
	list-style:none;
	display:flex;
        color:#D11067;
}
.social-links li{
	margin:0 0.5em;
}
.social-links a{
	position:relative;
	display:block;
	width:30px;
	height:30px;
	overflow: hidden;
	text-indent:-1000px; 
}
.social-links a:before{
	content:"";
	font-family: "segicons";
	font-size:24px;
	position:absolute;
	left:0;
	top:0;
	width:30px;
	height:30px;
	text-indent:0;
}
.social-links a:hover:before{
	color:#172755;
}

.social-links a[href*='facebook']:before{content:"\F09a";}
.social-links a[href*='twitter']:before{content:"\F099";}
.social-links a[href*='instagram']:before{content:"\F16d";}
.social-links a[href*='aplicacion-movil']:before{content:"\E801";}
.social-links a[href*='mailto']:before{content:"\F0e0";}

/* generic main styles */

main{
	margin-top:100px;
	outline:0;
	overflow:hidden;
}
main a, main a.cta span{
	color:#D11067;
	text-decoration: underline;
}
main a.cta{
	text-decoration:none;
}
main a.cta:after{
	padding-left:0.3em;
	content:"\2192";
}
main a.cta:hover:after{
	padding-left:0.6em;
}

article{
	padding-top:60px;
}
.container{
	width:90%;
	max-width:1180px;
	margin:0 auto;
}
h1,h2{
	font-family: Nunito, sans-serif;
	font-weight:bold;
	text-align: center;
	line-height:1em;
}
h1{
	font-size:2.7rem;
	color:#D11067;
}
h2{
	font-size:2.5rem;
	color:#D11067;
}
.galeria h2{
	font-size:2.5rem; 
	color:#D11067;
}
.galeria h2::first-line{
	font-size:2.5rem;
        color:#172755; 
}

/* main index.html */

.figures figure{
	margin-right:0;
}
figure{
	border-radius:20px;
	background:white;
	box-shadow:0px 18px 50px -15px rgba(25, 42, 89, 0.2);
	padding:20px;
	margin:0;
        margin-top:40px;
	margin-left:10%;
	margin-right:10%;
	max-width:1180px;
}
figure img{
	width:100%;
	height:auto;
}
figure .absolute{
	display:none;
}
main .button{
	border-radius:30px;
	display:inline-block;
	padding:1em 3em;
	color:white;
	text-decoration:none;
	background:#172755;
	font-size:1em;
}
main .button:hover{
	color:#172755;
	transition:0.3s;
	background:#D11067; 
}
.highlighted .button{
	background:#D11067;
	border:0 !important;
        color:white;
}
.highlighted .button:hover{
	transition:0.3s;
	background:white; 
        color:#D11067;
}
.highlighted{
    padding:20px 0 0 0;
}
.highlighted h2,.highlighted h2 + p{
	text-align: center;
}
.highlighted p{
	line-height:1.5em;
        text-align: center;   
}
.highlighted h2{
	color:#D11067;
}
.features h1 + p{
	margin-bottom:3em;
}
.features section{
	display:flex;
	flex-direction:column;
	align-items:center;
	margin-bottom:50px;
}
.features dl{
	display:flex;
	flex-direction:column;
	text-align:right;
	justify-content:space-between;
        margin-right:50%;  
}
.features .feature{
	margin-bottom:40px;
}
.features dt{
	font-weight:bold;
        font-size:1.5rem;
	position:relative;
	padding-top:30px;
	margin-bottom:0.5em;
        color:#D11067;
}
.features dd{
        margin:0; 
}
.rotar:hover {
-webkit-transform: rotateY(180deg);
-webkit-transform-style: preserve-3d;
transform: rotateY(180deg);
transform-style: preserve-3d;}

/* Video */

.contenedor-video{
	position:relative;
	overflow:hidden;
	padding-top:56.25%;
	border: 20px solid #D11067;
	border-radius:20px;
}

.contenedor-video iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

#containingBlock {
    width: 50%;
}