/* ----------------------------
banner
---------------------------- */

.row--banner
{
	/*background-color: #626e6d;*/
	background-image: url(/assets/img/banner-small.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	/*background-color: rgba(0,83,111,.5);*/

}


.row--banner--opacity {
	background-color: rgba(0,83,111,.5);
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#007cb0+0,e5e5e5+99&1+0,0+53 */
}



/* ----------------------------
header
---------------------------- */

.header
{
	padding: 1.25em 1em;
	/* 20px/16px - 16px/16px */
}

.header__logo
{
	float: left;
	padding-top: .2em;
}

.header__logo svg
{
	fill: #fff;
	margin: 0;
	padding-top: 0;
	height: 4em;
}
.payoff-logo {
	display: none;
}
.header__logo svg:hover
{
	fill: #ececec;
}


.header__nav
{
	float: right;
	width: 150px;
	width: 250px;
}

.header__nav ul
{
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: right;
}

.header__nav li
{
	display: none;
	margin: 0;
}

.header__nav a
{
	display: block;
	margin-right: .2em;
	padding: 0.6em 1em 0.4em;
	border-radius: .3em;
	color: #fff;
	background: none;
	font-size: 0.8125em;
	/* 13px/16px */
	font-weight: bold;
	text-decoration: none;
}


.header__nav li.header__nav-powerturn__openmenu {
		display: inline-block;
	}


.header__nav a.openlanguage
{
	background: #3bb2d0;
}

.header__nav a.openlanguage svg
{
	fill: #fff;
	height: 2em;
	margin: 0;
	margin-right:  0;
}


.header__nav a.geolocalizza
{
	background: #3bb2d0;
}

.header__nav a.geolocalizza svg
{
	fill: #fff;
	height: 2em;
	margin: 0;
	margin-right:  0;
}


.header__nav a.telefono
{
	background: #3bb2d0;
}

.header__nav a.telefono svg
{
	fill: #fff;
	height: 2em;
	margin: 0;
	margin-right:  0;
}






.header__nav a.openmenu
{
	background: #3bb2d0;
}

.header__nav a.openmenu svg
{
	fill: #fff;
	height: 2em;
	margin: 0;
	margin-right:  0;
	width: 2em;
}



.header__nav-contact a { margin-right: 0; }

.current a
{
	color: #fff;
	background: #56b880;
}

/*.header__nav a:focus { background: #000; }*/

.header__nav a:hover { background: #007cb0; }
.header__nav a:active { background: #af0000; }

@media (min-width: 48em)
{
	.header
	{
		padding: 2.2222em 2em;
		/* 40px/18px - 36px/18px */
	}

	.header__logo svg
	{
		height: 6em;
	}
	.header__nav li
	{
		display: inline-block;
	}

	.header__nav li.mobileaccess {
		display: none;
	}
	
	.header__nav {
		width: 12em;
		width: 25em;
		width: 30em;
	}

	.header__nav a
	{
		font-size: 0.8333em;
		/* 15px/18px */
	}

	.header__nav a.openlanguage
	{
		background: none;
	}
	.header__nav a.openlanguage:hover
	{
		background-color: #007cb0;
	}
	.header__nav a.openlanguage svg
	{
		height: 1.4em;
		/*IE non teneva la larghezza*/
		width: 1.4em;
	}


	.header__nav a.openmenu
	{
		background: none;
	}
	.header__nav a.openmenu:hover
	{
		background-color: #007cb0;
	}

	.header__nav a.openmenu svg
	{
		height: 1.4em;
		/*IE non teneva la larghezza*/
		width: 1.4em;
	}

}


/* ----------------------------
menu secondario
---------------------------- */
.header_submenu
{
	display: none;
	margin: 0;
	padding: 0;
	clear: right;
	float: right;
}
.header_submenu ul
{
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: right;
}

.header_submenu li
{
	/*display: inline-block;*/
	margin: 0;
}

.header_submenu a
{
	display: block;
	margin-right: .2em;
	padding: 0.6em 1em 0.4em;
	border-radius: .3em;
	color: #fff;
	background: none;
	font-size: 0.8125em;
	/* 13px/16px */
	font-weight: bold;
	text-decoration: none;
}

.current a
{
	color: #fff;
	background: #56b880;
}

.header_submenu a:focus { background: #000; }
.header_submenu a:hover { background: #3bb2d0; }
.header_submenu a:hover { background: #007cb0; }
.header_submenu a:active { background: #af0000; }

@media (min-width: 48em)
{
	.header_submenu {
		/*width: 12em;
		width: 25em;*/
	}

	.header_submenu li.mobileaccess {
		display: none;
	}

	.header_submenu a
	{
		font-size: 0.8333em;
		/* 15px/18px */
	}
}
/* ----------------------------
banner-content
---------------------------- */

.banner-content
{
	padding: 1.875em 1.5em 2.8125em;
	/* 30px/16px - 24px/16px - 45px/16px */
	text-align: center;
	color: #fff;
}

.banner-content__heading
{
	margin: 0 0 1.875em;
	margin: 0 0 0.5em;
	/* 30px/16px */
	color: #fff;
	font-size: 1.5em;
	/* 24px/16px */
	font-weight: normal;
}

.banner-content__mainimage {
	display: none;
}

@media (min-width: 48em)
{
	.banner-content
	{
		padding: 7.5em 2em;
		/* 135px/18px - 36px/18px */
	}

	.banner-content__heading
	{
		font-size: 2.5556em;
		/* 46px/18px */
	}
}

/* ----------------------------
maintext
---------------------------- */
.maintext { text-align: left; }
.maintext a:link { color: #007cb0; text-decoration: none; forn-weight: bold;}
.maintext a:visited { color: #007cb0; }
.maintext a:focus { color: #000; }
.maintext a:hover { color: #000; }
.maintext a:active { color: #af0000; }

.maintext h4 {
	font-size: 1.3em;
	margin-bottom: 1em;
	margin-top: 2em;
	text-transform: uppercase;
	color: #007cb0;
}

@media (min-width: 48em)
{
	.maintext h4 {
	font-size: 1.5em
}
}

/* ----------------------------
photos
---------------------------- */
/*.photos  {
	position: relative;
}*/

h1 {
	text-transform: uppercase;
}

.photos h3 {
	position: absolute;
	text-align: center;
	z-index: 10;
	top: 14em;
	width: 50%;
	padding: 1em 0;
	background-color: rgba(255, 255, 255, 0.5)
	display: none;
}

/* ----------------------------
indirizzo
---------------------------- */
.indirizzo {
	text-align: center;
	padding-top: 1.5em;
	padding-bottom: 1.5em;
	font-size: 0.8em;
	color: #fff;
}
.indirizzo svg{
	height: 4.5em;
	fill: #fff;
}

/* ----------------------------
mappa
---------------------------- */
.mappa {
	display: block;
	height: 25em;
}

/* ----------------------------
features
---------------------------- */

.features { text-align: center; }

.features__row
{
	margin-bottom: 2.1875em;
	/* 35px/16px */
}

.features__heading
{
	margin: 0 0 .75em;
	/* 12px/16px */
	font-size: 1.125em;
	/* 18px/16px */
}

.features__text { margin: 0; }

.features__bike
{
	height: 90px;
	background: url(/assets/img/icon-bike.png) no-repeat center;
	background-size: contain;
}

.features__phone
{
	height: 149px;
	background: url(/assets/img/icon-phone.png) no-repeat center;
	background-size: contain;
}

.features__safe
{
	height: 80px;
	background: url(/assets/img/icon-safe.png) no-repeat center;
	background-size: contain;
}

@media (min-width: 48em)
{
	.features { text-align: left; }

	.features__row
	{
		margin-bottom: 4.1667em;
		/* 75px/18px */
	}
	
	.features__row:last-child { margin: 0; }

	.features__padding
	{
		padding-top: 4em;
		/* 72px/18px */
	}
	
	.features__heading
	{
		font-size: 1.5556em;
		/* 75px/18px */
		font-weight: normal;
	}
}

@media (min-width: 50em)
{
	.features__bike { height: 154px; }
	.features__phone { height: 296px; }
	.features__safe { height: 141px; }
}

/* ----------------------------
testimonials
---------------------------- */

.testimonials { text-align: center; }

.testimonials__heading
{
	margin: 0 0 1.1905em;
	/* 25px/21px */
	font-size: 1.3125em;
	/* 21px/16px */
}

.testimonials__quote
{
	margin-top: 1.5625em;
	/* 25px/16px */
}

.testimonials__source { margin: 0; }

@media (min-width: 48em)
{
	.testimonials__heading
	{
		margin-bottom: 1.3235em;
		/* 45px/34px */
		font-size: 1.8889em;
		/* 34px/18px */
		font-weight: normal;
	}

	.testimonials__quote
	{
		font-size: 1.3333em;
		/* 24px/18px */
	}

	.testimonials__source
	{
		font-size: 1.1111em;
		/* 20px/18px */
	}
}

/* ----------------------------
facts
---------------------------- */

.facts { text-align: center; }

.facts-intro__heading
{
	margin: 0 0 .3em;
	font-size: 1.5625em;
	/* 25px/16px */
}

.facts-intro__text
{
	margin: 0 0 2em;
	/* 32px/16px */
}

.facts-list__heading
{
	margin: 0 0 .25em;
	/* 4px/16px */
	font-size: 1.5em;
	/* 24px/16px */
	font-weight: bold;
}

.facts-list__text { margin: 0; }

.facts-list__icons
{
	display: block;
	width: 70px;
	height: 44px;
	margin: 0 auto 1.3333em;
	/* 24px/16px */
	background-repeat: no-repeat;
	background-image: url(/assets/img/icon-sprite.png);
}

.facts-list__id { background-position: 0 0; }
.facts-list__eye { background-position: 0 -44px; }
.facts-list__timer { background-position: 0 -88px; }
.facts-list__chart { background-position: 0 -132px; }

.listaprodotti {
	cursor: pointer;
}
.listaprodotti:hover {
	color: rgba(0,83,111,1);
	color: #007cb0;
	background-color: #ececec;
}
.listaprodotti:hover h4 {
	color: rgba(0,83,111,1);
	color: #007cb0;
}

@media (min-width: 45em)
{
	.facts-intro__heading
	{
		font-size: 1.8889em;
		/* 34px/18px */
		font-weight: normal;
	}

	.facts-intro__text
	{
		margin: 0 0 2.5em;
		/* 50px/20px */
		font-size: 1.1111em;
		/* 20px/18px */
	}

	.facts-list__heading
	{
		font-size: 1.5556em;
		/* 28px/18px */
	}
}

/* ----------------------------
press
---------------------------- */

.press { text-align: center; }

.press__heading
{
	margin-bottom: 1em;
	/* 25px/25px */
	color: #fff;
	font-size: 1.5625em;
	/* 25px/16px */
}

.press__logos { margin-bottom: 2em; }
.press__logos--bevel { margin-bottom: 0; }

@media (min-width: 48em)
{
	.press__heading
	{
		font-size: 1.8889em;
		/* 34px/18px */
		font-weight: normal;
	}

	.press__logos 
	{ 
		float: left;
		margin: 0 7.2% 0 0;
	}

	.press__logos--solvable { width: 17.88%; }
	.press__logos--nc { width: 8.65%; }
	.press__logos--waratah { width: 32.78%; }
	
	.press__logos--bevel
	{
		width: 18.84%;
		margin: 0;
	}
}

/* ----------------------------
footer
---------------------------- */