html {  scroll-behavior: smooth; letter-spacing: .5px; }

.navigation .right .navigation-links li a {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
    -moz-transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
    position: relative;
    padding: 5px 0;
    margin: 0 8px;
}

#video {
    transition: opacity 6s ease-in-out;
    opacity: 1;
}
address { width:195px !important; font-size:14px !important; }

.hero-section_ { color:#fff; }
.hero-section_ .carousel { width:100%; height:100vh; }
.hero-section_ .carousel-cell { width:100%; height:100vh; margin-right:0px !important;  }

/*.mon { font-family: 'Montserrat', sans-serif;  }*/

.btn_ { background:#e0cc00; border: none !important; color:#000 !important; font-size:16px; border-radius:40px; font-weight:700 !important; padding:12px 22px; margin:75px auto; }
.btn_2 { background:#fff; border: none !important; color:#000 !important; font-size:16px; border-radius:40px; font-weight:700 !important; padding:12px 22px; margin:75px auto; }
.btn_3 { background:#fff; border: none !important; color:#000 !important; font-size:16px; border-radius:40px; font-weight:700 !important; padding:12px 22px; margin:75px auto; }


.nuestros-btn { background:#e0cc00; border: none !important; color:#000 !important; font-size:16px; border-radius:40px; font-weight:700 !important; padding:12px 22px; margin:75px auto; }

.home1 { background: url(home/slide1.jpg) no-repeat center !important; background-size:cover !important; }
.home2 { background: url(home/slide2.jpg) no-repeat center !important; background-size:cover !important; }
.home3 { background: url(home/slide3.jpg) no-repeat center !important; background-size:cover !important; }
.home4 { background: url(home/slide4.jpg) no-repeat center !important; background-size:cover !important; } 
.home5 { background: url(home/slide5.jpg) no-repeat center !important; background-size:cover !important; }

.hero-section .wrapper { /*background: url(img/index.jpg) no-repeat !important; background-size:cover  !important; */ }
.hero-section .wrapper h1 { font-size:5vh; border-bottom:#e0cc00 solid 5px; max-width:40%; padding-top:25px; padding-bottom:15px; }
.video-seccion { color:#000 !important; font-size:18px; padding:75px 0; } 
.limon { color:#e0cc00; }

#gallery { background:#000; }
#gallery h2 { color:#e0cc00; }
#gallery p { color:#fff; margin:50px auto; }
#gallery p span { color:#e0cc00; }

.big-gallery .slide .description h3 {
    margin-top: -60px; margin-bottom: 0px; padding-top: 80px; padding-right: 80px;
    margin-left: 20px; color: #fff; border:10px solid #e0cc00; text-align: center;
}
#video{ width: 100%; height: 100vh; background: #000 ; background-size: 100% auto;  text-align: center; position: absolute; z-index: 100000000000000; transition: all 0.9s !important;  }
.quit { 
animation: fadeout 6s;
    -moz-animation: fadeout 6s; /* Firefox */
    -webkit-animation: fadeout 2s; /* Safari and Chrome */
    -o-animation: fadeout 2s; /* Opera */ }
.quit_ { display: none; }
.feature.has-icon i {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.feature.has-icon .description {
    padding-left: 50px;
    padding-top: 20px;
    position: relative;
    z-index: 1;
}


@keyframes fadeout { from { opacity:1; } to { opacity:0;} }
@-moz-keyframes fadeout { /* Firefox */ from { opacity:1; } to { opacity:0;} }
@-webkit-keyframes fadeout { /* Safari and Chrome */ from { opacity:1; } to { opacity:0;} }
@-o-keyframes fadeout { /* Opera */ from { opacity:1; } to { opacity:0;} }

.framed { border: 15px solid #e0cc00; padding: 25px; }
.data-u p { color:#000; font-weight:500; }
.data-u p > b { color:#000; font-weight:900; }
.nosotros_ { padding:75px 75px; background:#000; background: url(img/nos_.jpg) no-repeat !important; background-size:cover !important; }
.foo { width:100%; height:auto; padding:75px 5%; background:#000; text-align:center; }
.foo img { display:block; margin:0 auto; }
.blog-title .hero-title  { background:#000 url(img/nos_.jpg) no-repeat !important; background-size:cover !important; margin-top:-20px; padding-top:0; }

#contacto { font-weight:500 !important; }
#contacto h2 { margin-bottom:25px;  }
#contacto p  { margin-bottom:65px;  }
.form-check { width:100%;  height:32px; position: relative; margin-bottom:10px !important; }
.form-check-label { font-size:12px; color:#555; opacity:.6;  font-weight:500; position:absolute; top:-13px; }

.social a { margin-left:0px; margin-bottom:15px; display: block; position: relative; font-size:14px !important; }
.social a div { display:block; padding: 1px 0px 3px 25px; }
.social a div .icon-s { position:absolute; top:0; margin-left:-40px; }

.carousel {  }
.carousel-cell {  width: 66%;  height: auto;  margin:0 10px;  }
.carousel-cell img { position:relative; z-index:10 !important; width:100%; }
.flickity-prev-next-button  { background: none !important; fill: rgba(0, 0, 0, 0); !important;  margin-top: 28vh; }
.flickity-prev-next-button.previous {
    left: auto !important;
    right: 70px !important ;
    background:  url(img/flecha1.svg) no-repeat !important ; background-size: 80% !important; background-position: 0px 10px !important; opacity: .4;  }
.flickity-prev-next-button.next {
    background:  url(img/flecha2.svg) no-repeat !important ; background-size: 80% !important; background-position: 0px 10px !important; opacity: .4; }
.flickity-prev-next-button .flickity-button-icon {
    position: absolute;
    left: 20%;
    color: transparent;
    top: 20%;
    width: 60%;
    height: 60%;
}

.framed_  {  max-width:420px; height:auto; margin-top: -30px; margin-left: 25px; padding:50px 30px 30px 30px; color:#fff; border:#ffda00 solid 10px; position:relative; z-index:1 !important; }

.flickity-prev-next-button.next {
    right: 20px !important ; 
}
img.copy-intro { width:45%; position: absolute; margin: 15% 0 0 10%; z-index:99; }

ul.lista { padding-left:90px;  }
ul.lista li { list-style:none; }
p , a{ line-height:28px !important;  }
p > b {  }
b { font-weight:600 !important; }
.esconde { opacity:0; }
.blog-post  {  }
form.inputs-underline input[type="text"], form.inputs-underline input[type="email"], form.inputs-underline input[type="date"], form.inputs-underline input[type="time"], form.inputs-underline input[type="search"], form.inputs-underline input[type="password"], form.inputs-underline input[type="number"], form.inputs-underline input[type="tel"], form.inputs-underline textarea.form-control {
    -webkit-appearance: none;
    background-color: transparent;
    border-bottom: 2px #dcdcdc;
    padding-left: 0;
    
}
input[type="text"], input[type="email"], input[type="date"], input[type="time"], input[type="search"], input[type="password"], input[type="number"], input[type="tel"], textarea.form-control {
    
}

form.contacto_ .input {
    background: none !important;
    border: none;
    border-bottom: #dcdcdc solid 2px !important;
    font-size: 14px !important;
    letter-spacing: 1px;
    padding: 10px 0;
    height: 50px;
    width: 100%;
    margin-bottom: 25px;
}

form.contacto_ input.radio { background:none !important;  filter: grayscale(100%); 
                             background:#a1a1a1 !important; font-size:12px !important; padding:10px; height:22px; 
                             width:15px; display: inline-block; vertical-align: middle; border: #f60 solid 1px !important; margin-bottom:5px; opacity:.8 !important; }

.form-check-label {
    background: none !important; border: none; font-size: 14px !important; padding: 0 10px;
    display: inline-block; vertical-align: middle; height: auto; width: 210px;
    margin-bottom: 5px; color:#a1a1a1; font-size: 16px; margin-top: 18px !important; opacity: 1;
}
.form-check { margin-bottom:-15px; width:250px !important; }


form .inp { background:none !important; border:none; display: block; border-bottom:#a1a1a1 solid 2px !important; font-size:16px; padding:10px !important; height:32px; width:100%; margin-bottom:25px; color: #a1a1a1 ; }
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #a1a1a1 ;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #a1a1a1 ;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #a1a1a1 ;
}
:-moz-placeholder { /* Firefox 18- */
  color: #a1a1a1 ;
}

img.copy-intro { width:45%; }
.entornos { margin-left:4%; }

#filo h3 { position:relative; z-index:99; }


@media only screen and (max-width: 790px) {
.hero-section_ { color:#fff; }
.hero-section_ .carousel { width:100%; height:70vh !important; }
.hero-section_ .carousel-cell { width:100%; height:70vh !important; margin-right:0px !important;  }

}

@media only screen and (max-width: 690px) {
    .navigation .right .navigation-links li a span .hover-element {
    font-size: 32px !important; 
}

    address { padding-left:20px; }
    .nosotros_ {
    padding: 55px 5%;
}
    .entornos { margin-left:0%; }
.hero-section_ { height:auto !important; }
img.copy-intro { width:75%; }

.hover-effect span .hover-element {
    -moz-transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    position: relative;
    overflow: hidden;
    font-size: 13px;
    padding: 5px;
}

.block {
    padding: 70px 0 120px 0 !important;
    overflow: hidden;
    position: relative;
}

.data-u p {
    color: #000;
    font-weight: 500;
    margin: 35px;
}

.btn_2 {
    background: #fff;
    color: #000 !important;
    font-size: 18px;
    border-radius: 40px;
    font-weight: 700  !important;
    padding: 15px 25px;
    margin: 75px auto;
}


p, a {
    line-height: 28px !important;
    font-size: 18px;
}

ul.lista {
    padding-left: 20px !important;
}

ul.lista li {
    font-size: 16px;
}


img.copy-intro { width:55%; position: absolute; margin: 150px 0 0 5%; z-index:99; }

 }

@media only screen and (max-width: 490px) {

.nuestros-btn { width:100%; padding:12px 0; }

.data-u p {
    color: #000;
    font-weight: 500;
    margin: 3%;
}

    .btn_ {
    background: #e0cc00;
    color: #000 !important;
    font-size: 14px !important;
    border-radius: 40px;
    padding: 12px 12px;
    margin: 15px auto;
    max-width: 290px !important;
    display: block !important;
}


.nuestros-btn {
    background: #e0cc00;
    color: #000 !important;
    font-size: 14px !important;
    border-radius: 40px !important;
    padding: 12px 10px !important;
    margin: 1px auto;
    max-width: 310px !important;
    display: block !important;
}

    #gallery p span br {
    display:none; 
}

#contacto p br {
    display:none; 
}

.cast br { display:none; }
.cast b { display:block; margin-bottom:20px; }
#video video { display:none; }
#video { background:#000 url(intro-urbika.gif) no-repeat center; !important; background-size:180% auto !important; }

.hero-section_ .carousel { width:100%; height:550px; }
.hero-section_ .carousel-cell { width:100%; height:550px; margin-right:1px; }
.social {  padding-left:5px; }

.social .hover-effect span .hover-element {
    padding: 5px 5px 5px 15px; 
}

.framed_  {  max-width:250px; height:auto; margin-top: -30px; margin-left: 15px; padding:40px 15px 15px 15px; color:#fff; border:#ffda00 solid 10px; position:relative; z-index:1 !important; }
.carousel-cell {  width: 100%;  height: auto;  margin:0 10px; }
.carousel-cell img { position:relative; z-index:10 !important; width:100%; }
.flickity-prev-next-button  { background: none !important; fill: rgba(0, 0, 0, 0); !important;  margin-top: 125px !important; }
.flickity-prev-next-button.previous {    left: auto !important;    right: 70px !important ;
    background:  url(img/flecha1.svg) no-repeat !important ; background-size: 60% !important; background-position: 0px 10px !important; opacity: .4;  }
.flickity-prev-next-button.next {
    background:  url(img/flecha2.svg) no-repeat !important ; background-size: 60% !important; background-position: 0px 10px !important; opacity: .4; }
.flickity-prev-next-button .flickity-button-icon {
    position: absolute;
    left: 20%;
    color: transparent;
    top: 10%;
    width: 60%;
    height: 60%;
}
address { width:195px !important; padding-left:42px; }

.hero-section .wrapper h1 {
    font-size: 5vh;
    border-bottom: #e0cc00 solid 5px;
    max-width: 60%;
    padding-top: 25px;
    padding-bottom: 15px;
}

}