@charset "UTF-8";
/* CSS Document */



#rotation_advice {
	display:none;
}

.contenitore{
	width:700px;
	height:488px;
	box-sizing: border-box;
	font-family:'Gotham';
}

#home {
	background:url(../../img/Bg_Desk-22-22.svg) no-repeat top left;
padding-left:0px;
padding-right:0px;
}

#home h1{
	font-size:17px;
	color:#152e4c;
	font-weight:900;
}

#home .right{
	padding: 40px 40px 0 0;
}

.box-character{
	border: 4px solid #bee3ee;
	margin-top:18px;
}

.box-character img{
	width:100%;
}

#home h2{
	font-size:15px;
	color:#152e4c;
	font-weight:900;
	margin-top:25px;
}

.numeri-top-ten{
	margin-top:20px;
}

.numeri-pallini{
    width: 50px;
    height: 50px;
    border-radius: 50px;
    text-align: center;
    justify-content: center;
    flex-direction: column;
    display: flex;
	color:white;
	overflow:hidden;
	font-size:25px;
	font-weight:900;
	cursor:pointer;
	}

.numeri-top-ten .col-2 {
    margin-right: 10px;
    margin-bottom: 10px;
}

button{
	cursor:pointer;
}
/* SCHERMATA UNO */


#schermata-uno {
    border: 5px solid #0f2235;
    position: relative;
	background:url(../../img/GameofThrones-bg.jpg) no-repeat center;
	background-size: cover;
    background-color: rgba(255, 255, 255, 0.85);
    background-blend-mode: overlay;
}

#schermata-uno:before {
    position: absolute;
    display: block;
    content: '';
    border: 6px solid #2e6b9e;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.titolo{ 
	zoom:55%;
}

.schermata-personaggi{
    padding: 30px 30px 22px;
}

.schermata-personaggi h1{ 
	float:left;
	font-weight:900;
}

#schermata-uno h1{ 
	color:#152e4c;
}

.schermata-personaggi .numeri-pallini{ 
	float:right;
}

.schermata-personaggi h4{
	font-size:15px;
	font-weight:500;
	color:#212529;
}

.schermata-personaggi h4 strong{
	font-weight:900;
}

.schermata-personaggi p{
	font-size:10px;
	font-weight:400;
	margin-bottom: 5px;
}

.cerchio{
	width:155px;
	height:155px;
	border-radius:100%;
	margin: 10px auto 10px;
}

#schermata-uno #cerchio-uno-l{
	background:url(../../img/Daenerys_Targaryen.jpg) no-repeat center center;
	background-size:cover;
	border: 4px solid #102235;
}

#schermata-uno #cerchio-uno-r{
	background:url(../../img/Tyrion_Lannister.jpg) no-repeat center center;;
	background-size:cover;
	border: 4px solid #2e6a9e;
}


.btn-calc{
	font-family:'Gotham';
	font-size:12px;
	font-weight:700;
	border: none;
	padding: 7px 20px;
}

#schermata-uno .calc-l{
	color:white;
	background: #102235;
}

#schermata-uno .calc-r{
	color:white;
	background: #2e6a9e;
}

.btn-torna{
	float: left;
    margin-left: -9px;
	color:#0f2235;
	background:white;
}

.btn-scopri{
	float: right;
    margin-right: -9px;
	color:#0f2235;
	background:white;
}

.modal-backdrop{
	display:none;
}

.modal{ 
	width:700px;
}

.modal-header {
/*    justify-content: flex-end;
*/	border:none;
	padding-left:30px;
	padding-right:30px;
	padding-top:30px;
	padding-bottom:30px;
	align-items: start;
}

button.close{
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    color: white;
    opacity: 1;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    text-align: center;
    text-shadow: none;
   /* Firefox */
	-moz-transition: all 1s ease;
	/* WebKit */
	-webkit-transition: all 1s ease;
	/* Opera */
	-o-transition: all 1s ease;
	/* Standard */
	transition: all 1s ease;
	font-size:20px;
	justify-content: center;
    align-items: center;
	padding-bottom:2px;
	line-height:0;
}

