body{padding-top:50px;}
p{ text-align: justify!important}
.text-fix p{ text-align: center!important}
.pestanya, .pestanya p{text-align: center!important;}
#videoYT{
    position:fixed;
    z-index:99999;
    width:100%;
    height:100%;
    top:0;
    bottom:0;
    background:rgba(0,0,0,0.5);
}
#videoYT .table{
    display:table;
    width:100%;
    height: 100%;
}
#videoYT .table .tablecell{
    display:table-cell;
    vertical-align: middle;
    width:100%;
    text-align:center;
}

ul.home-video{margin: 0; padding:0; list-style: none; text-align: center; width:100%;}
ul.home-video li{display:inline-block; margin: 0 1rem;}
ul.home-video .button-home {margin:0; background: #6B9E9A; display:block;}
ul.home-video .button-home a i, ul.home-video .button-home h6{color: #fff;}

#avis-cookies{
    position: fixed;
    margin: 0;
    padding: 0;
    border: 10px solid #fff;
    border-radius: 0;
    background-color: #fff;
    color: #0a0a0a;
    widtH:100%;
    z-index: 99999;
    box-shadow: 0 0 30px #000;
}
#avis-cookies .button{
    margin: 0 10px 0 0;
    text-transform: uppercase;
}

.margin-top{margin-top:0px;}
.grid-container.general{margin-top:1rem;}

#header-print{ display:none;}

.grid-container{max-width: 79rem; position:relative;}
.grid-container.wide {max-width: 100%;}
h1,h2,h3,h4,h5,h6{font-family: 'Poppins', sans-serif;}

.toptitle{margin-bottom:1rem;
          background-color: #6B9E9A;}
.toptitle h1{padding: 0.9375rem!important; color:#fff;font-weight: bold;}

p.title-head{font-family: 'Poppins', sans-serif!important; color:#fff; background-color: #6B9E9A; box-shadow: 0 0 0px 1rem #6B9E9A;}


.grid-padding-x.no-padding > .cell {padding-right: 0;padding-left: 0;}

.grid-padding-x.no-padding > .cell .callout {border:none; margin-bottom: 0; padding: 0;}
.grid-padding-x.no-padding > .cell .callout.abonament a{padding: 1rem; display:block;}
.grid-padding-x .grid-padding-x, .grid-padding-x .grid-padding-x {margin-right: 0; margin-left: 0;}


#top-header{ background:#fff;}


.social-icons { text-align: right; font-size: 19px; line-height: 2rem;}
.social-icons a{color:#000;}
.social-icons a.fb:hover .fa{ background:#3A5A98;}
.social-icons a.tw:hover .fa{ background:#27AAE1;}
.social-icons a.yt:hover .fa{ background:#ED1C23;}
.social-icons a.ins:hover .fa{ background:#C57018;}

.fa-webcam{
    display: inline-block;
    width:18px;
    height:18px;
    line-height: 1;
}

.fa-webcam:before {
    content: "";
    background: url(../images/meteo/webcam.png);
    background-size: cover;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    vertical-align: top;;
    width:18px;
    height:18px;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

.fa-tv{
    display: inline-block;
    width:23px;
    height:23px;
    line-height: 1;
}

.fa-tv:before {
    content: "";
    background: url(images/tv-masella.png);
    background-size: cover;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    vertical-align: top;;
    width:23px;
    height:23px;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    margin-top:-1px;
}
.fa-tv-black{
    display: inline-block;
    width:26px;
    height:26px;
    line-height: 1;
}

.fa-tv-black:before {
    content: "";
    background: url(images/tv-masella-black.png);
    background-size: cover;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    vertical-align: top;;
    width:26px;
    height:26px;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    margin-left: 1px;
}

.social-icons a {font-size:115%!important;}

#idiomas {
    text-align: right;
    margin:0px;
    display: inline-block;
    width:40px;
    height: 40px;
    overflow: visible;
}
#idiomas ul{
    margin-bottom:0;
    position:absolute;
    z-index: 999;
    width:40px;
    height: 40px;
    overflow: hidden;
}
#idiomas:hover ul{
    margin-bottom:0;
    position:absolute;
    width:40px;
    height: 40px;
    overflow: visible;
}

#idiomas ul li {
    display: block;
    width:40px;
    height: 40px;
    position:absolute;
    width:40px;
    height: 40px;
}
#idiomas ul:hover li {
    display: block;
    width:40px;
    height: 40px;
    position:relative;
    width:40px;
    height: 40px;
}
#idiomas ul li a {
    display: block;
    position:absolute;
    width:40px;
    height: 40px;
    line-height: 40px;
    font-size: 0.6rem;
    background: #fff;
    text-align: center;
    color:#333;
}
#idiomas ul li a.current {
    background: #6B9E9A;
    color:#fff;
    z-index: 99999;
}
#idiomas ul li a:hover {
    background: #9AC6C8;
    color:#333;
    -webkit-transition: .25s;
    transition: .25s;
}

#fix-top{ position:fixed; z-index: 9999; width:100%; top:0; display: none;}

#nav-bottom #idiomas{width:100%; height:100%;}
#nav-bottom #idiomas ul,  #nav-bottom #idiomas ul li, #nav-bottom #idiomas ul li a{width:100%; height:100%;}
#nav-bottom #idiomas ul li a{line-height:40px; font-size: 1.5rem}
#nav-bottom #idiomas ul{bottom:0;}
#nav-bottom #idiomas ul:hover li:nth-child(2n) {
    bottom:200%;
}
#nav-bottom #idiomas ul:hover li:nth-child(3n) {
    bottom:400%;
}
#nav-bottom #idiomas ul:hover li:nth-child(4n) {
    bottom:600%;
}

.logo{max-width:100%;}

.tv_logo a img{width:90px; display:inline-block;}

.fa-tv-masella:before {
    display:block;
    width:28px;
    height:28px;
    content: "";
    background: url(images/tv_masella.svg);
    background-size:cover;
}
.button-home:hover .fab.fa-tv-masella{filter: invert(100%);}
.nav-top .button, .nav-top a{margin-bottom: 0!important;}
.fa-covid:before {
    display:block;
    width:28px;
    height:28px;
    content: "";
    background: url(images/covid.png);
    background-size:cover;
}
.button-home:hover .fa-covid{filter: invert(100%);}

