/*

INFO SITO TIMOTION

Font
Pontano Sans Regular
Roboto Slab Regular

Colori
arancio-spento-medio #e7ab00
arancio-spento-scuro #dd9e00
arancio-acceso-medio #fbba00
arancio-acceso-scuro #f7a600
grigio-testi #4e595e
grigio-chiaro #ebeef0
grigio-medio #cfd6da
grigio-scuro #909ba2

------

Fascia 1
H 50 px
Scritta: Pontano sans regular 14px - bianco

Fascia 2 (menu)
H 90 px
Voci menu: Pontano sans regular 16px - grigio-medio #cfd6da

Fascia 3 (messaggio)
H 546 px
Testo H1: Roboto slab regular 36px - grigio-testi #4e595e
Testo descrizione: Pontano sans regular 18px - grigio-testi #4e595e
Tasto: 206x50 px, arancio-spento-medio #e7ab00 con filetto 1px arancio-spento-scuro #dd9e00 // mouseover: arancio-acceso-medio #fbba00 con filetto 1px arancio-acceso-scuro #f7a600
Testo su tasto: Pontano sans regular 20px - bianco
-
Testo H3: Roboto slab regular 22px - grigio-testi #4e595e
Testo descrizione: Pontano sans regular 16px - grigio-testi #4e595e

Fasce 4-5-6 (categorie prodotti)
H 354 px
Testo H2: Roboto slab regular 30px - grigio-testi #4e595e
Testo descrizione: Pontano sans regular 18px - grigio-testi #4e595e
Tasto: 240x40 px, arancio-spento-medio #e7ab00 con filetto 1px arancio-spento-scuro #dd9e00 // mouseover: arancio-acceso-medio #fbba00 con filetto 1px arancio-acceso-scuro #f7a600
Testo su tasto: Pontano sans regular 16px - bianco

Fascia 7 (offerta e form contatto)
H 710 px - bg #grigio-chiaro #ebeef0


Footer
H 410 px
Testo: Pontano sans regular 16px - bianco
-
Testo: Pontano sans regular 14px - grigio-scuro #909ba2
*/

body {
	font-family: "Pontano Sans", sans-serif;
	font-size: 14px;
	font-size: 1.4rem;
}

h1, h2, h3, h4 {
	font-family: "Roboto Slab", sans-serif;
}

a {
	color: #e7ab00;
}

.container {
	width: auto;
}

.btn.btn-primary {
	font-family: "Pontano Sans", sans-serif;
	font-size: 20px;
	color: #fff;
	background: #e7ab00;
	border: 1px solid #dd9e00;
}

.btn.btn-default {
	font-family: "Pontano Sans", sans-serif;
	font-size: 20px;
	color: #fff;
	background: #909ba2;
	border: 1px solid #909ba2;
}

.btn.btn-primary:hover,
.btn.btn-primary:active {
	background: #fbba00;
	border: 1px solid #f7a600;
}

.btn.btn-default:hover,
.btn.btn-default:active {
	background: #fbba00;
	border: 1px solid #f7a600;
}

.before-header-wrapper {
	min-height: 50px;
	background: url("../images/bg-fascia1-1x.jpg") repeat-x 0 0;
	color: #fff;
	overflow: hidden;
}

.before-header-wrapper .widget {
	line-height: 50px;
	font-family: 'Pontano Sans', sans-serif;
	font-size: 14px;
	font-size: 1.4rem;
	margin-right: 0;
}

.before-header-wrapper .tel {
	color: #fbba00;
}

.primary-navigation-wrapper {
	min-height: 90px;
	background: url("../images/bg-fascia2-1x.jpg") repeat-x 0 0;
	color: #fff;
	overflow: hidden;
}

.navbar-default {
	background: transparent none;
	border: 0 none;
	color: #fff;
	margin-bottom: 0;
}

.navbar-default .navbar-brand {
	display: inline-block;
	width: 176px;
	height: 60px;
	margin: 10px 45px 0 0;
	/*background: url("../images/logo-timotion-1x.png");*/
	background: url("../images/logo-timotion-by-atti-2x_v3.png");
	background-size: 176px 60px;
	color: #fff;
	overflow: hidden;
	text-indent: -99999px;
}

