.header-wrap-outer .container{padding-left:0;padding-right:0}.navbar-mobile .btn-mobile-nav{padding-top:12px !important}.navbar-mobile .sprite-32a-sony-logo{margin-top:8px !important}.btn.locale{padding:8px 12px !important;line-height:24px}.store-locator-submit-btn{padding:4px 4px 0 !important}.footer-social-links a{line-height:2em !important}.footer-social-links a i{vertical-align:middle}.nav-primary .nav-li-link{padding:2px 5px}.page-wrap-outer{overflow:visible !important}.footer-wrapper{overflow:hidden !important}.u-nav-wrapper{visibility:visible !important;z-index:1100 !important}.u-nav-wrapper .u-nav-primary-link .u-nav-primary-img-wrap{background-image:none !important}@media (max-width: 768px){.nav-wrapper{height:44px}}#landing-content{font-family:"SST W01 Roman","Helvetica Neue",Helvetica,Arial,sans-serif}#landing-content .sup{display:inline-block;font-size:12px;padding:.1rem;vertical-align:super;cursor:default}#landing-content section{padding:2rem 0}@media (min-width: 768px){#landing-content section{padding:4rem 0}}#landing-content section.bg-gray{background-color:#f1f5f9}#landing-content section .copy{margin:auto;max-width:768px}#landing-content .text-center{text-align:center}#landing-content .text-left{text-align:left}#landing-content .text-right{text-align:right}#landing-content .nc-stars{margin-left:.2rem;height:16px !important;vertical-align:-2px}#landing-content #hero{padding:0;width:100%;background-color:#212530}#landing-content #hero .hero-image{padding-bottom:40%;background-position:top center;background-size:cover;background-repeat:no-repeat;background-image:url("../pics/hero-desktop.jpg")}@media (min-width: 992px){#landing-content #hero .hero-image{padding-bottom:30%}}@media (min-width: 1200px){#landing-content #hero .hero-image{padding-bottom:24%}}#landing-content #hero .hero-caption{width:90%;margin:auto;padding-bottom:2rem;text-align:center}@media (min-width: 768px){#landing-content #hero .hero-caption{width:100%;max-width:992px}}#landing-content #hero .hero-caption h1{color:#fff;margin-bottom:1rem}#landing-content #hero .hero-caption h2{color:#ebab3d;margin-bottom:2.5rem}#landing-content #hero .hero-caption h3{color:#fff;font-family:"SST W01 Medium","Helvetica Neue",Helvetica,Arial,sans-serif}#landing-content #hero .hero-caption .nc-logo{width:100%;max-width:200px}#landing-content #videos .carousel-flipster{display:none;opacity:0;padding:30px 0}#landing-content #videos .carousel-flipster.flipster{display:block;opacity:1}#landing-content #videos .carousel-flipster li{position:relative}#landing-content #videos .carousel-flipster li .play-button{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:10;opacity:.5;transition:opacity .25s ease}#landing-content #videos .carousel-flipster li .play-button:hover{opacity:1}#landing-content #videos .carousel-flipster .flipster__item .thumb-img{width:80vw;max-width:850px;box-shadow:0 0 15px rgba(0,0,0,0.5);transition:box-shadow .25s ease}#landing-content #videos .carousel-flipster .flipster__item.flipster__item--current .thumb-img{box-shadow:0 0 25px rgba(0,0,0,0.75)}#landing-content #videos .flipster__item--past,#landing-content #videos .flipster__item--future{opacity:0;-webkit-filter:brightness(50%);filter:brightness(50%)}#landing-content #videos .flipster__item--past-1,#landing-content #videos .flipster__item--future-1{opacity:1}#landing-content #videos .flipster-buttons{display:flex;flex-direction:row;justify-content:center}#landing-content #videos .flipster-buttons .flipster-next,#landing-content #videos .flipster-buttons .flipster-prev{display:block;padding:6px;opacity:.35;transition:opacity .25s ease}#landing-content #videos .flipster-buttons .flipster-next:hover,#landing-content #videos .flipster-buttons .flipster-prev:hover{opacity:.8}#landing-content #videos .flipster-buttons .flipster-next span,#landing-content #videos .flipster-buttons .flipster-prev span{display:block;width:24px;height:24px;border-right:1px solid #000;border-bottom:1px solid #000}@media (min-width: 768px){#landing-content #videos .flipster-buttons .flipster-next span,#landing-content #videos .flipster-buttons .flipster-prev span{width:36px;height:36px}}#landing-content #videos .flipster-buttons .flipster-next{transform:rotate(-45deg)}#landing-content #videos .flipster-buttons .flipster-prev{transform:rotate(135deg)}#landing-content #sumergete .row{display:flex;flex-wrap:wrap}#landing-content #sumergete .row .col{width:100%;box-sizing:border-box;padding:1rem;text-align:center}@media (min-width: 768px){#landing-content #sumergete .row .col{width:calc(100%/3)}}#landing-content #sumergete .row .col .thumbnail{margin-bottom:1rem;padding-bottom:40%;background-size:cover;background-position:center;background-repeat:no-repeat}@media (min-width: 768px){#landing-content #sumergete .row .col .thumbnail{padding-bottom:60%}}#landing-content #ideales .carousel-flickity{margin-left:30px;margin-right:30px;opacity:0;transition:all .5s ease;visibility:hidden;overflow:hidden;height:200px}@media (min-width: 768px){#landing-content #ideales .carousel-flickity{height:300px}}#landing-content #ideales .carousel-flickity.flickity-enabled{opacity:1;visibility:visible;overflow:visible;height:auto}#landing-content #ideales .carousel-flickity .carousel-cell{width:100%;text-align:center}@media (min-width: 768px){#landing-content #ideales .carousel-flickity .carousel-cell{width:calc(100%/2)}}@media (min-width: 992px){#landing-content #ideales .carousel-flickity .carousel-cell{width:calc(100%/3)}}#landing-content #ideales .carousel-flickity .carousel-cell .thumbnail{margin:2rem;padding-bottom:50%;background-size:cover;background-position:center;background-repeat:no-repeat}#landing-content #ideales .carousel-flickity .flickity-button{top:45%;background-color:transparent}#landing-content #ideales .carousel-flickity .flickity-button.flickity-prev-next-button.previous{left:-40px}#landing-content #ideales .carousel-flickity .flickity-button.flickity-prev-next-button.next{right:-40px}#landing-content #favoritos .tab-container .tab{display:none}#landing-content #favoritos .tab-container .tab.active{display:block}#landing-content #favoritos .tab-container .tab .tab-inner{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;position:relative;width:100%;background-size:cover;background-position:center right;background-repeat:no-repeat}#landing-content #favoritos .tab-container .tab .tab-inner:before{content:'';width:1px;padding-bottom:54%}#landing-content #favoritos .tab-container .tab .tab-inner.right{justify-content:flex-end;background-position:center left}@media (min-width: 768px){#landing-content #favoritos .tab-container .tab .tab-inner{flex-direction:row;justify-content:flex-start;align-items:center;background-position:center}#landing-content #favoritos .tab-container .tab .tab-inner:before{padding-bottom:44%}#landing-content #favoritos .tab-container .tab .tab-inner.right{background-position:center;justify-content:flex-end}}#landing-content #favoritos .tab-container .tab .tab-caption{width:100%;padding:1rem 1rem .5rem;background-color:rgba(255,255,255,0.8)}@media (max-width: 768px){#landing-content #favoritos .tab-container .tab .tab-caption h2{display:none}}@media (min-width: 768px){#landing-content #favoritos .tab-container .tab .tab-caption{max-width:40%;margin:2rem;padding:1rem 3rem;background-color:#f1f5f9}}@media (min-width: 992px){#landing-content #favoritos .tab-container .tab .tab-caption{max-width:400px;margin:2rem 4rem;padding:2rem 2rem 1rem}}@media (min-width: 1200px){#landing-content #favoritos .tab-container .tab .tab-caption{margin:2rem 6rem}}#landing-content #favoritos .tab-nav{display:flex;justify-content:center;align-items:center;height:60px}#landing-content #favoritos .tab-nav a{position:relative;color:#2f353d;width:150px;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:.8em}@media (min-width: 768px){#landing-content #favoritos .tab-nav a{font-size:1em}}#landing-content #favoritos .tab-nav a:after{position:absolute;top:0;left:0;height:0;width:100%;background-color:#5865f5;content:'';transition:all 0.2s ease-in-out}#landing-content #favoritos .tab-nav a:hover:after{top:-6px;height:6px}#landing-content #favoritos .tab-nav a.active{background-color:#f1f5f9}#landing-content #favoritos .tab-nav a.active:after{top:-6px;height:6px}#landing-content #adapta .row{display:flex;flex-direction:column;justify-content:center}@media (min-width: 1200px){#landing-content #adapta .row{flex-direction:row;align-items:center}}#landing-content #adapta .row .col{width:100%;box-sizing:border-box;padding:1rem;text-align:center}@media (min-width: 1200px){#landing-content #adapta .row .col:first-of-type{width:60%}#landing-content #adapta .row .col:last-of-type{width:40%}}#landing-content #adapta .row .col .level-item{display:flex;flex-direction:row;text-align:left;margin:1rem 0}#landing-content #adapta .row .col .level-item .level-image{min-width:100px;margin-right:1rem}@media (min-width: 768px){#landing-content #adapta .row .col .level-item .level-image{min-width:165px}}#landing-content #productos .tags-wrap{display:flex;justify-content:center;position:sticky;top:0;background-color:#fff}#landing-content #productos .tags-wrap .tag{display:flex;justify-content:center;align-items:center;position:relative;padding:0 .5rem;height:60px;font-size:.8em;color:#2f353d}@media (min-width: 768px){#landing-content #productos .tags-wrap .tag{padding:0 2rem;font-size:1em}}#landing-content #productos .tags-wrap .tag:after{content:'';position:absolute;left:0;bottom:0;width:100%;height:0;background-color:#5865f5;transition:height 0.2s ease-in-out}#landing-content #productos .tags-wrap .tag:hover:after{height:4px}#landing-content #productos .tags-wrap .tag.active:after{height:4px}#landing-content #productos .prod-wrap{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}#landing-content #productos .prod-item{display:flex;flex-direction:column;width:calc(100%/2);box-sizing:border-box;padding:2rem 1rem}@media (min-width: 768px){#landing-content #productos .prod-item{width:calc(100%/3)}}@media (min-width: 1200px){#landing-content #productos .prod-item{padding:3rem 2rem}}#landing-content #productos .prod-item .prod-image{padding-bottom:100%;background-size:contain;background-position:center;background-repeat:no-repeat}@media (min-width: 768px){#landing-content #productos .prod-item .prod-image{padding-bottom:75%}}@media (min-width: 1200px){#landing-content #productos .prod-item .prod-image{padding-bottom:50%}}#landing-content #productos .prod-item .prod-colors{display:flex;justify-content:center;padding:10px 0}#landing-content #productos .prod-item .prod-colors .color-item{width:12px;height:12px;margin:0 2px;box-shadow:inset 0 0 0 1px rgba(0,0,0,0.2)}#landing-content #productos .prod-item .prod-caption{text-align:center}#landing-content #productos .prod-item .prod-caption .prod-level{display:flex;flex-direction:row;justify-content:center;align-items:center;text-transform:uppercase}#landing-content #productos .prod-item .prod-buttons{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin-top:auto;padding-top:.5rem;text-align:center}#landing-content #productos .prod-item .prod-buttons .btn{margin:.2rem;padding:13px 24px 11px;transition:background .15s ease}#landing-content #productos .buy-button{background-color:#F25529}#landing-content #productos .buy-button:hover{background-color:#be3216}#tooltip{text-align:center;color:#222;background:#fff;border:1px solid #ccc;box-shadow:0 0 15px rgba(0,0,0,0.2);font-size:11px;position:absolute;z-index:100;padding:12px;border-radius:4px;max-width:400px}#tooltip:after{content:'';width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #fff;position:absolute;left:50%;bottom:-8px;margin-left:-8px}#tooltip.top:after{border-top-color:transparent;border-bottom:10px solid #eee;top:-18px;bottom:auto}#tooltip.left:after{left:10px;margin:0}#tooltip.right:after{right:10px;left:auto;margin:0}#tooltip:before{content:'';width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #ccc;position:absolute;left:50%;bottom:-10px;margin-left:-10px}#tooltip.top:before{border-top-color:transparent;border-bottom:10px solid #eee;top:-20px;bottom:auto}#tooltip.left:before{left:8px;margin:0}#tooltip.right:before{right:8px;left:auto;margin:0}



