/**** GENERAL ***/
@import "font-oragiovane.css";

img {
	pointer-events: none;
}

.mobile {
    display: none !important;
}

/* font-family: 'Roboto', sans-serif; */

body {
	font-family: 'Roboto', sans-serif;
}

.align-center {
    text-align: center;
}

.align-left {
    text-align: left;
}

.align-right {
    text-align: right;
}

.align-just {
    text-align: justify
}

a:hover {
    text-decoration: none
}

.btn-custom {
    color: white; /*var(--colorBack);*/
    background: var(--colorText);
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    padding: 15px 30px;
    border-radius: 0px;
    font-size: 21px;
}

.btn-custom:hover {
	 color: white;
    text-decoration: underline;
}

.btn-small {
    font-size: 16px;
    text-transform: uppercase;
}

.go-to-top {
    width: 40px;
    height: 40px;
    border-radius: 100px;
    background-color: #3b3b3a;
    color: #FFF;
    text-align: center;
    position: fixed;
    font-size: 23px;
    line-height: 41px;
    right: 20px;
    bottom: 30px;
    cursor: pointer;
    display: none;
    z-index: 300;
}

.go-to-top:hover {
    background-color: #008EBA;
}

#user_not_abilitate {
    font-family: 'Roboto', sans-serif;
}

#user_not_abilitate span, #user_not_abilitate a {
    color: #0078ff;
    cursor: pointer;
    text-decoration: underline;
}

#user_not_abilitate span:hover, #user_not_abilitate a:hover {
    text-decoration: underline;
}

/**** TOP BAR ***/
.header-top-bar {
    background-color: #3b3b3a;
    color: #FFF;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    height: 38px;
    position: relative;
}

.header-top-bar .container {
    position: relative;
}

.header-top-bar ul {
    margin: 0px;
    padding: 0px;
    float: left;
}

.header-top-bar ul li {
    display: inline-block;
    padding: 3px 0px;
    cursor: pointer;
    border-right: 1px solid #313131;
    margin-top: 2px;
}

.header-top-bar ul li:first-child,
.header-top-bar ul li:last-child {
    border-right: none;
}


.header-top-bar ul li a {
    color: #FFF;
    padding: 0 20px;
    cursor: pointer;
    font-family: 'Roboto', sans-serif;
}

.header-top-bar ul li:hover, .header-top-bar ul li a:hover {
    color: #0090d4;
    text-decoration: none;
}

.header-top-bar .login-box {
    background: #0078FF;
    color: #FFF;
    float: right;
    padding: 6px 20px;
    cursor: pointer;
}

.header-top-bar .login-box i {
    font-size: 21px;
    margin: 4px 5px;
    position: relative;
    top: 2px;
}

.header-top-bar .login-box:hover {
    background-color: #008EBA;
}

.header-top-bar ul li.change-world-link span {
    padding-right: 20px;
    border-right: 1px solid #313131;
    padding: 5px 20px 5px 0px;

}

li.change-world-link i {
    font-size: 24px;
    margin-right: 5px;
    position: relative;
    top: 5px;
}


/**** MENU ***/
.navbar {
    border-radius: 0px;
    margin-bottom: 0px;
    height: 70px;
    z-index: 3;
    background-color: #f8f8f8;
}

.navbar:after {
    width: 100%;
    height: 12px;
    position: absolute;
    bottom: -12px;
    background-repeat: repeat-x;
    background-image: url("../images/menu-shadow.png");
}

.logo-container {
    position: relative;
}

.main-logo {
    background-image: url("../images/logo_lapis_2026.png");
	width: 175px;
    height: 81px;
    background-repeat: no-repeat;
    position: absolute;
    left: 28px;
    top: -1px;
    z-index: 4;
	background-size: 75%;
	/*transform: scale(0.7);*/
	transform-origin: top left;
}

.main-logo.home {
    background-image: url("../images/logo_lapis_2026.png");
  	width: 180px;
    height: 110px;
	background-size: 100%;
	
    /*transform: scale(0.8);*/
}

.navbar-default .navbar-nav > li > a:hover {
    background-color: #FFF;
}

.navbar-default .navbar-nav > li > a {
    color: #3b3b3a;
    font-family: 'Roboto', sans-serif;
    font-size: 21px;
    padding: 25px 2rem 23px 2rem;
}

.navbar-default .navbar-nav > li > a .digital-kit {
    text-align: center;
    position: relative;
    width: 170px;
}

.navbar-default .navbar-nav > li.digital-kit.current-page-ancestor a,
.navbar-default .navbar-nav > li.digital-kit.current-menu-item a,
.navbar-default .navbar-nav > li.digital-kitcurrent_page_item a,
.navbar-default .navbar-nav > li.digital-kit.active a {
    background-color: #0078ff;
    color: #FFF;
}

.navbar-default .navbar-nav > li.digital-kit.current-page-ancestor a span,
.navbar-default .navbar-nav > li.digital-kit.current-menu-item a span,
.navbar-default .navbar-nav > li.digital-kitcurrent_page_item a span,
.navbar-default .navbar-nav > li.digital-kit.active a span {
    color: #FFF;
}

.navbar-default .navbar-nav > li.digital-kit > a span {
    font-size: 14px;
    display: block;
    text-align: center;
    position: absolute;
    color: #818181;
    width: 100px;
    left: 50%;
    margin-left: -50px;
    /* text-transform: uppercase; */
    /* font-weight: 600; */
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    background-color: #FFF;
    color: #008285;
	border-bottom: 3px solid #008285;
}


/**** TOP-BLOCK ****/
.top-block-move {
    position: relative;
    width: 100%;
    height: 410px;
    overflow: hidden;
    background-color: #00b7f8;
}



.top-block-move .container {
    position: relative;
    height: 100%;
}

.top-background {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    background-image: url("../images/wall_lapis.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.al-container-bollino {
	z-index: 1;
    position: absolute;
    right: 20%;
	top: 5%;
}

.al-bollino {
	width: 250px;
}

@media (max-width: 1440px) {
	.al-container-bollino {
    	right: 10%;
	}
}

@media (max-width: 1224px) {
	.al-container-bollino {
    	right: 2%;
	}
}

@media (max-width: 667px) {
	.al-bollino {
    	width: 120px;
	}
}


#scene {
    width: 100%;
    height: 100%;
    padding: 0px;
    margin: 0px;
    position: relative;
    list-style-type: none;
}

