@font-face {
    font-family: 'PNewsGothic';
    src: url('/pedrengo/pedrengo/fonts/NewsGothforPorscheW02-Reg.eot');
    src: url('/hp-rewrite/7857af50eaf892ebc187aae6c9f74cd4') format('embedded-opentype'),
         url('/pedrengo/pedrengo/fonts/NewsGothforPorscheW02-Reg.woff') format('woff'),
         url('/pedrengo/pedrengo/fonts/NewsGothforPorscheW02-Reg.ttf') format('truetype'),
         url('/pedrengo/pedrengo/fonts/NewsGothforPorscheW02-Reg.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PFrankGothic';
    src: url('/pedrengo/pedrengo/fonts/FrankGothforPorscheW02-Cn.eot');
    src: url('/hp-rewrite/8acaa0cc10ef6fc271ce22465e944dbd') format('embedded-opentype'),
         url('/pedrengo/pedrengo/fonts/FrankGothforPorscheW02-Cn.woff') format('woff'),
         url('/pedrengo/pedrengo/fonts/FrankGothforPorscheW02-Cn.ttf') format('truetype'),
         url('/pedrengo/pedrengo/fonts/FrankGothforPorscheW02-Cn.svg#open_sansregular') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'pag-iconfont';
    src: url('/pedrengo/pedrengo/fonts/pag-iconfont.eot');
    src: url('/hp-rewrite/d713bc39ba26b81856e9f436e69948b5') format('embedded-opentype'),
         url('/pedrengo/pedrengo/fonts/pag-iconfont.woff') format('woff'),
         url('/pedrengo/pedrengo/fonts/pag-iconfont.ttf') format('truetype'),
         url('/pedrengo/pedrengo/fonts/pag-iconfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*--------------------------
GENERAL
--------------------------*/

*, *:before, *:after {
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

body{
	-webkit-font-smoothing:antialiased;	-moz-font-smoothing:antialiased; -ms-font-smoothing:antialiased; -o-font-smoothing:antialiased; font-smoothing:antialiased;
	font-size-adjust: auto;	-moz-font-size-adjust: auto; -ms-font-size-adjust: auto; -o-font-size-adjust: auto;	-webkit-font-size-adjust: auto;

	/*-ms-word-break: break-all;
	word-break: break-all;

	// Non standard for webkit
	word-break: break-word;

	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;

	-webkit-hyphenate-before: 2;
	-webkit-hyphenate-after: 3;
	hyphenate-lines: 3;*/

	/*-moz-font-feature-settings: "liga=1, dlig=1";
	-ms-font-feature-settings: "liga", "dlig";
	-webkit-font-feature-settings: "liga", "dlig";
	-o-font-feature-settings: "liga", "dlig";
	font-feature-settings: "liga", "dlig";*/

	background:url(/pedrengo/pedrengo/images/bg-blur_struktur.png) 0 0 repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.45;
	background-attachment: fixed;
}

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

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

.hide{
	display: none;
}

a:hover{
	color:#f00;
}

a{
	text-decoration: none;
	color: #000;
}

a:hover,
a.active{
	color: #cc0000;
}

.page-wrapper{
	display:block;
	margin:0 auto;
	max-width:100em;
	min-width:20em;
	background:#fff;
	overflow-x: hidden;
	position: relative;
}

.page-overlay{
	display: none;
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	z-index: 100;
}

.page-overlay.cover{
	z-index: 30;
}
/*
.lt-ie9 .b-page-overlay {
    width: 100em;
}
*/

.right{
	float: right;
}

.left{
	float: left;
}

.button{
	display: inline-block;
	padding-left: 21px;
	padding-right: 21px;
	padding-top: .71429em;
	padding-bottom: .71429em;
	background-color: #3e4146;
	border: none;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	color: #fff;
	font-size: .875em;
	line-height: 1em;
	margin: 2.5em auto;
}

.button:hover,
.button:focus{
	color: #fff;
	background-color: #c00;
}

.button.download{
	position: relative;
	padding-left: 34px;
	font-size: 0.875em;
}

.button.download:before{
	position: absolute;
	left: 10px;
	font-family: 'pag-iconfont';
	color: #c00;
	content: "\e023";
	font-size: 1.286em;
}

.button.block,
.button.download.block,
.link.block{
	float: left;
	clear: both;
	margin: 0.6em auto;
}

.button:hover:before,
.button:focus:before{
	color: #fff;
}

.cta .button{
	margin: 0;
	background-color: #c00;
	color: #fff;
	display: block;
	font-size: 0.5em;
}

.cta .button:after{
	font-family: 'pag-iconfont';
	content: "\e00d" ;
	color: #CC0000;
	font-size: 1em;
	color: #fff;
	margin-left: 1em;
	vertical-align: middle;
}

.video{
	position: relative;
	display: block;
}

.player{
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -32px;
	width: 64px;
	height: 64px;
	background: #000;
	-webkit-border-radius: 32px;
	-moz-border-radius: 32px;
	-ms-border-radius: 32px;
	-o-border-radius: 32px;
	border-radius: 32px;
	background-color: transparent;
	zoom: 1;
	background-color: rgba(0,0,0,.8);
	margin-top: -32px;
	cursor: pointer;
	text-align: center;
	font-size: 1em;
	line-height: 64px;
}

.player:before{
	font-family: 'pag-iconfont';
	display: inline-block;
	line-height: 64px;
	font-size: 3em;
	color: #fff;
	content: "\e005";
}

.link{
	display: inline-block;
	position: relative;
	margin: 1em 0;
	/*width: 100%;*/
	padding-left: 1.5em;
	font-size: 0.875em;
}

.link:before{
	position: absolute;
	font-family: 'pag-iconfont';
	content: '\e00d';
	color: #c00;
	left: 0;
}

.privacy a{
	text-decoration: underline;
}

.half-column{
	width: 100%;
}

.full-column{
	width: 100%;
	float: left;
}

.gr-column-large{
	width: 100%;
}

.gr-column-small{
	width: 100%;
}

.form-column{
	width: 100%;
	float: left;
}

.form-column.left{
	margin-right: 4%;
}

form{
	width: 100%;
}

form input, select, textarea{
	float: left;
	height: 2.14286em;
	margin-top: 0;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 7px;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	font-size: .875em;
	width: 100%;
	height: 3.07143em;
	margin-bottom: 1.5em;
	outline: 0!important;
	border: 1px solid #dfdfdf;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}

form input[type="radio"],
form input[type="checkbox"]{
	float: left;
	margin: 4px 10px 0 0;
	margin-top: 1px \9;
	line-height: normal;
	height: auto;
	width: auto;
	padding: 0;
	vertical-align: middle;
}

fieldset{
	background-color: #F2F2F2;
	padding: 2em;
	margin: 2em 0;
}
textarea{
	height: 20em;
}

label{
	display: block;
	margin-bottom: 0.750em;
	padding-left: 25px;
}

legend{
	float: left;
	width: 100%;
	margin-bottom: 20px;
	font-family: 'PFrankGothic';
	font-size: 1.500em;
	color: #3a6b9b;
}

.radio-label{
	font-size: 0.75rem;
}
.radio-label a{
	display: inline-block;
	width: auto;
	margin-bottom: 10px;
}
.radio-label p{
	font-size: 0.75rem;
	margin: 0;
	display: block;
}
.radio-container{
	display: inline-block;
	margin: 5px 10px 20px 0;
}
.radio-container input[type="radio"]{
	margin-top: 0;
}

.input-label{
	display: block;
	margin-bottom: 8px;
}

.reset{
	margin: 0;
	padding: 0;
}

/*Fading Animation*/

a,
.teaser-link figure .img-wrapper:hover:after,
.teaser-link figure .img-wrapper:focus:after{
	-webkit-transition-property: color, background-color, opacity;
	-moz-transition-property: color, background-color, opacity;
	-o-transition-property: color, background-color, opacity;
	transition-property: color, background-color, opacity;
	-webkit-transition-duration: .24s;
	-moz-transition-duration: .24s;
	-o-transition-duration: .24s;
	transition-duration: .24s;
}

/*---------------------------
---------------------------
TOP
---------------------------
---------------------------*/

header{
	padding-left: 2.5%;
	padding-right: 2.5%;
	position: relative;
	z-index: 20;
	background-color: #fff;
	}

.row{
	margin-left: 6.8125%;
	margin-right: 6.8125%;
}

.logo-container{
	text-align:center;
	position:relative;
	height: 5em;
	/*margin-left: -0.16%;*/
	z-index:1;
}

	.logo-container span{
		display:inline-block;
		padding-left:16px; padding-right:16px;
		background:#fff;
		height:100%;
		z-index:1;
	}

		.logo-container span a{
			display:inline-block;
			background:url('/pedrengo/pedrengo/images/logo_200x106.jpg');
			background-repeat:no-repeat;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
			text-indent:-119988px;
			overflow:hidden;
			height: 53px;
			width: 100px;
			margin-top: 12.5px;
		}

.mobile-menu-button{
	position: absolute;
	top: 0;
	right: 0;
	height: 65px;
	width: 65px;
	z-index: 2000;
	cursor: pointer;
}

.mobile-menu-button:after{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	font-size: 2.5em;
	display: block;
	padding: 0 .3em;
	margin: .3em 0;
	font-family: 'pag-iconfont';
	content: '\e011';
	line-height: 1;
	border-left: 1px solid #dfdfdf;
}

.mobile-menu-button:after:hover,
.mobile-menu-button:after:focus,
.mobile-menu-button.active:after{
	color: #c00;
}

/* --- Main Menu --- */

.main-menu{
	position: relative;
}

	.main-menu li{
		display: block;
		font-size: 0.875em;
	}

		.main-menu li a{
			padding-left: 1.42857em;
			line-height: 1.43em;
		}

		.main-menu>li.first-child a{
			padding-left: 0;
		}

		.main-menu li:hover > ul,
		.main-menu li:focus > ul{
			display: block;
		}

		.main-menu>.middle-menu-button{
			display: none;
			cursor: pointer;
		}

		.main-menu>li a,
		.main-menu_container>li>a {
			display: block;
			width: 100%;
			padding: 0;
			line-height: 3.1em;
			border-top: 1px solid #dfdfdf;
		}


/* --- Main Menu Container --- */

	.main-menu_container>li>a:after {
		font-family: 'pag-iconfont';
		content: "\e01f";
		position: absolute;
		right: 0;
	}

	.main-menu_container>li.dropdown>a:after{
		content: "\e021";
	}

	.main-menu_container>li.open>a:after{
		content: "\e01e";
	}



/* --- Dropdown Accordion --- */

.main-menu__submenu{
	position: static;
	background-color: #fff;
	font-size: 1.143em;
	z-index: 50;
}

	.main-menu__submenu li{
		float: none;
		display: list-item;

	}

		.main-menu__submenu li a{
			display: block;
			position: relative;
			line-height: 3.1em;
		}

		.main-menu__submenu li a:before{
			font-family: 'pag-iconfont';
			content: "\e00d";
			position: absolute;
			left: 0;
			color: #c00;
		}


/* --- Slider Menu --- */

.tools-menu{
	display: inline-block;
	position: absolute;
	right: 0;
	left: 0;
	padding: .68em 2.5%;
	line-height: 1.43;
	color: #fff;
	background-color: #2A4B6D;
	z-index: 40;
	font-size: 0.875em;
	cursor: pointer;
}

.tools-menu:hover,
.tools-menu:focus{
	color: #fff
}

.tools-menu:after{
	margin-left: 1.15em;
	font-family: 'pag-iconfont';
	content: "\e021";
	position: absolute;
	right: 2.5%;
}

.tools-menu.active:after{
	color: #fff;
	font-family: 'pag-iconfont';
	content: "\e01e";
}

		.tools-menu:hover + .tools-menu__container,
		.tools-menu:focus + .tools-menu__container,
		.tools-menu__container:hover,
		.tools-menu__container:focus{
			display: block;
		}

.tools-menu__container{
	position: absolute;
	right: 0;
	left: 0;
	padding-top: 2.6em;
	padding-bottom: 7.5em;
	padding-left: 2.5%;
	padding-right: 2.5%;
	background-color: #2A4B6D;
	z-index: 10;
}

	.tools-menu__container a{
		color: #fff;
	}

	.tools-menu__container__column{
		float: right;
		width: 100%;
	}

		.tools-menu__container__column .heading{
			display: none;
			margin-top: .8em;
			margin-bottom: .95em;
			color: #fff;
			font-family: 'PFrankGothic', Arial, Helvetica, sans-serif;
			font-size: 0.875em;
		}

		.tools-menu__container__column .heading.visible{
			display: block;
		}

			.tools-menu__container__column .heading h3{
				font-weight: normal;
			}

		.tools-menu__container__column a{
			position: relative;
			display: block;
			font-size: 0.875em;
			padding: 0.83em 0.7em;
			padding: 0.83em 0.7em 0.83em 2.3em;
		}

		.tools-menu__container__column a:after{
			position: absolute;
			left: 0.95em;
			top: 1.1em;
			font-size: 0.875em;
			color: #fff;
			font-family: 'pag-iconfont';
			content: "\e01f";
		}

		.tools-menu__container__column a:hover,
		.tools-menu__container__column a:focus{
			background-color: #687d92;
		}


/* --- Side Navigation --- */

#sidenav{
	position: fixed;
	right: 0px;
	bottom: 40px;
	top: auto;
	z-index: 10;
}

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

		#sidenav ul li{
			position: static;
			background-color: #fff;
			margin: 0;
			padding: 0;
			width: 42px;
			height: 42px;
			font-family: 'pag-iconfont';
			border: 1px solid #999;
			border-top: none;
			font-size: 1em;
		}

		#sidenav ul li.back{
			position: relative;
			background-color: #212121;
			border: none;
			border: 1px solid #999;
		}

		#sidenav ul li.back a{
			z-index: 10;
		}

		#sidenav ul li.back:hover:after,
		#sidenav ul li.back:focus:after{
			position: absolute;
			display: block;
			height: 40px;
			border-right: 1px solid #212121;
			content: '';
			left: -1px;
			top: 0;
		}

		#sidenav ul li.back:hover #breadcrumb,
		#sidenav ul li.back:active #breadcrumb{
			display: block;
		}

		#sidenav ul li.back:hover,
		#sidenav ul li.back:active{
			border-right: none;
		}

		#sidenav ul li.down{
			display: none;
		}

			#sidenav ul li a{
				position: relative;
				display: block;
				height: 100%;
				width: 100%;
				color: #000;
				cursor: pointer;
			}

			#sidenav ul li.back a{
				color: #fff;
			}

			#sidenav ul li.inactive a,
			#sidenav ul li.inactive a:hover,
			#sidenav ul li.inactive a:focus{
				color: #999;
				cursor: default;
			}

			#sidenav ul li a:hover,
			#sidenav ul li a:focus{
				color: #c00;
			}

			#sidenav ul li:hover.back>a,
			#sidenav ul li:focus.back>a{
				color: #c00;
			}

			#sidenav ul li.back a:before,
			#sidenav ul li.up a:before,
			#sidenav ul li.down a:before{
				position: absolute;
				width: 40px;
				height: 40px;
				line-height: 40px;
				text-align: center;
			}

			#sidenav ul li.back>a:before{
				content: "\e015";
				font-size: 1.375em;
			}

			#sidenav ul li.up>a:before{
				content: "\e01c";
			}

			#sidenav ul li.down>a:before{
				content: "\e017";
			}

