@font-face {
    font-family: 'Futura PT';
    src: url('../fonts/futuraptboldoblique-webfont.eot');
    src: url('../fonts/futuraptboldoblique-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/futuraptboldoblique-webfont.woff2') format('woff2'),
         url('../fonts/futuraptboldoblique-webfont.woff') format('woff'),
         url('../fonts/futuraptboldoblique-webfont.ttf') format('truetype'),
         url('../fonts/futuraptboldoblique-webfont.svg#futuraptbold_italic') format('svg');
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: 'Futura PT';
    src: url('../fonts/futuraptbook-webfont.eot');
    src: url('../fonts/futuraptbook-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/futuraptbook-webfont.woff2') format('woff2'),
         url('../fonts/futuraptbook-webfont.woff') format('woff'),
         url('../fonts/futuraptbook-webfont.ttf') format('truetype'),
         url('../fonts/futuraptbook-webfont.svg#futuraptregular') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Futura PT';
    src: url('../fonts/futuraptdemi-webfont.eot');
    src: url('../fonts/futuraptdemi-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/futuraptdemi-webfont.woff2') format('woff2'),
         url('../fonts/futuraptdemi-webfont.woff') format('woff'),
         url('../fonts/futuraptdemi-webfont.ttf') format('truetype'),
         url('../fonts/futuraptdemi-webfont.svg#futuraptdemi') format('svg');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Alley Oop';
    src: url('../fonts/alley-oop-webfont.eot');
    src: url('../fonts/alley-oop-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/alley-oop-webfont.woff2') format('woff2'),
         url('../fonts/alley-oop-webfont.woff') format('woff'),
         url('../fonts/alley-oop-webfont.ttf') format('truetype'),
         url('../fonts/alley-oop-webfont.svg#alleyoopregular') format('svg');
    font-weight: 700;
    font-style: normal;
}

body{
    font-family: 'Futura PT';
}
body, input, textarea {
    -webkit-font-smoothing: subpixel-antialiased;
}

.header__logo-image {
    vertical-align: middle;
    height: 145px;
    width: 200px;
    background: url(../images/jovasummerpartylogo.png) no-repeat center center;
}

header#header {
    height: 100px;
    line-height: 100px;
    z-index: 9;
    position: relative;
    background: white;
}
.header__region {
    clear: none;
    width: 100%;
    position: absolute;
    width: 100%;
    line-height: 100px;
    height: 100px;
    left: 0;
    z-index: 1;
}
header#header .padding-header {
    padding: 30px 60px;
    position: relative;
    float: left;
    width: 100%;
}

#main {
    padding-top: 0;
    position: relative;
    
}

div#wrapper {
    width: 100%;
    padding: 60px 60px;
    float: left;
    width: 100%;
    border-bottom: 3px solid black;
}
div#page {
	z-index: 2;
	position: relative;
	background: white;
	float: left;
	width: 100%;

}

div#beachradiomobile{
    display: none;
}

#sidr-toggle-right {
    float: right;
    position: relative;
    width: 36px;
    height: 36px;
    z-index: 9;
    color: black;
    margin-left: 20px;
    padding: 0;
    margin-top: 32px;
}
#sidr-toggle-right i.fa.fa-search:hover{
    background: #f4ea10;
}
.arrow-left{
    top: 70px;
}

#sidr-toggle-right i.fa.fa-search {
    float: right;
    line-height: 30px;
    font-size: 20px !important;
    text-align: center;
    width: 29px;
    height: 30px;
    background: white;
}
.beach-grid  .view-content {
    margin: 0 -1% 0 !important;
}
.front .beach-grid.masonry-grid{
    width: 102%;
}
.beach-grid .views-row{
    border: 3px solid black;
    width: 23%;
    margin: 1%;
}
.beach-grid.grid{
    padding: 0 !important;
}

.beach-grid{
    margin-bottom: 120px;   
}
.beach-grid.last-grid{
    margin-bottom: 0px;   
}

/*
#FE1A33 0
#FF8C00 25%
#F4EA10 50%
#00FF64 75%
#00BEFF 100%
    
*/
div#page{
    background: -moz-linear-gradient(top, #b3cdb2 0, #d1cfa8 25%, #e2b675 50%, #e37b3c 75%,#81363a 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #b3cdb2 0, #d1cfa8 25%, #e2b675 50%, #e37b3c 75%,#81363a 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #b3cdb2 0, #d1cfa8 25%, #e2b675 50%, #e37b3c 75%,#81363a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    /*background: linear-gradient(to bottom, #FE1A33 0, #FF8C00 25%, #F4EA10 50%, #00FF64 75%,#00BEFF 100%);*/
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3232', endColorstr='#159df2',GradientType=0 ); /* IE6-9 */
}
body{
    background: #f4ea10;
}
.last-video-front,header#header{
    background: none;
}
div#main{
    background: none !important;
}
.divisor{
    display: none;
}
div#block-views-channel-menu-block {
    position: relative;
    width: 100%;
    height: 102px;
    line-height: 102px;
    float: left;
    z-index: 1;
    background: #328dfc;
    background: -moz-linear-gradient(left, #FE1A33 0, #FF8C00 25%, #F4EA10 50%, #00FF64 75%,#00BEFF 100%);
    background: -webkit-linear-gradient(left, #FE1A33 0, #FF8C00 25%, #F4EA10 50%, #00FF64 75%,#00BEFF 100%);
    background: linear-gradient(to right, #FE1A33 0, #FF8C00 25%, #F4EA10 50%, #00FF64 75%,#00BEFF 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#328dfc', endColorstr='#2ef7e6',GradientType=1 );
    border-top: 3px solid black;
    border-bottom: 3px solid black;
}


div#block-views-channel-menu-block .view.view-channel-menu .views-row {
    float: left;
    width: 25%;
    height: 96px;
    line-height: 96px;
    position: relative;
    border-right: 3px solid black;
    overflow: visible;
}
div#block-system-main-menu ul.menu li a, .user-menu .btn{
    height: 36px;
    line-height: 32px;
    padding: 0 10px;
    font-style: normal !important;
    letter-spacing: 0.5px;
}
div#block-system-main-menu ul.menu li a:hover, div#block-system-main-menu a.menu__link.active, .user-menu a:hover, .user-menu a.active, .profile-menu ul li a.line-bar, .user-menu .btn:hover {
    background: #f4ea10;
}
body:not(.section-shows) .beach-grid .description p {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.beach-grid .views-row.show-pattern .group-view-two{
    background-image: url(../images/jovabeachparty/bg_show.svg);
    background-repeat: repeat;
    background-position: center center;    
}
div#block-views-channel-menu-block .view.view-channel-menu .views-row.pattern-music,.channel-music .group-view-two{
    background-image: url(../images/jovabeachparty/bg_music.svg);
    background-repeat: repeat;
    background-position: center center;
}
div#block-views-channel-menu-block .view.view-channel-menu .views-row.pattern-music:hover .link-channel-new a,
div#block-views-channel-menu-block .view.view-channel-menu .views-row.pattern-music .link-channel-new a.active{
    background: #FF5319;
}
div#block-views-channel-menu-block .view.view-channel-menu .views-row.pattern-backstage,.channel-backstage .group-view-two{
    background-image:  url(../images/jovabeachparty/bg_backstage.svg);
    background-position: center center;
    background-repeat: repeat;
}
div#block-views-channel-menu-block .view.view-channel-menu .views-row.pattern-backstage:hover .link-channel-new a,
div#block-views-channel-menu-block .view.view-channel-menu .views-row.pattern-backstage .link-channel-new a.active{
    background: #FABB08;
}
div#block-views-channel-menu-block .view.view-channel-menu .views-row.pattern-talk,.channel-talk .group-view-two{
    background-image:  url(../images/jovabeachparty/bg_talk.svg);
    background-position: center center;
    background-repeat: repeat;
}
div#block-views-channel-menu-block .view.view-channel-menu .views-row.pattern-talk:hover .link-channel-new a,
div#block-views-channel-menu-block .view.view-channel-menu .views-row.pattern-talk .link-channel-new a.active{
    background: #7AF53A;
}
div#block-views-channel-menu-block .view.view-channel-menu .views-row.pattern-fun,.channel-fun .group-view-two{
    background-image:  url(../images/jovabeachparty/bg_fun.svg);
    background-position: center center;
    background-repeat: repeat;
}
div#block-views-channel-menu-block .view.view-channel-menu .views-row.pattern-fun:hover .link-channel-new a,
div#block-views-channel-menu-block .view.view-channel-menu .views-row.pattern-fun .link-channel-new a.active{
    background: #00DFB1;
}
div#block-views-channel-menu-block .view.view-channel-menu .views-row:last-child{
    border-right: 0px solid black;
}
a.btn.active {
    background: #f4ea10;
}
.box-channel {
    padding-top: 22px;
}
.link-channel-new {
    text-align: center;
    line-height: normal;
}
.link-channel-new a {
    line-height: normal;
    height: auto;
}



