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%);
}


.temp-top{
    font-size: 8px;
    text-transform: uppercase;
}
#logo-top .temp-top img{
    width:40px!important;
    display:inline-block;
}
.temp{
    font-weight: bold;
}

.user-btn, .newsletter-btn, .webcam-btn {
    display:inline-block;
    vertical-align: top;
    width:40px;
    height:40px;
    margin: 0 0 0 10px;
    position:relative;
}
.weather-btn {
    display:inline-block;
    vertical-align: top;
    width:40px;
    height:40px;
    margin: 0 0 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;
}
.webcam-btn::after{
    display:block;
    width:40px;
    height:40px;
    position:absolute;
    top:0;
    left:0;
    content:'';
    background-image: url(images/webcam.png);
    background-size: cover;
}
.weather-btn::after{
    display:block;
    width:40px;
    height:40px;
    position:absolute;
    top:0;
    left:0;
    content:'';
    background-image: url(images/weather.png);
    background-size: cover;
}

.temperatura-header{
    display:inline-block;
    width: 160px;
}
.temperatura-header img{
    width:40px!important;
    display:inline-block;
}
.temperatura-header .temp-top{
    font-size: 8px;
    text-transform: uppercase;
}
.temperatura-header .station{
    display:block;
    font-size: 8px;
    text-transform: uppercase;
}
.temperatura-header .temp{
    display:block;
    font-weight: bold;
}


.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%);
    }
    .orbit-controls, .orbit-previous, .orbit-next {
        display:block!important;
    }
    .orbit-previous{left: 0% !important;}
    .orbit-next{right: 0% !important;}
}
@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;
}


.config-cookies {
    position: fixed;
    bottom: 6rem;
    left: 2rem;
    z-index: 9999;
}

.config-cookies a, .config-cookies a:visited, .config-cookies a:focus {
    display: inline-block;
    width: 34px;
    height: 34px;
    margin: 0;
    background: #026CFF;
    border-radius: 50%;
    color: #fff!important;
    box-shadow: 0 0 0 10px #026CFF;
    overflow: visible;
}

.config-cookies a span {
    display: none;
    background: #026CFF;
    border-radius: 10px;
    box-shadow: 0 0 0 10px #026CFF;
    color: #fff;
    line-height: 34px;
    position: absolute;
    padding-left: 50px;
    top: 0;
    left: 0;
    font-size: 0.8rem;
    z-index: -1;
}

.config-cookies a:hover span {
    display: block;
    width: 220px;
}

#cont-avis-cookies {
    background: #fff;
    width: 100%;
    z-index: 300;
    padding: 2rem 0;
    box-shadow: 0 10px 60px 0px rgba(0, 0, 0, 0.5);
    overflow: visible;
    border-top: solid 1px #004696;
}

#avis-cookies {
    position: fixed;
    top: auto;
    right: 0;
    bottom: 160px;
    left: 0;
    overflow: visible;
    z-index: 200;
}