ul#breadcrumb{
	display: none;
	position: absolute;
	bottom: -2px;
	margin-bottom: 1px;
	right: 41px;
	left: auto;
	border: 1px solid #999;
	white-space: nowrap;
	font-size: .875em;
}

	ul#breadcrumb li{
		height: 40px;
		background-color: #212121;
		width: auto;
		border: none;
	}

	ul#breadcrumb li:hover,
	ul#breadcrumb li:focus{
		background-color: #c00;
	}

		ul#breadcrumb li a{
			margin-left: 21px;
			margin-right: 21px;
			vertical-align: middle;
			line-height: 40px;
			height: 40px;
			display: block;
			width: auto;
			font-family: Arial, Helvetica, sans-serif;
			border-bottom: 1px solid #333;
			cursor: pointer;
		}

		ul#breadcrumb li:hover a,
		ul#breadcrumb li:focus a{
			border-bottom-color: transparent;
		}

		ul#breadcrumb li:last-child a{
			border-top: none;
		}

		ul#breadcrumb li a:hover,
		ul#breadcrumb li a:focus{
			color: #fff !important;
		}

		ul#breadcrumb li a:before{
			content: none;
		}

/*---------------------------
---------------------------
MAIN - HOMEPAGE
---------------------------
---------------------------*/

