@import 'https://fonts.googleapis.com/css?family=Amatic+SC|Josefin+Slab:400,400i';
/*
font-family: 'Amatic SC', cursive;
font-family: 'Josefin Slab', serif;
*/
html, body {height: 100%; /* The html and body elements cannot have any padding or margin. */ font-family: 'Amatic SC', cursive !important; font-size:30px !important;}
/* Wrapper for page content to push down footer */
#wrap { min-height: 100%; height: auto !important; height: 100%; /* Negative indent footer by it's height */ margin: 0 auto -60px; ;background-color:#000; color:#fff;}
.wrapp-inner {min-height: 100%; height: 100%; /* Negative indent footer by it's height */ margin: 0 auto -60px;background-color:transparent !important;}
/* Set the fixed height of the footer here */
#push {height: 60px;}
#footer {background-color: #000000; color:#ffffff; padding-top:20px;}
/* Lastly, apply responsive CSS fixes as necessary */
#header {background-color: #000000; color:#ffffff;}
#footer {font-size:20px; min-height:60px;}
#footer a, #header a {color:#fff;}
#menu {font-family: 'Amatic SC', cursive;font-size:28px;}
#menu a:hover, #menu a:active, #menu a:visited, #menu a:focus {background-color:transparent !important; text-decoration:underline;}
h1, h2, h3 {font-family: 'Amatic SC', cursive;}
#copy {text-align:center;}
#social {text-align:right;}
#logo img {max-height:60px; margin-top:5px;}
.lang-active {border-bottom:solid 2px #fff;}
.bottom50 {margin-bottom:50px;/*margin-top:50px;*/}
#social img {margin-right:3px; margin-left:3px;}
#cp-caption {margin:0px !important; font-size:32px;}
#cp-caption-inner {bottom:52px !important;}
.cp-title {font-size:32px !important; line-height:50px !important;}
#content {background-color:transparent !important; padding-top:150px;}
#content a {color:#F00 !important;}
.colonna {padding:0px!important; border:1px solid #ddd;line-height:0px !important; font-size:0px !important;}
#reel {margin-top:12px; margin-bottom:12px;}
.reel-caption {display:inline-block; position:relative;margin:10px;}
.reel-caption2 {overflow:hidden; background:rgba(255,255,255,0.2);-webkit-transition:background 0.3s ease-in-out;-moz-transition:background 0.3s ease-in-out;-transition:background 0.3s ease-in-out;}
.reel-caption2:hover {background:rgba(255,255,255,0); text-decoration:none!important;}
.reel-caption2 img {-webkit-transition: -webkit-transform 0.3s ease-in-out;-moz-transition: -moz-transform 0.3s ease-in-out;transition: transform 0.3s ease-in-out;}
.reel-caption2:hover img {-webkit-transform: translateX(100%);-moz-transform: translateX(100%);transform: translateX(100%);}
.reel-caption2::before,.reel-caption2::after {position: absolute;width: 100%;z-index: -1;background: #cecece !important;-webkit-transform: translateX(-30%);-moz-transform: translateX(-30%);transform: translateX(-30%);-webkit-transition: -webkit-transform 0.3s ease-in-out;-moz-transition: -moz-transform 0.3s ease-in-out;transition: transform 0.3s ease-in-out;line-height:normal;}
.reel-caption2::before {content: attr(data-title);height: 30%;color: #000;font-size: 35px;font-weight: 300;padding: 30px;}
.reel-caption2::after {width:100%;content: attr(data-description);top: 30%;height: 70%;color: #333;font-size: 22px;padding: 20px 30px;text-align:left;white-space: pre;display: inline-block;}
.reel-caption2:hover::before,.reel-caption2:hover::after  {-webkit-transform: translateX(0);-moz-transform: translateX(0);transform: translateX(0);}
#jcemediabox-popup-caption {padding-bottom:0px !important;}
#jcemediabox-popup-caption h4 {font-size:24px; color:#000; font-weight:700; margin-bottom:10px;}
#jcemediabox-popup-caption p {font-family: 'Josefin Slab', serif; font-size:14px; color:#000;}
.navbar-toggle {border-color:#fff!important;}
.navbar-toggle .icon-bar {background-color:#fff;}
.main-logo {max-height:60px; margin-top:5px;}

@media (max-width: 767px) {
	#wrap {margin: 0 auto -124px;}
	#footer {}
	#lang, #social, #logo {text-align:center;}
	#logo img {margin-left:auto; margin-right:auto;}
	#cp-caption-inner {bottom:116px !important;}
	#content {padding-top:10px;}

}