/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

.st_sharethis_custom{
	/*background: url("http://path/to/image/file") no-repeat scroll left top transparent;
	padding:0px 16px 0 0;*/
	
	position: relative;
	cursor: pointer;
	background: transparent url(../images/sprite.png) no-repeat -780px -226px;
	padding: 3px 0 3px 25px;
	color: #f5d491;
	display: block;
	width: 20px;
	margin: 20px 15px 10px 0;
	cursor: pointer;
	line-height: 12px;
}
#ie9 {
	display:none;
}


/* reset */

:focus {
	outline:none;
}
img, button {
	border:none;
}
form {
	margin:0;
	/*padding:0 20px;*/
}



span.tornasu {
	color:#f5d491;
	position:absolute;
	top:25px;
	left:70px;
	}
	
   

html,
button,
input,
select,
textarea {
    color: #222;
}
html, body {
	width:100%;
	height:100%;
}

.loader .testo {
	position:relative;
	top: -40px;
}
.loader {
	width: 50px;
	height: 50px;
	border-radius: 100%;
	background: #fff;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -25px 0 0 -25px;
}
span.back {
	color:#fff;
	position:relative;
	top:25px;
	left:15px;
}
.mask {
	width: 30px;
	height: 30px;
	top: 10px;
	left: 10px;
	position: absolute;
	border-radius: 100%;
	background-color: #000000;
}
.dot {
width: 6px;
height: 6px;
position: absolute;
border-radius: 100%;
left: 22px;
top: 2px;
-webkit-transform-origin-y: 23px;
-webkit-animation: dot 2000ms infinite ease-out;
background-color: #000000;
		}
		.two { -webkit-animation-delay: 150ms; }
		.three { -webkit-animation-delay: 600ms; }
		.four { -webkit-animation-delay: 700ms; }
		.five { -webkit-animation-delay: 1200ms; }
		.six { -webkit-animation-delay: 1300ms; }
		@-webkit-keyframes dot {
			0% {
				-webkit-transform: rotateZ(0deg);
			}
			100% {
				-webkit-transform: rotateZ(360deg);
			}
		}


/* sondaggi */
#sondaggi label, #sondaggi input,#sondaggi button,#sondaggi select,#sondaggi textarea {
	font-size:18px;
	font-weight:300;
}
#sondaggi {
	margin-bottom: 100px;
}
#sondaggi a.sondaggi {
	color:#f5d491;
	display:block;
	margin-top:220px;
}
#sondaggi .radio {
	margin: 8px 0;
}
#sondaggi h1, #sondaggi h2, #sondaggi h3, #sondaggi h4, #sondaggi h5, #sondaggi h6 {
	color:#f5d491;
}
#sondaggi h2 {
	font-size:28px;
	line-height:normal;
	margin:50px 0 50px 0;
}
#sondaggi h1 {
	margin-bottom:80px;
}
#sondaggi h4, #sondaggi h5 {
	color:#fff;
}
#sondaggi label {
	margin: 0 0 50px 0;
}
#sondaggi button {
	margin: 25px 0 0 0;
	
}

#sondaggi .sondaggiold {
	margin: 0 0 35px 0;
}

#sondaggi .sondaggiold h3 {
	margin:0 0 20px 0;
	padding:0;
	line-height:normal;
}
#sondaggi .sondaggiold h4 {
	margin:0 0 15px 0;
}
#sondaggi .sondaggiold h5 {
	margin:0;
	padding:0;
}
#sondaggi .sondaggiold .perc {
	height:15px;
	margin: 5px 0;
	padding:5px 0;
	background-color:#f5d491;
	position:relative;
	float:left;
	}
#sondaggi .sondaggiold .percnum {
	float:left;
	margin: 0 0 0 10px;
}
#sondaggi .sondaggiold span {
	
}
/*#sondaggi .sondaggiold .span2 {
	text-align:right !important;
}*/
#sondaggi .sondaggiold .perc00 {
	width:00%;
}
#sondaggi .sondaggiold .perc01 {
	width:01%;
}
#sondaggi .sondaggiold .perc02 {
	width:02%;
}
#sondaggi .sondaggiold .perc03 {
	width:03%;
}
#sondaggi .sondaggiold .perc04 {
	width:04%;
}
#sondaggi .sondaggiold .perc05 {
	width:05%;
}
#sondaggi .sondaggiold .perc06 {
	width:06%;
}
#sondaggi .sondaggiold .perc07 {
	width:07%;
}
#sondaggi .sondaggiold .perc08 {
	width:08%;
}
#sondaggi .sondaggiold .perc09 {
	width:09%;
}
#sondaggi .sondaggiold .perc10 {
	width:10%;
}
#sondaggi .sondaggiold .perc11 {
	width:11%;
}
#sondaggi .sondaggiold .perc12 {
	width:12%;
}
#sondaggi .sondaggiold .perc13 {
	width:13%;
}
#sondaggi .sondaggiold .perc14 {
	width:14%;
}
#sondaggi .sondaggiold .perc15 {
	width:15%;
}
#sondaggi .sondaggiold .perc16 {
	width:16%;
}
#sondaggi .sondaggiold .perc17 {
	width:17%;
}
#sondaggi .sondaggiold .perc18 {
	width:18%;
}
#sondaggi .sondaggiold .perc19 {
	width:19%;
}
#sondaggi .sondaggiold .perc20 {
	width:20%;
}
#sondaggi .sondaggiold .perc21 {
	width:21%;
}
#sondaggi .sondaggiold .perc22 {
	width:22%;
}
#sondaggi .sondaggiold .perc23 {
	width:23%;
}
#sondaggi .sondaggiold .perc24 {
	width:24%;
}
#sondaggi .sondaggiold .perc25 {
	width:25%;
}
#sondaggi .sondaggiold .perc26 {
	width:26%;
}
#sondaggi .sondaggiold .perc27 {
	width:27%;
}
#sondaggi .sondaggiold .perc28 {
	width:28%;
}
#sondaggi .sondaggiold .perc29 {
	width:29%;
}
#sondaggi .sondaggiold .perc30 {
	width:30%;
}
#sondaggi .sondaggiold .perc31 {
	width:31%;
}
#sondaggi .sondaggiold .perc32 {
	width:32%;
}
#sondaggi .sondaggiold .perc33 {
	width:33%;
}
#sondaggi .sondaggiold .perc34 {
	width:34%;
}
#sondaggi .sondaggiold .perc35 {
	width:35%;
}
#sondaggi .sondaggiold .perc36 {
	width:36%;
}
#sondaggi .sondaggiold .perc37 {
	width:37%;
}
#sondaggi .sondaggiold .perc38 {
	width:38%;
}
#sondaggi .sondaggiold .perc39 {
	width:39%;
}
#sondaggi .sondaggiold .perc40 {
	width:40%;
}
#sondaggi .sondaggiold .perc41 {
	width:41%;
}
#sondaggi .sondaggiold .perc42 {
	width:42%;
}
#sondaggi .sondaggiold .perc43 {
	width:43%;
}
#sondaggi .sondaggiold .perc44 {
	width:44%;
}
#sondaggi .sondaggiold .perc45 {
	width:45%;
}
#sondaggi .sondaggiold .perc46 {
	width:46%;
}
#sondaggi .sondaggiold .perc47 {
	width:47%;
}
#sondaggi .sondaggiold .perc48 {
	width:48%;
}
#sondaggi .sondaggiold .perc49 {
	width:49%;
}
#sondaggi .sondaggiold .perc50 {
	width:50%;
}
#sondaggi .sondaggiold .perc51 {
	width:51%;
}
#sondaggi .sondaggiold .perc52 {
	width:52%;
}
#sondaggi .sondaggiold .perc53 {
	width:53%;
}
#sondaggi .sondaggiold .perc54 {
	width:54%;
}
#sondaggi .sondaggiold .perc55 {
	width:55%;
}
#sondaggi .sondaggiold .perc56 {
	width:56%;
}
#sondaggi .sondaggiold .perc57 {
	width:57%;
}
#sondaggi .sondaggiold .perc58 {
	width:58%;
}
#sondaggi .sondaggiold .perc59 {
	width:59%;
}
#sondaggi .sondaggiold .perc60 {
	width:60%;
}
#sondaggi .sondaggiold .perc61 {
	width:61%;
}
#sondaggi .sondaggiold .perc62 {
	width:62%;
}
#sondaggi .sondaggiold .perc63 {
	width:63%;
}
#sondaggi .sondaggiold .perc64 {
	width:64%;
}
#sondaggi .sondaggiold .perc65 {
	width:65%;
}
#sondaggi .sondaggiold .perc66 {
	width:66%;
}
#sondaggi .sondaggiold .perc67 {
	width:67%;
}
#sondaggi .sondaggiold .perc68 {
	width:68%;
}
#sondaggi .sondaggiold .perc69 {
	width:69%;
}
#sondaggi .sondaggiold .perc70 {
	width:70%;
}
#sondaggi .sondaggiold .perc71 {
	width:71%;
}
#sondaggi .sondaggiold .perc72 {
	width:72%;
}
#sondaggi .sondaggiold .perc73 {
	width:73%;
}
#sondaggi .sondaggiold .perc74 {
	width:74%;
}
#sondaggi .sondaggiold .perc75 {
	width:75%;
}
#sondaggi .sondaggiold .perc76 {
	width:76%;
}
#sondaggi .sondaggiold .perc77 {
	width:77%;
}
#sondaggi .sondaggiold .perc78 {
	width:78%;
}
#sondaggi .sondaggiold .perc79 {
	width:79%;
}
#sondaggi .sondaggiold .perc80 {
	width:80%;
}
#sondaggi .sondaggiold .perc81 {
	width:81%;
}
#sondaggi .sondaggiold .perc82 {
	width:82%;
}
#sondaggi .sondaggiold .perc83 {
	width:83%;
}
#sondaggi .sondaggiold .perc84 {
	width:84%;
}
#sondaggi .sondaggiold .perc85 {
	width:85%;
}
#sondaggi .sondaggiold .perc86 {
	width:86%;
}
#sondaggi .sondaggiold .perc87 {
	width:87%;
}
#sondaggi .sondaggiold .perc88 {
	width:88%;
}
#sondaggi .sondaggiold .perc89 {
	width:89%;
}
#sondaggi .sondaggiold .perc90 {
	width:90%;
}
#sondaggi .sondaggiold .perc91 {
	width:91%;
}
#sondaggi .sondaggiold .perc92 {
	width:92%;
}
#sondaggi .sondaggiold .perc93 {
	width:93%;
}
#sondaggi .sondaggiold .perc94 {
	width:94%;
}
#sondaggi .sondaggiold .perc95 {
	width:95%;
}
#sondaggi .sondaggiold .perc96 {
	width:96%;
}
#sondaggi .sondaggiold .perc97 {
	width:97%;
}
#sondaggi .sondaggiold .perc98 {
	width:98%;
}
#sondaggi .sondaggiold .perc99 {
	width:99%;
}
#sondaggi .sondaggiold .perc100 {
	width:100%;
}
/* scheda film */