/* GENERAL */

body {
    overflow-x: hidden; 
}

body {
    line-height: 1;
    font-family: "SST W01 Roman", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    background-color: #000 !important;
    color: #fff !important;
}

button:focus {
    outline: none;
    box-shadow: none !important;
}

button img, a img {
    opacity: 0.9;
}

button:hover img, a:hover img {
    opacity: 1;
}

#landing-content section {
    height: 100vh;
    width: 100%;
    position: relative;
    padding: 0;
    overflow: hidden;
}

#nav-wrapper, #footer-wrapper {
	position: relative;
	z-index: 12;
}

#landing-content section#spacer {
	background-color: #1f2024;
	height: 100px;
	position: relative;
	z-index: 12;
}

@media (min-width: 1200px) {
	.xl-none {
		display: none;
	}
}

@media (max-width: 1199px) {
	.xl-display {
		display: none;
	}
}

@media (min-width: 992px) {
	.lg-none {
		display: none;
	}
}

@media (max-width: 991px) {
	.lg-display {
		display: none;
	}
}

@media (min-width: 768px) {
	.md-none {
		display: none;
	}
}

@media (max-width: 767px) {
	.md-display {
		display: none;
	}
}

@media (min-width: 576px) {
	.sm-none {
		display: none;
	}
}

