body{
margin:0;	
}
a:active, a:active * { outline: none !important; -moz-outline-style: none !important; }
a:focus, a:focus * { outline: none !important; -moz-outline-style: none !important; }
.logo {
position: absolute;
z-index: 3;
}
header {
  position: relative;
  background-color: black;
  height: 100vh;
  min-height: 50rem;
  width: 100%;
  overflow: hidden;
}

header video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

header .container {
  position: relative;
  z-index: 2;
}

header .overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: black;
  opacity: 0.5;
  z-index: 1;
}
.boton-icono:hover {
    background: transparent;
    color: #000;
    transition: all 0.35s linear !important;
}
.boton-icono {
    text-align: left;
    font-size: 0.84em;
    cursor: pointer;
    letter-spacing: 0.1em !important;
    font-family: inherit !important;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 2.5em !important;
    display: block;
}
.boton-icono span {
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: 0.39s;
    line-height: 1em;
}
.boton-icono span::after {
    font-family: FontAwesome;
    content: '\f178';
    position: absolute;
    opacity: 0;
    top: 0;
    right: -4px;
    transition: 0.47s;
    font-size: 0.6em;
    padding-top: 0em;
}
.footer h2{
font-size:1.12em !important;	
}

.wt:hover {
background:#eee;
transition:all 0.39s ease-in;	
}

.primary {
padding-top:18em;
padding-bottom:10em;
background: #DDD6D0;	
}

@media (pointer: coarse) and (hover: none) {
  header video {
    background: url('imagenes/video.mp4') black no-repeat center center scroll;
  }
}

.button {
border-radius: 0px;
background-color: #B61318;
color: #fff;
text-align: center;
font-size: 0.35em;
padding: 1.3em 3.2em 1.3em 3.2em;
width: auto;
transition: all 0.19s !important;
cursor: pointer;
font-weight: 500 !important;
letter-spacing: 0.16999em;
outline: none !important;
}

.button:hover {
background: #a5a5a5;
color: #000;
transition: all 0.35s linear !important;
}

.button span {
cursor: pointer;
display: inline-block;
position: relative;
transition: 0.39s;
line-height: 1.9em;
}

.button span:after {
font-family: FontAwesome;
content: '\f178';
position: absolute;
opacity: 0;
top: 0;
right: -4px;
transition: 0.37s;
font-size: 0.89em;
}

.button:hover span {
  padding-right: 20px;
}

.button:hover span:after {
  opacity: 1;
  right: 0;
}

.content {
position: absolute;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
overflow: hidden;
font-size: 1.05em;
padding: 0px;
margin-top: 40px;
}
.content__container {
font-weight: 100;
overflow: hidden;
height: 38px;
padding: 0px 5px 0px 0px;
color: #FFF;
}
.content__container__text {
  display: inline;
  float: left;
  margin: 0;
}
.content__container__list {
list-style: none;
-webkit-animation-name: change;
-webkit-animation-duration: 12s;
-webkit-animation-iteration-count: infinite;
animation-name: change;
animation-duration: 20.5s;
animation-iteration-count: infinite;
padding: 0px;
width: auto;
animation-timing-function: cubic-bezier(1,-0.12,.23,1.05);
margin-top: 0em !important;
}
.content__container__list__item {
text-align: center;
font-weight: 400;
color: #FFF;
font-variant: all-petite-caps;
line-height: 30px;
letter-spacing: .4em;
text-rendering: optimizelegibility;
font-family: 'didonesque-roman' !important;
margin-top: 0px !important;
padding: 0.12em;
}
.h1,h1{
font-size: 0.9em !important;
text-align: center !important;
width: 100% !important;
letter-spacing: 0.12em !important;
line-height: 1.2em !important;
font-weight: 300 !important;
}
 .h2,h2{
text-rendering: optimizelegibility;
margin-top: 1em;
margin-bottom: 10px;
text-align: left;
font-family: inherit;
font-weight: 500;
font-size: 15.2px;
color: #222;
line-height: 1.39em !important;
letter-spacing: 0.17em;
transform: translate3d(0, 0, 0);
transition: transform 1700ms cubic-bezier(0.694, 0, 0.335, 1), opacity 700ms cubic-bezier(0.694, 0, 0.335, 1);
    transition-delay: 0s, 0s;
transition-delay: 0s, 0s;
transition-delay: 700ms;
text-transform: initial;
}
.titsect {
font-size: 1.76em;
font-family: 'didonesque-roman' !important;
letter-spacing: 0.24em;	
}
.subtitulo {
font-family: "Montserrat",sans-serif;
font-size: 10px;
letter-spacing: .33333333em;
font-weight: 500;
text-transform: uppercase;
opacity: .5;
text-align: left;
padding-top: 1.5em;
color: #767676;
}