.close:focus, .close:hover {
    opacity: 1;
    background: white !important;
	-ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.modal-footer{
	border:none;
}

.modal-content {
/*    border: 2px solid #0f2235;
*/    border-radius: 1rem;
}

.modal-body{
	padding: 5px 30px 15px 30px;
}

.modal-body h4{
	font-family:'Gotham';
	font-size:14px;
	font-weight:500;
}

.modal-body p{
	font-family:'Gotham';
	font-size:10px;
	font-weight:400;
}


/* / SCHERMATA UNO */

/*  SCHERMATA DUE */
#schermata-due {
    border: 5px solid #264c18;
    position: relative;
	background:url(../../img/The_Walking_Dead_bg.jpg) no-repeat center;
	background-size: cover;
    background-color: rgba(255, 255, 255, 0.85);
    background-blend-mode: overlay;
}

#schermata-due:before {
    position: absolute;
    display: block;
    content: '';
    border: 6px solid #396d23;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}


#schermata-due h1{ 
	color:#264c18;
}

#schermata-due #cerchio-uno-l{
	background:url(../../img/The_Walking_Dead_Rick_Grimes.jpg) no-repeat center center;
	background-size:cover;
	border: 4px solid #264c18;
}

#schermata-due #cerchio-uno-r{
	background:url(../../img/The_Walking_Dead_Glenn_Rhee.jpg) no-repeat center center;;
	background-size:cover;
	border: 4px solid #396d23;
}

#schermata-due .calc-l{
	color:white;
	background: #264c18;
}

#schermata-due .calc-r{
	color:white;
	background: #396d23;
}

/* / SCHERMATA DUE */


/*  SCHERMATA TRE */
#schermata-tre {
    border: 5px solid #a85918;
    position: relative;
	background:url(../../img/StrangerThings_bg.jpg) no-repeat center;
	background-size: cover;
    background-color: rgba(255, 255, 255, 0.85);
    background-blend-mode: overlay;
}

#schermata-tre:before {
    position: absolute;
    display: block;
    content: '';
    border: 6px solid #d36c20;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}


#schermata-tre h1{ 
	color:#a85918;
}

#schermata-tre #cerchio-uno-l{
	background:url(../../img/StrangerThings_Eleaven.jpg) no-repeat center center;
	background-size:cover;
	border: 4px solid #a85918;
}

#schermata-tre #cerchio-uno-r{
	background:url(../../img/StrangerThings_Michael.jpg) no-repeat center center;;
	background-size:cover;
	border: 4px solid #d36c20;
}

#schermata-tre .calc-l{
	color:white;
	background: #a85918;
}

#schermata-tre .calc-r{
	color:white;
	background: #d36c20;
}

/* / SCHERMATA TRE */


/*  SCHERMATA QUATTRO */
#schermata-quattro {
    border: 5px solid #b5b524;
    position: relative;
	background:url(../../img/Narcos_bg.jpg) no-repeat center;
	background-size: cover;
    background-color: rgba(255, 255, 255, 0.85);
    background-blend-mode: overlay;
}

#schermata-quattro:before {
    position: absolute;
    display: block;
    content: '';
    border: 6px solid #d3ce2a;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}


#schermata-quattro h1{ 
	color:#b5b524;
}

#schermata-quattro #cerchio-uno-l{
	background:url(../../img/Narcos_Pablo_Escobar.jpg) no-repeat center center;
	background-size:cover;
	border: 4px solid #b5b524;
}

#schermata-quattro #cerchio-uno-r{
	background:url(../../img/Narcos_Pablo_Penar.jpg) no-repeat center center;;
	background-size:cover;
	border: 4px solid #d3ce2a;
}

#schermata-quattro .calc-l{
	color:white;
	background: #b5b524;
}

#schermata-quattro .calc-r{
	color:white;
	background: #d3ce2a;
}

/* / SCHERMATA QUATTRO */


/*  SCHERMATA CINQUE */
#schermata-cinque {
    border: 5px solid #91192b;
    position: relative;
	background:url(../../img/Orangeisthenewblack-_bg.jpg) no-repeat center;
	background-size: cover;
    background-color: rgba(255, 255, 255, 0.85);
    background-blend-mode: overlay;
}

#schermata-cinque:before {
    position: absolute;
    display: block;
    content: '';
    border: 6px solid #ba223f;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}


