@charset "utf-8";

@font-face{
font-family: "BDColonius";
font-weight: normal;
font-style: normal;
src: url("../BD-Colonius.ttf") format("truetype");
}

*,:after,:before{box-sizing:border-box}
img {border:0em;max-width:100%;}
a{text-decoration:none;}
a:hover{text-decoration:none;}
ul,li{list-style-type:none;margin:0;padding:0;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;-webkit-text-size-adjust: none;}
h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin:0;}
body {font-family:'Montserrat', sans-serif;margin:0 auto;padding:0;font-size:16px;color:#ffffff;}
audio{display:none;}
.section > video,.seccion > video{position: absolute;right: 0;bottom: 0;top:0;width: 100%;height: 100%;background-size: 100% 100%;background-color:black;background-position: center center;background-size: contain;object-fit: cover;z-index:3;}
.logo{position:absolute;top:10px;right:0;left:0;z-index:10;}
.logo img{transition:.4s all;width:80px;height:80px;margin:0 auto;display:block;}
.logo img.small{width:60px;height:60px;}
.sound{position:absolute;top:19px;left:20px;z-index:10;}
.sound.on{background:url(../img/sound_on.svg) no-repeat 0 0;width:40px;height:40px;background-size:40px 40px;}
.sound.off{background:url(../img/sound_off.svg) no-repeat 0 0;width:40px;height:40px;background-size:40px 40px;}
.nomobile{display:inline-block;}
.section,.slide{background-size: cover;background-attachment: fixed;position:relative;}
.scroll svg{position:absolute;z-index:10;width:40px;height:40px;right:0;left:0;bottom:0;fill:#cd97c4;margin:0 auto;transition:.4s all;}
.scroll svg.black{transform:rotate(180deg);fill:#000000;}
.menu{width:35px;height:20px;margin:0;position:relative;cursor:pointer;display:inline-block;position:absolute;right:20px;top:30px;z-index:101;}
.menu span{background-color:#cd97c4;position:absolute;border-radius:2px;transition:.3s cubic-bezier(.8, .5, .2, 1.4);width:100%;height:4px;transition-duration: 500ms}
.menu span:nth-child(1){top:0px;left:0px;}
.menu span:nth-child(2){top:8px;left:0px;}
.menu span:nth-child(3){bottom:0px;left:0px;}
.click-menu{height:0;}
.click-menu span:nth-child(1){transform:rotate(45deg);top:8px;}
.click-menu span:nth-child(2){transform:scale(.1);}
.click-menu span:nth-child(3){transform:rotate(-45deg);top:8px;}
#menu{margin:100px 34px 0;}
#menu a{color:#ffffff;font-size:20px;display:inline-block;width:100%;position:relative;}
#menu li{margin-bottom:20px;border-bottom:1px solid #ffffff;}
#menu li:last-of-type{border-bottom:0;}
#menu .submenu{display:none;margin:20px;}
#menu .submenu li{margin-bottom:10px;border-bottom:0;}
#menu .submenu a{font-size:18px;}
#menu .submenu a:after{content:none;}
aside{position:fixed;top:0;right:-100%;background-color:rgba(0,0,0,0.9);height:100vh;transition:all .24s;z-index:100;width:300px;}
aside.open{right:0;}

.degradado{width:100%;height:100%;position:absolute;top:0;left:0;z-index:8}
.seccion > div{position:absolute;bottom:0;left:5%;padding:0 0 100px 40px;z-index:10;opacity:0;}
.seccion > div.on{animation:muestra 1s forwards;}
@keyframes muestra{
	0{opacity:0;}
	100%{opacity:1;}
}
.seccion > div div{width:5px;background-color:#ffffff;height:0;position:absolute;top:0;left:0;}
.seccion > div h2{color:#ffffff;font-size:80px;margin-bottom:20px;display:block;line-height:1;font-family:'BDColonius'}
.seccion > div p{color:#ffffff;font-size:20px;padding-bottom:20px;width:34%;line-height:1.2;font-weight:500;}
#home{overflow: hidden;}
#home a{position:absolute;left:40px;right:0;bottom:50px;display:inline-block;height:40px;line-height:40px;text-align:center;color:#ffffff;background-color:#59496c;padding:0 20px;border-radius:20px;z-index:10;width:200px;border:1px solid #ffffff;}
#s-clientes h2{font-family:'BDColonius';color:#59496c;font-size:80px;margin:100px 0 20px 40px;}
#s-clientes ul{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;margin:40px;}
#s-clientes ul li{width:30%;margin:1%;text-align:center}
#s-clientes img{max-width:200px;}
#s-clientes img.m{max-width:100px;}
#s-clientes img.xl{max-width:280px;}
#s-clientes img.l{max-width:150px;}
#s-contacto div{display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;height:100vh;}
#s-contacto section{width:40%;}
.contacto{width:auto;}
#s-contacto a{display:block;margin:40px 0;color:#59496c;}
#s-contacto svg{display:inline-block;width:60px;height:60px;fill:#59496c;vertical-align:middle}
#s-contacto span{display:inline-block;margin-left:10px;font-size:20px;}

.noticia > ul{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:80px;}
.noticia > ul li:first-of-type{width:40%;}
.noticia > ul li:last-of-type{width:58%;}
.noticia h2{font-family:'BDColonius';color:#59496c;font-size:80px;margin:100px 0 20px 40px;}
.noticia h3{color:#59496c;font-size:24px;margin:0 0 10px 40px;}
.noticia div *,.noticia p{color:#59496c;font-size:18px;margin:0 0 10px 40px;}
.noticia video{max-width:100%;height:calc(100vh - 315px);width:100%;}
.video{position: relative;padding-bottom: 56.25%; /*panorámico*/padding-top: 25px;height: 0;}
.video iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;margin:0 !important;}
@media only screen and (max-width:1024px) {
}
@media only screen and (max-width:768px) {
	#home a{left:0;margin:0 auto;}
	#s-contacto div{flex-direction:column-reverse;justify-content:center;}
	#s-contacto section{width:100%;}
	#s-contacto a{margin:20px;font-size:14px;}
	#s-contacto svg{width:40px;height:40px;}
	#s-contacto span{font-size:16px;}
	.contacto{width:80vw;display:block;margin:0 auto;}
	.seccion > div{left:0;padding:0 0 100px 20px;}
	.seccion > div h2,#s-clientes h2,.noticia h2{font-size:40px;}
	.seccion > div p{font-size:16px;width:90%;}
	aside{width:100vw;}
	#s-clientes ul{margin:20px;}
	#s-clientes ul li{width:48%;margin:2% 1%;}
	#s-clientes img{max-width:110px;}
	#s-clientes img.xl{max-width:160px;}
	#s-clientes img.l{max-width:100px;}
	#s-clientes img.m{max-width:70px;}
	.noticia> ul{margin-top:0;}
	.noticia > ul li:first-of-type,.noticia > ul li:last-of-type{width:100%;}
	.noticia h3{font-size:18px;margin:0 20px 10px 20px}
	.noticia div *, .noticia p{font-size:14px;margin:0 20px 10px 20px}
	.noticia video{height:calc(100vh - 450px);}
}
@media only screen and (max-width:767px) {
}