.openSansLight{font-family: 'Open Sans', sans-serif;font-weight: 300;}
.openSansRegular{font-family: 'Open Sans', sans-serif;font-weight: 400;}
.openSansMedium{font-family: 'Open Sans', sans-serif;font-weight: 600;}
.openSansBold{font-family: 'Open Sans', sans-serif;font-weight: 700;}

.uppercase{text-transform: uppercase}
.lowercase{text-transform: lowercase}

.testo-header,.testo-header-ul{font-size: 20px;line-height: 28px;}
.testo-header-ul{padding-left:20px;}
.titolo-guarda-video{font-size: 28.5px;line-height: 22px;}
.titolo-section-video{font-size: 50px;line-height: 54px;}
.titolo-video{font-size: 30px;line-height: 64px;}
.testo-martina{font-size: 19.5px;line-height: 26px;}
.titolo-questionario{font-size: 50px;line-height: 54px;}
.testo-questionario{font-size: 20px;line-height: 28px;}
.titolo-questionario, .testo-questionario{text-decoration: none;display: block}
.titolo-questionario:hover, .testo-questionario:hover{color: #fff;text-decoration: none;}
.testo-footer{font-size: 16px;line-height: 19px;}
.testo-footer,.testo-footer:hover{text-decoration: none;}
.titolo-pag-questionario{font-size:60px;line-height:64px;}
.testo-pag-questionario,.testo-pag-domanda,.testo-pag-risposta{font-size:32px;line-height:36px;}
.titolo-small-pag-questionario{font-size:22px;line-height:25px;}
.testo-informativa{font-size: 15px;line-height: 18px;}

.background-container-menu-home{
	background: url(../images/background-xl-container-menu.jpg) center no-repeat;
	background-size: cover;
}
.background-interne-container-menu-home{
	background: url(../images/img-pack-desktop.png) top right no-repeat;
	background-size: cover;
}
.background-container-contenuti-zentiva{
	background: url(../images/background-container-zentiva-uguali.png) center no-repeat;
	background-size: cover;
}
.background-container-percorsi{
	background: url(../images/background-container-percorsi.png) center no-repeat;
	background-size: cover;
}


.arancione{color:#D14F13}
.blu{color:#03498F}
.blu-chiaro{color:#1C6DE3}
.bluetto{color:#3B88BD}
.bluone{color: #03498F !important}
.bianco{color:#fff;}
.nero{color:#3D3D3D}
.verde{color:#00bd7e}
.verdino{color:#00BD8E}
.fucsia{color:#AE2573}
.grigione{color:#505050}

.background-bianco-opaco{background-color: rgba(255,255,255,0.3);}
.background-bianco{background-color: #fff !important}
.background-blu{background-color: #007BB9 !important}
.background-bluone{background-color: #03498F !important}
.background-arancione{background-color: #D14F13 !important}
.background-arancione-opaco{background-color: rgba(209,79,17,0.7);}
.background-grigio{background-color: rgba(102,102,102,0.15)}

.bordo-bottom-giallo{
	border-bottom: 2px solid #f0d502;
}

.padding10-bottom{padding-bottom: 10px;}

.no-margin{margin:0;}
.no-padding{padding: 0;}

.padding20{padding-top:20px;padding-bottom: 20px}
.padding45{padding-top:45px;padding-bottom: 45px}
.padding55{padding-top:55px;padding-bottom: 55px}
.padding65{padding-top:65px;padding-bottom: 65px}

.margin70top-40bottom{margin-top:70px;margin-bottom: 40px}

.margin10-top{margin-top:10px;}
.margin20-top{margin-top:20px;}
.margin30-top{margin-top:30px;}
.margin40-top{margin-top:40px;}
.margin50-top{margin-top:50px;}
.margin70-top{margin-top:70px;}
.margin80-top{margin-top:80px;}
.margin90-top{margin-top:90px;}
.margin100-top{margin-top:100px;}

.margin10-bottom{margin-bottom: 10px}
.margin20-bottom{margin-bottom: 20px}
.margin30-bottom{margin-bottom: 30px}
.margin40-bottom{margin-bottom: 40px}
.margin50-bottom{margin-bottom: 50px}
.margin80-bottom{margin-bottom: 80px}
.margin100-bottom{margin-bottom:100px;}

.margin20-row{margin-top:20px;margin-bottom: 20px}
.margin30-row{margin-top:30px;margin-bottom: 30px}
.margin40-row{margin-top:40px;margin-bottom: 40px}
.margin55-row{margin-top:55px;margin-bottom: 55px}
.margin80-row{margin-top:80px;margin-bottom: 80px}


.img-center{margin:0 auto;display: block;}

.border-radius25{border-radius: 25px;}
.border-radius60{border-radius: 60px;}

/* ALTRO */
.img-pack{
	position: absolute;
    max-width: 100%;
    top: -10%;
    left: 40%;
}
.list-menu{
	z-index: 9999999;
    position: relative;
}
.list-menu > li{
	list-style-type: none;
	display: inline-block;
	padding: 5px 45px;
}
.list-menu > li > a{
	font-size: 24px;
	line-height: 64px;
	color:#03498F;
	text-decoration: none;
}
.img-samefu{max-width: 500px;}
.hr-azzurro{
	margin: 45px 0;
	background-color: #00ACDB;
	height: 2px;
}
.dot-span{
 	height: 70px;
 	width: 70px;
  	background-color: #D14F13;
  	border-radius: 50%;
  	display: inline-block;
	font-size: 45px;
    color: #fff;
}
.dot-span-small{
 	height: 50px;
 	width: 50px;
  	background-color: #D14F13;
  	border-radius: 50%;
  	display: inline-block;
	font-size: 35px;
    color: #fff;
}
@media (max-width : 320px) {
    
}
@media (min-width : 238px) and (max-width: 550px){
	.titolo-pag-questionario{font-size: 38px;}
	.testo-pag-questionario{font-size: 24px;}
	.titolo-questionario{font-size: 35px;line-height: 35px;}
	.testo-questionario{font-size: 17px;}
	.mejs__container{max-width:330px}
}

@media (max-width : 238px) {
    
}


/* MEDIA QUERY */
@media screen and (min-width: 992px) and (max-width: 1350px){
}
@media screen and (min-width: 1200px){
}
@media screen and (max-width: 992px){
}
@media screen and (max-width: 768px){
}
@media screen and (max-width: 460px){
}
@media screen and (max-width: 1099px){
	.row-img-pack-desktop{
		display: none;
	}
	.row-img-pack-mobile{
		display: block;
	}
}
@media screen and (min-width: 1100px){
	.row-img-pack-desktop{
		display: block;
	}
	.row-img-pack-mobile{
		display: none;
	}
}
@media screen and (min-width: 1100px) and (max-width: 1616px){
	.img-pack{
		left: 35%;
	}
}
@media screen and (min-width: 1100px) and (max-width: 1500px){
	.img-pack{
		width: 65%;
	}
}


/* CLASSI SLIDER */
.visualizza {
    display: block;
}
.nascondi {
    display: none;
}
.carousel .item {
    width: 100%; /*slider width*/
    max-height: 600px; /*slider height*/
}
.carousel .item img {
    width: 100%; /*img width*/
}
.carousel-control.left, .carousel-control.right {
    background-image: none
}
.left-arrow-custom{
	position: absolute;
    top: 35%;
    left: 0;
}
.right-arrow-custom{
	position: absolute;
    top: 35%;
    right: 0;
}
.carousel-indicators li{
	width: 15px;
    height: 15px;
	border-radius: 10px;
	background-color: rgba(0,172,219,0.3);
}
.carousel-indicators .active{
	width: 15px;
    height: 15px;
	background-color: #00ACDB;
	border: 1px solid #00ACDB;
}
.indicatori-interviste{
	cursor:pointer;
}

/* CLASSI POP UP */

 #vimeo-pop-container {
	 position: fixed;
	 top: 0;
	 right: 0;
	 bottom: 0;
	 left: 0;
	 z-index: 9999999;
	 background: rgba(0, 0, 0, .75);
}
 #vimeo-pop-container .video-responsive-container {
	 height: 450px;
	 width: 800px;
	 position: absolute;
	 left: 50%;
	 top: 50%;
	 transform: translate(-50%, -50%);
}
 #vimeo-pop-container .vimeo-close {
	 background-color: transparent;
	 border: 3px solid white;
	 cursor: pointer;
	 margin-bottom: 10px;
	 height: 30px;
	 width: 30px;
	 position: absolute;
	 bottom: 100%;
	 right: 0;
	 transition: 200ms background-color;
}
 #vimeo-pop-container .vimeo-close:before, #vimeo-pop-container .vimeo-close:after {
	 content: '';
	 background: white;
	 border-radius: 3px;
	 position: absolute;
	 left: 50%;
	 top: 50%;
	 transform: rotate(45deg);
	 transition: 500ms all;
}
 #vimeo-pop-container .vimeo-close:before {
	 height: 20px;
	 width: 2px;
	 margin-left: -1px;
	 margin-top: -10px;
}
 #vimeo-pop-container .vimeo-close:after {
	 height: 2px;
	 width: 20px;
	 margin-left: -10px;
	 margin-top: -1px;
}
 #vimeo-pop-container .vimeo-close:hover {
	 background-color: rgba(0, 0, 0, .25);
}
 #vimeo-pop-container .vimeo-close.closing:before {
	 transform: rotate(450deg);
	 margin-left: -2px;
	 margin-top: 0;
	 animation: close-before 500ms ease 500ms 1 forwards;
}
 #vimeo-pop-container .vimeo-close.closing:after {
	 transform: rotate(540deg);
	 margin-left: -11px;
	 margin-top: -10px;
	 animation: close-after 500ms ease 500ms 1 forwards;
}
.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
	border: 6px solid white;
}
@media screen and (max-width: 800px){
	#vimeo-pop-container .video-responsive-container {
		width: 100%;
		height: 300px;
		padding: 10px
	}
	#vimeo-pop-container .vimeo-close {
		right: 9px;	
	}
}
img.vert-move {
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
}
img.vert-move {
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
}
@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}

.container-radio {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.container-radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.container-radio:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.container-radio input:checked ~ .checkmark {
  background-color: #03498F;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.container-radio:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.container-radio input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.container-radio .checkmark:after {
 	top: 0;
	left: 9px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}