@media (max-width: 575px) {
	.sm-display {
		display: none;
	}
}


/* FIXED CONTENT */

ul.menu-scroll {
    position: fixed;
    right: 40px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0;
    overflow: hidden;
    z-index: 11;
}

ul.menu-scroll li {
    list-style-type: none;
    clear: both;
}

ul.menu-scroll a table {
    color: #C0C0C0 !important;
    font-family: "SST W01 Medium", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    letter-spacing: 1.24px;
    float: right;
    font-size: 11px;
    line-height: 14px;
}

ul.menu-scroll a:hover table, ul.menu-scroll a.active table, ul.menu-scroll a.active-2 table td {
    color: #fff !important;
}

ul.menu-scroll a table td {
    padding-bottom: 17px;
    vertical-align: bottom;
    height: 65px;
    border-bottom: 1px solid #C0C0C0;
}

ul.menu-scroll a:hover table td, ul.menu-scroll a.active table td, ul.menu-scroll a.active-2 table td {
    border-bottom: 1px solid #fff;
}

ul.menu-scroll a table td:first-child {
    visibility: hidden;
    padding-right: 35px;
    border-bottom: none;
}

ul.menu-scroll a:hover table td:first-child, ul.menu-scroll a.active table td:first-child, ul.menu-scroll a.active-2 table td:first-child {
    visibility: visible;
    border-bottom: 1px solid #fff;
}

ul.menu-scroll a table td:last-child {
    text-align: right;
}

@media (max-width: 767px) {
    img.logo-sony, ul.menu-scroll a table td:first-child {
        display: none;
    }
    ul.menu-scroll {
        top: 60px;
        right: 30px;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    ul.menu-scroll a table td {
        color: #888;
        padding-bottom: 7px;
        height: 39px;
        border-bottom-color: #888;
    }
    ul.menu-scroll a.active table td {
        color: #fff;
        border-bottom-color: #fff;
    }
}


/* INTRO */

section#intro {
    transform: translateY(-64px);
    margin-bottom: -64px;
}

#intro img.logo-bravia {
    position: absolute;
    bottom: 40px;
    left: 40px;
    height: 18px;
    width: auto;
}

#intro video {
    height: 100%;
    width: auto;
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translateX(-50%) translateY(-50%);
    transform:translateX(-50%) translateY(-50%);
    min-width:100%;
    min-height:100%;
    z-index:-10;
    overflow: hidden;
}

#intro .content {
    background: transparent;
    z-index: 2;
}

#intro .content h1 {
    color: #fff;
    font-family: "SST W01 Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 80px;
    letter-spacing: 3px !important;
    padding: 260px 30px 0;
    text-align: center;
}

#intro .redes {
    position: absolute;
    left: 40px;
    bottom: 120px;
}

#intro .redes > div {
    width: 90px;
    height: 80px;
    font-size: 12px;
    letter-spacing: 0.48px;
    font-family: "SST W01 Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    position: relative;
    border-bottom: 1px solid #fff;
}

#intro .redes .red-title, #intro2 .redes .red-icon {
    position: absolute;
}

#intro .redes .red-title {
    position: absolute;
    bottom: 18px;
}

#intro .redes .red-icon {
    font-size:18px;
    position: absolute;
    bottom: 12px;
    opacity: 0;
}

#intro .redes .red-icon a {
    color: #C0C0C0;
    margin-right: 2px;
    transition: color 0.2s linear;
}

#intro .redes .red-icon a:last-child {
    margin-right: 0;
}

#intro .redes .red-icon a:hover {
    color: #fff;
}

#intro .redes .share:hover .red-title, #intro .redes .follow:hover .red-title {
    opacity: 0;
}

#intro .redes .share:hover .red-icon, #intro .redes .follow:hover .red-icon {
    opacity: 1;
}

#intro .scroll {
    width:32px;
    height: 91px;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -16px;
}

#intro .scroll-line {
    height: 91px;
    width: 1px;
    margin-right: 13px;
    background-color: #555;
}

#intro .scroll-animation {
    height: 45px;
    width: 1px;
    background-color: #fff;
    animation: float 4s ease-in-out infinite;
}

#intro .scroll .scroll-text {
    color: #fff;
    font-size: 12px;
    line-height: 12px;
    font-family: "SST W01 Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    letter-spacing: 1.2px !important;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    position: absolute;
    top: 15px;
}

#intro .watch-video {
    position: absolute;
    bottom: 76px;
    right: 87px;
    height: 211px;
    width: 245px;
    z-index: 3;
}

#intro .watch-video .line {
    position: absolute;
    top: 0;
    left: 122px;
    width: 1px;
    height: 211px;
    background-color: #555;
    z-index: -1;
}

#intro .watch-video button {
    padding: 0;
    margin-top: 30px;
    border: 0;
    background: #000;
    height: 132px;
    width: 245px;
    cursor: pointer;
}

#intro .watch-video button img {
    cursor: pointer;
}

@media (max-width: 61.1875em) and (min-width: 48em) {
	section#intro {
	    transform: translateY(-52px);
    	margin-bottom: -52px;
	}	
}

@media (min-aspect-ratio: 16/9) {
  #intro video {
    height: auto;
    width: 100%;
  }
}