.navbar-default .navbar-nav > li {
	padding-top: 23px;
}

.navbar-default .navbar-nav > li > a {
	background: #6a7880;
	color: #ebeef0;
	font-family: 'Pontano Sans', sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
	text-transform: uppercase;
	line-height: 10px;
	border-radius: 5px;
	padding: 16px 10px;
}

.navbar-default .navbar-nav > li.contattaci a {
	background: #e7ab00;
	border: 1px solid #dd9e00;
}

.navbar-default .navbar-nav > li.contattaci a:hover {
	background: #fbba00;
	border: 1px solid #f7a600;
	color: #ebeef0;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:active,
.navbar-default .navbar-nav > li.current-menu-item > a,
.navbar-default .navbar-nav > li.current-menu-item > a:hover {
	background: #6a7880;
	padding: 16px 10px;
	color: #ebeef0;
}

.navbar-default .navbar-toggle {
	margin-top: 28px;
	margin-bottom: 28px;
}

.navbar-default .navbar-toggle .icon-bar {
	background-color: #cfd6da;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background-color: #e7ab00;
}

.navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar {
	background-color: #fff;
}

.navbar-default .navbar-collapse.collapse.in,
.navbar-default .navbar-collapse.collapsing,
.navbar-default .navbar-form.collapse.in,
.navbar-default .navbar-form.collapsing {
	border: 0 none;
	background-color: #677379;
	border-bottom: 1px solid #4b575d;
	margin: 0 -30px;
}

.spotlight {
	background: #eaeeef url("../images/bg-fascia4-1x.jpg") repeat-x left bottom;
	border-bottom: 1px solid #ebeef0;
}
.spotlight_pergole {
	background: #eaeeef url("../images/bg-fascia4-1x.jpg") repeat-x left bottom;
	border-bottom: 1px solid #ebeef0;
}
.spotlight_page {
	background: #eaeeef url("../images/bg-fascia4-1x.jpg") repeat-x left bottom;
	border-bottom: 1px solid #ebeef0;
}

.spotlight h1, .spotlight_page h1{
	font-family: "Roboto Slab", sans-serif;
	font-size: 36px;
	font-size: 3.6rem;
	color: #4e595e;
	margin: 0;
}
.spotlight h2{
	font-family: "Roboto Slab", sans-serif;
	font-size: 36px;
	font-size: 3.6rem;
	color: #4e595e;
	margin: 0;
}
.spotlight_pergole h1 {
	font-family: "Roboto Slab", sans-serif;
	font-size: 36px;
	font-size: 3.6rem;
	color: #000000;
	margin: 0;
}

.spotlight p, .spotlight_page p {
	font-family: "Pontano Sans", sans-serif;
	font-size: 18px;
	font-size: 1.8rem;
	color: #4e595e;
	margin-bottom: 20px;
}
.spotlight_pergole p {
	font-family: "Pontano Sans", sans-serif;
	font-size: 18px;
	font-size: 1.8rem;
	color: #4e595e;
	margin-bottom: 20px;
	background: rgba(255, 255, 255, 0.5);
	padding: 0 20px 20px 20px;
}

.spotlight .spotlight-content, .spotlight_page .spotlight-content {
	border-bottom: 1px solid #cfd6da;
	background-repeat: no-repeat;
	background-position: right center;
	padding: 30px 0;
}
.spotlight_pergole .spotlight_pergole-content {
	/*border-bottom: 1px solid #cfd6da;*/
	background-repeat: no-repeat;
	background-position: right center;
	padding: 30px 0;
}

.spotlight .spotlight-filters {
	overflow: hidden;
	padding: 15px 0;
}
.spotlight_pergole .spotlight_pergole-filters {
	overflow: hidden;
	padding: 15px 0;
}

.spotlight .spotlight-filters .filter {
	margin-bottom: 10px;
}
.spotlight_pergole .spotlight_pergole-filters .filter {
	margin-bottom: 10px;
}

.spotlight .spotlight-filters .filter .btn {
	font-size: 13px;
	font-size: 1.3rem;
	margin-right: 3px;
	margin-bottom: 10px;
	padding-left: 9px;
	padding-right: 9px;
}
.spotlight_pergole .spotlight_pergole-filters .filter .btn {
	font-size: 13px;
	font-size: 1.3rem;
	margin-right: 3px;
	margin-bottom: 10px;
	padding-left: 9px;
	padding-right: 9px;
}

.spotlight .spotlight-filters .filter .filter-label {
	display: inline-block;
	margin-right: 5px;
}

.spotlight_pergole .spotlight_pergole-filters .filter .filter-label {
	display: inline-block;
	margin-right: 5px;
}

#homepage_spotlight {
	padding: 35px 0 15px 0;
	background: #eaeeef url("../images/bg-fascia3-1x.jpg") repeat-x left bottom;
}
#homepage_spotlight_pergole {
	padding: 35px 0 15px 0;
	/*background: #eaeeef url("../images/bg-fascia3-1x.jpg") repeat-x left bottom;*/
	
			background-image: url("../images/pergola.jpg");
			background-size: cover;
			background-position: top center;
	
}
#pagina_spotlight {
	padding: 35px 0 15px 0;
	background: #eaeeef url("../images/bg-fascia3-1x.jpg") repeat-x left bottom;
}