#scene li {
    width: 100%;
    height: 110%;
    padding: 0px;
    margin: 0px;
    position: relative;
}

.ht0, .ht1, .ht2, .ht3 {
    width: 100%;
    height: 94%;
    right: 0px;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;

}
/*
.ht0 {
    background-image: url("../images/slides/home-top-1.png");
}

.ht1 {
    background-image: url("../images/slides/home-top-2.png");
}
*/
.ht1 {
    background-image: url("../images/luci.png");
}

.ht3 {
    background-image: url("../images/personaggi_low.png");
    z-index: 10;
}

/*
.ht0 {
    background-image: url("../images/home-top-0.png");
    width: 100%;
    height: 94%;
    right: 0px;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
}
.ht1 {
    background-image: url("../images/home-top-1.png");    
    width: 680px;
    height: 420px;
    right: 0px;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
}
.ht2 {
    background-image: url("../images/home-top-2.png");
    width: 500px;
    height: 450px;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    left: 130px;
}
.ht3 {
    background-image: url("../images/home-top-3.png");
    width: 500px;
    height: 500px;
    background-size: contain;
    background-repeat: no-repeat;
    left: 33%;
    top: -15px;
    position: absolute;
}*/

#prime-video-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    background-color: rgba(0, 0, 0, 0.9);
    text-align: center;
    z-index: 40;
    display: none;
}

#prime-video-overlay iframe {
    margin-top: 100px;
}

#single-character-video-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    background-color: rgba(0, 0, 0, 0.9);
    text-align: center;
    z-index: 40;
    display: none;
}

#single-character-video-overlay iframe {
    margin-top: 100px;
}

.banner-bottom {
    font-family: 'Roboto', sans-serif;
    color: #fff;
    font-size: 23px;
}

.banner-bottom a {
    color: #fff;
}

.banner-bottom a:hover {
    color: #fff;
}

.banner-bottom p {
    font-weight: bold;
    text-align: center;
}

.banner-bottom p:hover {
    text-decoration: underline;
}

.show-dvd {
    background-image: url("../images/codice-digitale.png");
    width: 200px;
    height: 200px;
    position: absolute;
    background-size: contain;
    right: 0;
    top: -95px;
    cursor: pointer;
    transition: all 0.5s;
}

.show-dvd:hover {
    transform: scale(1.1);
}

/*
.element-background{
    width: 100%;
    height: 150%;
    position: absolute;
    left: -40px;
    top: -90px;
    background-image: url("../images/home-top-4.png");
    background-size: contain;
}*/

.characters-top {
    width: 100%;
    height: 150%;
    position: absolute;
    left: 0px;
    top: -100px;
    background-image: url("../images/characters-top.png");
    background-size: cover;
}

.single_video_button {
    color: #fff;
    background-color: #2d48a8;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    padding: 5px 15px;
    border-radius: 25px;
    font-size: 16px;
    border: 2px solid #2d48a8;
    margin: 10px 0px;
    display: block;
    width: auto;
    float: left;
    cursor: pointer;
    line-height: 35px;
}

.single_video_button:hover {
    color: #2d48a8;;
    background-color: #FFF;
    text-decoration: none;
}

.video_button_container {
    background-color: #fff;
    width: 35px;
    height: 35px;
    float: left;
    border-radius: 35px;
    margin-right: 10px;
}

.video_button.play {
    width: 40px;
    height: 20px;
    border-style: solid;
    border-width: 23px;
    margin-left: 11px;
    margin-top: 7px;
    box-sizing: border-box;
    border-width: 10px 0px 10px 18px;
    border-color: transparent transparent transparent #2d48a8;
}

.nadia {
    width: 680px;
    height: 490px;
    position: absolute;
    top: -15px;
    z-index: 6;
    right: 0px;
    background-repeat: no-repeat;
    background-image: url("../images/nadia_sussidio_grest_estivo_oratoriogrest.png");
    background-size: contain;
}

.luca {
    width: 440px;
    height: 470px;
    position: absolute;
    bottom: -90px;
    left: 50%;
    margin-left: -290px;
    z-index: 4;
    background-image: url("../images/luca_sussidio_grest_estivo_oratoriogrest.png");
    background-size: contain;
    background-repeat: no-repeat;
}

.bird {
    width: 300px;
    height: 233px;
    position: absolute;
    top: 140px;
    left: 20px;
    background-image: url("../images/tucano.png");
    background-size: cover;
}

/**** FOCUS AREA ****/

#focus-area {
    padding-top: 60px;
}

#focus-area .item-text-container {
    width: 50%;
    position: absolute;
    z-index: 10;
    padding: 0 50px 0 30px;
}

#focus-area .item-button {
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    margin-left: 30px;
}

#focus-area .item-button.more {
    text-transform: uppercase;
    border: 1px solid #fff;
    width: 200px;
    padding: 10px 0;
    text-align: center;
}

#focus-area .item-button.more:hover{
    color: #000;
    background-color: #fff;
    opacity: 0.8;
}


#focus-area .item-button.buy {
    text-decoration: underline;
	font-size: 21px;
}

#focus-area .item-button.buy:hover {
    text-decoration: none;
}

#focus-area .item-title {
    font-family: 'Roboto', sans-serif;
    color: #fff;
    font-size: 30px;
    padding-left: 30px;
	font-weight: 700;
	line-height: 1.2em;
}

#focus-area .item-sub-title {
    font-family: 'Roboto', sans-serif;
    color: #fff;
    font-size: 15px;
    padding: 10px 0 20px 30px;
}

#focus-area a .item-image-box {
    height: 264px;
    width: 100%;
    overflow: hidden;
    float: left;
	margin-bottom: 30px;
}

#focus-area a .item-image {
    height: 100%;
    width: 100%;
    background-size: cover;
    transition: all 0.5s;
}

#focus-area a .item-image:hover {
    transform: scale(1.1);
}