@media (max-aspect-ratio: 16/9) {
  #intro video {
    height: 100%;
    width: auto;
  }
}

@media (max-width: 767px) {
	section#intro {
	    transform: translateY(-44px);
    	margin-bottom: -44px;
	}
   #intro .redes {
        display: none;
    }
    #intro .watch-video {
        bottom: 140px;
        right: 50%;
        -webkit-transform:translateX(122.5px);
        transform:translateX(122.5px);
    }
    #intro .content {
        height: 100%;
    }
    #intro .content h1 {
        font-size: 40px;
        padding-top: 220px;
        align-self: center;
        width: 100%;
    }
}

@media (max-width: 374px) {
    #intro .content h1 {
        font-size: 30px;
    }
    #intro img.logo-bravia {
        height: 13px;
    }
}


/* DISEÑO */

#diseno {
    background-image: url(../img/bg-diseno.jpg);
    background-size: cover;
    background-position: center;
}

#diseno img.trans {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

#diseno > .row {
    opacity: 0;
    transition: opacity 1s ease-in-out;
    height: 100%;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
}

#diseno > .row.mostrar {
    opacity: 1;
    z-index: 10;
}

.dis-text {
	flex: 0 0 43.5%;
	max-width: 43.5%;
    padding-left: 108px;
}

.dis-text h2 {
    font-size: 40px;
    letter-spacing: 1.49px;
    margin-bottom: 34px;
    color: #fff;
    font-family: "SST W01 Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.dis-text p {
    font-size: 13px;
    line-height: 21px;
    letter-spacing: 0.17px;
    margin:0;
    max-width: 403px;
    color: #fff;
    font-family: "SST W01 Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.dis-btns {
	flex: 0 0 56.5%;
	max-width: 56.5%;
    padding-right: 230px;
}

.dis-btns table {
    width: 100%;
    float: right;
}

.dis-btns table td:first-child {
    padding: 0;
    vertical-align: top;
}

.dis-btns table tr td:nth-child(2) {
    width: 32px;
}

.dis-btns table td:last-child {
    width: 164px;
    padding: 0;
    vertical-align: bottom;
}

.detalles-btn img {
    width: 100%;
    height: auto;
}

.disenadores-btn img {
    max-width:164px;
    width: 100%;
    height: auto;
}

.dis-btns table td button, .dis-btns table td button:hover, .dis-btns table td button:focus {
    background: transparent;
    border: none;
    padding: 0;
    outline: none;
}

.dis-btns table td div {
    margin-left: 27px;
    height: 36px;
    border-left: 1px solid #999999;
    padding-left:16px;
    position: relative;
}

.dis-btns table td div p {
    position: absolute;
    bottom: 0;
    margin-bottom: 0;
    font-size: 13px;
    line-height: 13px;
    font-size: 13px;
    color: #C0C0C0;
    letter-spacing: 0.49px;
    font-family: "SST W01 Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.dis-btns table td button:hover div p {
    color: #fff;
}

.dis-2-close, .dis-3-close {
    position: absolute;
    top: 53px;
    right: 150px;
    padding: 0;
    border: none;
    background: transparent;
    font-size: 14px;
    line-height: 41px;
    color: #fff;
    cursor: pointer;
    z-index: 99;
}

.dis-2-close img, .dis-3-close img {
    height: 41px;
    width: auto;
    margin-left: 15px;
    opacity: 0.9;
}

.owl-carousel-disenadores.owl-carousel .owl-stage {
	display: flex;
	align-items: center;
}

.owl-carousel-disenadores .item {
    padding-left: 75px;
    padding-right: 320px;
	height: 100%;
}

.owl-carousel-disenadores .item .row {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	height: 100%;
	align-items: center;
}

.owl-carousel-disenadores .item .row .disenador-col {
	flex: 0 0 50%;
	max-width: 50%;
	padding: 0 15px;
}

.owl-theme.owl-carousel-disenadores .owl-nav {
	position: absolute;
	right: 200px;
	top: 66%;
}

.owl-carousel.owl-carousel-disenadores .owl-nav button.owl-next, .owl-carousel.owl-carousel-disenadores .owl-nav button.owl-prev {
    z-index: 99;
    height: 35px;
    width:35px;
    border-radius: 50%;
    border: 1px solid #979797;
    top: 66%;
}

.owl-carousel.owl-carousel-disenadores .owl-nav button.owl-next i, .owl-carousel.owl-carousel-disenadores .owl-nav button.owl-prev i {
    line-height: 35px;
    font-size: 10px;
}

.owl-carousel-disenadores.owl-carousel .owl-nav button.owl-next:focus, .owl-carousel-disenadores.owl-carousel .owl-nav button.owl-next:hover, .owl-carousel-disenadores.owl-carousel .owl-nav button.owl-prev:focus, .owl-carousel-disenadores.owl-carousel .owl-nav button.owl-prev:hover {
    background-color: #fff;
    border-color: #fff;
}

.owl-carousel-disenadores .owl-next:focus > i, .owl-carousel-disenadores .owl-next:hover > i, .owl-carousel-disenadores .owl-prev:focus > i, .owl-carousel-disenadores .owl-prev:hover > i {
    color: #000;
}

.owl-carousel-disenadores h3 {
    font-family: "SST W01 Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 30px;
    letter-spacing: 0.02px;
    max-width: 407px;
    margin: 0;
    color: #fff;
}

.owl-carousel-disenadores p {
    font-family: "SST W01 Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 17px;
    letter-spacing: 0.55px;
    max-width: 375px;
    margin-top: 47px;
    margin-bottom: 21px;
    color: #fff;
}

.owl-carousel-disenadores p.name {
    font-family: "SST W01 Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    letter-spacing: 0.49px;
    margin: 0;
    color: #fff;
    display: inline-block;
}

.owl-carousel-disenadores .dash {
    display: inline-block;
    margin-right: 25px;
    height: 1px;
    width: 52px;
    background-color: #979797;
    margin-bottom: 3px;
}

.dis-3 .carousel-container {
	width:100%;
    padding-left: 0;
    padding-right: 175px;
}

.dis-3 .carousel-container h2 {
    margin: 0 auto 35px 90px;
    max-width: 424px;
    font-family: "SST W01 Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 30px;
    letter-spacing: 1.12px;
    color: #fff;
}

.dis-3 .owl-theme .owl-dots {
    text-align: right !important;
}


@media (min-width: 1500px) {
    .dis-btns table {
        width: 782px;
    }
    .dis-btns table td:last-child {
        width:325px;
        height: 360px;
    }
    .disenadores-btn img {
        max-width:325px;
    }
}