#homepage_spotlight h1 {
	margin-bottom: 20px;
}
#homepage_spotlight_pergole h1 {
	/*margin-bottom: 20px;*/
	background: rgba(255, 255, 255, 0.5);
	padding: 20px;
}

#homepage_spotlight .valore-aggiunto .image {
	float: left;
	width: 60px;
}
#homepage_spotlight_pergole .valore-aggiunto .image {
	float: left;
	width: 60px;
}


#homepage_spotlight .valore-aggiunto .text {
	margin-left: 66px;
}
#homepage_spotlight_pergole .valore-aggiunto .text {
	margin-left: 66px;
}

#homepage_spotlight .valore-aggiunto h3 {
	font-family: "Roboto Slab", sans-serif;
	font-size: 22px;
	font-size: 2.2rem;
	color: #4e595e;
}
#homepage_spotlight .valore-aggiunto h3 {
	font-family: "Roboto Slab", sans-serif;
	font-size: 22px;
	font-size: 2.2rem;
	color: #4e595e;
}

#homepage_spotlight_pergole .valore-aggiunto p {
	font-family: "Pontano Sans", sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
	color: #4e595e;
}

.hp-product-category,
.product,
.generic_container {
	min-height: 290px;
	background: url("../images/divisorio1-1x.jpg") repeat-x left top;
	padding-bottom: 30px;
}

.generic_container {
	padding-top: 70px;
}

.hp-product-category h2,
.product h2,
.generic_container h2 {
	font-size: 30px;
	font-size: 3.0rem;
	color: #4e595e;
	margin-bottom: 20px;
}

.hp-product-category p,
.product p,
.generic_container p {
	font-family: "Pontano Sans", sans-serif;
	font-size: 18px;
	font-size: 1.8rem;
	color: #4e595e;
	margin-bottom: 20px;
}

.hp-product-category .btn,
.product .btn,
.generic_container .btn {
	text-transform: uppercase;
	font-size: 16px;
	font-size: 1.6rem;
}

.hp-product-category img,
.product img,
.generic_container img {
	margin-top: 20px;
}

.prefooter {
	background: #ebeef0 url("../images/divisorio2-1x.jpg") repeat-x left top;
	padding-top: 70px;
	font-size: 16px;
	font-size: 1.6rem;
	color: #4E595E;
}

.prefooter .widget {
	padding-bottom: 70px;
}

.prefooter h2 {
	margin-top: 0;
}

.wpcf7-form br {
	display: none;
}

.prefooter .privacy-text {
	display: none;
}