.user-btn, .newsletter-btn{ display:inline-block; vertical-align: top; width:40px; height:40px; margin: 0 10px; position:relative;}
.user-btn::after{ display:block!important; width:50px!important; height:50px!important; position:absolute!important; top:-5px!important; left:0; content:''!important; background-image: url(images/user.svg)!important; background-size: cover; background-repeat: no-repeat;}
.newsletter-btn::after{ display:block; width:40px; height:40px; position:absolute; top:0; left:0; content:''; background-image: url(images/newsletter_2p.png); background-size: cover;}
.is-dropdown-submenu {z-index: 9999!important;}
.logout.top{position:relative; background: #000; color:#fff; display:inline-block; vertical-align: top; margin-left: -15px; width:40px; height:40px; text-align: center; line-height: 40px; border-radius: 50%;}
#nav-bottom .logout{position:absolute; top:-25px; right:0; background: #000; color:#fff; width:30px; height:30px; text-align: center; line-height: 30px; border-radius: 50%;}

.logout.top{ display:inline-block; vertical-align: top; width:40px; height:40px; margin: 0 10px; position:relative;}
.logout.top::after{ display:block; width:40px; height:40px; position:absolute; top:0; left:0; content:''; background-image: url(images/logout.svg); background-size: cover;}


.btn-nav {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 40px;
    height: 40px;
    cursor: pointer;
    margin: 0 10px!important;
    position:relative;
    background: transparent;
}
.btn-nav::before{display:nome;}
.btn-nav::after {display:block; width:40px; height:40px; position:absolute; top:0; left:0; content:''; background-image: url(images/nav-button.svg)!important; background-size: cover; background-color: transparent;
                 box-shadow: none!important;}



#compra-up{
    background: rgba(255,255,255,1); padding: 1rem;
    position:absolute;
    display:inline-block;
    top:10px;
    right:35px;
    box-shadow: 0 0 10px rgba(10, 10, 10, 0.7);
}


#app-up{
    background: rgba(255,255,255,1); padding: 1rem;
    position:absolute;
    display:inline-block;
    top:80px;
    left:35px;
    box-shadow: 0 0 10px rgba(10, 10, 10, 0.7);
}

.responsive-embed.widescreen.cam360, .flex-video.widescreen.cam360{padding-bottom: 38.25%; margin-bottom: 0;}

