body{
    overflow-x: hidden;
}
/*gestione nome single page*/

#backButtonSnglMdl {
    text-align: center;
    width: 50px;
    float: left;
    /*margin-left: 0px;
    margin-top: 5px;*/
    margin-left: -90px;
    margin-top: 45px;
    margin-bottom: 0px;
    background: rgba(0, 0, 0, 1);
    border: 1px solid rgba(255, 255, 255, 1);
    border-radius: 5px;
}

a.backButtonSnglMdl {
    width: 100%;
    float: left;
    margin-top: -0.2em;
    color: rgba(255, 255, 255, 1);
    text-align: center;
    text-decoration: none;
    font-size: 3em;
    font-family: 'Mulish', sans-serif;
    text-transform: uppercase;
    transition: 0.5s;
    position: relative;
    z-index: 9999999;
}

a.backButtonSnglMdl:hover {
    width: 100%;
    margin-left: -10%;
    letter-spacing: 5px;
    transition: 0.8s;
    color: rgba(221, 0, 221, 1);
    cursor: pointer;
}

h1.childPersonName {
    width: 100%;
    float: left;
    text-align: center;
    font-size: 3em;
    text-transform: uppercase;
    margin-top: 10%;
    font-family: 'Mulish', sans-serif;
    color: rgba(0, 0, 0, 0.8;
    );
    font-weight: normal;
}

#singlePageMenu {
    width: 100%;
    float: left;
    background: rgba(0, 0, 0, 0.5);
    top: 0px;
    left: 0px;
    height: auto;
}

ul.singlePageMenu {
    width: 60% !important;
    float: left;
    list-style: none;
    padding: 0px;
    margin: 0px;
    margin-left: 20%;
    padding-top: 5px;
    padding-bottom: 5px;
}

#singlePageHeader {
    width: 100% !important;
    background: rgba(255, 255, 255, 0);
    height: auto;
    float: left;
    top: 0px;
    left: 0px;
    padding: 0px;
    margin: 0px;
    margin-top: 25px;
}

a.singlePageLogoHeader img {
    width: 20%;
    float: left;
    margin-left: 40%;
    margin-right: 40%;
    margin-bottom: 50px;
}

#visualizza {
    width: 100%;
    float: left;
}

span.childFeatureName {
    font-family: 'Mulish', sans-serif;
    font-size: 1.2em;
    color: rgba(0, 0, 0, 0.8);
}

span.childFeatureValue {
    font-family: 'Mulish', sans-serif;
    font-size: 1.2em;
    color: rgba(0, 0, 0, 0.6);
}

li.id,
li.guid,
li.urlHD,
li.thumb,
li.note,
li.w,
li.h,
li.ratio,
li.o {
    display: none !important;
}

#backToPrePage {
    width: 100% !important;
    float: left;
    margin-left: 0px;
    margin-top: 0px;
}

a.backToPrePageButton {
    width: 30% !important;
    margin-left: 35%;
    margin-right: 35%;
    float: left;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.5);
    padding: 5px;
    border: 1px solid rgba(0, 0, 0, 0.5);
    margin-top: 25px;
    margin-bottom: 25px;
    text-align: center;
    border-radius: 25px;
    text-decoration: none;
    transition: 1s;
}

a.backToPrePageButton:hover {
    letter-spacing: 2px;
    transition: 1s;
    color: rgba(0, 0, 0, 0.8);
}


/* mainInfo */

ul.mainInfo {
    width: 100%;
    float: left;
    padding-inline-start: 0px;
}

ul.mainInfo li {
    width: 100%;
    max-height: 800px;
    float: left;
    list-style: none;
    margin: 0px;
    padding: 0px;
    margin-left: 5%;
    margin-right: 5%;
    margin-top: 10px;
}

li.mainInfoName {
    float: left;
    list-style: none;
    width: 40%;
    margin-left: 5%;
    margin-right: 5%;
}

li.mainInfoImg {
    float: left;
    list-style: none;
    width: 40%;
    margin-left: 5%;
    margin-right: 5%;
}

li.mainInfoImg img {
    width: auto;
}

li.childSingleFeature.languageFeature{
    margin-top: 40px;
}

/*gestione sezione social*/

#socialContainer {
    width: 100%;
}

h1.listSocialIconTitle {
    text-transform: uppercase;
    text-align: center;
    width: 100%;
    font-size: 1em;
    margin-top: 350px;
    margin-bottom: 30px;
    color: rgba(0, 0, 0, 0.5);
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}


/*gestione icone social*/

ul.listSocialIcon {
    width: 100%;
    text-align: center;
    padding: 0px;
    margin: 0px;
}

ul.listSocialIcon li {
    width: 30%;
    float: left;
    list-style: none;
    margin-left: 1.5%;
    margin-right: 1.5%;
    text-align: center;
}

img.imgSocialIcon {
    width: 15%;
    opacity: 0.3;
    float: left;
    margin-left: 42.5%;
    margin-right: 42.5%;
    text-align: center;
}

img.imgSocilIcon:hover {
    opacity: 0.3;
    float: left;
}


/*isneriemnto della lista dei book*/

ul.listBook {
    width: 133%;
    float: left;
    padding: 0px;
    margin: 0px;
    list-style: none;
    margin: 0 auto;
    margin-top: 25px;
    text-align: center;
    background: rgba(0, 0, 0, 1);
    padding-bottom: 20px;
    padding-top: 20px;
    /*margin-top: -50px;*/
    margin-top: 38px;
    margin-left: -20.5%;
}

ul.listBook li.listBookItem {
    width: calc(18% - 59px);
    margin-left: 1%;
    margin-right: 1%;
    padding: 7px;
    padding-left: 25px;
    padding-right: 25px;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.5);
    text-align: center;
    letter-spacing: 2px;
    transition: 0.2s;
    text-decoration: none;
    /*float: left;*/
    display: inline;
    background: rgba(255, 255, 255, 1);
    border-radius: 5px;
}

li.listBookItemVideo {
    width: calc(18% - 59px);
    margin-left: 1%;
    margin-right: 1%;
    padding: 7px;
    padding-left: 25px;
    padding-right: 25px;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.5);
    text-align: center;
    letter-spacing: 2px;
    transition: 0.2s;
    text-decoration: none;
    /*float: left;*/
    display: inline;
    background: rgba(255, 255, 255, 1);
    border-radius: 5px;
    color: rgba(0, 0, 0, 0.8);
    width: 100%;
    padding-left: 25px;
    padding-right: 25px;
    text-align: center;
    text-decoration: none;
    transition: 0.8s;
    font-family: 'Mulish', sans-serif;
    font-size: 1.2em;
    /*display: inline-block;*/
}

li.listBookItemVideo:hover {
    transition: 0.2s;
    cursor: pointer;
    box-shadow: 10px 10px 0px rgba(221, 0, 221, 1);
}


/*
li.listBookItemVideo{
  width: calc(18% - 59px);
  margin-left: 1%;
  margin-right: 1%;
  padding: 7px;
  padding-left: 25px;
  padding-right: 25px;
  text-transform: uppercase;
  color: rgba(0,0,0,0.5);
  text-align: center;
  letter-spacing: 2px;
  transition: 1s;
  text-decoration: none;
  display: inline;
  color: rgba(0,0,0,0.8);
  width: calc(100% - 50px);
  padding-left: 25px;
  padding-right: 25px;
  text-align: center;
  text-decoration: none;
  transition: 0.8s;
	font-family: 'Mulish', sans-serif;
  font-size: 1.2em;
  cursor: pointer;
}
*/

a.linkShowBookItem {
    color: rgba(0, 0, 0, 0.8);
    width: 100%;
    padding-left: 25px;
    padding-right: 25px;
    text-align: center;
    text-decoration: none;
    transition: 0.8s;
    font-family: 'Mulish', sans-serif;
    font-size: 1.2em;
    /*display: inline-block;*/
}

.listBookItem:hover {
    transition: 0.2s;
    cursor: pointer;
    box-shadow: 10px 10px 0px rgba(221, 0, 221, 1);
}


/*gestione immagini*/

#childPerson {
    width: 100%;
    float: left;
    margin-top: 50px;
    display: block;
}


/*gestione dello spazio child person contenente tutte le immagini*/


/*
#childPerson{
    width: 50%;
    margin-left: 25% !important;
    margin-right: 25% !important;
    float: left;
}
*/


/* nascondiamo di tutti i dati non pertinenti*/

.id,
.guid,
.urlHD,
.thumb,
.note,
.w,
.h,
.ratio,
.o {
    display: none !important;
}

a.linksnglImg {
    position: relative;
}

img.bookImgV2 {
    max-width: 100% !important;
}

.id,
.guid,
.urlHD,
.thumb,
.note,
.w,
.h,
.ratio,
.o {
    display: none !important;
}

#childPerson {
    width: 100%;
    margin-left: 0% !important;
    margin-right: 0% !important;
    float: left;
}

