/*
URI: http://moodfactory.it/
Author: MOOD Factory - Luca Larice
*/



/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}





/*--------------------------------------------------------------
# UTILITY: spacers
--------------------------------------------------------------*/
.spaceT5{padding-top:5px;}
.spaceT10{padding-top:10px;}
.spaceT20{padding-top:20px;}
.spaceT30{padding-top:30px;}
.spaceT40{padding-top:40px;}
.spaceT50{padding-top:50px;}
.spaceT100{padding-top:100px;}
.spaceB5{padding-bottom:5px;}
.spaceB10{padding-bottom:10px;}
.spaceB20{padding-bottom:20px;}
.spaceB30{padding-bottom:30px;}
.spaceB40{padding-bottom:40px;}
.spaceB50{padding-bottom:50px;}
.spaceB100{padding-bottom:100px;}
.spaceTB5{padding-top:5px; padding-bottom:5px;}
.spaceTB10{padding-top:10px; padding-bottom:10px;}
.spaceTB20{padding-top:20px; padding-bottom:20px;}
.spaceTB30{padding-top:30px; padding-bottom:30px;}
.spaceTB40{padding-top:40px; padding-bottom:40px;}
.spaceTB50{padding-top:50px; padding-bottom:50px;}
.spaceTB100{padding-top:100px; padding-bottom:100px;}
.space10{padding:10px;}
.space15{padding:15px;}
.space20{padding:20px;}
.space30{padding:30px;}
.space40{padding:40px;}
.space50{padding:50px;}
.spaceL5{padding-left:5px;}
.spaceL10{padding-left:10px;}
.spaceL20{padding-left:20px;}
.spaceR5{padding-right:5px;}
.spaceR10{padding-right:10px;}
.spaceR20{padding-right:20px;}



/*--------------------------------------------------------------
# Utils
--------------------------------------------------------------*/
.bold{font-weight: bold;}
.italic{font-style: italic;}