.schedafilm .show-share {
	/*position:absolute;*/
	bottom:0;
}
.schedafilm .paging {
	
}

/* counter slide news */
.counter ul li {
	float:left;
}
.counter ul li a {
	float:left;
	margin:0 2px;
	display:block;
	width:18px;
	height:18px;
	line-height:18px;
	text-align:center;
	background-color:#fff;
	color:#000;
	-webkit-border-radius: 8px 8px 8px 8px;
    border-radius: 8px 8px 8px 8px;
}
.counter ul li a.active {
	background-color:#f5d491;
	color:#000;
}
.span1, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10, .span11, .span12 {
	overflow:hidden;
	position:relative;
}
a.facebookicon {
	display: block;
	width: 32px;
	height: 33px;
	z-index: 999;
	background-image: url(../img/facebookicon.png);
	background-repeat: no-repeat;
	background-position: left top;
	-webkit-transition: background 0.4s ease-in-out;
	-moz-transition: background 0.4s ease-in-out;
	-ms-transition: background 0.4s ease-in-out;
	-o-transition: background 0.4s ease-in-out;
	transition: background 0.4s ease-in-out;
}
a.facebookicon:hover, a.facebookicon:active  {
	background-image: url(../img/facebookiconhover.png);
	background-repeat: no-repeat;
	background-position: left top;
	-webkit-transition: background 0.4s ease-in-out;
	-moz-transition: background 0.4s ease-in-out;
	-ms-transition: background 0.4s ease-in-out;
	-o-transition: background 0.4s ease-in-out;
	transition: background 0.4s ease-in-out;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

a, a:link, a:visited {
	
}

a:hover, a:active {
	text-decoration: none;
	color: #CCC;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Preloading
   ========================================================================== */
   
 #copropreloading {
	   position:absolute;
	   z-index:999999999;
	   width:100%;
	   height:100%;
	   background-color:#000000;
   }
   @keyframes cf3FadeInOut {
	  0% {
	  opacity:0;
	  }
	  45% {
	  opacity:0;
	  }
	  55% {
	  opacity:1;
	  }
	  100% {
	  opacity:1;
	  }
	  }
	  
	  #copropreloading {
	  animation-name: cf3FadeInOut;
	  animation-timing-function: ease-in-out;
	  animation-iteration-count: infinite;
	  animation-duration: 10s;
	  animation-direction: alternate;
      }
   
   
   
   
   
/* ==========================================================================
   BODY
   ========================================================================== */

body {
	font-family: 'Lato', Calibri, Arial, sans-serif;
	font-weight: 300;
	font-size: 18px;
	overflow: scroll;
	overflow-x: hidden;
	line-height: 1.4;
	color: #C0C0C0;
	background-color: #000000;
	letter-spacing: 1px;
	
	/*padding:0 !important;
	margin:0 !important;*/
}


section {
    position: relative;
    z-index: 0;
}
#hotnews, #filmografia, #foto, #tuttosudime, #mappa {
	z-index:4;
	background-color:#000000;
}
#header, #preloadersection {
/*background-color: #f5d491;*/
}
#preloadersection {
	position:relative;
	z-index:999999999;
	width:100%;
}

#tuttosudime {
	padding-top:80px;
}

/*body.fx {
    padding-top: 75px;
}*/

a,
a:focus,
a:hover,
a:active {
    color: #fff;
}
a.tutte {
	color:#f5d491;
}

ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

h1,h2,h3,h4,h5,h6 {
    font-weight: 300;
}
.credits {
	margin: 100px auto 150px auto;
}
h1.titolosezione, h2.titolosezione{
	margin: 30px 0;
	color:#f5d491;	
	font-size: 66px;
	font-weight: 100;
}
.creditmargin {
	padding-top:80px;
}

div.credits h2 {
	margin-bottom:70px;
}
div.credits p.spazioh2 {
	margin: 5em 0 5em 0;
}
/*div.credits p {
	margin:200px 0;
}
div.credits h2 {
	margin: 160px 0 0 0;
}*/
div.credits h2#cred, div.credits h2#notleg, div.credits h2#nottec {
	margin-top:300px;
}


#filmografia h3 {
	color:#f5d491;
	font-weight:300;	
}
#filmografia .og-details h3 {
	color:#000;
}
#filmografia .span6, #filmografia .span10 {
	padding:4px;
}

h2,h3,h4 {
   /* font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    text-transform: uppercase;*/	
}

h2 {
    margin: 0 0 19px;
    font-size: 38px;
}

h3 {
    margin: 0;
    font-size: 22px;
}
h3.date {
	font-size:16px;
}

h4 {
    margin: 0;
    font-size: 18px;
}

p {
    margin: 0 0 21px 0;
}

.btn {
    height: 47px;
    padding: 0 29px;
	border:none;
    border-radius: 0;
    font-size: 21px;
    font-weight: 400;
    line-height: 47px;
    letter-spacing: 1px;  
    text-transform: uppercase;
    text-shadow: none;    
    color: #000;
    background: #f5d491;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all 0.3s; 
    -moz-transition: all 0.3s; 
    -o-transition: all 0.3s; 
    transition: all 0.3s;   
}

.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
	border-color: transparent;
	color: #000;
	background-position: 0 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	background-color: #ffffff;
}

.link {
    /*font-family: 'Montserrat', sans-serif;*/
    font-size: 16px;
    /*letter-spacing: 1px;*/
    font-weight: 200;
    text-transform: uppercase;
}

section p {
    color: rgba( 255, 255, 255);
}

/* ==========================================================================
   HOME
   ========================================================================== */