.verticalBased {
    float: left;
    width: calc(50% - 8px);
    /*max-height: 400px;
  	min-height: 400px;*/
    overflow: hidden !important;
    margin: 4px 4px 4px 4px;
    /* inserimento immagini come background-image v2*/
    /*padding-bottom: 65%;*/
    padding-bottom: 60%;
    background: no-repeat;
    background-size: cover;
    background-position: center top !important;
    transition: 0.8s !important;
    padding-bottom: 70%;
}

.squareBased {
    float: left;
    width: calc(100% - 8px);
    height: auto;
    position: relative;
    /*max-height: 400px;
  min-height: 400px;*/
    overflow: hidden !important;
    margin: 4px 4px 4px 4px;
    /* inserimento immagini come background-image v2*/
    padding-bottom: 65%;
    */ background: no-repeat;
    background-size: cover;
    background-position: center top !important;
    transition: 0.8s !important;
    padding-bottom: 100%;
}

.videoThumb {
    float: left;
    width: calc(100% - 8px);
    height: auto;
    position: relative;
    /*max-height: 400px;
  	min-height: 400px;*/
    overflow: hidden !important;
    margin: 4px 4px 4px 4px;
    /* inserimento immagini come background-image v2*/
}


/*prova - div testo descrittivo uguale a div immagini*/

.verticalBasedText {
    float: left;
    width: calc(50% - 8px);
    /*max-height: 400px;
  	min-height: 400px;*/
    overflow: hidden !important;
    margin: 4px 4px 4px 4px;
    /* inserimento immagini come background-image v2*/
    /*padding-bottom: 65%;*/
    /*padding-bottom: 60%;*/
    background: no-repeat;
    background-size: cover;
    background-position: center top !important;
    transition: 0.8s !important;
}


/*prova gestione lista con div testo descrittivo uguale a div immagini*/

ul ul.childFeatures {
    width: 80%;
    list-style: none;
}

li.childSingleFeature {
    width: 100%;
    clear: both;
}

.childFeatureName {
    float: left;
    width: 40%;
    text-transform: uppercase;
}

span.childFeatureName.childFeatureValueName{
    width: 0;
  display: none;
}

span.childFeatureValue.childFeatureValueBioValue{
    float:left !important;
  width: calc(100% - 0px) !important;
  margin-left: 0px;
    font-size: 1.2em;
}

/*elementi da non mostratre*/
span.childFeatureName.hideFeatureValueName{
    display: none;
}

span.childFeatureValue.hideFeatureValueBioValue{
    display: none;
}

span.videoChildFeatureValue.hideFeatureValueBioValue{
    display: none;
}

span.videoChildFeatureName.hideFeatureValueName{
    display: none;
}

h1#descriptionSpaceTitle{
    width: 80%;
    float: left;
    margin: 0;
    margin-left: calc(10% + 4px);
    margin-right: calc(10% + 4px);
    padding: 0;
    font-family: 'Arial Black', sans-serif;
    color: rgb(40,40,40);
    text-align: left;
    font-size: 1.2em;
    display: none;
    margin-bottom: 15px;
    margin-top: 25px;
}
#descriptionSpace{
    float: left;
    width: 80%;
    margin:0;
    margin-left: calc(10% + 4px);
    margin-right: calc(10% + 4px);
    padding: 0;
    font-size: 1.2em;
    font-family: 'Mulish', sans-serif;
    color: rgb(120,120,120);
    padding-top: 15px;
    margin-top: 5px;
    margin-bottom: 25px;
    border-top: 2px solid rgb(40,40,40);
}

.childFeatureValue {
    float: left !important;
    width: 60% !important;
}

.horizzontalBased {
    float: left;
    width: calc(100% - 8px);
    height: auto;
    position: relative;
    /*max-height: 400px;
  	min-height: 400px;*/
    overflow: hidden !important;
    margin: 4px 4px 4px 4px;
    /* inserimento immagini come background-image v2*/
    padding-bottom: 65%;
    */ background: no-repeat;
    background-size: cover;
    background-position: center top !important;
    transition: 0.8s !important;
    padding-bottom: 80%;
}


/*animazione creata solo per v2 (img inserita come bk del div .url)*/


/* ATTIVARE SE SI VUOLE ANIMAZIONE (N.B. portare il background-size di .url al 105% in modo da riempire tutto il riquadro dedicato)
.url:hover{
	background-size: 80% !important;
	background:no-repeat;
	transition: 0.5s !important;
	background-position:center center !important;
}
*/


/*modificare per i mobile la larghezza e l'altezza massima*/

img.bookImgV2HgtBased {
    float: center;
    width: 150%;
    height: 150%;
    margin-left: -30% !important;
    transition: 0.8s;
}

div.url:hover a>img.bookImgV2HgtBased {
    max-height: 100%;
    margin-left: 0px !important;
    float: center;
    vertical-align: middle;
    transition: 0.8s;
}


/*lightbox css*/

.row>.column {
    padding: 0 8px;
}

.row:after {
    content: "";
    display: table;
    clear: both;
}


/* Create four equal columns that floats next to eachother */

.column {
    float: left;
    width: 25%;
}

.colum {
    display: none;
}


/* The Modal (background) */

.modal {
    display: none;
    position: fixed;
    z-index: 1;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: black;
}


/* Modal Content */

.modal-content {
    position: relative;
    background-color: /*#fefefe*/
    rgba(0, 0, 0, 0);
    margin: auto;
    padding: 0;
    width: 90%;
    max-width: 1200px;
}


/* The Close Button */

.close {
    color: white;
    position: absolute;
    top: 80px;
    right: 25px;
    font-size: 35px;
    font-weight: bold;
    z-index: 100000000 !important;
}

.close:hover,
.close:focus {
    color: #999;
    text-decoration: none;
    cursor: pointer;
}


/* Hide the slides by default */

.mySlides {
    display: none;
    background: rgba(0, 0, 0, 0.8);
}


/*imposto dimensione dell'immagine*/

.mySlides img {
    position: relative;
    width: 50% !important;
    margin: auto;
    margin-left: 25%;
}


/* Next & previous buttons */

.next {
    cursor: pointer;
    position: fixed;
    top: 50%;
    right: 0px;
    width: auto;
    padding: 16px;
    margin-top: -50px;
    color: white;
    font-weight: bold;
    font-size: 20px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
    -webkit-user-select: none;
}

.prev {
    cursor: pointer;
    position: fixed;
    top: 50%;
    left: 0px;
    width: auto;
    padding: 16px;
    margin-top: -50px;
    color: white;
    font-weight: bold;
    font-size: 20px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
    -webkit-user-select: none;
}


/* Position the "next button" to the right */

.next {
    right: 0;
    border-radius: 3px 0 0 3px;
}


/* On hover, add a black background color with a little bit see-through */

.prev:hover,
.next:hover {
    background-color: rgba(0, 0, 0, 0.8);
}


/* Number text (1/3 etc) */

.numbertext {
    color: #f2f2f2;
    font-size: 12px;
    padding: 8px 12px;
    position: absolute;
    top: 0;
}


/* Caption text */

.caption-container {
    text-align: center;
    background-color: black;
    padding: 2px 16px;
    color: white;
    display: none;
}

img.demo {
    opacity: 0.6;
}

.active,
.demo:hover {
    opacity: 1;
}

img.hover-shadow {
    transition: 0.3s;
}

.hover-shadow:hover {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}


/*fine lightbox css*/


/*backtotop - back bottom*/

#backToTopSnglMdl {
    text-align: center;
    width: 50%;
    float: left;
    margin-left: 25%;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    margin-bottom: 5px;
    margin-top: 50px;
    margin-bottom: 50px;
}

a.backToTopSnglMdl,
a.backButtonBottomSnglMdl {
    width: calc(45% - 2px);
    float: left;
    margin-left: 2.5%;
    margin-right: 2.5%;
    text-align: center;
    font-family: 'Mulish', sans-serif;
    text-transform: uppercase;
    font-size: 1.8em;
    color: rgba(0, 0, 0, 0.8);
    text-decoration: none;
    transition: 0.8s;
}

a.backButtonBottomSnglMdl {
    font-size: 3em;
    margin-top: -0.3em;
}

a.backToTopSnglMdl:hover {
    margin-top: -5px;
    transition: 0.8s;
}

a.backButtonBottomSnglMdl:hover {
    letter-spacing: 10px;
    transition: 0.8s;
}

#linkBookContainerMobile {
    display: none;
}


/*nascondo il backButtonMobileSnglMdl*/

#backbuttonMobileSnglMdl {
    display: none;
}


/*gestione video*/

#videoBooksContainer {
    width: 100%;
    float: left;
    margin-top: 0px;
    display: none;
}


/*gestione video book choice*/

#videoPlayerChoice {
    width: 100%;
    float: left;
    margin-top: 0px;
    display: none;
    background: rgba(0, 0, 0, 0.8);
}