.link-default {
position: relative;
letter-spacing: -0.015em !important;
font-weight: 400 !important;
font-size: 0.96em !important;
}

.link-default:hover {
  color: #000 !important;
  transition: all 0.25s cubic-bezier(.79,.14,.15,.86) 0s;
}

.link-default::before {
content: "";
position: absolute;
width: 100%;
height: 2.3px;
bottom: 0;
left: 0;
background-color: #000;
visibility: hidden;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transition: all 0.25s ease-in-out 0s;
transition: all 0.25s cubic-bezier(.79,.14,.15,.86) 0s;
}

.link-default:hover::before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.link-defaultinverse {
position: relative;
letter-spacing: 0.16999em !important;
font-weight: 500 !important;
font-size: 0.85em !important;
padding-bottom: 0.3em;
}

.link-defaultinverse:hover {
  color: #b61318;
  transition: all 0.25s cubic-bezier(.79,.14,.15,.86) 0s;
}

.link-defaultinverse::before {
content: "";
position: absolute;
width: 100%;
height: 1.6px;
bottom: 0;
left: 0;
background-color: #000;
visibility: visible;
-webkit-transform: scaleX(1);
transform: scaleX(1);
transition: all 0.25s cubic-bezier(.79,.14,.15,.86) 0s;
}

.link-defaultinverse:hover::before {
visibility: hidden;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transition: all 0.25s ease-in-out 0s;
transition: all 0.25s cubic-bezier(.79,.14,.15,.86) 0s;
}

.hs {
height:100vh;
background:#DDD6D0;	
}

.hs h2{
	
}

.cophead {
font-family: "Montserrat",sans-serif;
font-size: 10px;
letter-spacing: .33333333em;
font-weight: 500;
text-transform: uppercase;
opacity: .5;
text-align: left;
padding-top: 1.5em;
color: #767676;
animation-name: fadeInUp !important;
transition-duration: 1s;
animation-duration: 1s;
visibility: visible;
animation-delay: 0.3s;
animation-timing-function: cubic-bezier(1, -0.12, 0.5, 1.05);
}

.cophead2 {
font-family: "Montserrat",sans-serif;
font-size: 10px;
letter-spacing: .33333333em;
font-weight: 500;
text-transform: uppercase;
opacity: .5;
text-align: left;
padding-top: 1.5em;
color: #767676;
animation-name: fadeInUp !important;
transition-duration: 1s;
animation-duration: 1s;
visibility: visible;
animation-delay: 0.3s;
animation-timing-function: cubic-bezier(1, -0.12, 0.5, 1.05);
}

.tithead {
margin-bottom: 20px;
font-weight: 400;
text-rendering: geometricprecision;
animation-name: fadeInLeft !important;
transition-duration: 1.95s;
animation-duration: 1.95s;
visibility: visible;
animation-delay: 0.5s;
animation-timing-function: cubic-bezier(1, -0.12, 0.5, 1.05);
font-size: 2.9em;
line-height: 1.3em;
letter-spacing: .014em;
margin-top: 5px !important;
}

.tithead2 {
margin-bottom: 20px;
font-weight: 400;
text-rendering: geometricprecision;
animation-name: fadeInLeft !important;
transition-duration: 1.95s;
animation-duration: 1.95s;
visibility: visible;
animation-delay: 0.5s;
animation-timing-function: cubic-bezier(1, -0.12, 0.5, 1.05);
font-size: 2.9em;
line-height: 1.3em;
letter-spacing: .014em;
margin-top: 5px !important;
}

.txthead {
animation-name: fadeInDown !important;
transition-duration: 1.5s;
animation-duration: 1.5s;
visibility: visible;
animation-delay: 0.7s;
animation-timing-function: cubic-bezier(1, -0.12, 0.5, 1.05);	
}

@media (min-width:240px)(max-width:360px){
.cophead {
margin-top:0px !important;	
}
.tithead {
font-size:1.4em !important;	
font-weight:500 !important;
}
.btnbanner2{
margin-bottom:2em !important;
padding:2em;	
}
.content__container__list__item {
font-size: 0.7em;
}
.content__container__list__item {
font-size:0.7em;	
}
.h1,h1{
font-size: 0.65em !important;
text-align: center !important;
width: 100% !important;
letter-spacing: 0.37em !important;
text-transform: uppercase !important;
line-height: 1.2em !important;
font-weight: 200 !important;
transition:all 0.3s ease;
}
 .h2,h2{
text-rendering: optimizelegibility;
margin-top: 1em;
margin-bottom: 10px;
text-align: left;
font-family: inherit;
font-weight: 500;
font-size: 13.2px;
color: #222;
line-height: 1.7em;
letter-spacing: 0.17em;
transform: translate3d(0, 0, 0);
transition: transform 700ms cubic-bezier(0.694, 0, 0.335, 1), opacity 700ms cubic-bezier(0.694, 0, 0.335, 1);
    transition-delay: 0s, 0s;
transition-delay: 700ms;
text-transform: initial;
}
.titsect {
font-size: 1.6em;
font-family: 'didonesque-roman' !important;
letter-spacing: 0.24em;	
}
.subtitulo {
font-family: "Montserrat",sans-serif;
font-size: 10px;
letter-spacing: .33333333em;
font-weight: 500;
text-transform: uppercase;
opacity: .5;
text-align: left;
padding-top: 1.5em;
color: #767676;
}
}