#schermata-cinque h1{ 
	color:#91192b;
}

#schermata-cinque #cerchio-uno-l{
	background:url(../../img/Piper_Chapman.jpg) no-repeat center center;
	background-size:cover;
	border: 4px solid #91192b;
}

#schermata-cinque #cerchio-uno-r{
	background:url(../../img/Nicky_Nichols.jpg) no-repeat center center;;
	background-size:cover;
	border: 4px solid #ba223f;
}

#schermata-cinque .calc-l{
	color:white;
	background: #91192b;
}

#schermata-cinque .calc-r{
	color:white;
	background: #ba223f;
}

/* / SCHERMATA CINQUE */


/*  SCHERMATA SEI */
#schermata-sei {
    border: 5px solid #297e91;
    position: relative;
	background:url(../../img/breaking_bad_bg.jpg) no-repeat center;
	background-size: cover;
    background-color: rgba(255, 255, 255, 0.85);
    background-blend-mode: overlay;
}

#schermata-sei:before {
    position: absolute;
    display: block;
    content: '';
    border: 6px solid #37a9bc;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}


#schermata-sei h1{ 
	color:#297e91;
}

#schermata-sei #cerchio-uno-l{
	background:url(../../img/Breaking_Bad_Walter_White.jpg) no-repeat center center;
	background-size:cover;
	border: 4px solid #297e91;
}

#schermata-sei #cerchio-uno-r{
	background:url(../../img/Breaking_Bad_Saul_Goodman.jpg) no-repeat center center;;
	background-size:cover;
	border: 4px solid #37a9bc;
}

#schermata-sei .calc-l{
	color:white;
	background: #297e91;
}

#schermata-sei .calc-r{
	color:white;
	background: #37a9bc;
}

/* / SCHERMATA SEI */


/*  SCHERMATA SETTE */
#schermata-sette {
    border: 5px solid #70116c;
    position: relative;
	background:url(../../img/House_Of_Cards_bg.jpg) no-repeat center;
	background-size: cover;
    background-color: rgba(255, 255, 255, 0.85);
    background-blend-mode: overlay;
}

#schermata-sette:before {
    position: absolute;
    display: block;
    content: '';
    border: 6px solid #931893;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}


#schermata-sette h1{ 
	color:#70116c;
}

#schermata-sette #cerchio-uno-l{
	background:url(../../img/House_Of_Cards_Fancis_Underwood.jpg) no-repeat center center;
	background-size:cover;
	border: 4px solid #70116c;
}

#schermata-sette #cerchio-uno-r{
	background:url(../../img/House_Of_Cards_Douglas_Stamper.jpg) no-repeat center center;;
	background-size:cover;
	border: 4px solid #931893;
}

#schermata-sette .calc-l{
	color:white;
	background: #70116c;
}

#schermata-sette .calc-r{
	color:white;
	background: #931893;
}

/* / SCHERMATA SETTE */


/*  SCHERMATA OTTO */
#schermata-otto {
    border: 5px solid #23752f;
    position: relative;
	background:url(../../img/MadMan_bg.jpg) no-repeat center;
	background-size: cover;
    background-color: rgba(255, 255, 255, 0.85);
    background-blend-mode: overlay;
}

#schermata-otto:before {
    position: absolute;
    display: block;
    content: '';
    border: 6px solid #32a03f;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}


#schermata-otto h1{ 
	color:#23752f;
}

#schermata-otto #cerchio-uno-l{
	background:url(../../img/Don-Draper.jpg) no-repeat center center;
	background-size:cover;
	border: 4px solid #23752f;
}

#schermata-otto #cerchio-uno-r{
	background:url(../../img/Peggy-Olson.jpg) no-repeat center center;;
	background-size:cover;
	border: 4px solid #32a03f;
}

#schermata-otto .calc-l{
	color:white;
	background: #23752f;
}

#schermata-otto .calc-r{
	color:white;
	background: #32a03f;
}

/* / SCHERMATA OTTO */


/*  SCHERMATA NOVE */
#schermata-nove {
    border: 5px solid #5b0303;
    position: relative;
	background:url(../../img/Vikings_bg.jpg) no-repeat center;
	background-size: cover;
    background-color: rgba(255, 255, 255, 0.85);
    background-blend-mode: overlay;
}