/*gestione model name in videoBookContainer*/

h1.childPersonNameVBContainer {
    width: 100%;
    float: left;
    text-align: center;
    font-size: 2.5em;
    text-transform: uppercase;
    margin-top: 0px;
    font-family: 'Mulish', sans-serif;
    color: rgba(0, 0, 0, 0.8;
    );
    font-weight: normal;
    margin-top: 5px;
    margin-bottom: 5px;
}


/*gestione feature presenti nella sezione video*/

ul.videoChildFeatures {
    width: 100%;
    float: left;
    clear: both;
    margin: 0px;
    padding: 0px;
    list-style: none;
    margin-top: 5px;
    margin-bottom: 35px;
}

li.videoChildSingleFeature {
    width: calc(14.28% - 8px);
    float: left;
    margin-left: 4px;
    margin-right: 4px;
}

span.videoChildFeatureName {
    width: calc(100% - 2px);
    float: left;
    clear: both;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Mulish', sans-serif;
    font-size: 1.2em;
    font-weight: normal;
    color: white;
    background: rgb(0,0,0);
    /*border-bottom: 3px solid rgba(255, 230, 0, 1);*/
    border: 1px solid rgb(80,80,80);
    /*box-shadow: -5px -5px 0px rgb(238, 195, 6);*/
    padding-bottom: 5px;
    padding-top: 5px;
}

span.videoChildFeatureValue {
    width: calc(100% - 1px);
    float: left;
    clear: both;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Mulish', sans-serif;
    font-size: 1.6em;
    color: rgba(0, 0, 0, 0.6);
    border-bottom: 3px solid black;
}


/*gestione player*/

#videoPlayer {
    float: left;
    width: calc(70% - 8px);
    margin-left: 4px;
    margin-right: 4px;
    height: 600px;
    background: rgba(0, 0, 0, 0.8);
}

#videoPlayerList {
    float: right;
    width: calc(30% - 8px);
    margin-left: 4px;
    margin-right: 4px;
    max-height: 600px;
}

img.videoThumnail {
    width: calc(80% - 8px);
    margin-left: calc(10% + 4px);
    margin-right: calc(10% + 4px);
    float: left;
    height: auto;
    max-height: auto;
}

h1.buttonShowVideoBookList {
    font-family: 'Mulish', sans-serif;
    font-size: 1.2em;
    float: right;
    width: calc(30% - 0px);
    cursor: pointer;
    text-align: center;
    color: black;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0px;
    padding: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
    background: white;
    letter-spacing: 15px;
    /*border-right: 3px solid black;
  border-bottom: 3px solid black;
  border-top-left-radius: 10px;
  border-bottom-right-radius: 20px;*/
    position: relative;
    z-index: 2;
    /*box-shadow: 0px 12px 0px rgb(221, 0, 221);*/
}

#videoBookList {
    width: calc(30% - 2px);
    display: block;
    float: left;
    /*background-color: rgba(0,0,0,1);*/
    /*background: rgb(61,37,50);*/
    background: rgba(0, 0, 0, 0.6);
    background: linear-gradient(329deg, rgba(180, 180, 180, 1) 0%, rgba(78, 78, 78, 1) 100%);
    /*background: linear-gradient(127deg, rgba(61,37,50,1) 0%, rgba(139,4,139,1) 100%);*/
    color: rgb(255, 255, 55);
    padding-bottom: 0px;
    padding-top: 20px;
    /*border-bottom: 2px solid rgba(221,0,221,1);
  border-right: 2px solid rgba(221,0,221,1);*/
    border-bottom-right-radius: 10px;
    position: relative;
    margin-top: -20px;
    padding-top: 20px;
    z-index: 1;
}

ul.videoBookListUl {
    list-style: none;
    margin: 0px;
    padding: 0px;
    padding-top: 15px;
    min-height: calc(600px - 59px);
}

ul.videoPlayerListContainerList {
    list-style: none;
    background: rgba(255, 255, 255, 1);
    height: auto;
    min-height: 100%;
    float: left;
    margin: 0px;
    margin-top: 0px;
    padding: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    width: 100%;
    padding-bottom: 10px;
    border-bottom-right-radius: 10px;
    padding-top: 10px;
    margin-top: -20px;
    position: relative;
    z-index: 2;
}

li.singleVideoItem {
    font-family: 'Mulish', sans-serif;
    font-size: 1.4em;
    width: calc(100% - 20px);
    float: left;
    clear: both;
    cursor: pointer;
    text-align: left;
    /*color: white;*/
    color: rgb(255, 230, 0);
    /*border-bottom: 2px solid rgba(0,0,0,0.7);*/
    font-weight: normal;
    margin-left: -2px;
    text-transform: uppercase;
    border-bottom-right-radius: 15px;
    /*box-shadow: 2px 10px 0px rgba(221,0,221,1);*/
    padding-top: 10px;
    padding-left: 22px;
    position: relative;
    z-index: 3;
    font-weight: normal;
    font-style: normal;
    letter-spacing: 0px;
}

#videoPlayerListContainer {
    width: 100%;
    min-height: 100px;
    float: left;
    background-color: rgba(255, 255, 255, 1);
    min-height: 100%;
    margin-top: 1.4em;
    border-bottom-right-radius: 10px;
}

.videoPlayerListItem {
    width: calc(100% - 20px);
    float: right;
    clear: both;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 5px;
    font-size: 1em;
    font-family: 'Mulish', sans-serif;
    text-transform: uppercase;
    text-align: right;
    transition: 0.5s;
    /*color: rgba(221,0,221,0.8);*/
    color: rgba(0, 0, 0, 0.4);
    cursor: pointer;
    font-style: italic;
    letter-spacing: 2px;
}

#videoPlayerChoice {
    float: left;
    width: calc(70% - 8px);
    margin-left: 4px;
    margin-right: 4px;
    height: 600px;
    display: none;
}


/*temporaneamente nascosto*/

#bookContainerExtended {
    display: none;
}

.videoBookDescr{
    float: left;
    width: 80%;
    margin: 0;
    padding: 0;
    margin-top: 25px;
    font-size: 1em;
    text-align: left;
    margin-left: 10%;
    margin-right: 10%;
    margin-bottom: 25px;
    display: none;
}
/******************************/
/******************************/
/****                      ****/
/****      CSS MOBILE      ****/
/****                      ****/
/******************************/
/******************************/