#main_slider{
	position: relative;
	margin-bottom: 2em;
	max-height: 615px;
	overflow: hidden;
}
	.slide {
		position:relative;
	}
		.slide>a, .slide .cta{
			font-family: 'PFrankGothic', Arial, Helvetica, sans-serif;
			font-size: 1.375em;
			color: #000;
			text-align: center;
			line-height: 1em;
		}

		.slide h2{
			font-weight: 100;
		}

		.slide h2:hover,
		.slide h2:focus{
			color: #c00;
		}

		.slide .cta h2:hover,
		.slide .cta h2:focus{
			color: #fff;
		}

		.slide h2:before{
			font-family: 'pag-iconfont';
			content: "\e00d" ;
			color: #CC0000;
			margin-left: -1.46667em;
			margin-right: .4em;
			font-size: 0.682em;
		}

		.slide .cta h2:before{
			content: none;
		}

		.slide img{
			width: 100%;
			height: auto;
		}

			.slide h2 span{
				display: block;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 0.625em;
				/*margin-left: -0.5em;*/
			}

	.owl-pagination{
		text-align: center;
		position: relative;
		top: -47px;
		height: 0;
	}

		.owl-pagination .owl-page{
			display: inline-block;
			width: 8px;
			height: 8px;
			display: inline-block;
			padding: 6px 12px 6px;
			zoom: 1;
		}

		.owl-pagination .owl-page:first-child{
			padding-left: 0;
		}

			.owl-pagination .owl-page span{
				display: block;
				width: 8px;
				height: 8px;
				border-radius: 50%;
				background-color: #999;
			}

			.owl-pagination .owl-page.active span{
				background-color: #000;
			}

	.owl-controls{
		margin-top: 3.6em;
	}

	.owl-buttons{
		display: none;
		position: absolute;
		top: 50%;
		height: 0;
		width: 100%;
		margin-top: -30px;
		font-family: 'pag-iconfont';
		color: #fff;
		font-size: 35px;
	}

		.owl-buttons .owl-prev,
		.owl-buttons .owl-next{
			height: 60px;
			width: 40px;
			display: inline-block;
			text-align: center;
			background-color: #3e4146;
		}

		.owl-buttons .owl-prev:hover,
		.owl-buttons .owl-prev:focus,
		.owl-buttons .owl-next:hover,
		.owl-buttons .owl-next:focus{
			background-color: #CC0000;
		}

		.owl-buttons .owl-next{
			float: right;
			-moz-border-radius-topleft: 3px;
			-webkit-border-top-left-radius: 3px;
			border-top-left-radius: 3px;
			-moz-border-radius-bottomleft: 3px;
			-webkit-border-bottom-left-radius: 3px;
			border-bottom-left-radius: 3px;
		}

		.owl-buttons .owl-prev{
			float: left;
			-moz-border-radius-topright: 3px;
			-webkit-border-top-right-radius: 3px;
			border-top-right-radius: 3px;
			-moz-border-radius-bottomright: 3px;
			-webkit-border-bottom-right-radius: 3px;
			border-bottom-right-radius: 3px;
		}

		.owl-buttons .owl-next:after{
			content: "\e024" ;
			line-height: 60px;
		}

		.owl-buttons .owl-prev:after{
			content: "\e025";
			line-height: 60px;
		}

.car-box{
	float:left;
	padding-top: 22%;
	padding-bottom: 11%;
	width: 48%;
	position: relative;
	margin-left: 0.51%;
}

.car-box.first-child{
	margin-left: 0.25%;
}

	.car-box__wrapper{
		position: absolute;
		bottom: 0;
		width: 100%;
		background-color: #fff;
		border: 1px solid #fff;
		padding-bottom: .625em;
	}

	.car-box__wrapper:hover:after,
	.car-box__wrapper:focus:after{
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: .3em;
		border-bottom: .25em solid #c00;
		border-radius: 0 0 .3125em .3125em;
		-webkit-border-radius: 0 0 .3125em .3125em;
		-moz-border-radius: 0 0 .3125em .3125em;
	}

	.car-box__wrapper:hover,
	.car-box__wrapper:focus{
		border: 1px solid #ccc;
		background-color: #fff;
		z-index: 1;
		cursor: pointer;
		border-radius: .3125em;
		-webkit-border-radius: .3125em;
		-moz-border-radius: .3125em;
	}

	.car-box__wrapper:hover figcaption a,
	.car-box__wrapper:focus figcaption a{
		color: #c00;
	}

	.car-box__wrapper:hover .car-links,
	.car-box__wrapper:focus .car-links{
		display: block;
	}

		.car-box__wrapper_links{
			max-width: 95.21%;
			margin: 0 auto;
			padding-top: 1.25em;
			padding-bottom: .6em;
		}

			.car-links{
				display: none;
				/*padding-bottom: 0.15em;*/
			}

				.car-links li{
					font-size: .875em;
					padding-bottom: 1.08em;
					padding-left: 13%;
				}

					.car-links a{
						color: #1b1d1f;
						text-decoration: none;
					}

					.car-links a:hover,
					.car-links a:focus{
						color: #c00;
					}

					.car-links a:before{
						font-family: 'pag-iconfont';
						content: "\e00d";
						color: #c00;
						display: inline-block;
						height: 100%;
						vertical-align: top;
						margin-right: .3125em;
						margin-left: -1em;
						font-size: .8125em;
						padding-top: 0.3em;
					}



		.car-box figure{
			margin-bottom: .56em;
		}

		.car-box img{
			display: block;
			margin: 0 auto;
			width: 100%;
			margin-top: -.625em;
			margin-bottom: .125em;
		}
		.car-box figcaption{
			font-size: .875em;
			text-align: center;
		}

	.car-box.compare span{
		display: block;
		margin-bottom: .56em;
		padding-bottom: .6em;
		text-align: center;
	}

	.car-box.compare span:before{
		font-family: 'pag-iconfont';
		content: '\e035';
		font-size: 4.375em;
		color: #3a6b9b;
		display: block;
		margin-bottom: -0.2em;
	}

		.car-box.compare span a{
			font-size: 0.875em;
		}

	.car-box.compare .car-box__wrapper:hover{

		border: 1px solid #fff;
	}

		.car-box.compare .car-box__wrapper:hover a,
		.car-box.compare .car-box__wrapper:hover span:before{
			color: #c00;
		}

