@charset "utf-8";
/* CSS Document */



body {
	font-size: 12px;
	color: #000000;
	margin: 0;
	padding: 0;
}

h4 {
	font-size: 22px;
}

.gpf-select-img .familyimage {
	width: 440px;
	height: auto;
}

.familyselector .video {
	display: block;
	z-index: 7777;
	width: 440px;
	height: auto;
}

.familyselector .selected {
	display: block;
	z-index: 8888;
}

.familyselector .hidden {
	display: none;
}

.familyselector .visible {
	display: block;
	z-index: 9999;
}

.gpf-form {
	height: 280px;
	padding-top: 0px;
}



.gpf-form-input-radio {
	padding: 8px;
	width: 85%;
	border: 1px solid #ffffff;
	border-radius: 12px;
	-moz-border-radius: 12px; /* firefox */
	-webkit-border-radius: 12px; /* safari, chrome */
	margin-top: 6px;
	margin-bottom: 6px;
}

.gpf-form-input-radio:hover, .gpf-form-input-radio.active {
	border: 1px solid #ff7300;
	cursor: pointer;
}

.gpf-form small {padding:0px 10px; color:#999; margin-bottom:24px;display:block;}

.dn2, .dn4, .dn6 {
	display: none;
}

.famquadra-dn2 .dn2, .famquadra-dn4 .dn4, .famquadra-dn6 .dn6 {
	display: block;
}

.gpf-form input[type=radio] {
	margin-right: 10px;
	cursor: pointer;
}

.gpf-form input[type=radio] strong {
	color: #000000;
}


/*   FASE 6_2 - RIEPILOGO   */


#fase6_2 .gpf-select, #fase6_5 .gpf-select {
	font-size: 13px;
	line-height: 150%;
	width: 96%;
    border-bottom: 1px solid #cccccc;
    padding-bottom: 20px;
	overflow:auto;
}

#fase6_2 .gpf-select h3, #fase6_5 .gpf-select h3 {
	font-size: 16px;
	border-bottom: 1px solid #cccccc;
	padding-bottom: 7px;
	margin: 0px;
	margin-bottom: 10px;
	padding-top: 15px;
	width: 98%;
	color: #ff7300;
	text-transform: uppercase;
}

#fase6_2 .gpf-select #def_hose p, #fase6_2 .gpf-select #def_fittings p, #fase6_2 .gpf-select #def_accessories p, #fase6_5 .gpf-select #def_hose p, #fase6_5 .gpf-select #def_fittings p, #fase6_5 .gpf-select #def_accessories p {
	border-bottom: 1px dotted #dddddd;
	width: 95%;
	padding-bottom: 6px;
	margin-bottom: 10px;
}

#fase6_2 .gpf-select #def_hose p:last-child, #fase6_2 .gpf-select #def_fittings p:last-child, #fase6_2 .gpf-select #def_accessories p:last-child, #fase6_5 .gpf-select #def_hose p:last-child, #fase6_5 .gpf-select #def_fittings p:last-child, #fase6_5 .gpf-select #def_accessories p:last-child {
	border-bottom: none;
}

#fase6_2 .gpf-send-container, #fase6_5 .gpf-send-container {
	margin-right: 40px;
	margin-top: 20px;
}

#fase6_2 .gpf-detail-select, #fase6_5 .gpf-detail-select {
	cursor: pointer;
	background: #414146;
	background-image: url("../images/button-arrow.svg");
	background-position: right;
	background-repeat: no-repeat;
	width: 300px;
	padding: 12px 0px 12px 20px;
	max-height: 48px;
	margin-left: 15px;
}

#fase6_2 .gpf-detail-select a, #fase6_5 .gpf-detail-select {
	color: #ffffff;
	text-transform: uppercase;
	font-size: 18px;
	text-decoration: none;
}




/*   FASE 7 - RIEPILOGO   */


#fase7 .gpf-select {
	column-count: 3;
	font-size: 13px;
	line-height: 150%;
	width: 96%;
    border-bottom: 1px solid #cccccc;
    padding-bottom: 20px;
}

#fase7 .gpf-select h3 {
	font-size: 16px;
	border-bottom: 1px solid #cccccc;
	padding-bottom: 7px;
	margin: 0px;
	margin-bottom: 10px;
	padding-top: 15px;
	width: 98%;
	color: #ff7300;
	text-transform: uppercase;
}

#fase7 .gpf-select #def_hose p, #fase7 .gpf-select #def_fittings p, #fase7 .gpf-select #def_accessories p {
	border-bottom: 1px dotted #dddddd;
	width: 95%;
	padding-bottom: 6px;
	margin-bottom: 10px;
}

#fase7 .gpf-select #def_hose p:last-child, #fase7 .gpf-select #def_fittings p:last-child, #fase7 .gpf-select #def_accessories p:last-child {
	border-bottom: none;
}

#fase7 .gpf-send-container {
	margin-right: 40px;
	margin-top: 20px;
}

#fase7 .gpf-detail-select {
	cursor: pointer;
	background: #414146;
	background-image: url("../images/button-arrow.svg");
	background-position: right;
	background-repeat: no-repeat;
	width: 300px;
	padding: 12px 0px 12px 20px;
	max-height: 48px;
	margin-left: 0px;
}

#fase7 .gpf-detail-select a {
	color: #ffffff;
	text-transform: uppercase;
	font-size: 18px;
	text-decoration: none;
}






/*  FASE 8 - INVIO CONFIGURAZIONE   */


#fase8 input, #fase8 select, #fase8 textarea {
	font-size: 14px;
	width: 80%;
	margin-bottom: 10px;
	padding: 10px;
}

#fase8 input[type=radio] {
	width: auto;
	padding: 0px;
}

#fase8 .gpf-send-container {
	margin-right: 40px;
	margin-top: 20px;
}

#fase8 .gpf-send {
	cursor: pointer;
	background: #414146;
	background-image: url("../images/button-arrow.svg");
	background-position: right;
	background-repeat: no-repeat;
	width: 300px;
	padding: 12px 0px 12px 20px;
	max-height: 48px;
	margin-left: 15px;
	float: right;
}

#fase8 .gpf-send a {
	color: #ffffff;
	text-transform: uppercase;
	font-size: 18px;
	text-decoration: none;
}

#fase8 .gpf-detail-select {
	cursor: pointer;
    background: #414146;
    background-image: url(../images/button-arrow.svg);
    background-position: right;
    background-repeat: no-repeat;
    width: 400px;
    padding: 12px 30px 12px 0px;
    max-height: 48px;
    margin-left: 15px;
    margin-top: 40px;
    margin: 0 auto;
}

#fase8 .gpf-detail-select a {
	color: #ffffff;
	text-transform: uppercase;
	font-size: 18px;
	text-decoration: none;
}