@media (min-width: 411px) and (max-width: 731px) {
    #contentItem {
        width: 100%;
        float: left;
        margin: 0px;
        padding: 0px;
        margin-left: 0px;
        margin-top: 0px;
        display: block;
    }
    #backButtonSnglMdl {
        text-align: center;
        width: calc(100% - 20px);
        float: left;
        margin-left: 0px;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 0px;
        margin-top: 70px;
        margin-bottom: 0px;
    }
    a.backButtonSnglMdl {
        width: 100%;
        float: left;
        margin-left: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
        color: rgba(0, 0, 0, 1);
        text-align: center;
        text-decoration: none;
        font-size: 2em;
        font-family: 'Mulish', sans-serif;
        text-transform: uppercase;
    }
    /*div contenente info e imgs modella*/
    #childPerson {
        width: 100%;
        float: left;
        margin-top: 0px;
        display: block;
    }
    /*sezione nome e features*/
    .verticalBasedText {
        float: left;
        width: calc(100% - 8px);
        /*max-height: 400px;
    	min-height: 400px;*/
        overflow: hidden !important;
        margin: 4px 4px 4px 4px;
        /* inserimento immagini come background-image v2*/
        /*padding-bottom: 65%;*/
        /*padding-bottom: 60%;*/
        background: no-repeat;
        background-size: cover;
        background-position: center top !important;
        transition: 0.8s !important;
    }
    /*nome*/
    h1.childPersonName {
        width: 100%;
        float: left;
        text-align: center;
        font-size: 2.5em;
        text-transform: uppercase;
        margin-top: 0px;
        font-family: 'Mulish', sans-serif;
        color: rgba(0, 0, 0, 0.8;
        );
        font-weight: normal;
        margin-top: 25px;
        margin-bottom: 5px;
    }
    /*features*/
    ul.mainInfo {
        width: 100%;
        float: left;
        padding-inline-start: 0px;
        padding: 0px;
        margin: 0px;
        margin-bottom: 15px;
    }
    ul.mainInfo li {
        width: 100%;
        float: left;
        list-style: none;
        margin: 0px;
        padding: 0px;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 5px;
    }
    ul ul.childFeatures {
        width: 100%;
        float: left;
        list-style: none;
        margin: 0px;
        padding: 0px;
        margin-top: 15px;
    }
    li.childSingleFeature {
        width: 100%;
        clear: both;
    }
    .childFeatureName {
        float: left;
        width: calc(50% - 4px);
        text-transform: uppercase;
        margin-right: 4px;
    }
    .childFeatureValue {
        float: left !important;
        width: calc(50% - 4px) !important;
        margin-left: 4px;
    }
    span.childFeatureName {
        font-family: 'Mulish', sans-serif;
        font-size: 1.2em;
        color: rgba(0, 0, 0, 0.8);
        text-align: right;
    }
    span.childFeatureValue {
        font-family: 'Mulish', sans-serif;
        font-size: 1.2em;
        color: rgba(0, 0, 0, 0.6);
    }
    /*gestione lista book*/
    #linkBookContainer {
        display: none;
    }
    #linkBookContainerMobile {
        width: 100%;
        display: none;
        float: left;
        display: none;
        background-color: rgba(0, 0, 0, 0.8);
        color: rgba(255, 255, 255, 1);
        padding-bottom: 25px;
        -webkit-box-shadow: inset 0px 5px 4px 0px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: inset 0px 5px 4px 0px rgba(0, 0, 0, 0.2);
        box-shadow: inset 0px 5px 4px 0px rgba(0, 0, 0, 0.2);
    }
    a.bookButtonMobile {
        width: 100%;
        float: left;
        margin-left: 0%;
        margin-right: 0%;
        font-size: 1.6em;
        text-align: center;
        text-transform: uppercase;
        font-family: 'Mulish', sans-serif;
        margin-top: 0px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.6);
    }
    ul.listBook {
        width: 100%;
        float: left;
        padding: 0px;
        margin: 0px;
        list-style: none;
        margin: 0 auto;
        margin-top: 25px;
        text-align: center;
    }
    ul.listBook li.listBookItem {
        width: 100%;
        float: left;
        text-transform: uppercase;
        color: rgba(0, 0, 0, 0.5);
        text-align: center;
        letter-spacing: 2px;
        text-decoration: none;
        padding-left: 0px;
        padding-right: 0px;
    }
    ul.listBook li.listBookItemTitle {
        font-family: 'Mulish', sans-serif;
        width: 100%;
        float: left;
        text-transform: uppercase;
        color: rgba(255, 255, 255, 0.4);
        text-align: center;
        letter-spacing: 2px;
        text-decoration: none;
        padding-left: 0px;
        padding-right: 0px;
        font-size: 0.8em;
    }
    .listBookItem:hover {
        transition: 0.2s;
        cursor: pointer;
        box-shadow: 10px 10px 0px rgba(221, 0, 221, 0);
    }
    a.linkShowBookItem {
        color: rgba(0, 0, 0, 1);
        /*prima bianco pieno*/
        border-right: 0px;
        border-left: 0px;
        width: 100%;
        text-align: center;
        text-decoration: none;
        font-family: 'Mulish', sans-serif;
        font-size: 1.5em;
    }
    /*gestione backButtonMenuMobile*/
    /*mostro il backButtonMobile*/
    #backbuttonMobileSnglMdl {
        display: none;
        width: 100%;
        margin: 0px;
        padding: 0px;
        z-index: 1;
        padding-top: 10px;
    }
    a.backButtonMobileSnglMdl {
        display: block;
        width: 20%;
        float: left;
        height: 20px;
        padding-top: 0px;
        padding-bottom: 15px;
        margin-top: -0.45em;
        margin-bottom: 5px;
        color: rgba(0, 0, 0, 0.6);
        text-align: center;
        text-decoration: none;
        font-size: 3em;
        font-family: 'Mulish', sans-serif;
        text-transform: uppercase;
        transition: 0.5s;
        line-height: 66px;
    }
    a.backToTopMobileSnglMdl {
        font-family: 'Mulish', sans-serif;
        color: rgba(0, 0, 0, 0.6);
        text-decoration: none;
        font-size: 1.8em;
        line-height: 1em;
        float: left;
        width: auto;
    }
    i.fa.fa-bars.miniBurgerIcon {
        font-size: 2em;
        vertical-align: middle;
        letter-spacing: 0.2em;
        float: right;
        color: rgba(0, 0, 0, 0.8);
    }
    #modelNamebackButtonMobile {
        font-size: 1em;
        text-align: center;
        font-family: 'Mulish', sans-serif;
        display: none;
        width: 150px;
        float: left;
        line-height: 1.4em;
        padding-left: 25px;
        text-transform: uppercase;
    }
    /*SEZIONE VIDEO MOBILE*/
    /*nascono la versione desktop nome-sezione-video Desktop misure-video Dekstop*/
    h1.childPersonNameVBContainer {
        display: none;
    }
    ul.videoChildFeatures {
        display: none;
    }
    /*porto la dimensione di entrambi i video player al 100%;*/
    #videoPlayer {
        width: 100%;
        clear: both;
        margin-left: 0px;
        margin-right: 0px;
    }
    #videoPlayerChoice {
        width: 100%;
        clear: both;
        margin-left: 0px;
        margin-right: 0px;
    }
    /*adatto le dimensioni del pulsante e della lista dei book alla versione mobile*/
    h1.buttonShowVideoBookList {
        font-family: 'Mulish', sans-serif;
        font-size: 1.2em;
        float: left;
        clear: both;
        width: 100%;
        cursor: pointer;
        text-align: center;
        color: rgba(0, 0, 0, 0.6);
        font-weight: normal;
        text-transform: uppercase;
    }
    #videoBookList {
        width: 100%;
        display: block;
        float: left;
        clear: both;
        display: none;
        background-color: rgba(0, 0, 0, 0.8);
        color: rgba(255, 255, 255, 1);
        padding-bottom: 25px;
        -webkit-box-shadow: inset 0px 5px 4px 0px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: inset 0px 5px 4px 0px rgba(0, 0, 0, 0.2);
        box-shadow: inset 0px 5px 4px 0px rgba(0, 0, 0, 0.2);
    }
    li.singleVideoItem {
        font-family: 'Mulish', sans-serif;
        font-size: 1.4em;
        width: calc(100% - 40px);
        float: left;
        clear: both;
        cursor: pointer;
        text-align: center;
        color: rgba(255, 255, 255, 1);
        font-weight: normal;
        margin-left: 20px;
        margin-right: 20px;
    }
    h1.buttonShowVideoBookList {
        display: none;
    }
    /*mantengo chiuso il videoPlayerListContainerList nella vers. Mobile*/
    ul.videoPlayerListContainerList {
        display: none;
    }
}

