@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Lato:wght@400;700&display=swap');

* {
margin: 0;
}

html, body { 
	height: 100%; width:100%;   
	font-family: 'Lato', 'Bebas Neue', sans-serif;
	font-size:14px; 
	color:#666; 
	line-height:26px; 
	background: #FFF; 
	min-height:100%; 
	display:inline-block;
	font-weight:400;
}



.transition		{
				-moz-transition: all 0.2s ease-in-out;
				-webkit-transition: all 0.2s ease-in-out;
				-o-transition: all 0.2s ease-in-out;
				-ms-transition: all 0.2s ease-in-out;
				}

.transition2	{
				-moz-transition: all 0.8s ease-in-out;
				-webkit-transition: all 0.8s ease-in-out;
				-o-transition: all 0.8s ease-in-out;
				-ms-transition: all 0.8s ease-in-out;
				}				

strong, .bold 	{ font-weight: 700;}
.regular		{ font-weight: 400;}
.white   		{color:#FFF !important;}
.gold    		{color:#FFF!important;}	  		

p		 {margin: 0 0 20px 0;width:100%;color:#666;/*font-size:13px; line-height:16px;*/font-size:16;line-height:24px;display:inline-block;}
@media screen and (min-width: 720px) {
	p		 {margin: 0 0 20px 0;width:100%;color:#666;/*font-size:13px; line-height:16px;*/font-size:1em;line-height:24px;display:inline-block;}

}
h1		{
	margin: 0 0 15px 0;
	font-size: 2.6em;
	display: inline-block;
	width: 100%;
	line-height: 1.1em;
	color: #222;
} 				

h2					{
						margin: 0 0 10px 0;
						font-size: 38px;
						width: 100%;
						line-height: 1em;
						color: #222;
						display:inline-block;
						font-weight:300;
						}



h3					{
						margin: 0 0 5px 0;
						font-size: 20px;
						width: 100%;
						line-height: 1em;
						color: #222;
						display:inline-block;
						font-weight:300;
						}

a						{color: #444;text-decoration:none; font-weight:normal;}
a:hover					{color: #666;text-decoration:normal;}  

em						{ font-style:italic;}
u						{ text-decoration:underline;}


ul {color:#666;}

.bebas {font-family:Bebas Neue;}

.uppercase			{ text-transform:uppercase;}
.cover				{ background-position:center; background-size:cover; background-repeat:no-repeat;}
.contain				{ background-position:center; background-size:contain; background-repeat:no-repeat;}
.opacity:hover			{ opacity:0.75;}
.desktop {display:none;}
.mobile {display: inherit}

@media screen and (min-width: 600px) {
.desktop {display:inherit;}
.mobile {display:none ;}
}


.l_nl {color:#a59e7e;}
.l_nl:hover {color:#222;}

.wrapper {
min-height: 100%;
height: 100%;
margin: 0 auto /*-300px*/;
/*background:#EFEFEF;*/
position:relative;
}

.bg_grey        {background:#f5f7f5;}
.center			{text-align: center; display: inline-block;  width: 100%;}



/******/
a.action	{
	margin: 30px 0 0 0;
    width: auto;
    color: #FFF;
	letter-spacing: 1.5px;
    text-transform: uppercase;
    font-size: 13px;
    line-height: 50px;
    padding: 0 10px 0 20px;
    display: inline-block;
    box-sizing: border-box;
    background: #b5ae8f;
    position: relative;
	text-align: left;
	font-weight:700;
}

a.action > i {line-height: 50px; padding:0 10px 0 20px;}									

a.action:hover	{  color:#FFF; background: #222;  }	


a.action2	{
	margin: 30px 0 0 0;
    width: auto;
    color: #222;
	letter-spacing: 1.5px;
    text-transform: uppercase;
    font-size: 13px;
    line-height: 50px;
    padding: 0 10px 0 20px;
    display: inline-block;
    box-sizing: border-box;
    background: transparent;
    position: relative;
	text-align: left;
	font-weight:700;
	border:1px solid #222;
}

a.action2 > i {line-height: 50px; padding:0 10px 0 20px;}									

a.action2:hover	{  color:#FFF; background: #222;  }	


.riga {width:100%; float: left;}


a.azione	{
	margin: 20px 0;
    width: auto;
    color: #FFF;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 3.5em;
    padding: 0 20px;
    display: inline-block;
    border-radius: 2px;
    box-sizing: border-box;
    background: #139d5c;
    position: relative;
	text-align: left;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
}

									

a.azione:hover	{ 
	color:#FFF;
	background: #0d633a; 
}	




.image-size {background-position: center; background-repeat: no-repeat; background-size: auto;}
												

.int		{ width:96%; margin:0 2%; padding:0; position:relative; box-sizing: border-box; display: table;}		
.testata-ncc {width:100%; float:left; /*min-height: 300px;*/ box-sizing: border-box; position:relative; display: table;}

.testata-ncc > img.slide-01 {width:34%; float:left;}
.testata-ncc > img.slide-02 {width:32%; float:left;}
.testata-ncc > img.slide-03 {width:34%; float:left;}


.payoff {text-align: center;position:absolute;top: 15%;width:100%;font-family:Bebas Neue;color:#FFF;font-size:20px;line-height: 30px;text-shadow: 0 0px 5px rgba(0,0,0,0.6);}
.payoff > span  {font-size:35px; }


.space {width: 100%; float:left; height: 35px;}
.space-ft {width: 100%; float:left; height: 15px;}
.min-space  {width: 100%; float:left; height: 15px;}

@media screen and (min-width: 640px) {
	.payoff {top: 25%; font-size:30px;line-height: 40px;}
.payoff > span  {font-size:52px; }
}

@media screen and (min-width: 720px) {
.space {height: 40px;}			
.testata-ncc {height:350px; }	

.payoff {top: 25%; font-size:33px;line-height: 50px;}
.payoff > span  {font-size:70px; }
	
}

@media screen and (min-width: 980px) {
.space {height: 55px;}		
.int		{max-width:940px;margin:0 auto;width: 100%;}
.testata-ncc {height:490px;}	 

.payoff {top: 31%; font-size:37px;line-height: 56px;}
.payoff > span  {font-size:80px; }	
	
 }

@media screen and (min-width: 1020px) {
.int		{max-width:980px;}		
 }


@media screen and (min-width: 1200px) {
.space {height: 70px;}		
.int							{ max-width:1100px;}
	
.payoff {top: 36%; font-size:41px;line-height: 63px;}
.payoff > span  {font-size:90px; }		
}

@media screen and (min-width: 1310px) {	
.space {height: 90px;}		
.int							{ max-width:1260px; }
.testata-ncc {height:490px;}	 
	
.payoff {top: 37%; font-size:43px;line-height: 66px;}
.payoff > span  {font-size:92px; }		
}

@media screen and (min-width: 1330px) {	
.space {height: 90px;}		
.int							{ max-width:1300px; }
.testata-ncc {height:490px;}
.payoff {top: 32%; font-size:50px;line-height: 78px;}
.payoff > span  {font-size:125px; }		
}


.covid {padding:10px;position:absolute;right: -2%;bottom:-40px;background:#66d2f5;color:#FFF;text-transform: uppercase;width: 320px;text-align: center;}
.covid > span {font-size: 24px;}

@media screen and (min-width: 640px) {
.covid {padding:10px;position:absolute;right: -20px;bottom:-40px;background:#66d2f5;color:#FFF;text-transform: uppercase;width: 300px;text-align: center;}
.covid > span {font-size: 24px;}
}
@media screen and (min-width: 720px) {
	.covid {right: -20px;}
	}
	
.left, .left2 {width:100%; float:left; box-sizing: border-box;min-height: 250px;}
.right, .right2 {width:100%;float:left;box-sizing: border-box;min-height: 250px;}
@media screen and (min-width: 720px) {	
	.left {padding:25px;width: 55%;position: relative;left: 3%;background: #FFF;z-index: 1;margin-top: 2%; min-height: 500px;box-shadow: 0 0 10px 0px rgba(0,0,0,0.1);}	
	.right {padding:25px;width: 43%;min-height: 556px;}
	
	.right2 {padding:25px; width: 52%;}	
	.left2 {padding:25px;width: 48%;min-height: 400px;}
}

@media screen and (min-width: 980px) {
	.left {padding:35px;width: 60%;}	
	.right {padding:35px;width: 38%;}
	
	.left2 {padding:35px;}	
	.right2 {padding:35px;}
}

@media screen and (min-width: 1310px) {
	.left {padding: 40px;width: 55%;}	
	.right {padding:50px;width: 43%;}
	
	.left2 {padding:50px;}	
	.right2 {padding:50px;}
}



.box-4 {width:100%; float:left;}
.box-4 > img {width:auto; max-width:100%; }
.arrow {width:100%; height: 30px; float:left;}
.title-4 {font-size:33px; line-height: 42px;}
@media screen and (min-width: 720px) {
.box-4 {width:50%; float:left;}	
.arrow {display: none;}	
	
}

@media screen and (min-width: 980px) {
.title-4 {font-size: 33px;line-height: 26px;padding: 10px 0;height: 52px;}	
.box-4 {width:24%; float:left; padding:0 10px; box-sizing: border-box;}	
.arrow {width:1.3333%; height: 350px; display: inherit; background-repeat:no-repeat; background-position:center 72%; background-size: contain; background-image:url(/template/1044/img/arrow.png);}	
.box-4 > p {height:100px;}
}

@media screen and (min-width: 1300px) {
.title-4 {height: auto;}
.box-4 > p {height:75px;}		
}


.grid-3 {width:100%;float:left;height: auto;background:#FFF;box-shadow: 0 0 10px 0px rgb(0 0 0 / 10%); margin:0 0 30px;}
.grid-3 > img {width:100%; float:left; margin:0 0 10px 0;}
.grid-3 > h3 {font-size:24px;line-height: 22px;padding: 5px 5px 0 5px;font-family:Bebas Neue; box-sizing: border-box;}
.grid-3 > p {padding:10px;width:100%;box-sizing:border-box;float:left;  line-height: 20px;}
@media screen and (min-width: 980px) {
.grid-3 {width:31%;float:left;margin: 0 0 30px;}
.grid-3.mid {margin: 0 3.5% 20px;}	
.grid-3 > h3 {height:44px;}	
.grid-3 > p {min-height: 90px;}	
}


@media screen and (min-width: 1300px) {
	.grid-3 > p {min-height:inherit;}	
	.grid-3 > h3 {height:24px;}	
}


p.subtitle {text-transform: uppercase; margin-bottom:30px;}


.transfer-box {width:100%; float:left; margin:0 0 25px 0; box-shadow: 0 0 10px 0px rgb(0 0 0 / 10%);}
.transfer-img {width:100%; float:left; min-height:300px; position:relative;}
.price {
    padding: 15px 18px;
    top: 0;
    left: 0;
    position: absolute;
    color: #FFF;
    font-family: Bebas Neue;
    background: #b5ae8f;
    font-size: 38px;
}
.transfer-txt {width:100%; background:#FFF; padding:10px; box-sizing:border-box; float:left;}
.transfer-txt > span > h3 {
    font-size: 24px;
    line-height: 22px;
    padding: 5px 0px 0 0px;
    font-family: Bebas Neue;
    box-sizing: border-box;
}


@media screen and (min-width: 720px) {
	.transfer-box {width:49%; float:left; margin:0 1% 25px 0; box-shadow: 0 0 10px 0px rgb(0 0 0 / 10%);}
	.transfer-box:last-child {width:49%; float:left; margin:0 0% 25px 1%; box-shadow: 0 0 10px 0px rgb(0 0 0 / 10%);}
.transfer-img {width:100%; float:left; min-height:300px;}
.transfer-txt {width:100%; background:#FFF; padding:10px; box-sizing:border-box; float:left;}
.transfer-txt > span > h3 {
    font-size: 24px;
    line-height: 22px;
    padding: 5px 0px 0 0px;
    font-family: Bebas Neue;
    box-sizing: border-box;
}
}


@media screen and (min-width: 1100px) {
	.transfer-box {width: 49.5%;float:left;margin: 0 0.5% 25px 0;box-shadow:none;display: table;}
	
	.transfer-box:last-child {width: 49.5%;float:left;margin: 0 0% 25px 0.5%;box-shadow:none;display: table;}
	
	.row { display: table-row; }
	.transfer-img {width:70%;float:none;min-height: 500px;vertical-align: middle;display: table-cell;height: 370px;box-shadow: 0 0 10px 0px rgb(0 0 0 / 10%);}
	.transfer-txt {width:40%;background: transparent;padding:10px;box-sizing:border-box;float:none;vertical-align: middle;display: table-cell;left: -40px;position: relative;height: auto;margin: 20px 0;}
	.transfer-txt > span {background: #FFF;display: block;padding: 21px;width: 230px;text-align: left;box-shadow: 0 0 10px 0px rgb(0 0 0 / 10%);}
}






#contactForm {width:100%; float:left; margin:10px 0;}

@media screen and (min-width: 720px) {
#contactForm {width:680px; float:none; margin:10px auto; display: block;}	
}

@media screen and (min-width: 980px) {
#contactForm {width:760px; float:none; margin:10px auto; display: block;}	
}



.instagram-txt {
    display: block;
    text-align: center;
    color: #FFF;
    font-size: 42px;
    line-height: 52px;
    padding: 10px 0 32px 0;
}
.instagram-txt > i {
    line-height: 100px;
    display: inline-block;
    color: #b5ae8f;
    font-size: 60px;
}

.instagram-txt:hover {color:#b5ae8f;}
.instagram-txt:hover > i {color:#FFF;}

.instagram-txt > span {width:100%; display: inline-block;}
@media screen and (min-width: 1024px) {
.instagram-txt > span {width:auto; display: inline-block;}
	
}



.et-ft {color:#b5ae8f; font-weight: 700; width:100%; float:left; margin:0 0 5px 0;}

.phone-footer, .mail-footer, .address-footer {width:100%; padding:0 0 20px 30px; float:left; box-sizing: border-box; background-repeat: no-repeat;
background-position:0 3px; background-size:20px; font-size:13px; line-height: 24px;}

.phone-footer { background-image: url(/template/1044/img/phone.svg);	}

.mail-footer { background-image: url(/template/1044/img/mail.svg); }

.address-footer { background-image: url(/template/1044/img/marker.svg);}

.dashed {padding:0 0 20px;}
@media screen and (min-width: 980px) {
.dashed {border-left:1px dashed #b5ae8f; border-right:1px dashed #b5ae8f; box-sizing: border-box; padding: 0 1.3333%}
}
.table-footer {border:0; margin:0;}
table.table-footer > tbody > tr > td {font-size:13px; line-height: 24px; text-transform: uppercase;}







.header					{width: 100%;padding: 0;position:relative;margin:0 auto;float:left;background:#FFF;text-transform: uppercase; z-index: 2;}
								   
a.close_menu.transition > i { line-height: 50px;}

a.logo	{ float:left; width:auto; }				

a.logo > img	{ width:auto; height:40px; padding:8px 0; float:left;}	

@media screen and (min-width: 720px) {
a.logo > img	{ 
	    width: auto;
    height: 50px;
    padding: 10px 0;
	}	

}

@media screen and (min-width: 1000px) {
a.logo > img		{
	width: auto;
	height: 63px;
	padding: 22px 0;
	}	

}


a.menu	{ 
	height:50px;
	width:50px;
	float:right;
	position:relative;
	margin:4px 0 0 0;
	z-index:10;
}	

@media screen and (min-width: 720px) {
	a.menu	{ 
	margin:11px 0 0 0;
}	
}

span.uno.transition {
    margin: 10px 0 5px 5%;
}

.bbaa		{ position:relative; float:right; }

.sub-menu	{
	position: absolute;
    top: 80px;
    left: 20px;
	/*width:100%;*/
    background: #ed1b24;
    color: #FFF;
    display: none;
    padding: 0 30px 10px 30px;
    text-align: left; 
	white-space: nowrap;
}



.sub-menu li {list-style: none; float:left; /*width:100%;*/}



.sub-menu li a {

	color: #FFF;

    margin: 0 0 5px 0;

    padding: 0 0 5px;

	float:left;/* width:100%;*/

	box-sizing: border-box;

}



a.menu > span			{background: #222;height: 3px;margin: 4px 0 4px 5%;width: 70%;float: right;}



a.menu:hover > span	{ background:#b5ae8f;} 





.etichetta_menu		{position: absolute;width: auto;right: 57px;top: 8px;display:none;}





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

	.etichetta_menu		{

								display:block;

								}

}



.text							{width: auto;border-radius: 4px;background: #b5ae8f;color: #FFF;padding: 0 11px 0 10px;font-weight: bold;position: relative;}



.linguetta					{position: absolute;background: #b5ae8f;-ms-transform: rotate(45deg); /* IE 9 */-webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */transform: rotate(45deg);width: 14px;height: 9px;display: block;right: -5px;top: 7px;}			



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

a.menu						{height:50px;width: 40px;margin: 28px 0 0 0;}	

								

a.menu > span			{background: #222;height: 3px;width: 100%;float: right;}



span.uno.transition {margin: 9px 0% 4px 5%;}								



}								

																		

span.tre					{ margin:5px 10% 0 10%;}







.menu_aperto			{

								position: fixed !important;

								background: #b5ae8f;

								top: -100%;

								z-index: 1000;

								left: 0px;

								width:100%;

								text-align:center;

								border-bottom:15px solid #b5ae8f;

								opacity:0;

								}



.menu_aperto a {

	    width: 100%;

    font-weight: bold;

    font-size: 1.4em;

    line-height: 1.8em;

}



.block {display:block !important;}



.sub-menu-mob {

    width: 100%;

    float: left;

    list-style: none;

    padding: 0;

	text-align: center;

}





a.close_menu			{
								height: 50px;
								width: 50px;
								float: right;
								margin-top: 26px;
								margin-right: 5px;
								text-align: center;
								color: #FFF;
								position: relative;
								z-index: 100;
								}





a.close_menu:hover			{ color:#0072bc;}



.close1 {width:35px;height: 2px;background:#FFF;transform: rotate(45deg);position:absolute;top: 10px;right: 10px;}
.close2 {width:35px;height: 2px;background:#FFF;transform: rotate(-45deg);position:absolute;top: 10px;right: 10px;}

.opensubmob.minus:before {content: "-" !important; margin:0 5px 0 0 ;}

.opensubmob.plus:before {content: "+";margin:0 5px 0 0 ;}











.mob_link	{float:left; width:100%; display: inline-block; color:#FFF; text-transform: uppercase !important; }

.mob_link:hover {color:#222;}



.cont_link_sub {float:left; width:100%; display: inline-block; color:#FFF;}







.show						{ opacity:1 !important; top:0 !important;}

								

span.l_c					{ height:6px; width:80%; margin:0 10%; float:left;

								-ms-transform: rotate(45deg); /* IE 9 */

								-webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */

								transform: rotate(45deg);

								background:#a9282d;

								}																



span.r_c	{ 
	height:6px; width:80%; margin:0 10%; float:left;
	-ms-transform: rotate(-45deg); /* IE 9 */
	-webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
	transform: rotate(-45deg);
	background:#a9282d;
}		



.voci							{ width:80%; padding:0px 10% 0 10%; display:inline-block; margin:-30px 0 0 0;}



a.vocemenu	{ 
	text-transform:uppercase;
	color:#FFF;
	font-size: 1.7em;
	line-height: 1.4em;
}

								

.cont-social				{ width:100%; text-align:center; margin:15px 0 0 0; display:inline-block;}

a.social					{ font-size:1.5em; color:#FFF; margin:0 5px; font-weight:normal;}



a.social_f					{ font-size:1.5em; color:#0072bc; margin:0 5px 0 0;}  

a.social_f	:hover		{ color:#000;}	   


/*menu 2*/
.menu_big								{ display:none;}
.menu										{ display:block;}

@media screen and (min-width: 1150px) {	
.menu						{ display:none;}
.menu_big					{ float:right; display:block; font-weight:700;}
a.vocemenu_aperta		{color: #222;font-size: 20px;margin: 0px 0 0 19px;line-height: 108px;float: right;font-family:Bebas Neue;}
a.vocemenu_aperta:hover	{ color:#b5ae8f;}
	
	
.lang-switch			{color: #b5ae8f;font-size: 20px;margin: 0px 0 0 19px;line-height: 108px;float: right;font-family:Bebas Neue;}	
.lang-switch:hover		{ color:#222;}	
}

.lang {color:#b5ae8f!important;}
.lang:hover {color:#222!important;}











.block-ellipsis2 {

    display: block;

    display: -webkit-box;

    max-width: 100%;

    max-height: 37px;

    min-height: 24px;

    margin: 0 auto;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    overflow: hidden;

    text-overflow: ellipsis;

}



.block-ellipsis5 {

    display: block;

    display: -webkit-box;

    max-width: 100%;

    height: 97px;

    margin: 0 auto;

    line-height: 1.4em;

    -webkit-line-clamp: 5;

    -webkit-box-orient: vertical;

    overflow: hidden;

    text-overflow: ellipsis;

}














.int_box {

	width:100%;

	display: inline-block;

	box-sizing: border-box;

	padding:20px;

}


a.offerte_link { float:right; font-size:14px; line-height: 14px;

	position:absolute;
	bottom:20px;
	right:20px;
	color:#222;

}
a.offerte_link:hover { 
	color:#ed1b24;

}



.strike {

	text-decoration: line-through;

    font-size: 18px;

    color: #999;

    width: 100%;

    display: inline-block;

}



/**************************************************************************************/

.spazio { margin:58px 0 0 40px !important; color:#139d5c !important;}
.spazio:hover {  color:#000 !important;}

.riga_servizi			{ margin:80px 0 0 0;}



.sep						{ margin:40px auto 40px auto; display:table;}
.sep2						{ margin:40px auto 40px auto; }

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

.sep						{ margin:80px auto 80px auto; display:table;}	
.sep2						{ margin:80px auto 80px auto; }	

}

.left_home, .left_statiche			{

							width:96%;
							/*padding:60px 2%;*/
							float:right;
							/*min-height:230px;*/
							position:relative;

							/*overflow:hidden;*/

							}

@media screen and (min-width: 600px) {
	.add-border {
		/*border-top:25px solid #FFF;
		border-bottom:25px solid #FFF;*/
	}
}

.right_home, .right_statiche			{

							width:96%;

							padding:20px 2%;

							float:left;

							/*min-height:230px;*/

							}							











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



.c_l_r					{ display:table;}

	

.left_home			{

					width:46%;

					padding:4% 4% 4% 0;

					float: none;

					/*height:300px;*/

					display:table-cell;

					vertical-align:middle;
					background-position:left center;
					}
	
	.left_statiche     {
		width:100%;
		margin:0;
		box-sizing:border-box;
	}
	
	.left_statiche p { width:auto; float:none; display: inline;}
	
	.right_statiche     {
		
					width:30%;

					padding:0 0 30px 30px;
					float:right; 
					
	}




.right_home			{

					width:46%;

					padding:4% 0 4% 4%;

					float:none;

					/*height:300px;*/

					display:table-cell;

					vertical-align:middle;

					}



.height300            {height:300px;}	

	

}



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

	.height300            {height:400px;}	

}







a.left_servizi_small	> span.bg					{ 

													width: 100%;

													height: 100%;

													z-index: 10;

													position: absolute;

													top: 0;

													left: 0;

													background: rgba(0,0,0,0.75);

													text-align:center;

													opacity:0;

													}



a.left_servizi_small:hover	> span.bg		{

													width: 100%;

													height: 100%;

													z-index: 10;

													position: absolute;

													top: 0;

													left: 0;

													background: rgba(0,0,0,0.75);

													text-align:center;

													opacity:1;

													}

													



a.left_servizi_small	> span.bg	 > .puls									{

																				color: #222;

																				background: #6389b1;

																				border-radius: 100%;

																				line-height: 50px;

																				width: 50px;

																				margin-top: 20%;

																				display: inline-block;

																				opacity:0;

																				}	



a.left_servizi_small:hover	> span.bg	 > .puls						{

																				color: #222;

																				background: #6389b1;

																				border-radius: 4px;

																				line-height: 50px;

																				width: 50px;

																				margin-top: 25%;

																				display: inline-block;

																				opacity:1;

																				}	












/***********************************************************************************/



.box_marchi				{

								width:96%;

								padding:2%;

								display:inline-block;

								border-bottom:15px solid #FFF;

								min-height:300px;

								}



h2.bianco					{ color:#FFF; }



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

	.box_marchi	 > h2				{ font-size:4em; }

}



.slide_marchi {

    padding:60px 0;

}

.slide_marchi > img				{ max-width:190px;}		



.box_contatti			{

								width:100%;

								padding:0%;

								display:inline-block;

								height:1110px;

								position:relative;

								}		

								



h2.form				{ width:96%; font-size:2.8em; color:#FFF; padding:2%;}								

	

	h2.title_dove				{ width:auto; min-width:50%; font-size:4em; color:#222; padding:2%; font-size:4em;  display:none; padding:2% 0 0 2%; display:none; text-transform:uppercase; position:absolute; z-index:102;

top:0; left:0;}			



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

h2.form					{ font-size:4em; }

.box_contatti			{

								height:760px;

								}		



}

	

.cont_form				{

								position:relative;

								top:0;

								left:0;

								z-index:2;

								background:rgba(0,0,0,0.75);

								width:100%;

								height:1110px;

								}			 

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

.cont_form				{ height:760px;}

}



.form						{

								width:100%;

								float:left;

								}

.campo_form, .textarea_form {
    background: #FFF;
    border-radius: 0;
    box-sizing: border-box;
    float: left;
    border: 1px solid #b5ae8f;
    font-size: 14px;
}								





.left_form, .right_form, .riga_form { width:100%; float:left;  margin:0 0 20px 0; padding:0; position:relative;}



.errfname, .erremail, .erremail, .errmessage, .errCaptcha {

	position: absolute;

    width: 100%;

    bottom: -22px;

    right: 0;

    font-size: 11px;

    z-index: 1;

	color:#ed1c24 !important;

} 



.campo_form			{

					line-height: 52px;

    				}	

								

.textarea_form			{

						width:100%;

						padding:20px;

						float:left;

						line-height:30px;

						font-size:14px;

						height:220px;

						margin:0 0 10px 0;

						}																				



.cont_area				{height:220px; position:relative; width:100%; float:left;}

.cont_area > span	{ width:100%; border-bottom:1px solid #FFF; line-height:29px; display:inline-block; position:relative; float:left; height:29px; }



.campo_form							{ width:100%; padding:0 20px;}



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

.left_form, .right_form				{ width:48%;}

.left_form									{ padding:0 2% 0 0;}

.right_form								{ padding:0 0 0% 2%;}

} 











.info_form {

    width: 100%;

    font-size: 13px;

    line-height: 18px;

    color: #222;

    display: inline-block;


    margin: 0 0 10px 0;

}



.info_form > a					{ color:#222; text-decoration:underline;}

.info_form > a:hover			{ color:#666; text-decoration:none;}

								

								





.info_form2					{width: 100%;font-size: 11px;line-height: 13px;display: inline-block;text-align: left;margin: 0 0 10px 0;}	



img#captchaimg {

    border: 1px solid #DDD;

    padding: 4px;

	background:#FFF;

}





.invia {width: 100%;color: #FFF;text-transform: uppercase;font-size: 16px;line-height: 54px;padding: 0 20px;display: inline-block;border-radius: 0;float:right;text-align: left;border:0;background: #b5ae8f;box-sizing: border-box;}


.invia > i { line-height:54px; float:right; text-align: right;}

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





.info_form					{

								font-size:1em; line-height:1.6em; width:100%;

								color:#222;

								display:inline-block;

							}



						

								

.invia {width: calc(100% - 370px);color: #FFF;text-transform: uppercase;font-size: 16px;line-height: 54px;padding: 0 20px;float: right;border-radius: 0;box-sizing: border-box;float: right;background: #b5ae8f;}

}								

.invia:hover	{ 
	
	color:#fff;

	background: #222;


	}







.left_dove, .right_dove				{ width:100%; display:inline-block;}

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


	.left_dove, .right_dove				{ width:50%; float:left;}

}





.footer					{

							padding:0px 2% 10px 2%;

					
								display:inline-block;

								 width:96%;

								

							}








.footer_bot			{width: 100%;background: #FFF;padding: 5px 0;float: left;}



a.link_ff				{ color:#FFF; text-decoration:underline;}

a.link_ff:hover		{ color:#FFF; text-decoration:none;}



a.mostra				{

							top:2%;

							right:2%;

							text-transform:uppercase;

							position:absolute;

							z-index:1000;

							

							}

							



a.mostra > i			{		

							color: #6389b1;

  							font-size: 2em !important;

							line-height: 2em;

							margin: 0 10px 0 0;

							}			



a.mostra	span		{ line-height:2em; font-size:0em;}







a.chiudi				{

							top:2%;

							right:2%;

							text-transform:uppercase;

							position:absolute;

							z-index:1000;

							margin:10px 0 0 0;

							}

							



a.chiudi > i			{		

							color: #000;

  							font-size: 2em !important;

							line-height: 2em;

							margin: 0 10px 0 0;

							}			



a.chiudi	span		{ line-height:2em; font-size:0em; color:#000;}





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

a.mostra	{
	top:2%;
	right:2%;
	text-transform:uppercase;
	color:#FFF;
	position:absolute;
	z-index:1000;
	line-height:2em;
	font-size:1em;
}

							

a.mostra:hover		{ color:#a9282d;}



a.mostra span		{ 
	line-height:2em; 
	font-size:1em;
}			



a.chiudi	{
	top:2%;
	right:2%;
	text-transform:uppercase;
	color:#FFF;
	position:absolute;
	z-index:1000;
	line-height:2em;
	font-size:1em;
}

	a.chiudi:hover		{ color:#a9282d;}

a.chiudi	span		{ line-height:2em; font-size:1em;}			

}




.orario { 
	width: 100%;
    max-width: 290px;
    display: block;
    color: #333;
    border-bottom: 1px solid #efefef;
    line-height: 35px;
    /*text-transform: uppercase;*/
}

.orario > span {color:#666; float:right;}
#dove-siamo		{ height:550px; width:300px; overflow:hidden; }	
#dove-siamo > span {width:300px; float:left; padding:0 0 10px 0;}
#map-canvas     {width:300px; height: 350px}

@media screen and (min-width: 600px) {
#dove-siamo		{ height:650px; width:500px; }
#dove-siamo > span {width:500px; float:left;}	
#map-canvas     {width:500px; height: 450px}	
}



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

#dove-siamo		{ height:650px; width:700px; }

#dove-siamo > span {width:700px; float:left;}	

#map-canvas     {width:700px; height: 550px}	

}



a.credits				{line-height: 30px;margin: 0;color: #fff;font-size: 11px;}

a.credits:hover		{ color:#666; }

.social-ncc {
    margin: 0 5px;
    display: inline;
    color: #b5ae8f;
    font-size: 30px;
    line-height: 40px;
}
.social-ncc:hover {color:#FFF;}




a.privacy				{ color:#FFF;}	

a.privacy:hover	{ color:#FFF; text-decoration:underline;}				







.section						{ width:100%; float:left; position:relative;}

.filter_left					{ 

	position:absolute;

	width:100%;

	height: 100%;

	display: inline-block;

background: -moz-linear-gradient(left, rgba(0,0,0,0.88) 0%, rgba(0,0,0,0) 100%); 

background: -webkit-linear-gradient(left, rgba(0,0,0,0.88) 0%,rgba(0,0,0,0) 100%); 

background: linear-gradient(to right, rgba(0,0,0,0.88) 0%,rgba(0,0,0,0) 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0000000', endColorstr='#0000000',GradientType=1 ); 

}

.filter_left2					{ 

	position:absolute;

	width:100%;

	height: 100%;

	display: inline-block;

/*background: -moz-linear-gradient(left, rgba(255,255,255,0.88) 0%, rgba(0,0,0,0) 100%); 

background: -webkit-linear-gradient(left, rgba(255,255,255,0.88) 0%,rgba(0,0,0,0) 100%); 

background: linear-gradient(to right, rgba(255,255,255,0.88) 0%,rgba(0,0,0,0) 100%);*/

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0000000', endColorstr='#0000000',GradientType=1 ); 

}







.bg_blu					{ background:#6389b1; color:#FFF;}

.bg_nero					{ background:#222; color:#FFF;}  

.bg_bianco					{ background:#FFF; color:#222;}



.cont_input_nl	{width:100%;float: left;border-radius: 0px;background: #FFF;overflow:hidden;box-sizing: border-box;margin-bottom: 12px;border: 1px solid #b5ae8f;}



							



.input_nl				{border: 0;height:50px;width:calc(100% - 50px);float: left;color: #666;background: transparent;line-height: 50px;font-size: 11px;box-sizing:border-box;padding:0 0 0 15px;}							

							

a.iscriviti				{height:50px;line-height:50px;width:50px;float:left;text-align: center;color: #b5ae8f;}

a.iscriviti:hover		{ color:#333;}		





a.iscriviti	i {width:50px; height: 50px; line-height: 50px; font-size:22px;}



::-webkit-input-placeholder {

   color: #666;

}



:-moz-placeholder { 

   color: #666;  

}



::-moz-placeholder {  

   color: #666;  

}



:-ms-input-placeholder {  

   color: #666;  

}





/*********************** CHI SIAMO ************************/

.testata			{width: 100%;display: inline-block;/* margin-top: 70px; */position: relative;overflow: hidden;background-color: #EFEFEF;padding: 20px 0;}

.land-wrap {margin-top:70px; display: inline-block; width:100%;}





.testata > h1, .testata > .int > h1							{     

	width: 100%;

    font-size: 2.2em;

    color: #FFF;

    word-wrap: break-word;



    font-weight: normal;

	margin:0;

	text-transform: none;

}

.testata > h1::first-letter, .testata > .int > h1::first-letter {text-transform: capitalize;}



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

.testata			 			{/* margin-top:90px; */}

	.land-wrap {margin-top:90px;}
								

.testata	 > h1						{ font-size:4em;  }

.testata	 > .int > h1				{ font-size:4em; }

}





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

.testata			 			{/* margin-top:130px; */}	

}

.land-wrap {margin-top:130px;}

.corpo_statiche		{ padding:3% 2%; width:96%; display:inline-block;}



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

	.corpo_statiche		{ padding:80px 2%; width:960px; margin:0 auto; display:inherit;}

}





/***************** SERVIZI **************/



.corpo_servizi_cat	{ width:100%;float:left; border-bottom:15px solid #FFF;}



.riga_servizi				{}

.left_servizi				{ width:100%; padding:25% 0 25% 0; position:relative; float:left; overflow:hidden;}

.right_servizi				{ width:100%; padding:25% 0 25% 0; position:relative; float:left; overflow:hidden;}





.left_servizi_small				{ width:100%; padding:25% 0 25% 0; float:left; position:relative; overflow:hidden;}

.right_servizi_small			{ width:100%; padding:25% 0 25% 0; float:left; position:relative; overflow:hidden; background-color:#6389b1;}



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

.left_servizi				{ width:50%; padding:0 0 50% 0; position:relative; float:left;}

.right_servizi				{ width:50%; padding:0 0 50% 0; position:relative; float:left;}





.left_servizi_small				{ width:50%; padding:0 0 70% 0; float:left; position:relative;}

.right_servizi_small			{ width:50%; padding:0 0 70% 0; float:left; position:relative;}

}



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

.left_servizi_small				{ width:50%; padding:0 0 30% 0; float:left; position:relative;}

.right_servizi_small			{ width:50%; padding:0 0 30% 0; float:left; position:relative;}

}



.block {

  text-align: center;

    position: relative;

    top: 0;

    left: 0;

    height: 100%;

    width: 100%;}



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

.block {

  text-align: center;

    position: absolute;

    top: 0;

    left: 0;

    height: 100%;

    width: 100%;}

}

 

 

.block:before {

  content: '\200B';

  display: inline-block;

  height: 100%; 

  vertical-align: middle;

 }

 

.centered {

      display: inline-block;

    width: 70%;

    vertical-align: middle;

    text-align: left;

 }


.centered > h2				{ text-transform:uppercase; width:100%; display:inline-block; margin:0 0 10px 0; font-size:1.6em; color:#FFF;}

a.link_ser						{ color:#EFEFEF;}
a.link_ser:hover			{ color:#FFF;}

/** gallery **/
.gallery			{
					width:100%;
					float:left;
					padding:0 0 15px 0;
					}

.thumb { width:50%; float:left; padding:0 0 50% 0; box-shadow: inset 0px 0px 0px 0px #f5f7f5;}
.thumb:hover						{ 
	box-shadow: inset 0px 0px 0px 10px #f5f7f5;
 }

@media screen and (min-width: 600px) {
.thumb { width:33.33333%; float:left; padding:0 0 33.3333% 0;}	
}

@media screen and (min-width: 960px) {
.thumb { width:25%; float:left; padding:0 0 25% 0;}		
}

a.allegato			{
						float:left;
						width:100%;
						font-size: 1em;
    					line-height: 24px;
						margin:25px 0;
						color:#000;
						text-transform:uppercase;
						}

a.allegato:hover		{ color:#ed1b24;}

a.allegato > i						{ font-size:20px; float:left; color:#ed1b24; padding:0 15px 0 0}
a.allegato:hover > i				{ color:#000;}	
a.allegato span		{ float:left;}						
.path			    { width:100%; display:inline-block; margin:20px 0; font-size:1.2em; color:#fff; text-shadow: 0px 2px 0px #000;}
.path::first-letter, .path a::first-letter {text-transform: capitalize;}

@media screen and (min-width: 640px) {
	.path			    { font-size:1.4em; }
} 

.path a			    {
	text-transform:none; color:#fff; 
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
}

.path a:hover	{ color:#000; text-shadow:none}			

.statiche	{float:left; width:100%;}
.statiche a {margin:0 5px;color: #FFF;padding:0;}
.statiche a:hover {color:#999; }

@media screen and (min-width: 640px) {
.statiche {margin:0; width:100%;}
}


a.whappfixed {position:fixed; bottom:30px; right:30px; background:#20d041; color:#FFF; text-align: center; font-size:35px; line-height: 50px; width: 50px; height: 50px; padding:5px; border-radius:100%;  z-index: 100;}					
a.whappfixed > i {background:#20d041; line-height: 49px;}


a.whappfixed:hover, a.whappfixed:hover > i {background:#000; color:#FFF;}

/*************** ANIMATION ************/
 .os-animation{
	opacity: 0;
}  
.os-animation.animated{
	opacity: 1;
} 

::-moz-selection {background: #000; color:#FFF;}
::selection {background: #000; color:#FFF;}
/**********************/
.gold-shadow {box-shadow: 10px 10px 0px #139d5c;}

/*******************************************************************************************************/
/************************************************ LANDING **********************************************/
/*******************************************************************************************************/

.box-landing				{  margin-top:70px; }	
.landing	{margin:0 0 20px 0 ;}
@media screen and (min-width: 600px) {
.box-landing				{  margin-top:90px; }
.landing 					{width:48%; }	
	.l1 {margin:0 2% 20px 0%;}
	.l2 {margin:0 0% 20px 2%;}
}

@media screen and (min-width: 1000px) {
.box-landing				{  margin-top:130px; }
}

.prev-1, .prev-2 {width:100%; float:left;}

@media screen and (min-width: 600px) {
.prev-1, .prev-2 {width:50%; float:left;}	
}

/************************* POPUP ********************/

.pub_contenitore {
	position: fixed;
	top:0;
	left:0;
	background: rgba(0,0,0,0.75);
	width: 100%;
	height: 100%;
	z-index: 120;
}

.cont-popup {
		position: fixed;
		z-index: 125;
		background: #FFF;
		padding:15px;
		width:80%;
		margin:10%;
		box-sizing: border-box;
	}

#pub-chiudi { top: -8px;
    right: -35px;
	font-size:1.2em; position: absolute; color:#fff; height:30px; width: 30px; line-height: 30px; text-align: center;}

#pub-chiudi:hover {color:#ed1c24;}

.int-pop {background:#FFF; width:100%; display:inline-block;}


	label > span {
    font-size: 12px;
    line-height: 12px;
    position: relative;
    width: 100%;
    padding: 0 0 0 10px;
    position: relative;
		float:left;
}

@media screen and (min-width: 600px) {
	.cont-popup {
		position: fixed;
		z-index: 125;
		background: #FFF;
		padding:15px 15px 25px 15px;
		width:500px;
		margin:0 auto;
		left:50%;
		margin-left:-250px;
		top:300px;
	}
	
	label > span {
    font-size: 11px;
    line-height: 17px;
    position: relative;
    width: 100%;
    padding: 0 0 0 17px;
    position: relative;
}
}

#pub_form > input#pub_email {
	  width: calc(100% - 100px);
		line-height: 40px; 
	background: #EFEFEF;
	box-sizing: border-box;
	padding:0 10px;
	float:left;
	border:0;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}

.send-popup {
	border:0;
	background: #000;
	color:#FFF;
	text-transform: uppercase;
	width:100px;
	float:left;
	text-align: center;
	line-height: 40px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}

.send-popup:hover {background:#666;}

.cont-label {position:relative; width:100%; display:inline-block; margin-top:10px;}
/*.label {
    font-size: 12px;
    line-height: 14px;
    width: 100%;
    display: inline-block;
    box-sizing: border-box;
    float: left;
	padding:0 0 0 20px;
}*/



/*********** LISTINO **************/

.listino {    width: 100%;
    float: left;
    border-bottom: 1px dotted #CCC;
    margin: 0 0 20px 0;
    padding: 0 0 20px 0; }

.listino > h2 {width:100%; display:inline-block; font-size:28px;}
.listino > span {width:100%; display: inline-block; padding: 0 0 10px 0}
.listino > div { font-size: 1.6em; color:#ed1c24; float:right; text-align: right;}


@media screen and (min-width: 600px) {
.listino > span {width:calc(100% - 120px); float:left; padding:0;}
.listino > div { width:110px; float:right; margin:0 0 0 10px;}	
}

/*
@media screen and (min-width: 600px) {
.listino:nth-child(even) {padding:0 0 0 10px;}

.listino:nth-child(odd) {padding:0 10px 0px 0;}
}*/
/*******************************/

input.check-pop[type='checkbox'] + label:before {
    left: -22px;
}

input#contatti_check[type='checkbox'] + label:before {
    left: -5px;
}

/*INPUT / CHECK*/

input[type='checkbox'], /* Nasconde checkbox e radio button */
input[type='radio'] 				{
									 position: absolute;
									left:0;
									 /*position: relative;*/
									 clip: rect(1px, 1px, 1px, 1px);
									}

input[type='checkbox'] + label, 
input[type='radio'] + label 		{
									cursor: pointer; /* Imposta il cursore per le label */
									padding: 0 0 0 5px; /* Padding a sinistra per rendere il controllo cliccabile */
									margin: 0 0 0 5px;
									position: relative;
									}

input[type='checkbox'] + label:before 
									{ /* Contenuto generato per le label associate ai checkbox */
									content: "";
									width: 15px;
									height: 15px;
									border: solid 1px #b5ae8f;
									background: #fff;
									cursor: pointer;
									position: absolute;
									top:0px;
									left: -15px;
									/*-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.20), inset 0px -15px 10px -12px rgba(0,0,0,0.20); 
									-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.20), inset 0px -15px 10px -12px rgba(0,0,0,0.20);   */
									box-shadow: 0; /* CSS3 */
									}

input[type='checkbox']:checked + label:after 
									{ /* Segno di spunta dei checkbox e suo colore */
 									content: "\2714";
									display: block;
									position: absolute;
									top: 0;
									left: 0;
									font-weight: bold;
									margin: 0 auto;
									font-size: 25px;
									color: #222;
									}


input[type='checkbox']:checked + label.aaa:after 
									{ /* Segno di spunta dei checkbox e suo colore */
 									content: "\2714";
									display: block;
									position: absolute;
									top: -6px;
									left: -18px;
									font-weight: bold;
									margin: 0 auto;
									font-size: 25px;
									color: #222;
									}

input[type='checkbox']:checked + label.bbb:after 
									{ /* Segno di spunta dei checkbox e suo colore */
 									
									left: -12px;
									
									}


input[type='radio'] + label:before { /* Contenuto generato per le label associate ai radio button */
									content: "";
									width: 14px; 
									height: 14px; 
									border: solid 1px #ccc;
									/*-webkit-border-radius: 7.5px; */
									border-radius: 7.5px;
									background: #FFFFFF;
									cursor: pointer;
									position: absolute;
									top: -1px;
									left: -22px;
									/* -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.20), inset 0px -15px 10px -12px rgba(0,0,0,0.20); 
									-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.20), inset 0px -15px 10px -12px rgba(0,0,0,0.20);  */								
									box-shadow: 0 1px 2px rgba(0,0,0,0.20), inset 0px -15px 10px -12px rgba(0,0,0,0.20); /* CSS3 */
									
									}

input[type='radio']:checked + label:after { /* Segno di spunta dei radio button e suo colore */
									content: "";
									display: block;
									width: 8px; 
									height: 8px;
									/*-webkit-border-radius: 4px;*/ 
									border-radius: 4px; 
									position: absolute;
									top: 3px;
									left: -18px;
									margin: 0 auto;
									background-color: #111111;
									}




/*******************************************/
/***************** LANDING *****************/

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.textcenter    {text-align: center;}
.title_landing {color:#000; font-size:46px; line-height: 50px; margin:15px 0;  }

.justify       { text-align: justify; margin:0 0 20px 0;}

.input_left, .input_right { border-radius:2px; border:1px solid #ddd; background: #FFF; color:#666;
float:left; margin:0 0 10px 0; width:100%; padding:0 2.5%; line-height: 45px; height:45px; box-sizing:border-box;}          
   
@media screen and (min-width: 980px) {

	.input_left  { width:49%; padding:0 2%; margin:0 1% 20px 0; line-height: 50px; height:50px;}
	.input_right { width:49%; padding:0 2%; margin:0 0 20px 1%; line-height: 50px; height:50px;}
}

.submit-landing {
	border:0!important;
	box-shadow: none!important;
	width:100%!important;
	padding:10px 2%!important;
	display: inline-block!important;
	margin:0 0 20px 0!important;
	font-size:22px!important;
	line-height: 26px!important;
	background-image:none !important;
	border-radius:2px;
	
} 

@media screen and (min-width: 980px) {
.submit-landing {
	
	width:100%!important;
	padding:15px 15px!important;
	font-size:22px!important;
	line-height: 26px!important;
	
}
}

.multi_foto_landing { width:100%; margin:0 0 10px 0; display:inline-block; background-size: cover; background-position: center; padding:0 0 70% 0;}

@media screen and (min-width: 980px) {
	.multi_foto_landing {

		width: 30.666%;
		margin: 0 1.15% 10px 1.15%;
padding:0 0 22% 0;
	}
}


.campo_coupon_cart { text-align:left; background:#FFF; line-height: 36px; width:100%; box-sizing: border-box; border:2px solid #000; padding:0 10px; margin:0 0 10px 0;  float:left; }

a.link_coupon 	{
	width: 100%;
    display: inline-block;
    text-align: center;
    color: #FFF;
    background: #000000;
    line-height: 40px;
}

a.link_coupon:hover {background:#4c2a10; color:#FFF;}

@media screen and (min-width: 640px) {
	.campo_coupon_cart {width:50%; margin:0 10px 0 0;}
	a.link_coupon 	{
	width: auto;
		padding:0 15px;
    
}
}


/*****************************************/
/***************** SHARE *****************/
/*****************************************/

ul.share-buttons			{ width:100%; float:left; padding:0;margin: 60px 0 0 0;}
ul.share-buttons li		{ float:left;  list-style:none;}
ul.share-buttons li a i	{ line-height: 1.8em;
									width: 1.8em;
									font-size: 1.2em;
									margin: 0 20px 0 0;
									text-align: center;
									border-radius: 100%;
									}



a > .fa-facebook-f							{background:#365899; color:#FFF;}
a:hover > .fa-facebook-f					{background:#365899; opacity:0.7;color:#FFF;}

a > .fa-twitter								{background:#1b95e0;color:#FFF;}
a:hover > .fa-twitter						{background:#1b95e0; opacity:0.7;color:#FFF;}
 
a > .fa-google						{background:#db4437;color:#FFF;}
a:hover > .fa-google				{background:#db4437; opacity:0.7;color:#FFF;}

a > .fa-linkedin-in								{background:#287bbc;color:#FFF;}
a:hover > .fa-linkedin-in					{background:#287bbc; opacity:0.7;color:#FFF;}

a > .fa-whatsapp							{background:#0dc143;color:#FFF;}
a:hover > .fa-whatsapp				{background:#0dc143; opacity:0.7;color:#FFF;}

a > .fa-pinterest-p							{background:#ed1c24; color:#FFF;}
a:hover > .fa-pinterest-p					{background:#ed1c24; opacity:0.7;color:#FFF;}

ul.share-buttons li a i.fa-whatsapp	{ margin:0 !important;} 

@media screen and (min-width: 640px) {
.wapp				{ display: none;}
}

.colonna > p {
    font-size: 0.85em !important;
	width:100%;
}

@media screen and (min-width: 600px) {
.colonna > p { column-count: 2;
	 -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */}	
}

@media screen and (min-width: 980px) {
.colonna > p { column-count: 3;
	 -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */}	
}

@media screen and (min-width: 1200px) {
.colonna > p { column-count: 4;
	 -webkit-column-count: 4; /* Chrome, Safari, Opera */
    -moz-column-count: 4; /* Firefox */}	
}