.teaser-wrapper{
	margin-top: 1.5625em;
	margin-bottom: 1.5625em
}

	.teaser-link{
		display: block;
		float: left;
		width: 100%;
		margin-bottom: 1em;
	}

	.teaser-link:first-child{
		margin-left: 0;
	}

		.teaser-link figure figcaption{
			position: relative;
			font-size: .875em;
			margin-left: 40%;
			height: 65px;
		}

		.teaser-link figure figcaption:before{
			position: absolute;
			top: 0.2em;
			left: -1.3em;
			font-size: 12px;
			display: block;
			color: #c00;
			background-color: #fff;
			line-height: 16px;
			font-family: 'pag-iconfont';
			content: "\e00d";
		}

		.teaser-link figure .img-wrapper{
			width: 30.33333%;
			position: relative;
			float: left;
		}

		.teaser-link figure .img-wrapper:after{
			position: absolute;
			bottom: 0;
			right: 0;
			left: 0;
			content: '';
			background-color: #c00;
			height: 5px;
			margin-top: -5px;
			opacity: 0;
			filter: alpha(opacity=0);
		}

		.teaser-link figure .img-wrapper:hover:after,
		.teaser-link figure .img-wrapper:focus:after{
			opacity: 1;
			filter: alpha(opacity=100);
		}

			.teaser-link figure .img-wrapper img{
				vertical-align: middle;
				width: 100%;
			}


/*---------------------------
---------------------------
MAIN - PAGES
---------------------------
---------------------------*/

#title_bar{
	background-color: #333;
	color: #fff;
	padding-left: 6.8125%;
	padding-right: 6.8125%;
	padding-top: 0.76922em;
	padding-bottom: 0.9em;
	font-family: 'PFrankGothic';
	margin-bottom: 1em;
}

#title_bar h1{
	font-size: 1.625em;
}

#title_bar h2{
	font-family: Arial, sans-serif;
	font-size: 0.875em;
	font-weight: normal;
}

h4{
	font-size: 0.875em;
	margin: 2em 0 1em;
}

.standard-content{
	max-width: 50em;
}

.title{
	font-family: 'PFrankGothic';
	font-size: 1.625em;
	margin: 1em 0 0.923em 0;
}

.middle-title{
	font-family: 'PFrankGothic';
	font-size: 1.125em;
	margin-top: 1.25em;
	display: block;
}

p, .paragraph{
	font-size: 0.875em;
	margin: 1em 0;
}

.division-row li{
	font-size: 0.875em;
}

.division-row{
	padding-top: 0.750em;
	padding-bottom: 0.750em;
	margin: 0;
	clear: both;
}

.dotted{
	border-bottom: 1px dashed #ccc;
}

	.division-row .left-cn,
	.division-row .right-cn{
		float: left;
	}

	.division-row .right-cn{
		max-width: 440px;
		margin-left: 16px;
	}

	.division-row img{
		float:left;
		margin-bottom: 1em;
		margin-right: 16px;
		margin-top: 5px;
		max-width: 151px;
		display: none;
	}

	.division-row.catalog img{
		max-width: none;
	}

	.division-row p{
		margin: 0;
	}

	.division-row .news-title{
		font-size: 0.875em;
		font-weight: bold;
		position: relative;
	}

	.division-row .news-title:before{
		position: absolute;
		font-family: 'pag-iconfont';
		content: '\e00d' ;
		color: #c00;
		left: -1.5em;
	}

	.division-row .news-list{
		color: #666;
		font-size: 0.875em;
	}

		.division-row .news-list li{

		}

			.division-row .news-list li a{
				color: #666;
			}

			.division-row .news-list li a:before{
				font-family: 'pag-iconfont';
				content: '\e00d' ;
			}

			.division-row .news-list li a:hover,
			.division-row .news-list li a:focus{
				color: #c00;
			}

/*Page Submenu*/
.page-menu{
	text-align: center;
}

	.page-menu ul{
		display: inline-block;
		background-color: #3e4146;
		text-align: center;
		border-radius: 3px;
		webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-ms-border-radius: 3px;
		-o-border-radius: 3px;
	}

		.page-menu ul li{
			display: inline-block;
		}

			.page-menu ul li>a{
				position: relative;
				color: #fff;
				display: inline-block;
				padding: 1.21429em 1.78571em;
				line-height: 0.875em;
				font-size: 0.875em;
			}

			.page-menu ul li>a>span:before{
				position: absolute;
				content: ' ';
				height: 1em;
				width: 0;
				left: 0;
				border-left: 1px solid #fff;
			}

			.page-menu ul li:first-child>a>span:before{
				border: none;
			}

			.page-menu ul li>a:hover>span:after,
			.page-menu ul li>a:focus>span:after,
			.page-menu ul li>a.active>span:after{
				border-bottom: 4px solid #c00;
				content: ' ';
				width: 70%;
				height: 4px;
				position: absolute;
				bottom: 0;
				left: 15%;
			}

/*Come raggiungerci*/
#map-canvas, #main_picture{
	position: relative;
	max-height: 510px;
	width: 100%;
	margin-bottom: 2em;
	overflow: hidden;
}

#map-canvas{
	height: 510px;
}

	#main_picture img{
		width: 100%;
	}

	#map-canvas img{
		max-width: none !important;
	}

/*News Detail*/
table.base{
	font-size: 0.875em;
	border-collapse: collapse;
	padding: 0;
	width: auto;
	margin: 1em 0;
}

	table.base td {
	text-align: left;
	vertical-align: top;
	margin: 0;
	padding: 0;
	padding-bottom: 10px;
	color: #666;
	font-weight: normal;
	margin-bottom: 0;
	line-height: 20px;
	}

	table.base a{
		display: block;
		background-image: url('/pedrengo/pedrengo/images/arrow-gray.gif');
		background-position: 2px 7px;
		background-repeat: no-repeat;
		margin-right: 20px;
		padding-left: 16px;
		text-decoration: none;
		color: #666;
	}

	table.base a:hover,
	table.base a:focus{
		background-image: url('/pedrengo/pedrengo/images/arrow-red.gif');
		color: #c00;
	}

/*Gallery*/
.gallery-content{
	max-width: 100%;
}

	.gallery-content ul{
		margin-left: -2%;
	}

		.gallery-content li{
			float: left;
			margin-left: 2%;
			width: 47%;
		}

			.gallery-content li a{
				display: block;
				width: 100%;
			}

			.gallery-content li a:hover img,
			.gallery-content li a:focus img{
				opacity: .7;
				filter: alpha(opacity=70);
			}

				.gallery-content li a img{
					width: 100%;
					margin-bottom: 1em;
				}
/*Download*/
.download-list .button{
	width: 70%;
	margin: 1.143em auto;
	display: block;
}

/*Auto*/
.car-measure{
	position: relative;
	width: 95%;
	text-align: center;
	margin: 0 auto;
}
/*
.car-measure img{
	margin-bottom: -36px;
}*/

	.vertical-line-text{
		position: absolute;
		right: 0;
		margin-top: 8%;
		top: 0;
	}

	.vertical-line{
		display: block;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		margin-right: auto;
		margin-left: auto;
		position: absolute;
		top: 0;
		margin-top: 14%;
		overflow: hidden;
		right: 0;
		height: 37%;
		width: 9px;
	}

	.vertical-line:after{
		content: '';
		display: block;
		border-left: 1px solid #ccc;
		height: 100%;
		margin: 0 auto;
		width: 1px;
	}