@media (min-width: 360px) and (max-width: 640px) {
    #contentItem {
        width: 100%;
        float: left;
        margin: 0px;
        padding: 0px;
        margin-left: 0px;
        margin-top: 0px;
        display: block;
    }
    #backButtonSnglMdl {
        text-align: center;
        width: calc(100% - 20px);
        float: left;
        margin-left: 0px;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 0px;
        margin-top: 70px;
        margin-bottom: 0px;
    }
    a.backButtonSnglMdl {
        width: 100%;
        float: left;
        margin-left: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
        color: rgba(0, 0, 0, 1);
        text-align: center;
        text-decoration: none;
        font-size: 2em;
        font-family: 'Mulish', sans-serif;
        text-transform: uppercase;
    }
    /*div contenente info e imgs modella*/
    #childPerson {
        width: 100%;
        float: left;
        margin-top: 0px;
        display: block;
    }
    /*sezione nome e features*/
    .verticalBasedText {
        float: left;
        width: calc(100% - 8px);
        /*max-height: 400px;
      min-height: 400px;*/
        overflow: hidden !important;
        margin: 4px 4px 4px 4px;
        /* inserimento immagini come background-image v2*/
        /*padding-bottom: 65%;*/
        /*padding-bottom: 60%;*/
        background: no-repeat;
        background-size: cover;
        background-position: center top !important;
        transition: 0.8s !important;
    }
    /*nome*/
    h1.childPersonName {
        width: 100%;
        float: left;
        text-align: center;
        font-size: 2.5em;
        text-transform: uppercase;
        margin-top: 0px;
        font-family: 'Mulish', sans-serif;
        color: rgba(0, 0, 0, 0.8;
        );
        font-weight: normal;
        margin-top: 25px;
        margin-bottom: 5px;
    }
    /*features*/
    ul.mainInfo {
        width: 100%;
        float: left;
        padding-inline-start: 0px;
        padding: 0px;
        margin: 0px;
        margin-bottom: 15px;
    }
    ul.mainInfo li {
        width: 100%;
        float: left;
        list-style: none;
        margin: 0px;
        padding: 0px;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 5px;
    }
    ul ul.childFeatures {
        width: 100%;
        float: left;
        list-style: none;
        margin: 0px;
        padding: 0px;
        margin-top: 15px;
    }
    li.childSingleFeature {
        width: 100%;
        clear: both;
    }
    .childFeatureName {
        float: left;
        width: calc(50% - 4px);
        text-transform: uppercase;
        margin-right: 4px;
    }
    .childFeatureValue {
        float: left !important;
        width: calc(50% - 4px) !important;
        margin-left: 4px;
    }
    span.childFeatureName {
        font-family: 'Mulish', sans-serif;
        font-size: 1.2em;
        color: rgba(0, 0, 0, 0.8);
        text-align: right;
    }
    span.childFeatureValue {
        font-family: 'Mulish', sans-serif;
        font-size: 1.2em;
        color: rgba(0, 0, 0, 0.6);
    }
    /*gestione lista book*/
    #linkBookContainer {
        display: none;
    }
    #linkBookContainerMobile {
        width: 100%;
        display: none;
        float: left;
        display: none;
        background-color: rgba(0, 0, 0, 0.8);
        color: rgba(255, 255, 255, 1);
        padding-bottom: 25px;
        -webkit-box-shadow: inset 0px 5px 4px 0px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: inset 0px 5px 4px 0px rgba(0, 0, 0, 0.2);
        box-shadow: inset 0px 5px 4px 0px rgba(0, 0, 0, 0.2);
    }
    a.bookButtonMobile {
        width: 100%;
        float: left;
        margin-left: 0%;
        margin-right: 0%;
        font-size: 1.6em;
        text-align: center;
        text-transform: uppercase;
        font-family: 'Mulish', sans-serif;
        margin-top: 0px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.6);
    }
    ul.listBook {
        width: 100%;
        float: left;
        padding: 0px;
        margin: 0px;
        list-style: none;
        margin: 0 auto;
        margin-top: 25px;
        text-align: center;
    }
    ul.listBook li.listBookItem {
        width: 100%;
        float: left;
        text-transform: uppercase;
        color: rgba(0, 0, 0, 0.5);
        text-align: center;
        letter-spacing: 2px;
        text-decoration: none;
        padding-left: 0px;
        padding-right: 0px;
    }
    ul.listBook li.listBookItemTitle {
        font-family: 'Mulish', sans-serif;
        width: 100%;
        float: left;
        text-transform: uppercase;
        color: rgba(255, 255, 255, 0.4);
        text-align: center;
        letter-spacing: 2px;
        text-decoration: none;
        padding-left: 0px;
        padding-right: 0px;
        font-size: 0.8em;
    }
    .listBookItem:hover {
        transition: 0.2s;
        cursor: pointer;
        box-shadow: 10px 10px 0px rgba(221, 0, 221, 0);
    }
    .listBookItem:hover {
        transition: 0.2s;
        cursor: pointer;
        box-shadow: 10px 10px 0px rgba(221, 0, 221, 0);
    }
    a.linkShowBookItem {
        color: rgba(0, 0, 0, 1);
        /*prima bianco pieno*/
        border-right: 0px;
        border-left: 0px;
        width: 100%;
        text-align: center;
        text-decoration: none;
        font-family: 'Mulish', sans-serif;
        font-size: 1.5em;
    }
    /*mostro il backButtonMobile*/
    #backbuttonMobileSnglMdl {
        display: none;
        width: 100%;
        margin: 0px;
        padding: 0px;
        z-index: 1;
        padding-top: 10px;
    }
    a.backButtonMobileSnglMdl {
        display: block;
        width: 20%;
        float: left;
        height: 20px;
        padding-top: 0px;
        padding-bottom: 15px;
        margin-top: -0.45em;
        margin-bottom: 5px;
        color: rgba(0, 0, 0, 0.6);
        text-align: center;
        text-decoration: none;
        font-size: 3em;
        font-family: 'Mulish', sans-serif;
        text-transform: uppercase;
        transition: 0.5s;
        line-height: 66px;
    }
    a.backToTopMobileSnglMdl {
        font-family: 'Mulish', sans-serif;
        color: rgba(0, 0, 0, 0.6);
        text-decoration: none;
        font-size: 1.8em;
        line-height: 1em;
        float: left;
        width: auto;
    }
    i.fa.fa-bars.miniBurgerIcon {
        font-size: 2em;
        vertical-align: middle;
        letter-spacing: 0.2em;
        float: right;
        color: rgba(0, 0, 0, 0.8);
    }
    #modelNamebackButtonMobile {
        font-size: 1em;
        text-align: center;
        font-family: 'Mulish', sans-serif;
        display: none;
        width: 150px;
        float: left;
        line-height: 1.4em;
        padding-left: 25px;
        text-transform: uppercase;
    }
    /*SEZIONE VIDEO MOBILE*/
    /*nascono la versione desktop nome-sezione-video Desktop misure-video Dekstop*/
    h1.childPersonNameVBContainer {
        display: none;
    }
    ul.videoChildFeatures {
        display: none;
    }
    /*porto la dimensione di entrambi i video player al 100%;*/
    #videoPlayer {
        width: 100%;
        clear: both;
        margin-left: 0px;
        margin-right: 0px;
    }
    #videoPlayerChoice {
        width: 100%;
        clear: both;
        margin-left: 0px;
        margin-right: 0px;
    }
    #videoBookList {
        width: 100%;
        display: none;
        float: left;
        clear: both;
        display: block;
        background-color: rgba(0, 0, 0, 0.8);
        color: rgba(255, 255, 255, 1);
        padding-bottom: 25px;
        -webkit-box-shadow: inset 0px 5px 4px 0px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: inset 0px 5px 4px 0px rgba(0, 0, 0, 0.2);
        box-shadow: inset 0px 5px 4px 0px rgba(0, 0, 0, 0.2);
    }
    li.singleVideoItem {
        font-family: 'Mulish', sans-serif;
        font-size: 1.4em;
        width: calc(100% - 40px);
        float: left;
        clear: both;
        cursor: pointer;
        text-align: center;
        color: rgba(255, 255, 255, 1);
        font-weight: normal;
        margin-left: 20px;
        margin-right: 20px;
    }
    h1.buttonShowVideoBookList {
        display: none;
    }
    /*mantengo chiuso il videoPlayerListContainerList nella vers. Mobile*/
    ul.videoPlayerListContainerList {
        display: none;
    }
}