@media (max-width: 1199px) {
	.dis-text, .dis-btns {
		flex: 0 0 100%;
		max-width: 100%;
	}
    .dis-btns {
        padding-left: 108px;
        padding-bottom: 0;
    }
    .dis-btns table {
        max-width: 500px;
    }
}

@media (max-width: 991px) {
    .dis-btns table {
        float: none;
        margin-left: 95px;
    }
    .dis-btns table td:first-child, .dis-btns table td:last-child {
        width: 155px;
    }
    .dis-2-close, .dis-3-close {
        right: 55px;
        top: 35px;
    }
    .owl-carousel-disenadores .item .row {
    	flex-direction: column-reverse;
    }
    .owl-carousel-disenadores .item .row .disenador-col {
    	flex: 0 0 100%;
    	max-width: 100%;
    	justify-content: flex-start;
    }
    .owl-carousel-disenadores .item {
        padding-left: 50px;
        padding-right: 200px;
    }
    .owl-carousel-disenadores h3{
        margin-top: 10px;
        max-width: 486px;
        font-size: 22px;
        letter-spacing: -0.3px;
    }
    .owl-carousel-disenadores p {
        max-width: 486px;
        margin-top: 10px;
        margin-bottom: 25px;
        font-size: 14px;
    }
    .owl-carousel-disenadores  img {
        max-width: 400px;
        width: 100%;
    }
    .owl-carousel-disenadores p.name {
        font-size: 13px;
    }
    .owl-theme.owl-carousel-disenadores .owl-nav {
        bottom: 0;
        right:55px;
        top: auto;
        left: auto;
    }
}

@media (max-width: 767px) {
    .dis-text {
        padding-left: 50px;
    }
    .dis-text h2 {
        font-size: 28px;
        letter-spacing: 1.12px;
        margin-top: 0;
        margin-bottom: 15px;
    }
    .dis-text p {
        max-width: 75%;
        font-size: 14px;
        margin-bottom: 10px;
    }
    .dis-btns {
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 0;
    }
    .dis-btns table {
        max-width: 100%;
        width: calc(100% - 100px);
        margin-left: 30px;
    }
    .dis-btns table .detalles-btn img {
        max-width:320px;
        max-height: 285px;
        height: calc(100vh - 400px);
        width: auto;
    }
    .dis-btns table .disenadores-btn {
        float: right;
    }
    .owl-carousel-disenadores .item {
        padding-left: 20px;
        padding-right: 70px;
    }
    .dis-3 .carousel-container {
        padding-right: 75px;
    }
    .dis-3 .carousel-container h2 {
        margin: 0 auto 40px 30px;
    }
    .dis-2-close, .dis-3-close {
        top: 15px;
    }
    .dis-2-close img, .dis-3-close img {
        height: 35px;
    }
    .hide-mobile {
        display: none;
    }
    .owl-carousel.owl-carousel-diseno .owl-item img {
        max-height: 300px;
    }
}

@media (max-width: 576px) {
    .dis-btns table {
        width: 280px;
    }
    .dis-btns img {
        max-width: 134px;
    }
    .dis-btns table .detalles-btn img {
        max-width:280px;
        max-height: 250px;
        height: calc(100vh - 400px);
        width: auto;
    }
    .carousel-item img {
        max-width: 200px;
        height: auto;
    }
}

@media (max-width: 380px) {
    .dis-text {
        padding-left: 30px;
    }
    .dis-text h2 {
        margin-top: 50px;
    }
    .dis-btns table {
        margin-left: 10px;
        width: 250px;
    }
    .dis-btns table .detalles-btn img {
        max-width:250px;
        max-height: 223px;
        height: calc(100vh - 400px);
        width: auto;
    }
    .owl-carousel-disenadores .owl-prev {
        display: none !important;
    }
    .owl-carousel-disenadores .carousel-item {
        padding-left: 10px;
        padding-right: 50px;
    }
    .owl-carousel-disenadores h3 {
        font-size: 18px;
    }
    .owl-carousel-disenadores p {
        font-size: 12px;
    }
    .dis-3 .carousel-container h2 {
        font-size: 26px;
    }
}

@media (max-height: 549px) {
    .dis-btns table .detalles-btn img, .disenadores-btn img {
        height: 25vh !important;
        width: auto !important;
    }
    .owl-carousel.owl-carousel-diseno .owl-item img {
        max-height: 200px;
        width: auto;
        margin: 0 auto;
    }
    .owl-carousel-disenadores  img {
        height: 35vh;
        width: auto;
    }
}


/* NETFLIX */

#netflix {
    background-color:#000;
}

#netflix .video-container {
    position:absolute;
    top:0;
    left:0;
    overflow:hidden!important;
    height:100%;
    width:100%;
    z-index:0;
}

#netflix video {
    height: 100%;
    width: auto;
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translateX(-50%) translateY(-50%);
    transform:translateX(-50%) translateY(-50%);
    min-width:100%;
    min-height:100%;
    z-index:0;
    overflow: hidden;
}

#netflix .row {
    margin: 0;
    padding: 0;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    height: auto;
    width: 100%;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}

#netflix .row > div {
	flex: 0 0 33.3%;
	max-width: 33.3%;
	padding: 0 15px;
}

#netflix .row > div.netflix-tit {
    padding-left: 95px;
}

#netflix .row > div.netflix-tit h2 {
    color: #fff;
    font-size: 45px;
    font-family: "SST W01 Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
    letter-spacing: 0.69px;
    margin-bottom: 32px;
}

#netflix .row > div.netflix-tit p {
    color: #fff;
    font-size: 13px;
    font-family: "SST W01 Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    letter-spacing: 0.37px;
    margin: 0;
    max-width: 324px;
}

#netflix .row > div.netflix-txt {
    padding-top: 275px;
    padding-left: 60px;
    padding-bottom: 5px;
    position: relative;
}

#netflix .row > div.netflix-txt .dash {
    position: absolute;
    bottom: 83px;
    left: -50px;
    height: 1px;
    width: 73px;
    background-color: #979797;
}

#netflix .row > div.netflix-txt h3 {
    color: #fff;
    font-size: 20px;
    font-family: "SST W01 Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
    letter-spacing: 0.31px;
    margin-bottom: 11px;
}

#netflix .row > div.netflix-vid {
	align-self: flex-end;
}