.horizontal-line-large{
	display: block;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	width: 90%;
	margin: 0 auto;
	height: 10px;
}

	.horizontal-line-large:after{
		content: '';
		display: block;
		border-bottom: 1px solid #ccc;
		margin-top: 0;
		height: 6px;
	}

.horizontal-line-small{
	display: block;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	margin: 0 auto;
	width: 53%;
	height: 10px;
}

	.horizontal-line-small:after{
		content: '';
		display: block;
		border-bottom: 1px solid #ccc;
		margin-top: 0;
		height: 6px;
	}

.horizontal-line-small-text, .horizontal-line-large-text{
	position: relative;
	top: 2em;
}

.car-details{
	margin: 3rem 0;
}

.tech-spec{
	line-height: 2em;
	font-size: 0.875em;
	width: 100%;
}

	.tech-spec tr{
		border-bottom: 1px solid #1b1d1f;
	}

	.tech-spec tbody tr{
		border-bottom: 1px solid #ccc;
	}

.tech-spec-legend{
	font-weight: bold;
}

.tech-spec-data{
	text-align: right;
}

.car-equip ul{
	list-style: disc inside none;
	padding:  0.625em 0;
	font-size: 1em;
}

/*Porsche Selection/Tequipment*/
.selection-element{
	padding-top: 0.750em;
	padding-bottom: 0.750em;
}

.selection-element:first-child{
	margin-top: 3em;
}

	.selection-element-img img{
		max-width: 100%;
	}

	.art-code{
		font-size: 0.75em;
		font-weight: bold;
	}

	.selection-element-desc{
		max-width: 450px;
		margin-left: 2%;
	}

	.prices span{
		display: block;
	}

/*Porsche Promozioni*/
	.validita{
		color:#999;
		font-size: 0.75em;
		font-weight: bold;
	}
	.gray{
		color:#999;
	}

/*Pagine Contatti/Prenotazioni*/
#altro_modello_prova, #altro_titolo_accademico, #ditta{
	display: none;
}

/*Iframe page*/
iframe{
	width: 750px;
	height: 1200px;;
	display: block;
	border: 0;
	overflow: hidden;
	float: none;
	margin: 0 auto;
}

.iframe-image{
	margin: 30px auto;
	display: block;
	max-width: 677px;
}

/*---------------------------
---------------------------
BOTTOM CONTEXT MENU
---------------------------
---------------------------*/

#context-menu{
	margin-bottom: .4375em;
	margin-top: .83em;
}

	.context-menu-title{
		position: relative;
		font-family: 'PFrankGothic';
		z-index: 1;
		text-align: center;
		font-size: 1.625em;
	}

		.context-menu-title span{
			background-color: #fff;
			padding-left: 1em;
			padding-right: 1em;
			z-index: 1;
			height: 100%;
		}

		.context-menu-title span:before{
			content: '';
			display: inline-block;
			border-top: 1px solid #ccc;
			position: absolute;
			top: 49.5%;
			right: 0;
			left: 0;
			height: 1px;
			overflow: hidden;
			z-index: -1;
		}

	#context-menu ul{
		margin-top: 15px;
		margin-bottom: 35px;
	}

		#context-menu li a{
			line-height: 3.14286em;
			font-size: 0.875em;
		}


/*---------------------------
---------------------------
FOOTER
---------------------------
---------------------------*/
.footer-menu{
	padding-bottom: 2.2em;
	margin-top: 0.625em;
}

	.footer-menu__column{
		float: left;
		width: 100%;
		border-top: 1px solid #CCCCCC;
	}

		.footer-menu__column h4{
			position: relative;
			font-family: 'PNewsGothic', Arial, Helvetica, sans-serif;
			font-size: 1.125em;
			line-height: 2.4em;
			font-weight: normal;
			color: #1b1d1f;
			cursor: pointer;
			margin: 0;
		}

		.footer-menu__column h4:after{
			font-family: 'pag-iconfont';
			content: "\e00f";
			position: absolute;
			right: 0;
		}

		.footer-menu__column.open h4:after{
			content: "\e00c";
		}

		.footer-menu__column ul{
			font-size: 0.875em;
			line-height: 1.8em;
			display: none;
		}

		.footer-menu__column ul li a{
			line-height: 3.14286em;
		}

		#footer-menu__social-links{
			margin-left: 0;
			color: #999;
		}

			#footer-menu__social-links h4{
				font-family: 'PNewsGothic', Arial, Helvetica, sans-serif;
				font-weight: normal;
				font-size: 1.125em;
			}

			#footer-menu__social-links li{
				float: left;
			}

				#footer-menu__social-links a{
					display: block;
					-webkit-border-radius: 3px;
					-moz-border-radius: 3px;
					-ms-border-radius: 3px;
					-o-border-radius: 3px;
					border-radius: 3px;
					width: 40px;
					height: 40px;
					margin-right: 4px;
					background-color: #3e4146;
					font-family: 'pag-iconfont';
					font-style: normal;
					color: #fff;
				}

				#footer-menu__social-links a.fb:hover,
				#footer-menu__social-links a.fb:focus{
					background-color: #2753A7;
				}

				#footer-menu__social-links a.gp:hover,
				#footer-menu__social-links a.gp:focus{
					background-color: #DA4237;
				}

				#footer-menu__social-links a.yt:hover,
				#footer-menu__social-links a.yt:focus{
					background-color: #C91602;
				}

				#footer-menu__social-links a.tw:hover,
				#footer-menu__social-links a.tw:focus{
					background-color: #1DC8E9;
				}

				#footer-menu__social-links a.pt:hover,
				#footer-menu__social-links a.pt:focus{
					background-color: #CD242B;
				}

				#footer-menu__social-links a.fb:before,
				#footer-menu__social-links a.gp:before,
				#footer-menu__social-links a.yt:before,
				#footer-menu__social-links a.tw:before,
				#footer-menu__social-links a.pt:before{
					position: absolute;
					width: 40px;
					height: 40px;
					line-height: 40px;
					text-align: center;
					color: #fff;
					font-size: 1.750em;
				}

				#footer-menu__social-links a.fb:before{
					content: "\e009";
				}

				#footer-menu__social-links a.gp:before{
					content: "\e008";
				}

				#footer-menu__social-links a.yt:before{
					content: "\f000";
				}

				#footer-menu__social-links a.tw:before{
					content: "\e001";
				}

				#footer-menu__social-links a.pt:before{
					content: "\e006";
				}

.footer-bottom {
	background-color: #1B1D1F;
	color:#fff;
	margin-top: 4.375em;
	padding-top: 3.9em;
	padding-bottom: 4.375em;
}

.footer-legals{
	font-size: 0.875em;
	line-height: 1.500em;

}

	.footer-legals p{
		margin: 1.4em 0;
	}
		.footer-legals a{
			color: #fff;
			text-decoration: underline;
		}

		.footer-legals a:hover,
		.footer-legals a:focus{
			text-decoration: underline;
		}

	.footer-assistance {
		position: relative;
	  font-family: 'PNewsGothic', Arial, Helvetica, sans-serif;
	  font-size: 1.125em;
	  line-height: 1;
	  font-weight: normal;
	  margin: 0 0 60px 0;
	}

		.footer-assistance__title {
			font-weight: 300;
		}

		.footer-assistance__number  {
			display: inline-block;
			margin-top: 10px;
			color: #fff;
			font-size: 0.7em;
			font-weight: 100;
			line-height: 1.2em;
		}


