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

.fc {
    font-family: 'Calibri';
}

* {
	outline:none;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html, body {
	margin:0;
	padding:0;
	width:100%;
	height:100%;
    width: 1920px;
    height: 1080px;
}

html {
  	-webkit-appearance: none;
  	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  	-webkit-touch-callout: none;
  	-webkit-user-select: none;
}

.button {
	/*background: rgba(12, 255, 0, 0.4);*/
}

body {
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
    color: #fff;
}

div, span, a, i, p, strong, b, h1, h2, h3, h4, h5, h6, section, article, header, footer, ul, li {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
}

.position-relative { position: relative; }

.position-absolute, .button { position: absolute; }

.button { display: inline-block; }

#wrap {
	margin:0 auto;
	display:block;
	z-index:1;
}

#wrap, .full_screen, .slide, .slide .bg {
	width:1920px;
	height:1080px;
	overflow:hidden;
	display:block;
}

.slide {
	z-index: 1;
	display: none;
	position: relative;
}

.slide.show {
	display: block;
}

.slide .bg {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 1920px 1080px;
}

#slider {
    width: 1380px;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

#slider .owl-nav button, .arrow {
    width: 39px;
    height: 66px;
    background: none;
    border: 0;
    text-indent: -9999px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 50%;
    margin-top: -33px;
}

.slide_1 .arrow.next, .slide_6 .arrow.next {
    top: 480px;
}

#slider .owl-nav .owl-prev, .arrow.prev {
    background: url('../images/arrow_left.png') left top no-repeat;
    left: -60px;
}

#slider .owl-nav .owl-next, .arrow.next {
    background: url('../images/arrow_right.png') left top no-repeat;
    right: -60px;
}

.arrow.prev {
    left: 16px;
}

.arrow.next {
    right: 16px;
}

.arrow.next:before {
    position: absolute;
    z-index: 2;
    left: 50%;
    top: 50%;
    content: " ";
    display: block;
    -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
    width: 150px;
    height: 150px;
}

#slider img {
    -webkit-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
    width: 430px;
    
}

#slider .owl-item {
    height: 630px;
    position: relative;
    z-index: 1;
}

#slider img {
    width: 430px;
    position: absolute;
    z-index: 2;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

#slider .center {
    z-index: 2;
}

#slider .center img {
    width: 630px;
}

#slider .owl-nav.disabled {
    display: block;
}

#wrap .landing_qrcode {position: absolute; bottom: 6.2%; left: 3%; width: 22.3%; height: 11%; z-index: 1;}
#wrap .landing_qrcode a {display: block; width: 100%; height: 100%;}

#wrap .landing_logo {position: absolute; z-index: 9990; right: 3.6%; bottom: 1.6%; width: 10%; height: 11.5%;}
#wrap .landing_logo a {display: block; width: 100%; height: 100%;}

#wrap .landing_link {position: absolute; z-index: 9990; right: 23%; bottom: 4.5%; width: 37%; height: 6%;}
#wrap .landing_link a {display: block; width: 100%; height: 100%;}


#debug {
    position: absolute;
    z-index: 9999;
    right: 0;
    top: 0;
    bottom: 0;
    width: 400px;
    color: #fff;
    font-size: 35px;
    padding: 20px;
    background: #000;
    overflow-y: scroll;
}

#resources {
    width: 120px;
    bottom: 40px;
    left: 60px;
    z-index: 9990;
    text-align: center;
}

#resources div {
    width: 50px;
    height: 50px;
    background: url('../images/resources_icon.png') left top no-repeat;
    display: block;
    margin: 0 auto;
}

.button_top {
    top: 18px;
    z-index: 9990;
    text-align: center;
    font-size: 18px;
}

.button_top div {
    display: inline-block;
    width: 106px;
    height: 106px;
}

.button_top span {
    display: block;
    margin-top: -7px;
}

#home {
    background: url('../images/home_icon.png') left top no-repeat;
    width: 103px;
    height: 104px;
    left: 1535px;
}

/*#kim_icon {
    left: 1743px;
}

#marc_icon {
    left: 1743px;
}

#clara_icon {
    left: 1636px;
}*/

#kim_icon div {
    background: url('../images/Kim_icon.png') left top no-repeat;
}

#marc_icon div {
    background: url('../images/Marc_icon.png') left top no-repeat;
}

#clara_icon div {
    background: url('../images/Clara_icon.png') left top no-repeat;
}

#back_icon {
    left: 1725px;
}

#back_icon div {
    background: url('../images/back.png') left top no-repeat;
}

.circle_button {
    width: 86px;
    height: 86px;
    display: block;
	background: url('../images/icon_answer_orange.png') left top no-repeat;
}

/*.circle_button1, .slide_4 .circle_button { background: url('../images/icon_answer1.png') left top no-repeat !important; }

.circle_button2 { background: url('../images/icon_answer2.png') left top no-repeat; }

.circle_button3 { background: url('../images/icon_answer3.png') left top no-repeat; }

.circle_button4 { background: url('../images/icon_answer4.png') left top no-repeat; }*/