@media (min-width: 320px) and (max-width: 568px) {
    #contentItem {
        width: 100%;
        float: left;
        margin: 0px;
        padding: 0px;
        margin-left: 0px;
        margin-top: 0px;
        display: block;
    }
    #backButtonSnglMdl {
        text-align: center;
        width: calc(100% - 20px);
        float: left;
        margin-left: 0px;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 0px;
        margin-top: 70px;
        margin-bottom: 0px;
    }
    a.backButtonSnglMdl {
        width: 100%;
        float: left;
        margin-left: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
        color: rgba(0, 0, 0, 1);
        text-align: center;
        text-decoration: none;
        font-size: 2em;
        font-family: 'Mulish', sans-serif;
        text-transform: uppercase;
    }
    /*div contenente info e imgs modella*/
    #childPerson {
        width: 100%;
        float: left;
        margin-top: 0px;
        display: block;
    }
    /*sezione nome e features*/
    .verticalBasedText {
        float: left;
        width: calc(100% - 8px);
        /*max-height: 400px;
      min-height: 400px;*/
        overflow: hidden !important;
        margin: 4px 4px 4px 4px;
        /* inserimento immagini come background-image v2*/
        /*padding-bottom: 65%;*/
        /*padding-bottom: 60%;*/
        background: no-repeat;
        background-size: cover;
        background-position: center top !important;
        transition: 0.8s !important;
    }
    /*nome*/
    h1.childPersonName {
        width: 100%;
        float: left;
        text-align: center;
        font-size: 2.5em;
        text-transform: uppercase;
        margin-top: 0px;
        font-family: 'Mulish', sans-serif;
        color: rgba(0, 0, 0, 0.8;
        );
        font-weight: normal;
        margin-top: 25px;
        margin-bottom: 5px;
    }
    /*features*/
    ul.mainInfo {
        width: 100%;
        float: left;
        padding-inline-start: 0px;
        padding: 0px;
        margin: 0px;
        margin-bottom: 15px;
    }
    ul.mainInfo li {
        width: 100%;
        float: left;
        list-style: none;
        margin: 0px;
        padding: 0px;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 5px;
    }
    ul ul.childFeatures {
        width: 100%;
        float: left;
        list-style: none;
        margin: 0px;
        padding: 0px;
        margin-top: 15px;
    }
    li.childSingleFeature {
        width: 100%;
        clear: both;
    }
    .childFeatureName {
        float: left;
        width: calc(50% - 4px);
        text-transform: uppercase;
        margin-right: 4px;
    }
    .childFeatureValue {
        float: left !important;
        width: calc(50% - 4px) !important;
        margin-left: 4px;
    }
    span.childFeatureName {
        font-family: 'Mulish', sans-serif;
        font-size: 1.2em;
        color: rgba(0, 0, 0, 0.8);
        text-align: right;
    }
    span.childFeatureValue {
        font-family: 'Mulish', sans-serif;
        font-size: 1.2em;
        color: rgba(0, 0, 0, 0.6);
    }
    /*gestione lista book*/
    #linkBookContainer {
        display: none;
    }
    #linkBookContainerMobile {
        width: 100%;
        display: none;
        float: left;
        display: none;
        background-color: rgba(0, 0, 0, 0.8);
        color: rgba(255, 255, 255, 1);
        padding-bottom: 25px;
        -webkit-box-shadow: inset 0px 5px 4px 0px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: inset 0px 5px 4px 0px rgba(0, 0, 0, 0.2);
        box-shadow: inset 0px 5px 4px 0px rgba(0, 0, 0, 0.2);
    }
    a.bookButtonMobile {
        width: 100%;
        float: left;
        margin-left: 0%;
        margin-right: 0%;
        font-size: 1.6em;
        text-align: center;
        text-transform: uppercase;
        font-family: 'Mulish', sans-serif;
        margin-top: 0px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.6);
    }
    ul.listBook {
        width: 100%;
        float: left;
        padding: 0px;
        margin: 0px;
        list-style: none;
        margin: 0 auto;
        margin-top: 25px;
        text-align: center;
    }
    ul.listBook li.listBookItem {
        width: 100%;
        float: left;
        text-transform: uppercase;
        color: rgba(0, 0, 0, 0.5);
        text-align: center;
        letter-spacing: 2px;
        text-decoration: none;
        padding-left: 0px;
        padding-right: 0px;
    }
    ul.listBook li.listBookItemTitle {
        font-family: 'Mulish', sans-serif;
        width: 100%;
        float: left;
        text-transform: uppercase;
        color: rgba(255, 255, 255, 0.4);
        text-align: center;
        letter-spacing: 2px;
        text-decoration: none;
        padding-left: 0px;
        padding-right: 0px;
        font-size: 0.8em;
    }
    .listBookItem:hover {
        transition: 0.2s;
        cursor: pointer;
        box-shadow: 10px 10px 0px rgba(221, 0, 221, 0);
    }
    a.linkShowBookItem {
        color: rgba(0, 0, 0, 1);
        /*prima bianco pieno*/
        border-right: 0px;
        border-left: 0px;
        width: 100%;
        text-align: center;
        text-decoration: none;
        font-family: 'Mulish', sans-serif;
        font-size: 1.5em;
    }
    /*mostro il backButtonMobile*/
    #backbuttonMobileSnglMdl {
        display: none;
        width: 100%;
        margin: 0px;
        padding: 0px;
        z-index: 1;
        padding-top: 10px;
    }
    a.backButtonMobileSnglMdl {
        display: block;
        width: 20%;
        float: left;
        height: 20px;
        padding-top: 0px;
        padding-bottom: 15px;
        margin-top: -0.45em;
        margin-bottom: 5px;
        color: rgba(0, 0, 0, 0.6);
        text-align: center;
        text-decoration: none;
        font-size: 3em;
        font-family: 'Mulish', sans-serif;
        text-transform: uppercase;
        transition: 0.5s;
        line-height: 66px;
    }
    a.backToTopMobileSnglMdl {
        font-family: 'Mulish', sans-serif;
        color: rgba(0, 0, 0, 0.6);
        text-decoration: none;
        font-size: 1.8em;
        line-height: 1em;
        float: left;
        width: auto;
    }
    i.fa.fa-bars.miniBurgerIcon {
        font-size: 2em;
        vertical-align: middle;
        letter-spacing: 0.2em;
        float: right;
        color: rgba(0, 0, 0, 0.8);
    }
    #modelNamebackButtonMobile {
        font-size: 1em;
        text-align: center;
        font-family: 'Mulish', sans-serif;
        display: none;
        width: 150px;
        float: left;
        line-height: 1.4em;
        padding-left: 25px;
        text-transform: uppercase;
    }
    /*SEZIONE VIDEO MOBILE*/
    /*nascono la versione desktop nome-sezione-video Desktop misure-video Dekstop*/
    h1.childPersonNameVBContainer {
        display: none;
    }
    ul.videoChildFeatures {
        display: none;
    }
    /*porto la dimensione di entrambi i video player al 100%;*/
    #videoPlayer {
        width: 100%;
        clear: both;
        margin-left: 0px;
        margin-right: 0px;
    }
    #videoPlayerChoice {
        width: 100%;
        clear: both;
        margin-left: 0px;
        margin-right: 0px;
    }
    #videoBookList {
        width: 100%;
        display: none;
        float: left;
        clear: both;
        display: none;
        background-color: rgba(0, 0, 0, 0.8);
        color: rgba(255, 255, 255, 1);
        padding-bottom: 25px;
        -webkit-box-shadow: inset 0px 5px 4px 0px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: inset 0px 5px 4px 0px rgba(0, 0, 0, 0.2);
        box-shadow: inset 0px 5px 4px 0px rgba(0, 0, 0, 0.2);
    }
    li.singleVideoItem {
        font-family: 'Mulish', sans-serif;
        font-size: 1.4em;
        width: calc(100% - 40px);
        float: left;
        clear: both;
        cursor: pointer;
        text-align: center;
        color: rgba(255, 255, 255, 1);
        font-weight: normal;
        margin-left: 20px;
        margin-right: 20px;
    }
    h1.buttonShowVideoBookList {
        display: none;
    }
    /*mantengo chiuso il videoPlayerListContainerList nella vers. Mobile*/
    ul.videoPlayerListContainerList {
        display: none;
    }
}