.prefooter .privacy-text textarea {
	height: 150px;
}

footer .footer-widgets {
	background: #6D7B83;
	color: #fff;
	font-size: 16px;
	font-size: 1.6rem;
	padding: 45px 0;
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #6D7B83),
		color-stop(1, #495458)
	);
	background-image: -o-linear-gradient(bottom, #6D7B83 0%, #495458 100%);
	background-image: -moz-linear-gradient(bottom, #6D7B83 0%, #495458 100%);
	background-image: -webkit-linear-gradient(bottom, #6D7B83 0%, #495458 100%);
	background-image: -ms-linear-gradient(bottom, #6D7B83 0%, #495458 100%);
	background-image: linear-gradient(to bottom, #6D7B83 0%, #495458 100%);
}

footer .footer-widgets .container {
	position: relative;
}

footer .footer-widgets img {
	margin-bottom: 20px;
}

footer .footer-widgets .menu {
	margin: 0;
	padding: 0;
}

footer .footer-widgets .social {
	display: inline-block;
	list-style: none;
	width: 32px;
	height: 32px;
	margin-right: 10px;
	margin-top: 12px;
	margin-bottom: 36px;
}

footer .footer-widgets .social a {
	display: block;
	width: 32px;
	height: 32px;
	overflow: hidden;
	text-indent: -99999px;
	background-repeat: no-repeat;
}

footer .footer-widgets .social.linkedin a {
	background-image: url("../images/icon-linkedin-1x.png");
}

footer .footer-widgets .social.gplus a {
	background-image: url("../images/icon-google-1x.png");
}

footer .footer-widgets .social.facebook a {
	background-image: url("../images/icon-facebook-1x.png");
}

footer .footer-widgets .social a:hover {
	background-position: left bottom;
}

footer .footer-legal {
	background: url("../images/bg-footer2-1x.jpg") repeat-x left top;
	min-height: 90px;
	font-size: 13px;
	font-size: 1.3rem;
	color: #909ba2;
	padding-top: 10px;
	line-height: 1.4em;
	position: relative;
}

footer .footer-legal .container {
	position: relative;
}

footer .footer-legal p {
	margin-right: 70px;
}

footer .footer-legal p strong {
	font-weight: normal;
	color: #fff;	
}

footer .footer-legal .credits {
	position: absolute;
	right: 20px;
	bottom: 10px;
	font-size: 12px;
	font-size: 1.2rem;
	padding-left: 20px;
	background: url("../images/axura-credits-icon-1x.jpg") no-repeat left center;
}

.downloads {
	list-style: none;
	padding: 0;
}

.downloads li a {
	color: #4E595E;
}

.downloads li a:hover {
	color: #f7a600;
	text-decoration: none;	
}

.downloads li a.pdf {
	background: url("../images/icon-pdf-1x.png") no-repeat left center;
	padding-left: 25px;
	line-height: 27px;
	padding: 10px 25px;
}

.totop {
	position: absolute;
	right: 20px;
	top: -45px;
	display: block;
	width: 50px;
	height: 45px;
	background: url("../images/freccia-su-1x.png") no-repeat left top;
	overflow: hidden;
	text-indent: -99999px;
}

.totop:hover {
	background-position: left bottom;
}

.offerta {
	overflow: hidden;
}

.offerta h2 {
	text-align: center;
	color: #dd9e00;
}

.offerta .scheda-offerta {
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: 345px 287px;
	background-color: #f4f6f8;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.offerta .scheda-offerta .scheda-offerta-text {
	padding: 20px;
	font-size: 16px;
	font-size: 1.6rem;
	font-family: 'Roboto Slab', sans-serif;
}

.offerta .scheda-offerta .scheda-offerta-text h3 {
	margin-top: 0;
	text-transform: uppercase;
	border-bottom: 3px solid #e8e9ed;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.offerta .scheda-offerta .scheda-offerta-text .contenuto-offerta p {
	display: inline-block;
}

.offerta .scheda-offerta .scheda-offerta-text ul {
	display: inline-block;
	padding: 0;
	list-style: none;
}

.offerta .scheda-offerta .scheda-offerta-text ul li {
	margin-right: 5px;
	float: left;
}

.offerta .scheda-offerta .scheda-offerta-text ul li:before {
	display: inline-block;
	content: '•';
	color: #fbba00;
	margin-right: 5px;
}

.offerta .scheda-offerta .scheda-offerta-text ul li:first-child:before {
	content: '';
}

.offerta .footer-offerta {
	background: #fff;
	padding: 20px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

.offerta .footer-offerta .prezzo {
	color: #fbba00;
	font-size: 32px;
	font-size: 3.2rem;
	font-weight: bold;
	font-family: 'Roboto Slab', sans-serif;
}

.offerta .footer-offerta .prezzo-label {
	color: #fbba00;
	font-family: 'Roboto Slab', sans-serif;
}

.offerta .footer-offerta .validita {
	display: block;
	font-size: 13px;
	font-size: 1.3rem;
	margin-bottom: 5px;
}

@media (min-width: 768px) {
	.container {
		width: auto;
	}
	
	.before-header-wrapper .widget {
		float: right;
	}
	
	#homepage_spotlight .container {
		background: url("../images/img-prod-header-1x.jpg") no-repeat right top;
	}
	#homepage_spotlight_pergole .container {
		/*background: url("../images/img-prod-header-1x.jpg") no-repeat right top;*/
	}
	#pagina_spotlight .container {
		/*background: url("../images/img-prod-header-1x.jpg") no-repeat right top;*/
	}
	
	.before-header-wrapper .widget {
		margin-right: 20px;
	}
	
	.navbar-default .navbar-nav > li {
		padding-bottom: 23px;
	}
		
	.hp-product-category h2 {
		margin-top: 70px;
	}
	
	footer .footer-legal {
		padding-top: 20px;
	}
	
	.navbar-default .navbar-nav > li > a {
		font-size: 13px;
		font-size: 1.3rem;
	}
	
	.offerta .scheda-offerta {
		background-size: 345px 287px;
	}
}

@media (max-width: 915px) {
	.navbar-default .navbar-toggle {
		display: block;
	}
	
	.navbar-default .navbar-collapse.collapse {
		display: none !important;
	}
	
	.navbar-default .navbar-collapse.collapsing,
	.navbar-default .navbar-collapse.collapse.in {
		display: block !important;
	}
	
	.navbar-default .navbar-header {
		float: none;
	}
	
	.navbar-default .navbar-nav > li > a {
		font-size: 13px;
		font-size: 1.3rem;
	}
}

@media (min-width: 992px) {
	.container {
		width: 970px;
	}
	
	.before-header-wrapper .widget {
		margin-right: 25px;
	}
	
	.navbar-default .navbar-nav > li > a {
		font-size: 13px;
		font-size: 1.3rem;
	}
	
	.spotlight .spotlight-filters .filter.left {
		float: left;
		margin-bottom: 0;
	}
	.spotlight_pergole .spotlight_pergole-filters .filter.left {
		float: left;
		margin-bottom: 0;
	}
	
	.spotlight .spotlight-filters .filter.right {
		float: right;
		margin-bottom: 0;
	}
	.spotlight_pergole .spotlight_pergole-filters .filter.right {
		float: right;
		margin-bottom: 0;
	}
	
	.spotlight .spotlight-filters .filter .btn {
		margin-bottom: 0;
	}
	.spotlight_pergole .spotlight_pergole-filters .filter .btn {
		margin-bottom: 0;
	}
	
	.offerta .scheda-offerta {
		background-size: 345px 287px;
	}
}

@media (min-width: 1200px) {
	.container {
		width: 970px;
	}
	
	.before-header-wrapper .widget {
		margin-right: 30px;
	}
	
	.navbar-default .navbar-nav > li > a {
		margin-left: 4px;
		margin-right: 4px;
		font-size: 12px;
		font-size: 1.2rem;
	}
	
	.offerta .scheda-offerta {
		background-size: 345px 287px;
	}
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5),
	only screen and (-o-min-device-pixel-ratio: 3/2),
	only screen and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (min-device-pixel-ratio: 1.5) {
		
		.before-header-wrapper {
			background-image: url("../images/bg-fascia1-2x.jpg");
			background-size: 4px 50px;
		}
		
		.primary-navigation-wrapper {
			background-image: url("../images/bg-fascia2-2x.jpg");
			background-size: 2px 90px;
		}
		
		.navbar-default .navbar-brand {
			/* background-image: url("../images/logo-timotion-2x.png"); */
			background-image: url("../images/logo-timotion-by-atti-2x_v3.png");
			background-size: 176px 60px;
		}
		
		.spotlight {
			background-image: url("../images/bg-fascia4-2x.jpg");
			background-size: 2px 71px;
		}
		.spotlight_pergole {
			background-image: url("../images/bg-fascia4-2x.jpg");
			background-size: 2px 71px;
		}
		.spotlight_page {
			background-image: url("../images/bg-fascia4-2x.jpg");
			background-size: 2px 71px;
		}
		
		#homepage_spotlight {
			background-image: url("../images/bg-fascia3-2x.jpg");
			background-size: 2px 70px;
		}
		#homepage_spotlight_pergole {
			background-image: url("../images/pergola.jpg");
			background-size: cover;
			background-position: top center;
		}
		
		.hp-product-category {
			background-image: url("../images/divisorio1-2x.jpg");
			background-size: 2px 22px;
		}
		
		.prefooter {
			background-image: url("../images/divisorio2-2x.jpg");
			background-size: 2px 22px;
		}
		
		footer .footer-legal {
			background-image: url("../images/bg-footer2-2x.png");
			background-size: 20px 90px;
		}
		
		footer .footer-widgets .social.linkedin a {
			background-image: url("../images/icon-linkedin-2x.png");
			background-size: 32px 64px;
		}
		
		footer .footer-widgets .social.gplus a {
			background-image: url("../images/icon-google-2x.png");
			background-size: 32px 64px;
		}
		
		footer .footer-widgets .social.facebook a {
			background-image: url("../images/icon-facebook-2x.png");
			background-size: 32px 64px;
		}
		
		footer .footer-legal {
			background-image: url("../images/bg-footer2-2x.jpg");
			background-size: 20px 200px;
		}
		
		footer .footer-legal .credits {
			background-image: url("../images/axura-credits-icon-2x.jpg");
			background-size: 13px 13px;
		}
		
		.totop {
			background-image: url("../images/freccia-su-2x.png");
			background-size: 50px 90px;
		}

}

@media only screen and (-moz-min-device-pixel-ratio: 1.5) and (min-width: 768px),
	only screen and (-o-min-device-pixel-ratio: 3/2) and (min-width: 768px),
	only screen and (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 768px),
	only screen and (min-device-pixel-ratio: 1.5) and (min-width: 768px) {
		
		.spotlight .container {
			background-image: url("../images/img-prod-header-2x.jpg");
			background-size: 450px 325px;
		}
		.spotlight_pergole .container {
			/*background-image: url("../images/pergola.jpg");
			background-size: 450px 325px;*/
		}
		.spotlight_page .container {
			/*background-image: url("../images/pergola.jpg");
			background-size: 450px 325px;*/
		}
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5) and (max-width: 768px),
	only screen and (-o-min-device-pixel-ratio: 3/2) and (max-width: 768px),
	only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 768px),
	only screen and (min-device-pixel-ratio: 1.5) and (max-width: 768px) {
		.before-header-wrapper .widget {
			font-size: 12px;
			font-size: 1.2rem;
		}
		
		.spotlight h1 {
			font-size: 22px;
			font-size: 2.2rem;
		}
		.spotlight_pergole h1 {
			font-size: 22px;
			font-size: 2.2rem;
		}
		.spotlight_page h1 {
			font-size: 22px;
			font-size: 2.2rem;
		}
		
		footer .footer-legal {
			font-size: 10px;
			font-size: 1.0rem;
		}
}