#netflix .row > div.netflix-txt p {
    color: #fff;
    font-size: 13px;
    font-family: "SST W01 Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    letter-spacing: 0.37px;
    margin: 0;
    max-width: 177px;
}

@media (max-width: 991px) {
    #netflix .row > div.netflix-tit {
    	flex: 0 0 100%;
    	max-width: 100%;
    }
    #netflix .row > div.netflix-vid, #netflix .row > div.netflix-txt {
    	flex: 0 0 50%;
    	max-width: 50%;
    }
    #netflix .row > div.netflix-vid {
        padding-left: 95px;
    }
    #netflix .row > div.netflix-txt {
    	padding-top: 180px;
    }
}

@media (max-width: 767px) {
    #netflix {
        background-image: url(../img/netflix.gif);
        background-size: cover;
        background-position: center;
    }
    #netflix video {
        display: none;
    }
    #netflix .row > div.netflix-tit {
        padding-left: 40px;
        padding-right: 105px;
    }
    #netflix .row > div.netflix-tit h2 {
        font-size: 30px;
        letter-spacing: 0.46px;
        padding-right: 35px;
    }
    #netflix .row > div.netflix-tit p {
        font-size: 14px;
        letter-spacing: 0.4px;
    }
    #netflix .row > div.netflix-vid {
    	flex: 0 0 100%;
    	max-width: 100%;
        padding-top: 5%;
        padding-right: 55px;
        padding-left: 15px;
        text-align: right;
    }
    #netflix .row > div.netflix-vid a.play-button img {
        width: 72%;
    }
}

@media (max-width: 374px) {
    #netflix .row > div.netflix-tit h2 {
        font-size: 26px;
    }

    #netflix .row > div.netflix-tit p {
        font-size: 12px;
    }
}

@media (min-aspect-ratio: 16/9) {
  #netflix video {
    height: auto;
    width: 100%;
  }
}

@media (max-aspect-ratio: 16/9) {
  #netflix video {
    height: 100%;
    width: auto;
  }
}

@media (max-height: 549px) {
    #netflix .netflix-tit h2 {
        margin-bottom: 15px;
    }
    #netflix .align-self-end.text-right {
        padding-top: 10px;
    }
    #netflix .align-self-end.text-right a.play-button img {
        height: 35vh;
        width: auto;
    }
    #netflix .netflix-txt {
        padding-top: 0;
    }
}


/* MASTER */

#master {
    background-image: url(../img/bg-master.jpg);
    background-size: cover;
    background-position: center;
    padding: 0;
    margin: 0;
    position: relative;
    z-index: 10;
}

#master .row {
    padding: 0;
    margin: 0;
    position: absolute;
    bottom: 13.4%;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

#master .row > div {
	flex: 0 0 33.3%;
	max-width: 33.3%;
}

#master .row > div.master-img {
    padding: 0;
    text-align: center;
    align-self: flex-start;
}

#master .row > div.master-img img {
    width:85%;
}

#master .row > div.master-img button, #master .row > div.master-img button:hover, #master .row > div.master-img button:focus {
    outline: 0;
    background: transparent;
    border: none;
    padding: 0;
}

#master .row > div.master-img a.play-button img {
    margin-bottom: 78px;
}

#master .row > div.master-img table {
    width: 100%;
}

#master .row > div.master-img table td {
    padding: 0;
}

#master .row > div.master-img table td.btn-cell {
    text-align: center;
    width: 165px;
}

#master .row > div.master-img .dash {
    height: 1px;
    width: 100%;
    background-color: #979797;
    margin-bottom: 3px;
}

#master .row > div.master-img button.btn-master-2 {
    font-size: 11px;
    font-family: "SST W01 Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
    letter-spacing: 1.24px;
}

#master .row > div.master-tit {
	padding: 0 15px;
	text-align: center;
	align-self: center;
}

#master .row > div.master-tit h2 {
    margin: 0 auto 35px;
    max-width: 448px;
    font-size: 35px;
    font-family: "SST W01 Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
    letter-spacing: 0.54px;
    color: #fff;
}

#master .row > div.master-tit p {
    margin: 0 auto;
    max-width: 448px;
    font-size: 13px;
    font-family: "SST W01 Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    letter-spacing: 0.2px;
    color: #fff;
}

#master .row > div.master-txt {
    padding-top: 287px;
    padding-right: 175px;
    text-align: right;
}

#master .row > div.master-txt .dash {
    height: 3px;
    width: 40px;
    background-color: #fff;
    float: right;
}

#master .row > div.master-txt p {
    max-width: 132px;
    color: #fff;
    font-size: 15px;
    font-family: "SST W01 Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
    letter-spacing: 0.23px;
    margin: 18px 0 0 auto;
}

@media (max-width: 991px) {
    #master .row {
        top: 50%;
        bottom: auto;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        display: -webkit-box;
        display: -moz-box;
        display: box;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        box-orient: vertical;
    }
    #master .row > div {
    	flex: 0 0 100%;
    	max-width: 100%;
    }
    #master .row > div.master-tit {
    	-webkit-box-ordinal-group: 1;
    	-moz-box-ordinal-group: 1;
    	box-ordinal-group: 1;
    }
    #master .row > div.master-tit h2 {
        margin-bottom: 25px;
    }
    #master .row > div.master-img {
    	-webkit-box-ordinal-group: 2;
    	-moz-box-ordinal-group: 2;
    	box-ordinal-group: 2;
        padding-top: 35px;
        margin-bottom: 0;
    }
    #master .row > div.master-img a.play-button img {
        max-width: 400px;
        margin-bottom: 0;
    }
    #master .row > div.master-img table {
        display: none;
    }
    #master .row > div.master-txt {
    	-webkit-box-ordinal-group: 3;
    	-moz-box-ordinal-group: 3;
    	box-ordinal-group: 3;
        padding-top: 35px;
    }
}

@media (max-width: 767px) {
    #master .row > div.master-tit {
        padding-left: 40px;
        padding-right: 135px;
        text-align: left;
    }
    #master .row > div.master-tit h2 {
        margin: 0;
        margin-bottom: 20px;
        font-size: 30px;
        letter-spacing: 0.46px;
    }
    #master .row > div.master-tit p {
        font-size: 14px;
        margin: 0;
    }
    #master .row > div.master-img {
        padding-left: 40px;
        text-align: left;
    }
    #master .row > div.master-txt {
        padding-right: 50px;
    }
    #master .row > div.master-txt p {
        font-size: 14px;
        letter-spacing: 0.22px;
    }
}