@media screen and (min-width: 1440px) {

	.gpf {width: 1440px; margin: 0 auto; background: #ebebeb;}
	
	#gpf-maincontainer {}

	.gpf-maincontainer {
		padding: 40px;
		overflow: auto;
	}

	h2 {
		font-size: 32px;
		padding: 0px;
		margin: 0px;
		margin-bottom: 20px;
	}

	.gpf-container {}

	#gpf-container {}

	.gpf-prev {
		width: 160px;
		background: #ffffff;
		overflow: auto;
		height: 540px;
		float: left;
	}

	#gpf-prev {}

	.gpf-prev-01 {
		width: 32px; 
		background: #b7b7b7; 
		float: left; 
		height: 100%;
		cursor: pointer;
	}

	#gpf-prev-01 {}

	.gpf-prev-02 {
		width: 128px; 
		background: #ffffff; 
		float: right;
	}

	#gpf-prev-02 {}
	
	.testata {display: none;}

	.gpf-body {
		background: #ffffff;
		float: left;
		height: 540px;
		width: 1100px;
	}

	#gpf-body {}

	.gpf-next {
		width: 100px;
		background: #a9a9a9;
		overflow: auto;
		height: 540px;
		float: left;
	}

	#gpf-next {}

	.gpf-next-01 {
		width: 12px;
		float: left;
	}

	#gpf-next-01 {}

	.gpf-next-02 {
		float: left;
		width: 88px;
	}

	#gpf-next-02 {}

	.gpf-title {
		height: 100px;
		width: 100%;
		float: none;
		clear: both;
	}

	#gpf-title {}

	.gpf-icon {float: left; font-size: 20px; color: #b7b7b7; padding-top: 40px;}

	.gpf-title h2 {float: left; padding: 0px 20px; font-size: 28px; color: #ff7300; font-weight: 400; margin: 0px; padding-top: 32px;}

	.gpf-title h4 {
		float: left;
		font-size: 20px;
		color: #000000;
		font-weight: 200;
		margin: 0px;
		padding-top: 41px;
	}
	
	.gpf-title h4.evidence {
		float: left;
		font-size: 20px;
		color: #ffffff;
		font-weight: 600;
		margin: 0px;
		margin-top: 36px;
		padding: 5px 9px;
		background: #ff7300;
		border-radius: 6px;
		-moz-border-radius: 6px; /* firefox */
		-webkit-border-radius: 6px; /* safari, chrome */
		margin-left: 7px;
	}

	.numero-inattivo {
		background: #282b34;
		color: #ffffff;
		width: 48px;
		max-height: 48px;
		text-align: center;
		font-size: 30px;
		padding-top: 5px;
		padding-bottom: 6px;
		margin-left: 20px;
		margin-top: 25px;
		float: none;
		clear: both;
	}

	#numero-inattivo {}


	.numero-attivo {
		background: #ff7300;
		color: #ffffff;
		width: 48px;
		max-height: 48px;
		text-align: center;
		font-size: 30px;
		padding-top: 5px;
		padding-bottom: 6px;
		margin-left: 40px;
		margin-top: 25px;
		float: none;
		clear: both;
	}

	#numero-attivo {}

	.ruota-container {
		width: 128px; 
		float: none; 
		clear: both; 
		position: relative;
	}

	#ruota-container {}

	.ruota {
		transform:rotate(270deg);
		transform-origin: 0 0;
		/* Safari and Chrome */
		-webkit-transform: rotate(270deg);
		/* Opera */
		-o-transform: rotate(270deg);
		/* Firefox */
		-moz-transform: rotate(270deg);
		/* IE 9 */
		-ms-transform: rotate(270deg);
		width: 440px;
		height: 48px;
		position: absolute;
		top: 440px;
		left: 40px;
	}

	#ruota {}

	.triangle-left {
		width: 0;
		height: 0;
		border-top: 47px solid transparent;
		border-right: 12px solid #ffffff;
		border-bottom: 47px solid transparent;
		position: relative;
		left: 20px;
	}

	#triangle-left {}

	.triangle-right {
		width: 0;
		height: 0;
		border-top: 47px solid transparent;
		border-left: 12px solid #ffffff;
		border-bottom: 47px solid transparent;
		position: relative;
		left: 0px;
	}

	#triangle-right {}

	.gpf-shadow {
		width: 100%; 
		height: 50px; 
		background-image: url('../images/2.png'); 
		background-repeat: no-repeat; 
		background-size: 100% 50px;
	}

	#gpf-shadow{}


	
	
	
	/*  QUADRA DN2 FASE 1   */
	
	
	#fase1 .gpf-select {
		float: left;
		width: 800px;
	}

	#fase1 #gpf-select {}

	#fase1 .gpf-detail {
		float: left;
		/*padding-top: 120px;*/
	}

	#fase1 #gpf-detail {}

	#fase1 .gpf-select-img {
		width: 440px;
		height: auto;
		padding-left: 180px;
		padding-top: 20px;
	}

	#fase1 .gpf-detail-img {
		padding-bottom: 20px;
	}

	#fase1 .gpf-detail-desc {
		width: 180px;
		padding-bottom: 30px;
	}

	#fase1 .gpf-detail-select {
		cursor: pointer;
		background: #414146;
		background-image: url("../images/button-arrow.svg");
		background-position: right;
		background-repeat: no-repeat;
		width: 180px;
		padding: 12px 0px 12px 20px;
		max-height: 48px;
	}

	#fase1 .gpf-detail-select a {
		color: #ffffff;
		text-transform: uppercase;
		font-size: 18px;
		text-decoration: none;
	}


	
	




	/*  QUADRA DN2 FASE 2   */

	
	#fase2 .gpf-body-select {
		border: 2px solid #d9d9d9;
		border-radius: 16px;
		-moz-border-radius: 16px; /* firefox */
		-webkit-border-radius: 16px; /* safari, chrome */
		height: 110px;
		padding: 8px;
		min-width: 64px;
		margin: 0 auto;
		cursor: pointer;
		margin-top: 50px;
		max-width: 850px;
	}

	#fase2 .gpf-body-select:nth-child(1) {
		margin-top: 120px;
	}

	#fase2 .gpf-body-select:hover {
		border: 2px solid #ff7300;
	}

	#fase2 .gpf-body-select-title {
		color: #ff7300;
		font-size: 36px;
		float: left;
		width: 360px;
		padding-right: 30px;
		padding-left: 30px;
		margin-top: 37px;
	}

	#fase2 .gpf-body-select-desc {
		color: #000000;
		float: left;
		font-size: 24px;
		line-height: 30px;
		width: 350px;
		margin-top: 28px;
	}

	#fase2 .gpf-body-select-icon {
		color: #d9d9d9;
		float: right;
		padding-right: 25px;
		font-size: 42px;
		margin-top: 34px;
	}

	#fase2 .gpf-body-select-icon:hover {
		color: #ff7300;
	}






	/*  QUADRA DN2 FASE 3  */


	#fase3 .gpf-hose-select-title {
		float: none;
		clear: both;
		font-size: 16px;
		font-weight: 500;
		padding: 15px 0px;
	}

	#fase3 .gpf-hose-select-container {
		float: none;
		clear: both;
		overflow: auto;
	}

	#fase3 .gpf-hose-select {
		float: left;
		text-align: center;
		width: 21.6%;
		height: 130px;
		margin-right: 3%;
		/*background: #d9d9d9;
		border: 2px solid #d9d9d9;*/
		position: relative;
	}

	#fase3 .gpf-hose-select:nth-child(8), .gpf-hose-select:nth-child(4) {
		margin-right: 0px;
	}

	#fase3 .gpf-hose-select:hover {
		/*background: #ff7300;
		cursor: pointer;
		border: 2px solid #ff7300;*/
	}
	#fase3 .gpf-hose-select .hose-select-wrapper {
		background: #d9d9d9;
		border: 2px solid #d9d9d9;
	}
	
	#fase3 .gpf-hose-select:hover .hose-select-wrapper {
		/*background: #ff7300;*/
		cursor: pointer;
		border: 2px solid #ff7300;
	}	

	#fase3 .gpf-hose-select-select .hose-select-wrapper {
		background: #ff7300;
		border: 2px solid #ff7300;
	}	
	
	
	

	#fase3 .gpf-hose-select-img {
		padding-top: 15px;
		padding-bottom: 15px;
	}

	#fase3 .gpf-hose-select-img img {
		width: 85%;
		height: auto;
	}

	#fase3 .gpf-hose-select-code {
		font-size: 14px;
		font-weight: 500;
	}

	#fase3 .gpf-hose-select-type {
		font-size: 14px;
		font-weight: 200;
		font-style: italic;
	}

	#fase3 .gpf-hose-select-selected {
		display: none;
		position: absolute;
		top: 0px;
		left: 0px;
		font-size: 20px;
		color: #ffffff;
	}

	#fase3 .gpf-hose-select-del-selected {
		display: none;
		position: absolute;
		top: 0px;
		right: 0px;
		font-size: 20px;
		color: #ffffff;
		z-index: 9999;
	}
	
	#fase3 .gpf-detail-select {
		cursor: pointer;
		background: #414146;
		background-image: url("../images/button-arrow.svg");
		background-position: right;
		background-repeat: no-repeat;
		width: 180px;
		padding: 12px 0px 12px 20px;
		max-height: 48px;
	}

	#fase3 .gpf-detail-select a {
		color: #ffffff;
		text-transform: uppercase;
		font-size: 18px;
		text-decoration: none;
	}







	/*  QUADRA DN2 FASE 4  */


	#fase4 .gpf-hose-select-title {
		float: none;
		clear: both;
		font-size: 16px;
		font-weight: 500;
		padding: 15px 0px;
	}

	#fase4 .gpf-hose-select-container {
		float: none;
		clear: both;
		overflow: auto;
		width: 500px;
	}

	#fase4 .gpf-hose-select {
		float: left;
		text-align: center;
		width: 22.5%;
		height: 120px;
		margin-right: 2%;
		margin-bottom: 2%;
		background: #d9d9d9;
		border: 2px solid #d9d9d9;
		position: relative;
	}

	#fase4 .gpf-hose-select:nth-child(8), #fase4 .gpf-hose-select:nth-child(4), #fase4 .gpf-hose-select:last-child {
		margin-right: 0px;
	}

	#fase4 .gpf-hose-select:hover {
		/*background: #ff7300;*/
		cursor: pointer;
		border: 2px solid #ff7300;
	}

	#fase4 .gpf-hose-select-select {
		background: #ff7300;
		border: 2px solid #ff7300;
	}

	#fase4 .gpf-hose-select-img {
		padding-top: 15px;
		padding-bottom: 15px;
	}

	#fase4 .gpf-hose-select-img img {
		width: 70%;
		height: auto;
	}

	#fase4 .gpf-hose-select-code {
		font-size: 14px;
		font-weight: 500;
	}

	#fase4 .gpf-hose-select-type {
		font-size: 14px;
		font-weight: 200;
		font-style: italic;
	}

	#fase4 .gpf-hose-select-selected {
		display: none;
		position: absolute;
		top: 0px;
		left: 0px;
		font-size: 20px;
		color: #ffffff;
	}

	#fase4 .gpf-hose-select-del-selected {
		display: none;
		position: absolute;
		top: 0px;
		right: 0px;
		font-size: 20px;
		color: #ffffff;
		z-index: 9999;
	}

	#fase4 .gpf-hose-select-del-selected:hover {
		color: #AB1F1F;
	}

	#fase4 .gpf-detail {
		float: left;
		padding-top: 0px;
	}

	#fase4 #gpf-detail {}

	#fase4 .gpf-select-img {
		width: 440px;
		height: auto;
		padding-left: 180px;
		padding-top: 20px;
	}

	#fase4 .gpf-detail-img {
		padding-bottom: 20px;
		padding-left: 15px;
	}

	#fase4 .gpf-detail-img img {
		max-width: 300px;
		max-height: 85px;
	}

	#fase4 .gpf-detail-desc {
		width: 320px;
		padding-bottom: 45px;
	}

	#fase4 .gpf-detail-select {
		cursor: pointer;
		background: #414146;
		background-image: url("../images/button-arrow.svg");
		background-position: right;
		background-repeat: no-repeat;
		width: 180px;
		padding: 12px 0px 12px 20px;
		max-height: 48px;
		margin-left: 0px;
	}

	#fase4 .gpf-detail-select a {
		color: #ffffff;
		text-transform: uppercase;
		font-size: 18px;
		text-decoration: none;
	}

	#fase4 .gpf-select {
		float: left;
		width: 600px;
	}

	#fase4 .gpf-detail-desc {
		color: #565656;
		font-size: 14px;
		font-weight: 200;
		padding-left: 15px;
	}

	#fase4 .gpf-form-title {
		color: #414146;
		font-size: 14px;
		font-weight: 200;
		margin-top: 8px;
		margin-bottom: 12px;
		padding-left: 15px;
	}

	#fase4 .gpf-form {
		margin-bottom: 30px;
		height: 120px;
	}

	.gpf-form-input-radio {
		/*padding: 8px;
		width: 380px;
		border: 1px solid #ffffff;
		border-radius: 12px;
		margin-bottom: 5px;*/
		/* -moz-border-radius: 12px; firefox */
		/*-webkit-border-radius: 12px;  safari, chrome */
	}

	.gpf-form-input-radio:hover, .gpf-form-input-radio.active {
		/*border: 1px solid #ff7300;
		cursor: pointer;*/
	}

	#fase4 .gpf-detail-img-container {
		height: 150px;
	}

	#fase4 .gpf-detail-fit {
		display: none;
	}

	#fase4 .gpf-detail-fit-00 {
		display: block;
		height: 338px;
	}






	/*  QUADRA DN2 FASE 5  */


	#fase5 .gpf-hose-select-title {
		float: none;
		clear: both;
		font-size: 16px;
		font-weight: 500;
		padding: 15px 0px;
	}

	#fase5 .gpf-hose-select-container {
		float: none;
		clear: both;
		overflow: auto;
		width: 580px;
	}

	#fase5 .gpf-hose-select {
		float: left;
		text-align: center;
		width: 100px;
		height: 120px;
		margin-right: 2%;
		margin-bottom: 2%;
		background: #d9d9d9;
		border: 2px solid #d9d9d9;
		position: relative;
		overflow: hidden;
	}

	#fase5 .gpf-hose-select:nth-child(8), #fase5 .gpf-hose-select:nth-child(4) {
		/*margin-right: 0px;*/
	}

	#fase5 .gpf-hose-select:hover {
		/*background: #ff7300;*/
		cursor: pointer;
		border: 2px solid #ff7300;
	}

	#fase5 .gpf-hose-select-select {
		background: #ff7300;
		border: 2px solid #ff7300;
	}

	#fase5 .gpf-hose-select-img {
		padding-top: 15px;
		padding-bottom: 15px;
	}

	#fase5 .gpf-hose-select-img img {
		max-height: 96px;
		max-width: 80%;
	}

	#fase5 .gpf-hose-select-code {
		font-size: 14px;
		font-weight: 500;
	}

	#fase5 .gpf-hose-select-type {
		font-size: 14px;
		font-weight: 200;
		font-style: italic;
	}

	#fase5 .gpf-hose-select-selected {
		display: none;
		position: absolute;
		top: 0px;
		left: 0px;
		font-size: 20px;
		color: #ffffff;
	}

	#fase5 .gpf-hose-select-del-selected {
		display: none;
		position: absolute;
		top: 0px;
		right: 0px;
		font-size: 20px;
		color: #ffffff;
		z-index: 9999;
	}

	#fase5 .gpf-hose-select-del-selected:hover {
		color: #AB1F1F;
	}

	#fase5 .gpf-detail {
		float: left;
		padding-top: 0px;
		height: 440px;
		width: 500px;
		position: relative;
	}

	#fase5 #gpf-detail {}

	#fase5 .gpf-select-img {
		width: 440px;
		height: auto;
		padding-left: 180px;
		padding-top: 20px;
	}

	#fase5 .gpf-detail-img {
		padding-bottom: 20px;
		/*padding-left: 15px;*/
	}

	#fase5 .gpf-detail-img img {
		max-width: 300px;
		max-height: 85px;
	}

	#fase5 .gpf-detail-desc {
		width: 480px;
		padding-bottom: 45px;
	}

	#fase5 .gpf-detail-select {
		/*
		cursor: pointer;
		background: #414146;
		background-image: url("../images/button-arrow.svg");
		background-position: right;
		background-repeat: no-repeat;
		width: 180px;
		*/
		/*padding: 0;
		padding-top: 14px;
		height: 34px;
		width: 48px;
		text-align: center;
		margin-right: 20px;
	}

	#fase5 .gpf-detail-select:nth-child(2) {
		margin-right: 0px;*/
	}
	
	#fase5 .gpf-detail-select {
		cursor: pointer;
		background: #414146;
		background-image: url("../images/button-arrow.svg");
		background-position: right;
		background-repeat: no-repeat;
		width: 180px;
		padding: 12px 0px 12px 20px;
		max-height: 48px;
		/*margin-left: 15px;*/
	}


	#fase5 .gpf-detail-select a {
		color: #ffffff;
		text-transform: uppercase;
		font-size: 18px;
		text-decoration: none;
	}

	#fase5 .gpf-select {
		float: left;
		width: 600px;
	}

	#fase5 .gpf-detail-desc {
		color: #565656;
		font-size: 13px;
		font-weight: 200;
		line-height: 18px;
		/*padding-left: 15px;*/
	}

	#fase5 .gpf-detail-desc h2 {
		color: #666666;
		font-size: 16px;
		font-weight: 500;
	}

	#fase5 .gpf-form-title {
		color: #414146;
		font-size: 14px;
		font-weight: 200;
		margin-top: 8px;
		margin-bottom: 12px;
		/*padding-left: 15px;*/
	}

	#fase5 .gpf-form {
		margin-bottom: 30px;
		height: 50px;
	}


	#fase5 .gpf-form-input-radio {
		/*padding: 8px;*/
		width: 380px;
		margin-bottom: 5px;
	}

	#fase5 .gpf-form-input-radio:hover {
		border: 1px solid #ffffff;
		cursor: auto;
	}

	#fase5 .gpf-detail-img-container {
		height: 280px;
	}

	#fase5 .gpf-detail-fit, #fase5 .gpf-detail-acc {
		display: none;
	}

	#fase5 .gpf-detail-fit-00, #fase5 .gpf-detail-acc-00 {
		display: block;
		height: 338px;
	}

	#fase5 .gpf-button-container {
		/*padding-left: 300px;
		text-align: right;*/
		width: 120px;
		overflow: auto;
		position: absolute;
		bottom: 10px;
		right: 10px;
	}

	#fase5 .go {
		background: #ff7300;
		cursor: pointer;
		float: left;
	}

	#fase5 .nongo {
		background: #414146;
		cursor: default;
		float: left;
	}

	#fase5 .nongo a {
		opacity: 0.5;
	}
	
	#fase5 .gpf-detail-desc-txt {
		float: none;
		clear: both;
		width: 480px;
		overflow: auto;
	}
	
	#fase5 .gpf-detail-desc-txt-column {
		float: left;
		width: 230px;
		margin-bottom: 10px;
	}
	
	#fase5 .gpf-detail-desc-txt-column:last-child {
		margin-left: 0px;
	}






	/*  QUADRA DN2 FASE 6  */


	#fase6 .gpf-hose-select-title {
		float: none;
		clear: both;
		font-size: 16px;
		font-weight: 500;
		padding: 15px 0px;
	}

	#fase6 .gpf-hose-select-container {
		float: none;
		clear: both;
		overflow: auto;
		width: 300px;
	}

	#fase6 .gpf-hose-select {
		float: left;
		text-align: center;
		width: 115px;
		height: 120px;
		margin-right: 2%;
		margin-bottom: 2%;
		background: #d9d9d9;
		border: 2px solid #d9d9d9;
		position: relative;
		overflow: hidden;
	}

	#fase6 .gpf-hose-select:nth-child(8), #fase6 .gpf-hose-select:nth-child(4) {
		/*margin-right: 0px;*/
	}

	#fase6 .gpf-hose-select:hover {
		/*background: #ff7300;*/
		cursor: pointer;
		border: 2px solid #ff7300;
	}

	#fase6 .gpf-hose-select-select {
		background: #ff7300;
		border: 2px solid #ff7300;
	}

	#fase6 .gpf-hose-select-img {
		/*padding-top: 15px;
		padding-bottom: 15px;*/
		height: 120px;
		line-height: 120px;
	}

	#fase6 .gpf-hose-select-img img {
		max-height: 96px;
		max-width: 80%;
		vertical-align: middle;
	}

	#fase6 .gpf-hose-select-code {
		font-size: 14px;
		font-weight: 500;
	}

	#fase6 .gpf-hose-select-type {
		font-size: 14px;
		font-weight: 200;
		font-style: italic;
	}

	#fase6 .gpf-hose-select-selected {
		display: none;
		position: absolute;
		top: 0px;
		left: 0px;
		font-size: 20px;
		color: #ffffff;
	}

	#fase6 .gpf-hose-select-del-selected {
		display: none;
		position: absolute;
		top: 0px;
		right: 0px;
		font-size: 20px;
		color: #ffffff;
		z-index: 9999;
	}

	#fase6 .gpf-hose-select-del-selected:hover {
		color: #AB1F1F;
	}

	#fase6 .gpf-detail {
		float: left;
		padding-top: 0px;
		position: relative;
		width: 800px;
		height: 440px;
	}
	
	#fase6 .gpf-detail-desc-txt {
		float: none;
		clear: both;
		width: 785px;
		overflow: auto;
	}
	
	#fase6 .gpf-detail-desc-txt-column {
		float: left;
		width: 370px;
	}
	
	#fase6 .gpf-detail-desc-txt-column:last-child {
		margin-left: 20px;
	}

	#fase6 #gpf-detail {}

	#fase6 .gpf-select-img {
		width: 440px;
		height: auto;
		padding-left: 180px;
		padding-top: 20px;
	}

	#fase6 .gpf-detail-img {
		padding-bottom: 20px;
		/*padding-left: 15px;*/
	}

	#fase6 .gpf-detail-img img {
		max-width: 300px;
		max-height: 85px;
	}

	#fase6 .gpf-detail-desc {
		width: 320px;
		padding-bottom: 10px;
	}

	#fase6 .gpf-detail-select {
		
		cursor: pointer;
		background: #414146;
		background-image: url("../images/button-arrow.svg");
		background-position: right;
		background-repeat: no-repeat;
		width: 180px;
		
		/*padding: 0;
		padding-top: 14px;
		height: 34px;
		width: 48px;
		text-align: center;
		margin-right: 20px;
	}

	#fase6 .gpf-detail-select:nth-child(2) {
		margin-right: 0px;*/
	}
	
	#fase6 .gpf-detail-select {
		cursor: pointer;
		background: #414146;
		background-image: url("../images/button-arrow.svg");
		background-position: right;
		background-repeat: no-repeat;
		width: 180px;
		padding: 12px 0px 12px 20px;
		max-height: 48px;
	}
	
	#fase6 .gpf-detail-select a {
		color: #ffffff;
		text-transform: uppercase;
		font-size: 18px;
		text-decoration: none;
	}

	#fase6 .gpf-select {
		float: left;
		width: 300px;
	}

	#fase6 .gpf-detail-desc {
		color: #565656;
		font-size: 13px;
		font-weight: 200;
		padding-left: 15px;
		line-height: 18px;
	}

	#fase6 .gpf-detail-desc h2 {
		color: #666666;
		font-size: 16px;
		font-weight: 500;
	}

	#fase6 .gpf-form-title {
		color: #414146;
		font-size: 14px;
		font-weight: 200;
		margin-top: 20px;
		margin-bottom: 12px;
		padding-left: 15px;
	}

	#fase6 .gpf-form {
		/*margin-bottom: 30px;*/
		/*height: 50px;*/
		overflow: auto;
	}


	#fase6 .gpf-form-input-radio {
		padding: 6px;
		width: 470px;
		/*margin-bottom: 2px;*/
	}

	#fase6 .gpf-detail-img-container {
		/*height: 220px;*/
		overflow: auto;
		width: 800px;
	}

	#fase6 .gpf-detail-fit,	#fase6 .gpf-detail-acc2 {

		display: none;
	}

	#fase6 .gpf-detail-fit-00, #fase6 .gpf-detail-acc2-00 {
		display: block;
		height: 338px;
	}

	#fase6 .gpf-button-container {
		/*padding-left: 300px;*/
		width: 120px;
		/*text-align: right;*/
		overflow: auto;
		bottom: 10px;
		right: 10px;
		position: absolute;
	}

	#fase6 .go {
		background: #ff7300;
		cursor: pointer;
		float: left;
	}

	#fase6 .nongo {
		background: #414146;
		cursor: default;
		float: left;
	}

	#fase6 .nongo a {
		opacity: 0.5;
	}






	/*  QUADRA DN2 FASE 4_2  */


	#fase4_2 .gpf-hose-select-title {
		float: none;
		clear: both;
		font-size: 16px;
		font-weight: 500;
		padding: 15px 0px;
	}

	#fase4_2 .gpf-hose-select-container {
		float: none;
		clear: both;
		overflow: auto;
		width: 500px;
	}

	#fase4_2 .gpf-hose-select {
		float: left;
		text-align: center;
		width: 22.5%;
		height: 100px;
		margin-right: 2%;
		margin-bottom: 2%;
		background: #d9d9d9;
		border: 2px solid #d9d9d9;
		position: relative;
	}

	#fase4_2 .gpf-hose-select:nth-child(8), #fase4_2 .gpf-hose-select:nth-child(4) {
		margin-right: 0px;
	}

	#fase4_2 .gpf-hose-select:hover {
		/*background: #ff7300;*/
		cursor: pointer;
		border: 2px solid #ff7300;
	}

	#fase4_2 .gpf-hose-select-select {
		background: #ff7300;
		border: 2px solid #ff7300;
	}

	#fase4_2 .gpf-hose-select-img {
		padding-top: 15px;
		padding-bottom: 15px;
	}

	#fase4_2 .gpf-hose-select-img img {
		width: 70%;
		height: auto;
	}

	#fase4_2 .gpf-hose-select-code {
		font-size: 14px;
		font-weight: 500;
	}

	#fase4_2 .gpf-hose-select-type {
		font-size: 14px;
		font-weight: 200;
		font-style: italic;
	}

	#fase4_2 .gpf-hose-select-selected {
		display: none;
		position: absolute;
		top: 0px;
		left: 0px;
		font-size: 20px;
		color: #ffffff;
	}

	#fase4_2 .gpf-hose-select-del-selected {
		display: none;
		position: absolute;
		top: 0px;
		right: 0px;
		font-size: 20px;
		color: #ffffff;
		z-index: 9999;
	}

	#fase4_2 .gpf-hose-select-del-selected:hover {
		color: #AB1F1F;
	}

	#fase4_2 .gpf-detail {
		float: left;
		padding-top: 0px;
	}

	#fase4_2 #gpf-detail {}

	#fase4_2 .gpf-select-img {
		width: 440px;
		height: auto;
		padding-left: 180px;
		padding-top: 20px;
	}

	#fase4_2 .gpf-detail-img {
		padding-bottom: 20px;
		padding-left: 15px;
	}

	#fase4_2 .gpf-detail-img img {
		max-width: 300px;
		max-height: 85px;
	}

	#fase4_2 .gpf-detail-desc {
		width: 320px;
		padding-bottom: 45px;
	}

	#fase4_2 .gpf-detail-select {
		cursor: pointer;
		background: #414146;
		background-image: url("../images/button-arrow.svg");
		background-position: right;
		background-repeat: no-repeat;
		width: 180px;
		padding: 12px 0px 12px 20px;
		max-height: 48px;
		/*margin-left: 15px;*/
		position: absolute;
		right: 0;
	}

	#fase4_2 .gpf-detail-select a {
		color: #ffffff;
		text-transform: uppercase;
		font-size: 18px;
		text-decoration: none;
	}

	#fase4_2 .gpf-select {
		float: left;
		width: 500px;
	}

	#fase4_2 .gpf-select:nth-child(1) {
		padding-right: 20px;
		margin-right: 25px;
		border-right: 1px solid #cccccc;
	}

	#fase4_2 .gpf-detail-desc {
		color: #565656;
		font-size: 14px;
		font-weight: 200;
		padding-left: 15px;
	}

	#fase4_2 .gpf-form-title {
		color: #414146;
		font-size: 14px;
		font-weight: 200;
		margin-top: 8px;
		margin-bottom: 12px;
		padding-left: 15px;
	}

	#fase4_2 .gpf-form {
		margin-bottom: 30px;
		height: 120px;
	}

	#fase4_2 .gpf-form-input-radio {
		padding: 8px;
		width: 380px;
		margin-bottom: 5px;
	}

	#fase4_2 .gpf-detail-img-container {
		height: 150px;
	}

	#fase4_2 .gpf-detail-fit {
		display: none;
	}

	#fase4_2 .gpf-detail-fit-00 {
		display: block;
		height: 338px;
	}
	
	#fase4_2 .gpf-button-container {
		position: relative;
		width: 100%;
		height: 48px;
		margin-top: 20px;
	}



	/*  QUADRA DN2 FASE 5_2  */


	#fase5_2 .gpf-product-container {
		float: left;
		width: 50%;
		margin-right: 30px;
	}

	#fase5_2 .gpf-detail {
		float: left;
		padding-top: 50px;
		height: 370px;
		position: relative;
		width: 485px;
	}
	
	#fase5_2 .gpf-detail-sub {
	}

	#fase5_2 .gpf-hose-select-title {
		float: none;
		clear: both;
		font-size: 16px;
		font-weight: 500;
		padding: 15px 0px;
	}

	#fase5_2 .gpf-hose-select-container {
		float: none;
		clear: both;
		overflow: auto;
	}

	#fase5_2 .gpf-hose-select {
		float: left;
		text-align: center;
		width: 47%;
		height: 120px;
		margin-right: 2%;
		/*background: #d9d9d9;
		border: 2px solid #d9d9d9;*/
		position: relative;
	}

	#fase5_2 .gpf-hose-select:hover {
		/*background: #ff7300;
		cursor: pointer;
		border: 2px solid #ff7300;*/
	}
	#fase5_2 .gpf-hose-select .hose-select-wrapper {
		background: #d9d9d9;
		border: 2px solid #d9d9d9;
	}
	
	#fase5_2 .gpf-hose-select:hover .hose-select-wrapper {
		/*background: #ff7300;*/
		cursor: pointer;
		border: 2px solid #ff7300;
	}	

	#fase5_2 .gpf-hose-select-select .hose-select-wrapper {
		background: #ff7300;
		border: 2px solid #ff7300;
	}
	
	
	
	

	#fase5_2 .gpf-hose-select-img {
		padding-top: 15px;
		padding-bottom: 15px;
	}

	#fase5_2 .gpf-hose-select-img img {
		width: 85%;
		height: auto;
	}

	#fase5_2 .gpf-hose-select-code {
		font-size: 14px;
		font-weight: 500;
	}

	#fase5_2 .gpf-hose-select-type {
		font-size: 14px;
		font-weight: 200;
		font-style: italic;
	}

	#fase5_2 .gpf-hose-select-selected {
		display: none;
		position: absolute;
		top: 0px;
		left: 0px;
		font-size: 20px;
		color: #ffffff;
	}

	#fase5_2 .gpf-hose-select-del-selected {
		display: none;
		position: absolute;
		top: 0px;
		right: 0px;
		font-size: 20px;
		color: #ffffff;
		z-index: 9999;
	}
	
	#fase5_2 .gpf-detail-select {
		cursor: pointer;
		background: #414146;
		background-image: url("../images/button-arrow.svg");
		background-position: right;
		background-repeat: no-repeat;
		width: 180px;
		padding: 12px 0px 12px 20px;
		max-height: 48px;
	}

	#fase5_2 .gpf-detail-select a {
		color: #ffffff;
		text-transform: uppercase;
		font-size: 18px;
		text-decoration: none;
	}
	
	#fase5_2 .gpf-button-container {
		position: absolute;
		right: 35px;
		bottom: 40px;
	}

	#fase3_3 .gpf-detail-select, #fase3_4 .gpf-detail-select, #fase3_5 .gpf-detail-select, #fase4_5 .gpf-detail-select, #fase5_5 .gpf-detail-select, #fase6_5 .gpf-detail-select {
		cursor: pointer;
		background: #414146;
		background-image: url("../images/button-arrow.svg");
		background-position: right;
		background-repeat: no-repeat;
		width: 180px;
		padding: 12px 0px 12px 20px;
		max-height: 48px;
	}

	#fase3_3 .gpf-detail-select a, #fase3_4 .gpf-detail-select a, #fase3_5 .gpf-detail-select a, #fase4_5 .gpf-detail-select a, #fase5_5 .gpf-detail-select a, #fase6_5 .gpf-detail-select a {
		color: #ffffff;
		text-transform: uppercase;
		font-size: 18px;
		text-decoration: none;
	}
	
	#fase3_3 .gpf-hose-select-selected, #fase3_4 .gpf-hose-select-selected, #fase3_5 .gpf-hose-select-selected, #fase4_5 .gpf-hose-select-selected, #fase5_5 .gpf-hose-select-selected, #fase6_5 .gpf-hose-select-selected {
		display: none;
		position: absolute;
		top: 0px;
		left: 0px;
		font-size: 20px;
		color: #ffffff;
	}
	
	
	
	








	/* YOUR GOMAX PRODUCTS - parte sotto */


	.ygp-container {
		background: #414146; 
		width: 100%-50px; 
		height: 90px; 
		overflow: auto; 
		float: none; 
		clear: both;
		padding: 8px 0px;
		padding-left: 50px;
	}

	#ygp-container {}

	.ygp-title {
		float: left;
		padding-top: 10px;
		padding-right: 20px;
	}

	#ygp-title {}

	.ygp-title h3 {
		color: #ffffff;
		font-size: 20px;
		font-weight: 100;
	}

	.ygp-product {
		float: left;
	}

	#ygp-product {}

	.ygp-selected-product, .ygp-internal-diameter, .ygp-fitting-a, .ygp-hose, .ygp-hose-active, .ygp-fitting-b, .ygp-accessories, .ygp-info {
		border: 2px solid #565656;
		border-radius: 9px;
		-moz-border-radius: 9px; /* firefox */
		-webkit-border-radius: 9px; /* safari, chrome */
		height: 64px;
		padding: 8px;
		min-width: 64px;
		margin-left: 14px;
		float: left;
	}

	.ygp-selected-product-active {
		float: left;
		padding: 0;
		overflow: visible;
		max-width: none;
		height: 80px;
		width: 80px;
		cursor: pointer;
	}


	.ygp-selected-product img {
		padding: 3px 15px;
		width: 48px;
		vertical-align:middle;
	}

	.ygp-internal-diameter, .ygp-product-type, .ygp-fitting-a, .ygp-hose, .ygp-hose-active, .ygp-fitting-b, .ygp-accessories, .ygp-info {
		float: left;
		text-align: center;
		color: #959595;
		font-size: 17px;
		line-height: 100%;
		cursor: pointer;
	}

	.ygp-internal-diameter.attivo p, #ygp-infinity-container .ygp-fitting-a.attivo p, #ygp-infinity-container .ygp-hose.attivo p {
		margin: 14px 0px;
	}

	.ygp-internal-diameter p span.diametro, #ygp-infinity-container .ygp-fitting-a p span, #ygp-infinity-container .ygp-hose p span, #ygp-zero-container .ygp-fitting-a p span {
		font-size: 30px;
		color: #ffffff;
	}
	
	

	.ygp-product-type {}

	.ygp-fitting-a {}

	.ygp-hose {}

	.ygp-fitting-b {}

	.ygp-accessories {}

	.ygp-selected-product:hover, .ygp-internal-diameter:hover, .ygp-fitting-a:hover, .ygp-hose:hover, .ygp-fitting-b:hover, .ygp-accessories:hover {
		border: 2px solid #ff7300;
	}

	.attivo {
		opacity: 1;
	}

	.non-attivo {
		opacity: 0.5;
	}

	.ygp-hose-active {
		width: 150px;
	}

	.ygp-hose-active p, .ygp-fittings-active p {
		color: #ffffff;
		font-size: 24px;
		font-weight: 200;
		margin: 0;
		padding: 0;
		margin-top: 15px;
	}

	.ygp-hose-active p .ygp-hose-type, .ygp-fittings-active p .ygp-hose-type  {
		font-size: 16px;
	}

	.ygp-fittings-active p .ygp-hose-type  {
		opacity: 0.3;
	}

	.ygp-info {
		background: #ff7300;
		border-color:  #ff7300;
		margin-left: 15px;
		height: 40px;
		margin-top: 15px;
	}

	.ygp-info:hover {
		background: #ff7300;
		border-color:  #ffffff;
		margin-left: 15px;
	}

	.ygp-info p {
		padding-top: 12px;
		margin: 0;
	}

	.ygp-info a {
		color: #ffffff;
		font-weight: 500;
		text-decoration: none;
		padding-top: 30px;
		padding-left: 40px;
		padding-right: 40px;
	}

}