/*---------------------------
 min-width:569px
---------------------------*/
@media only screen and (min-width:35.563em){
	.slide>a, .slide .cta{
		position: absolute;
		left: 4.7%;
		bottom: .95em;
		color: #fff;
		text-align: left;
		height: 2em;
		font-size: 1.375em;
	}

	.slide>a.white{
		color: #fff;
	}
	.slide>a.black{
		color: #000;
	}

	.slide>a.slide-bottomleft, .slide .cta.slide-bottomleft{
		left: 7.5%;
		bottom: 2.5em;
	}

	.slide>a.slide-bottomright, .slide .cta.slide-bottomright{
		right: 7.5%;
		bottom: 2.5em;
	}

	.slide>a.slide-topleft, .slide .cta.slide-topleft{
		left: 7.5%;
		top: 1.5em;
	}

	.slide>a.slide-topright, .slide .cta.slide-topright{
		right: 7.5%;
		top: 1.5em;
	}

	.slide>a:before, .slide .cta:before{
			float: left;
			font-size: 0.67em;
			margin-top: 0.1em;
			margin-right: 0.25em;
	}

		.slide h2{
				float: right;
			}

		.slide h2:before{
			font-size: .682em;
		}

			.slide h2 span{
				font-family: 'PNewsGothic', Arial, Helvetica, sans-serif;
				margin-left: 0;
				font-size: .636em;
			}

	.owl-pagination .owl-page span{
		background-color: #ccc;
	}

	.owl-pagination .owl-page.active span{
		background-color: #fff;
	}

	#main_slider:hover .owl-buttons,
	#main_slider:focus .owl-buttons{
		display: block;
	}

	.owl-controls{
		margin-top: 0;
	}

	.car-box{
		padding-top: 14%;
		width: 32.8%;
	}

	#context-menu ul{
		text-align: center;
	}
		#context-menu li{
			display: inline-block;
			margin-right: -4px;
		}
			#context-menu li a{
				padding-right: .875em;
				line-height: 1em;
			}

			#context-menu li a:before{
				content:'';
				padding-right: .875em;
				border-left: 1px solid #ccc;
			}

			#context-menu li:first-child a{

			}

			#context-menu li:first-child a:before{
				border: 0;
				padding-right: 0;
			}

	.teaser-row{
		width: 100%;
		float: left;
	}

	.teaser-link{
		display: block;
		float: left;
		width: 49.7%;
		margin-left: .3%;
		margin-bottom: 0;
	}

		.teaser-link figure .img-wrapper{
			width: 100%;
			float: none;
		}

		.teaser-link figure figcaption{
			margin: 0 10px;
			padding-left: 1.125em;
			padding-top: .8125em;
		}

		.teaser-link figure figcaption:before{
			top: 14px;
			left: 0;
		}

	.footer-menu{
		border-top: 1px solid #CCCCCC;
	}

		.footer-menu__column{
			width: 50%;
			min-height: 9em;
			margin-top: 2.15em;
			line-height: 1em;
			border: none;
		}

		.footer-menu__column:nth-child(3){
			clear: both;
		}

		.footer-menu__column ul{
			line-height: 1.9em;
		}

			.footer-menu__column ul li a{
				line-height: normal;
			}

			.footer-menu__column h4{
				color: #999;
				margin-bottom: .3em;
				cursor: default;
			}

			.footer-menu__column h4:after{
				content: '';
			}

			.footer-menu__column ul{
				display: block;
			}

		#footer-menu__social-links{
			margin-left: 50%;
		}

	.form-column{
		width: 48%;
	}

	.gallery-content ul{
		margin-left: -1em;
	}

		.gallery-content li{
			width: auto;
			margin-left: 1em;
		}

			.gallery-content li a{
				width: 208px;
			}

	.selection-element-img img{
		max-width: 450px;
	}
}

/*---------------------------
 min-width:1023px
---------------------------*/
@media only screen and (min-width:63.9375em){

	header{
		padding-left: 6.8125%;
		padding-right: 6.8125%;
	}

	.logo-container{
		height: 5.375rem;
	}

	.logo-container span a{
		height:53px;
		width:100px;
		margin-top:22px;
	}

	.logo-container .logo:before{
		border-bottom: 1px solid #DFDFDF;
		bottom: 14px;
		content: "";
		font-size: 0;
		height: 1px;
		left: 5px;
		overflow: hidden;
		position: absolute;
		right: 0;
		z-index: -1;
	}

	.mobile-menu-button{
		display: none;
	}

	.main-menu{
		padding-left: 0.3em;
		margin-top: 4px;
		padding-bottom: 2px;
	}

		.main-menu li{
			display: inline-block;
			width: auto;
		}

			.main-menu>li a{
				display: inline;
				width: auto;
				padding: 0.95em;
				line-height: 2.6875em;
				border-top: none;
			}

			.main-menu li a{
				border-top: 1px solid #dfdfdf;
				line-height: 3.2em;
				margin: 0 .9375em;
				white-space: nowrap;
			}

		.main-menu>li.first-child a{
			margin-left: 0;
		}

			.main-menu__submenu{
				position: absolute;
				display: none;
				border: 1px solid #dfdfdf;
			}

			.main-menu__submenu li:hover,
			.main-menu__submenu li:focus{
				background-color: #c00;
			}

				.main-menu__submenu li:hover a,
				.main-menu__submenu li:focus a{
					color: #fff;
					border-top: 1px solid #c00;
				}

				.main-menu__submenu li{
					width: 100%;
				}

				.main-menu__submenu li a{
					padding: 0;
					border-top: 1px solid #dfdfdf;
				}

				.main-menu__submenu li.first-child a{
					border: none;
				}

				.main-menu__submenu li a:before{
					content: none;
				}


	.main-menu_container{
		position: static;
		display: inline-block;
		left: 9.6em;
		z-index: 99;
		background-color: #fff;
	}

		.main-menu_container li{
			display: inline-block;
			position: relative;
		}
			.main-menu_container>li>a {
				display: inline;
				width: auto;
				margin: 0 1em;
				padding-left: 0;
				padding-right: 0;
				padding-bottom: 0.75em;
				line-height: 2.6875em;
				border-top: none;
			}

			.main-menu_container>li:last-child>a{
				margin-right: 0;
			}

			.main-menu_container>li>a:after{
				content: none;
			}

			.main-menu_container li a.active{
				border-bottom: 2px solid #c00;
			}

				.main-menu_container>li>a.first-child{
					margin-left: 0;
				}

	.main-menu__submenu>li.first-child:before{
		content: '';
		left: 10%;
		position: absolute;
	    top: -10px ;
	    width: 0;
	    height: 0;
	    border-right: 10px solid transparent;
	    border-bottom: 10px solid #cccccc;
	    border-left: 10px solid transparent;
	}

	.main-menu__submenu>li.first-child:after{
		content: '';
		left: 10%;
		position: absolute;
	    top: -9px ;
	    width: 0;
	    height: 0;
	    border-right: 10px solid transparent;
	    border-bottom: 10px solid white;
	    border-left: 10px solid transparent;
	}

	.main-menu__submenu>li.first-child:hover:after,
	.main-menu__submenu>li.first-child:focus:after{
		border-bottom: 10px solid #c00;
	}

	.tools-menu{
		left: auto;
		padding: .68em 1.88em;
	}

	.tools-menu:after{
		margin-left: 1.15em;
		content: "\e004";
		position: static;
	}

	.tools-menu:hover:after,
	.tools-menu:focus:after,
	.hovericon:after{
		content: "\e02d";
	}

		.tools-menu__container{
			display: none;
			padding-left: 7.14286%;
			padding-right: 2.5em;
		}

			.tools-menu__container__column {
				float:left;
				width: 23%;
				margin-right: 2%;
			}

				.tools-menu__container__column a{
					border-top: 1px solid #405d7b;
					padding: 0.83em 0.7em 0.83em 0.7em;
				}

				.tools-menu__container__column .heading{
					display: block;
					font-size: 1.25em;
				}

				.tools-menu__container__column li:last-child a {
					border-bottom: 1px solid #405d7b;
				}

				.tools-menu__container__column a.configurator,
				.tools-menu__container__column a.comparison,
				.tools-menu__container__column a.financial{
					padding-left: 2.16em;
				}

				.tools-menu__container__column a:after{
					left:auto;
					right: 0.95em;
				}

				.tools-menu__container__column a.configurator:before,
				.tools-menu__container__column a.comparison:before,
				.tools-menu__container__column a.financial:before{
					font-family: 'pag-iconfont';
					position: absolute;
					left: 0;
					top: 0.22em;
					font-size: 24px;
					content: "\e02e";
				}

				.tools-menu__container__column a.comparison:before{
					content: "\e035";
				}

				.tools-menu__container__column a.financial:before{
					content: "\e02c";
				}

	#sidenav{
		top: 231px;
		right: auto;
		bottom: auto;
	}

			#sidenav ul li.down{
				display: list-item;
			}

			#sidenav ul li.back:hover:after,
			#sidenav ul li.back:focus:after{
				right: -1px;
			}

	ul#breadcrumb{
		left: 41px;
		right: auto;
	}

}