.mobile-wide{ background: #6B9E9A;}
.mobile-wide h3, .mobile-wide h5{color:#fff; text-align: right;}

.off-canvas.is-transition-overlap {
    z-index: 999999;
}

/*NAVIGATION MENU*/
.nav-menu {
    -webkit-column-break-inside: avoid;
    break-inside: avoid;
    margin-bottom: 1rem;
    text-align: left!important;
    overflow: visible;
}
.nav-menu h6 {
    text-align: center!important;
    font-weight: bold;
    color: #6B9E9A;
    margin-bottom:0;
    text-transform: uppercase;
}
.nav-menu h6 a {
    color: #6B9E9A!important;
}
.nav-menu ul{
    display:none;
    position:relative;
    left:0;
    top:0;
    width:100%;
    background: #6B9E9A;
}

.nav-menu ul::after{
    content:'';
    display:none;
}

.nav-menu:hover ul{
    display:block!important;
}


.nav-menu ul {
    margin: 0;
    padding:0;
}
.nav-menu ul ul {
    position:relative!important;
    top:auto!important;
    left:0!important;
    background: #9AC6C8;
    padding: 10px 0;
    margin-top: 10px;
}
.nav-menu ul ul::after{
    display:block;
    width:43px;
    height:10px;
    position:absolute!important;
    left:95px!important;
    top:-10px!important;
    background: #9AC6C8;
}

.nav-menu ul li {
    list-style: none;
    text-align: center;
}
.nav-menu ul li a {
    color:#fff;
    text-align: center;
    padding: 5px 0!important;
    display:block;
}

.off-canvas.is-transition-overlap {
    z-index: 999999;
    background: #fff;
    overflow: auto!important;
}
.off-canvas {background: #fff!important; overflow: visible!important;}



/*NAVIGATION*/

.top-bar, .top-bar ul, .nav-top {background-color: #fff;}
.top-bar a, .top-bar a:hover {color: #6B9E9A; text-transform: uppercase; font-size: 11px; font-family: 'Poppins', sans-serif;}
.dropdown.menu .is-active > a {color: #fff; }
.dropdown.menu > li.is-dropdown-submenu-parent > a::after {border-color: #fff transparent transparent;}
.is-dropdown-submenu {z-index: 100;}

.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #fff!important;
}

.align-center{text-align: center;}
.align-left{text-align: left;}
.align-right{text-align: right;}
.table{display:table; width:100%; height:100%}
.tablecell{display: table-cell; vertical-align: middle;}
/*.avisos-text{position:absolute; top:0px; left:0.9375rem; right:0.9375rem; z-index: 500;}*/
.video-pc{position:relative; margin-bottom: -60px; overflow: hidden;}
marquee{ 
    background: rgba(0,0,0,0.5);
    font-family: 'Poppins', sans-serif;
    color: #fff; font-size:1rem; width: 100%;overflow: hidden;
    padding:10px 0;
    margin:0 0 -8px 0!important;
}

.text-fix {
    color: #000;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 0.8em;
    text-align: center;
    overflow: hidden;
    background: rgba(255,255,255,0.8);
    display: block;
    width: 100%;
    margin:0;
    clear: both;
}


#app-top{background: #000; padding: 1rem; margin-bottom: 0;}
#app-top img{width:auto!important; float:right;}

#app-top {
    margin-top:0px;;
    animation-name:mov-down;
    animation-duration: 1s;
    overflow: hidden;
}

@keyframes mov-down {
    from {margin-top:-200px;}
    to {margin-top:0;}
}


#logo-top{display:block; position:fixed; top:0; left:0; right:0; background: #fff; z-index: 99999; padding: 0.5rem 0;}
#logo-top img{width:100%;}
#nav-bottom{display:block;background: #6B9E9A; position:fixed; bottom:0; left:0; right:0; z-index: 99999;}
#nav-bottom img{display:block; width:100%;}
#nav-bottom a.imgbtn{padding:0!important;}
#nav-bottom .dropdown.menu > li.is-dropdown-submenu-parent > a::after {display: none!important;}

.cell.left-home, .cell.right-home,
.left-home .cell, .right-home .cell
{padding:0;}

.left-home .callout, .right-home .callout{background: none; border:none;}

#box-slide{background: #6B9E9A; padding:0;}

.meteohome {
    text-align: center;
    padding: 0 0 40px 0;
    width:100%;
    background: #fff;
    position:relative!important;
    bottom:auto;
    left:auto;
    right:auto;
}

.meteo-icons {
    display:inline-block;
    padding-top: 10px;
    text-align: center;
    font-size: 0.8rem;
    font-family: 'Poppins', sans-serif;
    width:109px;
    border:solid 1px #ebebeb;
    background: rgba(255,255,255,0.6);
    padding-right: 5px!important;
    padding-left: 5px!important;
}
.meteo-icons .icon  {
    display:block;
    margin: 0.2rem auto 0 auto;
    background: rgba(255,255,255,0.6);
}
.meteo-icons .icon img  {
    width: 20%;
    display:inline-block;
    margin-bottom: 0!important;
    margin-top: 6px;
}

.meteo-icons ul {
    list-style: none;
    margin:0;
    padding: 0;
    font-size: 13px;
}
.meteo-icons ul li {
    line-height: 0.65rem;
}
.meteo-icons ul li a,
.meteo-icons .datos{
    text-align: center;
    font-size: 8px;
    text-transform: uppercase;
    color:#000;
}
#foot-fix .meteo-icons ul li a{color:#000!important;}

.meteo-icons .dropdown.button::after, .meteo-icons button.dropdown::after {
    border-color: #000 transparent transparent transparent;
}
.meteo-icons button, .meteo-icons .button, .meteo-icons button, .meteo-icons .button:hover {
    margin: 0;
    padding:0;
    font-size: 100%;
    background:none!important;
    border: none;
    transition: none;
}
.meteo-icons a {padding: 0!important;}
.meteo-icons ul a {padding: 0!important;}


.bg-abonament{ background:url(images/bg-abonament.jpg); background-size: cover; padding:0!important;}
.bg-abonament .callout{ background:rgba(255,255,255,0); padding: 0!important;}
.bg-abonament h5{ color:#000;}

.bg-allotjament{ background:url(images/bg-allotjament.jpg); background-size: contain; padding:0!important;  min-height: 350px; background-repeat: no-repeat; background-position: center center;}
.bg-allotjament div{ background: rgba(0,0,0,0.5); position:absolute; bottom:0; width:100%}
.bg-allotjament div h5{ color:#fff; padding: 0.5rem 1rem 0 1rem;}
.bg-allotjament div p{ color:#fff; padding: 0rem 1rem; font-size: 0.9rem}
.bg-allotjament div a{ color:#fff!important;}

.bg-abonament{ background:url(images/bg-abonament.jpg); background-size: cover; padding:0!important; min-height: 200px; background-position: center center;}
.bg-abonament div{ background: rgba(0,0,0,0.5); position:absolute; bottom:0; width:100%}
.bg-abonament div.tit-temporada{ width:50%!important;
                                 height:40%;
                                 background-color: rgba(255,255,255,0);
                                 background-image: url(images/tit-temporada.png);
                                 background-size:contain; 
                                 background-repeat: no-repeat;
                                 background-position: top right;
                                 position:absolute;
                                 top:0;
                                 right:0;
}
.bg-abonament div h5{ color:#fff; padding:  0.5rem 1rem 0 1rem;}
.bg-abonament div p{ color:#fff; padding: 0rem 1rem; font-size: 0.9rem}
.bg-abonament div a{ color:#fff;}

.bg-serveis{ background:url(images/bg-serveis.jpg); background-size: cover; padding:0!important; min-height: 200px;}
.bg-serveis div{ background: rgba(0,0,0,0.5); position:absolute; bottom:0; width:100%}
.bg-serveis div h5{ color:#fff; padding:  0.5rem 1rem 0 1rem;}
.bg-serveis div p{ color:#fff; padding: 0rem 1rem; font-size: 0.8rem}


.bg-anuncio{ background:#fff;     border: 1px solid rgba(10, 10, 10, 0.25); border-radius: 0; color: #0a0a0a;}
.bg-anuncio div{ background: rgba(0,0,0,0.5); position:absolute; bottom:0; width:100%}
.bg-anuncio h5{ color: #0a0a0a;; padding:  0.5rem 1rem 0 1rem; text-align: center;}
.bg-anuncio p{ color: #0a0a0a;; padding: 0rem 1rem; font-size: 0.9rem;  text-align: center;}
.bg-anuncio a{ color: #0a0a0a;;}

.bg-img-destacada{ background-size: cover; padding:0!important; min-height: 400px;}
.bg-img-destacada div{ background: rgba(0,0,0,0.5); position:absolute; bottom:0; width:100%}
.bg-img-destacada div h5{ color:#fff; padding: 0.5rem 1rem 0 1rem; text-align:center;}
.bg-img-destacada div p{ color:#fff; padding: 0rem 1rem; font-size: 0.8rem}



.banner-two{ background: red; margin-right: 0!important;margin-left: 0rem!important;}
.banner-two .callout{background: none;}
a.btnimg {text-align:center; background:rgba(255,255,255,0.7); display:block; margin: 12px 0 0 0; padding: 6px 0}
a.btnimg img {display:inline-block; width:80%; margin: 0 auto; background: transparent;}
a.btnimg:hover {background: #C8BB98;}
a.btnimg h5 {text-align:center; font-size: 13px; font-weight: 700; text-transform: uppercase; color:#000;}

.button-home{ background: #6B9E9A; padding:0.5rem 0; margin-bottom: 0; color:#fff; text-align: center; font-size:2rem;}
.button-home .fa, .button-home .fas, .button-home .fab, .button-home .far{color:#000;}
.button-home.webcam{ background: #8855a5;}
.button-home.fotos{ background: #5594a5;}
.button-home.videos{ background: #f1a445;}
.button-home.blog{ background: #43ab85;}
.button-home.pistes{ background: #8891f7;}
.button-home.app{ background: #6834BC;}
.button-home.nocturn{ background: #333;}
.button-home.allotjament{ background: #7B5548;}

.button-home h6 {color:#fff; margin-bottom: 0;padding:0; display:none;}
.button-home:hover .fa, .button-home:hover .fas, .button-home:hover .fab, .button-home:hover .far{color:#fff;}
.button-home h6:hover {color:#fff; }
.button-home:hover h6{color:#fff!important; }
.button-home img {
    width: 40px;
}

.si-movil {display:block;}
.no-movil{display:none;}

.swipervertical.custom{width:100%!important; height: 100%!important;}

.si-movil.no-height{display:block; overflow:hidden; height:auto;}

.orbit-caption{display:block!important;}
.orbit-previous {left: -3%!important;}
.orbit-next {right: -3%!important;}

button.orbit-previous, button.orbit-next {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 10;
    padding: 1rem;
    color: #fff!important;
    background: #6B9E9A!important;
    cursor:pointer!important;
}


.orbit-caption {
    position: relative;
    top: 1rem!important;
    bottom: auto!important;
    width: 68%!important;
    margin-bottom: 0;
    padding: 1rem;
    background-color: rgba(10, 10, 10, 0.5);
    color: #fefefe;
    left: 16%!important;
    right: 16%!important;
    text-align: center;
    display: none!important;
}

.bloques .pestanya .callout{text-align:center; background: #fff;}
.bloques .pestanya:nth-child(odd) .callout{text-align:center; background: #6B9E9A; color:#fff!important;}
.bloques .pestanya:nth-child(odd) a, .si-movil .top-pestanya a{color:#fff!important;}

.img-pestanya{ background-size: cover; background-position: 50% 50%; background-repeat: no-repeat;}

.top-pestanya{background: #6B9E9A; color:#fff!important; padding: 1rem 0 0 1rem; text-align: left!important; overflow: hidden;}

.top-pestanya h4{color:#fff!important; text-align: left!important; margin-bottom: 0;}
.top-pestanya p{color:#fff!important; text-align: left!important;}

.button-home:hover{background: #6B9E9A; color:#000; transition-duration: 0.5s;}
.temporada .abonament:hover{
    background: #b6d6d8;
    background: rgba(182,214,216,1);
    background: -moz-linear-gradient(top, rgba(182,214,216,1) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(182,214,216,1)), color-stop(100%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(182,214,216,1) 0%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top, rgba(182,214,216,1) 0%, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(182,214,216,1) 0%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(182,214,216,1) 0%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b6d6d8', endColorstr='#ffffff', GradientType=0 );
}
.temporada .abonament a{background: none;}
.temporada .abonament a:hover{background: none; color:#000;}


.bg-abonament h3 {font-family: 'Lobster', cursive; color:#000; margin-bottom: 0;padding:20px 0;}

.bg-webcams h4, .bg-blog h4, .bg-foto h4, .bg-video h4 {border-bottom: solid 12px orange;}

.cont-sponsors{padding-bottom: 2rem!important;}

.sponsors {
    text-align: center;
    width: 134px;
    display:inline-block;
    vertical-align: top;
}
.sponsors img  {
    display:block;
    width: 50%;
    margin: 0 auto;
}
.sponsors:nth-child(2) img  {
    display:inline-block;
    margin: 0 auto;
}

.iconname a{text-transform: uppercase; }
.iconname a i{margin-bottom:10px; }

.button.orange{background: orange; color:#000;font-family: 'Poppins', sans-serif;}
.button.purple{background: #6834BC;font-family: 'Poppins', sans-serif;}
.button.black{background: #000;font-family: 'Poppins', sans-serif;}
.button.brown{background: #7B5548;font-family: 'Poppins', sans-serif;}

.callout.alert.error {
    background-color: #ff0000!important;
    color: #fff;
}
.callout.alert.success, .callout.alert.info {
    background-color: #1ec100!important;
}

.callout.alert.error p, .callout.alert.success p, .callout.alert.info p {
    font-size:1.2rem!important;
    color:#fff;
}

.callout.noticia {
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    margin-bottom: 0;
}
.titol, .titol h6{margin:0; color:#6b9d99}
.data, .medi{ font-size:11px; text-transform: uppercase;}

.callout.news { background: #e8e8e8; margin-bottom: 0; border:none;}
.callout.news .callout { background-size:cover;}
.callout.news .noticia { background:rgba(0,0,0,0.5); padding:1rem;}
.callout.news .noticia h2, .callout.news .noticia h3,.callout.news .noticia h4, .callout.news .noticia h5, .callout.news .noticia h6{ color:#fff!important;}
.callout.news .noticia p{ color:#fff; padding-bottom: 10px;}
.callout.news .noticia a{ color:#fff!important;}
.callout.news a .no-padding:hover{box-shadow:0 0 0px 10px #6B9E9A;}

.callout.foto, .callout.video{ background-size: cover!important; padding: 0!important;}
.callout.video img { opacity: 0.1; filter: alpha(opacity=10);}
.callout.video img:hover{ opacity: 0.8; filter: alpha(opacity=80);}
.titolvideo {margin-bottom: 20px;background-color:#e3e3e3;color:#ffffff;padding:5px 10px !important;}

.callout.webcam{ background-size: 100%!important; padding: 0!important; background-position: bottom!important;}
.callout.webcam img { opacity: 0; filter: alpha(opacity=0); width:100%;}
.callout.webcam img:hover{ opacity: 1; filter: alpha(opacity=100); transition-duration: 1s;}
.callout.webcam div{ background: rgba(0,0,0,0.5); position:absolute; bottom:0; width:100%}
.callout.webcam h6{ color:#fff; padding:  0.5rem 1rem 0 1rem;}
.callout.webcam p{ color:#fff; padding: 0rem 1rem; font-size: 0.8rem}
.callout.webcam:hover div{ background: rgba(107,157,153,1); transition-duration: 1s;}

table.table-green tbody tr:nth-child(even) {background-color: #9AC6C8;}


#foot-fix{position: relative; left:0; right:0; bottom:0; background: #6B9E9A; padding:1rem 0 0px 0; z-index: 9999; }
#foot-fix a{color:#fff;}
#bottom-footer{ background: #6B9E9A; border-top:solid 1px #fff;}
#bottom-footer a{ color: #fff; padding: 2px 10px; display:inline-block; font-size: 11px; text-transform: uppercase;font-family: 'Poppins', sans-serif;}


#contacto{color:#fff; padding-bottom: 1rem;}

#registrat.reveal{background:#9AC6C8!important; border:none!important; padding-top: 20px;}
#registrat.reveal .callout{ margin-bottom: 0;}
#registrat.reveal .close-button, #registrat.reveal .close-button.medium {
    right: 0!important;
    left:0!important;
    top: 00!important;
    font-size: 2em;
    line-height: 1;
    background: #9AC6C8!important;
    color:#fff;
    display: block0!important;
}
#registrat.reveal .close-button span{
    float:right!important;
    padding: 0 10px!important;
    text-shadow:0 0 20px #000;
}

.tabs-title > a {
    display: block;
    padding: 0.5rem 2rem;
    font-size: 1rem;
    line-height: 1;
    color: #ffffff;
}

.linea.faq table thead {
    background-color: #6B9E9A;
    color: #0a0a0a;
}

.reveal-overlay {z-index: 9999!important;}

/*BARRA PROGRESO*/
.progress-indicator {
    list-style: none;
    width: 100%;
    margin: 0 auto 20px auto;
    padding: 0;
    display: table;
    table-layout: fixed;
}

.progress-indicator > li {
    position: relative;
    display: table-cell;
    text-align: center;
    font-size: 1.5em;
}

.progress-indicator > li span {
    position: relative;
    color: #e6e6e6;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    font-weight: 600;
    font-size: 0.6rem;
    letter-spacing: 0.05px;
    text-transform: uppercase;
    display:none;
}

.progress-indicator > li::before {
    content: attr(data-step);
    display: block;
    margin: 0 auto;
    background: #e6e6e6;
    width: 1.5em;
    height: 1.5em;
    text-align: center;
    margin-bottom: 0.25em;
    line-height: 1.5em;
    border-radius: 100%;
    position: relative;
    z-index: 100;
}

.progress-indicator > li::after {
    content: '';
    position: absolute;
    display: block;
    background: #e6e6e6;
    width: 100%;
    height: 0.15em;
    top: 35%;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    left: 50%;
    margin-left: 1.5em\9;
    z-index: 0;
}

.progress-indicator > li:last-child:after {
    display: none;
}

.progress-indicator > li.is-complete {
    color: #6B9E9A;
}

.progress-indicator > li.is-complete::before, .progress-indicator > li.is-complete::after {
    color: #fefefe;
    background: #6B9E9A;
}

.progress-indicator > li.is-complete span {
    color: #6B9E9A;
}

.progress-indicator > li.is-current {
    color: #4eabe9;
}

.progress-indicator > li.is-current::before {
    color: #fefefe;
    background: #6b9d99;
}

.progress-indicator > li.is-current span {
    color: #6b9d99;
}

.progress-indicator > li span.num {
    width:36px;
    height: 36px;
    display:block;
    position:absolute;
    top:0;
    margin-left:50%;
    z-index: 9999;
}
.progress-indicator > li span.num a {
    width:36px;
    height: 36px;
    display:block;
}
/*FIN BARRA PROGRESO*/

.callout.estacions div{
    background-color: #6B9E9A;
    background-image: url(images/bg-estacions.png);
    background-size: 20%;
    background-position: 4px 4px;
    background-repeat: no-repeat;}
.callout.estacions div ul{
    margin: 0;
    padding-left: 40px;}
.callout.estacions div h6 {color:#000;}
.callout.estacions div .accordion-menu .nested.is-accordion-submenu {
    margin-right: 0;
    margin-left: -38px;
    padding-left: 0px;
}
.callout.estacions div .accordion-menu .is-accordion-submenu a {
    padding: 1rem 1rem 1rem 60px;
    background-color: #fff;
    border-right:solid 2px #6B9E9A;
    border-bottom:solid 2px #6B9E9A;
    background-image: url(images/bg-estacions.png);
    background-repeat: no-repeat;
    background-position: 4px 2px;
    background-size: 15% auto;
}
td input, td select{margin:0!important;}
ul.nolist{list-style: none; margin: 0;}
ul.import{ background: #b6d6d8; margin-bottom: 1rem; padding: 1rem;}
ul.import li{ display:inline-block; vertical-align:middle; margin-right: 2rem;}
ul.import li span{ display:inline-block; vertical-align:middle;}
.preu {font-size: 2rem;}
.margin-neg{margin-left: 0; margin-right: 0;}

.wide.topheader{ padding: 0!important;}
.topheader .socials{background:#fff;}
.phones span{display:none; font-size: 19px;}
.phones, .phones .cell{padding:0!important; color:#fff;}
.phones .grid-x.grid-padding-x{ vertical-align: middle;;}
.phones a{color:#6B9E9A;}
#idiomas ul{margin: 0;}
.menu.align-center li, .menu.align-center ul {width:100%; margin: 0!important;}



.orbit-caption {
    position: relative;
    bottom: 0;
    width: 100%;
    margin-bottom: 0;
    padding: 1rem;
    background-color: rgba(10, 10, 10, 0.5);
    color: #fefefe;
}

.linea.faq {
    border: solid 1p  #bebebe;
    padding: 1rem;
    margin-bottom: 1rem;
}
.linea.faq p {
    margin: 0;
}

.panel {
    margin: 10px auto;
    padding: 0;
}
.trans {
    background: #6B9E9A;
}

.panel .button{background: #000;}

.row {
    padding-right: 0.625rem;
    padding-left: 0.625rem;
    max-width: 75rem;
    margin: 0 auto;
}

.cell .row, .panel .row {
    padding-right: 0;
    padding-left: 0;
    margin-right: -0.625rem;
    margin-left: -0.625rem;
}
.cell .panel .columns img{width:100%!important;}

.panel.verde {padding:0!important; border:5px solid #6b9d99!important;}
.panel.azul {padding:0!important; border:5px solid #2cbbc2!important;}
.panel.rojo {padding:0!important; border:5px solid #ff1616!important;}
.panel.negro{padding:0!important; border:5px solid #000000!important;}

.panel.verde {background-color: #ffffff!important;
              color: #000;
}
.panel.azul {background-color: #ffffff!important;
             color: #000;
}
.panel.rojo {background-color: #ffffff!important;
             color: #000;
}
.panel.negro {background-color: #ffffff!important;
              color: #000;
}
.panel.verde h3{ color:#fff!important; padding: 0.25rem; background: #6b9d99; margin-bottom: 0; text-align: center; font-size: 1.75rem; font-weight: bold;}
.panel.azul h3{ color:#fff!important; padding: 0.25rem; background: #2cbbc2; margin-bottom: 0; text-align: center; font-size: 1.75rem; font-weight: bold;}
.panel.rojo h3{ color:#fff!important; padding: 0.25rem; background: #ff1616; margin-bottom: 0; text-align: center; font-size: 1.75rem; font-weight: bold;}
.panel.negro h3{ color:#fff!important; padding: 0.25rem; background: #000000; margin-bottom: 0; text-align: center; font-size: 1.75rem; font-weight: bold;}
.panel.verde p, .panel.azul p, .panel.rojo p, .panel.negro p {padding: 1.35rem;line-height: 2.2rem; font-size: 1.30rem;}
.ytp-chrome-top { display: none !important;}

.large-3.columns, .small-3.columns {
    width: 25%; float:left; }
.large-4.columns, .small-4.columns {
    width: 33.33333%; float:left; }
.large-5.columns {
    width: 41.66667%; float:left; }
.large-6.columns, .small-6.columns {
    width: 50%; float:left; }
.columns.slide-home{float:left;}

.reveal#modalWebcam {
    background-color: #000!important;
    max-width: 80rem!important;
}

.transsoft {
    background: #b6d6d8;
    width: 80%;
    margin: 10px auto;
} 
.transsuave {background-color:#b6d6d8;text-align:center;}
.transsuave a {color:#333333;text-align:center;}
.transsuave a:hover {color:#ffffff;text-align:center;}
.transpadding {background-color:#6b9d99;padding:1rem 1.5rem;color:#ffffff;}
.botonverde {font-weight: bold; font-size: 1.15rem;}
.titolverd {color:#6b9d99;font-weight:bold;}
.titolverd h2 {font-size: 2rem;text-transform: uppercase;}
.taula75 {width: 75%; margin-top: 20px; margin-left: auto; margin-right: auto;font-size: 1.25rem;}
.transbotiga {padding: 10px 1rem !important; margin: 1rem 0; background-color: #9AC6C8;}
.whitebotiga {padding: 0 1rem !important; margin: 1rem 0; background-color: #ffffff;}
.txbverd {color: #6b9d99;font-weight: bold;}
.margennew {margin: 0 1rem;}
.esquinocturn {widht:100%;background-color:#07000F;padding:5px;border-radius:7px;}
.padding165 {padding: 1.65rem !important;}

.fonsallotjament {padding:1rem;background-color:#9AC6C8;color:#fff; }
.botoallotjament {margin: 0 30%;}
.botoallotjament a {margin-bottom: 0; width:100%; padding:0.5rem 0.85rem; background: #ffffff !important; color:#6b9d99;font-weight:bold;font-size:1.2rem;}
.botoallotjament a:hover {background: #6b9d99 !important; color:#ffffff;}

/*Off Canvas Menu*/

.offcanvas-full-screen {
    position: fixed;
    z-index: 1;
    transition: -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: #000;
    top: 0;
    left: 18%;
    width: 64%;
    height: auto;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
}

.js-off-canvas-overlay {background: rgba(254, 254, 254, 0)!important;}


[data-whatinput='mouse'] .offcanvas-full-screen {
    outline: 0;
}

.offcanvas-full-screen.is-transition-overlap {
    z-index: 1000;
}

.offcanvas-full-screen.is-transition-overlap.is-open {
    box-shadow: 0 10px 10px rgba(10, 10, 10, 0.7);
}

.offcanvas-full-screen.is-open {
    top: 36px;
    left: 18%;
    width:64%;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}

.offcanvas-full-screen.is-open ~ .off-canvas-content {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
}

.offcanvas-full-screen.is-transition-push::after {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 1px;
    box-shadow: 0 0 10px rgba(10, 10, 10, 0.7);
    content: " ";
}

.offcanvas-full-screen.is-transition-overlap.is-open ~ .off-canvas-content {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.offcanvas-full-screen-inner {
    padding: 1rem;
    text-align: center;
}

.offcanvas-full-screen-menu {
    margin: 0;
    list-style-type: none;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.offcanvas-full-screen-menu > li {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

[data-whatinput='mouse'] .offcanvas-full-screen-menu > li {
    outline: 0;
}

.offcanvas-full-screen-menu > li > a {
    display: block;
    padding: 0.7rem 1rem;
    line-height: 1;
}

.offcanvas-full-screen-menu input,
.offcanvas-full-screen-menu select,
.offcanvas-full-screen-menu a,
.offcanvas-full-screen-menu button {
    margin-bottom: 0;
}

.offcanvas-full-screen-menu > li {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.offcanvas-full-screen-menu > li > a {
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.offcanvas-full-screen-menu a {
    color: #fefefe;
}

.offcanvas-full-screen-menu a:hover {
    color: #b2b2b2;
}

.offcanvas-full-screen-close {
    color: #fefefe;
    font-size: 5rem;
    cursor: pointer;
}

.offcanvas-full-screen-close:hover {
    color: #b2b2b2;
}
.callout.canvas{ background: linear-gradient(to bottom right, #000, #333)!important; text-align:left; border-top:solid 2px #fff;}
.callout.canvas ul{list-style:none; margin: 0!important; padding: 0 0 0 0!important; text-align: left;}
.callout.canvas ul li{padding: 10px!important;  }
.callout.canvas a{position: relative; color:#fff;display:block; padding: 0 5px;}
.callout.canvas a:hover{color:#fff; background: #5CB6FF; box-shadow:0 0 0 5px #5CB6FF; transition-duration: 0.5s;}

.js-off-canvas-overlay {z-index: 0!important;}

.callout.canvas .accordion {background: none!important;}
.callout.canvas .accordion-title {
    position: relative;
    display: block;
    padding: 6px 0!important;
    border: none!important;
    font-size: inherit!important;
    line-height: 1;
    color: #fff;
}
.callout.canvas .accordion-item .accordion-title:focus{background:none;}


.callout.canvas .accordion-item  .accordion-title:hover,
.callout.canvas .accordion-item.is-active .accordion-title:hover{color:#fff; background: #5CB6FF; box-shadow:0 0 0 5px #5CB6FF;}


.callout.canvas .accordion .accordion-title::before {
    position: absolute;
    top: 50%;
    right: 1rem;
    margin-top: -0.5rem;
    content: '+';
    color:#fff!important;
    display:block!important
}
.callout.canvas .accordion .is-active > .accordion-title::before {
    content: '\2013';
}
.callout.canvas .accordion-content .accordion .accordion-title::before {
    display:none!important;
}

.callout.canvas .accordion-content {
    display: none;
    padding: 0!important;
    border: none!important;
    border-bottom: 0;
    background: linear-gradient(to bottom right, #000, #333)!important;
    color: #fff!important;
}
.callout.canvas .accordion-content ul {
    margin: 0!important;
    padding: 0!important;
}
.columnas{
    column-count: 3; /* número de columnas */
    column-rule: 3% outset #999999; /* separación de columnas */
}

.orbit-controls, orbit-previous, .orbit-next {display:none!important;}

.control_nav{display:none!important;}


@media print, screen and (max-width: 64em){
    .orbit-caption{display:none!important;}
    .orbit-previous {left: 0!important;}
    .orbit-next {right: 0!important;}

    .offcanvas-full-screen {
        position: fixed;
        z-index: 1;
        transition: -webkit-transform 0.3s ease-in-out;
        transition: transform 0.3s ease-in-out;
        transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        background: #0a0a0a;
        top: 0;
        left: 0;
        width: 100%;
        height:100%;
        overflow-y: auto;
    }
    .offcanvas-full-screen.is-open {
        top: 0;
        left: 0;
        width: 100%;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    .columnas{
        column-count: 1; /* número de columnas */
        column-rule: 0 outset #999999; /* separación de columnas */
    }
}

/* FIN OFF Canvas*/

/*Responsive TABLE*/
.responsive-card-table {
    border-collapse: collapse;
}

.responsive-card-table.unstriped tbody {
    background-color: transparent;
}

.responsive-card-table th {
    background-color: #b6d6d8;
}

.responsive-card-table tr,
.responsive-card-table th,
.responsive-card-table td {
    border: 1px solid #a1c3de;
}

.responsive-card-table td.total{
    padding:0;
}

/*PISTAS*/
#fondo-pistas{ 
    background-image: url(images/fondo-pistas.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}
#fondo-pistas-nit{ 
    background-image: url(images/fondo-pistas-nit.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}
#fondo-pistas div, #fondo-pistas-nit div{ 
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
}
#fondo-pistas div img, #fondo-pistas-nit div img{ 
    width:100%;
}
/*FIN PISTAS*/

td.td-first{background: #eee;}
td.col-first{background: #afafaf; text-align:center;}

@media screen and (max-width: 1024px) {
    .responsive-card-table {

    }
    .responsive-card-table thead tr {
        position: absolute;
        top: -9999em;
        left: -9999em;
    }
    .responsive-card-table tr {
        border: 1px solid #0a0a0a;
        display: block;
        margin-bottom:10px;
    }
    .responsive-card-table tr.formulari {
        border: 1px solid #0a0a0a;
        display: inline-block!important;
        margin-bottom:10px;
        width: 32%!important;
        vertical-align: top;
        margin: 0 5px;
    }
    .responsive-card-table tr.formulari-2 {
        border: 1px solid #0a0a0a;
        display: inline-block!important;
        margin-bottom:10px;
        width: 48%!important;
        vertical-align: top;
        margin: 0 5px;
    }
    .responsive-card-table tr + tr {
        margin-top: 1.5rem;
    }
    .responsive-card-table td {
        border: none;
        display: block;
        -webkit-justify-content: block;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        border-bottom: 1px solid #0a0a0a;
        padding-left: 10px;
        position: relative;
    }
    .responsive-card-table td:before {
        content: attr(data-label);
        display: block;
        font-weight: bold;
        line-height: 1.6;
        position: relative;
        z-index: 1;
        text-transform: uppercase;
        color: #6B9E9A;
    }
    /*.responsive-card-table td:after {
        content: '';
        position: absolute;
       background: #a0d5ff;
        width: 45%;
        height: 95%;
        left: 1px;
        top: 1px;
        z-index: 0;
    }*/
    .responsive-card-table td.total:after {
        display:none;
    }
    .responsive-card-table td.total{
        padding:0!important;
    }
    .responsive-card-table td.total:before {
        content: attr(data-label);
        display: none;
    }
    .responsive-card-table td.hidden{display:none;}
    .responsive-card-table td.total ul.import{display:block;margin:0; width:100%;}
    .responsive-card-table td.total ul.import li{display:block;margin:0; width:100%}
}
/*FIN Responsive TABLE*/

.callout.prev-meteo{background: #6B9E9A; text-align: center; padding: 0; margin: 0;}
.callout.prev-meteo img{max-width: 50%!important;}
.prediccio .cell{padding:0;}
.callout.date{background: #e8e8e8;}
.callout.date h5{text-align:center;}
.callout.prev-meteo .time{background: #1b5584; text-align: center; font-weight:bold; padding: 1rem; color:#fff;}
.callout.prev-meteo .estatcel{text-align: center; padding: 1rem 1rem 0 1rem;}
.callout.prev-meteo .icon{text-align: center; padding: 0 1rem;}
.callout.prev-meteo .precipitacio{text-align: center; padding: 1rem 1rem 0 1rem;background: #1b5584; color:#fff;}
.callout.prev-meteo .percent{text-align: center; padding: 0 1rem 1rem 1rem; background: #1b5584; color:#fff; font-weight:bold;}
.callout.prev-meteo .percent h5{font-weight:bold; margin: 0;}                                      

.comprador h5{border-bottom:solid 1px #ccc;}
.hidden{display:none;}
#navpage-secondary ul{margin:0;}
a.aChangeSetUser{font-size: 1.5rem;}

#navpage-secondary {
    visibility: visible;
    display: block;
    z-index: 200;
    position: relative;
    width: 180px;
    padding-top: 16px;
    height: 110%;
    left: 0px!important;
    background: #181818;
    color: #DDD;
    font-size: 120%;
}
#box-canvas{
    position:absolute;
    left:-180px;
    margin: auto;
    width:180px;
    height:100%;
    transition: .4s;
}
.button.show-box{
    position:absolute;
    right:-43px;
    top:58px;
    z-index: 999;
    display:block;
}
#navpage-content {
    padding-left: 0px;
    left: 0px!important;
}

.navbar-static-top {z-index: 10;}
.pagination span.page a, .pagination span.next a,
.pagination span.first a, .pagination span.previous a, .pagination span.last a{display: inline-block!important;}


.right-home{background: #6B9E9A;}
.left-home {width: 50%!important;}
.left-home .medium-12 {width: 25%;}
.right-home {width: 50%!important;background: #6B9E9A!important;}
.right-home .medium-12 {width: 25%;}


.padding-mobile {padding-right: 0; padding-left: 0;}

.ofertas{ text-align:center; margin:0; padding:0;}
.ofertas li{ display:inline-block; width: 32%; padding: 0.625rem;}
td .button{margin-bottom: 0;}

.chat{position:absolute; right:0.8rem; bottom:60px; width:4rem; height:4rem; background: #50CC6C; color:#fff; border-radius: 80px; z-index: 9999; font-size:3rem; text-align: center; vertical-align: middle; box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);}
.chat i{color:#fff; font-size:3rem; line-height: 4rem; vertical-align: top;}
.chat a{color:#fff;}

@media print, screen and (min-width: 40em){
    .margin-top{margin-top:100px;}
    body{padding-top:0;}
    .padding-mobile {padding-right: 0.9375rem; padding-left: 0.9375rem;}

    #fix-top{display:block;}
    #logo-top, #nav-bottom{display:none;}
    ul.home-video{margin: 0; padding:0; list-style: none; text-align: center; width:100%;}
    ul.home-video li{display:inline-block; margin: 0 2rem;}
    ul.home-video .button-home {margin:0; background: #6B9E9A; display:block;}
    ul.home-video .button-home a i, ul.home-video .button-home h6{color: #fff;}
    .right-home{background: transparent;}
    .si-movil{display:none;}
    .no-movil{display:block;}
    .si-movil.no-height{display:none!important; overflow:hidden; height:0;}
    .mobile-wide{ background: #fff;}
    .mobile-wide h3, .mobile-wide h5{color:#000; text-align: right;}
    .text-fix {margin-top: 0; }
    .grid-container.general{margin-top:145px;}
    .reveal {width: 100%!important; max-width: 75rem;}
    h1, .h1 {font-size: 2.2rem!important;}
    .bg-abonament div.tit-temporada{ width:50%!important;height:60%; top:70px;}
    .fa-tv-masella:before {width:32px;height:32px;}
    .fa-covid:before {width:32px;height:32px;}
    .margin-neg{margin-left: -0.9375rem!important; margin-right: -0.9375rem!important;}


    .off-canvas.is-transition-overlap {
        z-index: 999999;
        background: #fff;
        overflow: visible!important;
    }
    .nav-menu ul{
        display:none!important;
        position:absolute!important;
        left:-100%!important;
        top:-20px!important;
        width:100%;
        background: #6B9E9A;
        z-index: 99999;}

    .nav-menu ul::after{
        content:'';
        display:block;
        width:10px;
        height:43px;
        position:absolute!important;
        right:-10px!important;
        top:10px!important;
        background: #6B9E9A;
    }
    .nav-menu ul ul {
        display:none!important;
        position:absolute!important;
        top:-20px!important;
        left:-100%!important;
        background: #9AC6C8;
        padding: 10px 0;
    }
    .nav-menu ul li{
        position:relative!important;
    }
    .nav-menu:hover ul ul{
        display:none!important;
    }
    .nav-menu ul li:hover ul {
        display:block!important;
        position:absolute!important;
        top:-20px!important;
        left:-100%!important;
        background: #9AC6C8;
        padding: 10px 0;
    }
    .nav-menu ul ul::after{
        display:block;
        width:10px;
        height:34px;
        position:absolute!important;
        left:100%!important;
        top:10px!important;
        background: #9AC6C8;
        z-index: 999999;
    }
    .meteohome {
        text-align: center;
        padding: 0;
        width:100%;
        background: #fff;
        position:fixed!important;
        bottom:0;
        left:0;
        right:0;
        z-index:9999;
    }
    #foot-fix{padding:1rem 0 190px 0;}
    .transbotiga {padding: 2rem 1rem !important; margin: 1rem 0; background-color: #9AC6C8;}
    .whitebotiga {padding: 0 1rem !important; margin: 1rem 0; background-color: #ffffff;}
    .transsoft {background: #b6d6d8;width: 75%;margin: 30px auto;}
    #bottom-footer a{ padding: 10px 10px;}

    .ofertas{ text-align:center; margin:0; padding:0;}
    .ofertas li{ display:inline-block; width: 16.66667%; padding: 0.9375rem;}
   
    .progress-indicator > li span {display: block; transform: translateX(0%);}

}
@media print, screen and (min-width: 64em){
    .margin-top{margin-top:119px;}
    .left-home {width: 16.66667%!important;}
    .left-home .medium-12 {width: 100%;}
    .right-home {width: 16.66667%!important; background: transparent!important;}
    .right-home .medium-12 {width: 100%;}
    .cell.no-movil{display:block;}
    .button-home{ background: rgba(255,255,255,0.9); padding:1rem;font-size:2rem;}
    #box-canvas{
        position:absolute;
        left:0px;
        margin: auto;
        width:180px;
        height:100%;
        transition: .4s;
    }

    #navpage-content {
        padding-left: 0px;
        left: 180px!important;
    }



    
    #box-slide{position:absolute; width:100%; z-index:0;}
    .phones span{display:inline-block;}
    .topheader .socials{background:none;}
    .menu.align-center li {display: -ms-flexbox;display: flex;}
    .menu.align-center li, .menu.align-center ul {width:auto; margin: 0!important;}
    .orbit-caption {position: absolute;}
    .text-fix {font-size: 1.3em;}
    marquee {font-size: 1.5rem;}

    .left-home .cell, .right-home .cell {
        padding-right: 0.9375rem;
        padding-left: 0.9375rem;
        padding-top: 0.9375rem;
        padding-bottom: 0.9375rem;
    }

    .button-home{ background: rgba(255,255,255,0.9); padding:0.2rem 1rem; font-size:2rem;}
    .button-home img{width: 36px;}
    .button-home .fa, .button-home .fas, .button-home .fab, .button-home .far{color:#000;}

    .columns.slide-home{float:right!important;}
    .columns.right-home{float:right!important;}

    /*ROWS y COLUMNS*/
    .row {
        max-width: 79rem;
        margin-right: auto;
        margin-left: auto; }
    .row.wide {max-width: 100%;}
    .row::before, .row::after {
        display: table;
        content: ' ';
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-order: 1;
        order: 1; }
    .row::after {
        clear: both; }
    .row.collapse > .column, .row.collapse > .columns {
        padding-right: 0;
        padding-left: 0; }
    .row .row {
        margin-right: -0.9375rem;
        margin-left: -0.9375rem; }

    .row .row.collapse {
        margin-right: 0;
        margin-left: 0; }
    .row.expanded {
        max-width: none; }
    .row.expanded .row {
        margin-right: auto;
        margin-left: auto; }
    .row:not(.expanded) .row {
        max-width: none; }

    .column, .columns {
        float: left;
        padding-right: 0.9375rem;
        padding-left: 0.9375rem; }
    .column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
        float: right; }
    .column.end:last-child:last-child, .end.columns:last-child:last-child {
        float: left; }

    .column.row.row, .row.row.columns {
        float: none; }

    .row .column.row.row, .row .row.row.columns {
        margin-right: 0;
        margin-left: 0;
        padding-right: 0;
        padding-left: 0; }



    .small-collapse > .column, .small-collapse > .columns {
        padding-right: 0;
        padding-left: 0; }

    .small-collapse .row {
        margin-right: 0;
        margin-left: 0; }

    .expanded.row .small-collapse.row {
        margin-right: 0;
        margin-left: 0; }

    .small-uncollapse > .column, .small-uncollapse > .columns {
        padding-right: 0.9375rem;
        padding-left: 0.9375rem; }

    .large-1.columns {
        width: 8.33333%; }
    .large-2.columns {
        width: 16.66667%; }
    .large-3.columns{
        width: 25%; }
    .large-4.columns{
        width: 33.33333%; }
    .large-5.columns {
        width: 41.66667%; }
    .large-6.columns{
        width: 50%; }
    .large-7.columns {
        width: 58.33333%; }
    .large-8.columns {
        width: 66.66667%; }
    .large-9.columns {
        width: 75%; }
    .large-10.columns {
        width: 83.33333%; }
    .large-11.columns {
        width: 91.66667%; }
    .large-12.columns {
        width: 100%; }
    /*FIN ROWS y COLUMNS*/
    .no-movil{display:block;}
    .button-home .fa, .button-home .fas, .button-home .fab, .button-home .far{color:#000;}

}

@media screen and (max-width: 640px) {
    .progress-indicator > li span {display:none;}
    .progress-indicator > li::after {top: 50%;}
}

@media print, screen and (min-width: 74em){
    #box-slide{position:absolute; width:100%; z-index:0;}
    .no-movil{display:block;}
    .button-home {margin-bottom: 0.5rem; padding: 0.5rem 1rem; font-size: 1rem;}
    .button-home h6 {display:block; color:#000;}
    .button-home .fa, .button-home .fas, .button-home .fab, .button-home .far{color:#000;}
    .fa-tv-masella:before {width:20px;height:20px;
                           .fa-covid:before {width:20px;height:20px;}
    }
    #foot-fix{padding:1rem 0 95px 0;}
}
@media screen and (min-width: 1800px) {
    #box-slide {
        position: absolute;
        width: 100%;
        z-index: -1;
    }

    .button-home {margin-bottom: 1.3rem; padding: 1rem 1rem; font-size: 2rem;}
    .fa-tv-masella:before {width:36px;height:36px;}
    .fa-covid:before {width:36px;height:36px;}
}


/*TABLET*/
@media (min-width: 768px) and (max-width: 1024px) {
    .toptitle h1 {padding: 0 0.9375rem!important; font-size: 1.7rem!important;}
    .progress-indicator > li span{display:none!important;}
    .progress-indicator > li::after {top: 50%;}
    ul.nolist li img {max-width: 80px; float: right;}
    form h3 {font-size: 1.5rem!important;}
    .responsive-card-table [type='text']{display: inline-block;}
    ul.import {padding:0 1rem!important;}
    .form-group input{margin-bottom: 0!important;}
}

/*WTP*/
.wtpError {
    background-color: red!important;
}
.wtpValid {
    background-color: green!important;
}

.ytp-gradient-top, .ytp-chrome-top.ytp-show-cards-title{display:none!important;}

.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 70px!important;
    left: 0;
    width: 100%;
}

@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
and (-webkit-min-device-pixel-ratio: 1) {

    #compra-up{
        background: rgba(255,255,255,1); padding: 0.5rem;
        position:absolute;
        display:inline-block;
        top:10px;
        right:35px;
        box-shadow: 0 0 10px rgba(10, 10, 10, 0.7);
        font-size: 12px!important;
        text-align: center!important;
    }
    #compra-up a, #compra-up select{font-size: 12px!important;}
    #compra-up h5{font-size: 13px!important;}

    .pestanya, pestanya p, .pestanya h5{text-align: center!important;}
    .pestanya, pestanya p {font-size:13px; line-height: 15px;}
    .pestanya h5 {font-size:15px; line-height: 16px;}


    .meteo-icons {
        display:inline-block;
        padding-top: 10px;
        text-align: center;
        font-size: 0.5rem;
        font-family: 'Poppins', sans-serif;
        width:9%;
        border:solid 1px #ebebeb;
        background: rgba(255,255,255,0.6);
        padding-right: 2px!important;
        padding-left: 2px!important;
    }
    .meteo-icons .icon  {
        display:block;
        margin: 0.2rem auto 0 auto;
        background: rgba(255,255,255,0.6);
    }
    .meteo-icons .icon img  {
        width: 20%;
        display:inline-block;
        margin-bottom: 0!important;
        margin-top: 6px;
    }

    .meteo-icons ul {
        list-style: none;
        margin:0;
        padding: 0;
        font-size: 7px;
    }
    .meteo-icons ul li {
        line-height: 0.65rem;
    }
    .meteo-icons ul li a,
    .meteo-icons .datos{
        text-align: center;
        font-size: 7px;
        text-transform: uppercase;
        color:#000;
    }

    #foot-fix{padding: 1rem 0 90px 0;}
    #foot-fix, #foot-fix a{font-size: 11px!important;}
    #foot-fix .cell{padding:0!important;}

    .text-fix{font-size:2rem!important;}
}

.pestanya {min-height: 286px!important;}