/**** MODULE****/
.fascia {
	/* background-image: url('../images/fascia-justjungle.png'); 
    background-size: cover; */
	background: linear-gradient(to bottom, #00b9b5, #004445);
}

.module-video .back-blue {
    /*background: linear-gradient(to right, #4a58de , #2c347d);*/
    background-image: url('../images/wall_video_sussidio_grest_estate_ragazzi_lapis_2026.jpg');
    background-size: cover;
}

.module-video .back-color-blue {
    background-color: #008285;
}


/**** MODULE VIDEO ****/
.module-video {
    padding: 30px 0px 0px 0px;
    position: relative;
    /* display: none; */
}

.module-video .module-title {
    color: #FFF;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 26px;
    margin-bottom: 30px;
    display: none;
}

.video-title {
    color: #3b3b3a;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    padding: 10px 0px;
    font-size: 15px;
    border-bottom: 1px solid #b7b7b7;
}

.top-texture-video {
    /* background-image: url("../images/07_bg_video.png"); */
    height: 51px;
    width: 100%;
    background-size: cover;
    display: none;
}

.bottom-texture-video {
    /* background-image: url("../images/07_bg_video.png"); */
    height: 51px;
    width: 100%;
    background-size: cover;
    background-position-y: bottom;
    display: none;
}

.module-video .container {
    /* padding-top: 30px; */
    /* margin-bottom: 140px; */
    padding-top: 80px;
    padding-bottom: 80px;
}

.video-list-box {
    max-height: 100%;
    position: relative;
}

.video-list {
    background-color: #dedede;
    width: 100%;
    overflow: scroll;
}

.video-icon {
    height: 115px;
    width: 115px;
    border-radius: 300px;
    background-color: rgba(0, 0, 0, 0.7);
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -57px;
    margin-top: -57px;
    font-size: 50px;
    line-height: 128px;
    text-align: center;
    color: #FFF;
    z-index: 40;
    -webkit-transition: all 0.4s; /* Safari */
    transition: all 0.4s;
    cursor: pointer;
    /* display: none; */
}

.top-block-move .video-icon {
    display: none;
}

.video-icon i {
    margin-left: 10px;
}

.video-icon:hover {
    height: 130px;
    width: 130px;
    margin-left: -65px;
    margin-top: -65px;
    line-height: 143px;
}


.video-list ul {
    padding: 0px;
    margin: 0px;
    /* margin-bottom: 80px; */
    overflow: scroll;
}

.video-list ul li.active {
    background-color: #FFF;
    border-right: 5px solid #c6914b;
}

.video-list ul li {
    list-style-type: none;
    height: 90px;
    position: relative;
    cursor: pointer;
    border-bottom: 1px solid #b7b7b7;
    border-right: 5px solid transparent;
}

.video-list ul li:hover {
    background-color: #FFF;
}

.video-list ul li .preview-image {
    background-size: cover;
    width: 35%;
    height: 100%;
    float: left;
    position: relative;
    text-align: center;
}

.video-list .title-area {
    padding: 10px 10px;
    margin-left: 35%;
}

.video-list ul li .preview-image i {
    font-size: 35px;
    color: #FFF;
    position: relative;
    top: 30px;
}

.video-list ul li strong {
    display: block;
}

.video-list ul li span {
    background-color: #c6914b;
    color: #FFF;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    width: auto;
    border-radius: 3px;
    padding: 2px 15px;
    float: left;
    margin-top: 5px;
    display: none;
    text-align: center;
}

.video-list ul li.active span {
    display: block;
}

.video-list ul li.active .background-video-small,
.video-list ul li.active .preview-image i,
.video-list ul li.active br,
.video-list ul li.active em {
    display: none;
}

.video-list-box .video-list {
    height: 430px;
}

.shadow-video {
    background-image: url("../images/shadow-video.png");
    height: 81px;
    width: 100%;
    position: absolute;
    bottom: 0px;
    left: 0px;
    pointer-events: none;
}

#video-container, .video-list {
    /* height: 430px; */
    position: relative;
}


#video-container .video-area {
    margin-right: 0px;
    padding-right: 0px;
}

.video-area iframe {
    width: 100%;
    height: 100%;
    border: none;

}

.right-video {
    margin-left: 0px;
    padding-left: 0px;
}

#video-container .row, #video-container .container, #video-container .video-area {
    height: 100%;
}