/*---------------------------
 min-width:768px
---------------------------*/
@media only screen and (min-width:48em){
	.car-box{
		padding-top: 6.6%;
		width: 24%;
	}

	.footer-legals {
		float: left;
	}

	.footer-assistance {
		float: right;
	}

	.footer-legals {
		width: 75%;
	}

	.footer-assistance {
		width: 25%;
	}


}

/*---------------------------
 min-width:801px
---------------------------*/
@media only screen and (min-width:50.063em){

	.slide>a, .slide .cta{
		font-size: 2.125em;
	}

	.slide h2:before{
		font-size: .735em;
	}

		.slide h2 span{
			font-size: .618em;
		}

	.slide>a.slide-bottomleft, .slide .cta.slide-bottomleft{
		left: 7.5%;
		bottom: 1.1em;
	}

	.slide>a.slide-bottomright, .slide .cta.slide-bottomright{
		right: 7.5%;
		bottom: 1.1em;
	}
}


/*---------------------------
 min-width:821px
---------------------------*/
@media only screen and (min-width:51.313em){
	.division-row img{
		display: block;
	}

	.half-column{
		width: 49%;
	}

	.gr-column-large{
		width: 60.8%;
	}

	.gr-column-small{
		width: 37.2%;
	}

	.download-list .button{
		margin: 1.143em 0;
	}
}

/*---------------------------
 min-width:1023px
---------------------------*/
@media only screen and (min-width:63.9375em){

	.slide>a, .slide .cta{
		font-size: 2.625em;
	}

	.slide h2:before{
		font-size: .667em;
	}

		.slide h2 span{
			font-size: .619em;
		}

	.teaser-row{
		width: 50%;
		float: left;
	}

	.car-box{
		width: 13.31%;
		padding-top: 1%;
	}

	.car-box.compare{
		display: none;
	}

	.footer-menu__column{
		width: 25%;
	}

		.footer-menu__column:nth-child(3){
			clear: none;
		}

	#footer-menu__social-links{
		margin-left: 75%;
	}

}


/*---------------------------
 min-width:1200px
---------------------------*/
@media only screen and (min-width:75em){
	.tools-menu{
		right: 7.1%;
	}

	.tools-menu__container{
		right: 7.1%;
	}

}

/*---------------------------
 min-width:1300px
---------------------------*/
@media only screen and (min-width:81.250em){
	.slide>a, .slide .cta{
		font-size: 3em;
	}

	.slide h2:before{
		font-size: .667em;
	}

		.slide h2 span{
			font-size: .625em;
		}

	iframe{
		/*width: 670px;*/
		width: 750px;
		height: 1200px;;
		display: block;
		border: 0;
		overflow: hidden;
		float: left;
	}

	.iframe-image{
		margin-top: 120px;
		margin-bottom: 30px;
		margin-left: 696px;
		position: relative;
	}
}

/* Table Intro*/
table.base_2{
	font-size: 0.875em;
	border-collapse: collapse;
	padding: 0;
	width: 100% !important;
	margin: 1em 0;
	line-height: 2em;
}

	table.base_2 tr{
		border-bottom: 1px solid #1b1d1f;
	}
		table.base_2 tr th{
			text-align: left;
		}

	table.base_2 tbody tr{
		border-bottom: 1px solid #ccc;
	}

	table.base_2 td {
	text-align: left;
	vertical-align: top;
	margin: 0;
	padding:10px 10px 10px 0;
	color: #666;
	font-weight: normal;
	margin-bottom: 0;
	line-height: 20px;
	height: auto !important;
	width: auto !important;
	}

	table.base_2 a{
		display: block;
		/*background-image: url('/pedrengo/pedrengo/images/arrow-gray.gif');
		background-position: 2px 7px;
		background-repeat: no-repeat;
		padding-left: 16px;*/
		font-size:1em;
		margin:0 0 0.6em 0!important;
		text-decoration: none;
		color: #666;
	}

	table.base_2 a:hover,
	table.base_2 a:focus{
		/*background-image: url('/pedrengo/pedrengo/images/arrow-red.gif');*/
		color: #c00;
	}