.circle_button.selected { background: url('../images/icon_answer_selected.png') left top no-repeat !important; }
    

.slide_2 .button1 {
    left: 1281px;
    top: 439px;
}

.slide_2 .button2 {
    left: 1602px;
    top: 439px;
}

#slide_2_kim > .button3, #slide_2_marc > .button3 {
    left: 1282px;
    top: 629px;
}

#slide_2_clara > .button3 {
    left: 1267px;
    top: 629px;
}

.slide_2 .button4 {
    left: 1602px;
    top: 629px;
}

.overlay {
    display: none;
    background: rgba(0, 0, 0, 0.7);
    width: 1369px;
    height: 646px;
    left: 472px;
    top: 167px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.overlay h3 {
	color: #f4991a;
	font-size: 45px;
	margin: 0;
	left: 410px;
	top: 165px;
}

.button_w {
    width: 460px;
    padding: 15px 0;
    background: #fff;
    border: 5px solid #f4991a;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    font-size: 50px;
    color: #008cc0;
    text-align: center;
    top: 50%;
    margin-top: -50px;
}

.button_w.selected {
    background: #008cc0;
    color: #fff;
	border: 5px solid #008cc0;
}

.button_w_1 {
    left: 161px;
}

.button_w_2 {
    left: 680px;
}

.button_w_3 {
    top: 440px;
    left: 400px;
    line-height: 48px;
}

#slide_3_marc .card_1 {
    left: 1099px;
    top: 340px;
}

#slide_3_clara .card_1 {
    left: 1098px;
    top: 340px;
}

#slide_3_kim .card_1, #slide_3_marc .card_2 {
    left: 1424px;
    top: 340px;
}

#slide_3_kim .card_2, #slide_3_marc .card_3, #slide_3_clara .card_2 {
    left: 1099px;
    top: 530px;
}

#slide_3_kim .card_3, #slide_3_marc .card_4, #slide_3_clara .card_3 {
    left: 1424px;
    top: 530px;
}

.slide_4 .circle_button {
    top: 675px;
}

.slide_4 .button1 { left: 675px; }
.slide_4 .button2 { left: 911px; }
.slide_4 .button3 { left: 1160px; }
.slide_4 .button4 { left: 1418px; }
.slide_4 .button5 { left: 1669px; }

#slide_4_clara .button1 { left: 778px; }
#slide_4_clara .button2 { left: 1004px; }
#slide_4_clara .button3 { left: 1242px; }
#slide_4_clara .button4 { left: 1485px; }
#slide_4_clara .button5 { left: 1642px; }

#slide_4_kim .button1 { left: 777px; }
#slide_4_kim .button2 { left: 1003px; }
#slide_4_kim .button3 { left: 1241px; }
#slide_4_kim .button4 { left: 1484px; }
#slide_4_kim .button5 { left: 1643px; }

#slide_5_clara .card_1 { left: 601px; top: 605px; }

#slide_5_kim .card_1 { left: 684px; top: 561px; }
#slide_5_kim .card_2 { left: 923px; top: 561px; }
/*#slide_5_kim .card_2 { left: 833px; top: 561px; }*/
#slide_5_kim .card_3 { left: 1375px; top: 564px; }
/*#slide_5_kim .card_3 { left: 1311px; top: 564px; }*/

#slide_5_marc .card_1 { left: 1564px; top: 528px; }

#slide_5_clara .card_1 { left: 690px; top: 565px; }

#slide_5_clara .card_2 { left: 924px; top: 559px; }

.tab_label {
    color: #fff;
    text-align: center;
    display: inline-block;
    font-size: 28px;
    padding: 15px 20px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    bottom: 848px;
    background: #cccccc;
}

.tab_label_1 { left: 80px; }
.tab_label_2 { left: 627px; }
.tab_label_3 { left: 746px; }

.tab_label.selected {
    background: #005b71;
    -webkit-box-shadow: 10px 10px 26px -12px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 26px -12px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 26px -12px rgba(0,0,0,0.75);
}

#breadcrumbs .button {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 870px;
    border: 2px solid #fff;
    -webkit-box-shadow: 0px 0px 16px -4px rgba(0,0,0,0.6);
    -moz-box-shadow: 0px 0px 16px -4px rgba(0,0,0,0.6);
    box-shadow: 0px 0px 16px -4px rgba(0,0,0,0.6);
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    z-index: 9990;
    color: #cbc3c1;
    text-align: center;
    line-height: 35px;
    font-size: 21px;
    background: #fff;
}

#breadcrumbs .button.selected, #breadcrumbs .button.active {
    border: 3px solid #008cc0;
}

#breadcrumbs .button.active {
    background: #008cc0;
    color: #fff;
}