.der {
animation-name:fadeInUp; 
transition-duration: 1.5s;
animation-duration: 1.5s;
visibility: visible;
animation-delay: 1.1s; 
animation-timing-function: cubic-bezier(1, -0.12, 0.5, 1.05); 
z-index:-1;	
}

@media (min-width: 481px) and (max-width: 767px) {
.tithead {
font-size:1.5em !important;	
font-weight:500 !important;
}
.navbar-brand > img {
display: block;
padding-top: 0.99em;
padding-bottom: 1em;
max-width: 110px;
padding-left: 1em;
transition: all 0.3s linear;
}
.content__container__list__item {
font-size: 0.4em !important;	
}
.tit {
font-size: 0.6em !important;
font-weight: 300 !important;
letter-spacing: 0.17em !important;
line-height: 1.23em !important;
}
}
@media (max-width:320px){
.cel {
display:none !important;	
}	
}
@media (max-width:360px){
.cel {
display:none !important;	
}		
.der {
display:none !important;	
}
.bt {
position: relative;
top: -3em;
}
.cophead {
margin-top: -5em !important;
margin-bottom: 1em;	
}
.cophead2 {
margin-top: -13em !important;
margin-bottom: 1em;	
}
.tithead {
font-size: 1.7em !important;
font-weight: 500 !important;
margin-top: 0em !important;
}
.tithead2 {
font-size: 1.7em !important;
font-weight: 500 !important;
margin-top: 0em !important;
}
.txthead {
margin-top:-1em !important;	
}
.btnbanner2{
margin-bottom:2em !important;
padding:2em;	
}
.primary {
padding-top:10em;
padding-bottom:8em;	
}

.navbar-brand > img {
display: block;
padding-top: 0.99em;
padding-bottom: 1em;
max-width: 110px;
padding-left: 1em;
transition:all 0.3s linear;
}
.tit{
font-size: 0.6em !important;
font-weight: 300;
letter-spacing: 0.17em;
line-height: 1.23em;	
}
.content__container__list {
width:300px;
}
.content__container__list__item {
font-size: 0.5em;
margin-left: -0.1em;	
}
.subtitulo {
font-family: "Montserrat",sans-serif;
font-size: 10px;
letter-spacing: .33333333em;
font-weight: 500;
text-transform: uppercase;
opacity: .5;
text-align: left;
padding-top: 1.5em;
color: #767676;
}
 .txt{
text-rendering: optimizelegibility;
margin-top: 1em;
margin-bottom: 10px;
text-align: left;
font-family: inherit;
font-weight: 500;
font-size: 0.3em;;
color: #222;
line-height: 1.7em;
letter-spacing: 0.17em;
transform: translate3d(0, 0, 0);
transition: transform 700ms cubic-bezier(0.694, 0, 0.335, 1), opacity 700ms cubic-bezier(0.694, 0, 0.335, 1);
    transition-delay: 0s, 0s;
transition-delay: 700ms;
text-transform: initial;
}
.button{
margin-top:-2em !important;
}
}

@keyframes opacity {
  0%, 100% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
@keyframes change {
  0%, 12.66%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  16.66%, 29.32% {
    -webkit-transform: translate3d(0, -18%, 0);
            transform: translate3d(0, -18%, 0);
  }
  33.32%,45.98% {
    -webkit-transform: translate3d(0, -34%, 0);
            transform: translate3d(0, -34%, 0);
  }
  49.98%,62.64% {
    -webkit-transform: translate3d(0, -51%, 0);
            transform: translate3d(0, -51%, 0);
  }
  66.64%,79.3% {
    -webkit-transform: translate3d(0, -67.5%, 0);
            transform: translate3d(0, -67.5%, 0);
  }
  83.3%,95.96% {
    -webkit-transform: translate3d(0, -84%, 0);
            transform: translate3d(0, -84%, 0);
  }
}

.btnbanner{
margin-bottom:2em !important;	
}
.recuadrocontacto{
text-align: left !important;
}
.recuadrocontacto h2{
text-align: left !important;
font-size: 1em !important;
}
.recuadrocontacto p{
text-align: left !important;
font-size: 1em !important;
}