#head {
    min-height: 808px;
}

#head .logo {
    display: inline-block;
    margin: 54px 0 119px;
    -webkit-transition: all 0.3s; 
    -moz-transition: all 0.3s; 
    -o-transition: all 0.3s; 
    transition: all 0.3s; 
}

.logo:hover {
    opacity: 0.8;
}

.social-media {
    float: right;
    margin-top: 114px;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
}

.social-media li {
    display: inline-block;
    margin-left: 14px;
    padding-left: 16px;
    background: url(../img/misc_sep.png) 0 3px no-repeat;
}
.social-media li:first-child {
    margin-left: 0;
    padding-left: 0;
    background: none;
}

.h-text h1, .h-text p {
	position:relative;
	top:-160px;
}
#h-text {
	display:none;
	}
 .h-text a {
	position:relative;
	/*top:-140px;*/
}
#head .h-text h1 span {
  /*color:#000;*/
}
#head .h-text h1 span.v {
	color:#f5d491;
	font-weight:100;
}

@-webkit-keyframes ready {
	0% { -webkit-transform: translateY(0); }
	40% { -webkit-transform: translateY(7px); }
	100% { -webkit-transform: translateY(0); }
	}

@keyframes ready {
	0% { transform: translateY(0); }
	40% { transform: translateY(7px); }
	100% { transform: translateY(0); }
	}

@-webkit-keyframes pulse_animation {
	/*0% { -webkit-transform: scale(1); }
	30% { -webkit-transform: scale(1); }
	40% { -webkit-transform: scale(1.2); }
	50% { -webkit-transform: scale(1); }
	60% { -webkit-transform: scale(1); }
	70% { -webkit-transform: scale(1.1); }
	80% { -webkit-transform: scale(1); }
	100% { -webkit-transform: scale(1); }*/
	0% { -webkit-transform: translateY(0); }
	40% { -webkit-transform: translateY(12px); }
	100% { -webkit-transform: translateY(0); }
}

.pulse {
	-webkit-animation-name: 'pulse_animation';
	-webkit-animation-duration: 1500ms;
	-webkit-transform-origin:70% 70%;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
}
#head .h-text p.scroll, .mobilev p.scroll {
	/*font-size: 14px;
	color:#000000;
	font-weight: 100;
	position: relative;
	left: -13px;
	text-transform: lowercase;
	letter-spacing: 2px;
	padding: 8px 10px;
	border: 1px solid #f5d491;
	display: inline-block;
	margin: 30px 0 0;
	outline: none;
	-webkit-border-radius: 18px;
	border-radius: 18px;
	-webkit-transition: background 0.5s ease-in-out;
	-moz-transition: background 0.5s ease-in-out;
	-ms-transition: background 0.5s ease-in-out;
	-o-transition: background 0.5s ease-in-out;
	transition: background 0.5s ease-in-out;
	background-color: #FFF;*/
	
	color:#000000;
	font-size:55px;
	font-weight:100;
	left: -12px;

}

.mobilev p.scroll {
	text-align:center;
	margin: 60px auto;
}

#head .h-text p.scroll a:hover, #head .h-text p.scroll a:active {
	color: #f5d491;
	background-color:#000000;
}


.h-text {
	color:#f5d491;
	width: 650px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: 0px;
	z-index: 1;
	margin-top:-200px;
	margin-left: -650px;
	text-align: center;
	font-weight: 100;
}
.h-text p {
	color:#fff;
}

h1 {
	font-size: 65px;
	line-height: 63px;
	font-weight: lighter;
}

#head h1, #headpreload h1 {
	font-size:55px ;
	margin:5px 0;
}

#head p, #headpreload p {
	margin-bottom: 52px;
	font-size: 30px;
	font-weight: 200;    /*font-weight: 100;*/
}
#head p.entra, #headpreload p.entra {
	font-size:14px;
	margin:0;
	padding:0;
}
#head a span {
	/*display:block;*/
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
#head a:hover, #head a:active {
	color:#f5d491;
	text-decoration: none;
	border:none;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
/*.h-text a.link {
	display:block;
	width: 115px;
	height: 115px;
	margin:0 auto;
	background-image: url(../img/buttondownhover.png);
	transform:rotate(180deg);
	-ms-transform:rotate(180deg); 
	-webkit-transform:rotate(180deg);
	background-repeat: no-repeat;
	background-position: center center;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.h-text a.link:hover {
	background-image: url(../img/buttondownhover.png);
	transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
	-webkit-transition: all 0.8s ease-in-out;
	-moz-transition: all 0.8s ease-in-out;
	-ms-transition: all 0.8s ease-in-out;
	-o-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;
}*/
#head .btn {
    float: left;
    margin-right: 25px;
}

#gallery {
	margin-top:100px;
}


#head .link:after {
    /*content: "";
    display: inline-block;
    width: 9px;
    height: 12px;
    margin-left: 4px;
    background: url(../img/ico_arrow_down.png) 0 0 no-repeat;*/
}
#head a.link img {
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
#head a.link:hover img {
	transform:rotate(180deg);
	-ms-transform:rotate(180deg); /* IE 9 */
	-webkit-transform:rotate(180deg); /* Safari and Chrome */
	-webkit-transition: all 0.8s ease-in-out;
	-moz-transition: all 0.8s ease-in-out;
	-ms-transition: all 0.8s ease-in-out;
	-o-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;
}
/* ==========================================================================
   SCHEDA FILM
   ========================================================================== */
   
   .schedafilm {
	   font-size:14px;
   }
   .schedafilm .dati {
	   /*line-height:25px;*/
   }
   .schedafilm strong {
	   padding:0px;
	   color:#f5d491;
   }
   ul#parent2 li {
	   line-height: 1.4;
   }
   ul#parent2 li strong {
	   font-weight:normal;
	   color:#f5d491;
   }
/* ==========================================================================
   BIBLIOGRAFIA
   ========================================================================== */
   
   .rowbiblio strong, .rowbiblio b {
	   font-weight:300;
   }
   
/* ==========================================================================
   NAVIGATION
   ========================================================================== */

/* drop down */

.dropOut .triangle {
	width: 0;
	height: 0;
	position: absolute;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid white;
	top: -8px;
	left: 50%;
	margin-left: -8px;
}
.dropdownContain {
	
	/*width: 300px;
	position: absolute;
	left: 0%;
	margin-left: -80px;*/
	position:absolute;
	left:0%;
	top:40px;
	margin-left: -80px;
	opacity:0;
	-webkit-box-shadow: 0 1px 6px rgba(0,0,0,.15);
	-moz-box-shadow: 0 1px 6px rgba(0,0,0,.15);
	box-shadow: 0 1px 6px rgba(0,0,0,.15);
	-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
	
}
.dropOut {
	display:none;
	width: 300px;
	background: white;
	float: left;
	position: relative;
	margin-top: 0px;
	opacity: 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 6px rgba(0,0,0,.15);
	-moz-box-shadow: 0 1px 6px rgba(0,0,0,.15);
	box-shadow: 0 1px 6px rgba(0,0,0,.15);
	-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
}

.dropOut ul {
	float:left;
	padding: 10px 0 10px 0;
	text-align:center;
}
.dropOut ul li {
	text-align: left;
	display: inline-block;
	width: 132px;
	padding: 3px 0 3px 10px;
	margin: 2px 8px;
	color: #CCC;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	background-color: #F7F7F7;
}

.dropOut ul li:hover {
	background: #f5d491;
}

.dropOut ul li a {
	color: #000;
	text-decoration: none;
	font-size:15px;
}
ul li:hover .dropdownContain { 
    top: 60px; 
	display:block;
	opacity:1;
	-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
	}
