@charset "utf-8";
 
@import url('fonts.css');
  


input,select,textarea{-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: 0;-webkit-border-radius:0; -moz-border-radius:0; }
  
html{-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;height: 100%;}

body{margin: 0;padding:0;font-family: 'Lato', sans-serif;font-size:100%;line-height:1;height: 100%;background-color:#ffffff;overflow-x:hidden;}

body, button, input, select, textarea{font-family: Arial, Helvetica, sans-serif;color:#000000;}

div, h2, h3, h4, h5, h6, p, span{padding: 0px;margin: 0px;font-weight:normal;font-family: 'Lato', sans-serif;}
/* 
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 */ 

::-moz-selection{background: #000000;color: #ffffff;text-shadow: none;}
::selection{background: #000000;color: #ffffff;text-shadow: none;}

/* =============================================================================
   Links
   ========================================================================== */

a{color:#1D1D1B;text-decoration:none;}
a:hover{text-decoration:none;}
a:focus{outline: none;}

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active{outline: 0;}
img {border-style:none}
/* =============================================================================
   Lists
   ========================================================================== */

ul, ol{margin:0;padding-left: 0;list-style-type:none;}
li ul, li ol{margin: 0;padding:0;}

/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/e 
 */

img{border: 0;-ms-interpolation-mode: bicubic;vertical-align: middle;border-style:none;outline:none;}

/*
 * Correct overflow not hidden in IE9 
 */

svg:not(:root){overflow: hidden;}

/* =============================================================================
   Tables
   ========================================================================== */

table{border-collapse: collapse;border-spacing: 0;}
td{	vertical-align: top;}


/* ==== primary styles =====================================================
   Author: Abbas Tahir
   ========================================================================== */

/* For image replacement */
.ir{display: block;border: 0;text-indent: -999em;overflow: hidden;background-color: transparent;background-repeat: no-repeat;text-align: left;direction: ltr;}
.ir a{display: block;height: 100%;}
.hidden{display: none !important;visibility: hidden;}
  
/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after{content: "";display: table;}
.clearfix:after{clear: both;}
.clearfix{zoom: 1;}   
.web{display:block;}
.mobile{display:none;}
*{box-sizing:border-box;padding:0;margin:0;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;} 

html.touch *:hover {all:unset!important;}

#outer-wrapper{width: 100%;float: left;margin: 0;padding: 0;position:relative;}

.section-video{width:100%;height:100vh;padding:0;margin:0;float: left;position: relative;}
.section-video video{position: absolute;top: 0;bottom: 0;left: 0;right: 0;width: 100%;height: 100%;object-fit: cover;}
 #custom-controls{position: absolute;transition:0.3s ease all;opacity:0;visibility:hidden;bottom: 1.8229166666666667vw;left: 50%;background-color: #fff;padding:0.6510416666666667vw 1vw;border-radius: 2.604166666666667vw;display: flex;justify-content: space-between;width: auto;height:3.3854166666666665vw;transform: translateX(-50%);}
 button{width:2.083333333333333vw;height:2.083333333333333vw;margin:0 0.5625vw;cursor:pointer;background:#000;border:0;border-radius:100%;text-indent: -999em;background-repeat:no-repeat;background-position:center center;background-size:cover;}
 #volumeBtn{background-image:url(../images/unmuted-icon.svg);}
 #volumeBtn.active{background-image:url(../images/mute-icon.svg);}
 #playPauseBtn{background-image:url(../images/play-icon.svg);}
 #playPauseBtn.active{background-image:url(../images/pause-icon.svg);}
 #refreshBtn{background-image:url(../images/refresh-icon.svg);}
 #fullscreenBtn{background-image:url(../images/zoom-icon.svg);}
 .section-video:hover #custom-controls{visibility:visible;opacity:1;}


.video-box{height: 55.4vw;float:left; width: 100%;position:relative;} 
.video-box img{width: 100%; float:left; height:100%;}  
.video-box iframe{ position: absolute !important; top: 0 !important; left:0 !important;margin-top: 0 !important; margin-left:0 !important; width: 100% !important; height: 100% !important; }  
/*@media (min-aspect-ratio: 16 / 9) {.video-box iframe {height: 500% !important;top: -200% !important;}}
@media (max-aspect-ratio: 16 / 9) {.video-box iframe {width: 500% !important;left: -200% !important;}}*/
.video-box .player,
.loading{ position: absolute; top: 0; left:0; width: 100%; height: 100%; background-position: center center !important;
   background-repeat: no-repeat !important;
   background-size: cover !important;}


.ly{position: absolute; left:0; width: 100%; height: 42%; background-color:transparent;display:none;} 
.ly.t{top: 0;} 
.ly.b{bottom: 0;} 

.loading{background-color:rgba(0,0,0,0.4);z-index: 999999;background-image:url(../images/img-cover.jpg);text-indent: -9999;animation:none !important;}
.skip {position: absolute;bottom: 9.34375vw;right: 3vw;width: 7.3125vw;height: 0.989583vw;background-position: center center;background-repeat: no-repeat;background-size: 100% auto;background-image: url(../images/icon-skipvideo.png);z-index:2;
}
.sound{width:1.9vw;height:1.9vw;position:absolute;left:2vw;bottom: 9.34375vw;background-position:center center;background-repeat:no-repeat;background-size:100% auto;z-index:2;}
.umt{background-image:url(../images/unmute-button-w.png);}
.mt{background-image: url(../images/mute-button-w.png);}

   /*.control .btnplay{width: 61px;height: 68px;position: absolute;top: 42.5%;left: 46%;background-image: url(../images/play-icon.svg);background-position:center center;background-repeat:no-repeat;background-size:100% auto;}
.control .btnpause{width: 61px;height: 68px;position: absolute;top: 42.5%;left: 46%;background-image: url(../images/pause-icon.svg);background-position:center center;background-repeat:no-repeat;background-size:100% auto;}*/
 


/* .control{position: absolute;transition:0.3s ease all;bottom: 1.8229166666666667vw;left: 50%;background-color: #fff;padding:0.6510416666666667vw 1vw;z-index: 9;border-radius: 2.604166666666667vw;display: flex;justify-content: space-between;width: auto;height:3.3854166666666665vw;transform: translateX(-50%);}
.btn{width:2.083333333333333vw;height:2.083333333333333vw;margin:0 0.5625vw;cursor:pointer;background:#000;border:0;border-radius:100%;text-indent: -999em;background-repeat:no-repeat;background-position:center center;background-size:cover;}
.btnplaypause{background-image:url(../images/play-icon.svg);}
.btnplaypause.active{background-image:url(../images/mute-icon.svg);}
 .btnvolume{background-image:url(../images/play-icon.svg);}
 .btnvolume.active{background-image:url(../images/pause-icon.svg);}
 .btnrefresh {background-image:url(../images/refresh-icon.svg);}
 .btnfullscreen{background-image:url(../images/zoom-icon.svg);}
.video ul li.hide{opacity:0.3;}  
.control.noshow:hover a{opacity:1;visibility:visible;}  */
/*.control{z-index: 9;position: absolute;width: 100%;height: 100%;top: 0;left: 0;}*/
/*.control.noshow a{transition:opacity 1.5s ease;opacity:0;visibility:hidden;}*/ 
/*.control a{transition:opacity 1.5s ease;opacity:1;visibility:visible;} 
.control.noshow a.hide{opacity:0;visibility:hidden;} 
.control.noshow:hover a.hide{opacity:0;visibility:hidden;} 
.control.noshow .btnplay{transition:none;opacity:1;visibility:visible;}*/
 

.ly{position: absolute; left:0; width: 100%; height: 42%; background-color:transparent;display:none;} 
.ly.t{top: 0;} 
.ly.b{bottom: 0;} 

.btn{width:100%;height:100%;position:absolute;top: 0;left: 0;background-position:center center;background-repeat:no-repeat;background-size:5.083333333333333vw auto;z-index:2;}
.btn.play{background-image:url(../images/icon-play-new.svg);}
.btn.pause{background-image: url(../images/pause-icon.svg);}
.hide{display: none !important;}
/* 
.control{z-index: 9;position: absolute;width: 100%;height: 100vh;top: 0;left: 0;} 
.control.noshow a{transition:opacity 1.5s ease;opacity:0;visibility:hidden;} 
.control.noshow:hover a{opacity:1;visibility:visible;} 
.control a{transition:opacity 1.5s ease;opacity:1;visibility:visible;} 
.control.noshow a.hide{opacity:0;visibility:hidden;} 
.control.noshow:hover a.hide{opacity:0;visibility:hidden;} 
  
.control.noshow.show a{opacity:1;visibility:visible;} 
.control.noshow.show a.hide{opacity:0;visibility:hidden;} 
.hide{opacity:0;visibility:hidden;} 
.control .btn360{width:5.083333333333333vw;height:5.083333333333333vw;position:absolute;top: 50%;left: 55%;margin-left:-3vw;margin-top:8vw;background-image:url(../images/360-button.png);background-position:center center;background-repeat:no-repeat;background-size:100% auto;opacity:1;visibility:visible;}
.control .btnPlay{width:5.083333333333333vw;height:5.083333333333333vw;position:absolute;top: calc(50% - (5.083333333333333vw/2));left: calc(50% - (5.083333333333333vw/2));background-image:url(../images/icon-play-new.svg);background-position:center center;background-repeat:no-repeat;background-size:100% auto;opacity:1;visibility:visible;}
.control .btnpause{width:5.083333333333333vw;height:5.083333333333333vw;position:absolute;top: calc(60% - (5.083333333333333vw/2));left: calc(50% - (5.083333333333333vw/2));background-image: url(../images/pause-icon.svg);background-position:center center;background-repeat:no-repeat;background-size:100% auto;}
.control .unmute{width:1.9vw;height:1.9vw;position:absolute;left:1.0416666666666665vw;top:0.6vw;background-image:url(../images/unmute-button-w.png);background-position:center center;background-repeat:no-repeat;background-size:100% auto;}
.control .muted{width:1.9vw;height:1.9vw;position:absolute;left:1.0416666666666665vw;top:0.6vw;background-image: url(../images/mute-button-w.png);background-position:center center;background-repeat:no-repeat;background-size:100% auto;}
.control .btnFS{width:1.3541666666666667vw;height:1.3541666666666667vw;position:absolute;left:calc(3.4354166666666665vw + 0.6vw);top:0.9vw;background-image:url(../images/fullscreen-icon-w.png);background-position:center center;background-repeat:no-repeat;background-size:100% auto;}
 
body.intro .video{background-color:#ffffff;}
body.intro .video .player {opacity:0;visibility:hidden;}  
body.intro .video .logo{background-image:url(../images/logo-large-new.png);}
body.intro .control{opacity:0;visibility:hidden;}  */
 
.section-detail{width:100%;height:100vh;padding:0;margin:0;float: left;position: relative;}
.bg{width:100%;height:100%;padding:0;position:absolute;left:0;top:0;background-image:url(../images/background-image.jpg);background-position:center center;background-size:cover;background-repeat:no-repeat;}
.bg:after{content:"";width:100%;height:100%;position:absolute;background-image:url(../images/golden-frame.png);background-position:center center;background-size:96.5% 93%;background-repeat:no-repeat;}
.detail{width:100%;height:100%;position:absolute;left:0;top:0;text-align:center;display:flex;align-items:center;}
.detail .dinfo{width:100%;height:100%;float:left;text-align:center;}
.detail img{width:auto;height:25vh;margin:15.74074074074074vh 0 13.88888888888889vh 0;display:inline-block;}
.detail h1{width:100%;float:left;text-align:center;font-family: 'HK Grotesk';font-weight:normal;color:#fff;text-shadow: 0px 0px 0.3125vw rgba(0, 0, 0, 0.78);font-size:2.5vw;line-height:1.2;margin:0 0 9vh 0 ;position:relative;}
.detail p{width:100%;float:left;text-align:center;font-family: 'HK Grotesk';font-weight:normal;color:#fff;text-shadow: 0px 0px 0.3125vw rgba(0, 0, 0, 0.78);font-size:1.8229166666666667vw;line-height:1.2;margin:0 0 10vh 0 ;position:relative;}
.detail p a{width:auto;font-family: 'HK Grotesk';font-weight:normal;color:#fff;text-shadow: 0px 0px 0.46875vw rgba(0, 0, 0, 0.78);font-size:1.8229166666666667vw;text-decoration:underline;}
.detail .botoma{width:100%;float:left;text-align:center;font-family: 'HK Grotesk';font-weight:normal;color:#000000;text-shadow: 0px 0px 0.46875vw rgba(0, 0, 0, 0.78);font-size:1.3541666666666667vw;line-height:0.8;margin:0;position:relative;}
.detail .botoma img{width:auto;height:5.092592592592593vh;object-fit:cover;margin:0;padding:0;vertical-align:bottom;}
 
 .detail a:hover{text-decoration:none;}

.bd-new.section-detail .detail{width:100%;height:100vh;padding:0;margin:0;display:block;float: left;position: relative;}
.bd-new.section-detail .bg:after{display:none;}
.bd-new .detail img{width:27.083333333333332vw;height:11.458333333333332vw;margin:5.9375vw 0 0 0;object-fit:cover;}
.bd-new .detail .bottdeta{width:100%;position:absolute;bottom:4.947916666666666vw;left:50%;transform: translateX(-50%);}
.detail h1{margin:0 0 0 0;font-size:2.34375vw;line-height:2.8125vw;text-shadow: 0.26041666666666663vw 0.26041666666666663vw 0.5208333333333333vw rgba(0,0,0,0.7);}
.detail p{margin: 0.8333333333333334vw 0 0 0;font-size:1.8229166666666667vw;line-height:2.1875vw;text-shadow: 0.26041666666666663vw 0.26041666666666663vw 0.5208333333333333vw rgba(0,0,0,0.7);}
 
.section-lifestyle{width:100%;padding:0;margin:0;float: left;position: relative;}
.section-lifestyle .fancybar{width:100%;height: 3.28125vw;padding:0;margin:0;float: left;position: relative;background-image:url(../images/img-fancy-border.svg);background-position:center center;background-size:cover;background-repeat:no-repeat;}
.section-lifestyle .left-box{width: 50%;height: calc(100vh - 3.28125vw);float: left;position: relative;}
.section-lifestyle .left-box .bgb{width:100%;height:100%;padding:0;position:absolute;eft:0;top:0;background-image:url(../images/img-bottom.jpg);background-position:center center;background-size:cover;background-repeat:no-repeat;}
.section-lifestyle .btn-volver{width:auto;height:40px;padding:11px 17px;position:absolute;left:51px;top:calc(41px + 3.28125vw);font-family: 'HK Grotesk';font-size:15px;line-height:18px;font-weight:normal;color:#000;background:#fff;border-radius:50px;/*background-image:url(../images/btn-volver-al-vídeo.svg);background-position:center center;background-size:100% auto;background-repeat:no-repeat;*/}
.section-lifestyle .btn-volver:hover{background:#000;border-radius:50px;color:#fff;}
.section-lifestyle .right-box{width: 50%;height: calc(100vh - 3.28125vw);float: left;position: relative;background-color: #ffffff;padding: 2.604166666666667vw 0;}
.section-lifestyle .right-box .cinfo{width: 100%;float: left;text-align: center;position: relative;z-index: 2;}
.section-lifestyle .right-box .cinfo span{float: left;margin-top:1.1979166666666667vw;text-align: center;clear: both;width: 100%;}
.section-lifestyle .right-box .cinfo span a{width:auto;font-family: 'HK Grotesk';font-weight:normal;color:#000;font-size:1.8229166666666667vw;line-height:2.1875vw;text-decoration:underline;}
.section-lifestyle .right-box .lg-box{width: 100%;height: 100%;float: left;text-align: center;position: absolute;top: 0; left: 0;display: flex;align-items: center;}
.section-lifestyle .right-box .lg-box div{width: 100%;float: left;text-align: center;}
.section-lifestyle .right-box .lg-box img{width: 54.6%;display: inline-block;}
.section-lifestyle .right-box h2{width:100%;text-align:center;margin-top:0.9375vw;margin-bottom:0.8854166666666666vw;float:left;font-family: 'HK Grotesk';font-weight:normal;color:#000;font-size:1.8229166666666667vw;line-height:2.1875vw;}
.section-lifestyle .right-box p{width:100%;text-align:center;margin-bottom:0;float:left;font-family: 'HK Grotesk';font-weight:normal;color:#000;font-size:0.9375vw;line-height:1.09375vw;}
.section-lifestyle .right-box .sp-box{width: 100%;text-align: center;position: absolute;bottom: 1.5625vw; left: 0;}
.section-lifestyle .right-box .sp-box div{width: auto;display: inline-block;vertical-align: top;}
.section-lifestyle .right-box .sp-box p{width: auto;float: left;}
.section-lifestyle .right-box .sp-box span{float: left;width: auto;margin-right: 0.78125vw;font-family: 'HK Grotesk';font-weight:normal;color:#000;font-size:0.9375vw;line-height:1.09375vw;}
.section-lifestyle .right-box .sp-box img{float: left;}
.section-lifestyle .right-box .sp-box .bwre{margin-top: -0.3125vw;margin-right: 6.770833333333333vw;display:flex;align-items:center;justify-content:center;}
.section-lifestyle .right-box .sp-box .bwre span{margin-top: 0.625vw;}
.section-lifestyle .right-box .sp-box .bwre img{width: 5.208333333333334vw;}
.section-lifestyle .right-box .sp-box .idea{display:flex;align-items:center;justify-content:center;}
 .section-lifestyle .right-box .sp-box .idea img{width: 9.21875vw;}

 .YTPOverlay{display: none !important;}
@media only screen and (min-width:0px) and (max-width:767px) {
.detail img{width:76vw;height:auto;margin:25.74074074074074vw 0 46.888889vw 0;display:inline-block;/*8.88888888888889vw*/}
.detail p{font-size:6.4vw;line-height:1.2;margin:13.666666666666668vw 0 16.333333333333336vw 0;}
.bg:after{background-image:url(../images/golden-frame-mobile.png);background-size:88% 92%;}
 
.section-video{width:100%;height:100vh;}
.video-box{width:100%;height:100vh;}
.video-box .player{height: 100vh;}

.btn{background-size:18.974358974358974vw auto;}
.skip {top: 4vw;right: 4vw;width: 25.3125vw;height: 3.989583vw;}
	
.sound{width: 4.9vw;height: 4.9vw;left: 4vw;top: 3.3vw;} 

 #custom-controls{position: absolute;bottom: 10px;visibility:visible;opacity:1;left: 50%;background-color: #fff;padding:5px 10px;border-radius: 50px;display: flex;justify-content: space-between;width: auto;height:40px;}
 button{width:30px;height:30px;cursor:pointer;background:#000;border:0;margin:0 5px;border-radius:100%;text-indent: -999em;background-repeat:no-repeat;background-position:center center;background-size:cover;}
 

.detail h1{text-shadow: 0px 0px 1.0666666666666667vw rgba(0, 0, 0, 0.78);font-size:7.066666666666666vw;line-height:1.2;margin:0 0 12vw 0 ;position:relative;}
.detail p{text-shadow: 0px 0px 1.0666666666666667vw rgba(0, 0, 0, 0.78);font-size:4.333333333333334vw;line-height:1.2;margin:0 0 12vw 0 ;position:relative;}
.detail p a{text-shadow: 0px 0px 1.0666666666666667vw rgba(0, 0, 0, 0.78);font-size:4.333333333333334vw;}
.detail .botoma{text-shadow: 0px 0px 1.6vw rgba(0, 0, 0, 0.78);font-size:3.8vw;margin:0;position:relative;}
.detail .botoma img{width:18.5vw;height:auto;}

.ly{display:block;} 

.bd-new .detail{width:100%;height:100%;position:absolute;left:0;top:0;text-align:center;display:flex;align-items:center;}
.bd-new .detail h1{text-shadow: 0px 0px 1.0666666666666667vw rgba(0, 0, 0, 0.78);font-size:7.066666666666666vw;line-height:1.2;margin:0 0 16px 0 ;position:relative;}
.bd-new .detail p{text-shadow: 0px 0px 1.0666666666666667vw rgba(0, 0, 0, 0.78);font-size:4.333333333333334vw;line-height:1.2;margin:0;position:relative;}
.bd-new .detail p a{text-shadow: 0px 0px 1.0666666666666667vw rgba(0, 0, 0, 0.78);font-size:4.333333333333334vw;}
.bd-new .detail .bottdeta{bottom:12.947916666666666vw;}
.bd-new .detail .botoma{text-shadow: 0px 0px 1.6vw rgba(0, 0, 0, 0.78);font-size:3.8vw;margin:0;position:relative;}
.bd-new .detail .botoma img{width:18.5vw;height:auto;}
.bd-new .detail img{width:60vw;height:auto;margin:15.74074074074074vh 0 13.88888888888889vh 0;display:inline-block;}

.section-lifestyle .fancybar{width:100%;height: 4.8vw;background-image:url(../images/img-fancy-border-mobile.svg);position:relative;float:left;background-repeat:no-repeat;}
.section-lifestyle{text-align:center;margin-bottom:10.7889039242219216vw;}
.section-lifestyle .left-box{width: 100%;height: auto;}
.section-lifestyle .left-box .bgb{width:100%;height:92.15155615696887vw;float:left;position:relative;text-align:center;}
.section-lifestyle .btn-volver{width:auto;height:8.4vw;padding:2.8vw 3.399594vw;position:relative;display:inline-block;margin:0;left:auto;top:auto;color:#fff;font-size:3vw;line-height:2.435723951285521vw;font-weight:normal;background:#000;border-radius:6.7658998646820026vw;}
.section-lifestyle .right-box{width: 100%;height: auto;float: left;position: relative;padding: 9.066305818673884vw 14.884979702300406vw;}
.section-lifestyle .right-box .cinfo{width: 100%;float: left;text-align: center;position: relative;z-index: 2;}
.section-lifestyle .right-box .cinfo span{float: left;margin-top:0;margin-bottom:3.1123139377537212vw;}
.section-lifestyle .right-box .cinfo span a{font-size:4.7361299052774015vw;line-height:5.683355886332882vw;}
.section-lifestyle .right-box .lg-box{width: 100%;height: auto;float: left;text-align: center;position: relative;top: auto; left: auto;display: block;align-items: center;float:left;}
.section-lifestyle .right-box .lg-box div{width: 100%;float: left;text-align: center;}
.section-lifestyle .right-box .lg-box img{width: 100%;margin:16.508795669824085vw 0 5.142083897158322vw 0;display: inline-block;}
.section-lifestyle .right-box h2{margin-top:0;margin-bottom:2.3004059539918806vw;font-size:6.089309878213803vw;line-height:7.307171853856563vw;}
.section-lifestyle .right-box p{font-size:2.9769959404600814vw;line-height:3.6535859269282813vw;}
.section-lifestyle .right-box .sp-box{position: relative;bottom: auto; left: auto;float:left;margin-top:16.644113667117725vw;}
.section-lifestyle .right-box .sp-box div{width: auto;display: inline-block;vertical-align: top;}
.section-lifestyle .right-box .sp-box p{width: auto;float: left;}
.section-lifestyle .right-box .sp-box span{width:100%;float:left;margin-bottom: 5.142083897158322vw;margin-right: 0;font-size:4.059539918809202vw;line-height:4.871447902571042vw;}
.section-lifestyle .right-box .sp-box .bwre{width:100%;text-align:center;margin-top: 0;margin-right: 0;display:block;justify-content:center;float:left;}
.section-lifestyle .right-box .sp-box .bwre span{margin-top: 0;margin-bottom: 2.029769959404601vw;}
.section-lifestyle .right-box .sp-box .bwre img{width: 24.62787550744249vw;display:inline-block;float:none;}
.section-lifestyle .right-box .sp-box .idea{width:100%;margin-top:10.960757780784844vw;display:block;align-items:center;justify-content:center;}
 .section-lifestyle .right-box .sp-box .idea img{width: 35.859269282814616vw;display:inline-block;float:none;}

 }