.view.view-novit-home.view-id-novit_home {
    padding: 0;
}
.view.view-novit-home.view-id-novit_home .view-content {
   width: 100%;
   position: relative;
   display: inline-block;
   height: auto;
}

/*
.beach-grid .views-row.slick-slide{
    margin: 10px !important;
}
*/
.beach-grid .views-row:hover .group-view-two{
    background-color: transparent;
}
.beach-grid .views-row:hover  a.play-btn .btn {
    background: #f4ea10;
}
.beach-grid .views-row:hover .group-view-two::before{
    content: '';
    width: 100%;
    height: 100%;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    background: -moz-linear-gradient(left, #FE1A33 0, #FF8C00 25%, #F4EA10 50%, #00FF64 75%,#00BEFF 100%);
    background: -webkit-linear-gradient(left, #FE1A33 0, #FF8C00 25%, #F4EA10 50%, #00FF64 75%,#00BEFF 100%);
    background: linear-gradient(to right, #FE1A33 0, #FF8C00 25%, #F4EA10 50%, #00FF64 75%,#00BEFF 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#328dfc', endColorstr='#2ef7e6',GradientType=1 );  
}

.front .view-id-shows{
    margin: 0;
}

/* prova testo 3d */

.beach-grid .view-header{
    text-align: center;
}
.vintage__container {
  display: inline-block;
  margin: 0 auto 0;
  top: 12px;
  position: relative;
  z-index: 1;
}

.vintage {
    font-size: 110px;
    line-height: 120px;
    letter-spacing: 10px;
    line-height: 1;
    margin: 0;
    position: relative;
    font-family: 'Alley Oop';
    -webkit-text-stroke: 3px black;
    transform: skewX(-2deg) skewY(-10deg);
    color: white;

}

.vintage__top {
  background: white;
  -webkit-background-clip: text;
  background-clip: text;
  z-index: 1;
  text-shadow: 1px 0px 0px rgba(0,0,0,1), 2px 1px 0px rgba(0,0,0,1), 3px 2px 0px rgba(0,0,0,1), 4px 3px 0px rgba(0,0,0,1), 5px 4px 0px rgba(0,0,0,1), 6px 5px 0px rgba(0,0,0,1), 7px 6px 0px rgba(0,0,0,1), 8px 7px 0px rgba(0,0,0,1), 9px 8px 0px rgba(0,0,0,1), 10px 9px 0px rgba(0,0,0,1), 11px 10px 0px rgba(0,0,0,1), 12px 11px 0px rgba(0,0,0,1), 13px 12px 0px rgba(0,0,0,1), 14px 13px 0px rgba(0,0,0,1), 15px 14px 0px rgba(0,0,0,1), 16px 15px 0px rgba(0,0,0,1), 17px 16px 0px rgba(0,0,0,1), 18px 17px 0px rgba(0,0,0,1), 19px 18px 0px rgba(0,0,0,1), 20px 19px 0px rgba(0,0,0,1), 21px 20px 0px rgba(0,0,0,1), 22px 21px 0px rgba(0,0,0,1), 23px 22px 0px rgba(0,0,0,1), 24px 23px 0px rgba(0,0,0,1), 25px 24px 0px rgba(0,0,0,1), 26px 25px 0px rgba(0,0,0,1), 27px 26px 0px rgba(0,0,0,1), 28px 27px 0px rgba(0,0,0,1), 29px 28px 0px rgba(0,0,0,1);

}

.vintage__bot {
    display: none;
    text-shadow: 1px 0px 0px rgba(0,0,0,1), 2px 1px 0px rgba(0,0,0,1), 3px 2px 0px rgba(0,0,0,1), 4px 3px 0px rgba(0,0,0,1), 5px 4px 0px rgba(0,0,0,1), 6px 5px 0px rgba(0,0,0,1), 7px 6px 0px rgba(0,0,0,1), 8px 7px 0px rgba(0,0,0,1), 9px 8px 0px rgba(0,0,0,1), 10px 9px 0px rgba(0,0,0,1), 11px 10px 0px rgba(0,0,0,1), 12px 11px 0px rgba(0,0,0,1), 13px 12px 0px rgba(0,0,0,1), 14px 13px 0px rgba(0,0,0,1), 15px 14px 0px rgba(0,0,0,1), 16px 15px 0px rgba(0,0,0,1), 17px 16px 0px rgba(0,0,0,1), 18px 17px 0px rgba(0,0,0,1), 19px 18px 0px rgba(0,0,0,1), 20px 19px 0px rgba(0,0,0,1), 21px 20px 0px rgba(0,0,0,1), 22px 21px 0px rgba(0,0,0,1), 23px 22px 0px rgba(0,0,0,1), 24px 23px 0px rgba(0,0,0,1), 25px 24px 0px rgba(0,0,0,1), 26px 25px 0px rgba(0,0,0,1), 27px 26px 0px rgba(0,0,0,1), 28px 27px 0px rgba(0,0,0,1), 29px 28px 0px rgba(0,0,0,1);
}

/*
.front .view-youjova .view-content{
    max-height: 230px;
}
*/

/* Griglia masonry homepage */

.grid-sizer{
    width: 25%;
}
.view.view-novit-home.view-id-novit_home.grid:after {
  content: '';
  display: block;
  clear: both;
}

.view.view-novit-home.view-id-novit_home.grid .views-row.thumb-big {
    width: 73%;
}
/*
.view.view-novit-home.view-id-novit_home.grid .views-row.thumb-small {
    width: 23.5%
}
*/
.view.view-novit-home.view-id-novit_home.grid .views-row.thumb-medium {
    width: 48%
}


.group-view-two {
    float: left;
    width: 100%;
    padding: 20px;
    border-top: 3px solid;
    background: white;
    background-color: white;
    position: relative;
}
div.group-view-two .title {
    max-width: 100%;
    width: 100%;
    float: left;
    margin: 0;
}

div.group-view-two .title-box {
    font-size: 16px;
    line-height: 26px;
    margin: 0px 0 10px;
    max-width: 100%;
    width: auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    font-weight: 600;
    background: white;
    padding: 0 10px;
    border: 3px solid black;
    display: inline-block;
}

.group-view-one .play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 40px;
    height: 40px;
    padding: 0;
}
a.play-btn .btn {
    width: 40px;
    height: 40px;
    padding: 0;
}
a.play-btn .btn:hover {
    background: #f4ea10;
}
a.play-btn .btn .play {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 0 7px 12px;
    border-color: transparent transparent transparent #000000;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.view-youjova div.group-view-two{
    padding: 20px 10px;
}
.view-youjova div.group-view-two .title{
    margin: 0 !important;
}
.front .view-youjova div.group-view-two .title-box{
    font-size: 14px;
    line-height: 26px;
    max-width: 100%;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: capitalize;
    font-weight: 600;
    background: white;
    padding: 0 10px;
    border: 3px solid black;
    display: inline-block;
    margin: 0;
}
div.group-view-two .description p,.group-view-two .body p,.group-view-two .body{
    font-size: 16px;
    line-height: 26px;
    font-weight: 600;
}

.view-youjova .author,.view-user-video-youjova .author {
    font-size: 10px;
    float: left;
    background: black;
    color: white;
    text-transform: uppercase;
    font-weight: bold;
    padding: 0 10px;
    height: 20px;
    line-height: 20px;
    margin-top: -5px;
}
.view-youjova .group-view-two, .youjova-beach-grid .group-view-two{
    background-image:  url(../images/jovabeachparty/bg_youjova.svg);
    background-position: center top;
    background-repeat: repeat;
}

.youjova-beach-grid .title-box,.beach-grid .title-box{
    margin-bottom: 0 !important;
}

.category-label, .episodio-label {
    height: 20px;
    line-height: 16px;
    font-size: 10px;
    text-transform: uppercase;
    width: auto;
    font-weight: bold;
    display: inline-block;
    float: left;
    background: white;
    border: 3px solid black;
    padding-right: 8px;
}
.category-label span, .episodio-label span {
    background: black;
    color: white;
    font-size: 10px;
    text-transform: uppercase;
    float: left;
    line-height: 16px;
}
.category-label span:first-child, .episodio-label span:first-child {
    padding: 0 6px 0 10px;
}
span.corner {
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid black;
    font-size: 10px;
    line-height: 16px;
    background: none;
    margin-right: 8px;
}
.youjova-form form .form-actions, .youjova-button-anonimo{
    top: 0;
    left: 0;
    transition: all 100ms linear 0s;
    position: relative;
    display: inline-block;
    padding: 0px 20px;
    background-color: white;
    text-transform: uppercase;
    color: black;
    letter-spacing: 0;
    text-transform: uppercase;
    font-weight: bold;
    box-shadow: 8px 8px 0 black;
    text-decoration: none;
    border: 3px solid black;
    font-size: 30px;
    font-style: oblique;
    height: 56px;
    line-height: 51px;
    width: 84%;
    margin-left: 30px;
}
.btn,.beach-grid .slick-arrow{
    top: 0;
    left: 0;
    transition: all 100ms linear 0s;
    position: relative;
    display: inline-block;
    padding: 0px 20px;
    background-color: white;
    text-transform: uppercase;
    color: black;
    letter-spacing: 0;
    text-transform: uppercase;
    font-weight: bold;
    box-shadow: 8px 8px 0 black;
    text-decoration: none;
    border: 3px solid black;
    font-size: 30px;
    font-style: oblique;
    height: 56px;
    line-height: 51px;
}
.btn:hover,.beach-grid .slick-arrow:hover {
  top: -3px;
  left: -3px;
  box-shadow: 11px 11px 0 black;
}
.youjova-form form .form-actions:hover, .youjova-button-anonimo:hover{
  top: -3px;
  left: -3px;
  box-shadow: 11px 11px 0 black;
}
.youjova-form form .form-actions:hover::after, .youjova-button-anonimo:hover::after{
     top: 1px;
    right: -12px;
    width: 2px;
    height: 3px; 
}
.btn:hover::after,.beach-grid .slick-arrow:hover::after {
    top: 1px;
    right: -12px;
    width: 2px;
    height: 3px;
}
.youjova-form form .form-actions:hover::before, .youjova-button-anonimo:hover::before{
  
        bottom: -11px;
    left: 1px;
    width: 5px;
    height: 10px;
}
.btn:hover::before,.beach-grid .slick-arrow:hover::before {
    bottom: -11px;
    left: 1px;
    width: 5px;
    height: 10px;
}
.youjova-form form .form-actions::before, .youjova-button-anonimo::before{
        transition: all 100ms linear 0s;
    content: '';
    position: absolute;
    bottom: -8px;
    left: -2.5px;
    width: 0;
    height: 0;
    background-color: black;
    transform: rotate(45deg);
    z-index: 0;
    border-right: 7px solid transparent;
    border-left: 6px solid transparent;
    border-bottom: 8px solid black;
    background: transparent;
}
.youjova-form form .form-actions::after, .youjova-button-anonimo::after{
    transition: all 100ms linear 0s;
    content: '';
    position: absolute;
    top: 0px;
    right: -10.5px;
    width: 0;
    height: 0;
    background-color: black;
    transform: rotate(45deg);
    z-index: 0;
    border-right: 7px solid transparent;
    border-left: 6px solid transparent;
    border-top: 8px solid black;
    background: transparent;
}
.btn::after,.beach-grid .slick-arrow::after {
    transition: all 100ms linear 0s;
    content: '';
    position: absolute;
    top: 0px;
    right: -10.5px;
    width: 0;
    height: 0;
    background-color: black;
    transform: rotate(45deg);
    z-index: 0;
    border-right: 7px solid transparent;
    border-left: 6px solid transparent;
    border-top: 8px solid black;
    background: transparent;
}
.btn::before,.beach-grid .slick-arrow::before {
    transition: all 100ms linear 0s;
    content: '';
    position: absolute;
    bottom: -8px;
    left: -2.5px;
    width: 0;
    height: 0;
    background-color: black;
    transform: rotate(45deg);
    z-index: 0;
    border-right: 7px solid transparent;
    border-left: 6px solid transparent;
    border-bottom: 8px solid black;
    background: transparent;
}

a.btn {
  position: relative;
}

.front .view.view-youjova {
    float: left;
    width: 100%;
    margin-top: 15px;
}


/* youjova home */

.front .view.view-youjova {
    float: left;
    width: 100%;
    margin-top: 15px;
    padding-right: 60px;
}
div#block-views-shows-block {
    padding: 20px;
}

.front div#content {
    max-height: none;
    padding: 20px;
}