ul li:hover .underline { border-bottom-color: #777; }
ul li:hover .dropOut { display:block; opacity: 1; margin-top: 8px; }



/* social share */

.show-share {
	position: relative;
	cursor: pointer;
	
	background: transparent url(../images/sprite.png) no-repeat -780px -226px;
	padding: 3px 0 3px 25px;
	color: #f5d491;
	display: block;
	width:20px;
	margin: 20px 15px 10px 0;
	cursor: pointer;
	line-height:12px;
}

.show-share .title_art {
	display: none;
}

.share-bt {
    text-align: center;
	display: none;
    
	z-index: 0;
	 /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    /* IE 5-7 */
    filter: alpha(opacity=0);
    /* Netscape */
    -moz-opacity: 0;
    /* Safari 1.x */
    -khtml-opacity: 0;
    /* Good browsers */
   
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.containerpop {
	top: -40px;
	left: -4px;
	width: 140px;
	position: absolute;
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	/* IE 5-7 */
	filter: alpha(opacity=0);
	/* Netscape */
	-moz-opacity: 0;
	/* Safari 1.x */
	-khtml-opacity: 0;
	/* Good browsers */
	opacity: 0;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(../images/sprite.png);
	background-repeat: no-repeat;
	background-position: -522px -365px;
}
.show-share:hover .containerpop {
	top:-62px;
	 /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
    /* IE 5-7 */
    filter: alpha(opacity=1);
    /* Netscape */
    -moz-opacity: 1;
    /* Safari 1.x */
    -khtml-opacity: 1;
    /* Good browsers */
	opacity: 1;
	height: 65px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}

.show-share:hover .containerpop, .show-share:hover .containerpop .share-bt {
	 
	display:block;
	
}

.containerpop:hover .share-bt {
	display:block;
	opacity:1;
}

.share-bt .button {
    display: block;
	float: left;
    height: 50px;
    position: relative;
    text-align: center;
    width: 50px;
}
.share-bt .button .counter {
    bottom: 0;
    display: block;
    font-size: 14px;
    height: 15px;
    position: absolute;
    width: 50px;
}
.share-bt a {
	position:relative;
    background: url(../images/sprite.png) no-repeat scroll -524px -257px transparent;
    display: block;
	float: left;
    max-height: 50px;
    width: 45px;
	padding-top: 40px;
	margin: 10px 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #515050;
	font-weight: normal;
}
.share-bt a span {
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:45px;
	height:50px;
}
.share-bt a span img {
	display:none;
}
.share-bt a:hover {
	/* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";

  /* IE 5.5-7 */
  filter: alpha(opacity=60);

  /* Netscape */
  -moz-opacity: 0.6;

  /* Safari 1.x */
  -khtml-opacity: 0.6;

  /* Modern browsers */
  opacity: 0.6;
	}
.share-bt .bt-passaparola-share {
	
	display:none;
	
	background-position: -528px -173px;
	width: 50px;
	margin-right: 10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #000000;
}
.share-bt .bt-facebook-share {
    background-position: -585px -173px;
}
.share-bt .bt-twitter-share {
    background-position: -631px -173px;
}
.share-bt .bt-google-share {
    background-position: -680px -173px;
}
.facebookshare span span span {
	display:block;
	position:absolute;
	top:0px;
	left:0;
	width:45px;
	height:50px;
	
}
.twittershare span span span {
	display:block;
	position:absolute;
	top:0px;
	left:20px;
	width:45px;
	height:50px;
	
}

/* end social share */


.fx #navigation {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}

#navigation {
    position: relative;
    min-height: 75px;
    margin: 0;
    background: #14141a;
    z-index: 999999999;
}
#navigation .container {
	position:relative;
	z-index:999999999;
	
}


.navbar a.brand {
	display:block;
	width: 47px;
	height: 47px;
	margin: 13px 0 0 14px;
	padding: 0;
	background-image: url(../img/logo_up.png);
	background-repeat: no-repeat;
	background-position: left top;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.navbar a.brand:hover {
	background-image: url(../img/logo_up_hover.png);
	transform:rotate(180deg);
	-ms-transform:rotate(180deg); /* IE 9 */
	-webkit-transform:rotate(180deg); /* Safari and Chrome */
	-webkit-transition: all 0.8s ease-in-out;
	-moz-transition: all 0.8s ease-in-out;
	-ms-transition: all 0.8s ease-in-out;
	-o-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;
}

.navbar a.brandback {
	width: 47px;
	height: 47px;
	margin: 13px 0 0 14px;
	padding: 0;
	background-image: url(../img/logo_up.png);
	background-repeat: no-repeat;
	background-position: left top;
	transform:rotate(90deg);
	-ms-transform:rotate(90deg); /* IE 9 */
	-webkit-transform:rotate(90deg); /* Safari and Chrome */
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.navbar a.brandback:hover {
	background-image: url(../img/logo_up_hover.png);
	transform:rotate(90deg);
	-ms-transform:rotate(90deg); /* IE 9 */
	-webkit-transform:rotate(90deg); /* Safari and Chrome */
	-webkit-transition: all 0.8s ease-in-out;
	-moz-transition: all 0.8s ease-in-out;
	-ms-transition: all 0.8s ease-in-out;
	-o-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;
}

.navbar .brand img {
    margin-top: 14px;
}

.nav li {
    float: left;
	position:relative;
}

.navbar .nav > li > a,
.navbar .nav > li > a:visited {
    padding: 28px 12px 27px;
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    font-weight: 100;
    /*text-transform: uppercase;*/
    color: #fff;
    -webkit-box-shadow: 0 none;
    box-shadow: 0 none;
    -webkit-transition: all 0.3s; 
    -moz-transition: all 0.3s; 
    -o-transition: all 0.3s; 
    transition: all 0.3s; 
}

.navbar .nav > li > a:hover,
.navbar .nav > li > a:focus,
.navbar .nav > li > a:active,
.navbar .nav > li.active > a {
    color: #f5d491 !important;
    text-decoration: none;
    background: none !important;
    outline: 0 none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.navbar .btn-navbar {
    width: 43px;
    height: 43px;
    border-color: #fff;
    background: none;
    box-shadow: none;
    border-radius: 43px;
}

/* ==========================================================================
   Hot News
   ========================================================================== */

#hotnews {
    /*padding-top: 86px;*/
    background-color: #000000;
	padding-bottom: 100px;
}
#hotnews .tutte {
	float:right;
	color:#f5d491;
	position:relative;
	z-index:99;
	top:-60px;
	right:20px;
	}
#hotnews .continuanews {
	color:#f5d491;
}
#hotnews .continua {
	float:right;
	color:#f5d491;
	position:relative;
	z-index:99;
	top:50px;
	right:20px;
	}

#dettnews .tutte { 
    float:right;
	color:#f5d491;
	position:relative;
	z-index:99;
	top:-70px;
	right:20px;
}
#dettnews #top {
	height: auto !important;  /* per i browser moderni */
    height: 850px;      /* per IE5.x e IE6 */
    min-height: 850px;  /* per i browser moderni */
	margin-bottom:50px;

}
#dettnews h2 {
	font-weight:100;
	font-size:36px;
}

#about-us .container {
    /*padding-bottom: 80px;*/
}

#about-us .slider {
    margin-top: 86px;
}

#about-us .span3 {
    text-align: center;
    padding: 78px 0 20px;
}

#about-us .span3 h3 {
    margin-bottom: 13px;
}

#about-us .span3 p {
    margin: 0 12%;
}

.banner-outer {
    position: relative;
    height: 425px;
}

.banner-outer:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 425px;
    background: #000/* url(../img/bg_slider.jpg) center 100% no-repeat*/;
    z-index: 19;
}

.banner_container {
    width:1024px;
    position:relative;
    margin-left:auto;
    margin-right:auto;
}
 
.banner{
    width:980px;
    height:425px;
    position:relative;
    overflow:hidden;
    margin: 0 auto;
}

.banner img {
    max-width: 100%;
}

.banner .title {
    font-size: 26px;
    font-weight: 100;
    text-transform: uppercase;
    color: #fff;
}

.banner .text {
    width: 385px !important;
    font-size: 14px;
    line-height: 20px;
    color: rgba(255, 255, 255, 0.67);
    white-space: normal !important;
}

.banner .links a {
    display: inline-block;
    margin-left: 14px;
    padding-left: 16px;
    background: url("../img/misc_sep.png") no-repeat scroll 0 3px transparent;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
}

.banner .links a:first-child {
    background: none;
    margin-left: 0;
    padding-left: 0;
}

.banner .links a:hover {
    text-decoration: underline;
}

#about-us .tp-leftarrow,
#about-us .tp-rightarrow {
    width: 103px;
    height: 103px;
    top: 160px !important;
    margin-top: 0 !important;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

#about-us .tp-leftarrow:hover,
#about-us .tp-rightarrow:hover {
    opacity: 0.6;
}

#about-us .tp-leftarrow {
    left: 0px !important;
    background: url(../img/arrow_left.png) 0 0  no-repeat;
}