@media (min-width: 280px) and (max-width: 653px) {
    #contentItem {
        width: 100%;
        float: left;
        margin: 0px;
        padding: 0px;
        margin-left: 0px;
        margin-top: 0px;
        display: block;
    }
    #backButtonSnglMdl {
        text-align: center;
        width: calc(100% - 20px);
        float: left;
        margin-left: 0px;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 0px;
        margin-top: 70px;
        margin-bottom: 0px;
    }
    a.backButtonSnglMdl {
        width: 100%;
        float: left;
        margin-left: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
        color: rgba(0, 0, 0, 1);
        text-align: center;
        text-decoration: none;
        font-size: 2em;
        font-family: 'Mulish', sans-serif;
        text-transform: uppercase;
    }
    /*div contenente info e imgs modella*/
    #childPerson {
        width: 100%;
        float: left;
        margin-top: 0px;
        display: block;
    }
    /*sezione nome e features*/
    .verticalBasedText {
        float: left;
        width: calc(100% - 8px);
        /*max-height: 400px;
      min-height: 400px;*/
        overflow: hidden !important;
        margin: 4px 4px 4px 4px;
        /* inserimento immagini come background-image v2*/
        /*padding-bottom: 65%;*/
        /*padding-bottom: 60%;*/
        background: no-repeat;
        background-size: cover;
        background-position: center top !important;
        transition: 0.8s !important;
    }
    /*nome*/
    h1.childPersonName {
        width: 100%;
        float: left;
        text-align: center;
        font-size: 2.5em;
        text-transform: uppercase;
        margin-top: 0px;
        font-family: 'Mulish', sans-serif;
        color: rgba(0, 0, 0, 0.8;
        );
        font-weight: normal;
        margin-top: 25px;
        margin-bottom: 5px;
    }
    /*features*/
    ul.mainInfo {
        width: 100%;
        float: left;
        padding-inline-start: 0px;
        padding: 0px;
        margin: 0px;
        margin-bottom: 15px;
    }
    ul.mainInfo li {
        width: 100%;
        float: left;
        list-style: none;
        margin: 0px;
        padding: 0px;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 5px;
    }
    ul ul.childFeatures {
        width: 100%;
        float: left;
        list-style: none;
        margin: 0px;
        padding: 0px;
        margin-top: 15px;
    }
    li.childSingleFeature {
        width: 100%;
        clear: both;
    }
    .childFeatureName {
        float: left;
        width: calc(50% - 4px);
        text-transform: uppercase;
        margin-right: 4px;
    }
    .childFeatureValue {
        float: left !important;
        width: calc(50% - 4px) !important;
        margin-left: 4px;
    }
    span.childFeatureName {
        font-family: 'Mulish', sans-serif;
        font-size: 1.2em;
        color: rgba(0, 0, 0, 0.8);
        text-align: right;
    }
    span.childFeatureValue {
        font-family: 'Mulish', sans-serif;
        font-size: 1.2em;
        color: rgba(0, 0, 0, 0.6);
    }
    /*gestione lista book*/
    #linkBookContainer {
        display: none;
    }
    #linkBookContainerMobile {
        width: 100%;
        display: none;
        float: left;
        display: none;
        background-color: rgba(0, 0, 0, 0.8);
        color: rgba(255, 255, 255, 1);
        padding-bottom: 25px;
        -webkit-box-shadow: inset 0px 5px 4px 0px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: inset 0px 5px 4px 0px rgba(0, 0, 0, 0.2);
        box-shadow: inset 0px 5px 4px 0px rgba(0, 0, 0, 0.2);
    }
    a.bookButtonMobile {
        width: 100%;
        float: left;
        margin-left: 0%;
        margin-right: 0%;
        font-size: 1.6em;
        text-align: center;
        text-transform: uppercase;
        font-family: 'Mulish', sans-serif;
        margin-top: 0px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.6);
    }
    ul.listBook {
        width: 100%;
        float: left;
        padding: 0px;
        margin: 0px;
        list-style: none;
        margin: 0 auto;
        margin-top: 25px;
        text-align: center;
    }
    ul.listBook li.listBookItem {
        width: 100%;
        float: left;
        text-transform: uppercase;
        color: rgba(0, 0, 0, 0.5);
        text-align: center;
        letter-spacing: 2px;
        text-decoration: none;
        padding-left: 0px;
        padding-right: 0px;
    }
    ul.listBook li.listBookItemTitle {
        font-family: 'Mulish', sans-serif;
        width: 100%;
        float: left;
        text-transform: uppercase;
        color: rgba(255, 255, 255, 0.4);
        text-align: center;
        letter-spacing: 2px;
        text-decoration: none;
        padding-left: 0px;
        padding-right: 0px;
        font-size: 0.8em;
    }
    .listBookItem:hover {
        transition: 0.2s;
        cursor: pointer;
        box-shadow: 10px 10px 0px rgba(221, 0, 221, 0);
    }
    a.linkShowBookItem {
        color: rgba(0, 0, 0, 1);
        /*prima bianco pieno*/
        border-right: 0px;
        border-left: 0px;
        width: 100%;
        text-align: center;
        text-decoration: none;
        font-family: 'Mulish', sans-serif;
        font-size: 1.5em;
    }
    /*mostro il backButtonMobile*/
    #backbuttonMobileSnglMdl {
        display: none;
        width: 100%;
        margin: 0px;
        padding: 0px;
        z-index: 1;
        padding-top: 10px;
    }
    a.backButtonMobileSnglMdl {
        display: block;
        width: 20%;
        float: left;
        height: 20px;
        padding-top: 0px;
        padding-bottom: 15px;
        margin-top: -0.45em;
        margin-bottom: 5px;
        color: rgba(0, 0, 0, 0.6);
        text-align: center;
        text-decoration: none;
        font-size: 3em;
        font-family: 'Mulish', sans-serif;
        text-transform: uppercase;
        transition: 0.5s;
        line-height: 66px;
    }
    a.backToTopMobileSnglMdl {
        font-family: 'Mulish', sans-serif;
        color: rgba(0, 0, 0, 0.6);
        text-decoration: none;
        font-size: 1.8em;
        line-height: 1em;
        float: left;
        width: auto;
    }
    i.fa.fa-bars.miniBurgerIcon {
        font-size: 2em;
        vertical-align: middle;
        letter-spacing: 0.2em;
        float: right;
        color: rgba(0, 0, 0, 0.8);
    }
    #modelNamebackButtonMobile {
        font-size: 1em;
        text-align: center;
        font-family: 'Mulish', sans-serif;
        display: none;
        width: 150px;
        float: left;
        line-height: 1.4em;
        padding-left: 25px;
        text-transform: uppercase;
    }
    /*SEZIONE VIDEO MOBILE*/
    /*nascono la versione desktop nome-sezione-video Desktop misure-video Dekstop*/
    h1.childPersonNameVBContainer {
        display: none;
    }
    ul.videoChildFeatures {
        display: none;
    }
    /*porto la dimensione di entrambi i video player al 100%;*/
    #videoPlayer {
        width: 100%;
        clear: both;
        margin-left: 0px;
        margin-right: 0px;
    }
    #videoPlayerChoice {
        width: 100%;
        clear: both;
        margin-left: 0px;
        margin-right: 0px;
    }
    #videoBookList {
        width: 100%;
        display: none;
        float: left;
        clear: both;
        display: none;
        background-color: rgba(0, 0, 0, 0.8);
        color: rgba(255, 255, 255, 1);
        padding-bottom: 25px;
        -webkit-box-shadow: inset 0px 5px 4px 0px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: inset 0px 5px 4px 0px rgba(0, 0, 0, 0.2);
        box-shadow: inset 0px 5px 4px 0px rgba(0, 0, 0, 0.2);
    }
    li.singleVideoItem {
        font-family: 'Mulish', sans-serif;
        font-size: 1.4em;
        width: calc(100% - 40px);
        float: left;
        clear: both;
        cursor: pointer;
        text-align: center;
        color: rgba(255, 255, 255, 1);
        font-weight: normal;
        margin-left: 20px;
        margin-right: 20px;
    }
    h1.buttonShowVideoBookList {
        display: none;
    }
    /*mantengo chiuso il videoPlayerListContainerList nella vers. Mobile*/
    ul.videoPlayerListContainerList {
        display: none;
    }
}