.front .youjova-form .youjova-button{
    margin: 0 20px;
}

.front .view-youjova .view-content {
    margin-left: 0;
    width: 75%;
    float: left;
    position: relative;
}
.grid .view-content {
    overflow: visible;
}


.beach-grid .slick-slider {
    margin: 0 !important;
}
.border-grid {
    float: left;
    width: 100%;
    border: 3px solid black;
}
.beach-grid .slick-arrow{
    top: 0;
    left: 0;
    width: 36px !important;
    transition: all 100ms linear 0s;
    position: absolute;
    display: inline-block;
    padding: 0px;
    background-color: white;
    text-transform: uppercase;
    color: black;
    letter-spacing: 0;
    text-transform: uppercase;
    font-weight: bold;
    box-shadow: 8px 8px 0 black;
    text-decoration: none;
    border: 3px solid black;
    font-size: 0;
    font-style: oblique;
    height: 100% !important;
    line-height: normal;
    z-index: 1;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 12px;
}
button.slick-next.slick-arrow{
    background-image: url(../images/jovabeachparty/next-arrow.svg);
}
button.slick-prev.slick-arrow{
    background-image: url(../images/jovabeachparty/prev-arrow.svg);
}
.beach-grid .slick-arrow:hover {
  top: -3px;
  left: -3px;
  box-shadow: 11px 11px 0 black;
}