/*--------------------------------------------------------------
# Colors
--------------------------------------------------------------*/
.bg-color1{background-color: #BC2E5F;}
.bg-color2{background-color: #FCC242;}
.bg-color3{background-color: #4C56C0;}
.bg-color4{background-color: #4C56C0;}
.bg-color5{background-color: #B5B5B5;}


.color1{color: #000;}

.white{color: #fff;}
.blue{color: #154075;}




/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
html{
	font-size: 62.5%; /* $rembase = 10px */
}
body {
	background: #ffffff; /* Fallback for when there is no custom background color defined. */
}
ul, ol {
	margin: 0 0 1.5rem 1rem;
	padding: 0;
}
ul {
	list-style: disc;
}
ol {
	list-style: decimal;
}
li > ul, li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}
img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}
hr {
	background-color: #fff;
	border: 0;
	height: 2px;
	margin-bottom: 1.5em;
}
hr.no-margin{
	margin-bottom: 0;
}


/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body, button, input, select, textarea {
	color: #4A4A4A;
    font-family: 'Raleway', sans-serif;
	font-size: 1.6rem; /* 13 ÷ $rembase */
	line-height: 1.8;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
	font-family: 'Raleway', sans-serif;
	text-transform: none;
	clear: both;
}

/* FIBONACCI font base
H1=32
H2=24
H3=19
H4=16
H5=14
H6=13
*/

h1, .h1{
    font-size: 1.6rem; 
    line-height: auto;
    text-transform: none;
}
h2, .h2{
    font-size: 3rem; 
    font-weight: bold;
    line-height: auto;
    margin-bottom: 1rem;
}
h3, .h3{
    font-size: 2.5rem; 
    line-height: auto;
}
h3 span{
	text-transform: uppercase;
	font-style: 1.8rem;
}
h4, .h4{
    font-size: 2rem; 
    line-height: 2.8rem;
    line-height: auto;
}
h5, .h5{
	font-size: 1.8rem; 
    line-height: auto;
    text-transform: uppercase;
}
h6, .h6{
    font-size: 1.2rem; 
    line-height: auto;
    text-transform: uppercase;
}


p {
	margin-bottom: 1.5em;
}


/*--------------------------------------------------------------
# Links
--------------------------------------------------------------*/
a { 
	color: #4A4A4A; 
	text-decoration: underline;
	font-weight: 500;
}
a:visited {
	color: #4A4A4A;
}
a:hover, a:focus, a:active {
	color: #4A4A4A;
	text-decoration: none;
}
a:focus {
	outline: thin dotted;
}
a:hover, a:active {
	outline: 0;
}


/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.logo-cont{
	position: relative;
}
header{
	width: 100%;
}
header h1 img, .logo{
	width: 100%;
	max-width: 250px;
}
header h2{
	padding-top: 7%;
	font-size: 2.5rem;
	font-weight: bold;
}
header p{
	text-transform: uppercase;
	letter-spacing: 0.2rem;
	padding-top: 2%;
}

.sp-arrow{
	width: 4px !important;
}

.social-top a, .social-top a:visited {
	font-size: 2rem;
}

.main-menu ul{
	list-style-type: none;
	margin: 0;
}
.main-menu ul li{
	display: inline-block;
	padding: 5px 20px;
}
.main-menu ul li a{
	text-transform: uppercase;
	font-weight: bold;	
	text-decoration: none;
	font-size: 1.6rem;
}
.main-menu ul li a:hover{
	text-decoration: underline;
}



/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
footer{
	font-size: 1.2rem;
}
.fixed-phone{
	position: fixed;
	bottom: 50px;
	right: 0;
	z-index: 100;
}
.fixed-phone img{
	width: 100px;
}
.footer a{
	color: #fff;
}



/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
#content{
	min-height: 600px;
}



.box-spazi{
	padding: 30px 40px;
	color: #fff;
	position: relative;
	height: 100%;
}
.box-spazi ul{
	padding-left: 0;
	margin-left: 20px;
	padding-top: 20px;
}
.box-spazi li{
	padding-bottom: 30px; 
}
.box-spazi img{
	display: none;
}

.box-prezzi{
	padding: 30px 10px;
	text-align: center;
	color: #fff;
}
.price-box-text{
	min-height: 140px;
	padding-top: 0px;
}
.price-box-value{
	font-weight: bold;
	font-size: 3rem;
}
.price-box-value span{
	font-weight: normal;
	font-size: 1.6rem;
	line-height: 1.6rem;
	display: block;
}



.banner-img{
	position: relative;
}
.banner-img-text{
	padding: 20px;
	color: #fff;
}


.count{
	font-size: 5rem;
	font-weight: bold;
}


.footer-block{
	background: url('../images/footer.png') no-repeat center center;
	background-size: cover;
}


.btn-request{
	background-color: #4C56C0;
	padding: 10px 20px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	color: #fff;
	text-decoration: none;
}
.btn-request-yellow{
	background: #FCC242;
}
.btn-request:hover{
	color: #fff;
	text-decoration: underline;
}






/*--------------------------------------------------------------
# Gallery
--------------------------------------------------------------*/
.gallery img:hover{
	opacity: 0.7;
	transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;
}







/*--------------------------------------------------------------
# Forms + vedi form.css
--------------------------------------------------------------*/
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {
	-webkit-border-radius: 0;
	-webkit-appearance: none;
	color: #fff;
	border: 0 none;
	border-bottom: 1px solid #fff;
	background-color: transparent;
	padding: 10px 0;
	font-size: 1.4rem;
	width: 100%;
	text-transform: none;
	margin-bottom: 10px;
}
._has_error, ._error-inner{
	border-color: #e8603c !important;
	color: #e8603c;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus {
	color:#fff;
}
textarea {
	border-width: 1px;
	width: 100%;
	color: #737373;
	height: 110px;
}

button, input[type="button"], input[type="reset"], input[type="submit"] {
	-webkit-border-radius: 0;
	-webkit-appearance: none;
	background: #FCC242;
	color: #fff;
	border: 1px solid #FCC242;
	text-decoration: none;
	font-weight: bold;
	padding: 8px 0;
	width: 100%;
	text-align: center;
}
button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
	opacity: 0.8;
	cursor: pointer;
	text-decoration: underline;
}
button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active {
	opacity: 0.8;
	cursor: pointer;
}

.form-group-due input, .form-group-due input:hover, .form-group-due input:focus, textarea:focus{
	color: #fff !important;
}
.privacy, .privacy a{
	color: #fff;
	font-size: 1.1rem;
}



input.input-error{
	border-color: red;
}


.success{
	text-transform: uppercase;
	font-weight: bold;
	text-align:center;
}





/*--------------------------------------------------------------
# PLACEHOLDER
--------------------------------------------------------------*/
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fff;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #fff;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #fff;
}




/*==========  Non-Mobile First Method  ==========*/

/* Extra small devices (portrait phones, less than 576px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
	html{
		font-size: 57.5%; /* $rembase = 10px */
	}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { 
	html{
		font-size: 57.5%; /* $rembase = 10px */
	}


}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	html{
		font-size: 63.5%; /* $rembase = 10px */
	}

	h2, .h2{
	    font-size: 4.5rem; 
	    font-weight: bold;
	    line-height: auto;
	    margin-bottom: 1rem;
	}
	h3, .h3{
	    font-size: 3rem; 
	    line-height: auto;
	}

	.box-spazi img{
		display: block;
		position: absolute;
		bottom: 0;
		right: 0;
		width: 250px;
	}

	.banner-img-text{
		position: absolute;
		width: 390px;
		padding: 20px;
		color: #fff;
		bottom: -80px;
		left: 100px;
	}


}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	html{
		font-size: 63.5%; /* $rembase = 10px */
	}



}