#about-us .tp-rightarrow {
    right: -50px;
    background: url(../img/arrow_right.png) 0 0  no-repeat;
}

/* video wrapper */

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	/*padding-top: 25px;*/
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* scheda film */

#curiosita h3 {
	color:#f5d491;
}

/* add class */

.noneheader {
	display:none;
}

@media (min-width: 1200px) {
    #about-us .tp-leftarrow {
        left: -103px !important;
    }

    #about-us .tp-rightarrow {
        right: -103px !important;
    }
	#hotnews #sequence .sequence-canvas img {
	-webkit-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
	-ms-transition: all 0.8s ease;
	-o-transition: all 0.8s ease;
	transition: all 0.8s ease;
	-webkit-transform: scale(1.00);
	-moz-transform: scale(1.00);
	-o-transform: scale(1.00);
	-ms-transform: scale(1.00);
	transform: scale(1.00);
	/*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	opacity: .8;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 6px solid #111111;*/
}
#hotnews #sequence .sequence-canvas img:hover {
	-webkit-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
	-ms-transition: all 0.8s ease;
	-o-transition: all 0.8s ease;
	transition: all 0.8s ease;
	-webkit-transform:scale(1.02);
	-moz-transform:scale(1.02);
	-o-transform:scale(1.02);
	-ms-transform:scale(1.02);
	transform:scale(1.02);
	/*-webkit-backface-visibility:hidden;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);*/
	opacity: 1;
	
}
div.sliderimage {
	width:510px;
	height:345px;
	overflow:hidden;
}

}
@media (min-width: 568px) {
  /*#header, #preloadersection {
       background-color: #f5d491;
    }
	html {
		background-color:#f5d491;
	}
	body.add, body.fx {
		background-color:#000000 !important;
	}*/
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
    .banner, .banner_container{  width:750px; height:440px; text-align: center; margin: 0 auto;}
   #about-us .tp-leftarrow.round,
    #about-us .tp-rightarrow.round {
        opacity: 1;
        position: absolute;
        top: 47%;
        width: 80px;
    }

    #about-us .tp-leftarrow.round {
        left: -20px;
        background-position: 100% 0;
        padding-left:100px;
    }

    #about-us .tp-rightarrow.round {
        right: -20px;
    }

    .banner-outer:after {
        background-size: auto 230px;
        background-position: center 0;
    }
    .banner {
        height: 440px !important;
    }
    .banner li,
    .slotholder,
    .caption,
    .banner .text {
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        text-align: center;
    }
    .banner .title,
    .banner .text,
    .banner .links {
        position: static !important;
        text-align: center;
    }
    .banner .title {
        margin-bottom: 10px;
        padding-top: 20px !important;
    }
    .banner .text {
        margin-bottom: 20px;
    }
    .banner img {
        float: none;
        width: auto !important;
        height: 230px !important;
        display: inline;
    }
     #about-us .tp-leftarrow {
        top: 95px !important;
    }

    #about-us .tp-rightarrow {
        top: 95px !important;
    }
	.show-share {
		display:none;
	}
}
 
@media only screen and (max-width: 767px) {
  .banner, .banner_container{width:470px; height:440px; text-align: center; margin: 0 auto;}
   #about-us .tp-leftarrow.round,
    #about-us .tp-rightarrow.round {
        opacity: 1;
        position: absolute;
        top: 47%;
        width: 80px;
    }

    #about-us .tp-leftarrow.round {
        left: -20px;
        background-position: 100% 0;
    }

    #about-us .tp-rightarrow.round {
        right: -20px;
    }

    .banner-outer:after {
        background-size: auto 230px;
        background-position: 0 0;
    }
    .banner {
        height: 440px !important;
    }
    .banner li,
    .slotholder,
    .caption,
    .banner .text {
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        text-align: center;
    }
    .banner .title,
    .banner .text,
    .banner .links {
        position: static !important;
        text-align: center;
    }
    .banner .title {
        margin-bottom: 10px;
        padding-top: 20px !important;
    }
    .banner .text {
        margin-bottom: 20px;
    }
    .banner img {
        float: none;
        width: auto !important;
        height: 230px !important;
        display: inline;
    }
     #about-us .tp-leftarrow {
        top: 95px !important;
    }

    #about-us .tp-rightarrow {
        top: 95px !important;
    }
	.show-share {
		display:none;
	}
	
}
 
@media only screen and (max-width: 480px) {
   .banner, .banner_container{width:auto;height:440px;}
   #about-us .tp-leftarrow,
    #about-us .tp-rightarrow {
        opacity: 1;
        position: absolute;
        top: 47%;
        width: 80px;
    }
	.navbar a.brand {
		margin: 4px 0 0 12px;
	}

    #about-us .tp-leftarrow {
        left: 0 !important;
        background-position: 100% 0;
    }

    #about-us .tp-rightarrow {
        right: 0 !important;
    }
	span.back {
	color:#fff;
	position:relative;
	top:15px;
	left:15px;
    }
    .show-share {
		display:none;
	}
	span.tornasu {
		top:16px;
	}
	.schedafilm .paging {
		width:80px;
		margin:0 auto 30px auto;
	}
	
}

/* ==========================================================================
   SERVICES
   ========================================================================== */


#services header .parallax_services_back{height: 250px;padding:0px; margin-top:-86px;padding-top: 86px;
    background: url(../img/bg_services_back.png) center 0 no-repeat;
    
}
#services header .parallax_services_middle{height: 250px;padding:0px; margin-top:-86px;padding-top: 86px;
    background: url(../img/bg_services_middle.png) center 0 no-repeat;
        
}
#services header .parallax_services_front{height: 250px;padding:0px; margin-top:-86px;padding-top: 86px;
    background: url(../img/bg_services_front.png) center 0 no-repeat;
    
}

#services header {       
    height: 250px;
    padding-top: 86px;
    background: url(../img/bg_services.jpg) center 0 repeat-x;
    
}

.light-violet {
    padding-top: 83px;
    border-top: 11px solid #3f3f56;
    background-color: #484860;
}

.light-violet .span4 {
    text-align: center;
}

.light-violet .span4 span {
    display: inline-block;
    width: 214px;
    height: 214px;
    margin-bottom: 25px;
    border: 2px solid #3f3f56;
    border-radius: 115px;
    line-height: 214px;
}

.light-violet .span4 h3 {
    margin-bottom: 13px;
}

.light-violet .span4 p {
    margin: 0 13% 88px;
}

.dark-violet {
    padding: 86px 0 82px;
    background-color: #414157;
}

.dark-violet h3 {
    margin-bottom: 9px;
    margin-top: 46px;
}

.dark-violet .span8 h3 {
    margin-bottom: 17px;
}

.dark-violet li {
    padding-left: 16px;
    color: rgba(255, 255, 255, 0.67);
    line-height: 30px;
    background: url(../img/bullet_check.png) 0 11px no-repeat;
}

.dark-violet li span {
    font-weight: 700;
}

.dark-violet .progress {
    margin-bottom: 9px;
    height: 26px;
    box-shadow: none;
    background: #484860;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}

.progress .bar {
    background-color: #786078;
    background-image: none;
    text-align: left;
    padding-left: 9px;
    line-height: 25px;
    filter: e(%("progid:DXImageTransform.Microsoft.gradient(enabled = false)"));
}
/* ==========================================================================
   premi
   ========================================================================== */
   
.footpremi {
	height:100px;
	margin-top:50px;
}
   
/* ==========================================================================
   FOTO
   ========================================================================== */

#foto {
    position: relative;
}
.schedafilmdett #foto {
	margin:50px 0;
}

#foto header {
	padding: 40px 0 40px 0;
	background-color: #000000;
	
	/*border-bottom-width: 11px;
	border-bottom-style: solid;
	border-bottom-color: #1E1E1E;*/
}

#filters {
    margin-top: 29px;
}

#filters li {
    float: left;
    margin-right: 7px;
    padding-left: 17px;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
    background: url(../img/misc_sep.png) 0 4px no-repeat;
}
#filters li a.current {
	color:#f5d491;
	}

#filters li:first-child {
    padding-left: 0;
    background: none;
}

/*#isotope {
    background-color: #787878;
}

#isotope .item {
    float: left;
}

#isotope img {
    display: block;
}*/