.video-player .video {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.video-background {
    background-color: #000;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
}

.video-player {
    height: 430px;
    width: 100%;
    position: relative;
}

.background-video-small {
    height: 100%;
    width: 100%;
    background: #000;
    opacity: 0.6;
    position: absolute;
    top: 0px;
    left: 0px;
}


/**** MODULE AVVENTURA ***/

.module-adventure {
    padding: 40px 0px;
    background-image: url("../images/fondo_espera_sussidio_estivo_2017_grest.jpg");
    background-size: cover;
}

.inzia-avventura-back {
    width: 100%;
    height: 360px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("../images/sussidio-estate-2017.png");
}

.module-adventure .title {
    font-family: 'Roboto', sans-serif;
    color: #FFF;
    font-size: 36px;
    font-weight: 700;
    margin-top: 60px;
}

.module-adventure p {
    font-family: 'Roboto', sans-serif;
    font-size: 17px;
    color: #FFF;
    margin: 10px 0px 25px 0px;
}

.module-adventure .btn {
    color: #FFF;
    background-color: #0078ff;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    padding: 15px 30px;
    border-radius: 0px;
    font-size: 21px;
}

.module-adventure .btn:hover {
    color: #0078ff;;
    background-color: #FFF;
}


/**** MODULE-MONDI****/

.controller-world {
    position: relative;
}

.controller-world .prev-world, .controller-world .next-world {
    position: absolute;
    left: -10px;
    top: 220px;
    color: #fff;
    font-size: 42px;
}

.controller-world .next-world {
    left: inherit;
    right: -10px;
}

.module-worlds {
    padding: 100px 0px 55px;
	position: relative;
	/*background: linear-gradient(to bottom, #e6a31d , #bb5d0f);
	background-image: url('../images/texture-beeheroes.jpg');
    background-repeat: no-repeat;
    background-position: 0 3px;
	background-size: cover;*/
}

.module-worlds .mondi-title {
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 26px;
    margin-bottom: 15px;
    display: block;
}

.sussidio-cover {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 370px;
}

.single-mondo .image-box {
    height: 320px;
    text-align: center;
}

.single-mondo .image-box img {
    height: 100%;
}

.sussidio-title {
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    margin-top: 13px;
    text-align: center;
}

.single-mondo a:hover {
    color: #fff;
    text-decoration: underline;
}

.single-mondo a:hover .image-box {
    height: 330px;
}

.single-mondo a:hover .sussidio-title {
    margin-top: 3px;
}


.al-sfumatura-top,
.al-sfumatura-bottom {
    position: absolute;
	background-image: url(../images/bordo_bianco_sussidio_grest_estate_k26.png);
    width: 100%;
    height: 90px;
    background-size: initial;
    background-position: center;
    background-repeat: repeat-x;
}

.al-sfumatura-top {
    top: -3px;
}

.al-sfumatura-bottom {
    bottom: -32px;
	/*transform: rotate(180deg);*/
	background-image: url(../images/bordo_bianco2_sussidio_grest_estate_k26.png);
}


.module-worlds .al-sfumatura-top {
    top: -30px;
}

/**** MODULE-PERSONAGGI****/

.module-personaggi {
    padding: 30px 0px 0px;
}

.slider-characters {
    height: auto !important;
}

.single-character img {
    position: relative;
    left: 50px;
    max-width: 100%;
}

@media (max-width: 980px) {
    .single-character img {
        left: 0;
    }
}

.slider-characters-small {
	height: 122px !important;
}

.slider-characters-small li {
	margin-top: 10px; 
	margin-bottom: 10px;
	padding-left: 8px;
	padding-right: 8px;
}

.small-chars {
    background-size: cover;
    height: 60px;
    width: 130px;
    position: relative;
	border-radius: 7px;
}

.not-active-overlay {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: #00b9b5; /*00FFFE*/
	outline-style: solid;
    outline-color: #00b9b5;
    outline-width: 10px;
    opacity: 0.3;
    z-index: 3;
    display: none;
	border-radius: 3px;
}

.slider-characters-small li.active .not-active-overlay {
    display: block;
}


.characters-info .name {
    color: #e8943a;  /* was 7A2A9C */
    //font-family: 'Audiowide', cursive;
    font-size: 55px;
    margin-top: 20px;
    text-transform: uppercase;
    float: left;
	font-weight: 900;
    margin-right: 15px;
}

.characters-info .name_giap {
    color: #FF4800;
    font-size: 55px;
    margin-top: 20px;
    float: left;
}

.characters-info p {
    color: #706f6f;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    text-align: justify;
	width: 75%;
}

.charac-title {
    margin-bottom: 10px;
    display: block;
    float: left;
}

.charac-title span {
    background-color: #0078ff;
    width: 37px;
    height: 37px;
    display: block;
    border-radius: 100px;
    line-height: 40px;
    color: #FFF;
    float: left;
    font-size: 32px;
    text-align: center;
}

.charac-title strong {
    color: #e8943a; 
    font-weight: 900;
    font-size: 18px;
    float: left;
    margin: 5px 0px;
}

.charac-title strong:before{
    content: '';
    width: 65px;
    height: 36px;
    display: inline-block;
    background-image: url(../images/icona-matitina.png);
    position: relative;
    vertical-align: middle;
    margin-right: 8px;
	background-size: contain;
	background-repeat: no-repeat;
}

.module-personaggi .row.slide-container {
    position: relative;
}

.module-personaggi .controllers {
    position: absolute;
    top: 200px;
    opacity: .7;
    font-size: 32px;
    cursor: pointer;
    color: #3b3b3a;
    z-index: 40;
}

.module-personaggi .controllers:hover {
    opacity: 1;
}

.module-personaggi .controllers.next-char {
    right: 0px;
}

.module-personaggi .controllers.prev-char {
    left: 0px;
    display: none;
}

#small-char {
    position: relative;
    margin-top: 30px;
}

#small-char .controllers {
    position: absolute;
    z-index: 10;
    top: 81px;
    cursor: pointer;
}

#small-char .controllers.next-small {
    right: 0px;
}

#small-char .controllers.prev-small {
    left: 0px;
    display: none;
}

@media (max-width: 1224px) {
 	.small-chars {
    	height: 60px;
    	width: 100px; 
 	}
	#small-char .controllers {
    	top: 90px;
	}
}

@media (max-width: 991px) {
  	.small-chars {
    	height: 62px;
    	width: 140px;
	}
	#small-char .controllers {
    	top: 82px;
	}
	.characters-info .name {
    	font-size: 26px;
	}
}



/**** MODULE-SOCIAL ****/
.module-social {
    width: 100%;
    /*height: 300px;*/
    background-color: #ffac00;
    position: relative;
    margin-top: 120px;
}

.home .module-social {
    margin-top: 80px;
    display: none;
}

.pattern-social-top {
    width: 100%;
    height: 24px;
    background-image: url("../images/pattern-social-top.png");
    position: absolute;
    top: 0px;
}

.pattern-social-bottom {
    width: 100%;
    height: 100px;
    background-image: url("../images/08_pattern_città.png");
    position: absolute;
    background-position: center bottom;
    bottom: -3px;
    margin-top: 60px;
}

.social-title {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 16px;
    color: #FFF;
    margin-top: 100px;
}

.ball-social-container {
    width: 102px;
    margin: 5px auto;
}

.ball-social {
    height: 43px;
    width: 43px;
    border-radius: 100px;
    text-align: center;
    color: #FFF;
    font-size: 21px;
    margin: 0 3px;
    line-height: 45px;
    background-color: #395888;
    display: block;
    float: left;
}

.ball-social:hover {
    background-color: #243854;
}

.ball-social.google {
    background-color: #d42b25;
}

.ball-social.google:hover {
    background-color: #aa2121;
}


/**** PAGINA MATERIALI ****/
.top-page {
    background-color: var(--colorBack);
    height: 240px;
    color: #FFF;
}

.page-template-page-gadget .top-page {
    background-color: var(--colorBack);
}

