@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;}
.wrapp-inner { min-height: 100%; height: 100%; /* Negative indent footer by it's height */ margin: 0 auto -60px;}
/* Set the fixed height of the footer here */
#push {height: 60px;}
#footer {background-color: #000000; color:#ffffff; padding-top:20px; min-height:60px;}
/* Lastly, apply responsive CSS fixes as necessary */
#header {background-color: #000000; color:#ffffff;}
#footer {font-size:20px;}
#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-bottom:-24px;margin-top:-150px;}
.reel-caption {display:inline-block; position:relative;margin:10px;}
.reel-caption2 {overflow:hidden; background:rgba(0,0,0,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(0,0,0,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;-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: #fff;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;}
	.wrapp-inner {margin: 0 auto -124px;}
	#footer {}
	#lang, #social, #logo {text-align:center;}
	#logo img {margin-left:auto; margin-right:auto;}
	#cp-caption-inner {bottom:0px !important;}
	#content {padding-top:10px;}
	#reel {margin-bottom:40px;margin-top:-10px;}
	/*.navbar-toggle {border-color:#000!important;}
	.navbar-toggle .icon-bar {background-color:#000;}
	#header {background-color: #fff; color:#000;}
	#menu a {color:#000;}*/
	.reel-caption2::before {font-size: 28px;}
	.cp-title {font-size:24px !important; line-height:32px !important;}
	.wrapp-inner #footer {display:none;}
	.wrapp-inner .navbar {margin-bottom:0px;}
}