#schermata-nove:before {
    position: absolute;
    display: block;
    content: '';
    border: 6px solid #c40808;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}


#schermata-nove h1{ 
	color:#5b0303;
}

#schermata-nove #cerchio-uno-l{
	background:url(../../img/Vikings_Ragnar.jpg) no-repeat center center;
	background-size:cover;
	border: 4px solid #5b0303;
}

#schermata-nove #cerchio-uno-r{
	background:url(../../img/Vikings_Ladgerda.jpg) no-repeat center center;;
	background-size:cover;
	border: 4px solid #c40808;
}

#schermata-nove .calc-l{
	color:white;
	background: #5b0303;
}

#schermata-nove .calc-r{
	color:white;
	background: #c40808;
}

/* / SCHERMATA NOVE */



/*  SCHERMATA DIECI */
#schermata-dieci {
    border: 5px solid #e828f7;
    position: relative;
	background:url(../../img/Sense8_bg.jpg) no-repeat center;
	background-size: cover;
    background-color: rgba(255, 255, 255, 0.85);
    background-blend-mode: overlay;
}

#schermata-dieci:before {
    position: absolute;
    display: block;
    content: '';
    border: 6px solid #ff66ff;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}


#schermata-dieci h1{ 
	color:#e828f7;
}

#schermata-dieci #cerchio-uno-l{
	background:url(../../img/Capheus_Onyango.jpg) no-repeat center center;
	background-size:cover;
	border: 4px solid #e828f7;
}

#schermata-dieci #cerchio-uno-r{
	background:url(../../img/Kala_Dandekar.jpg) no-repeat center center;;
	background-size:cover;
	border: 4px solid #ff66ff;
}

#schermata-dieci .calc-l{
	color:white;
	background: #e828f7;
}

#schermata-dieci .calc-r{
	color:white;
	background: #ff66ff;
}

/* / SCHERMATA DIECI */




.numero {
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-radius: 15px;
    color: white;
    font-weight: 900;
    font-size: 20px;
}

#numero {
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}





#calcola-profilo {
    border: 5px solid #0f2235;
    position: relative;
	background:white;
	background-size: cover;
    background-color: rgba(255, 255, 255, 0.85);
    background-blend-mode: overlay;
}

#calcola-profilo:before {
    position: absolute;
    display: block;
    content: '';
    border: 6px solid #49b3f7;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

#calcola-profilo {
padding-left:0px;
padding-right:0px;
}

#calcola-profilo h2{
	font-size:45px;
	color:#152e4c;
	font-weight:900;
	text-transform: uppercase;
	line-height: 85px;
}

#calcola-profilo .row{
    padding: 30px 30px 22px;
}

#calcola-profilo .btn-torna{
	 color: white;
    background: #0f2235;
	margin-left:-24px;
}

#calcola-profilo p {
    font-size: 12px;
    font-weight: 400;
}


.form-calcolo {
    margin-top: 25px;
    margin-bottom: 33px;
}


.form-calcolo label{
	float:left;
	padding-right: 40px;
}

.form-calcolo input{
	width:100%;
	border-color: #49b3f7;
	border-style: dotted;
}

.form-calcolo .label {
    color: white;
    background: #152f4d;
    font-weight: 100;
    padding-left: 10px;
    margin-bottom: 15px;
}

.form-calcolo input:focus {
    outline: -webkit-focus-ring-color auto 0px;
    border-color: #152f4d;
}

.form-calcolo button{
    color: white;
    background: #49b3f7;
    border: none;
    padding: 3px 20px;
    margin-top: 30px;
    margin-left: 15px;
}





#risultato-profilo {
    border: 5px solid #0f2235;
    position: relative;
	background:white;
	background-size: cover;
    background-color: rgba(255, 255, 255, 0.85);
    background-blend-mode: overlay;
}

#risultato-profilo:before {
    position: absolute;
    display: block;
    content: '';
    border: 6px solid #49b3f7;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

#risultato-profilo {
padding-left:0px;
padding-right:0px;
}

#risultato-profilo h2{
	font-size:45px;
	color:#152e4c;
	font-weight:900;
	text-transform: uppercase;
	line-height: 85px;
}