@media screen and (min-width: 1024px) and (max-width: 1439px) {

	.gpf {width: 1024px; margin: 0 auto; background: #ebebeb;}
	
	#gpf-maincontainer {}

	.gpf-maincontainer {
		padding: 40px;
		overflow: auto;
	}

	h2.gpf-main-title {
		display: none;
	}

	.gpf-container {}

	#gpf-container {}

	.gpf-prev {
		width: 160px;
		background: #ffffff;
		overflow: auto;
		height: 540px;
		float: left;
		display: none;
	}

	#gpf-prev {}

	.gpf-prev-01 {
		width: 32px; 
		background: #b7b7b7; 
		float: left; 
		height: 100%;
		cursor: pointer;
	}

	#gpf-prev-01 {}

	.gpf-prev-02 {
		width: 128px; 
		background: #ffffff; 
		float: right;
	}

	#gpf-prev-02 {}
	
	.testata {
		float: none;
		clear: both;
		width: 100%;
		/*background: #E3E3E3;*/
		height: 94px;
		position: relative;
	}
	.testata-pagine {
		position: absolute;
		top: 0px;
		left: 0px;
		background: #f9f9f9;
		width: 945px;
		height: 94px;
	}
	
	.testata-title {
		position: absolute;
		top: 0px;
		left: 0px;
		height: 94px;
	}
	
	.testata-title h2 {
		padding: 0;
		margin: 0;
		width: 945px;
		text-align: center;
		padding-top: 30px;
		font-size: 32px;
	}

	.numero-attivo {
		background: #ff7300;
		color: #ffffff;
		width: 48px;
		max-height: 48px;
		text-align: center;
		font-size: 30px;
		padding-top: 5px;
		padding-bottom: 6px;
		position: absolute;
		top: 23px;
		left: 23px;
	}
	
	.numero-inattivo {
		background: #282b34;
		color: #ffffff;
		width: 48px;
		max-height: 48px;
		text-align: center;
		font-size: 30px;
		padding-top: 5px;
		padding-bottom: 6px;
		position: absolute;
		top: 23px;
		right: 23px;
	}
	
	.triangle-left {
		width: 0;
		height: 0;
		border-top: 47px solid transparent;
		border-right: 12px solid #f9f9f9;
		border-bottom: 47px solid transparent;
		position: absolute;
		top: 0px;
		left: -12px;
		cursor: pointer;
	}

	.triangle-right {
		width: 0;
		height: 0;
		border-top: 47px solid transparent;
		border-left: 12px solid #f9f9f9;
		border-bottom: 47px solid transparent;
		position: absolute;
		top: 0px;
		right: -12px;
	}
	
	.gpf-body {
		background: #ffffff;
		/*float: left;*/
		min-height: 570px;
		width: 100%;
		overflow: auto;
		padding-bottom: 0px;
	}

	#gpf-body {}

	.gpf-next {
		width: 100px;
		background: #a9a9a9;
		overflow: auto;
		height: 540px;
		float: left;
		display: none;
	}

	#gpf-next {}

	.gpf-next-01 {
		width: 12px;
		float: left;
	}

	#gpf-next-01 {}

	.gpf-next-02 {
		float: left;
		width: 88px;
	}

	#gpf-next-02 {}

	.gpf-title {
		height: 100px;
		width: 95%;
		float: none;
		clear: both;
		padding-left: 40px;
	}

	#gpf-title {}

	.gpf-icon {float: left; font-size: 20px; color: #b7b7b7; padding-top: 40px;}

	.gpf-title h2 {float: left; padding: 0px 20px; font-size: 28px; color: #ff7300; font-weight: 400; margin: 0px; padding-top: 32px;}

	.gpf-title h4 {float: left; font-size: 20px; color: #000000; font-weight: 200; margin: 0px; padding-top: 41px;}

	#numero-inattivo {}

	#numero-attivo {}

	.ruota-container {
		width: 128px; 
		float: none; 
		clear: both; 
		position: relative;
	}

	#ruota-container {}

	.ruota {
		transform:rotate(270deg);
		transform-origin: 0 0;
		/* Safari and Chrome */
		-webkit-transform: rotate(270deg);
		/* Opera */
		-o-transform: rotate(270deg);
		/* Firefox */
		-moz-transform: rotate(270deg);
		/* IE 9 */
		-ms-transform: rotate(270deg);
		width: 440px;
		height: 48px;
		position: absolute;
		top: 440px;
		left: 40px;
	}

	#ruota {}

	
	#triangle-left {}

	#triangle-right {}

	.gpf-shadow {
		width: 100%; 
		height: 50px; 
		background-image: url('../images/2.png'); 
		background-repeat: no-repeat; 
		background-size: 100% 50px;
	}

	#gpf-shadow{}


	
	
	
	/*  QUADRA DN2 FASE 1   */
	
	
	#fase1 .gpf-select {
		float: left;
		width: 700px;
	}

	#fase1 #gpf-select {}

	#fase1 .gpf-detail {
		float: left;
		padding-top: 0px;
	}

	#fase1 #gpf-detail {}

	#fase1 .gpf-select-img {
		width: 440px;
		height: auto;
		padding-left: 150px;
		padding-top: 20px;
	}

	#fase1 .gpf-detail-img {
		padding-bottom: 20px;
	}

	#fase1 .gpf-detail-desc {
		width: 180px;
		padding-bottom: 30px;
	}

	#fase1 .gpf-detail-select {
		cursor: pointer;
		background: #414146;
		background-image: url("../images/button-arrow.svg");
		background-position: right;
		background-repeat: no-repeat;
		width: 180px;
		padding: 12px 0px 12px 20px;
		max-height: 48px;
	}

	#fase1 .gpf-detail-select a {
		color: #ffffff;
		text-transform: uppercase;
		font-size: 18px;
		text-decoration: none;
	}


	
	




	/*  QUADRA DN2 FASE 2   */

	
	#fase2 .gpf-body-select {
		border: 2px solid #d9d9d9;
		border-radius: 16px;
		-moz-border-radius: 16px; /* firefox */
		-webkit-border-radius: 16px; /* safari, chrome */
		height: 110px;
		padding: 8px;
		min-width: 64px;
		margin: 0 auto;
		cursor: pointer;
		margin-top: 50px;
		max-width: 850px;
	}

	#fase2 .gpf-body-select:nth-child(1) {
		margin-top: 120px;
	}
	
	#fase2 .gpf-body-select:hover {
		border: 2px solid #ff7300;
	}

	#fase2 .gpf-body-select-title {
		color: #ff7300;
		font-size: 28px;
		float: left;
		width: 320px;
		padding-right: 30px;
		padding-left: 30px;
		margin-top: 0px;
	}
	
	#fase2 .gpf-body-select-title h2 {
		margin: 0px;
	}

	#fase2 .gpf-body-select-desc {
		color: #000000;
		float: left;
		font-size: 24px;
		line-height: 30px;
		width: 350px;
		margin-top: 28px;
	}

	#fase2 .gpf-body-select-icon {
		color: #d9d9d9;
		float: right;
		padding-right: 25px;
		font-size: 42px;
		margin-top: 34px;
	}

	#fase2 .gpf-body-select-icon:hover {
		color: #ff7300;
	}






	/*  QUADRA DN2 FASE 3  */

	
	#fase3 .gpf-body {
		background: #ffffff;
		/*float: left;*/
		height: auto;
		width: 945px;
		overflow: auto;
		padding-bottom: 40px;
	}
	
	#fase3 .gpf-hose-select-title {
		float: none;
		clear: both;
		font-size: 16px;
		font-weight: 500;
		padding: 15px 0px;
		padding-left: 40px;
	}

	#fase3 .gpf-hose-select-container {
		float: none;
		clear: both;
		overflow: auto;
		padding-left: 40px;
	}

	#fase3 .gpf-hose-select {
		float: left;
		text-align: center;
		width: 21.4%;
		height: 120px;
		margin-right: 3%;
		margin-bottom: 3%;
		/*background: #d9d9d9;
		border: 2px solid #d9d9d9;*/
		position: relative;
	}
	

	#fase3 .gpf-hose-select:nth-child(8), .gpf-hose-select:nth-child(4) {
		margin-right: 0px;
	}

	#fase3 .gpf-hose-select:hover {
		/*background: #ff7300;
		cursor: pointer;
		border: 2px solid #ff7300;*/
	}
	
	#fase3 .gpf-hose-select .hose-select-wrapper {
		background: #d9d9d9;
		border: 2px solid #d9d9d9;
	}
	
	#fase3 .gpf-hose-select:hover .hose-select-wrapper {
		/*background: #ff7300;*/
		cursor: pointer;
		border: 2px solid #ff7300;
	}	

	#fase3 .gpf-hose-select-select .hose-select-wrapper {
		background: #ff7300;
		border: 2px solid #ff7300;
	}	


	#fase3 .gpf-hose-select-select {
		/*background: #ff7300;
		border: 2px solid #ff7300;*/
	}

	#fase3 .gpf-hose-select-img {
		padding-top: 15px;
		padding-bottom: 15px;
	}

	#fase3 .gpf-hose-select-img img {
		width: 85%;
		height: auto;
	}

	#fase3 .gpf-hose-select-code {
		font-size: 14px;
		font-weight: 500;
	}

	#fase3 .gpf-hose-select-type {
		font-size: 14px;
		font-weight: 200;
		font-style: italic;
	}

	#fase3 .gpf-hose-select-selected {
		display: none;
		position: absolute;
		top: 0px;
		left: 0px;
		font-size: 20px;
		color: #ffffff;
	}

	#fase3 .gpf-hose-select-del-selected {
		display: none;
		position: absolute;
		top: 0px;
		right: 0px;
		font-size: 20px;
		color: #ffffff;
		z-index: 9999;
	}
	
	#fase3 .gpf-detail-select {
		cursor: pointer;
		background: #414146;
		background-image: url("../images/button-arrow.svg");
		background-position: right;
		background-repeat: no-repeat;
		width: 180px;
		padding: 12px 0px 12px 20px;
		max-height: 48px;
	}

	#fase3 .gpf-detail-select a {
		color: #ffffff;
		text-transform: uppercase;
		font-size: 18px;
		text-decoration: none;
	}







	/*  QUADRA DN2 FASE 4  */


	#fase4 .gpf-hose-select-title {
		float: none;
		clear: both;
		font-size: 16px;
		font-weight: 500;
		padding: 15px 0px;
	}

	#fase4 .gpf-hose-select-container {
		float: none;
		clear: both;
		overflow: auto;
		width: 500px;
	}

	#fase4 .gpf-hose-select {
		float: left;
		text-align: center;
		width: 22.5%;
		height: 120px;
		margin-right: 2%;
		margin-bottom: 2%;
		background: #d9d9d9;
		border: 2px solid #d9d9d9;
		position: relative;
	}

	#fase4 .gpf-hose-select:nth-child(8), #fase4 .gpf-hose-select:nth-child(4), #fase4 .gpf-hose-select:last-child {
		margin-right: 0px;
	}

	#fase4 .gpf-hose-select:hover {
		/*background: #ff7300;*/
		cursor: pointer;
		border: 2px solid #ff7300;
	}

	#fase4 .gpf-hose-select-select {
		background: #ff7300;
		border: 2px solid #ff7300;
	}

	#fase4 .gpf-hose-select-img {
		padding-top: 15px;
		padding-bottom: 15px;
	}

	#fase4 .gpf-hose-select-img img {
		width: 70%;
		height: auto;
	}

	#fase4 .gpf-hose-select-code {
		font-size: 14px;
		font-weight: 500;
	}

	#fase4 .gpf-hose-select-type {
		font-size: 14px;
		font-weight: 200;
		font-style: italic;
	}

	#fase4 .gpf-hose-select-selected {
		display: none;
		position: absolute;
		top: 0px;
		left: 0px;
		font-size: 20px;
		color: #ffffff;
	}

	#fase4 .gpf-hose-select-del-selected {
		display: none;
		position: absolute;
		top: 0px;
		right: 0px;
		font-size: 20px;
		color: #ffffff;
		z-index: 9999;
	}

	#fase4 .gpf-hose-select-del-selected:hover {
		color: #AB1F1F;
	}

	#fase4 .gpf-detail {
		float: left;
		padding-top: 0px;
	}

	#fase4 #gpf-detail {}

	#fase4 .gpf-select-img {
		width: 440px;
		height: auto;
		padding-left: 180px;
		padding-top: 20px;
	}

	#fase4 .gpf-detail-img {
		padding-bottom: 20px;
		padding-left: 15px;
	}

	#fase4 .gpf-detail-img img {
		max-width: 300px;
		max-height: 85px;
	}

	#fase4 .gpf-detail-desc {
		width: 320px;
		padding-bottom: 45px;
	}

	#fase4 .gpf-detail-select {
		cursor: pointer;
		background: #414146;
		background-image: url("../images/button-arrow.svg");
		background-position: right;
		background-repeat: no-repeat;
		width: 180px;
		padding: 12px 0px 12px 20px;
		max-height: 48px;
		margin-left: 15px;
	}

	#fase4 .gpf-detail-select a {
		color: #ffffff;
		text-transform: uppercase;
		font-size: 18px;
		text-decoration: none;
	}

	#fase4 .gpf-select {
		float: left;
		width: 500px;
		margin-left: 40px;
	}

	#fase4 .gpf-detail-desc {
		color: #565656;
		font-size: 14px;
		font-weight: 200;
		padding-left: 15px;
	}

	#fase4 .gpf-form-title {
		color: #414146;
		font-size: 14px;
		font-weight: 200;
		margin-top: 8px;
		margin-bottom: 12px;
		padding-left: 15px;
	}

	#fase4 .gpf-form {
		margin-bottom: 13px;
		height: 120px;
	}

	#fase4 .gpf-form-input-radio {
		padding: 6px;
		width: 380px;
		margin-bottom: 4px;
	}

	#fase4 .gpf-detail-img-container {
		height: 175px;
	}

	#fase4 .gpf-detail-fit {
		display: none;
	}

	#fase4 .gpf-detail-fit-00 {
		display: block;
		height: 346px;
	}






	/*  QUADRA DN2 FASE 5  */


	#fase5 .gpf-hose-select-title {
		float: none;
		clear: both;
		font-size: 16px;
		font-weight: 500;
		padding: 15px 0px;
	}

	#fase5 .gpf-hose-select-container {
		float: none;
		clear: both;
		overflow: auto;
		width: 500px;
	}

	#fase5 .gpf-hose-select {
		float: left;
		text-align: center;
		width: 22.1%;
		height: 120px;
		margin-right: 2%;
		margin-bottom: 2%;
		background: #d9d9d9;
		border: 2px solid #d9d9d9;
		position: relative;
		overflow: hidden;
	}

	#fase5 .gpf-hose-select:nth-child(8), #fase5 .gpf-hose-select:nth-child(4) {
		/*margin-right: 0px;*/
	}

	#fase5 .gpf-hose-select:hover {
		/*background: #ff7300;*/
		cursor: pointer;
		border: 2px solid #ff7300;
	}

	#fase5 .gpf-hose-select-select {
		background: #ff7300;
		border: 2px solid #ff7300;
	}

	#fase5 .gpf-hose-select-img {
		padding-top: 15px;
		padding-bottom: 15px;
	}

	#fase5 .gpf-hose-select-img img {
		max-height: 96px;
		max-width: 80%;
	}

	#fase5 .gpf-hose-select-code {
		font-size: 14px;
		font-weight: 500;
	}

	#fase5 .gpf-hose-select-type {
		font-size: 14px;
		font-weight: 200;
		font-style: italic;
	}

	#fase5 .gpf-hose-select-selected {
		display: none;
		position: absolute;
		top: 0px;
		left: 0px;
		font-size: 20px;
		color: #ffffff;
	}

	#fase5 .gpf-hose-select-del-selected {
		display: none;
		position: absolute;
		top: 0px;
		right: 0px;
		font-size: 20px;
		color: #ffffff;
		z-index: 9999;
	}

	#fase5 .gpf-hose-select-del-selected:hover {
		color: #AB1F1F;
	}

	#fase5 .gpf-detail {
		float: left;
		padding-top: 0px;
		height: 440px;
		width: 370px;
		position: relative;
	}

	#fase5 #gpf-detail {}

	#fase5 .gpf-select-img {
		width: 440px;
		height: auto;
		padding-left: 180px;
		padding-top: 20px;
	}

	#fase5 .gpf-detail-img {
		padding-bottom: 20px;
		/*padding-left: 15px;*/
	}

	#fase5 .gpf-detail-img img {
		max-width: 300px;
		max-height: 85px;
	}

	#fase5 .gpf-detail-desc {
		width: 320px;
		padding-bottom: 45px;
	}

	#fase5 .gpf-detail-select {
		/*
		cursor: pointer;
		background: #414146;
		background-image: url("../images/button-arrow.svg");
		background-position: right;
		background-repeat: no-repeat;
		width: 180px;
		*/
		/*padding: 0;
		padding-top: 14px;
		height: 34px;
		width: 48px;
		text-align: center;
		margin-right: 20px;
	}

	#fase5 .gpf-detail-select:nth-child(2) {
		margin-right: 0px;*/
	}

	#fase5 .gpf-detail-select {
		cursor: pointer;
		background: #414146;
		background-image: url("../images/button-arrow.svg");
		background-position: right;
		background-repeat: no-repeat;
		width: 180px;
		padding: 12px 0px 12px 20px;
		max-height: 48px;
		margin-left: 15px;
	}

	#fase5 .gpf-detail-select a {
		color: #ffffff;
		text-transform: uppercase;
		font-size: 18px;
		text-decoration: none;
	}

	#fase5 .gpf-select {
		float: left;
		width: 510px;
		padding-left: 40px;
	}

	#fase5 .gpf-detail-desc {
		color: #565656;
		font-size: 13px;
		font-weight: 200;
		line-height: 18px;
		/*padding-left: 15px;*/
	}

	#fase5 .gpf-detail-desc h2 {
		color: #666666;
		font-size: 16px;
		font-weight: 500;
	}

	#fase5 .gpf-form-title {
		color: #414146;
		font-size: 14px;
		font-weight: 200;
		margin-top: 8px;
		margin-bottom: 12px;
		/*padding-left: 15px;*/
	}

	#fase5 .gpf-form {
		margin-bottom: 30px;
		height: 50px;
	}


	#fase5 .gpf-form-input-radio {
		/*padding: 8px;*/
		width: 340px;
		margin-bottom: 5px;
	}

	#fase5 .gpf-form-input-radio:hover {
		border: none;
		cursor: auto;
	}

	#fase5 .gpf-detail-img-container {
		height: 330px;
	}
	
	#fase5 .gpf-detail-fit, #fase5 .gpf-detail-acc {
		display: none;
		padding-left: 20px;
	}

	#fase5 .gpf-detail-fit {
		display: none;
	}

	#fase5 .gpf-detail-fit-00 {
		display: block;
		height: 338px;
	}

	#fase5 .gpf-button-container {
		/*padding-left: 300px;
		text-align: right;*/
		width: 120px;
		overflow: auto;
		position: absolute;
		bottom: 10px;
		right: 10px;
	}

	#fase5 .go {
		background: #ff7300;
		cursor: pointer;
		float: left;
	}

	#fase5 .nongo {
		background: #414146;
		cursor: default;
		float: left;
	}

	#fase5 .nongo a {
		opacity: 0.5;
	}
	
	#fase5 .gpf-detail-desc-txt {
		float: none;
		clear: both;
		width: 100%;
		overflow: auto;
	}
	
	#fase5 .gpf-detail-desc-txt-column {
		float: left;
		width: 47.8%;
		margin-bottom: 10px;
		margin-left: 2%;
	}
	
	#fase5 .gpf-detail-desc-txt-column:last-child {
		margin-left: 0px;
	}






	/*  QUADRA DN2 FASE 6  */


	#fase6 .gpf-hose-select-title {
		float: none;
		clear: both;
		font-size: 16px;
		font-weight: 500;
		padding: 15px 0px;
	}

	#fase6 .gpf-hose-select-container {
		float: none;
		clear: both;
		overflow: auto;
		width: 340px;
	}

	#fase6 .gpf-hose-select {
		float: left;
		text-align: center;
		width: 46.6%;
		height: 120px;
		margin-right: 2%;
		margin-bottom: 2%;
		background: #d9d9d9;
		border: 2px solid #d9d9d9;
		position: relative;
		overflow: hidden;
	}

	#fase6 .gpf-hose-select:nth-child(8), #fase6 .gpf-hose-select:nth-child(4) {
		/*margin-right: 0px;*/
	}

	#fase6 .gpf-hose-select:hover {
		/*background: #ff7300;*/
		cursor: pointer;
		border: 2px solid #ff7300;
	}

	#fase6 .gpf-hose-select-select {
		background: #ff7300;
		border: 2px solid #ff7300;
	}

	#fase6 .gpf-hose-select-img {
		/*padding-top: 15px;
		padding-bottom: 15px;*/
		height: 120px;
    	line-height: 120px;
	}

	#fase6 .gpf-hose-select-img img {
		max-height: 96px;
		max-width: 80%;
		vertical-align: middle;
	}

	#fase6 .gpf-hose-select-code {
		font-size: 14px;
		font-weight: 500;
	}

	#fase6 .gpf-hose-select-type {
		font-size: 14px;
		font-weight: 200;
		font-style: italic;
	}

	#fase6 .gpf-hose-select-selected {
		display: none;
		position: absolute;
		top: 0px;
		left: 0px;
		font-size: 20px;
		color: #ffffff;
	}

	#fase6 .gpf-hose-select-del-selected {
		display: none;
		position: absolute;
		top: 0px;
		right: 0px;
		font-size: 20px;
		color: #ffffff;
		z-index: 9999;
	}

	#fase6 .gpf-hose-select-del-selected:hover {
		color: #AB1F1F;
	}

	#fase6 .gpf-detail {
		float: left;
		padding-top: 0px;
		position: relative;
		width: 548px;
		height: auto;
	}

	#fase6 #gpf-detail {}
	
	#fase6 .gpf-detail-acc2 {
		display: none;
		margin-left: 20px;
		min-height: 334px;
	}
	
	#fase6 .gpf-detail-desc-txt {
		float: none;
		clear: both;
		width: 100%;
		overflow: auto;
	}
	
	#fase6 .gpf-detail-desc-txt-column {
		float: left;
		width: 48%;
		margin-bottom: 10px;
		margin-right: 19px;
	}
	
	#fase6 .gpf-detail-desc-txt-column:last-child {
		margin-right: 0px;
	}

	#fase6 .gpf-select-img {
		width: 440px;
		height: auto;
		padding-left: 180px;
		padding-top: 20px;
	}

	#fase6 .gpf-detail-img {
		padding-bottom: 20px;
		/*padding-left: 15px;*/
	}

	#fase6 .gpf-detail-img img {
		max-width: 300px;
		max-height: 85px;
	}

	#fase6 .gpf-detail-desc {
		width: 90%;
		padding-bottom: 10px;
	}

	#fase6 .gpf-detail-select {
		
		cursor: pointer;
		background: #414146;
		background-image: url(../images/button-arrow.svg);
		background-position: right;
		background-repeat: no-repeat;
		width: 180px;
		padding: 12px 0px 12px 20px;
		max-height: 48px;
		/*margin-bottom: 30px;
		margin-top: 30px;
		margin-left: 20px;
		
		padding: 0;
		padding-top: 14px;
		height: 34px;
		width: 48px;
		text-align: center;
		margin-right: 20px;*/
	}

	#fase6 .gpf-detail-select:nth-child(2) {
		margin-right: 0px;
	}

	#fase6 .gpf-detail-select a {
		color: #ffffff;
		text-transform: uppercase;
		font-size: 18px;
		text-decoration: none;
	}

	#fase6 .gpf-select {
		float: left;
		width: 340px;
		padding-left: 40px;
		padding-right: 15px;
	}

	#fase6 .gpf-detail-desc {
		color: #565656;
		font-size: 13px;
		font-weight: 200;
		padding-left: 15px;
		line-height: 18px;
	}

	#fase6 .gpf-detail-desc h2 {
		color: #666666;
		font-size: 16px;
		font-weight: 500;
	}

	#fase6 .gpf-form-title {
		color: #414146;
		font-size: 14px;
		font-weight: 200;
		margin-top: 20px;
		margin-bottom: 12px;
		padding-left: 15px;
	}

	#fase6 .gpf-form {
		/*margin-bottom: 30px;*/
		min-height: 50px;
	}


	#fase6 .gpf-form-input-radio {
		padding: 12px 6px;
		width: 90%;
		margin-bottom: 8px;
	}

	#fase6 .gpf-detail-img-container {
		/*height: 220px;*/
		overflow: auto;
		width: 100%;
	}

	#fase6 .gpf-detail-fit {
		display: none;
	}

	#fase6 .gpf-detail-fit-00 {
		display: block;
		height: 338px;
	}

	#fase6 .gpf-button-container {
		/*padding-left: 300px;*/
		width: 120px;
		/*text-align: right;*/
		overflow: auto;
		bottom: 10px;
		right: 10px;
		position: absolute;
	}

	#fase6 .go {
		background: #ff7300;
		cursor: pointer;
		float: left;
	}

	#fase6 .nongo {
		background: #414146;
		cursor: default;
		float: left;
	}

	#fase6 .nongo a {
		opacity: 0.5;
	}



	/*  QUADRA DN2 FASE 6_2  */	
	
	
	#fase6_2 .gpf-select {
		float: left;
		padding-left: 40px;
		padding-right: 15px;
	}	
	

	/*  QUADRA DN2 FASE 7  */	
	
	
	#fase7 .gpf-select {
		float: left;
		padding-left: 40px;
		padding-right: 15px;
	}
	
	

	

	/*  QUADRA DN2 FASE 4_2  */


	#fase4_2 .gpf-hose-select-title {
		float: none;
		clear: both;
		font-size: 16px;
		font-weight: 500;
		padding: 15px 0px;
	}

	#fase4_2 .gpf-hose-select-container {
		float: none;
		clear: both;
		overflow: auto;
		width: 100%;
	}

	#fase4_2 .gpf-hose-select {
		float: left;
		text-align: center;
		width: 22.5%;
		height: 100px;
		margin-right: 2%;
		margin-bottom: 2%;
		background: #d9d9d9;
		border: 2px solid #d9d9d9;
		position: relative;
	}

	#fase4_2 .gpf-hose-select:nth-child(8), #fase4_2 .gpf-hose-select:nth-child(4) {
		margin-right: 0px;
	}

	#fase4_2 .gpf-hose-select:hover {
		/*background: #ff7300;*/
		cursor: pointer;
		border: 2px solid #ff7300;
	}

	#fase4_2 .gpf-hose-select-select {
		background: #ff7300;
		border: 2px solid #ff7300;
	}

	#fase4_2 .gpf-hose-select-img {
		padding-top: 15px;
		padding-bottom: 15px;
	}

	#fase4_2 .gpf-hose-select-img img {
		width: 70%;
		height: auto;
	}

	#fase4_2 .gpf-hose-select-code {
		font-size: 14px;
		font-weight: 500;
	}

	#fase4_2 .gpf-hose-select-type {
		font-size: 14px;
		font-weight: 200;
		font-style: italic;
	}

	#fase4_2 .gpf-hose-select-selected {
		display: none;
		position: absolute;
		top: 0px;
		left: 0px;
		font-size: 20px;
		color: #ffffff;
	}

	#fase4_2 .gpf-hose-select-del-selected {
		display: none;
		position: absolute;
		top: 0px;
		right: 0px;
		font-size: 20px;
		color: #ffffff;
		z-index: 9999;
	}

	#fase4_2 .gpf-hose-select-del-selected:hover {
		color: #AB1F1F;
	}

	#fase4_2 .gpf-detail {
		float: left;
		padding-top: 0px;
	}

	#fase4_2 #gpf-detail {}

	#fase4_2 .gpf-select-img {
		width: 440px;
		height: auto;
		padding-left: 180px;
		padding-top: 20px;
	}

	#fase4_2 .gpf-detail-img {
		padding-bottom: 20px;
		padding-left: 15px;
	}

	#fase4_2 .gpf-detail-img img {
		max-width: 300px;
		max-height: 85px;
	}

	#fase4_2 .gpf-detail-desc {
		width: 320px;
		padding-bottom: 45px;
	}

	#fase4_2 .gpf-detail-select {
		cursor: pointer;
		background: #414146;
		background-image: url("../images/button-arrow.svg");
		background-position: right;
		background-repeat: no-repeat;
		width: 180px;
		padding: 12px 0px 12px 20px;
		max-height: 48px;
		/*margin-left: 15px;*/
		position: absolute;
		right: 0;
	}

	#fase4_2 .gpf-detail-select a {
		color: #ffffff;
		text-transform: uppercase;
		font-size: 18px;
		text-decoration: none;
	}

	#fase4_2 .gpf-select {
		float: left;
		width: 43%;
		margin-left: 40px;
	}

	#fase4_2 .gpf-select:nth-child(1) {
		padding-right: 30px;
	    margin-right: -10px;
		border-right: 1px solid #cccccc;
	}

	#fase4_2 .gpf-detail-desc {
		color: #565656;
		font-size: 14px;
		font-weight: 200;
		padding-left: 15px;
	}

	#fase4_2 .gpf-form-title {
		color: #414146;
		font-size: 14px;
		font-weight: 200;
		margin-top: 8px;
		margin-bottom: 12px;
		padding-left: 15px;
	}

	#fase4_2 .gpf-form {
		margin-bottom: 30px;
		height: 120px;
	}

	#fase4_2 .gpf-form-input-radio {
		padding: 8px;
		width: 380px;
		margin-bottom: 5px;
	}

	#fase4_2 .gpf-detail-img-container {
		height: 150px;
	}

	#fase4_2 .gpf-detail-fit {
		display: none;
	}

	#fase4_2 .gpf-detail-fit-00 {
		display: block;
		height: 338px;
	}
	
	#fase4_2 .gpf-button-container {
		position: relative;
		width: 100%;
		height: 48px;
		margin-top: 20px;
	}



	/*  QUADRA DN2 FASE 5_2  */


	#fase5_2 .gpf-product-container {
		/*float: left;*/
		width: 95%;
		/*margin-right: 30px;*/
		margin-left: 40px;
	}

	#fase5_2 .gpf-detail {
		float: left;
		/* padding-top: 120px;
		height: 370px; */
		position: relative;
		width: 100%;
	}
	
	#fase5_2 .gpf-detail-sub {
		/*position: absolute;
		left: 10px;
		top: 230px;*/
		margin-left: 40px;
		margin-top: 40px;
		margin-bottom: 40px;
	}

	#fase5_2 .gpf-hose-select-title {
		float: none;
		clear: both;
		font-size: 16px;
		font-weight: 500;
		padding: 15px 0px;
	}

	#fase5_2 .gpf-hose-select-container {
		float: none;
		clear: both;
		overflow: auto;
	}

	#fase5_2 .gpf-hose-select {
		float: left;
		text-align: center;
		width: 47%;
		height: 161px;
		margin-right: 2%;
		/*background: #d9d9d9;
		border: 2px solid #d9d9d9;
		position: relative;*/
	}
	
	#fase5_2 .gpf-hose-select .hose-select-wrapper {
		background: #d9d9d9;
		border: 2px solid #d9d9d9;
	}
	
	#fase5_2 .gpf-hose-select:hover .hose-select-wrapper {
		/*background: #ff7300;*/
		cursor: pointer;
		border: 2px solid #ff7300;
	}	

	#fase5_2 .gpf-hose-select-select .hose-select-wrapper {
		background: #ff7300;
		border: 2px solid #ff7300;
	}	
	
	#fase5_2 .gpf-hose-select:hover {
		/*background: #ff7300;
		cursor: pointer;
		border: 2px solid #ff7300;*/
	}

	#fase5_2 .gpf-hose-select-select {
		/*background: #ff7300;
		border: 2px solid #ff7300;*/
	}

	#fase5_2 .gpf-hose-select-img {
		padding-top: 15px;
		padding-bottom: 15px;
	}

	#fase5_2 .gpf-hose-select-img img {
		width: 85%;
		height: auto;
	}

	#fase5_2 .gpf-hose-select-code {
		font-size: 14px;
		font-weight: 500;
	}

	#fase5_2 .gpf-hose-select-type {
		font-size: 14px;
		font-weight: 200;
		font-style: italic;
	}

	#fase5_2 .gpf-hose-select-selected {
		display: none;
		position: absolute;
		top: 0px;
		left: 0px;
		font-size: 20px;
		color: #ffffff;
	}

	#fase5_2 .gpf-hose-select-del-selected {
		display: none;
		position: absolute;
		top: 0px;
		right: 0px;
		font-size: 20px;
		color: #ffffff;
		z-index: 9999;
	}
	
	#fase5_2 .gpf-detail-select {
		cursor: pointer;
		background: #414146;
		background-image: url("../images/button-arrow.svg");
		background-position: right;
		background-repeat: no-repeat;
		width: 180px;
		padding: 12px 0px 12px 20px;
		max-height: 48px;
	}

	#fase5_2 .gpf-detail-select a {
		color: #ffffff;
		text-transform: uppercase;
		font-size: 18px;
		text-decoration: none;
	}
	
	#fase5_2 .gpf-button-container {
		position: absolute;
		right: 35px;
		bottom: 40px;
	}






	/* FASE 6_2 - SUMMARY */
	

	#fase6_2 .gpf-detail-select {
		cursor: pointer;
		background: #414146;
		background-image: url("../images/button-arrow.svg");
		background-position: right;
		background-repeat: no-repeat;
		width: 300px;
		padding: 12px 0px 12px 20px;
		max-height: 48px;
		margin-left: 15px;
		margin-top: 40px;
	}

	#fase6_2 .gpf-detail-select a {
		color: #ffffff;
		text-transform: uppercase;
		font-size: 18px;
		text-decoration: none;
	}
		
	#fase6_2 .gpf-select {
		width: 94%;
	}
	
	#fase3_3 .gpf-detail-select, #fase3_4 .gpf-detail-select {
		cursor: pointer;
		background: #414146;
		background-image: url("../images/button-arrow.svg");
		background-position: right;
		background-repeat: no-repeat;
		width: 180px;
		padding: 12px 0px 12px 20px;
		max-height: 48px;
	}

	#fase3_3 .gpf-detail-select a, #fase3_4 .gpf-detail-select a {
		color: #ffffff;
		text-transform: uppercase;
		font-size: 18px;
		text-decoration: none;
	}
	
	#fase3_3 .gpf-hose-select-selected, #fase3_4 .gpf-hose-select-selected {
		display: none;
		position: absolute;
		top: 0px;
		left: 0px;
		font-size: 20px;
		color: #ffffff;
	}	
	
	
	
	/* FASE 7 - SUMMARY */
	

	#fase7 .gpf-detail-select {
		cursor: pointer;
		background: #414146;
		background-image: url("../images/button-arrow.svg");
		background-position: right;
		background-repeat: no-repeat;
		width: 270px;
		padding: 12px 0px 12px 20px;
		max-height: 48px;
		margin-left: 15px;
		margin-top: 40px;
	}

	#fase7 .gpf-detail-select a {
		color: #ffffff;
		text-transform: uppercase;
		font-size: 18px;
		text-decoration: none;
	}
		
	#fase7 .gpf-select {
		width: 94%;
	}
	
	
	
	
	
	/* FASE 8 - SEND CONFIGURATION */
	
	
	#fase8 .gpf-body{
		/*padding-left: 40px;*/
		width: 944px;
	}
	
	
	#fase8 input[type=text], #fase8 select {
		width: 93%;
	}

	#fase8 .gpf-detail-select {
		cursor: pointer;
		background: #414146;
		background-image: url(../images/button-arrow.svg);
		background-position: right;
		background-repeat: no-repeat;
		width: 400px;
		padding: 12px 30px 12px 0px;
		max-height: 48px;
		margin-left: 15px;
		margin-top: 40px;
		margin: 0 auto;
	}

	#fase8 .gpf-detail-select a {
		color: #ffffff;
		text-transform: uppercase;
		font-size: 18px;
		text-decoration: none;
	}
	
	#fase8 #div_form {
		padding-left:40px;
		overflow:hidden;
	}
	
	#fase8 #div_form .col-md-8 {
		margin-left: auto;
		margin-right: 48px;
	}
	
	#fase8 #div_form .col-md-8.privacy {margin-right:78px;}

	#fase8 input[type=radio], #fase8 a:not([data-fancybox]) {
		margin-top: 16px;
	}
	#fase8 a:not([data-fancybox]) {
		margin-top: 0px;
	}

	/* YOUR GOMAX PRODUCTS - parte sotto */


	.ygp-container {
		background: #414146; 
		width: 894px; 
		min-height: 90px; 
		overflow: auto; 
		float: none; 
		clear: both;
		padding: 8px 0px;
		padding-left: 50px;
	}

	.ygp-title {
		float: left;
		/*padding-top: 10px;*/
		padding-right: 20px;
		width: 100px;
	}

	.ygp-title h3 {
	    color: #ffffff;
		font-size: 26px;
		font-weight: 100;
		margin: 0;
		line-height: 26px;
		padding-top: 5px;
	}

	.ygp-product {
		float: left;
	}

	.ygp-selected-product, .ygp-internal-diameter, .ygp-fitting-a, .ygp-hose, .ygp-hose-active, .ygp-fitting-b, .ygp-accessories, .ygp-info {
		border: 2px solid #565656;
		border-radius: 9px;
		-moz-border-radius: 9px; /* firefox */
		-webkit-border-radius: 9px; /* safari, chrome */
		height: 64px;
		padding: 8px;
		min-width: 64px;
		margin-left: 14px;
	}

	.ygp-selected-product.attivo {
		float: left;
		padding: 0;
		overflow: visible;
		max-width: none;
		height: 80px;
		width: 80px;
		cursor: pointer;
	}

	.ygp-selected-product img {
		padding: 3px 15px;
		width: 48px;
		vertical-align:middle;
	}

	.ygp-selected-product, .ygp-internal-diameter, .ygp-product-type, .ygp-fitting-a, .ygp-hose, .ygp-hose-active, .ygp-fitting-b, .ygp-accessories, .ygp-info {
		float: left;
		text-align: center;
		color: #959595;
		font-size: 17px;
		line-height: 100%;
		cursor: pointer;
	}

	.ygp-internal-diameter.attivo p, #ygp-infinity-container .ygp-fitting-a.attivo p, #ygp-infinity-container .ygp-hose.attivo p {
		margin: 14px 0px;
	}

	.ygp-internal-diameter p span.diametro, #ygp-infinity-container .ygp-fitting-a p span, #ygp-infinity-container .ygp-hose p span, #ygp-zero-container .ygp-fitting-a p span {
		font-size: 30px;
		color: #ffffff;
	}


	.ygp-selected-product:hover, .ygp-internal-diameter:hover, .ygp-fitting-a:hover, .ygp-hose:hover, .ygp-fitting-b:hover, .ygp-accessories:hover {
		border: 2px solid #ff7300;
	}

	.attivo {
		opacity: 1;
	}

	.non-attivo {
		opacity: 0.5;
	}

	.ygp-hose-active {
		width: 150px;
	}

	.ygp-hose-active p, .ygp-fittings-active p {
		color: #ffffff;
		font-size: 24px;
		font-weight: 200;
		margin: 0;
		padding: 0;
		margin-top: 15px;
	}

	.ygp-hose-active p .ygp-hose-type, .ygp-fittings-active p .ygp-hose-type  {
		font-size: 16px;
	}

	.ygp-fittings-active p .ygp-hose-type  {
		opacity: 0.3;
	}

	.ygp-info {
		background: #ff7300;
		border-color:  #ff7300;
		margin-left: 15px;
		height: 40px;
		margin-top: 15px;
		display: none;
	}

	.ygp-info:hover {
		background: #ff7300;
		border-color:  #ffffff;
		margin-left: 15px;
	}

	.ygp-info p {
		padding-top: 12px;
		margin: 0;
	}

	.ygp-info a {
		color: #ffffff;
		font-weight: 500;
		text-decoration: none;
		padding-top: 30px;
		padding-left: 40px;
		padding-right: 40px;
	}
}