.beach-grid button.slick-next.slick-arrow {
    right: -19px;
    top: -8px;
    left: auto;
}
.beach-grid button.slick-prev.slick-arrow {
    left: -31px;
    right: auto;
    top: -8px;
}
.formetto {
    position: absolute;
    right: 0;
    top: 0;
    margin: 0;
    height: 100%;
    background: white;
    max-width: 23%;
    max-height: 230px;
    top: 150px;
    right: 20px;
    border: 3px solid black;
    color: black;
}
.youjova-form h2 {
    text-transform: uppercase;
    color: white;
    font-size: 27px;
    line-height: 64px;
    background: black;
    padding: 0 20px;
    font-style: oblique;
}
.youjova-form h2 .fa{
    display: none;
}
.youjova-form p {
    color: white;
    padding: 0;
    margin: 30px 0 20px;
    text-align: left;
    font-size: 16px;
    padding: 0 20px;
    color: black;
}
.youjova-form .youjova-button {
    width: auto;
    padding: 0;
    background: white;
    color: black;
    text-align: center;
    margin: 20px 0 10px 0;
    cursor: pointer;
    font-size: 16px;
    height: 40px;
    line-height: 36px;
    padding: 0 20px;
    font-style: normal;
    margin-left: 20px;
}
.youjova-form {
    padding: 0px;
}
.formetto section.region.region-sidebar-first.column.sidebar {
    position: relative;
    width: 100%;
    height: 100%;
    transform: none;
    top: 0;
    left: 0;
}


/* Channels restyle */

.page-shows div#main{
    background: none;
}

.not-front div#slider .region.region-region-slider {
    position: relative;
    margin: 0 0 30px;
    background: none !important;
    display: inline-block;
    width: 100%;
    
}
.section-channels .region.region-region-slider,.section-show .region.region-region-slider,.section-youjova .region.region-region-slider  {
    background: white;
    border: 3px solid black;
}
.views-row {
    float: left;
    width: 100%;
}
.show-channels {
    background: none;
    padding: 30px 20px 30px 20px;
    float: left;
    width: 100%;
}
.section-channels .show-cover,.section-show .show-cover{
    max-height: 520px;
    line-height: 0;
    position: relative;
    border-bottom: 3px solid black;
}

.section-channels .grid{
    float: left;
    padding-bottom: 60px;
}
.view.view-taxonomy-term-override .big {
    padding: 60px;
    max-width: 100%;
    margin: 0 auto;
    float: none;
    text-align: center;
}
.view.view-taxonomy-term-override .show-body {
    margin-top: 0;
    font-size: 22px;
    line-height: 32px;
    font-weight: 400;
}