.dark-grey {
    padding: 67px 0 80px;
    background-color: #6e6e6e;
}

.dark-grey h3 {
    float: left;
}
.dark-grey ul {
    float: right;
    margin-top: 3px;
}

.dark-grey li {
    float: left;
    margin-left: 27px;
    line-height: 33px;
}

.item {
    display: block;
	cursor:pointer;
	position:relative;
	padding: 2px;
    width: -moz-calc(25% - 0.5px);
    width: -webkit-calc(25% - 0.5px);
    width: -o-calc(25% - 0.5px);
    width: calc(25% - 0.5px);
}
.item h2.description {
	position: absolute;
	z-index:99;
	font-family:Verdana, Geneva, sans-serif;
	margin: 0;
	line-height: 15px;
	font-size: 13px;
	font-weight: 100;
	left: 0;
	bottom: 0;
	display: none;
	padding: 25px 20px;
	-webkit-transition: all 0.8s ease-in-out;
	-moz-transition: all 0.8s ease-in-out;
	-ms-transition: all 0.8s ease-in-out;
	-o-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;
	/*text-transform: lowercase;*/
}
.item:hover h2.description {
	width:100%;
	display:block;
	background-color: #000;
	-webkit-transition: background 0.4s ease-in-out;
		-moz-transition: background 0.4s ease-in-out;
        -ms-transition: background 0.4s ease-in-out;
        -o-transition: background 0.4s ease-in-out;
		transition: background 0.4s ease-in-out;
	
}
.item:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

.item:hover:after {
    background: rgba( 0, 0, 0, 0.66) url(../img/icon_search_photo.png) center 30px no-repeat;
	
}

a.item:last-child:hover:after {
	background:none;
}

/* verdone 360 */

#verdone360 {
	padding-top:50px;
}

/* gestione tooltip */

.tt-wrapper{
	padding: 0;
	width: 435px;
	height: 70px;
	margin: 80px auto 30px auto;
}
.tt-wrapper li{
	float: left;
}
.tt-wrapper li a{
	display: block;
	width: 68px;
	height: 70px;
	margin: 0 2px;
	outline: none;
	background: transparent url(../images/growcase_the_social_gunman_icons.png) no-repeat top left;
	text-indent: -9000px;
	position: relative;
}
.tt-wrapper li .tt-gplus{
    background-position: 0px 0px;
}
.tt-wrapper li .tt-twitter{
    background-position: -68px 0px;
}
.tt-wrapper li .tt-dribbble{
    background-position: -136px 0px;
}
.tt-wrapper li .tt-facebook{
    background-position: -204px 0px;
}
.tt-wrapper li .tt-linkedin{
    background-position: -272px 0px;
}
.tt-wrapper li .tt-forrst{
    background-position: -340px 0px;
}
.tt-wrapper li a span{
	width: 100px;
	height: auto;
	line-height: 20px;
	padding: 10px;
	left: 50%;
	margin-left: -64px;
	font-family: 'Alegreya SC', Georgia, serif;
	font-weight: 400;	
	font-style: italic;
	font-size: 14px;
	color: #719DAB;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
	text-align: center;
	border: 4px solid #fff;
	background: rgba(255,255,255,0.3);
	text-indent: 0px;
	border-radius: 5px;
	position: absolute;
	pointer-events: none;
	bottom: 100px;
	opacity: 0;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.tt-wrapper li a span:before,
.tt-wrapper li a span:after{
	content: '';
	position: absolute;
	bottom: -15px;
	left: 50%;
	margin-left: -9px;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid rgba(0,0,0,0.1);
}
.tt-wrapper li a span:after{
	bottom: -14px;
	margin-left: -10px;
	border-top: 10px solid #fff;
}
.tt-wrapper li a:hover span{
	opacity: 0.9;
	bottom: 70px;
}

/* end tooltip */

@media (min-width: 1200px) {
    #foto .item img {
        display: block;
        width: 100%;
        height: auto;
    }
}

/* ==========================================================================
   PRICING
   ========================================================================== */
 
#pricing header .parallax_pricing_back{height: 250px;padding:0px; margin-top:-86px;padding-top: 86px;
    background: url(../img/bg_pricing_back.png) center 0 no-repeat;
    
}
#pricing header .parallax_pricing_middle{height: 250px;padding:0px; margin-top:-86px;padding-top: 86px;
    background: url(../img/bg_pricing_middle.png) center 0 no-repeat;
    
}
#pricing header .parallax_pricing_front{height: 250px;padding:0px; margin-top:-86px;padding-top: 86px;
    background: url(../img/bg_pricing_front.png) center 0 no-repeat;
    
} 

#pricing header {
    padding-top: 86px;
    height: 250px;
    background: url(../img/bg_pricing.jpg) center 0  repeat-x;

}

#pricing .pink {
    padding: 80px 0;
    border-top: 11px solid #7a5467;
    background-color: #906078;
}

#pricing .pink .three-cols .col {
    width: 33%;
}

#pricing .pink .span3 {
    text-align: center;
    background-color: #ab7d94;   
}

#pricing .pink .span3.ligth {
    background-color: #c38ea9;
}

#pricing h4 {
    margin: 0;
    padding-top: 20px;
    padding-bottom: 18px;
    border-bottom: 1px solid #906078;
}

#pricing .span3 {
    width: 239px;
    margin-left: 1px;
}

#pricing .span3 .price {
    margin: 22px 0 12px;
    padding: 0 12% 7px;
    border-bottom: 1px solid #906078;
    font-family: 'Montserrat', sans-serif;
    font-size: 30px;
    line-height: 22px;
    font-weight: 400;
    color: #fff;
}

#pricing .span3 .price strong {
    font-size: 57px;
    font-weight: 900;
}

#pricing .span3 .price span {
    display: inline-block;
    font-size: 14px;
    font-weight: 900;
    text-transform: uppercase;
}

#pricing .span3 p {
    line-height: 30px;
    margin-bottom: 19px;
}

#pricing .span3 .btn {
    margin-bottom: 39px;
}

/* ==========================================================================
   mappa
   ========================================================================== */

#mappa {
    background-color: #000000;
	/*height:40%;*/	
}

#mappa .details {margin-top:10px; text-align:center;}

#mappa .mappa-wrap {
   /* padding: 73px 0 0;*/
    margin-top: -3px;
}

#mappa form {
    margin: 22px 0 0;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;   
}

#mappa form input[type="text"],
#mappa form input[type="email"] {
    width: 80%;
    height: 67px;
    margin-bottom: 20px;
    padding: 0 10%;
    border: none;
    border-radius: 0;
    box-shadow: none;
}

#mappa form textarea {
    width: 90%;
    height: 98px;
    margin-bottom: 20px;
    padding: 4% 5%;
    border: 0;
    border-radius: 0;
}

#mappa form .span3.offset1 h3 {
    margin: 20px 0 13px;
}

#mappa form .span3.offset1 p span {
    font-weight: 700;
}

#mappa form .btn {
    float: right;
    height: 62px;
}

#mappa .mappa-wrap p strong {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;  
}
#mappa .g-map {
	border-top: 12px solid ##1E1E1E;
	border-bottom: 12px solid ##1E1E1E;
	position:relative;
	/*width: 100%;
	height: 100%;
	background-image: url(../images/trasp.png);
	background-repeat: repeat;
	background-position: left top;	*/
}
#mappa .g-map iframe {
	width:100%;
    height:550px;
    margin:0px;
    border:0px;
}
#mappa .g-map #mmcover {
	position:absolute;
	top:0;
	left:0;
	width: 100%;
	height:550px;
	background-image: url(../images/trasp.png);
	background-repeat: repeat;
	background-position: left top;	
}
/*#mappa .g-map #mmcover .centerbutton {
	display:block;
	
	
	line-height:200px;
	
	margin: 0 auto
}*/
.mappamobile .centerbutton a {
	display:block;
}
#mappa .g-map #mmcover .centerbutton input, .mappamobile .centerbutton input, .mappamobile .centerbutton a {
	background-image: url(../images/x.png);
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-border-radius: 106px;
	border-radius: 106px;
	font-size: 0.1px;
	color:#f5d491;
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-100px;
	margin-top:-100px;
	text-align:center;
	background-color:#000;
	width:200px !important;
	height:200px !important;
	line-height:170px;
	border:6px solid #f5d491;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