@media (max-width: 374px) {
    #master .row > div.master-tit {
        padding-right: 55px;
    }
    #master .row > div.master-tit h2 {
        font-size: 26px;
        line-height: 28px;
    }
    #master .row > div.master-txt {
        padding-top: 30px;
    }
    #master .row > div.master-img a.play-button img {
        max-width: 220px;
    }
}

@media (max-height: 549px) {
    #master .row > div.master-img a.play-button img {
        height: 35vh;
        width: auto;
    }
    #master .row > div.master-txt {
        display: none;
    }
}


/* TECNOLOGÍA */
#landing-content section#tecnologia {
    position: relative;
    padding: 50px 230px 10px 110px;
    background-size: cover;
    background-position: center;
}

#landing-content section#tecnologia.open1 {
    background-color: transparent;
}

#landing-content section#tecnologia.open2 {
    background-image: url(../img/led-bg.jpg);
}

#landing-content section#tecnologia.open3 {
    background-image: url(../img/bg-tecnologia.jpg);
}

#tecnologia video {
    height: auto;
    width: 100%;
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translateX(-50%) translateY(-50%);
    transform:translateX(-50%) translateY(-50%);
    min-width:100%;
    min-height:100%;
    overflow: hidden;
    background-color: #000000;
}

#tecnologia video.d-none {
	display: none;
}

#tecnologia .procgif {
    display: none;
}

#tecnologia > .row {
	display: flex;
	position: relative;
}

#tecnologia > .row .tab {
    float: none;
    border-bottom: none;
    padding: 0 15px;
}

#tecnologia > .row .tab button {
    margin-right: 50px;
}

#tecnologia > .row .tab button:last-child {
    margin-right: 0;
}

#tecnologia > .row .tab button {
    font-family: "SST W01 Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #7F7F7F;
    background-color: transparent;
    font-size: 13px;
    letter-spacing: 0.87px;
    border: none;
    border-bottom: 1px solid transparent;
    line-height: 29px;
    cursor: pointer;
    padding: 0;
    padding-bottom: 10px;
}

#tecnologia > .row .tab button.active {
    color: #fff;
    border-bottom: 1px solid #fff;
}

#tecnologia h3 {
    font-family: "SST W01 Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 35px;
    letter-spacing: 0.54px;
    margin-bottom: 25px;
    color: #fff;
}

#tecnologia p {
    font-family: "SST W01 Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 21px;
    color: #fff;
    letter-spacing: 0.15px;
    max-width: 270px;
    margin-top: 10px;
    margin-bottom: 0;
}

#tecnologia #tec_uno {
    padding-top: 110px;
}

#tecnologia #tec_tres {
    padding-top: 35px;
}

#tecnologia #tec_dos > .row, #tecnologia #tec_tres > .row {
	display: flex;
	flex-wrap: wrap;
}

#tecnologia #tec_dos > .row .tab-c, #tecnologia #tec_tres > .row .tab-c {
	flex: 0 0 50%;
	max-width: 50%;
	padding: 0 15px;
}

#tecnologia #tec_dos > .row .tab-c {
    align-self: center;
}

#tecnologia #tec_tres button {
    background: #000;
    padding: 0;
    border: none;
    border-radius: 0;
}

#tecnologia #tec_dos > .row {
    height: calc(100vh - 180px)
}

#tecnologia #tec_dos h2 {
    font-family: "SST W01 Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 35px;
    line-height: 46px;
    margin: 0 0 34px;
    letter-spacing: 0.54px;
    color: #fff;
}

#tecnologia #tec_dos h5 {
    font-family: "SST W01 Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 21px;
    margin: 0 0 40px;
    letter-spacing: 0.21px;
    color: #fff;
    max-width: 75%;
}

#tecnologia #tec_dos p {
    font-family: "SST W01 Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    line-height: 21px;
    margin: 0;
    letter-spacing: 0.17px;
    color: #fff;
    max-width: 80%;
}

#tecnologia #tec_dos img {
    width: 100%;
    max-width: 421px;
}

#tecnologia #tec_tres h4 {
    font-family: "SST W01 Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 21px;
    margin: 20px 0;
    letter-spacing: 1.16px;
    color: #fff;
}

#tecnologia #tec_tres h6 {
    font-family: "SST W01 Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 18px;
    margin: 23px 0 18px;
    letter-spacing: 0.76px;
    color: #fff;
}

#tecnologia #tec_tres p {
    font-family: "SST W01 Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    line-height: 18px;
    margin: 0;
    max-width: 436px;
    letter-spacing: 0.71px;
}

@media (max-width: 991px) {
    #tecnologia #tec_dos > .row {
        height: auto;
    }
    #tecnologia #tec_dos > .row .tab-c {
        flex: 0 0 100%;
        max-width: 100%;
    }
    #tecnologia #tec_dos h2 {
        margin-top: 20px;
    }
    #tecnologia #tec_dos h5, #tecnologia #tec_dos p {
        max-width: 95%;
    }
    #tecnologia #tec_dos p {
        margin-bottom: 20px;
    }
}

@media (max-width: 767px) {
    #landing-content section#tecnologia {
        padding: 15px 80px 15px 30px;
        background-image: none;
    }
    #tecnologia video {
        display: none;
    }
    #tecnologia .procgif {
        display: block;
        position: absolute;
        bottom: 120px;
        right: 0;
        overflow:hidden;
        height: 336px;
        width:100%;
        background-image: url(../img/procesador.gif);
        background-position: right center;
        background-repeat: no-repeat;
        z-index: -10;
        background-size: auto 336px;
    }
    #tecnologia .procgif.d-none {
    	display: none;
    }
    #tecnologia > .row .tab {
        padding: 0;
    }
    #tecnologia > .row .tab button {
        font-size: 12px;
        line-height: 17px;
    }
    #tecnologia > .row .tab button.tab1 {
        margin-right: 20px;
        width: 86px;
    }
    #tecnologia > .row .tab button.tab2 {
        margin-right: 20px;
        width: 62px;
    }
    #tecnologia > .row .tab button.tab3 {
        width: 55px;
    }
    #tecnologia #tec_uno {
        padding-top: 35px;
    }
    #tecnologia h3 {
        font-size: 30px;
    }
    #tecnologia #tec_tres > .row .tab-c {
    	flex: 0 0 100%;
    	max-width: 100%;
    }
    #tecnologia #tec_dos p, #tecnologia #tec_tres p {
        display: none;
    }
    #tecnologia #tec_tres {
        padding-top: 15px;
    }
    #tecnologia #tec_tres h4 {
        margin: 0;
        margin-bottom: 15px;
        font-size: 18px;
        line-height: 20px;
    }
    #tecnologia #tec_tres h6 {
        margin: 10px 0 20px;
        font-size: 12px;
        line-height: 14px;
    }
    #tecnologia #tec_tres a.play-button img {
        height: auto;
        width: 100%;
        max-width: 310px;
    }
}