.top-page .container {
    position: relative;
    height: 100%;
}

.top-page h1 {
    margin-top: 60px;
    font-size: 43px;
    margin-bottom: 0;
    text-transform: uppercase;
    line-height: 1.8em;
    /*text-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);*/
}

.top-page h2 {
    font-size: 25px;
    margin-top: 0px;
    font-family: 'Roboto', sans-serif;
    text-shadow: 0 1px 6px rgba(0, 0, 0, 0.5);
}

.background-top {
    position: absolute;
   /* left: 0px;
    top: 0px;
    height: 100%;
	*/
	width: 100%;
	height: 240px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.single-product {
    margin-top: 40px;
}

.single-product .inner-box {
    padding: 0px;
}

.single-product.product-image {
    transition: all .5s;
}

.single-product:hover .product-image {
    transform: scale(1.1);
    transition: all .5s;
}

.product-background {
    width: 100%;
    height: 240px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
}

.product-image {
    width: 100%;
    height: 100%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.product-name {
    font-family: 'Roboto', sans-serif;
    color: var(--colorText);
    font-size: 21px;
    line-height: 1.2em;
    margin-top: 10px;
    cursor: pointer;
}

.product-description {
    font-family: 'Roboto', sans-serif;
    color: #999898;
    text-align: justify;
    cursor: pointer
}

.product-link a {
    text-decoration: none;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    float: left;
    margin-top: 6px;
}

.product-link a:hover,
.product-link a:focus,
.product-link a:active {
   color: var(--colorBack);
}

.overlay-full-video {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    display: none;
    background-color: rgba(0, 0, 0, 0.7);
	z-index: 3;
}

.overlay-full-video iframe {
    width: 90%;
    height: 90%;
	margin: 3% 5% 5%;
    border: none;
}

.overlay-full-video .icon-close {
    background-color: #FFF;
    color: #000;
    position: absolute;
    top: 0px;
    right: 20px;
    font-size: 25px;
    padding: 20px;
    cursor: pointer;
}

.overlay-full-video .icon-close:hover {
    color: #0078ff;
}


.overlay-gadget {
    width: 600px;
    height: 400px;
    background-size: cover;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -300px;
    margin-top: -200px;
    z-index: 300;
    display: none;
}

.overlay-gadget .controller {
    position: absolute;
    font-size: 30px;
    color: #3a3a3a;
    top: 180px;
    cursor: pointer;
    opacity: 0.7;
}

.overlay-gadget .controller:hover {
    color: #3a3a3a;
    opacity: 1;
}

.overlay-gadget .next {
    right: 10px;
}

.overlay-gadget .prev {
    left: 10px;
}

.overlay-gadget .single-procuct {
    width: 100%;
    height: 100%;
    background-size: contain;
	background-repeat: no-repeat;
    background-position: center;
}


/**** FOOTER ****/
.credits, .copyright, .address, .piva, .phone {
    color: #c9c9c9;
    font-size: 12px;
    font-family: 'Archivo',Arial,sans-serif;
    padding-top: 30px;
    padding-bottom: 30px;
}
.credits a, .copyright a{
    color: #c9c9c9;
}
.credits a:hover, .copyright a:hover {
    color: #c9c9c9;
    text-decoration: underline;
}

ul.al-footer {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  padding-top: 15px;
}

ul.al-footer li {
  	display: inline-block;
	padding: 15px 30px;
}

@media screen and (max-width: 640px) {
	ul.al-footer li {
    	padding: 5px;
	}
}


.logo-oragiovane {
    width: 118px;
    height: 50px;
    background-repeat: no-repeat;
    background-image: url("../images/logo-oragiovane.png");
}

.social-footer {
    padding: 10px 0px;
    border-bottom: 1px solid #aeaeae;
    border-top: 1px solid #aeaeae;
}

.follow-us {
    display: block;
    float: right;
    text-transform: uppercase;
    font-size: 13px;
    color: #575756;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    margin-right: 10px;
    margin-top: 17px;

}

.ball-social-container {
    width: 102px;
    float: right;
    margin: 5px auto;
}

.menu-footer {
    padding-bottom: 40px;
}

.menu-footer .menu-title {
    color: #3b3b3a;
    padding: 45px 0px 20px;
    font-size: 21px;
}

.menu-footer ul {
    padding: 0px;
    margin: 0px;
}

.menu-footer ul li {
    list-style-type: none;
    margin-bottom: 0.8em;
}

.menu-footer ul li a {
    color: #6f6f6f;
    font-size: 15px;
    text-decoration: none;
}

.menu-footer ul li a:hover {
    text-decoration: underline;
    color: #3b3b3a;
}

.credits, .copyright {
    color: #c9c9c9;
    font-size: 12px;
    font-family: 'Archivo', Arial, sans-serif;
    padding: 30px 0px;
}

.credits a, .copyright a {
    color: #c9c9c9;
}

.credits a:hover, .copyright a:hover {
    color: #c9c9c9;
    text-decoration: underline;
}


/**** OVERLAY ****/

.overlay {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 100;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.7;
    cursor: pointer;
    display: none;
}

.overlay-content {
    width: 500px;
    padding: 20px;
    height: 260px;
    position: fixed;
    background-color: #FFF;
    z-index: 300;
    top: 15%;
    border-radius: 5px;
    left: 50%;
    margin-left: -270px;
    display: none;
}

.overlay-content .close-overlay {
    cursor: pointer;
}

.overlay-content .close-overlay:hover {
    color: #3c424e;
}

.modal-title {
    margin-top: 40px;
    color: #3c424e;
    font-family: 'Roboto', sans-serif;
    font-size: 22px;
}

.overlay-content p {
    color: #706f6f;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
}

.overlay-content .btn {
    color: #FFF;
    background-color: #0078ff;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    padding: 10px 30px;
    border-radius: 0px;
    font-size: 18px;
    border: 2px solid #0078ff;
    margin: 10px 0px;
    display: block;
}

.overlay-content .btn:hover {
    color: #0078ff;;
    background-color: #FFF;
    text-decoration: none;
}

.close-btn {
    color: #a3a3a3;
    background-color: #e7e7e7;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    padding: 10px 30px;
    border-radius: 0px;
    font-size: 18px;
    border: 2px solid #e7e7e7;
    margin: 10px 0px;
    display: block;
    cursor: pointer;
    opacity: 1;
}


.close-btn:hover {
    color: #a3a3a3;;
    background-color: #FFF;
    text-decoration: none;
}

.single-btn {
    margin-top: 20px;
    width: 50%;
    float: left;
}

.single-btn .btn, .single-btn span {
    text-align: center;
    width: 98%;
}

input[type=email],
input[type=url],
input[type=text],
input[type=date],
input[type=password],
input[type=number],
textarea {
    background: #fafafa;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
    border: 1px solid #ddd;
    color: #888;
}

.top_login {
    width: 100%;
    background-color: #F1F2F2;
    position: relative;
}

.top_login p {
    background-color: #F1F2F2;
    color: #00A8F4;
    text-align: center;
    width: 100%;
    font-size: 28px;
    margin-bottom: 0px;
    padding: 10px 0;
    font-family: 'Archivo', sans-serif;
}

.top_login .close_login {
    position: absolute;
    right: 10px;
    top: 10px;
    color: #fff;
    background-color: #D1D3D4;
    padding: 10px 18px;
    cursor: pointer;
}

#login_form #login {
    float: left;
    width: 42%;
    padding: 30px;
}

#login_form #registrati {
    float: left;
    width: 45%;
    padding: 30px 10px 30px 30px;
}