.section-channels div#main,.section-show div#main {
    padding-bottom: 0px;
    clear: both;
    background: none;
}
.section-channels .view-header,.section-shiow .view-header{
    text-align: center;
}
.view.view-taxonomy-term-override h3 {
    color: white;
    font-weight: bold;
    text-align: center;
    z-index: 0;
    font-size: 110px;
    line-height: 120px;
    letter-spacing: 10px;
    line-height: 1;
    margin: 0;
    position: relative;
    font-family: 'Alley Oop';
    -webkit-text-stroke: 3px black;
    transform: skewX(-2deg) skewY(-10deg);
    background: white;
    -webkit-background-clip: text;
    z-index: 1;
    text-fill-color: transparent;
    text-shadow: 1px 0px 0px rgba(0,0,0,1), 2px 1px 0px rgba(0,0,0,1), 3px 2px 0px rgba(0,0,0,1), 4px 3px 0px rgba(0,0,0,1), 5px 4px 0px rgba(0,0,0,1), 6px 5px 0px rgba(0,0,0,1), 7px 6px 0px rgba(0,0,0,1), 8px 7px 0px rgba(0,0,0,1), 9px 8px 0px rgba(0,0,0,1), 10px 9px 0px rgba(0,0,0,1), 11px 10px 0px rgba(0,0,0,1), 12px 11px 0px rgba(0,0,0,1), 13px 12px 0px rgba(0,0,0,1), 14px 13px 0px rgba(0,0,0,1), 15px 14px 0px rgba(0,0,0,1), 16px 15px 0px rgba(0,0,0,1), 17px 16px 0px rgba(0,0,0,1), 18px 17px 0px rgba(0,0,0,1), 19px 18px 0px rgba(0,0,0,1), 20px 19px 0px rgba(0,0,0,1), 21px 20px 0px rgba(0,0,0,1), 22px 21px 0px rgba(0,0,0,1), 23px 22px 0px rgba(0,0,0,1), 24px 23px 0px rgba(0,0,0,1), 25px 24px 0px rgba(0,0,0,1), 26px 25px 0px rgba(0,0,0,1), 27px 26px 0px rgba(0,0,0,1), 28px 27px 0px rgba(0,0,0,1), 29px 28px 0px rgba(0,0,0,1);
}
/* cover dei canali */
.channel-music .show-cover::before,.group-view-two.video-music::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: url(../images/jovabeachparty/bg_music.svg) repeat center center;
    z-index: -1;
}
.channel-music .show-cover::after{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: -moz-linear-gradient(left, #FE1A33 0,#FF8C00 100%);
    background: -webkit-linear-gradient(left,#FE1A33 0,#FF8C00 100%);
    background: linear-gradient(to right, #FE1A33 0,#FF8C00 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FE1A33', endColorstr='##FF8C00',GradientType=1 );    z-index: -2;
}

.channel-talk .show-cover::before,.group-view-two.video-talk::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: url(../images/jovabeachparty/bg_talk.svg) repeat center center;
    z-index: -1;
}
.channel-talk .show-cover::after{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: -moz-linear-gradient(left, #F4EA10 0,#00FF64 100%);
    background: -webkit-linear-gradient(left,#F4EA10 0,#00FF64 100%);
    background: linear-gradient(to right, #F4EA10 0,#00FF64 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F4EA10', endColorstr='#00FF64',GradientType=1 );    z-index: -2;
}
.channel-backstage .show-cover::before,.group-view-two.backstage-talk::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: url(../images/jovabeachparty/bg_backstage.svg) repeat center center;
    z-index: -1;
}
.channel-backstage .show-cover::after{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: -moz-linear-gradient(left, #FF8C00 0,#F4EA10 100%);
    background: -webkit-linear-gradient(left,#FF8C00 0,#F4EA10 100%);
    background: linear-gradient(to right, #FF8C00 0,#F4EA10 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F4EA10', endColorstr='#00FF64',GradientType=1 );    z-index: -2;
}
.channel-fun .show-cover::before,.group-view-two.video-fun::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: url(../images/jovabeachparty/bg_fun.svg) repeat center center;
    z-index: -1;
}
.channel-fun .show-cover::after{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: -moz-linear-gradient(left, #00FF64 0%, #00BEFF 100%);
    background: -webkit-linear-gradient(left,#00FF64 0,#00BEFF 100%);
    background: linear-gradient(to right, #00FF64 0,#00BEFF 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F4EA10', endColorstr='#00FF64',GradientType=1 );    z-index: -2;
}

.section-youjova  .show-cover::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: url(../images/jovabeachparty/bg_youjova.svg) repeat center center;
    z-index: -1;
}

.section-youjova .show-cover::after{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: -moz-linear-gradient(left, #FE1A33 0, #FF8C00 25%, #F4EA10 50%, #00FF64 75%,#00BEFF 100%);
    background: -webkit-linear-gradient(left, #FE1A33 0, #FF8C00 25%, #F4EA10 50%, #00FF64 75%,#00BEFF 100%);
    background: linear-gradient(to right, #FE1A33 0, #FF8C00 25%, #F4EA10 50%, #00FF64 75%,#00BEFF 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#328dfc', endColorstr='#2ef7e6',GradientType=1 );
    z-index: -2;
}

.show-cover .vintage__container{
    display: inline-block;
    margin: 0 auto 0;
    position: absolute;
    z-index: 1;
    transform: translate(-50%,-50%);
    left: 50%;
    top: 50%;
    text-align: center;
}


.view.view-taxonomy-term-override .container {
    background: white;
}

.section-channels .view.view-shows {
    margin: 120px 0;
}


/* page channel boxes */


.view.view-channel-menu.view-id-channel_menu.view-display-id-page_1 {
    padding: 80px 30px;
    float: left;
    width: 100%;
}

.view.view-channel-menu.view-id-channel_menu.view-display-id-page_1 .views-row {
    float: left;
    width: 48%;
    height: auto;
    line-height: normal;
    position: relative;
    overflow: hidden;
    margin: 0 1% 2%;
}





#lottie{
    width: 70px;
}



#beachradio {
    height: 36px;
    line-height: 32px;
    padding: 0;
    font-style: normal !important;
    display: inline-block;
    vertical-align: middle;
    margin-left: 12px;
    letter-spacing: 0;
    background: -moz-linear-gradient(left, #FE1A33 0, #FF8C00 25%, #F4EA10 50%, #00FF64 75%,#00BEFF 100%);
    background: -webkit-linear-gradient(left, #FE1A33 0, #FF8C00 25%, #F4EA10 50%, #00FF64 75%,#00BEFF 100%);
    background: linear-gradient(to right, #FE1A33 0, #FF8C00 25%, #F4EA10 50%, #00FF64 75%,#00BEFF 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#328dfc', endColorstr='#2ef7e6',GradientType=1 );  
    display: none;

}
a#beachradio {
    margin-top: 32px;
}
div.group-view-one img {
    opacity: 1;
}

/* youjova page */

/*
.section-youjova .view.view-youjova {
    margin-top: 0;
    margin-left: 0;
    padding: 0 60px 60px;
}
*/
.page-youjova .big {
    width: 100%;
}
/*
.section-youjova  .view-youjova .view-content {
    margin: 0 -15px 0;
    width: 100%;
    float: left;
    position: relative;
}
*/
/*
.section-youjova  .view.view-youjova .views-row {
    float: left;
    width: 23%;
    margin: 0 15px 30px;
    z-index: 9;
    position: relative;
}
*/
.section-youjova  .view.view-youjova  .view-header {
    text-align: center;
    z-index: 99;
    position: relative;
}
.section-youjova  div#main {
    padding-bottom: 180px;
}
.youjova-form .group-youjova-form, .youjova-form .form-actions{
    display: block;
}
.page-youjova .youjova-form {
    background: #f2503b;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    background: rgba(0,0,0,0.8);
    display: none;
}
form#invia-il-tuo-video-entityform-edit-form {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background: white;
    padding-bottom: 30px;
    max-width: 420px;
    width: 100%;
}
.youjova-form form input {
    height: 50px;
    line-height: normal;
    text-indent: 4px;
    margin: 0;
    border: none;
    border: 3px solid black;
    color: black;
}
.youjova-form label{
    text-transform: uppercase;
    color: black;
    font-size: 16px;
    line-height: 16px;
}
.youjova-form form textarea {
    border: none;
    text-indent: 4px;
    border: 3px solid black;
}
.youjova-form .form-wrapper {
    padding: 0 30px;
}
.youjova-form .description {
    margin-bottom: 30px;
}
.youjova-form  .messages {
    background-image: none;
    padding: 10px;
    border: none;
    max-width: 500px;
    margin: 60px auto -50px;
    font-size: 16px;
}
.youjova-form form .form-actions{
    padding-top: 0;
}
.youjova-form form .form-actions input {
    background: none;
    border: none;
    width: 100%;
    height: 100%;
    text-transform: uppercase;
    color: black;
    letter-spacing: 0;
    font-weight: bold;
    font-size: 30px;
    font-style: oblique;
    padding: 0;
}
.trigger-youjova-form.btn {
    margin-top: 60px;
    cursor: pointer;
}
.close-youjovaform {
    float: right;
    height: 20px;
    width: 20px;
    margin-top: 18px;
    cursor: pointer;
}
.close-youjovaform::before {
    content: '';
    width: 100%;
    height: 3px;
    background: white;
    display: block;
    transform: rotate(45deg);
    top: 13px;
    position: relative;
}
.close-youjovaform::after {
    content: '';
    width: 100%;
    height: 3px;
    background: white;
    display: block;
    transform: rotate(-45deg);
    top: 10px;
    position: relative;
}

.show-pattern{
    
}


/* node video */

.node-video .gray {
    background: none;
}
.node-body {
    float: left;
    padding: 20px;
    font-size: 22px;
    line-height: 32px;
    font-weight: 400;
    border: 3px solid black;
    border-top: 0;
    background: white;
}
.node-box{
    background: white;
}
.node-type-video  .node-box .group-view-two::after,.node-type-youjova  .node-box .group-view-two::after{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: -moz-linear-gradient(left, #FE1A33 0, #FF8C00 25%, #F4EA10 50%, #00FF64 75%,#00BEFF 100%);
    background: -webkit-linear-gradient(left, #FE1A33 0, #FF8C00 25%, #F4EA10 50%, #00FF64 75%,#00BEFF 100%);
    background: linear-gradient(to right, #FE1A33 0, #FF8C00 25%, #F4EA10 50%, #00FF64 75%,#00BEFF 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#328dfc', endColorstr='#2ef7e6',GradientType=1 );
    z-index: -2;
}
.node-type-video .node-box .group-view-two,.node-type-youjova .node-box .group-view-two {
    margin-bottom: 0;
    float: left;
    clear: both;
    width: 100%;
    margin-top: 0;
    border: 3px solid black;
    background: none;

}
.node-box {
    background: none;
    width: 75%;
    float: left;
}
.video-container {
    padding: 0;
    background: none;
/*     border: 3px solid black; */
}
.video-suggeriti div.group-view-one {
    opacity: 1;
    width: 100%;
    float: left;
}
.video-suggeriti div.group-view-two {
    float: left;
    clear: both;
    background: white;
    margin-top: 0;
}
.video-suggeriti {
    margin-top: 0;
    float: left;
    width: 100%;
    background: white;
    border: 3px solid black;
    padding: 15px;
}
.video-suggeriti.beach-grid .views-row {
    margin: 0 0 15px !important;
    border: 3px solid black;
}
h2.title-suggeriti {
    text-transform: uppercase;
    margin: 0;
    font-size: 30px;
    font-weight: 700;
    font-style: oblique;
    background: black;
    color: white;
    padding: 0 15px;
}
.video-column {
    width: 100%;
    margin: 0;
    float: left;
}
.video-container {
    padding: 0;
    background: none;
/*     border: 3px solid black; */
    width: 75%;
    float: left;
}
/*
.nodo-videoplayer{
    padding: 60px;
}
*/
.video-suggeriti .views-row{
    width: 100%;
}
.nodo-videoplayer .right-side {
    width: 23%;
    float: left;


}
.nodo-videoplayer .left-side{
    width: 73%;
    float: left;
/*     min-height: 600px; */

}

.nodo-videoplayer .video-column .right-side {
    margin: 0;
    margin: 0;
    margin-left: 4%;
    float: left;
    min-height: 531px;
    background: none;
    position: relative;

}
.nodo-videoplayer .right-side {

    margin-left: 4%;

}
.video-bottom {
    margin: 4% 0 120px;
    float: left;
    width: 100%;
}

.tags {
    background: white;
    float: left;
    border: 3px solid black;
    width: 100%;
}
.tags h2 {
    margin: 0;
    background: black;
    padding: 0 15px;
    color: white;
    font-style: oblique;
    font-size: 30px;
    text-transform: uppercase;
    text-align: left;
}
.share h2 {
    margin: 0;
    background: black;
    padding: 0 15px;
    color: white;
    font-style: oblique;
    font-size: 30px;
    text-transform: uppercase;
    text-align: left;
}
.share {
    clear: both;
    float: left;
    margin-top: 0;
    margin-right: 0;
    width: 100%;
    background: white;
    border: 3px solid black;
    position: absolute;
    bottom: 0;
    right: 0;

}
.tags ul li {
    color: white;
    text-transform: uppercase;
    font-weight: bold;
    font-style: oblique;
    background: none;
    height: auto;
    line-height: 26px;
    display: inline-block;
    width: auto;
    padding: 0;
    font-size: 16px;
    cursor: default;
    clear: none;
    float: left;
    color: black;
    padding-right: 5px;
    margin: 0 0px 10px 0;
    
}


.tags ul {
    list-style: none;
    margin: 0;
    padding: 0;
    padding: 15px 5px;
}
.tags ul li::after {
    content: '/';
    position: relative;
    display: inline-block;
    font-size: 16px;
    margin-left: 10px;
}
.box-share {
    padding: 15px;
    float: left;
    width: 100%;
}
a.share-facebook, a.share-twitter, .share span.flag-preferiti a.flag, .flag-subscribe a {
    margin-right: 14px;
    border: 3px solid;
    width: 40px;
    height: 40px;
    background: white;
    text-align: center;
    line-height: 40px;
    color: black;
    float: left;
    position: relative;
    font-size: 0;
    margin-bottom: 10px;
}
span.flag-preferiti a:before,span.flag-preferiti a:before{
    font-size: 16px;
}
.share i {
    font-size: 20px;
    line-height: 35px;
}
.node-type-youjova .view-youjova .view-content {
    margin-left: 0;
    width: 100%;
    float: left;
    position: relative;
}
.beach-grid .view-header {
    text-align: center;
    Z-INDEX: 999;
    POSITION: RELATIVE;
}
/*
.node-type-youjova .view.view-youjova {
    margin-top: 40px;
    float: left;
    width: 100%;
    padding: 0 60px;
    
}
*/
/*
.view.view-youjova .views-row{
    width: 23.3%;
}
*/



/* node video arrow */

/*
a.nav-autoplay{
    display: inline-block;
    width: 32px !important;
    height: 118px;
    background-size: 12px !important;
}
*/

.nav-prevnext {
    position: absolute;
    right: -26px;
    top: -3px;
    z-index: 9;
    height: auto;
    height: 288px;
}
a#next-link {
    position: absolute;
    top: 141px;
}
a.nav-autoplay {
    position: relative;
    top: 0;
    left: 0;
    transition: all 100ms linear 0s;
    position: relative;
    display: inline-block;
    padding: 0;
    background-color: white;
    text-transform: uppercase;
    color: black;
    letter-spacing: 0;
    text-transform: uppercase;
    font-weight: bold;
    box-shadow: 8px 8px 0 black;
    text-decoration: none;
    border: 3px solid black;
    font-size: 30px;
    font-style: oblique;
    height: 144px;
    width: 32px;
}

a.nav-autoplay:hover{
  top: -3px;
  left: -3px;
  box-shadow: 11px 11px 0 black;
}

a.nav-autoplay:hover .arrow{
    background-color: #f4ea10 !important;
}

a.nav-autoplay:hover::after{
    top: 1px;
    right: -12px;
    width: 2px;
    height: 3px;
}
a.nav-autoplay .arrow {
    display: inline-block;
    width: 100%;
    height: 138px;
    background-size: 10px !important;
}

a.nav-autoplay:hover::before {
    bottom: -11px;
    left: 1px;
    width: 5px;
    height: 10px;
}
a.nav-autoplay::after {
    transition: all 100ms linear 0s;
    content: '';
    position: absolute;
    top: 0px;
    right: -10.5px;
    width: 0;
    height: 0;
    background-color: black;
    transform: rotate(45deg);
    z-index: 0;
    border-right: 7px solid transparent;
    border-left: 6px solid transparent;
    border-top: 8px solid black;
    background: transparent;
}
a.nav-autoplay::before{
    transition: all 100ms linear 0s;
    content: '';
    position: absolute;
    bottom: -8px;
    left: -2.5px;
    width: 0;
    height: 0;
    background-color: black;
    transform: rotate(45deg);
    z-index: 0;
    border-right: 7px solid transparent;
    border-left: 6px solid transparent;
    border-bottom: 8px solid black;
    background: transparent;
}
.nav-autoplay.prev .arrow {
    background-color: white;
}
.nav-autoplay.next .arrow {
    background-color: white;

}


.overlay-autoplay {
    position: absolute;
    top: 0;
    left: -200px;
    height: auto;
    width: 200px;
    background: white;
    padding: 0;
    opacity: 1;
    border: 3px solid black;
    top: -3px;
}
.secss {
    position: absolute;
    top: 0;
    width: 100%;
    text-align: center;
    transform: translate(0,-50%);
    top: 50%;
    font-size: 42px;
    color: black;
    font-weight: bold;
    font-style: oblique;
}
.overlay-autoplay span:not(#next-timer) {
    font-size: 12px;
    padding: 0 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    max-width: 100%;
    line-height: 15px;
    vertical-align: bottom;
    display: inline-block;
    top: -4px;
    position: relative;
}
.overlay-autoplay img{
    border-bottom: 2px solid black;
}
/*
    
    

a.nav-autoplay .arrow {
    display: inline-block;
    width: 32px !important;
    height: 118px;
    background-size: 12px !important;
    padding: 0;
    top: -3px;
    left: -8px;
}
*/

.section-show .small.float.margin-r, .section-decade .small.float.margin-r{
    display: none !important;
}


.view.view-taxonomy-term-override.beach-grid {
    margin: 0 auto;
    padding: 0 50px;
}
.ordina-per {
    padding: 0px;
    margin-top: 0;
    margin-bottom: 30px;
}
a.use-ajax.ordina-tipo {
    margin-right: 30px !important;
}
/*
.page-taxonomy-term .region.region-region-slider {
    margin: 0 0 60px;
}
*/
/*
.page-taxonomy-term  .grid .views-row {
    width: 23%;
}
*/
.section-channels .cover-taxonomy{
    margin-bottom: 0;
}
.view-shows .title {
    background: black;
    color: white;
    padding: 0 20px;
    height: 40px;
    line-height: 40px;
    text-transform: uppercase;
    font-weight: bold;
    font-style: oblique;
    letter-spacing: 0.5px;
}
.view-shows  .group-view-two {
    border-top: 0;
}
.view-shows .title .title-box {
    margin-bottom: 0 !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.view-shows .description {
    background: white;
    border: 3px solid black;
    margin: 0;
    padding: 3px 10px;
}
.view-shows .description p{
    margin: 0 !important;
}

.view-shows .category-label {
    background: white;
    padding-right: 10px;
    margin-top: 10px;
}
/* user page */
a.user-login.btn {
    text-transform: uppercase;
    display: inline-block;
    width: 100%;
    padding-bottom: 0;
    line-height: normal;
    color: black;
    font-weight: bold;
    font-size: 16px;
    line-height: 32px;
    max-width: 85px;
    white-space: nowrap; 
    text-overflow: ellipsis;
}
.user-avatar {
    z-index: 9;
    position: absolute;
    text-align: center;
    padding-top: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: auto;
}
.user-avatar  .round-img {
    border: 3px solid black;
    border-radius: 50%;
    width: 200px;
    height: 200px;
    overflow: hidden;
}
.user-avatar .round-img img {
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
}
.profile {
    clear: both;
    margin: 0;
    padding: 0px;
}
.user-avatar h2 {
    margin: 0;
    background: white;
    margin: 0;
    height: 50px;
    line-height: 44px;
    font-size: 30px;
    border: 3px solid black;
    text-transform: capitalize;
    padding: 0 10px;
    top: -20px;
    position: relative;
}

.user-header{
    background-image: url(../images/jovabeachparty/account.png);
    background-size: 100%;
    height: 370px;
    position: relative;
    border: 3px solid black;
    background-repeat: no-repeat;
    background-position: center;
}
.user-header::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: url(../images/jovabeachparty/bg_youjova.svg) repeat center center;
    z-index: -1;
}

.user-header::after{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: -moz-linear-gradient(left, #FE1A33 0, #FF8C00 25%, #F4EA10 50%, #00FF64 75%,#00BEFF 100%);
    background: -webkit-linear-gradient(left, #FE1A33 0, #FF8C00 25%, #F4EA10 50%, #00FF64 75%,#00BEFF 100%);
    background: linear-gradient(to right, #FE1A33 0, #FF8C00 25%, #F4EA10 50%, #00FF64 75%,#00BEFF 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#328dfc', endColorstr='#2ef7e6',GradientType=1 );
    z-index: -2;
}
.section-users .grid {
    margin-top: 60px;
    float: left;
    width: 100%;
    margin-bottom: 0;
}
.profile-menu {
    text-align: center;
    height: 80px;
    line-height: 80px;
    background: none;
    float: left;
    width: 100%;
    background: white;
    border: 3px solid black;
    border-top: 0;
}
.profile-menu ul{
    margin: 0;
}
.profile-menu li.btn {
    margin: 0 10px;
    height: 36px;
    line-height: 32px;
    padding: 0 10px;
    font-style: normal !important;
    letter-spacing: 0.5px;
}
.profile-menu li.btn a {
    font-size: 16px;
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
    margin-top: -6px;
}
.beach-grid .slick-slider {
    margin: 0 auto;
}
.beach-grid .slick-slide{
    margin: 0px 10px 0 !important;
    border: none;
}
div#user-profile-container {
    float: left;
    width: 100%;
}


.iubenda-cs-rationale .iubenda-banner-content > p {
    font-size: 14px !important;
    color: #fff !important;
    font-family: 'Futura PT' !important;
    line-height: 24px !important;
    margin: 10px 0 !important;
}
.iubenda-cs-content {
    padding: 5px 10px !important;
}


/*  Footer */
.copy-footer {
    width: 100%;
    float: left;
    background: white;
    height: 60px;
    line-height: 60px;
    font-size: 16px;
    font-weight: bold;
    border-top: 3px solid black;
    padding: 0 60px;
    margin-top: 60px;
}
.footer-block {
    float: left;
    width: 25%;
    padding-left: 60px;
}
.block-campaignmonitor {
    padding-right: 60px;
    padding-left: 0;
}

.thanks-to-menu {
    margin-top: 0;
}
.float.left {
    float: left;
}
.float.right {
    float: right;
}
#footer {padding: 0}
.twenty-bottom {
    margin: 0px 0 520px;
}
.column-footer {
    position: fixed;
    bottom: 60px;
    left: 0;
    z-index: 1;
    width: 100%;
}
.fixed-footer{
    height: 60px;
    line-height: 60px;
}
.soleluna {
    background: url(../images/logo_soleluna_2.png) no-repeat center center;
    width: 140px;
    height: 140px;
    display: inline-block;
    background-size: 100%;
}
.fixed-footer #block-views-tweets-block .block-title {
    height: 60px;
    line-height: 60px;
}
#views-ticker-vTicker-tweets{
    top: 20px;
}

.fluid-width-video-wrapper {
    height: 100% !important;
    width: 100% !important;
/*     position: absolute !important; */
/*     padding: 0 !important; */
    border: 3px solid black;
}
span.flag-subscribe a:before {
    content: "\f0e0";
    font-family: 'FontAwesome';
    font-size: 18px;
    line-height: 36px;
}

.not-logged-in.page-user div#wrapper {
    width: 100%;
    padding: 0;
    float: left;
    width: 100%;
    border-bottom: 3px solid black;
}

.not-logged-in.page-user.section-user #main, .page-user #main, .section-mailrequired #main {
    background: #f1f1f1;
    padding: 0;
}
.not-logged-in.page-user.section-user.section-user #main #content, .section-mailrequired #main #content {
    max-width: 100%;
    margin: 0 auto;
}

.not-logged-in.page-user.section-user form#user-register-form, .not-logged-in.page-user.section-user form#user-login, .not-logged-in.page-user.section-user form#user-pass, .section-mailrequired #main form {
    background: white;
    padding: 0 20px 20px;
    border: 3px solid black;
    position: relative;
    max-width: 450px;
    float: none;
    margin: 60px auto;
}

.not-logged-in.section-user form #edit-submit{
    border: none;
    background: none !important;
    color: black !important;
    text-transform: uppercase;
    font-weight: bold;
    font-style: oblique;   
}
.not-logged-in.section-user form #edit-submit:hover{
    background: none;
    color: black;
}
#edit-actions,.tabs-primary__tab-link{
    top: 0;
    left: 0;
    transition:all 100ms linear 0s !important;
    position: relative;
    display: inline-block;
    padding: 0px 20px;
    background-color: white;
    text-transform: uppercase;
    color: black;
    letter-spacing: 0;
    text-transform: uppercase;
    font-weight: bold;
    box-shadow: 8px 8px 0 black;
    text-decoration: none;
    border: 3px solid black;
    font-size: 30px;
    font-style: oblique;
    height: 56px;
    line-height: 51px;
    margin: 0 auto;
    width: auto;
}

#edit-actions:hover,.tabs-primary__tab-link:hover{
  top: -3px;
  left: -3px;
  box-shadow: 11px 11px 0 black;
  background: #f4ea10;
}
#edit-actions:hover::after,.tabs-primary__tab-link:hover::after{
    top: 1px;
    right: -12px;
    width: 2px;
    height: 3px; 
}

#edit-actions:hover::before,.tabs-primary__tab-link:hover::before{
    bottom: -11px;
    left: 1px;
    width: 5px;
    height: 10px;
}

#edit-actions::before,.tabs-primary__tab-link::before{
    transition: all 100ms linear 0s;
    content: '';
    position: absolute;
    bottom: -8px;
    left: -2.5px;
    width: 0;
    height: 0;
    background-color: black;
    transform: rotate(45deg);
    z-index: 0;
    border-right: 7px solid transparent;
    border-left: 6px solid transparent;
    border-bottom: 8px solid black;
    background: transparent;
}