#mappa .g-map #mmcover .centerbutton input:hover, .mappamobile .centerbutton input:hover, .mappamobile .centerbutton a:hover {
	width: 200px;
	margin-left: -100px;
	color: #f5d491;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	-webkit-border-radius: 106px;
	border-radius: 106px;
	background-color: #f5d491;
	background-image: url(../images/location.png);
	background-repeat: no-repeat;
	background-position: center center;
	font-size: 0.1px;
	transform:rotate(180deg);
	-ms-transform:rotate(180deg); /* IE 9 */
	-webkit-transform:rotate(180deg); /* Safari and Chrome */
}
.mappamobile .centerbutton input, .mappamobile .centerbutton a {
	position:relative;
	margin-top: 0;
	margin-bottom: 50px;
}



/* ==========================================================================
   FOOTER
   ========================================================================== */
 
#foot {
	position:relative;
	z-index:99;
    line-height: 75px;
    background-color: #f5d491;
}

#foot .copyrights {
    float: left;
}

#foot a {
	font-size:16px;
	color:#000 !important;
    /*float: right;
    margin-right: 31px;*/
    color: rgba( 255, 255, 255, 0.27);
}

#foot .arrow-up {
	display: block;
	float: right;
	width: 50px;
	height: 50px;
	margin: 20px;
	overflow: hidden;
	text-indent: -9999em;
	background-image: url(../img/logo_up_footer.png);
	/*background: url(../img/ico_arrow_up.png) center 29px no-repeat #000000;*/
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	background-repeat: no-repeat;
	background-position: left top;	
	
}

#foot .arrow-up:hover {
	background-repeat: no-repeat;
	background-position: left -50px;	
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all0.3s ease-in-out;
	-ms-transition: all0.3s ease-in-out;
	-o-transition: all0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

#foot p {
    margin: 0;
    /*color: rgba( 255, 255, 255, 0.27);*/
}
#pricing .pink {
        background: #906078;
    }
.copyrights ul {
	margin: 35px 0 0 0;
}
.copyrights ul li {
	float:left;
}
.copyrights ul li a {
	display: block;
	float: left;
	padding: 0 10px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #000;	
}
.copyrights ul li:first-child a {
	border:none;
	
}

/* carlo in tv */

#carlointv .span4 {
	padding:8px;
}
    
    
/* ==========================================================================
   Responsive Styles
   ========================================================================== */
@media (max-width: 1200px) {
	/* sondaggi */
	#sondaggi label {
		margin: 0 0 20px 0;
	}
	#sondaggi a.sondaggi {
	color:#f5d491;
	display:block;
	margin-top:120px;
    }
}
/* Large desktop */
@media (min-width: 1200px) {
     #head {
        /*min-height: 650px;*/
    }
   
    #pricing .span3 {
        width: 299px;
    }
    #mappa form input[type="text"],
    #mappa form input[type="email"] {
        margin-bottom: 30px;
    }
    

}
@media (max-width: 1024px) {
	.dropdownContain, ul li:hover .dropdownContain {
		display:none;
	}
	#hotnews .tutte {
	  font-size:18px;
	  float: right;
	  color: #f5d491;
	  position: relative;
	  z-index: 99;
	  top: -60px;
	  right: 0;
	  }
	  .show-share {
		  display:none;
	  }
	  #sequence h2.title {
		  font-weight:300 !important;
	  }
	  .h-text {
		margin-left:-620px;
    }
}


@media (max-width: 768px) {
   
    .h-text {
        position: absolute;
        z-index: 1;
		margin-left:-300px;
		margin-top:320px;
    }
	body {
		padding:0;
		margin:0;
	}
	/* sondaggi */
	#sondaggi label {
		margin: 0 0 10px 0;
	}
	#sondaggi a.sondaggi {
		color:#f5d491;
		display:block;
		margin-top:80px;
    }
        
    
}
@media (min-width: 768px) {
	.containersond {
		margin: 0 0 30px 0;
	}
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
    body {
        font-size: 16px;
		margin:0;
		padding:0;
    }
    section p {
        /*line-height: 19px;*/
    }
    h2 {
        font-size: 24px;
    }
    h3 {
        font-size: 16px;
    }
    #head {
        /*background: url(../img/bg_head.jpg) center 0 no-repeat;
        background-size: cover;*/
    }
    #head .container {
        text-align: center;
    }
    .social-media {
        float: none;
        margin: 30px 0 0;
    }
    #head .logo {
        margin: 34px 0 69px;
    }

    #head h1, #headpreload h1 {
        font-size: 55px;
    }

    #head p, #headpreload p {
        margin-bottom: 32px;
    }
    #head .btn, #headpreload .btn {
        float: none;
        margin: 0 auto;
    }
    #head .link, #headpreload .link {
        clear: both;
        display: block;
        width: 156px;
        /*height: 59px;*/
        margin: 0 auto;
        padding: 0;
        line-height: 59px;
    }
    .navbar .brand {
        margin-left: 30px;
    }

    .navbar .brand {
        margin-left: 30px;
    }

    .navbar .btn-navbar {
        margin: 15px 30px 0 0;
    }

    .nav-collapse.pull-right {
        float: none;
    }

    .navbar .nav > li {
        float: none;
        text-align: center;
    }

    .navbar .nav > li > a,
    .navbar .nav > li > a:visited {
        padding: 0;
        font-size: 18px;
        line-height: 29px;
        color: #FFFFFF !important;
    }
	

    #pricing header,
    #services header {
        background-size: cover;
    }
    /*.banner, .bannercontainer{  width:750px; height:425px !important;}
    .bannershadow {width:750px;}*/
    .item {
         /* Firefox */
        width: 33.3%;
        /* WebKit */
        width: 33.3%;
        /* Opera */
        width: 33.3%;
        /* Standard */
        width: 33.3%;
    }

    #pricing .span3 .price strong {
        font-size: 45px;
    }

    /*.banner h3 {
        margin-top: 60px;
    }*/

    #pricing .row {
        display: block;
        margin: 0 auto;
    }

    #pricing .span3 {
        width: 180px;
    }

    #services header,
    #pricing header {
        background-size: auto;
    }

    .h-text {
        position: absolute;
        z-index: 1;
    }

    .dark-grey h3 {
        float: none;
        text-align: center;
    }

    .dark-grey ul {
        float: none;
        text-align: center;
    }
    .dark-grey li {
        display: inline-block;
        float: none;
        margin-right: 10px;
        margin-left: 10px;
    }

    #foot p,
    #foot a {
        font-size: 13px;
    }

    /*.banner img {
        margin-left: 0;
    }*/
    
    #pricing .pink {
        background: #906078;
    }

}
@media (max-width: 768px) {
	#hotnews .tutte {
	  float: right;
	  color: #f5d491;
	  position: relative;
	  z-index: 99;
	  top: -70px;
	  right: 0;
	  }
	  #foot ul {
		  overflow:hidden;
		  text-align:center;
	  }
	  #foot ul li {
		  float:none;
		  display:inline;
	  }
	  #foot ul li a {
        display: inline-block;
        margin: 0;
        color: #605f60;
		padding: 0 6px;
		border:none;
    }
	body .padding {
		/*padding:0 20px;*/
	}
	form {
	/*padding:0 20px;*/
}
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {

    #services header .parallax_services_back {background:none;}
    #services header .parallax_services_middle {background:none;}
    #services header .parallax_services_front {background:none;}
    #pricing header .parallax_pricing_back {background:none;}
    #pricing header .parallax_pricing_middle {background:none;}
    #pricing header .parallax_pricing_front {background:none;}
    body {
        background-size: auto auto;
        background-attachment: scroll;
        font-size: 16px;
    }
    section p {
        line-height: 19px;
    }
    h2 {
        font-size: 24px;
    }
    h3 {
        font-size: 16px;
    }
	div.preloadmobile {
	width: 300px;
	height: 304px;
	margin:0 auto;
	background-image: url(../images/home_mobile.jpg);
	background-repeat: no-repeat;
	background-position: left top;		
	}

    .h-text {
        position: relative;
    }
	.h-text h1 {
		margin:30px 0 0 0;
		line-height:normal;
		font-weight:100;
		font-size:40px;
		top:0;
	}
	.h-text h2 {
		line-height:normal;
		font-weight:100;
		font-size:24px;
		margin:0;
	}
	.h-text p {
		font-weight:300;
		font-size:15px;
		color:#999;
		top:0;
		margin:30px 0 40px 0;
	}	
    #head,
    #navigation,
    #about-us,
    #services header,
    #services .light-violet,
    #services .dark-violet,
    #foto header,
    #foto #isotope,
    #foto .dark-grey,
    #pricing header,
    #mappa,
    #pricing .pink,    
    .banner-outer,    
    #foot {
        margin-left: -20px;
        margin-right: -20px;
        padding-left: 20px;
        padding-right: 20px;    
    }
    #services header,
    #foto header,
    #pricing header {
        height: auto;
    }
    #mappa,
    #navigation,
    #foto #isotope,
    .banner-outer {
        padding-left: 0;
        padding-right: 0;
    }
    #mappa .mappa-wrap {
        padding: 40px 20px;
    }
    .fx #navigation {
        margin-left: 0;
        margin-right: 0;
    }
    #head {
        position: relative;
        min-height: 544px;
    }

    #head .container {
        text-align: center;
    }

    #head .logo {
        margin: 25px 0 30px;
    }

    .social-media {
        float: none;
        margin: 30px 0 0 0;
    }
    .logo {
        margin: 24px 0 28px 0;
    }
    h1 {
        font-size: 23px;
        /*line-height: 25px;*/
    }
	

    #head p {
        /*font-size: 18px;
        margin-bottom: 20px;*/
    }

    #head .btn {
        float: none;
        margin: 0;
    }
    #head .link {
        clear: both;
        display: block;
        /*width: 156px;
        height: 59px;*/
        margin: 0 auto;
        padding: 0;
        line-height: 59px;
        background-position: 100% center;
    }

    .h-text {
        width: 100%;
        left: 0;
        margin-top: 0;
		margin-left:auto;
    }

    .navbar .brand {
        margin-left: 30px;
        margin-top: 10px;
    }

    .navbar .brand img {
        margin-top: 10px;
    }

    .navbar .btn-navbar {
        margin: 15px 10px 0 0;
    }

    .nav-collapse.pull-right {
        float: none;
    }

    .navbar .nav > li {
        float: none;
        text-align: center;
    }

    .navbar .nav > li > a,
    .navbar .nav > li > a:visited {
        padding: 0;
        font-family: 'Montserrat', sans-serif;
        font-size: 18px;
        line-height: 29px;
        color: #fff !important;
    }

    .navbar .nav > li.active a,
    .navbar .nav > li > a:hover {
        color: #f5d491 !important;
    }

    #about-us {
        padding-top: 60px;
    }

    #about-us .span3 {
        text-align: center;
        padding: 25px 0;
    }

    #about-us .span6:last-child {
        text-align: center;
    }

    #mappa form .btn {
        display: block;
        float: none;
        margin: 0 auto 40px;
    }

    #pricing header,
    #services header {
        background-size: cover;
    }

    #foot {
        position: relative;
        padding-bottom: 136px;
        text-align: center;
        color: #605f60;
        font-size: 13px;
        line-height: normal;
    }

    #foot a {
        display: inline-block;
        float: none;
        margin: 0 10px;
        color: #605f60;
    }

    #foot .arrow-up {
        float: none;
        margin: 50px auto 35px;
    }

    #foot .copyrights {
        position: absolute;
        bottom: 55px;
        left: 0;
        width: 100%;
        line-height: normal;
    }

    .item {
         /* Firefox */
        width: -moz-calc(50% - 0.5px);
        /* WebKit */
        width: -webkit-calc(50% - 0.5px);
        /* Opera */
        width: -o-calc(50% - 0.5px);
        /* Standard */
        width: calc(50% - 0.5px);
    }

    #pricing .span3 .price strong {
        font-size: 45px;
    }

    #pricing .span3 {
        width: auto;
        margin: 0 0 10px;
    }

    #head,
    #services header,
    #pricing header {
        background-size: cover;
    }

    #pricing .pink {
        background: none;
        border-top: 0;
    }

    #mappa .span3 {
        clear: both;
        text-align: center;
    }

    .dark-grey h3 {
        float: none;
        text-align: center;
        margin-bottom: 10px;
    }

    .dark-grey li {
        margin-bottom: 5px;
    }

    #mappa form textarea {
        width: 80%;
        padding: 5% 10%;
    }

    .dark-grey ul {
        float: none;
        text-align: center;
    }

    .dark-grey li {
        float: none;
        display: inline-block;
        margin-left: 10px;
        margin-right: 10px;
    }
    
    #pricing .pink {
        background: #906078;
    }

}