#risultato-profilo .row{
    padding: 30px 30px 22px;
}

#risultato-profilo .btn-torna{
	 color: white;
    background: #0f2235;
	margin-left:-24px;
}

#risultato-profilo .numero {
    margin-left: auto;
    margin-right: auto;
    width: 80px;
    height: 80px;
    font-size: 40px;
    line-height: 80px;
}

.pulsanti{
    margin: 0 auto;
    width: 320px;
}
#risultato-profilo .calc-l{
	float:left;
}

#risultato-profilo .leggi{
    margin: 46px 5px 0;
    width: 150px;
/*    display: block;
*/    background: white;
    border: 1px solid #0f2236;
}

#shareonfacebook {
    padding: 7px 13px;
}

#risultato-profilo .calc-r{
	border:1px solid #49b3f7;
}
#risultato-profilo .cerchio{
	width:85px;
	height:85px;
	border:1px solid #0f2236;
	border-radius:100%;
	margin: 10px auto 10px;
}



/*#risultato-profilo #profilo1 h2{
	color:#ba3649;
}*/

.related .col-3 {
    margin: 0 auto;
    padding-left: 7.5px;
    width: auto;
    padding-right: 7.5px;
    max-width: max-content;
}

/* 1 */

#related-profilo1 #one{
	background:url(../../img/Narcos_Pablo_Escobar.jpg) no-repeat;
	background-size:cover;
}

#related-profilo1 #two{
	background:url(../../img/StrangerThings_Michael.jpg) no-repeat;
	background-size:cover;
}

#related-profilo1 #three{
	background:url(../../img/Vikings_Ragnar.jpg) no-repeat;
	background-size:cover;
}



/* 2 */

#related-profilo2 #one{
	background:url(../../img/Daenerys_Targaryen.jpg) no-repeat;
	background-size:cover;
}

#related-profilo2 #two{
	background:url(../../img/Narcos_Pablo_Penar.jpg) no-repeat;
	background-size:cover;
}

#related-profilo2 #three{
	background:url(../../img/Capheus_Onyango.jpg) no-repeat;
	background-size:cover;
}

#related-profilo2 #four{
	background:url(../../img/Kala_Dandekar.jpg) no-repeat;
	background-size:cover;
}


/* 3 */

#related-profilo3 #one{
	background:url(../../img/Piper_Chapman.jpg) no-repeat;
	background-size:cover;
}


/* 4 */

#related-profilo4 #one{
	background:url(../../img/The_Walking_Dead_Rick_Grimes.jpg) no-repeat;
	background-size:cover;
}


/* 5 */

#related-profilo5 #one{
	background:url(../../img/Breaking_Bad_Saul_Goodman.jpg) no-repeat;
	background-size:cover;
}

#related-profilo5 #two{
	background:url(../../img/Don-Draper.jpg) no-repeat;
	background-size:cover;
}

/* 6 */

#related-profilo6 #one{
	background:url(../../img/Tyrion_Lannister.jpg) no-repeat;
	background-size:cover;
}



/* 7 */

#related-profilo7 #one{
	background:url(../../img/Vikings_Ladgerda.jpg) no-repeat;
	background-size:cover;
}

#related-profilo7 #two{
	background:url(../../img/The_Walking_Dead_Glenn_Rhee.jpg) no-repeat;
	background-size:cover;
}

#related-profilo7 #three{
	background:url(../../img/Nicky_Nichols.jpg) no-repeat;
	background-size:cover;
}

/* 8 */

#related-profilo8 #one{
	background:url(../../img/Profilo_8.jpg) no-repeat;
	background-size:cover;
}


/* 9 */

#related-profilo9 #one{
	background:url(../../img/Breaking_Bad_Walter_White.jpg) no-repeat;
	background-size:cover;
}

#related-profilo9 #two{
	background:url(../../img/House_Of_Cards_Fancis_Underwood.jpg) no-repeat;
	background-size:cover;
}

#related-profilo9 #three{
	background:url(../../img/StrangerThings_Eleaven.jpg) no-repeat;
	background-size:cover;
}

#related-profilo9 #four{
	background:url(../../img/Peggy-Olson.jpg) no-repeat;
	background-size:cover;
}