@media screen and (max-width: 1023px) {

	.gpf {width: 970px; margin: 0 auto; background: #ebebeb; max-height: 100%;}
	
	#gpf-maincontainer {}

	.gpf-maincontainer {
		padding: 40px;
		overflow: auto;
	}

	h2.gpf-main-title {
		display: none;
	}

	.gpf-container {}

	#gpf-container {}

	.gpf-prev {
		width: 160px;
		background: #ffffff;
		overflow: auto;
		height: 540px;
		float: left;
		display: none;
	}
	
	.gpf-select-img .familyimage, .gpf-select-img .video {
		width: 720px;
		height: auto;
		background: #ffffff;
	}
	
	.gpf-select-img video {
		background: #ffffff;
		-webkit-mask-image: -webkit-radial-gradient(white, black);
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
	}

	.gpf-prev-01 {
		width: 32px; 
		background: #b7b7b7; 
		float: left; 
		height: 100%;
		cursor: pointer;
	}

	#gpf-prev-01 {}

	.gpf-prev-02 {
		width: 128px; 
		background: #ffffff; 
		float: right;
	}

	#gpf-prev-02 {}
	
	.testata {
		float: none;
		clear: both;
		width: 100%;
		/*background: #E3E3E3;*/
		height: 94px;
		position: relative;
	}
	.testata-pagine {
		position: absolute;
		top: 0px;
		left: 0px;
		background: #f9f9f9;
		width: 890px;
		height: 94px;
	}
	
	.testata-title {
		position: absolute;
		top: 0px;
		left: 0px;
		height: 94px;
	}
	
	.testata-title h2 {
		padding: 0;
		margin: 0;
		width: 890px;
		text-align: center;
		padding-top: 25px;
		font-size: 36px;
	}

	.numero-attivo {
		background: #ff7300;
		color: #ffffff;
		width: 60px;
		max-height: 48px;
		text-align: center;
		font-size: 36px;
		padding-top: 5px;
		padding-bottom: 6px;
		position: absolute;
		top: 23px;
		left: 23px;
	}
	
	.numero-inattivo {
		background: #282b34;
		color: #ffffff;
		width: 60px;
		max-height: 48px;
		text-align: center;
		font-size: 36px;
		padding-top: 5px;
		padding-bottom: 6px;
		position: absolute;
		top: 23px;
		right: 23px;
	}
	
	.triangle-left {
		width: 0;
		height: 0;
		border-top: 47px solid transparent;
		border-right: 12px solid #f9f9f9;
		border-bottom: 47px solid transparent;
		position: absolute;
		top: 0px;
		left: -12px;
		cursor: pointer;
	}

	.triangle-right {
		width: 0;
		height: 0;
		border-top: 47px solid transparent;
		border-left: 12px solid #f9f9f9;
		border-bottom: 47px solid transparent;
		position: absolute;
		top: 0px;
		right: -12px;
	}
	
	.gpf-body {
		background: #ffffff;
		/*float: left;*/
		min-height: 540px;
		width: 100%;
		overflow: auto;
		padding-bottom: 90px;
	}

	#gpf-body {}

	.gpf-next {
		width: 100px;
		background: #a9a9a9;
		overflow: auto;
		height: 540px;
		float: left;
		display: none;
	}

	#gpf-next {}

	.gpf-next-01 {
		width: 12px;
		float: left;
	}

	#gpf-next-01 {}

	.gpf-next-02 {
		float: left;
		width: 88px;
	}

	#gpf-next-02 {}

	.gpf-title {
		height: 190px;
		width: 790px;
		float: none;
		clear: both;
		padding-left: 30px;
		padding-right: 30px;
	}

	#gpf-title {}

	.gpf-icon {float: left; font-size: 35px; color: #b7b7b7; padding-top: 40px;}

	.gpf-title h2 {float: left; padding: 0px 20px; font-size: 48px; color: #ff7300; font-weight: 400; margin: 0px; padding-top: 32px; width: 100%-30px;}

	.gpf-title h4 {font-size: 33px; color: #000000; font-weight: 200; margin: 0px; padding-left: 45px; padding-top: 10px; margin-bottom: 40px; clear: both; float: none;}

	#numero-inattivo {}

	#numero-attivo {}

	.ruota-container {
		width: 128px; 
		float: none; 
		clear: both; 
		position: relative;
	}

	#ruota-container {}

	.ruota {
		transform:rotate(270deg);
		transform-origin: 0 0;
		/* Safari and Chrome */
		-webkit-transform: rotate(270deg);
		/* Opera */
		-o-transform: rotate(270deg);
		/* Firefox */
		-moz-transform: rotate(270deg);
		/* IE 9 */
		-ms-transform: rotate(270deg);
		width: 440px;
		height: 48px;
		position: absolute;
		top: 440px;
		left: 40px;
	}

	.gpf-shadow {
		width: 100%; 
		height: 50px; 
		background-image: url('../images/2.png'); 
		background-repeat: no-repeat; 
		background-size: 100% 50px;
	}



	
	.hose-select-text {
		font-size: 20px;
	}	
	
	/*  QUADRA DN2 FASE 1   */
	
		
	#fase1 .gpf-select {
		float: none;
		clear: both;
		width: 100%;
	}
	
	#fase1 h4 {
		font-size: 30px;
	}

	#fase1 .gpf-detail {
		float: none;
		clear: both;
		padding: 0px 40px;
		width: 810px;
		overflow: auto;
		position: relative;
		margin-top: 40px;
		/*margin-bottom: 60px;*/
	}

	#fase1 .gpf-select-img {
		width: 720px;
		height: auto;
		padding-left: 85px;
		padding-top: 20px;
		margin: 0 auto;
	}

	#fase1 .gpf-detail-img {
		margin: 20px 20px 20px 0px;
		float: left;
		height: 180px;
		width: 180px;
		overflow: hidden;
	}

	#fase1 .gpf-detail-desc {
		width: 580px;
		padding: 20px 0px 20px 0px;
		float: left;
		font-size: 32px;
	}

	#fase1 .gpf-detail-select {
		cursor: pointer;
		background: #414146;
		background-image: url("../images/button-arrow.svg");
		background-position: right;
		background-repeat: no-repeat;
		width: 97%;
		padding: 24px 0px 24px 40px;
		max-height: 90px;
		float: none;
		clear: both;
	}

	#fase1 .gpf-detail-select a {
		color: #ffffff;
		text-transform: uppercase;
		font-size: 40px;
		text-decoration: none;
	}
	
	#fase1 .gpf-form-input-radio {
		/*border: 2px solid #ff7300;*/
		border: 2px solid #dddddd;
		float: left;
		width: 15.1%;
		font-size: 28px;
		height: 125px;
		margin-right: 3%;
		text-align: center;
	}
	
	#fase1 .gpf-form-input-radio:last-child {
		margin-right: 0;
	}
	
	#fase1 .gpf-form-input-radio label:before {
		content: '\A';
		display: block;
	}


	#fase1 label {
		display: block;
	}
	
	




	/*  QUADRA DN2 FASE 2   */

	
	#fase2 .gpf-body-select {
		border: 2px solid #d9d9d9;
		border-radius: 16px;
		-moz-border-radius: 16px; /* firefox */
		-webkit-border-radius: 16px; /* safari, chrome */
		/*height: 110px;*/
		padding: 8px;
		min-width: 64px;
		margin: 0 auto;
		cursor: pointer;
		margin-top: 110px;
		max-width: 850px;
		width: 85%;
		overflow: auto;
		position: relative;
	}

	#fase2 .gpf-body-select:nth-child(1) {
		margin-top: 120px;
	}
	
	#fase2 .gpf-body-select:hover {
		border: 2px solid #ff7300;
	}

	#fase2 .gpf-body-select-title {
		color: #ff7300;
		font-size: 36px;
		width: 90%;
		padding-right: 30px;
		padding-left: 30px;
		margin-top: 0px;
	}
	
	#fase2 .gpf-body-select-title h2 {
		margin: 0px;
	}

	#fase2 .gpf-body-select-desc {
		color: #000000;
		font-size: 28px;
		line-height: 30px;
		width: 90%px;
		margin-top: 15px;
		padding-left: 30px;
		margin-bottom: 15px;
	}

	#fase2 .gpf-body-select-icon {
		color: #d9d9d9;
		float: right;
		padding-right: 25px;
		font-size: 42px;
		margin-top: 34px;
		position: absolute;
		top: 13px;
		right: 20px;
	}

	#fase2 .gpf-body-select-icon:hover {
		color: #ff7300;
	}






	/*  QUADRA DN2 FASE 3  */

	
	#fase3 .gpf-body {
		background: #ffffff;
		/*float: left;*/
		height: auto;
		width: 890px;
		overflow: auto;
		padding-bottom: 40px;
	}
	
	#fase3 .gpf-hose-select-title {
		float: none;
		clear: both;
		font-size: 32px;
		font-weight: 500;
		padding: 25px 0px;
		padding-left: 40px;
	}

	#fase3 .gpf-hose-select-container {
		float: none;
		clear: both;
		overflow: auto;
		padding-left: 40px;
	}

	#fase3 .gpf-hose-select {
		float: left;
		text-align: center;
		width: 46.2%;
		height: 225px;
		margin-right: 3%;
		margin-bottom: 3%;
		/*background: #d9d9d9;
		border: 2px solid #d9d9d9;*/
		position: relative;
	}

	#fase3 .gpf-hose-select:nth-child(8), .gpf-hose-select:nth-child(4) {
		margin-right: 0px;
	}
	
	#fase3 .gpf-hose-select:hover {
		/*background: #ff7300;
		cursor: pointer;
		border: 2px solid #ff7300;*/
	}
	#fase3 .gpf-hose-select .hose-select-wrapper {
		background: #d9d9d9;
		border: 2px solid #d9d9d9;
	}
	
	#fase3 .gpf-hose-select:hover .hose-select-wrapper {
		/*background: #ff7300;*/
		cursor: pointer;
		border: 2px solid #ff7300;
	}	

	#fase3 .gpf-hose-select-select .hose-select-wrapper {
		background: #ff7300;
		border: 2px solid #ff7300;
	}

	#fase3 .gpf-hose-select:hover {
		/*background: #ff7300;
		cursor: pointer;
		border: 2px solid #ff7300;*/
	}

	#fase3 .gpf-hose-select-select {
		/*background: #ff7300;
		border: 2px solid #ff7300;*/
	}

	#fase3 .gpf-hose-select-img {
		padding-top: 30px;
		padding-bottom: 25px;
	}

	#fase3 .gpf-hose-select-img img {
		width: 85%;
		height: auto;
	}

	#fase3 .gpf-hose-select-code {
		font-size: 32px;
		font-weight: 500;
	}

	#fase3 .gpf-hose-select-type {
		font-size: 30px;
		font-weight: 200;
		font-style: italic;
	}

	#fase3 .gpf-hose-select-selected {
		display: none;
		position: absolute;
		top: 0px;
		left: 0px;
		font-size: 40px;
		color: #ffffff;
	}

	#fase3 .gpf-hose-select-del-selected {
		display: none;
		position: absolute;
		top: 0px;
		right: 0px;
		font-size: 40px;
		color: #ffffff;
		z-index: 9999;
	}
	
	#fase3 .gpf-detail-select {
		cursor: pointer;
		background: #414146;
		background-image: url("../images/button-arrow.svg");
		background-position: right;
		background-repeat: no-repeat;
		width: 91%;
		padding: 24px 0px 24px 40px;
		max-height: 90px;
		float: none!important;
		clear: both;
		margin-left: 40px;
	}

	#fase3 .gpf-detail-select a {
		color: #ffffff;
		text-transform: uppercase;
		font-size: 40px;
		text-decoration: none;
	}







	/*  QUADRA DN2 FASE 4  */


	#fase4 .gpf-hose-select-title {
		float: none;
		clear: both;
		font-size: 16px;
		font-weight: 500;
		padding: 15px 0px;
	}

	#fase4 .gpf-hose-select-container {
		float: none;
		clear: both;
		overflow: auto;
		width: 100%;
	}

	#fase4 .gpf-hose-select {
		float: left;
		text-align: center;
		width: 23%;
		height: 156px;
		margin-right: 2%;
		margin-bottom: 2%;
		background: #d9d9d9;
		border: 2px solid #d9d9d9;
		position: relative;
	}

	#fase4 .gpf-hose-select:nth-child(8), #fase4 .gpf-hose-select:nth-child(4), #fase4 .gpf-hose-select:last-child {
		margin-right: 0px;
	}

	#fase4 .gpf-hose-select:hover {
		/*background: #ff7300;*/
		cursor: pointer;
		border: 2px solid #ff7300;
	}

	#fase4 .gpf-hose-select-select {
		background: #ff7300;
		border: 2px solid #ff7300;
	}

	#fase4 .gpf-hose-select-img {
		padding-top: 15px;
		padding-bottom: 15px;
	}

	#fase4 .gpf-hose-select-img img {
		width: 70%;
		height: auto;
	}

	#fase4 .gpf-hose-select-code {
		font-size: 14px;
		font-weight: 500;
	}

	#fase4 .gpf-hose-select-type {
		font-size: 14px;
		font-weight: 200;
		font-style: italic;
	}

	#fase4 .gpf-hose-select-selected {
		display: none;
		position: absolute;
		top: 0px;
		left: 0px;
		font-size: 40px;
		color: #ffffff;
	}

	#fase4 .gpf-hose-select-del-selected {
		display: none;
		position: absolute;
		top: 0px;
		right: 0px;
		font-size: 40px;
		color: #ffffff;
		z-index: 9999;
	}

	#fase4 .gpf-hose-select-del-selected:hover {
		color: #AB1F1F;
	}

	#fase4 .gpf-detail {
		float: none;
		clear: both;
		padding-top: 40px;
		padding-left: 40px;
	}

	#fase4 #gpf-detail {}

	#fase4 .gpf-select-img {
		width: 440px;
		height: auto;
		padding-left: 180px;
		padding-top: 20px;
	}

	#fase4 .gpf-detail-img {
		padding-bottom: 20px;
		padding-left: 15px;
	}

	#fase4 .gpf-detail-img img {
		max-width: 400px;
		max-height: 400px;
	}

	#fase4 .gpf-detail-desc {
		width: 94%;
		padding-bottom: 45px;
	}

	#fase4 .gpf-detail-select {
		cursor: pointer;
		background: #414146;
		background-image: url("../images/button-arrow.svg");
		background-position: right;
		background-repeat: no-repeat;
		width: 91%;
		padding: 24px 0px 24px 40px;
		max-height: 90px;
		float: none!important;
		clear: both;
		/*margin-left: 40px;*/
	}

	#fase4 .gpf-detail-select a {
		color: #ffffff;
		text-transform: uppercase;
		font-size: 40px;
		text-decoration: none;
	}

	#fase4 .gpf-select {
		float: none;
		clear: both;
		width: 91%;
		margin-left: 40px;
	}

	#fase4 .gpf-detail-desc {
		color: #565656;
		font-size: 30px;
		font-weight: 200;
		padding-left: 15px;
	}

	#fase4 .gpf-form-title {
		color: #414146;
		font-size: 30px;
		font-weight: 200;
		margin-top: 8px;
		margin-bottom: 12px;
		padding-left: 15px;
	}

	#fase4 .gpf-form {
		margin-bottom: 60px;
		/*height: 120px;*/
		font-size: 28px;
	}

	#fase4 .gpf-form-input-radio {
		padding: 24px 7px;
		width: 94%;
		margin-bottom: 30px;
	}

	#fase4 .gpf-detail-img-container {
		/*height: 158px;*/
	}

	#fase4 .gpf-detail-fit {
		display: none;
	}

	#fase4 .gpf-detail-fit-00 {
		display: block;
		height: 0px;
	}






	/*  QUADRA DN2 FASE 5  */


	#fase5 .gpf-hose-select-title {
		float: none;
		clear: both;
		font-size: 16px;
		font-weight: 500;
		padding: 15px 0px;
	}

	#fase5 .gpf-hose-select-container {
		float: none;
		clear: both;
		overflow: auto;
		width: 100%;
	}

	#fase5 .gpf-hose-select {
		float: left;
		text-align: center;
		width: 22.5%;
		height: 150px;
		margin-right: 2%;
		margin-bottom: 2%;
		background: #d9d9d9;
		border: 2px solid #d9d9d9;
		position: relative;
		overflow: hidden;
	}

	#fase5 .gpf-hose-select:nth-child(8), #fase5 .gpf-hose-select:nth-child(4) {
		/*margin-right: 0px;*/
	}

	#fase5 .gpf-hose-select:hover {
		/*background: #ff7300;*/
		cursor: pointer;
		border: 2px solid #ff7300;
	}

	#fase5 .gpf-hose-select-select {
		background: #ff7300;
		border: 2px solid #ff7300;
	}

	#fase5 .gpf-hose-select-img {
		/*padding-top: 15px;
		padding-bottom: 15px;*/
		height: 150px;
		line-height: 150px;
	}

	#fase5 .gpf-hose-select-img img {
		max-height: 8vh;
		max-width: 82%;
		vertical-align: middle;
	}

	#fase5 .gpf-hose-select-code {
		font-size: 14px;
		font-weight: 500;
	}

	#fase5 .gpf-hose-select-type {
		font-size: 14px;
		font-weight: 200;
		font-style: italic;
	}

	#fase5 .gpf-hose-select-selected {
		display: none;
		position: absolute;
		top: 0px;
		left: 0px;
		font-size: 40px;
		color: #ffffff;
	}

	#fase5 .gpf-hose-select-del-selected {
		display: none;
		position: absolute;
		top: 0px;
		right: 0px;
		font-size: 40px;
		color: #ffffff;
		z-index: 9999;
	}

	#fase5 .gpf-hose-select-del-selected:hover {
		color: #AB1F1F;
	}

	#fase5 .gpf-detail {
		float: left;
		padding-top: 0px;
		/*height: 440px;*/
		width: 95%;
		overflow: auto;
		position: relative;
	}

	#fase5 #gpf-detail {}

	#fase5 .gpf-select-img {
		width: 440px;
		height: auto;
		padding-left: 180px;
		padding-top: 20px;
	}

	#fase5 .gpf-detail-img {
		padding-bottom: 20px;
		/*padding-left: 15px;*/
	}

	#fase5 .gpf-detail-img img {
		max-width: 300px;
		max-height: 85px;
	}

	#fase5 .gpf-detail-desc {
		width: 100%;
		padding-bottom: 45px;
	}

	#fase5 .gpf-detail-select {
		/*
		cursor: pointer;
		background: #414146;
		background-image: url("../images/button-arrow.svg");
		background-position: right;
		background-repeat: no-repeat;
		width: 180px;
		*/
		/*padding: 0;
		padding-top: 14px;
		height: 34px;
		width: 48px;
		text-align: center;
		margin-right: 20px;
	}

	#fase5 .gpf-detail-select:nth-child(2) {
		margin-right: 0px;*/
	}

	#fase5 .gpf-detail-select {
		cursor: pointer;
		background: #414146;
		background-image: url("../images/button-arrow.svg");
		background-position: right;
		background-repeat: no-repeat;
		width: 90%;
		padding: 24px 0px 24px 40px;
		max-height: 90px;
		float: none!important;
		clear: both;
		margin-left: 40px;
	}

	#fase5 .gpf-detail-select a {
		color: #ffffff;
		text-transform: uppercase;
		font-size: 40px;
		text-decoration: none;
	}

	#fase5 .gpf-select {
		float: left;
		width: 91%;
		padding-left: 40px;
	}

	#fase5 .gpf-detail-desc {
		color: #565656;
		font-size: 30px;
		font-weight: 200;
		line-height: 42px;
		/*padding-left: 15px;*/
	}

	#fase5 .gpf-detail-desc h2 {
		color: #666666;
		font-size: 36px;
		font-weight: 500;
	}

	#fase5 .gpf-form-title {
		color: #414146;
		font-size: 30px;
		font-weight: 200;
		margin-top: 8px;
		margin-bottom: 12px;
		float: none;
		clear: both;
		/*padding-left: 15px;*/
	}

	#fase5 .gpf-form {
		margin-bottom: 30px;
		height: 50px;
		font-size: 30px;
	}


	#fase5 .gpf-form-input-radio {
		padding: 25px 7px;
		width: 91%;
		margin-bottom: 5px;
	}

	#fase5 .gpf-form-input-radio:hover {
		border: none;
		cursor: auto;
	}

	#fase5 .gpf-detail-img-container {
		/*height: 220px;*/
		overflow: auto;
		padding-bottom: 40px;
	}
	
	#fase5 .gpf-detail-fit, #fase5 .gpf-detail-acc {
		display: none;
		padding-left: 40px;
		overflow: auto;
    	padding-bottom: 40px;
	}

	#fase5 .gpf-detail-fit {
		display: none;
	}

	#fase5 .gpf-detail-fit-00 {
		display: block;
		height: 338px;
	}

	#fase5 .gpf-button-container {
		/*padding-left: 300px;
		text-align: right;*/
		width: 120px;
		overflow: auto;
		position: absolute;
		bottom: 10px;
		right: 10px;
	}

	#fase5 .go {
		background: #ff7300;
		cursor: pointer;
		float: left;
	}

	#fase5 .nongo {
		background: #414146;
		cursor: default;
		float: left;
	}

	#fase5 .nongo a {
		opacity: 0.5;
	}
	
	#fase5 .gpf-detail-desc-txt {
		float: none;
		clear: both;
		width: 100%;
		overflow: auto;
	}
	
	#fase5 .gpf-detail-desc-txt-column {
		float: left;
		width: 95%;
		margin-bottom: 10px;
	}
	
	#fase5 .gpf-detail-desc-txt-column:last-child {
		margin-left: 0px;
	}






	/*  QUADRA DN2 FASE 6  */


	#fase6 .gpf-hose-select-title {
		float: none;
		clear: both;
		font-size: 16px;
		font-weight: 500;
		padding: 15px 0px;
	}

	#fase6 .gpf-hose-select-container {
		float: none;
		clear: both;
		overflow: auto;
		width: 100%;
	}

	#fase6 .gpf-hose-select {
		float: left;
		text-align: center;
		width: 182px;
		height: 182px;
		margin-right: 2%;
		margin-bottom: 2%;
		background: #d9d9d9;
		border: 2px solid #d9d9d9;
		position: relative;
		overflow: hidden;
		line-height: 190px;
	}

	#fase6 .gpf-hose-select:nth-child(8), #fase6 .gpf-hose-select:nth-child(4) {
		/*margin-right: 0px;*/
	}

	#fase6 .gpf-hose-select:hover {
		/*background: #ff7300;*/
		cursor: pointer;
		border: 2px solid #ff7300;
	}

	#fase6 .gpf-hose-select-select {
		background: #ff7300;
		border: 2px solid #ff7300;
	}

	#fase6 .gpf-hose-select-img {
		/*padding-top: 15px;
		padding-bottom: 15px;*/
		height: 194px;
    	line-height: 194px;
	}

	#fase6 .gpf-hose-select-img img {
		max-height: 80%;
		max-width: 80%;
		vertical-align: middle;
	}

	#fase6 .gpf-hose-select-code {
		font-size: 14px;
		font-weight: 500;
	}

	#fase6 .gpf-hose-select-type {
		font-size: 14px;
		font-weight: 200;
		font-style: italic;
	}

	#fase6 .gpf-hose-select-selected {
		display: none;
		position: absolute;
		top: 0px;
		left: 0px;
		font-size: 40px;
		color: #ffffff;
		line-height: 150%;
	}

	#fase6 .gpf-hose-select-del-selected {
		display: none;
		position: absolute;
		top: 0px;
		right: 0px;
		font-size: 40px;
		color: #ffffff;
		z-index: 9999;
		line-height: 150%;
	}

	#fase6 .gpf-hose-select-del-selected:hover {
		color: #AB1F1F;
	}

	#fase6 .gpf-detail {
		float: left;
		padding-top: 0px;
		position: relative;
		width: 97%;
		height: auto;
	}

	#fase6 #gpf-detail {}
	
	#fase6 .gpf-detail-acc2 {
		display: none;
		margin-left: 20px;
	}
	
	#fase6 .gpf-detail-desc-txt {
		float: none;
		clear: both;
		width: 100%;
		overflow: auto;
	}
	
	#fase6 .gpf-detail-desc-txt-column {
		float: left;
		width: 100%;
		margin-bottom: 10px;
	}
	
	#fase6 .gpf-detail-desc-txt-column:last-child {
		margin-left: 0px;
	}

	#fase6 .gpf-select-img {
		width: 440px;
		height: auto;
		padding-left: 180px;
		padding-top: 20px;
	}

	#fase6 .gpf-detail-img {
		padding-bottom: 20px;
		/*padding-left: 15px;*/
	}

	#fase6 .gpf-detail-img img {
		max-width: 300px;
		max-height: 85px;
	}

	#fase6 .gpf-detail-desc {
		width: 98%;
		padding-bottom: 10px;
	}

	#fase6 .gpf-detail-select {
		cursor: pointer;
		background: #414146;
		background-image: url("../images/button-arrow.svg");
		background-position: right;
		background-repeat: no-repeat;
		width: 90.8%;
		padding: 24px 0px 24px 40px;
		max-height: 90px;
		float: none!important;
		clear: both;
		margin-left: 40px;
	}

	#fase6 .gpf-detail-select a {
		color: #ffffff;
		text-transform: uppercase;
		font-size: 40px;
		text-decoration: none;
	}

	#fase6 .gpf-detail-select:nth-child(2) {
		margin-right: 0px;
	}

	#fase6 .gpf-select {
		float: left;
		width: 93%;
		padding-left: 40px;
		padding-right: 15px;
	}

	#fase6 .gpf-detail-desc {
		color: #565656;
		font-size: 29px;
		font-weight: 200;
		padding-left: 15px;
		line-height: 36px;
	}

	#fase6 .gpf-detail-desc h2 {
		color: #666666;
		font-size: 34px;
		font-weight: 500;
	}

	#fase6 .gpf-form-title {
		color: #414146;
		font-size: 30px;
		font-weight: 200;
		margin-top: 20px;
		margin-bottom: 12px;
		padding-left: 15px;
	}

	#fase6 .gpf-form {
		margin-bottom: 40px;
		min-height: 50px;
		font-size: 28px;
		margin-left: 15px;
		height: auto;
	}


	#fase6 .gpf-form-input-radio {
		padding: 15px 6px;
    	width: 95%;
		margin-bottom: 10px;
	}

	#fase6 .gpf-detail-img-container {
		/*height: 220px;*/
		overflow: auto;
		width: 97%;
	}

	#fase6 .gpf-detail-fit {
		display: none;
	}

	#fase6 .gpf-detail-fit-00 {
		display: block;
		height: 338px;
	}

	#fase6 .gpf-button-container {
		/*padding-left: 300px;*/
		width: 120px;
		/*text-align: right;*/
		overflow: auto;
		bottom: 10px;
		right: 10px;
		position: absolute;
	}

	#fase6 .go {
		background: #ff7300;
		cursor: pointer;
		float: left;
	}

	#fase6 .nongo {
		background: #414146;
		cursor: default;
		float: left;
	}

	#fase6 .nongo a {
		opacity: 0.5;
	}



	/*  QUADRA DN2 FASE 6_2  */	
	
	
	#fase6_2 .gpf-select {
		float: left;
		padding-left: 40px;
		padding-right: 15px;
	}	
	

	/*  QUADRA DN2 FASE 7  */	
	
	
	#fase7 .gpf-select {
		float: left;
		padding-left: 40px;
		padding-right: 15px;
	}
	
	

	

	/*  QUADRA DN2 FASE 4_2  */


	#fase4_2 .gpf-hose-select-title {
		float: none;
		clear: both;
		font-size: 16px;
		font-weight: 500;
		padding: 15px 0px;
	}

	#fase4_2 .gpf-hose-select-container {
		float: none;
		clear: both;
		overflow: auto;
		width: 100%;
	}

	#fase4_2 .gpf-hose-select {
		float: left;
		text-align: center;
		width: 22.5%;
		/*height: 100px;*/
		margin-right: 2%;
		margin-bottom: 2%;
		background: #d9d9d9;
		border: 2px solid #d9d9d9;
		position: relative;
	}

	#fase4_2 .gpf-hose-select:nth-child(8), #fase4_2 .gpf-hose-select:nth-child(4) {
		margin-right: 0px;
	}

	#fase4_2 .gpf-hose-select:hover {
		/*background: #ff7300;*/
		cursor: pointer;
		border: 2px solid #ff7300;
	}

	#fase4_2 .gpf-hose-select-select {
		background: #ff7300;
		border: 2px solid #ff7300;
	}

	#fase4_2 .gpf-hose-select-img {
		padding-top: 15px;
		padding-bottom: 15px;
	}

	#fase4_2 .gpf-hose-select-img img {
		width: 70%;
		height: auto;
	}

	#fase4_2 .gpf-hose-select-code {
		font-size: 14px;
		font-weight: 500;
	}

	#fase4_2 .gpf-hose-select-type {
		font-size: 14px;
		font-weight: 200;
		font-style: italic;
	}

	#fase4_2 .gpf-hose-select-selected {
		display: none;
		position: absolute;
		top: 0px;
		left: 0px;
		font-size: 20px;
		color: #ffffff;
	}

	#fase4_2 .gpf-hose-select-del-selected {
		display: none;
		position: absolute;
		top: 0px;
		right: 0px;
		font-size: 20px;
		color: #ffffff;
		z-index: 9999;
	}

	#fase4_2 .gpf-hose-select-del-selected:hover {
		color: #AB1F1F;
	}

	#fase4_2 .gpf-detail {
		float: left;
		padding-top: 0px;
	}

	#fase4_2 #gpf-detail {}

	#fase4_2 .gpf-select-img {
		width: 440px;
		height: auto;
		padding-left: 180px;
		padding-top: 20px;
	}

	#fase4_2 .gpf-detail-img {
		padding-bottom: 20px;
		padding-left: 15px;
	}

	#fase4_2 .gpf-detail-img img {
		max-width: 300px;
		max-height: 85px;
	}

	#fase4_2 .gpf-detail-desc {
		width: 320px;
		padding-bottom: 45px;
	}

	#fase4_2 .gpf-detail-select {
		cursor: pointer;
		background: #414146;
		background-image: url("../images/button-arrow.svg");
		background-position: right;
		background-repeat: no-repeat;
		width: 92.8%;
		padding: 24px 0px 24px 40px;
		max-height: 90px;
		float: none!important;
		clear: both;
		/*margin-left: 40px;*/
		margin-top: 40px;
	}

	#fase4_2 .gpf-detail-select a {
		color: #ffffff;
		text-transform: uppercase;
		font-size: 40px;
		text-decoration: none;
	}

	#fase4_2 .gpf-select {
		float: left;
		width: 93.5%;
		margin-left: 40px;
	}

	#fase4_2 .gpf-select:nth-child(1) {
		/*padding-right: 20px;
		margin-right: 25px;
		border-right: 1px solid #cccccc;*/
	}

	#fase4_2 .gpf-detail-desc {
		color: #565656;
		font-size: 14px;
		font-weight: 200;
		padding-left: 15px;
	}

	#fase4_2 .gpf-form-title {
		color: #414146;
		font-size: 14px;
		font-weight: 200;
		margin-top: 8px;
		margin-bottom: 12px;
		padding-left: 15px;
	}

	#fase4_2 .gpf-form {
		margin-bottom: 30px;
		height: 120px;
	}

	#fase4_2 .gpf-form-input-radio {
		padding: 8px;
		width: 380px;
		margin-bottom: 5px;
	}

	#fase4_2 .gpf-detail-img-container {
		height: 150px;
	}

	#fase4_2 .gpf-detail-fit {
		display: none;
	}

	#fase4_2 .gpf-detail-fit-00 {
		display: block;
		height: 338px;
	}
	
	#fase4_2 .gpf-button-container {
		position: relative;
		width: 100%;
		height: 48px;
		margin-top: 20px;
	}



	/*  QUADRA DN2 FASE 5_2  */


	#fase5_2 .gpf-product-container {
		/*float: left;*/
		width: 95%;
		margin-left: 40px;
	}

	#fase5_2 .gpf-detail {
		/* float: left;
		padding-top: 120px;
		height: 370px; */
		position: relative;
		width: 95%;
		overflow: auto;
		margin-left: 40px;
	}
	
	#fase5_2 .gpf-detail-sub {
		/*position: absolute;
		left: 10px;
		top: 230px;*/
		margin-top: 40px;
		margin-bottom: 40px;
	}
	
	#fase5_2 .gpf-detail-sub h4 {
		font-size: 30px;
		margin: 10px 0px;
	}
	
	#fase5_2 .gpf-detail-sub h5 {
		font-size: 28px;
		margin: 10px 0px;
		font-weight: 300;
		font-style: italic;
	}
	
	#fase5_2 .gpf-detail-sub input {
		font-size: 28px;
	}

	#fase5_2 .gpf-hose-select-title {
		float: none;
		clear: both;
		font-size: 32px;
		font-weight: 500;
		padding: 15px 0px;
	}

	#fase5_2 .gpf-hose-select-container {
		float: none;
		clear: both;
		overflow: visible;
	}

	#fase5_2 .gpf-hose-select {
		float: left;
		text-align: center;
		width: 47%;
		height: 155px;
		margin-right: 2%;
		/*background: #d9d9d9;
		border: 2px solid #d9d9d9;*/
		position: relative;
	}
	
	#fase5_2 .gpf-hose-select:hover {
		/*background: #ff7300;
		cursor: pointer;
		border: 2px solid #ff7300;*/
	}
	#fase5_2 .gpf-hose-select .hose-select-wrapper {
		background: #d9d9d9;
		border: 2px solid #d9d9d9;
	}
	
	#fase5_2 .gpf-hose-select:hover .hose-select-wrapper {
		/*background: #ff7300;*/
		cursor: pointer;
		border: 2px solid #ff7300;
	}	

	#fase5_2 .gpf-hose-select-select .hose-select-wrapper {
		background: #ff7300;
		border: 2px solid #ff7300;
	}
	

	#fase5_2 .gpf-hose-select-select {
		/*background: #ff7300;
		border: 2px solid #ff7300;*/
	}

	#fase5_2 .gpf-hose-select-img {
		padding-top: 15px;
		padding-bottom: 15px;
	}

	#fase5_2 .gpf-hose-select-img img {
		width: 85%;
		height: auto;
	}

	#fase5_2 .gpf-hose-select-code {
		font-size: 14px;
		font-weight: 500;
	}

	#fase5_2 .gpf-hose-select-type {
		font-size: 14px;
		font-weight: 200;
		font-style: italic;
	}

	#fase5_2 .gpf-hose-select-selected {
		display: none;
		position: absolute;
		top: 0px;
		left: 0px;
		font-size: 20px;
		color: #ffffff;
	}

	#fase5_2 .gpf-hose-select-del-selected {
		display: none;
		position: absolute;
		top: 0px;
		right: 0px;
		font-size: 20px;
		color: #ffffff;
		z-index: 9999;
	}
	
	#fase5_2 .gpf-detail-select {
		cursor: pointer;
		background: #414146;
		background-image: url("../images/button-arrow.svg");
		background-position: right;
		background-repeat: no-repeat;
		width: 94%;
		padding: 24px 0px 24px 20px;
		max-height: 90px;
		margin-top: 60px;
	}

	#fase5_2 .gpf-detail-select a {
		color: #ffffff;
		text-transform: uppercase;
		font-size: 40px;
		text-decoration: none;
	}
	
	#fase5_2 .gpf-button-container {
		/*position: absolute;
		right: 35px;
		bottom: 40px;*/
	}







	
	/* FASE 6_2 - SUMMARY */
	
	
	#fase6_2 .gpf-select {
		width: 92%;
		font-size: 26px;
	}
	
	#fase6_2 .gpf-select h3 {
		font-size: 28px;
	}

	#fase6_2 .gpf-detail-select {
		cursor: pointer;
		background: #414146;
		background-image: url("../images/button-arrow.svg");
		background-position: right;
		background-repeat: no-repeat;
		width: 93%;
		padding: 20px 0px 20px 20px;
		max-height: 60px;
		margin-left: 15px;
		margin-top: 50px;
	}

	#fase6_2 .gpf-detail-select a {
		color: #ffffff;
		text-transform: uppercase;
		font-size: 40px;
		text-decoration: none;
	}	



	#fase3_3 .gpf-detail-select, #fase3_4 .gpf-detail-select {
		cursor: pointer;
		background: #414146;
		background-image: url("../images/button-arrow.svg");
		background-position: right;
		background-repeat: no-repeat;
		width: 97%;
		padding: 24px 0px 24px 40px;
		max-height: 90px;
		float: none;
		clear: both;
	}

	#fase3_3 .gpf-detail-select a, #fase3_4 .gpf-detail-select a {
		color: #ffffff;
		text-transform: uppercase;
		font-size: 40px;
		text-decoration: none;
	}
	#fase3_3 .gpf-hose-select-selected, #fase3_4 .gpf-hose-select-selected {
		display: none;
		position: absolute;
		top: 0px;
		left: 0px;
		font-size: 20px;
		color: #ffffff;
	}	

	#fase3_3 .gpf-detail-sub h5 {
		font-size: 28px;
		margin: 10px 0px;
		font-weight: 300;
		font-style: italic;
	}




	
	
	/* FASE 7 - SUMMARY */
	
	
	#fase7 .gpf-select {
		width: 92%;
		font-size: 26px;
		column-count: 2;
	}
	
	#fase7 .gpf-select h3 {
		font-size: 28px;
	}

	#fase7 .gpf-detail-select {
		cursor: pointer;
		background: #414146;
		background-image: url("../images/button-arrow.svg");
		background-position: right;
		background-repeat: no-repeat;
		width: 93%;
		padding: 20px 0px 20px 20px;
		max-height: 60px;
		margin-left: 15px;
		margin-top: 50px;
	}

	#fase7 .gpf-detail-select a {
		color: #ffffff;
		text-transform: uppercase;
		font-size: 40px;
		text-decoration: none;
	}
	
	
	
	
	
	
	/* FASE 8 - SEND CONFIGURATION */
	
	
	#fase8 .gpf-body{
		padding-left: 40px;
		width: 850px;
		font-size: 30px!important;
		height: 930px!important;
	}
	
	#fase8 input[type=text], #fase8 select {
		width: 93%;
		font-size: 30px;
	}

	#fase8 input[type=radio], #fase8 a:not([data-fancybox]) {
		font-size: 20px!important;
		margin-top: 30px;
	}
	
	#fase8 .gpf-form-radio-label {
		font-size: 20px;
	}
	
	#fase8 .gpf-send {
		cursor: pointer;
		background: #414146;
		background-image: url("../images/button-arrow.svg");
		background-position: right;
		background-repeat: no-repeat;
		width: 98%;
		padding: 20px 0px 20px 20px;
		max-height: 60px;
		margin-left: 0px;
		margin-top: 50px;
	}

	#fase8 .gpf-send a {
		color: #ffffff;
		text-transform: uppercase;
		font-size: 40px!important;
		text-decoration: none;
		margin-top: -20px;
	}
	
	#fase8 .gpf-detail-select {
		cursor: pointer;
		background: #414146;
		background-image: url(../images/button-arrow.svg);
		background-position: right;
		background-repeat: no-repeat;
		width: 98%;
		padding: 20px 0px 20px 20px;
		max-height: 48px;
		max-height: 60px;
		margin-left: 0px;
		margin-top: 50px;
	}

	#fase8 .gpf-detail-select a {
		color: #ffffff;
		text-transform: uppercase;
		font-size: 20px!important;
		text-decoration: none;
	}	
		
	
	
	
	
	
	
	
	/* YOUR GOMAX PRODUCTS - parte sotto */


	.ygp-container {
		background: #414146; 
		width: 840px; 
		min-height: 230px; 
		overflow: auto; 
		float: none; 
		clear: both;
		padding: 15px 0px;
		padding-left: 50px;
	}

	.ygp-title {
		/*float: left;*/
		padding-top: 10px;
		padding-right: 20px;
		padding-bottom: 20px
	}

	.ygp-title h3 {
	    color: #ffffff;
		font-size: 31px;
		font-weight: 100;
		margin: 0;
		line-height: 26px;
		padding-top: 15px;
		padding-bottom: 15px;
		margin-bottom: 20px;
		border-bottom: 1px solid #cccccc;
		width: 50%;
	}

	.ygp-product {
		/*float: left;*/
	}

	.ygp-selected-product, .ygp-internal-diameter, .ygp-fitting-a, .ygp-hose, .ygp-hose-active, .ygp-fitting-b, .ygp-accessories, .ygp-info {
		border: 2px solid #565656;
		border-radius: 9px;
		-moz-border-radius: 9px; /* firefox */
		-webkit-border-radius: 9px; /* safari, chrome */
		height: 80px;
		padding: 8px;
		min-width: 80px;
		margin-right: 20px;
	}

	.ygp-selected-product {
		float: left;
		padding: 0;
		overflow: auto;
		width: 95px;
		height: 95px;
		line-height: 95px;
		cursor: pointer;
		text-align: center;
	}

	.ygp-selected-product img {
		/*padding: 3px 15px;*/
		width: 55px;
		vertical-align: middle;
	}

	.ygp-internal-diameter, .ygp-product-type, .ygp-fitting-a, .ygp-hose, .ygp-hose-active, .ygp-fitting-b, .ygp-accessories, .ygp-info {
		float: left;
		text-align: center;
		color: #959595;
		font-size: 22px;
		line-height: 100%;
		cursor: pointer;
	}

	
	.ygp-internal-diameter p, #ygp-infinity-container .ygp-fitting-a.attivo p, #ygp-infinity-container .ygp-hose.attivo p {
		margin: 20px 0px;
	}

	.ygp-internal-diameter p span.diametro, #ygp-infinity-container .ygp-fitting-a p span, #ygp-infinity-container .ygp-hose p span {
		font-size: 34px;
		color: #ffffff;
	}

	

	.ygp-selected-product:hover, .ygp-internal-diameter:hover, .ygp-fitting-a:hover, .ygp-hose:hover, .ygp-fitting-b:hover, .ygp-accessories:hover {
		border: 2px solid #ff7300;
	}

	.attivo {
		opacity: 1;
	}

	.non-attivo {
		opacity: 0.5;
	}

	.ygp-hose-active {
		width: 150px;
	}

	.ygp-hose-active p, .ygp-fittings-active p {
		color: #ffffff;
		font-size: 24px;
		font-weight: 200;
		margin: 0;
		padding: 0;
		margin-top: 15px;
	}

	.ygp-hose-active p .ygp-hose-type, .ygp-fittings-active p .ygp-hose-type  {
		font-size: 16px;
	}

	.ygp-fittings-active p .ygp-hose-type  {
		opacity: 0.3;
	}

	.ygp-info {
		background: #ff7300;
		border-color:  #ff7300;
		margin-left: 15px;
		height: 40px;
		margin-top: 15px;
		display: none;
	}

	.ygp-info:hover {
		background: #ff7300;
		border-color:  #ffffff;
		margin-left: 15px;
	}

	.ygp-info p {
		padding-top: 12px;
		margin: 0;
	}

	.ygp-info a {
		color: #ffffff;
		font-weight: 500;
		text-decoration: none;
		padding-top: 30px;
		padding-left: 40px;
		padding-right: 40px;
	}
}