#edit-actions::after,.tabs-primary__tab-link::after{
    transition: all 100ms linear 0s;
    content: '';
    position: absolute;
    top: 0px;
    right: -10.5px;
    width: 0;
    height: 0;
    background-color: black;
    transform: rotate(45deg);
    z-index: 0;
    border-right: 7px solid transparent;
    border-left: 6px solid transparent;
    border-top: 8px solid black;
    background: transparent;
}
.not-logged-in.page-user.section-user #main #content form input {
    height: 40px;
    line-height: normal;
    text-indent: 4px;
    width: 100%;
    border: 3px solid black;
}

#user-pass #edit-actions{
    font-size: 17px;
}
.not-logged-in.page-user.section-user .tabs-primary__tab-link{
    height: 36px !important;
    line-height: 31px !important;
    padding: 0 10px !important;
    border: 3px solid black !important;
    margin: 0 10px !important;
}
.not-logged-in.page-user.section-user #main ul.tabs-primary.tabs.primary {
    clear: both;
    margin-top: 0;
    float: none;
    width: 100%;
    padding: 0;
    background-image: none;
    margin: 0;
    background: white;
    height: 80px;
    line-height: 72px;
    text-align: center;

}
.not-logged-in.page-user.section-user .tabs-primary__tab {
    background: none !important;
    padding: 0 0px !important;
    float: none;
    display: inline-block;
}
.not-logged-in.page-user.section-user .tabs-primary__tab.is-active .tabs-primary__tab-link {
    background: #f4ea10 !important;
}

