@CHARSET "ISO-8859-1";
/* Reset CSS
 * --------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td {
    padding: 0;
    margin: 0;
}
a{
	text-decoration:none;
}
table {
    border-spacing: 0;
}
fieldset,img {
    border: 0;
}
strong{
	font-weight: bold;
}
ol,ul {
    list-style: none;
    margin:0;
    padding:0;
}
caption,th {
    text-align: left;

}

q:before,q:after {
    content:'';
}
abbr,acronym { border: 0;
}

*
{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    font-family: 'Josefin Slab', serif;
}

/* Custom CSS
 * --------------------------------------- */
body{
	color: #fff;
	color: rgba(0,0,0,0.5);
}
.wrap{
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	position: relative;
}
h1{
	font-size: 6em;
}
p{
	font-size: 2em;
}
.intro p{
	width: 50%;
	margin: 0 auto;
	font-size: 1.5em;
}
.section{
	text-align:center;
}

/* Style for our header texts
* --------------------------------------- */
h1{
	font-size: 5em;
	color: #fff;
	margin:0;
	padding:0;
}
.intro p{
	color: #fff;
}

/* Centered texts in each section
* --------------------------------------- */
.section{
	text-align:center;
}

/* Bottom menu
* --------------------------------------- */
#infoMenu {
	bottom: 80px;
}
#infoMenu li a {
	color: #fff;
	z-index: 999;
}


#footer{
    position:fixed;
    display:block;
    width: 100%;
    /*height: 50px;*/
    z-index:9;
    text-align:center;
    color: #f2f2f2;
    padding: 0;
    bottom: 10px;
}

.ghost-button-transition {
    margin: 0 -17.5px;
    font-family: 'Josefin Slab', serif;
    display: inline-block;
    width: 175px;
    padding: 0px 15px;
    font-size: 16px;
    line-height: 50px;
    height: 50px;
    color: #fff !important;
  /*  background: rgba(0, 0, 0, 0.63); */
    /*border: 2px solid #fff;*/
    text-align: center;
    outline: none;
    text-decoration: none !important;
    white-space: nowrap;
    -webkit-transform: scale(0.8,0.8);
    -moz-transform: scale(0.8,0.8);
    -o-transform: scale(0.8,0.8);
    transform: scale(0.8,0.8);
    -webkit-transition: background-color 0.2s ease-out, color 0.2s ease-out, -webkit-transform 0.2s ease-out;
    -moz-transition: background-color 0.2s ease-out, color 0.2s ease-out, -moz-transform 0.2s ease-out;
    -o-transition: background-color 0.2s ease-out, color 0.2s ease-out, -o-transform 0.2s ease-out;
    transition: background-color 0.2s ease-out,color 0.2s ease-out, transform 0.2s ease-out;
}
.ghost-button-transition:hover,
.ghost-button-transition:active {
    /*background-color: #000;*/
    -webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -o-transform: scale(1,1);
    transform: scale(1,1);
}

.ghost-button-transition-active
{
   /* background-color: #000; */
    -webkit-transform: scale(0.9, 0.9);
    -moz-transform: scale(0.9, 0.9);
    -o-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9);
}


 #section0,
 #section1,
 #section2,
 #section3,
 #section4,
 .slide{
    background-size: cover;
 }
 #section0{
    
  /*background-image: url(../img/bg3.png);
  */
     background: #000;
    z-index: -1;
 }

 #section1, #section2, #section3{
    background: #333;
 }

.section {
    /*

background-color: rgba(0, 0, 0, 0.7);

-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
*/
    padding: 20px;
   /* width: 100%;*/
    color: #333;
}

#myVideo{
  position: absolute;
  right: 0;
  bottom: 0;
  top:0;
  right:0;
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
  background-color: black; /* in case the video doesn't fit the whole page*/
    /*background-image:  our video */;
  background-position: center center;
  background-size: contain;
  object-fit: cover; /*cover video background */
  z-index:3;
}

#section0 .layer{
position: absolute;
z-index: 4;
width: 100%;
left: 0;
top: 43%;
color: white;
}

.shadow-text
{
  text-shadow: black 1px 1px 3px;
}