/* Aggiunto per bootstrap */
img {vertical-align:unset;}




/*Hide all except first fieldset*/
.gpf-container {position:relative;}
.gpf-container:not(:first-of-type) {
	display: none;
}
.gpf-maincontainer {overflow:hidden;}

.faseattiva {
	box-shadow: 0px 0px 5px #fff;
    border-color: #FFF;
}


#fase5_2 .gpf-hose-select-code {display:none;}

#fase6_2 .assemblato, #fase6_5 .assemblato {

	font-size: 14px;
    padding-bottom: 7px;
    margin: 0px;
    margin-bottom: 20px;
    padding-top: 15px;
    width: 98%;
    color: #ff7300;
    text-transform: uppercase;
	font-weight:bold;
}

#fase6_2 .assemblato_img, #fase6_5 .assemblato_img {
	margin-top:30px;
	margin-bottom:30px;
}

#fase6_2 .assemblato_img img {
	max-width:100%;
	max-height:200px;
}

#fase6_5 .assemblato_img img {
	max-width:100%;
	max-height:270px;
}



#fase6_2 .assemblato_code, #fase6_5 .assemblato_code {
	font-size: 18px;
	font-weight:bold;
}

.assembled_detail p {display:inline;}
.assembled_detail .gpf-summary-fittings {   
	text-transform: uppercase;
	font-weight:bold;
	font-size: 14px;
    padding-bottom: 7px;
	}
	