#breadcrumbs #small_circle_1 { left: 678px; }
#breadcrumbs #small_circle_2 { left: 920px; }
#breadcrumbs #small_circle_3 { left: 980px; }
#breadcrumbs #small_circle_4 { left: 1040px; }
#breadcrumbs #small_circle_5 { left: 1270px; }
#breadcrumbs #small_circle_6 { left: 1329px; }
#breadcrumbs #small_circle_7 { left: 1392px; }
#breadcrumbs #small_circle_8 { left: 1629px; }

#breadcrumbs #small_circle_1:before, #breadcrumbs #small_circle_4:before, #breadcrumbs #small_circle_7:before, #breadcrumbs #small_circle_8:before {
    content: " ";
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

#breadcrumbs #small_circle_1:before {
    width: 13px;
    height: 13px;
    background: url('../images/bg_avatar_small_circle.png') left top no-repeat;
}

#breadcrumbs #small_circle_4:before, #breadcrumbs #small_circle_7:before {
    width: 16px;
    height: 13px;
    background: url('../images/bg_v_small_circle.png') left top no-repeat;
}

#breadcrumbs #small_circle_8:before {
    width: 22px;
    height: 23px;
    background: url('../images/bg_small_circle_8.png') left top no-repeat;
}

#breadcrumbs #small_circle_1.active:before, #breadcrumbs #small_circle_4.active:before, #breadcrumbs #small_circle_7.active:before, #breadcrumbs #small_circle_8.active:before {
    background-position: left bottom;
}

.arrow.pulse, .circle_button.pulse, .button_top.pulse2 {
  -webkit-animation-name: pulse2;
  animation-name: pulse2;
}

/*.button_top.pulse2 {
  -webkit-animation-name: pulse3;
  animation-name: pulse3;
}*/

.card.triggato:not(.flippato){
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: pulseOpacity;
  animation-name: pulseOpacity;
}


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

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

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

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

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

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

@-webkit-keyframes pulseOpacity {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0.7;
  }
}

@keyframes pulseOpacity {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0.7;
  }
}

.card {
    perspective: none !important;
}

.card.triggato .front {
    opacity: 0;
}

.card.flippato .back {
    opacity: 0;
}

.card.flippato .front {
    opacity: 1;
}

.title {
    left: 126px;
    top: 39px;
    color: #fff;
}

.title h1, .title h2 {
    margin: 0;
    padding: 0;
}

.title h1 {
    font-size: 63.5px;
}

.title h2 {
    font-size: 39.5px;
    margin-top: -7px;
}

.title2 {
    display: none;
}

#deposit_code {
    left: 20px;
    bottom: 10px;
	z-index: 9990;
}

#notenough_marc
{
    display: block;
    position: absolute;
/*    background-color: red;*/
    width: 40px;
    height: 40px;
    top: 595px;
    left: 1610px;
}

#notenoughinfomarc{
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 1920px;
    height: 1080px;
    background-color: rgba(0,0,0,0.4);
    text-align: center;
    padding-top: 290px;
}
#notenoughinfomarc img
{
    display: inline;
    position: relative;
}
#notenoughinfomarcclose
{
    display: block;
    position: absolute;
    left: 1500px;
    top: 300px;
    width: 50px;
    height: 50px;
}

#mat-code {
    position: absolute;
    z-index: 99;
    bottom: 63px;
    left: 30px;
}

/*
COMMENTATO DA RICCARDO X FAR FUNZIONARE L'IFRAME ADAPTER


@media only screen and (min-width: 767px) and (max-width: 991px) {
	#wrap {
		-webkit-transform: scale(0.40) translate(-125%, -125.1%);
		-moz-transform: scale(0.40) translate(-125%, -125.1%);
		-ms-transform: scale(0.40) translate(-125%, -125.1%);
		-o-transform: scale(0.40) translate(-125%, -125.1%);
		transform: scale(0.40) translate(-125%, -125.1%);
		left: 50%;
		top: 50%;
	}
}

@media only screen and (min-width: 992px) {
	#wrap {
		-webkit-transform: scale(0.516) translate(-96.9%, -46.9%);
		-moz-transform: scale(0.516) translate(-96.9%, -46.9%);
		-ms-transform: scale(0.516) translate(-96.9%, -46.9%);
		-o-transform: scale(0.516) translate(-96.9%, -46.9%);
		transform: scale(0.516) translate(-96.9%, -46.9%);
		left: 50%;
	}
}

@media only screen and (min-width: 1200px) {
	#wrap {
		-webkit-transform: scale(0.625) translate(-80%, -30%);
		-moz-transform: scale(0.625) translate(-80%, -30%);
		-ms-transform: scale(0.625) translate(-80%, -30%);
		-o-transform: scale(0.625) translate(-80%, -30%);
		transform: scale(0.625) translate(-80%, -30%);
		left: 50%;
	}
}
*/