@media (max-width: 600px) {
	body .padding {
		padding:0 20px;
	}
	form {
	    padding:0 20px;
}
}

@media (min-width: 480px) and (max-width: 568px) {
	.h-text img {
		width:50%;
	}
	
}


@media (min-width: 320px) and (max-width: 568px) {
	.h-text a {
		top:-170px;
	}
	h1.titolosezione {
		font-size:38px;
		line-height:38px;
	}

}

@media (max-width: 568px) {
	body {
		background-color:#000000 !important;
	}
    #header, #preloadersection {
	background-color:#000000 !important;
    }
	#sondaggi {
	margin-bottom: 20px;
   }
   #mappa #mappatesto p {
	   padding: 0 20px;
   }
}
/* Landscape phones and down */
@media (max-width: 480px) {
    body {
        font-size: 16px;
    }
	#hotnews {
		padding-bottom:50px;
		overflow:hidden;
	}
	#mappa .g-map iframe {
		height:250px;
	}
	h1.titolosezione {
		text-align:center;
		font-size:38px;
		line-height:38px;
	}
    section p {
        line-height: 19px;
    }   
    /*body.fx {
        padding-top: 55px;
    }*/
    h2 {
        font-size: 24px;
    }
    h3 {
        font-size: 16px;
    }
    #navigation {
        min-height: 55px;
    }
    .navbar .brand {
        margin-left: 30px;
    }

    .navbar .btn-navbar {
        margin-top: 6px;
    }

    .navbar .brand {
        margin-top: 0;
    }

    #about-us {
        padding-bottom: 40px;
    }

    #about-us .span6 {
        margin-bottom: 40px;
    }

    #services header {
        background-position: 0 0;
        padding-top: 40px;
        padding-bottom: 30px;
    }

    .light-violet {
        padding-top: 50px;
    }

    .light-violet .span4 p {
        margin-bottom: 50px;
    }

    .dark-violet {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .dark-violet h3 {
        margin-top: 16px;
    }

    #foto header {
        padding-top: 36px;
    }

    .item {
        width: 100%;
    }

    .dark-grey {
        padding: 40px 0;
    }

    #pricing .pink {
        padding: 60px 20px;
        background: none;
    }

    #pricing header {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    

    #foot {
        padding-bottom: 100px;
    }

    #about-us .tp-leftarrow.round,
    #about-us .tp-rightarrow.round {
        opacity: 1;
        position: absolute;
        top: 47%;
        width: 80px;
    }

    #about-us .tp-leftarrow.round {
        left: -20px;
        background-position: 100% 0;
    }

    #about-us .tp-rightarrow.round {
        right: -20px;
    }
      #pricing .pink {
        background: #906078;
    }
	
	#head h1, #headpreload h1 {
		font-size:42px;
	}
     #hotnews .tutte, #dettnews .tutte {
		 display:block;
		 width:60%;
		 padding:3px;
		 margin:5px auto;
		 position:relative;
		 top:-10px;
		 text-align:center;
		 float: none;
		 color:#f5d491;
		 background-color: #000000;
		 -webkit-border-radius: 14px;
         border-radius: 14px;
		 border:1px solid #f5d491;
	  }
	  #dettnews .tutte {
		  left:0px;
	  }
	  div.credits h2 {
		  font-size:36px;
	  }
	  div.credits p.spazioh2 {
		  margin: 2em 0 2em 0;
	  }
	  #fancybox-loading, #fancybox-overlay, #fancybox-wrap {
		  display:none !important;
	  }
	  .item:hover:after {
		  background:none !important;
	  }
	 
}



/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */     

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */
@media (max-width: 320px) {
	#preloadersection {
		min-height:530px;
	}
	#filmografia .videoWrapper {
		margin: 40px 0 0 0;
	}
	#filmografia #gallery {
		margin-top:50px;
	}
}
@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}