.container
{
	height: 100%;
	width: 100%;
	padding-bottom: 60px;
}


h1{ font-size: 34px !important; }
p, label {
    line-height: 1.2em;
    color: #fff;
    font-family: 'Josefin Slab', serif;
    font-size: 18pt;
}

.box-container
{
    margin: 0 auto;
}

.title
{
    font-family: 'Shadows Into Light Two', cursive;
    text-transform: uppercase;
}

h3
{
    font-size: 1.6em;
    color: #fff;
}

.bg_pattern {
    -webkit-backface-visibility: hidden; /* Chrome, Safari, Opera */
    backface-visibility: hidden;
/*
    background-image: url(../img/overlay/01.png);
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAIUlEQVQIW2NkYGD4D8SMQAwHyBy4JIoKqNL/IEGitP8HAAl3BgSYLJUzAAAAAElFTkSuQmCC);
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAG0lEQVQIW2NkYGD4D8SMyDSIgwFQVMB0EK8SAMwaCQPdYInJAAAAAElFTkSuQmCC);
    background-image:  url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAQ0lEQVQYV2NkYGD4D8SMQAwD6HywOEwBQcX4TELRjKwQZANOk9EV4lSMTSFWxSCFWH2JLo7L1xhBRTD8YCYT8jXcZADwXBQJ3F11FgAAAABJRU5ErkJggg==);
    background-image: url(../img/overlay/08.png);
*/
    position: absolute;
    opacity: 0.3;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.blurry-background {
    -webkit-backface-visibility: hidden; /* Chrome, Safari, Opera */
    backface-visibility: hidden;

    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 0;

    background-size: cover;
    background-position: center;


    -webkit-filter: blur(3px);
    -moz-filter: blur(3px);
    -o-filter: blur(3px);
    -ms-filter: blur(3px);
    filter: blur(3px);
}


.miracle-center,
.box-container
{

    position: relative;

    /*
    top: 50%;

    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    */

}

.intro-container, .intro-slide
{
    width: 100%;
    height: 100%;

    position: absolute;
    top: 0;
    left: 0;

}

.intro-slide
{
    transform: scale(1.1,1.1);
    -moz-transform: scale(1.1,1.1);
    -webkit-transform: scale(1.1,1.1);
    -o-transform: scale(1.1,1.1);

    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;

    -webkit-backface-visibility: hidden;

    transition: all 6s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all 6s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 6s cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-transition: all 6s cubic-bezier(0.645, 0.045, 0.355, 1);

    opacity: 0;
}

.intro-slide.active
{
    transform: scale(1,1);
    -moz-transform: scale(1,1);
    -webkit-transform: scale(1,1);
    -o-transform: scale(1,1);
    opacity: 1;
}

.intro-slide.gone
{
    transform: scale(2,2);
    -moz-transform: scale(2,2);
    -webkit-transform: scale(2,2);
    -o-transform: scale(2,2);

    opacity: 0;
}

.fp-tableCell {
    height: 100% !important;
    width: 100% !important;
}

h1
{
    font-size: 46px !important;
}

.autofit{
  width: 100%;
  height: 100%;
}
.has-title{
  position: absolute;
  top: 0;
  left: 0;
  padding: 10px;
  padding-top: 60px;
}

.home-btn
{
    color: #fff;
    text-decoration: none;
    font-family: 'Josefin Slab', serif;
    margin-right: 20px;
    font-size: 1.3em;
    vertical-align: middle;
}

.home-btn:hover
{
    color: #ccc;
    text-decoration: none;
    font-family: 'Josefin Slab', serif;
}

.volume-control
{
    width: 22px;
    height: 20px;
    margin-bottom: -3px;
    margin-left: 6px;
}


.shadow-text2 {
    text-shadow: black 1px 1px 3px;
    color: red !important;
}

.overlay-transition
{
    opacity: 0.85;

}

.overlay-transition:hover,
.overlay-transition:active {
    background-color: #000;
    opacity: 1;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
}

.en-flag
{
    position: absolute;
    right: 5px;
    width: 60px;
    height: auto;
    top: 0px;
}

.it-flag
{
    position: absolute;
    right: 70px;
    width: 60px;
    height: auto;
    top: 0px;
}