@media (min-width: 732px) and (max-width: 1300px) {
    #contentItem {
        width: 100%;
        float: left;
        margin: 0px;
        padding: 0px;
        margin-left: 0px;
        margin-top: 0px;
        display: block;
    }
    #backButtonSnglMdl {
        text-align: center;
        width: calc(100% - 20px);
        float: left;
        margin-left: 0px;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 0px;
        margin-top: 70px;
        margin-bottom: 0px;
    }
    a.backButtonSnglMdl {
        width: 100%;
        float: left;
        margin-left: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
        color: rgba(0, 0, 0, 1);
        text-align: center;
        text-decoration: none;
        font-size: 2em;
        font-family: 'Mulish', sans-serif;
        text-transform: uppercase;
    }
    /*div contenente info e imgs modella*/
    #childPerson {
        width: 100%;
        float: left;
        margin-top: 0px;
        display: block;
    }
    /*sezione nome e features*/
    .verticalBasedText {
        float: left;
        width: calc(100% - 8px);
        /*max-height: 400px;
      min-height: 400px;*/
        overflow: hidden !important;
        margin: 4px 4px 4px 4px;
        /* inserimento immagini come background-image v2*/
        /*padding-bottom: 65%;*/
        /*padding-bottom: 60%;*/
        background: no-repeat;
        background-size: cover;
        background-position: center top !important;
        transition: 0.8s !important;
    }
    /*nome*/
    h1.childPersonName {
        width: 100%;
        float: left;
        text-align: center;
        font-size: 2.5em;
        text-transform: uppercase;
        margin-top: 0px;
        font-family: 'Mulish', sans-serif;
        color: rgba(0, 0, 0, 0.8;
        );
        font-weight: normal;
        margin-top: 25px;
        margin-bottom: 5px;
    }
    /*features*/
    ul.mainInfo {
        width: 100%;
        float: left;
        padding-inline-start: 0px;
        padding: 0px;
        margin: 0px;
        margin-bottom: 15px;
    }
    ul.mainInfo li {
        width: 100%;
        float: left;
        list-style: none;
        margin: 0px;
        padding: 0px;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 5px;
    }
    ul ul.childFeatures {
        width: 100%;
        float: left;
        list-style: none;
        margin: 0px;
        padding: 0px;
        margin-top: 15px;
    }
    li.childSingleFeature {
        width: 100%;
        clear: both;
    }
    .childFeatureName {
        float: left;
        width: calc(50% - 4px);
        text-transform: uppercase;
        margin-right: 4px;
    }
    .childFeatureValue {
        float: left !important;
        width: calc(50% - 4px) !important;
        margin-left: 4px;
    }
    span.childFeatureName {
        font-family: 'Mulish', sans-serif;
        font-size: 1.2em;
        color: rgba(0, 0, 0, 0.8);
        text-align: right;
    }
    span.childFeatureValue {
        font-family: 'Mulish', sans-serif;
        font-size: 1.2em;
        color: rgba(0, 0, 0, 0.6);
    }
    /*gestione lista book*/
    #linkBookContainer {
        display: none;
    }
    #linkBookContainerMobile {
        width: 100%;
        display: none;
        float: left;
        display: none;
        background-color: rgba(0, 0, 0, 0.8);
        color: rgba(255, 255, 255, 1);
        padding-bottom: 25px;
        -webkit-box-shadow: inset 0px 5px 4px 0px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: inset 0px 5px 4px 0px rgba(0, 0, 0, 0.2);
        box-shadow: inset 0px 5px 4px 0px rgba(0, 0, 0, 0.2);
    }
    a.bookButtonMobile {
        width: 100%;
        float: left;
        margin-left: 0%;
        margin-right: 0%;
        font-size: 1.6em;
        text-align: center;
        text-transform: uppercase;
        font-family: 'Mulish', sans-serif;
        margin-top: 0px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.6);
    }
    ul.listBook {
        width: 100%;
        float: left;
        padding: 0px;
        margin: 0px;
        list-style: none;
        margin: 0 auto;
        margin-top: 25px;
        text-align: center;
    }
    ul.listBook li.listBookItem {
        width: 100%;
        float: left;
        text-transform: uppercase;
        color: rgba(0, 0, 0, 0.5);
        text-align: center;
        letter-spacing: 2px;
        text-decoration: none;
        padding-left: 0px;
        padding-right: 0px;
    }
    ul.listBook li.listBookItemTitle {
        font-family: 'Mulish', sans-serif;
        width: 100%;
        float: left;
        text-transform: uppercase;
        color: rgba(255, 255, 255, 0.4);
        text-align: center;
        letter-spacing: 2px;
        text-decoration: none;
        padding-left: 0px;
        padding-right: 0px;
        font-size: 0.8em;
    }
    .listBookItem:hover {
        transition: 0.2s;
        cursor: pointer;
        box-shadow: 10px 10px 0px rgba(221, 0, 221, 0);
    }
    a.linkShowBookItem {
        color: rgba(0, 0, 0, 1);
        /*prima bianco pieno*/
        border-right: 0px;
        border-left: 0px;
        width: 100%;
        text-align: center;
        text-decoration: none;
        font-family: 'Mulish', sans-serif;
        font-size: 1.5em;
    }
    /*gestione backButtonMenuMobile*/
    /*mostro il backButtonMobile*/
    #backbuttonMobileSnglMdl {
        display: none;
        width: 100%;
        margin: 0px;
        padding: 0px;
        z-index: 1;
        padding-top: 10px;
    }
    a.backButtonMobileSnglMdl {
        display: block;
        width: 20%;
        float: left;
        height: 20px;
        padding-top: 0px;
        padding-bottom: 15px;
        margin-top: -0.45em;
        margin-bottom: 5px;
        color: rgba(0, 0, 0, 0.6);
        text-align: center;
        text-decoration: none;
        font-size: 3em;
        font-family: 'Mulish', sans-serif;
        text-transform: uppercase;
        transition: 0.5s;
        line-height: 66px;
    }
    a.backToTopMobileSnglMdl {
        font-family: 'Mulish', sans-serif;
        color: rgba(0, 0, 0, 0.6);
        text-decoration: none;
        font-size: 1.8em;
        line-height: 1em;
        float: left;
        width: auto;
    }
    i.fa.fa-bars.miniBurgerIcon {
        font-size: 2em;
        vertical-align: middle;
        letter-spacing: 0.2em;
        float: right;
        color: rgba(0, 0, 0, 0.8);
    }
    #modelNamebackButtonMobile {
        font-size: 1em;
        text-align: center;
        font-family: 'Mulish', sans-serif;
        display: none;
        width: 150px;
        float: left;
        line-height: 1.4em;
        padding-left: 25px;
        text-transform: uppercase;
    }
    /*SEZIONE VIDEO MOBILE */
    /*nascono la versione desktop nome-sezione-video Desktop misure-video Dekstop*/
    h1.childPersonNameVBContainer {
        display: none;
    }
    ul.videoChildFeatures {
        display: none;
    }
    /*porto la dimensione di entrambi i video player al 100%;*/
    #videoPlayer {
        width: 100%;
        clear: both;
        margin-left: 0px;
        margin-right: 0px;
    }
    #videoPlayerChoice {
        width: 100%;
        clear: both;
        margin-left: 0px;
        margin-right: 0px;
    }
    #videoBookList {
        width: 100%;
        display: none;
        float: left;
        clear: both;
        display: none;
        background-color: rgba(0, 0, 0, 0.8);
        color: rgba(255, 255, 255, 1);
        padding-bottom: 25px;
        -webkit-box-shadow: inset 0px 5px 4px 0px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: inset 0px 5px 4px 0px rgba(0, 0, 0, 0.2);
        box-shadow: inset 0px 5px 4px 0px rgba(0, 0, 0, 0.2);
    }
    li.singleVideoItem {
        font-family: 'Mulish', sans-serif;
        font-size: 1.4em;
        width: calc(100% - 40px);
        float: left;
        clear: both;
        cursor: pointer;
        text-align: center;
        color: rgba(255, 255, 255, 1);
        font-weight: normal;
        margin-left: 20px;
        margin-right: 20px;
    }
    h1.buttonShowVideoBookList {
        display: none;
    }
    /*mantengo chiuso il videoPlayerListContainerList nella vers. Mobile*/
    ul.videoPlayerListContainerList {
        display: none;
    }
}

@media (min-width: 1301px) and (max-width: 1980px) {
    #linkBookContainerMobile {
        display: none;
    }
    #linkBookContainerMobile ul.listBook {
        display: none;
    }
}


/************************************************/


/************************************************/


/*                                              */


/* gestione query per le varie versioni MOBILE  */


/*                                              */


/************************************************/


/************************************************/

@media (min-width: 279px) and (max-width: 319px) {
    .verticalBased {
        float: left;
        width: calc(100% - 8px);
        padding-bottom: 150%;
    }
    .squareBased {
        float: left;
        width: calc(100% - 8px);
        padding-bottom: 100%;
    }
}

@media (min-width: 320px) and (max-width: 359px) {
    .verticalBased {
        float: left;
        width: calc(100% - 8px);
        padding-bottom: 150%;
    }
    .squareBased {
        float: left;
        width: calc(100% - 8px);
        padding-bottom: 100%;
    }
}

@media (min-width: 360px) and (max-width: 410px) {
    .verticalBased {
        float: left;
        width: calc(100% - 8px);
        padding-bottom: 150%;
    }
    .squareBased {
        float: left;
        width: calc(100% - 8px);
        padding-bottom: 100%;
    }
}

@media (min-width: 411px) and (max-width: 567px) {
    .verticalBased {
        float: left;
        width: calc(100% - 8px);
        padding-bottom: 150%;
    }
    .squareBased {
        float: left;
        width: calc(100% - 8px);
        padding-bottom: 100%;
    }
}


/************************************************/
/************************************************/
/*                                              */
/* gestione query per le varie versioni DESKTOP */
/*                                              */
/************************************************/
/************************************************/

@media (min-width: 823px) and (max-width: 1023px) {
    .verticalBased {
        float: left;
        width: calc(100% - 8px);
        padding-bottom: 150%;
    }
    .squareBased {
        float: left;
        width: calc(100% - 8px);
        padding-bottom: 100%;
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .verticalBased {
        float: left;
        width: calc(100% - 8px);
        padding-bottom: 150%;
    }
    .squareBased {
        float: left;
        width: calc(100% - 8px);
        padding-bottom: 100%;
    }
}

@media (min-width: 1280px) and (max-width: 1365px) {
    .verticalBased {
        float: left;
        width: calc(100% - 8px);
        padding-bottom: 150%;
    }
    .squareBased {
        float: left;
        width: calc(100% - 8px);
        padding-bottom: 100%;
    }
}

/************************************************/
/************************************************/
/*                                              */
/* gestione query per le varie versioni DESKTOP */
/*                                              */
/************************************************/
/************************************************/

@media (min-width: 1024px) and (max-width: 1279px){
    
}
@media (min-width: 1280px) and (max-width: 1365px){
    a.linkShowBookItem{
        font-size: 0.8em;
    }
}
@media (min-width: 1366px) and (max-width: 1439px){
    a.linkShowBookItem{
        font-size: 0.8em;
    }
    #backButtonSnglMdl{
        margin-left: -140px;
    }
}
@media (min-width: 1440px) and (max-width: 1679px){
    a.linkShowBookItem{
        font-size: 0.8em;
    }
    #backButtonSnglMdl{
        margin-left: -140px;
    }
}
@media (min-width: 1680px) and (max-width: 1919px){
    #backButtonSnglMdl{
        margin-left: -160px;
    }
}
@media (min-width: 1920px) and (max-width: 2559px){
    #backButtonSnglMdl{
        margin-left: -160px;
    }
}
/* su i monitor grandi il problema non si presenza in quanto la larghezza permette di visualizzare correttamente il bottone con le impostazioni originarie*/
@media (min-width: 2559px) and (max-width: 3839px){
}
@media (min-width: 3840px) and (max-width: 5120px){
}

@media (min-width: 279px) and (max-width: 823px){
    h1#descriptionSpaceTitle{
        width: 100%;
        float: left;
        margin: 0;
        margin-left: 0;
        margin-right: 0;
        padding: 0;
        font-family: 'Arial Black', sans-serif;
        color: rgb(40,40,40);
        text-align: left;
        font-size: 1.2em;
        display: none;
        margin-bottom: 15px;
        margin-top: 25px;
    }
    #descriptionSpace{
        float: left;
        width: 100%;
        margin:0;
        margin-left: 0;
        margin-right: 0;
        padding: 0;
        font-size: 1.2em;
        font-family: 'Mulish', sans-serif;
        color: rgb(120,120,120);
        padding-top: 15px;
        margin-top: 5px;
        margin-bottom: 25px;
        border-top: 2px solid rgb(40,40,40);
    }
}