.assembled_detail > div {margin-top:10px; margin-bottom:20px;}





/* common */
.ribbon {
	width: 80px;
    height: 80px;
    overflow: hidden;
    position: absolute;
}
.ribbon::before,
.ribbon::after {
  position: absolute;
  z-index: -1;
  content: '';
  display: block;
  border: 5px solid #2980b9;
}
	.ribbon span {
	position: absolute;
    display: block;
    width: 70px;
    padding: 4px 4px 6px;
    background-color: #3498db;
    box-shadow: 0 5px 10px rgb(0 0 0 / 10%);
    color: #fff;
    font: 700 9px/1 montserrat, sans-serif;
    text-shadow: 0 1px 1px rgb(0 0 0 / 20%);
    text-transform: uppercase;
    text-align: center;
}

/* bottom right*/
.ribbon-bottom-right {
  bottom: -10px;
  right: -10px;
}
.ribbon-bottom-right::before,
.ribbon-bottom-right::after {
  border-bottom-color: transparent;
  border-right-color: transparent;
}
.ribbon-bottom-right::before {
  bottom: 0;
  left: 0;
}
.ribbon-bottom-right::after {
  top: 0;
  right: 0;
}
.ribbon-bottom-right span {
	left: 20px;
    bottom: 12px;
    transform: rotate(-45deg);
}