@media (max-width: 599px) {
    #tecnologia #tec_uno p {
        display: none;
    }
}

@media (max-width: 374px) {
    #landing-content section#tecnologia {
        padding-top: 40px;
        padding-right: 50px;
    }
    #tecnologia #tec_tres {
        padding-top: 30px;
    }
    #tecnologia > .row .tab button {
        font-size: 11px;
    }
    #tecnologia > .row .tab button.tab1 {
        margin-right: 10px;
        width: 80px;
    }
    #tecnologia > .row .tab button.tab2 {
        margin-right: 10px;
        width: 58px;
    }
    #tecnologia > .row .tab button.tab3 {
        width: 52px;
    }
}

@media (max-height: 579px) {
    #tecnologia .procgif {
        bottom: 0;
    }
    #tecnologia #tec_uno {
        padding-top: 50px;
    }
    #tecnologia p {
        max-width: 350px;
    }
    #tecnologia #tec_tres {
        padding-top: 0;
    }
    #tecnologia #tec_tres a.play-button img {
        max-height: 31vh !important;
        height: auto;
        max-width: 311px !important;
        width: 100% !important;
        margin-bottom: 15px;
    }
    #tecnologia #tec_tres h6, #tecnologia #tec_tres p {
        display: none;
    }
}


/* PRODUCTOS */

#landing-content section#productos {
    padding: 0;
    padding-left: 95px;
    position: relative;
}

#productos .gradiente {
    position: absolute;
    z-index: 2;
    right: 0;
    top: 0;
    height: 100%;
    width: 250px;
    background: rgb(0,0,0);
    background: -moz-linear-gradient(90deg, rgba(0,0,0,0) 0px, rgba(0,0,0,0.5) 50px, rgba(0,0,0,1) 33%);
    background: -webkit-linear-gradient(90deg, rgba(0,0,0,0) 0px, rgba(0,0,0,0.5) 50px, rgba(0,0,0,1) 33%);
    background: linear-gradient(90deg, rgba(0,0,0,0) 0px, rgba(0,0,0,0.5) 50px, rgba(0,0,0,1) 33%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}

#productos .row, #productos .col {
    padding: 0;
    margin: 0;
}

#productos .row {
    padding-right: 95px;
    display: flex;
    height: 100%;
    align-items: center;
}

#productos .row > .col {
	flex: 0 0 100%;
	max-width: 100%;
}

#productos h2 {
    font-family: "SST W01 Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 30px;
    color: #fff;
    letter-spacing: 0.46px;
    margin-bottom: 43px;
}

#productos .row .col > div.prod-4 {
    background-position: left center;
}

#productos .owl-carousel .item {
    width: 301px;
    height: 389px;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    background-size: 301px auto;
}

#productos .owl-carousel .prod-1 {
    background-image: url(../img/prod-1.jpg);
}

#productos .owl-carousel .prod-2 {
    background-image: url(../img/prod-2.jpg);
}

#productos .owl-carousel .prod-3 {
    background-image: url(../img/prod-3.jpg);
}

#productos .owl-carousel .prod-4 {
    background-image: url(../img/prod-4.jpg);
}

#productos .owl-carousel .prod-5 {
    background-image: url(../img/prod-5.jpg);
}

#productos .owl-carousel .prod-6 {
    background-image: url(../img/prod-6.jpg);
}

#productos .owl-carousel .item .texto {
    position: absolute;
    bottom: 20px;
    left: 23px;
    right: 10px;
    max-width: 255px;
    z-index: 2;
}

#productos a img.transparencia {
    position: absolute;
    top: 0;
    left: 0;
    height: 389px;
    width: 301px;
    z-index: 1;
}

#productos .owl-carousel .item .texto a {
    text-decoration: none;
}

#productos .owl-carousel .item .texto a p {
    color: #fff;
    margin: 0;
}

#productos .owl-carousel .item .texto p.serie {
    font-family: "SST W01 Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 10px;
    letter-spacing: 0.15px;
}

#productos .owl-carousel .item .texto p.slogan {
    font-family: "SST W01 Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 21px;
    letter-spacing: 0.28px;
}

#productos .owl-carousel .item .texto p i {
    font-size: 13px;
}

#productos .owl-carousel .owl-nav button {
    width: 35px;
    height: 35px;
    border-radius: 50% !important;
    border: 1px solid #979797 !important;
    opacity: 0.5;
}

#productos .owl-carousel .owl-nav button i {
    line-height: 35px;
    font-size: 10px;
}

#productos .owl-carousel .owl-nav button:focus, #productos .owl-carousel .owl-nav button:hover{
    background-color: #fff !important;
    border-color: #fff !important;
    opacity: 1!important;
}

#productos .owl-carousel .owl-nav button:focus > i, #productos .owl-carousel .owl-nav button:hover > i {
    color: #000;
}



@media (max-width: 767px) {
    #landing-content section#productos {
        padding-left: 30px;
    }
    #productos .gradiente {
        width: 70px;
        background: rgb(0,0,0);
        background: -moz-linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
        background: -webkit-linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
        background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
    }
    #productos h2 {
        padding-right: 75px;
        font-size: 30px;
    }
    #productos .owl-carousel .item {
        width: 275px;
        height: 342px;
        background-size: cover;
    }
}

@media (max-height: 549px) {
    #landing-content section#productos {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    #productos h2 {
        margin-bottom: 15px;
    }
    #productos .owl-carousel .item  {
        height: 50vh;
        background-position: left top;
    }
}


/* MODALES */

.fancybox-container .fancybox-button {
    height: 41px;
    width: 41px;
    background-image: url(../img/close-circle.png);
    background-repeat: no-repeat;
    background-position: center;
    margin: 10px 10px 0 0;
    opacity: 0.9;
}

.fancybox-container .fancybox-button:hover {
    opacity: 1;
}

.fancybox-container .fancybox-button svg {
    display: none;
}