.view.view-tweets .view-header {
    float: left;
    line-height: normal;
    padding-right: 20px;
}
.view.view-tweets .view-header h4{
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    font-style: oblique;
    margin: 6px 0 0;
    color: #f4ea10;
    float: left;
}
.view.view-tweets .view-header h3{
    margin: 0;
    font-size: 23px;
    float: left;
    clear: both;
}
form#invia-il-tuo-video-entityform-edit-form div#edit-actions {
    margin: 0 33% !important;
    display: inline-block;
}
.jGrowl.bottom-left {
    bottom: 60px;
    left: 0;
}
/* da riattivare dopo feed tweet */

.fixed-footer{
    display: none !important;
}
.column-footer{
    bottom: 0 !important;
}


/* banner nella griglia in home */

.anteprima-Banner .group-view-two {
    display: none;
}
.anteprima-Banner .group-view-one .play-btn{
    display: none;
}


@media screen and (max-width: 568px){
    .not-logged-in.page-user.section-user .tabs-primary__tab {
      background: none !important;
      padding: 0 0px !important;
      float: none;
      display: block;
      width: 100%;
      margin: 0;
      clear: both;
      margin: 10px 0 20px;
  }
  .not-logged-in.page-user.section-user a.tabs-primary__tab-link {
      font-size: 16px !important;
      text-align: center !important;
  }
    .not-logged-in.page-user.section-user #main ul.tabs-primary.tabs.primary{
        height: auto;
        line-height: normal;
        padding: 20px 25px 20px 20px;
    }
    .not-logged-in.page-user.section-user a.tabs-primary__tab-link {
        margin: 0 !important;
    }
    .video-column .fluid-width-video-wrapper {
        height: 100%;
        min-height: auto;
        display: block;
    }
    
}