.gpf-detail-sub {
	border: 2px solid #ff7300;
    padding: 4px 16px;
    border-radius: 8px;
    box-shadow: 2px 2px 10px #999;
    max-width: 93%;
}

@media screen and (min-width: 1024px) {
.gpf-detail-sub {
	max-width: 88%;
	}	
	
	#fase3_3 .gpf-detail-sub {
		max-width: 79%;
	}	
}
@media screen and (min-width: 1440px) {
	#fase3_3 .gpf-detail-sub {
		max-width: 83%;
	}	
	
}

#fase7 .gpf-select {
    column-count: 1;
}

.summary1 {float:left;width:50%;}
.summary2 {float:left;width:50%;} 

@media screen and (max-width: 1023px) {
.summary1 {float:none;clear:both;width:100%;}
.summary2 {float:none;clear:both;width:100%;} 
}


.backanchor {
	margin-top: -10px;
	background: #2e2e2e;
	width: 40px;
	font-weight: 400;
	color: #FFF;
	padding: 4px;
	text-align: center;
	margin-left: -12px;
}

.backanchor_alt {	
	margin-top: -15px;
    background: #2e2e2e5e;
    width: 20px;
    font-weight: 400;
    color: #FFF;
    padding: 10px;
    text-align: center;
    margin-left: 12px;
}