.clearer {
    clear: both;
}

#form-iscr {
    width: 836px;
    position: absolute;
    top: 50px;
    left: 50%;
    background-color: #fff;
    z-index: 999;
    margin: 0 auto;
    display: none;
    z-index: 4000;
    margin-left: -418px;
}

#login_form p {
    margin-bottom: 20px;
    font-size: 30px;
    width: 100%;
    font-family: 'Archivo', sans-serif;
    color: #3C3C3B;
    line-height: 0.9em;
}

#login_form p span {
    font-size: 13px;
    color: #939598;
}

#login_form p span strong {
    color: #3C3C3B;
}

#login_form label {
    font-family: 'Archivo', sans-serif;
    font-weight: bold;
    font-size: 12px;
    width: 100%;
}

#login_form input {
    width: 260px;
    height: 35px;
    border-radius: 3px;
}

#login button {
    margin: 30px 0;
    cursor: pointer;
    background-color: #00FF88;
    width: 260px;
    padding: 15px 40px;
    border: none;
    border-radius: 5px;
}

#login button:hover {
    background-color: #3abd62;
}

#login button span {
    line-height: 20px;
    font-family:  'Archivo', sans-serif;
    font-size: 22px;
    color: #3C3C3B;
}

#registrati button {
    margin: 20px 0;
    cursor: pointer;
    background-color: #00A7F3;
    width: 260px;
    padding: 15px 40px;
    border: none;
    border-radius: 5px;
}

#registrati button:hover {
    background-color: #197db6;
}

#registrati button span {
    line-height: 20px;
    font-family:  'Archivo', sans-serif;
    font-size: 22px;
    color: #fff;
}

#login_4e {
    width: 20px !important;
    height: 20px !important;
    float: left;
}

#login span {
    font-size: 13px;
    color: #3B3B3A;
}

#login a {
    color: #A7A9AC;
    font-family:  'Archivo', sans-serif;
    font-size: 13px;
    width: 260px;
    text-align: center;
}

#login a:hover {
    text-decoration: underline;
}

#form-reg {
    width: 836px;
    position: absolute;
    top: 50px;
    left: 50%;
    background-color: #fff;
    z-index: 999;
    margin: 0 auto;
    display: none;
    z-index: 4000;
    margin-left: -418px;
}

#form-reg form {
    padding: 30px;
}

#form-reg .top_login p {
    background-color: #F1F2F2;
    color: #00A8F4;
    text-align: center;
    width: 100%;
    font-size: 28px;
    margin-bottom: 0px;
    padding: 20px 0;
    font-family:  'Archivo', sans-serif;
}

#form-reg p {
    margin-bottom: 20px;
    font-size: 30px;
    width: 100%;
    font-family:  'Archivo', sans-serif;
    color: #3C3C3B;
    line-height: 0.9em;
}

#form-reg p span {
    font-size: 13px;
    color: #939598;
}

#form-reg p span strong {
    color: #3C3C3B;
}

#form-reg label {
    font-family:  'Archivo', sans-serif;
    font-weight: bold;
    font-size: 12px;
    width: 100%;
}

#form-reg input {
    width: 260px;
    height: 35px;
    border-radius: 3px;
}

.single_input {
    width: 50%;
    float: left;
}

.single_input.mail {
    width: 84% !important;
}

.single_input.mail input {
    width: 100%;
}

.double_input {
    margin: 20px 0;
}

#form-reg button {
    margin: 20px 0;
    cursor: pointer;
    background-color: #00A7F3;
    width: 260px;
    padding: 15px 40px;
    border: none;
    border-radius: 5px;
}

#form-reg button:hover {
    background-color: #197db6;
}

#form-reg button span {
    line-height: 20px;
    font-family:  'Archivo', sans-serif;
    font-size: 22px;
    color: #fff;
}

#crea_account {
    margin: 20px 0;
    cursor: pointer;
    background-color: #00A7F3;
    height: 50px !important;
    padding: 15px 40px;
    border: none;
    line-height: 20px;
    font-family:  'Archivo', sans-serif;
    font-size: 22px;
    color: #fff;
}

#crea_account:hover {
    background-color: #197db6;
}

.button_abilita {
    cursor: pointer;
    background-color: #0099ff;
    color: #FFF;
    padding: 13px 10px;
    border-radius: 5px;
    margin: 15px 0px 0px 0px;
    border: none;
    width: 230px;
}

.button_abilita:hover {
    background-color: #3C3E41;
    color: #0099ff;
}

.button_login {
    margin: 20px 0;
    cursor: pointer;
    background-color: #00A7F3;
    height: 50px !important;
    padding: 15px 40px;
    border: none;
    line-height: 20px;
    font-family:  'Archivo', sans-serif;
    font-size: 22px;
    color: #fff;
}

