/*
URI: http://www.gruppopragma.com/
Author: Gruppo Pragma - Luca Larice
*/



/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
@import url('normalize.css');


/*--------------------------------------------------------------
# WP GENERAL
--------------------------------------------------------------*/
@import url('general-rules.css');


/*--------------------------------------------------------------
# BOOTSTRAP GRID SETUP
--------------------------------------------------------------*/
.container{
	width: 100%;
	padding-left: 20px;
	padding-right: 20px;
}
/* gutter ovverride */
.gutter.row {
	margin-right: -10px;
	margin-left: -10px;
}
.gutter > [class^="col-"], .gutter > [class^=" col-"] {
	padding-right: 10px;
	padding-left: 10px;
}


/*--------------------------------------------------------------
# Spacer
--------------------------------------------------------------*/
.spaceT5{padding-top:5px;}
.spaceT10{padding-top:10px;}
.spaceT20{padding-top:20px;}
.spaceT30{padding-top:30px;}
.spaceT40{padding-top:40px;}
.spaceT50{padding-top:50px;}
.spaceB5{padding-bottom:5px;}
.spaceB10{padding-bottom:10px;}
.spaceB20{padding-bottom:20px;}
.spaceB30{padding-bottom:30px;}
.spaceT40{padding-bottom:40px;}
.spaceB50{padding-bottom:50px;}
.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;}
.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: #7b9477;}
.bg-color2{background: #a89476;}
.bg-color3{background: #3f3d43;}
.bg-color4{background: #b9ab9e;}

.bg-blue{background: #1955a0;}
.bg-pink{background: #c39f97;}

.color1{color: #7b9477;}

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




/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
html{
	font-size: 55.5%; /* $rembase = 10px */
}
body {
	background: #fff; /* 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;
}
hr {
	background-color: #154075;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}
hr.no-margin{
	margin-bottom: 0;
}


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

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
	font-family: 'Karla', 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-family: 'Adamina', serif;
    font-size: 2.8rem; 
    font-weight: bold;
    line-height: auto;
    margin-bottom: 1rem;
}
h3, .h3{
	font-family: 'Adamina', serif;
    font-size: 2.5rem; 
    line-height: auto;
}
h3 span{
	text-transform: uppercase;
	font-style: 1.8rem;
}
h4, .h4{
	font-family: 'Adamina', serif;
    font-size: 2rem; 
    line-height: auto;
}
h5, .h5{
    font-size: 2rem; 
    line-height: auto;
    text-transform: none;
}
h6, .h6{
    font-size: 1.3rem; 
    line-height: auto;
}


p {
	margin-bottom: 1.5em;
}


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


/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
header{
	position: absolute;
	z-index: 100;
	width: 100%;
}
header h1 img, .logo{
	width: 100%;
	max-width: 200px;
}
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 {
	color: #fff;
	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{
	color: #fff;
}



/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
footer{
	font-size: 1.2rem;
}



/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
#content{
	min-height: 600px;
}
.tel-verde, .tel-verde:hover{
	color: #fff;
	font-family: 'Adamina', serif;
	font-size: 2rem;
}
.icon-box-cont{
	padding:20px;
}
.icon-box{
	padding-bottom: 20px;
}
.icon-box img{
	height: 80px;
}
.icon-box-bigger img{
	height: 80px;
}


.img-icon img{
	max-height: 50px;
}

.intro-image{height: 20px;}


.sp-layer{
	max-width: 100% !important;
	width: 100% !important;
	height: 50px !important;
	white-space: normal !important;
}
.slider-text{
	color: #fff;
	font-family: 'Adamina', serif;
	font-size: 3rem;
}

.social a{
	font-size: 2.5rem;
}

#privacy-policy{
	max-width: 85%;
}

.link-btn{
	background-color: #7b9477;
	display: inline-block;
	padding: 10px 30px;
	color: #fff;
	font-family: 'Adamina', serif;
	font-size: 1.6rem;
	text-decoration: none;
}
.link-btn:hover{
	text-decoration: underline;
	color: #fff;
}


/*--------------------------------------------------------------
# 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;
	width: 100%;
	text-transform: uppercase;
	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: #fff;
	color: #a89476;
	border: 1px solid #fff;
	text-decoration: none;
	font-weight: bold;
	padding: 5px 0;
	width: 100%;
	text-align: center;
	font-family: 'Adamina', serif;
}
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 */
	}

	/*--------------------------------------------------------------
	# BOOTSTRAP GRID SETUP
	--------------------------------------------------------------*/
	.container{
		width: 100%;
		max-width: 1290px;
		padding-left: 20px;
		padding-right: 20px;
	}
	/* gutter ovverride */
	.gutter.row {
		margin-right: -10px;
		margin-left: -10px;
	}
	.gutter > [class^="col-"], .gutter > [class^=" col-"] {
		padding-right: 10px;
		padding-left: 10px;
	}

	.sp-layer{
		max-width: 40px;
		margin-right: 0px;
		height: 200px;
		position: absolute;
		top: 50%;
		right: 0;
	}
	.contact-phone:hover{
		padding-right: 30px;
	}
	.text-right-dsk{
		text-align: right;
	}


}

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

	/*--------------------------------------------------------------
	# BOOTSTRAP GRID SETUP
	--------------------------------------------------------------*/
	.container{
		width: 1290px;
		padding-left: 0;
		padding-right: 0;
	}
	/* gutter ovverride */
	.gutter.row {
		margin-right: -10px;
		margin-left: -10px;
	}
	.gutter > [class^="col-"], .gutter > [class^=" col-"] {
		padding-right: 10px;
		padding-left: 10px;
	}


}