/* MOD CRI */
	.ph-only {display:none;}
	
	.gpf-detail-reset {cursor: pointer;background: #d5d5d5;width: 180px;padding: 12px 20px 12px 20px;max-height: 48px;margin: 0 auto;text-align: center;}
	.gpf-detail-reset a {color: #ffffff!important;text-transform: uppercase;font-size: 18px;text-decoration: none;}

	.gpf-prev, .gpf-next {
		height: 600px;
	}
	.gpf-body {
	min-height:600px;
	position: relative;
	}
	.pf_navigator {float:none;clear:both;padding:15px 0;position:absolute;bottom:0;width:100%;}
	
	.assembled_result {float:left;width:60%;}
	.assembled_detail {float:left;width:40%;}

	
	.gpf-detail-select.left, #fase6 .gpf-detail-select.left {
		background-image: url("../images/button-arrow-left.svg")!important;
		background-position: left!important;
	}
	
	.gpf-detail-select, .isotope .isotope-item, .gpf-detail-reset {
		border-radius: 12px;	
		-moz-border-radius: 12px; /* firefox */
		-webkit-border-radius: 12px; /* safari, chrome */
	}
	
	.gpf-detail-select.left a {
		padding-left:48px;
	}	
	
	#fase6 .gpf-detail-select, #fase4_2 .gpf-detail-select {
		position: relative;
	}

	.pf_navigator .row {margin:0px;margin-right:36px;}
	#fase3_3 .pf_navigator .row {margin:0px;margin-right:20px;}
	#fase3_4 .pf_navigator .row {padding-left:2%;}
	.hose-select-text {font-style: italic;margin-top: 10px;}


  .ui-tooltip, .arrow:after {
    background: #414146;
    border: 1px solid white;
  }
  .ui-tooltip {
    padding: 10px 20px;
    color: white;
    font: 13px "Helvetica Neue", Sans-Serif;
    box-shadow: 0 0 7px black;
  }
  .arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
  }
  .arrow.top {
    top: -16px;
    bottom: auto;
  }
  .arrow.left {
    left: 20%;
  }
  .arrow:after {
    content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    width: 25px;
    height: 25px;
    box-shadow: 6px 5px 9px -9px black;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .arrow.top:after {
    bottom: -20px;
    top: auto;
  }
	
	
	


@media screen and (max-width: 1023px) {
	input[type="radio"] {
		width: 30px;
		height: 30px;
	}
	
	.ui-tooltip {
		font: 20px "Helvetica Neue", Sans-Serif;
	}
	
	.pf_navigator {width:890px;position:relative;}
	.pf_navigator .row {
		margin-left: 40px;
		margin-right: 40px;
	}
	
	.spacer-80 {display:none;}
	
	.assembled_result, .assembled_detail {float:none;width:100%;}
	
	.assembled_detail .gpf-summary-fittings {
		font-size: 26px;
	}
	#fase1 .hosefamilyselector {
		font-size:24px;
	}

	#fase1 .hosefamilyselector .gpf-form-input-radio {
		margin-top:60px;
	}

	#fase1 .scopeselector .gpf-form-input-radio {
		float: left;
		clear: left;
		width: 30%;
	}
	#fase1 .scopeselector small {
		float: left;
		margin-top: 60px;
		font-size: 24px;
		clear: right;
	}
	#fase1 .gpf-form-input-radio input {
		width: 30px;
		height: 30px;
	}
	
	#fase6_2 .assemblato {
		font-size: 30px;
	}
	
	#fase6_2 .assemblato_code {
		font-size: 26px;
	}
	
	#fase1 .gpf-detail-select, #fase3 .gpf-detail-select, #fase4 .gpf-detail-select, #fase5 .gpf-detail-select, #fase6 .gpf-detail-select, #fase7 .gpf-detail-select, #fase8 .gpf-detail-select, #fase4_2 .gpf-detail-select, #fase5_2 .gpf-detail-select, #fase6_2 .gpf-detail-select, #fase3_3 .gpf-detail-select, #fase3_4 .gpf-detail-select {
		width: 220px;
		padding: 24px 0px 24px 55px;
		margin-left: 0px;
		margin-top:0px;
	}	
	#fase3 .pf_navigator .row {
		margin-right: 30px;
	}
	
	#fase7 .gpf-detail-select.right {
		padding-left: 20px;
		width: 290px;
	}	
	#fase7 .gpf-detail-select.right a {
		font-size:20px;
	}	
	#fase8 .gpf-detail-select.right  {
		width: 400px;
		padding-top: 21px;
		line-height: 24px;
		padding-bottom: 21px;		
	}
	#fase8 .gpf-detail-select.right a {
		font-size:20px;
		display:inline!important;
	}	
	#fase8 .gpf-detail-select.left a {
		font-size: 40px!important;
	}
	#fase8 .pf_navigator {
		width:850px;	
	}
	#fase8 .pf_navigator .row {
		margin-left: 0px;
	}
	#fase8 #div_form {
		width:790px;
	}
	
	#fase3_3 .pf_navigator .row {margin:0px;margin-left: 20px;margin-right:20px;margin-top: 20px;}
	#fase3_4 .pf_navigator .row {margin:0px;margin-left: 20px;margin-right:20px;margin-top: 20px;padding-left:0;}
	
	#fase3_3 .gpf-detail-sub h5 {
		font-size: 14px;
	}	
	
	#fase3_3 .gpf-prev, #fase3_3 .gpf-body, #fase3_3 .gpf-next {height:1070px!important;} 	
	#fase3_4 .gpf-prev, #fase3_4 .gpf-body, #fase3_4 .gpf-next {height:1070px!important;} 	
	
	
	
	.cfg_img img {
		max-width: 660px!important;
	}	
	
	.ph-only {display:block;}
	.gpf-detail-sub {
		max-width: 77%;
	}	
	.gpf-detail-reset {background: none;width: auto;padding: 0;max-height: unset;height: 90px;margin-top: 30px;}
	.gpf-detail-reset a {color:inherit!important;text-transform: none;font-size: 24px;text-decoration: underline!important;}
	.gpf-title h4 {
		font-size: 33px;
		color: #000000;
		font-weight: 200;
		margin: 0px;
		padding-left: 0;
		padding-top: 10px;
		margin-bottom: 40px;
		clear: none;
		float: left;
		margin-top: 35px;
	}
	
	#fase7 .gpf-detail-reset {margin-right: 12px;}
	
	.gpf-form-group {position: absolute;width: 476px;}
	.gpf-form-group.antivib {position: absolute;width: 307px;left: 542px;}
	
}


	
@media screen and (min-width: 1440px) {
	.gpf-detail-select.left, #fase6 .gpf-detail-select.left {
		background-image: url("../images/button-arrow-left.svg")!important;
		background-position: left!important;
	}
	
	#fase3_3 .gpf-detail-select.left, #fase3_5 .gpf-detail-select.left, #fase4_5 .gpf-detail-select.left, #fase5_5 .gpf-detail-select.left {
		margin-left: 22px;
		width: 168px;
	}
	
	.gpf-detail-select.right {
		/*margin-right:50px;*/
	}
	
	#fase1 .gpf-detail-select.left, #fase1 .gpf-detail-select.right {
		width:250px;
	}
	
	#fase3 .gpf-detail-select.left, #fase3 .gpf-detail-select.right {
		width:220px;
	}

	
	#fase8 .gpf-detail-select.right {
		margin-right:15px;
	}
	
	#fase8 .gpf-detail-select {
    padding: 12px 0px 12px 20px;
    margin-left: 0px;
    margin-top: 40px;
    margin: 0 auto;
	}
	
	#fase8 .gpf-detail-select.right {
		width: 500px;
		margin-right:15px;
	}
	
	#fase5_2 .gpf-detail-select.left, #fase5_2 .gpf-detail-select.right {
		width:242px;
	}
	#fase5_2 .gpf-detail-sub {
		text-align: center;
	}	
}

@media screen and (min-width: 1024px) and (max-width: 1439px) {
	.pf_navigator {position:relative;}
	.pf_navigator > .row {margin:0;}
	.gpf-detail-select.right {
		margin-right:36px;
	}
	.gpf-detail-select.left {
		margin-left:36px;
	}
	
	#fase3_3 .gpf-detail-select.left, #fase3_5 .gpf-detail-select.left, #fase4_5 .gpf-detail-select.left, #fase5_5 .gpf-detail-select.left, #fase6_5 .gpf-detail-select.left {
		margin-left:20px;
	}	
	
	#fase3_3 .gpf-detail-select.right, #fase3_5 .gpf-detail-select.right, #fase4_5 .gpf-detail-select.right, #fase5_5 .gpf-detail-select.right, #fase6_5 .gpf-detail-select.right {
		margin-right:0px;
	}	
	
	 #fase3_4 .gpf-detail-select.left {
		margin-left:3px;
	}	
	
	#fase3_4 .gpf-detail-select.right {
		margin-right:20px;
	}	
	
	#fase6_2 .gpf-detail-select {
		width:180px;
	}	

	#fase6_2 .gpf-detail-select.right {
		margin-right:15px;
		margin-left:0px;
	}	
	
	#fase6_2 .gpf-detail-reset {
		margin-top: 40px!important;
	}

	
	#fase7 .gpf-detail-select.right {
		margin-right:15px;
		margin-left:0px;
	}	
	
	#fase7 .gpf-detail-reset {
		margin-top: 40px!important;
	}
	
	#fase8 .gpf-detail-select {
		width: 180px;
		padding: 12px 0px 12px 20px;
	}
	
	#fase8 .gpf-detail-select.right {
		width: 500px;
		margin-right:36px;
	}
}

	
#fase4_2 .side-b .gpf-hose-select-img img, .ygp-fitting-b img {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

.ruota-container {
	display:none;
	}

.cfg_wrapper {position:relative;}	
.gpf-prompt {
	padding-top: 5px;
    position: absolute;
    top: 170px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    text-align: center;
    font-size: 20px;
    font-style: italic;
	
}
.gpf-detail-sub {
margin-bottom: 20px;
}

#fase3_5 .gpf-form-input-radio, #fase4_5 .gpf-form-input-radio, #fase5_5 .gpf-form-input-radio {padding: 12px;width: calc(100% - 24px);}
#fase3_5 .gpf-form-input-radio label, #fase4_5 .gpf-form-input-radio label, #fase5_5 .gpf-form-input-radio label {font-size:20px;}
.textnotice {font-size:11px;color: #aaa; margin-top:16px;}

.textinput {border: 1px solid #414146; border-radius: 12px;-moz-border-radius: 12px;-webkit-border-radius: 12px;padding: 12px;width: calc(100% - 24px);font-size: 22px;font-weight: 300;}



@media screen and (max-width: 1023px) {
	#fase1 .gpf-form {
		height: 540px;
		padding-top: 0px;
	}
	#fase1 .gpf-form-input-radio {
		width: 27.4%;
		height: 280px;
	}	
	.famfeatures {
		float: none;
		clear: both;
		padding-top: 20px;
	}
}