.button_login:hover {
    background-color: #197db6;
}


#register_code {
    width: 540px;
    height: 270px;
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: white;
    z-index: 999;
    margin: 0 auto;
    border-radius: 10px;
    display: none;
    z-index: 4000;
    margin-top: -135px;
    margin-left: -270px;
}

#register_code_inner {
    text-transform: uppercase;
    top: 30px;
    left: 15px;
    position: absolute;
    text-align: center;
    color: #424243;
}

#register_code_inner span {
    font-family:  'Archivo', Arial, sans-serif;
    font-size: 20px;
    line-height: 0.8em;
}

#register_code_inner span em {
    font-style: normal;
    font-weight: bold;
}

#register_code_inner strong {
    color: #0099ff;
    font-family:  'Archivo', Arial, sans-serif
}

#field_input {
    text-align: center;
}

#register_code_inner #field_input input {
    width: 50%;
    margin: 10px auto;
    padding: 10px 20px;
    font-size: 22px;
    color: #000;
    font-weight: bold;
    text-align: center;
}

#register_code_inner .log_out_text, #register_code_inner .user, #register_code_inner #social_header {
    display: none;
}


#user_menu {
    position: absolute;
    top: 38px;
    width: 270px;
    right: 15px;
    background-color: #FFF;
    text-align: left;
    z-index: 40;
    color: #000;
    font-family: 'Roboto', sans-serif;
    box-shadow: 0px 2px 10px #777;
    height: 0px;
    overflow: hidden;
    transition: all 0.3s;
}

#user_menu.open-menu {
    height: auto;

}

#user_menu .user_logout {
    padding: 20px 15px;
    background-color: #F1F2F2;
    color: #939598;
    text-align: left;
}

#user_menu .user_logout a {
    background-color: #0078ff;
    padding: 10px 20px;
    color: #FFF;
}

#user_menu .single-item {
    padding: 20px 15px;
    border-bottom: 1px solid #939598;
}

#user_menu .single-item:last-child {
    border-bottom: none;
}

#user_menu .single-item.open-overlay {
    cursor: pointer;
}

#user_menu .single-item.open-overlay:hover {
    text-decoration: underline;
}

#enabled i {
    color: #9EE233;
}


.animation {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
}

.infinite {
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

@keyframes bounce {
    0% {
        transform: translateY(-30);
    }
    50% {
        transform: translateY(+30px);
    }
}

@-webkit-keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}


.overlay_code {
    background: #000;
    background: rgba(0, 0, 0, 0.7);
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 2000;
    cursor: pointer;
    display: none;
}

.overlay_code .overlay_inner {
    width: 540px;
    margin: 0 auto;
    margin-top: 4%;
    background-color: #FFF;
    padding: 20px;
    border-radius: 10px;
    position: relative;
}

.overlay_code .overlay_inner .close {
    position: absolute;
    top: 0px;
    right: 10px;
    font-size: 18px;
}

.overlay_code .overlay_inner p.top {
    color: #0099ff;
    font-family:  'Archivo', Arial, sans-serif;
    font-weight: bold;
    font-size: 23px;
}

.overlay_code .overlay_inner p {
    text-transform: uppercase;
    text-align: center;
    color: #424243;
    margin-bottom: 10px;
    font-size: 16px;
}

.overlay_code .overlay_inner p.bottom {
    text-transform: none;
    font-size: 14px;
}



/* MODAL BANNER HOME ON LOAD PAGE UNTIL 20/05/2021 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

#banner .modal-dialog {
    width: 70%;
}

#banner .modal-header {
    border-bottom: none;
}

#banner .modal-title {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 28px;
    line-height: 1.3em;
	color: red;
    text-align: center;
}

#banner .single-item {
    margin-bottom: 15px;
    overflow: hidden;
}

#banner .item-image-box {
    width: 100%;
    height: 250px;
    position: relative;
    margin-bottom: 15px;
    overflow: hidden;
}

#banner .item-text-inner {
    position: relative;
    width: 50%;
    z-index: 10;
    top: 40px;
    color: #FFF;
    margin: 0px 20px;
}

#banner .item-title {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 28px;
    line-height: 1.2em;
}

#banner .item-sub-title {
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    line-height: 1.2em;
}

#banner .item-title, 
#banner .item-sub-title, 
#banner .item-link {
    position: relative;
    z-index: 10;
    color: #FFF;
}

#banner .item-link a {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    color: #FFF;
    font-size: 18px;
    text-decoration: underline;
}

#banner .item-image {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background-size: cover;
    background-position: center;
    transition: all 0.3s;
}

@media (max-width: 768px) {
	#banner .modal-dialog {
    	width: 95%;
	}
	
	#banner .modal-title,
	#banner .item-title {
    	font-size: 20px;
	}
	
	#banner .item-sub-title,
	#banner .item-link a,
	#banner .btn-custom {
		font-size: 16px;
	}
	
	#banner .btn-custom {
		padding: 8px 15px;
	}
	
	#banner .focus-item .single-item:nth-child(3) .item-text-inner {
    	top: 0;
	}
	
}

/* MODAL BANNER HOME ON LOAD PAGE UNTIL 20/05/2021 <<< */

/* CSS BEEHEROES >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
.font-race-sport {
	font-family: 'Audiowide', cursive !important;
}

#menu-item-1359 {
	background: #008285;
    margin-top: 14px;
    border-radius: 50px;
}

#menu-item-1359 a {
	color: white;
    padding: 10px 30px;
}

#menu-item-1359 a:hover {
	color: white;
    background: #008285;
	border-radius: 50px;
	text-decoration: underline;
}

.banner-bottom {
	background-color: #e8ddc3;
	margin-top: -35px;
}

.banner-bottom .container {
	background: #008285;
	border-radius: 20px;
	height: 110px;
}

.banner-bottom .al-sussidio {
	line-height: normal;
    padding-top: 30px;
	text-align: center;
}

.banner-bottom .al-img img {
	width: 47%;
    margin-top: -48px;
	left: 105px;
    position: absolute;
}

.banner-bottom .al-btn {
	height: 110px;
}

.banner-bottom .al-btn div {
	margin-top: 40px;
	text-align: center;
}

.banner-bottom .al-btn a {
	background-color: #ff8300 ;
    padding: 10px 30px;
    color: white;
    border-radius: 50px;
}

.banner-bottom .al-btn a:hover {
	text-decoration: underline;
}

.al-mobile {
	display:none;
}

.al-mobile .al-asset14 {
	margin-top: -70px;
}

/*
#focus-area {
	padding-bottom: 40px;
}
*/
.single-item {
    margin-bottom: 15px;
    overflow: hidden;
}