@media only screen and (max-width: 35.563em) {
	/* Force table to not be like tables anymore */
	table.base_2.responsive,
	table.base_2.responsive thead,
	table.base_2.responsive tbody,
	table.base_2.responsive th,
	table.base_2.responsive td,
	table.base_2.responsive tr {
		display: block;
	}

	/* Hide table headers (but not display: none;, for accessibility) */
	table.base_2.responsive thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	table.base_2.responsive tr { border-bottom: 1px solid #1b1d1f!important; padding: 10px 0;}

	table.base_2.responsive td {
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 50%;
		white-space: normal;
		text-align:left;
	}

		table.base_2.responsive td:last-child{
			border-bottom:none;
		}
	table.base_2.responsive td:before {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}

	/* Label the data */
	table.base_2.responsive td:before { content: attr(data-title); white-space: inherit; font-size:0.8em;}

	table.base_2.responsive .link.block{float:none; margin: 0 0 0 0!important;}
}






/*--------------------------
AREA ORDINI
--------------------------*/
.grid{
  margin-right: -22px;
  margin-left: -22px;
}

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

.grid:after {
    clear: both;
}

.grid{
    *zoom: 1;
}

.grid-sm-1  {width: 8.33%;}
.grid-sm-2  {width: 16.66666667%;}
.grid-sm-3  {width: 25%}
.grid-sm-4  {width: 33.33333333%;}
.grid-sm-5  {width: 41.66666667%;}
.grid-sm-6  {width: 50%;}
.grid-sm-7  {width: 58.33333333%;}
.grid-sm-8  {width: 66.66666667%;}
.grid-sm-9  {width: 75%;}
.grid-sm-10 {width: 83.33333333%;}
.grid-sm-11 {width: 91.66666667%;}
.grid-sm-12 {width: 100%;}


@media only screen and (min-width: 35.563rem){ /*569px*/
  .grid-md-1  {width: 8.33%;}
  .grid-md-2  {width: 16.66666667%;}
  .grid-md-3  {width: 25%}
  .grid-md-4  {width: 33.33333333%;}
  .grid-md-5  {width: 41.66666667%;}
  .grid-md-6  {width: 50%;}
  .grid-md-7  {width: 58.33333333%;}
  .grid-md-8  {width: 66.66666667%;}
  .grid-md-9  {width: 75%;}
  .grid-md-10 {width: 83.33333333%;}
  .grid-md-11 {width: 91.66666667%;}
  .grid-md-12 {width: 100%;}
}

@media only screen and (min-width: 63.9375rem){ /*1023px*/
  .grid-lg-1  {width: 8.33%;}
  .grid-lg-2  {width: 16.66666667%;}
  .grid-lg-3  {width: 25%}
  .grid-lg-4  {width: 33.33333333%;}
  .grid-lg-5  {width: 41.66666667%;}
  .grid-lg-6  {width: 50%;}
  .grid-lg-7  {width: 58.33333333%;}
  .grid-lg-8  {width: 66.66666667%;}
  .grid-lg-9  {width: 75%;}
  .grid-lg-10 {width: 83.33333333%;}
  .grid-lg-11 {width: 91.66666667%;}
  .grid-lg-12 {width: 100%;}
}

.grid-sm-1,
.grid-sm-2,
.grid-sm-3,
.grid-sm-4,
.grid-sm-5,
.grid-sm-6,
.grid-sm-7,
.grid-sm-8,
.grid-sm-9,
.grid-sm-10,
.grid-sm-11,
.grid-sm-12,
.grid-md-1,
.grid-md-2,
.grid-md-3,
.grid-md-4,
.grid-md-5,
.grid-md-6,
.grid-md-7,
.grid-md-8,
.grid-md-9,
.grid-md-10,
.grid-md-11,
.grid-md-12,
.grid-lg-1,
.grid-lg-2,
.grid-lg-3,
.grid-lg-4,
.grid-lg-5,
.grid-lg-6,
.grid-lg-7,
.grid-lg-8,
.grid-lg-9,
.grid-lg-10,
.grid-lg-11,
.grid-lg-12{
  float: left;
  position: relative;
  min-height: 1px;
  padding-right: 22px;
  padding-left: 22px;
}

@media only screen and (min-width: 63.9375rem){ /*1023px*/

  .offgrid-right--large{
    position: absolute;
    right: -10.55%;}

  .offgrid-left--large{
    position: absolute;
    left: -10.55%;
  }

}

.standard-content--spaced{
	margin: 4em 0;
}

.area-ordini-box{
  /*background-color: #F2F2F2;*/
  border: 1px solid #dbdbdb;
  box-shadow: 0 2px 3px #dbdbdb;
  padding: 30px;
  margin: 0;
}

.area-ordini-box .middle-title{
	margin: 0 0 15px 0;
}

.area-ordini-box .link{
	margin: 0;
	font-size: 13px;
}

.ordini-alert{
	color: #c00;
}

.ordini-alert--date::before{
	content: "";
	position: relative;
	display: inline-block;
	width: 13px;
	height: 13px;
	background:url(/pedrengo/pedrengo/images/alert-date.svg) 0 0 no-repeat;
	-moz-background-size: contain; -ms-background-size: contain;
	-o-background-size: contain; -webkit-background-size: contain; background-size: contain;
	vertical-align: text-top;
  margin-right: 3px;
}

.area-ordini-box .basket-title{
	margin-bottom: 0;
}
.area-ordini-box .basket-title + p{
	margin-top: 0;
}

.area-ordini-box .basket-title::before{
	content: "";
	position: relative;
	display: inline-block;
	width: 16px;
	height: 16px;
	background:url(/pedrengo/pedrengo/images/shopping.svg) 0 0 no-repeat;
	-moz-background-size: contain; -ms-background-size: contain;
	-o-background-size: contain; -webkit-background-size: contain; background-size: contain;
  margin-right: 10px;
}
.link-basket::after{
	content: "";
	position: relative;
	display: inline-block;
	width: 12px;
	height: 12px;
	background:url(/pedrengo/pedrengo/images/shopping.svg) 0 0 no-repeat;
	-moz-background-size: contain; -ms-background-size: contain;
	-o-background-size: contain; -webkit-background-size: contain; background-size: contain;
  margin-left: 10px;
}

.area-ordini-box ul li{
	font-size: 11px;
	padding: 7px 0;
}
.area-ordini-box ul li:not(:last-child){
	border-bottom: 1px dashed #ccc;
}

.area-ordini-box .total{
	text-align: right;
}

.ordini-table__input{
  margin-top: 0;
  padding-left: 10px;
  padding-right: 0;
  padding-top: 7px;
  padding-bottom: 7px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  font-size: .875em;
  width: 100%;
  max-width: 70px;
  margin-bottom: 1.5em;
  outline: 0!important;
  border: 1px solid #dfdfdf;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  vertical-align: initial;
  margin-right: 10px;
}

.submit-button{
  position: relative;
  display: inline-block;
  padding-left: 21px;
  padding-right: 21px;
  padding-top: .71429em;
  padding-bottom: .71429em;
  background-color: #900;
  border: none;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  color: #fff;
  font-size: .875em;
  line-height: 1em;
  margin: 2.5em auto;

}

.submit-button:hover,
.submit-button:focus{
  color: #fff;
  background-color: #c00;
}

.submit-button:after,
.submit-button--grey:after {
  font-family: 'pag-iconfont';
  color: #fff;
  content: "\e024";
  text-align: center;
  font-weight: normal;
  font-size: 14px;
  position: relative;
  display: inline-block;
  padding-left: 5px;
  float: right;
  webkit-transition: margin .2s linear;
  -moz-transition: margin .2s linear;
  -o-transition: margin .2s linear;
  transition: margin .2s linear;
}

.submit-button:hover:after {
  margin-right: -2px;
  margin-left: 2px;
}

.print-button:after,
.print-button--grey:after {
  font-family: 'pag-iconfont';
  color: #fff;
  content: "\e618";
  text-align: center;
  font-weight: normal;
  font-size: 18px;
  position: relative;
  display: inline-block;
  padding-left: 5px;
  float: right;
  webkit-transition: margin .2s linear;
  -moz-transition: margin .2s linear;
  -o-transition: margin .2s linear;
  transition: margin .2s linear;
}

.text-right{
	text-align: right;
}

.button-row .button:not(:last-child){
	margin-right: 20px;
}

@media only screen and (max-width: 35.563em) {
	.text-right{
		text-align: left;
	}

	.button-row .button{
		margin-top: 0;
	}
}

table.base_2 a.expander-trigger{
	margin: 0!important;
	font-size: 12px;
}

table.base_2 .expander-trigger:after{
	font-family: 'pag-iconfont';
	content: '\e004';
	font-size: 10px;
	position: relative;
	display: inline-block;
	padding-left: 5px;
	webkit-transition: margin .2s linear;
  -moz-transition: margin .2s linear;
  -o-transition: margin .2s linear;
  transition: margin .2s linear;
}

table.base_2 .expander-trigger.active:after{
	font-family: 'pag-iconfont';
	content: '\e02D';
}


/*Pretty Embed*/
#main_picture .prettyembed {
	max-height: 510px;
	text-align: center;
	background: #000;
}

#main_picture .prettyembed img {
	max-height: 510px;
	width: inherit;
}

#main_picture .fluid-width-video-wrapper iframe,
#main_picture .fluid-width-video-wrapper object,
#main_picture .fluid-width-video-wrapper embed{
	max-height: 510px;
  text-align: center;
  left: 50%;
  transform: translateX(-50%);
  max-width: 960px;
  height: 100%;
}