.item-image-box {
    width: 100%;
    height: 250px;
    position: relative;
    margin-bottom: 15px;
    overflow: hidden;
}

.item-text-inner {
    position: absolute;
    width: 50%;
    z-index: 10;
    top: 20px;
    color: #FFF;
    margin: 0px 20px;
}

.item-title, .item-sub-title, .item-link {
    position: relative;
    z-index: 10;
    color: #FFF;
}

.item-link a {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    color: #FFF;
    font-size: 21px;
    text-decoration: underline;
}

.item-image {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background-size: cover;
    background-position: center;
    transition: all 0.3s;
}


.show-mobile {
	display: none;
}

.hide-mobile {
	display: block;
}
    

/* CSS BEEHEROES <<< */

/* CSS RUBIK >>>>>>>>>>>>>>>>>>>>>> */
.module-worlds .al-trim-up-video,
.module-worlds .al-logo-rubikers,
.module-worlds .al-triangolo-viola {
	position: absolute;
	display: none;
}

.module-worlds .al-trim-up-video {
	top: -60px;
}

.module-worlds .al-trim-up-video img {
	width: 40%; 
	float: right;
}

.module-worlds .al-logo-rubikers {
	top: -125px; 
	width: 100%; 
	text-align: center;
}

.module-worlds .al-logo-rubikers img {
	height: 150px;
}

.module-worlds .al-triangolo-viola {
	top: -100px;
}

.module-worlds .al-triangolo-viola img {
	width: 25%;
}

.module-video .al-trim-up-video,
.module-video .al-palline-azzurra,
.module-video .al-trim-bottom-videos,
.module-video .al-triangolo-azzuro {
	position: absolute;
}

.module-video .al-trim-up-video {
	top: -25px;
	right: -50px;
}

.module-video .al-trim-up-video img {
	width: 60%; 
	float: right;;
}

.module-video .al-palline-azzurra {
	top: -20px;
}

.module-video .al-palline-azzurra img {
	width: 50%;
}


.module-video .al-trim-bottom-videos {
	bottom: -25px;
	left: -50px;
}

.module-video .al-trim-bottom-videos img {
	width: 50%;
}


.module-video .al-triangolo-azzuro {
	bottom: -20px;
	right: 0;
}

.module-video .al-triangolo-azzuro img {
	width: 25%;
}

.banner-bottom .al-btn a {
	font-weight: bold;
}

.banner-bottom .al-sussidio {
	color: white;
}


/* CSS RUBIK <<< */


/* COUNTDOWN >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
.countdown-box {
	background-color: var(--colorText);
    border-radius: 25px;
}

.countdown-info {
    padding: 20px;
    text-align: center;
    color: var(--colorBack);
    font-size: 25px;
}
/* COUNTDONW <<< */


/* MODALE RISTAMPA MAGLIETTA JUSTJUNGLE >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

.display-block-small {
	display: none;
}

.display-none-small {
	display: block;
}


.al-modal-justjungle .modal-dialog {
	max-width: 800px;
	width: auto;
}

.al-modal-justjungle .modal-content {
	border-radius: 25px;
}

.al-modal-justjungle .modal-body {
    padding: 30px;
}

.al-modal-justjungle .al-jj-align {
    text-align: right;
}

.al-modal-justjungle img {
	width: -webkit-fill-available;
}

.al-modal-justjungle .al-jj-title {
    font-size: 35px;
	color: #008285;
	font-weight: bold;
    line-height: 35px;
	margin-top: 20px;
}

.al-modal-justjungle .al-jj-subtitle {
    font-size: 22px;
	color: #fc7700;
	margin-bottom: 0;
    font-weight: bold;
}

.al-modal-justjungle .al-jj-content  {
    font-size: 24px;
	line-height: 25px;
	color: #808080;
}

.al-modal-justjungle .al-jj-content span {
    text-decoration: underline;
    font-weight: bold;
}

.al-modal-justjungle .al-jj-content-small {
    font-size: 12px;
    margin-top: 35px;
}

.al-modal-justjungle .btn-justjungle {
    font-size: 20px;
	color: #008285;
	padding: 15px 40px;
	border-radius: 25px;
	background-color: white;
	border: 2px solid;
	margin-top: 20px;
}

.al-modal-justjungle .btn-justjungle:hover {
	background-color: #008285;
	text-decoration: none;
	color: white;
}


.al-modal-justjungle .al-jj-content-small a {
	color: #333;
}

.al-modal-justjungle .al-jj-content-small a:hover {
	color: #000;
	text-decoration: underline;
}

.al-modal-justjungle.modal.in .modal-dialog {
	transform: translate(0%, 35%);
}

.modal-backdrop.in {
    opacity: 0.8;
}


@media (max-width: 600px){
	.display-block-small {
		display: block;
	}
	
	.display-none-small {
		display: none;
	}
	
	.al-modal-justjungle.modal.in .modal-dialog {
    	transform: translate(0%, 0%);
	}
	
	.al-modal-justjungle .modal-body {
    	padding: 15px;
	}
	
	.al-modal-justjungle .al-jj-title {
    	font-size: 28px;
		text-align: center;
		margin-bottom: 20px;
	}
	
	.al-modal-justjungle .al-jj-align {
    	text-align: center;
	}
	
	.al-modal-justjungle img {
		margin-bottom: 30px;
	}
}



/* MODALE RISTAMPA MAGLIETTA JUSTJUNGLE <<< */





/* SITO NEXUS >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

.bordo-sussidio-grest-red {
	height: 28px;
    position: absolute;
    width: 100%;
}


/* SITO NEXUS <<< */


/* SITO LAPIS >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

.color-green {
	color: #005859
}


/* SITO LAPIS <<< */