@charset "utf-8";
	
	
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, embed, 
	figure, figcaption, footer, header, hgroup, 
	menu, nav, output, ruby, section, summary,
	time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	}
	/* HTML5 display-role reset for older browsers */
	article, aside, details, figcaption, figure, 
	footer, header, hgroup, menu, nav, section, main {
	display: block;
	}
	ol, ul {
	list-style: none;
	}
	blockquote, q {
	quotes: none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
	content: '';
	content: none;
	}
	table {
	border-collapse: collapse;
	border-spacing: 0;
	}
	
	*{
	margin:0px;
	padding:0px;	
	}

	body{
	overflow-x:hidden;
	line-height:0;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	}
	
	a{
	text-decoration:none;
	}
	
	img{
	margin:auto;
	padding:auto;	
	}

	li{
	list-style-type: none;
	}
	
	h1{
	font-size: 60px;
	color: #fff;
	font-weight: 600;
	font-family: 'Roboto', sans-serif;
	line-height: 0.8;
	}

	h2 {
    color: #fff;
    font-size: 45px;
    line-height: 1.1;
    font-weight: 400;
	font-family: 'Roboto', sans-serif;
	text-transform: uppercase;
	letter-spacing: 4px;
	}
	
	h3{
	text-transform: uppercase;
	letter-spacing: 4px;
	font-size: 30px;
	font-weight: 400;
	line-height: 1.1;
		}
	
	h4{
    font-size: 24px;
    color: #fff;
    letter-spacing: 4px;
	font-weight: 400;
	line-height: 1.1;
	}
	
	h5 {
    font-size: 16px;
    font-weight: 600;
	line-height: 1;
	}

	p{
	font-size: 17px;
	display:block;	
	color: #848484;
	line-height:1.2;
	white-space: normal;
	}
	
	.est_size {
	display: inline-block;
	}
	
	.est_des .margin{margin-top:30px}
	.black_line li {
	font-size: 20px;
	padding: 10px;
	width: 100%;
	line-height: 100px;
	border-bottom: 1px solid #151515;
	border-top: 1px solid #3e3e3e;
	color: #535353;
	position: relative;
	display: inline-block;
	height: 100px;
	text-align: center;
	}
	.corsi_banner{background: url("../img/bg_1.jpg") no-repeat right/ cover;box-shadow: 0px -90px 75px #232121 inset;}

	/*.strappo{background: url("../img/strappo.png") no-repeat top center/ 100% auto;}*/
	
	.corsi_banner a{
    padding: 34px;
    background: #d40000;
    display: inline-block;
    margin: 60px 0px 0px;
    font-size: 23px;
    color: #fff;font-weight: 700;
	}
	
	.corsi_banner p{max-width: 500px;}
	
	.black_line a {
	transition: all 0.2s ease-in-out 0s;
	-webkit-transition: all 0.2s ease-in-out 0s;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
	background:#292929;
	color: #535353;
	}
.barred{text-decoration: line-through;
margin-right: 13px;
opacity: 0.5;}
	.black_line a:hover {background: #535353; color:#fff;}
	
	.black_line li:nth-child(1) {margin-top: 100px;
	}
	.est_size li{
    float: left;
    border-right: solid 1px #ffffff4f;
    line-height: 1;
    margin-right: 10px;
    padding-right: 10px;
	color:#fff;
	}

	.est_size li:nth-last-child(1) {
	border: none;
	margin: 0px;
	padding: 0px;}
	.light_font{font-weight:100;}
	
	.centerer {
    height: 100%;
 	white-space: nowrap;
	text-align: center;
	}
	
	.centerer:before {
  	content: '';
  	display: inline-block;
  	height: 100%;
  	vertical-align: middle;
 	margin-right: -0.25em;
	}
	
	.vertical{
	display: inline-block;
  	vertical-align: middle;
	}
	
	.inner_w{
	position:relative;
	max-width:1400px;	
	margin:0 auto;
	}
	
	.float{
	float:left;	
	}
	
	.fixed{
	position:fixed !important;	
	}

	/*-----------NAV INIZIO---------*/

	.red_line {
	height: 100%;
	position: fixed;
	width: 100px;
	background-color: #b3b8b6;
	left: 0px;
	top: 0px;
	z-index: 1;
	}
	
	.black_line {
    height: 100%;
    position: fixed;
    width: 100px;
    background-color: #292929;
    left: 100px;
    top: 0px;
    z-index: 11;
	}
	
.save_back a{position: fixed;
  height: fit-content;
  width: 100%;
  background: black;
  z-index: 100;
  top: 0px;
  padding: 17px;
  text-align: right;
  color: #888;
  font-size: 17px;}
.save_back a:hover{color: #fff}
	.level_numb {
	position: absolute;
    top: 0px;
    left: 0px;
    color: #fff;
    font-size: 50px;
    width: 100px;
    padding: 50px 0px;
	text-align: center;
	z-index: 2;}
	
.marig{margin-top: 22px;}

	#nav {
	position: relative;
	top: 0px;
	width: calc(100% - 100px);
	z-index: 10;
	height: auto;
	transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;
	box-sizing: border-box;
	left: 100px;
	line-height: 1;
	float: left;
	padding: 0px 50px;
	background: #fff;
		margin-top: 20px;
	}

	#under_nav{
	background: url("../img/bg_nav.png") no-repeat right/ cover;
	position: relative;
	top: 0px;
	width: 100%;
	box-sizing: border-box;
	float: left;
	text-align: center;
	border-bottom: #b9b9b9 2px solid
	transition: all 0.2s ease-in-out 0s;
	-webkit-transition: all 0.2s ease-in-out 0s;
	border-bottom: #b9b9b9 2px solid;
	}

	.showb{
	background-color: #242529;
	}

	.nametitle{   
	background: #fff;
	color: #373737;
	text-align: center;
	padding: 2% 0px;
	font-weight: 100;
	transition: all 0.2s ease-in-out 0s;
	-webkit-transition: all 0.2s ease-in-out 0s;}
	

	#under_nav h1{color: #373737;
	font-weight: 200;
	transition: all 0.2s ease-in-out 0s;
	-webkit-transition: all 0.2s ease-in-out 0s;
	padding: 3%;}


	.hidden{
	background-color:transparent;
	box-shadow:none;
	}	
	ul.topnav {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    width:  100%;
    position: relative;
    z-index: 10;
    text-align: center;
    float: left;
	border-bottom: #b9b9b9 2px solid;
		border-top: #b9b9b9 2px solid;
		background: #fff;
	}

	ul.topnav li {display:inline-block;}

	.topnav li a {
    display: inline-block;
    color: #b9b9b9;
    text-align: center;
    padding: 15px 0 15px;
    margin: 0 14px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 4px;
	position: relative;
	overflow: hidden;
		transition: all 0.3s ease-in-out 0s;
		-webkit-transition: all 0.3s ease-in-out 0s;
	}


	
	.bg_fire .topnav li a {color: #ff0a0a;}
	
	.topnav li a::before{
		content:"";
		position:absolute;
		height:3px;
		width:100%;
		background:#fff;
		bottom: 0px;
		left:-100%;
		transition: all 0.3s ease-in-out 0s;
		-webkit-transition: all 0.3s ease-in-out 0s;}
	
	.topnav li a:hover::before{left:0%;}
	

	
	.active{
    color:#72aea0 !important;
	}

	li > .li_news {

	}
	li > .li_login{    background: #00ccff;
    padding: 15px 15px !important;
    color: #000 !important;
    border-radius: 3px;
	font-weight: 400 !important;
	}

	ul.topnav li a:hover {color: #528c75;}

	ul.topnav li.icon {display: none;}
	
#myTopnav .indipendent{
position: fixed;
bottom: 10px;
left: -3px;
color: #fff;
background: #b3b8b6;
border: 2px solid #fff;
width: 76px;
height: 76px;}
	/*------------------------------*/
	
	aside[id="slidr-banner-breadcrumbs"] .slidr-breadcrumbs li.normal {
    background: aliceblue !important;
    margin: 4px !important;
	}
	aside[id="slidr-banner-breadcrumbs"] .slidr-breadcrumbs li.active {
    width: 14px !important;
    height: 14px !important;
    margin: 4px !important;
    background-color: rgb(10, 165, 171) !important;
	}
	aside[id*="-breadcrumbs"] .slidr-breadcrumbs li {
    width: 14px !important;
    height: 14px !important;
    margin: 4px !important;
	}
	aside[id*="-breadcrumbs"] {
    padding: 36px 41px !important;
	}
	.myvideo{
	position: absolute;
	bottom: 0px;
	top: 0px;
	right: 0px;
	width: 100%;
	height: 100%;
 	background-color: black; 
  	background-position: center center;
  	background-size: contain;
   	object-fit: cover; 
   	z-index:0;
	}
	
	.nav{
	position: relative;
	top: 0px;
	left: 0px;
	display: inline-block;
	z-index: 10;
	float: left;
	}
	
	
	.logo_nav {
    background: transparent url("../img/logo_nav.png") no-repeat center top / auto 100%;
    height: 45px;
	width: 193px;
	transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;
	}
	
	.show .logo_nav {
	height: 35px;
    margin-top: 5px;
	}
	
	body {
	background: #fff;
	}
	
	body.bg_3 {
	background: #29414d;

	}
	
#section0{height: 25%;
background: #fff;}

	#section1{
	background: #fff no-repeat fixed right / auto 100%;
	height: 100vh;
	width: 100vw;
	position: relative;
	display: inline-block;
	}
	
	
	#mission::after{content:"";}
	
	#section3{
	background: #d40000;
	text-align: center;
	padding:0 70px 80px;
	box-sizing: border-box;
	}
	

	/*--------INIZIO---*/
	
	.box_evidenza{margin: 150px 0 0; }
	.box_evidenza h1{line-height: 1.2;}
	.box_evidenza h3{color:#939393;margin: 20px 0;max-width: 400px;}
	.grey_1 p { padding-top:15px;
    line-height: 1.2;}
	.grey_link {

    color: #d30000;
    font-weight: 700;
    margin: 25px 0 0;
    position: relative;
    display: inline-block;
    font-size: 20px;

}

	
	#section2::before{
	content: "";
	position: absolute;
	width: calc(100% - 100px);
	height: 100%;
	background: url("../img/bg_flower.jpg") no-repeat center 81px / auto 870px;
	display: inline-block;
	top: 0px;
	left: 100px;
	margin: 0 auto;
		z-index: 0;}

	#section2{
	background-color: #fff;
	text-align: center;
	padding: 50px 0 130px;
}

	#section2 h2, #section2 h3{font-weight: 300;
	color:#6c9599;}
	
	#section2 h3{	padding: 15px 0;z-index: 2;
	position: relative;}

	#section2 ul{padding: 10px 0;
	display: inline-block;
	text-align: center;font-weight: 300;
position: relative;
}

	#section2 li {	
    padding: 21px 25px;
	float: left;
	border-right: 2px #6c9599 solid;
	color: #6c9599;
	font-size: 30px;
	text-transform: uppercase;
	position: relative;
	z-index: 2;
	letter-spacing: 10px;
	}

	#section2 li:last-child {
    border-right: 0px #6c9599 solid;
	}

	#section2 li:nth-child(2){font-size: 81px;
color: #000;}

	#section2 p {
    width: 530px;
    text-align: left;
    margin: 0 auto;
        margin-top: 0px;
    background: #fff;
    padding: 40px;
    box-sizing: border-box;
    z-index: 1;
    position: relative;
    margin-top: 16px;
	border: 20px solid #fff;
	}

#section2 .bordino p{background: #f4f4f4;}
#section2 .bordino span{font-family: Amalfi Coast;
line-height: 2;
font-size: 26px;
color: #6c9599;}

	#section2 p:nth-child()::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	border: 2px solid #000;
	box-sizing: border-box;
	left: 0px;
	top: 0px;
	
}
	#invite{background-color: #b3b7b6;padding-left: 100px;}

	#invite .box_100{
	max-width: 1340px; 
	width: 100%;
	margin: 0 auto;}
	/*------------*/
	.campi_comp {
    background:#d40000;
    box-sizing: border-box;
    padding: 75px 70px 0px;
    display: inline-block;
    width: 100%;
	}
	
	.campi_comp h5{
	color:#292929;
	text-transform:uppercase;
	letter-spacing: 2px;
	font-weight:900;	}
	
	.link_h1 {
    font-size: 30px;
    color: #fff;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
    line-height: 1;
    width: 150px;
    float: right;
    text-transform: uppercase;
    white-space: nowrap;
	position:relative;
	background: #2a2a2a;
	padding:10px 0px;
	margin: 50px -19px 0 0;
	transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;
	}
	
	.link_h1:hover {margin: 50px 0px 0 0; color:#FF0004}
	
	.square_link {
	width: 130px;
	height: 130px;
	border: solid white 13px;
	display: block;
	position: absolute;
	right: -59px;
	top: -38px;
	z-index: -1;
	}

	.campi_comp p {
    color: #fff;
    line-height: 1.4;
    padding: 15px 15px 0;
    max-width: 250px;
    text-align: center;
    margin: 0 auto;
	}
	
	.camp_exp_icon {
    width: 90px;
    height: 81px;
    margin: 0 auto;
    display: inline-block;
    margin-bottom: 35px;
	background:url("../img/icon_campi.png") no-repeat center right / auto 100%;
	}
	
	.camp_exp:nth-of-type(1) .camp_exp_icon{background-position: -7% 0%;}
	.camp_exp:nth-of-type(2) .camp_exp_icon{background-position: 29% 0%;}
	.camp_exp:nth-of-type(3) .camp_exp_icon{background-position: 68% 0%;}
	.camp_exp:nth-of-type(4) .camp_exp_icon{background-position: 106% 0%;}
	
	.camp_exp {
    display: inline-block;
    float: left;
    box-sizing: border-box;
    padding: 17px;
    width: 25%;
    border-left: 1px solid #3c3c3c;
    text-align: center;
	}
	
	.camp_exp:nth-of-type(1){border-left:none;}
	
	.box_100 {
    width: calc(100% - 100px);
    margin-left: 100px;
	}

	.box_50{
	width: 50%;
    float: left;
    display: block;
    position: relative;

	}

	#invite .box_50{
	background: #b3b7b6;
    box-sizing: border-box;
    border-left: 2px #5e605f solid;
	border-top: 2px #5e605f solid;
	border-bottom: 2px #5e605f solid;
	}

	#invite .box_50:nth-child(2){border-right: 2px #5e605f solid;}
	.box_inv{border-bottom: 2px #5e605f solid;}
	.name_invitato{}
	
	.name_invitato h1{padding: 30px;}


	.name_invitato h1{
	color: #000;
	text-transform: uppercase;
	letter-spacing: 4px;
	font-size: 35px;
	font-weight: 400;
	line-height: 1.1;}

	.name_invitato p{	color: #000;
	padding: 50px;
	text-align: left;}

	.flex{display:flex}
	.countdown{	padding: 30px;border-right: 50px #000 solid;}
	.countdown ul{
	display: inline-block;
	}	
	.countdown li{float:left;
	display:inline-block;
	padding: 30px 40px;
	font-size: 50px;
	color: #000;}

	.countdown li p{
	font-size: 20px;
	color: #000;
	text-transform: uppercase;
	padding: 10px 0px}
		
	.full{display: inline-block;
	width: 100%;
	padding: 30px;
	position: relative;
	border-top: 2px #5e605f solid;}
	
	.border{border: 50px #b3b7b6 solid;}

	.full h3 {
    color: #000;
    text-transform: uppercase;
    letter-spacing: 4px;
    font-size: 17px;
    font-weight: 400;
	}

	#chiesa, #location{ padding: 0px 0px;
	position: relative;
	}	
	#chiesa .boxa, #location .boxa{ 
	border-top: 2px solid #000;
	width: 100%;
	position: relative;
	display: inline-block;
	z-index: 1;
	}

	#chiesa a, #location a{
	padding: 30px 40px;;
	display: inline-block;
	color: #fff;
	font-size: 23px;
	text-transform: uppercase;
	letter-spacing: 6px;	
	border-right: 2px solid #000;
	position: relative;
	overflow: hidden;
	background: #454547}

	.boxa a p{padding: 0;
	width: auto;
	line-height: 0;
	font-size: 23px;
	color: #fff;}

	#chiesa a::before, #location a::before{
	content: "";
	position: absolute;
	height: 100%;
	width: 100%;
	background: #6d959a;
	transition: all 0.2s ease-in-out 0s;
	-webkit-transition: all 0.2s ease-in-out 0s;
	left: 0px;
	top:100%;
	}

	#chiesa a:hover::before, #location a:hover::before{top:0px;}	


	.liner_box {
  max-width: 1142px;;
  margin: 0 auto;
}

	/*.icon_cov {
	  height: 100px;
	  width: 100px;
	  background: beige;
	  margin: 0 0 30px 0;
	}*/

.info_cov{background-color: #b3b7b6;}
	.info_cov ul {
	float: left;
	box-sizing: border-box;
	padding: 100px 60px;
	background: #dbdbdb;
	}

.info_cov ul:nth-child(2){background: #ccc;}


	.inner_box{
	max-width: 1150px;
	padding: 60px;
    background: #edebec;
    box-sizing: border-box;
	width: calc(100% - 400px);
	margin: 200px auto;
	}

	.etichetta{position: relative;}
/*
	.box_desc_chies::before, .box_desc_loc::before{content: "";
	border-top: dotted #fff 32px;
	width: calc(100% + 100px);
	position: absolute;
	height: calc(100% + 114px);
	display: block;
	top: -57px;
	border-bottom: dotted #fff 32px;
	left: -43px;}

	.element_1 {
	content: "";
    background: url("../img/bg_chies.png") no-repeat center / contain;
    width: 450px;
    height: 735px;
    display: block;
    position: absolute;
    z-index: 1;
    top: 0px;
    right: 0px;
    left: 0px;
    margin: 0 auto;
}
*/

	#chiesa{background: url("../img/chies.jpg") no-repeat center / cover;background-attachment: fixed;}
	#location{background: url("../img/loc.jpg") no-repeat center / cover;background-attachment: fixed;}
	.element_2 {
	/*background: url("../img/element_2.png") no-repeat center / contain;*/
	height: 100%;
	display: block;
	position: absolute;
	z-index: 3;
	bottom: 0px;
	right: 0px;
	margin: 0 auto;
	}

	.element_3{
	top: 6%;
right: -13%;
max-height: 614px;}

	.inner_pad2{    padding: 40px 0px 40px 40px;}

	#chiesa .box_100, #location .box_100{
	margin: 0 auto;
    margin-left: auto;
	margin-left: 100px;
	border: 30px white solid;
	}

	#chiesa .wborder, #location .wborder{
	border: 2px #000 solid;}
	
	.box_desc_loc{}
	.box_desc_chies{}

	.etichetta h3, #chiesa .box_50 h3, #location .box_50 h3{
	color: #000;
	text-transform: uppercase;
	letter-spacing: 4px;
	font-size: 30px;
	font-weight: 400;
	line-height: 1.1;
	padding: 40px;
	width: calc(100% - 100px);
	}

	.title_loc{
	border-bottom: 2px #000 solid;
	display: flex;}

	.icon_ch{
	height: auto;
	width: 100px;
	display: inline-block;
	border-right: 2px #000 solid;
	background: url("../img/icon_ch.jpg") no-repeat center / cover;
    min-height: 100px;
	}

	.icon_lc{
	background: url("../img/icon_lc.jpg") no-repeat center / cover;}

	.etichetta p, #chiesa .box_50 p, #location .box_50 p{
	padding: 45px;
	padding-top: 0px;
	z-index: 1;
	position: relative;
	max-width: calc(100% - 270px);
	}

	.boxa a p {max-width:100%;}

	.etichetta h4, #chiesa .box_50 h4, #location .box_50 h4{
	padding: 45px 45px 20px;
	color:#000;
	z-index: 1;
	position: relative;
	text-transform: uppercase;	
	}

	.square_cont{display: inline-block;
	position: relative;
	margin: 0 auto;
	width: 460px;
	left: 50px;}

	.box_square {
	box-sizing: border-box;
	padding: 20px;
	background: #fff;
	height: 215px;
	width: 215px;
	float: left;
	margin-top: 20px;
	}
	.box_square h1 {
	border: 2px #000 solid;
	height: 50%;
	width: 100%;
	color: #000;
	font-size: 40px;
	font-weight: 300;
	padding: 20px;}

	#section2 .box_square p{
		background: none;
	height: 50%;
	border-bottom: 2px #000 solid;
	border-left: 2px #000 solid;
	border-right: 2px #000 solid;
	width: 100%;
	margin: 0px;
	border-top: none;
	text-align: center;
	color: #000;
	text-transform: uppercase;
	font-size: 31px;
	letter-spacing: 1px;
	font-weight: 200;
	padding: 25px;}

	.box_square:nth-child(1){margin-right: 30px;}
	.box_square:nth-child(2){}
	.si_mobile{display: none;}
	.flower1, .flower2, .symbol{ 
	position: absolute;
    height: 100px;
    width: 100px;
    margin: 0 auto;
    left: 0px;
    right: 0px;}

	.flower1::before {
    background: url("../img/flower1.png") no-repeat center right / auto 100%;
	position: absolute;
	height: 141px;
	width: 124px;
	margin: 0 auto;
	left: 307px;
	top: 305px;
	display: block;
	z-index: 3;
	content: "";
	}	

	/*.flower2::before {
    background: url("../img/flower2.png") no-repeat center right / auto 100%;
    position: absolute;
    height: 147px;
    width: 156px;
    margin: 0 auto;
    left: 51px;
    top: 668px;
    display: block;
    z-index: 3;
    content: "";
}*/
	.symbol::before {
    background: url("../img/Get married.png") no-repeat center right / auto 100%;
	position: absolute;
	height: 210px;
	width: 197px;
	margin: 0 auto;
	left: -271px;
	top: 148px;
	display: block;
	z-index: 3;
	content: "";}	

	/*-----------*/
	
	.logo_main {
    background: url("../img/logoa.jpg") no-repeat center right / 100% auto;
    width: 700px;
	padding-bottom: 100VH;
	margin-left: 100px;
	}
	
	.logoty {
		background: url("../img/logoty.jpg") no-repeat center right / 100% auto;}
	#mission h2, #map h2 {
    margin: 25px auto;
	line-height: 1.3;
	color: #fff;
	}
	
	#mission .break{margin:0px;}
	
	#iban{background: #edebec;padding: 0px 0px;
	position: relative;}	

	#iban .wborder{border: 2px solid #000;}

	.graffe::before {

	background: url("../img/graffe.jpg") no-repeat center right / 100% auto;
	width: 100px;
	height: 100px;
	text-align: center;
	margin: 0 auto;
	margin: 0px auto 15px;
	display: inline-block;
	position: absolute;
	z-index: 0;
	top: -50px;
	left: 0px;
	right: 0px;
	z-index: 1;
	}
	
	.graffe_2{transform: rotate(180deg);}
	
	#mission h5, #map h5{color: #cfcfcf;}
	
	#mission p, #map p {
    margin: 25px auto;
    color: #9b9b9b;
    max-width: 600px;
    line-height: 1.4;
	}
	
	#mission .color1 , #map .color1{
    font-weight: 400;
    color: #72aea0;
	}
	
	.gufette h4 {
    color: #f00;
	}
	
	.break {
	margin: 30px 0px;
	border: none;
	background: #878787;
	width: 55px;
	height: 5px;
    text-align: center;
	display: inline-block;
	z-index: 2;
	position: relative;
	}
	
	.break_section {
    width: 100%;
    text-align: center;
    display: inline-block;
    position: relative;
	padding: 0px 0px;
	box-sizing: border-box;
	background-color: #393939;
	}
	

	.margin-sx {
	text-align: center;
	display: inline-block;
	width: calc(100% - 100px);
	position: relative;
	padding: 80px;
	}
	
	
	.color_fff{background-color:#fff;}
	.color_0, .color_0.before_sx::before, .color_0.before_dx::before {background:#c9cbd0;}
	#contact, .color_2, .color_2.before_sx::before, .color_2.before_dx::before {background: #393939;}
	.color_3, .color_3.before_sx::before, .color_3.before_dx::before {background:#1f3946;}
	
	.shell {
    max-width: 1400px;
    text-align: center;
    margin: 0 auto;
    width: 100%;
	/*padding: 0px 50px;
	box-sizing: border-box;*/
	}
	
	.block_1-1 {
    width: 100%;
    padding: 50px;
    float: left;
    box-sizing: border-box;
    position: relative;
    display: inline-block;
	}
	
	#owl-caro > li {
    height: 100%;
    width: 100%;
	}
	
	.block_1-2 {
    width: 50%;
    padding: 50px;
    float: left;
    box-sizing: border-box;
    position: relative;
    display: inline-block;
	}
	
	/*.before_sx::before, .before_dx::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: -100%;
    top: 0px;
	}
	
	.before_dx::before {
    left: auto;
    right:-100%;
	}*/
	
	.box_bg{
	display: inline-block;
	width: 100%;
	}
	
	.box_list {
	width: 100%;
	display: inline-block;
	position: relative;
	}
	
	.bulb_box {
    background: url("../img/light.png") no-repeat scroll center / contain;
    position: relative;
    width: calc(40% - 100px);
	height: 960px;
	margin-left: 150px;
    float: left;
    z-index: 1;
	}
	
	.box_list > ul{
	padding: 180px 140px 140px 0%;
	float: left;
	display: inline-block;
	width: calc(60% - 50px);
	}
	
	.box_list > ul > li{
	display: inline-block;
	width: 100%;
	padding: 2.5% 0px;
	}
	
	.box_list h1{padding: 32px 0px;
	float: left;
	width: calc(100% - 150px);}
	
	.box_list h2, .box_list h5{color:#fff;}
	.box_list p{
	color: #6c707b;
	padding: 1% 0% 0 0;
	line-height: 1.4;
	max-width:800px;
	}
	
	.icon_list {
    background: #ccc;
    height: 85px;
	width: 85px;
    position: relative;
    float: left;
	margin: 0 28px 17px 0;
	border-radius: 1000px;
	}
	
	.red_bar_small{position:absolute;width:100px;height:100%;right: 0px;z-index: -1;
	background: #b3b8b6;}
	
	.mark_box {
    width: 100%;
	padding: 5% 0%;
	display: inline-block;
	max-width: 1000px;
	margin: 0 auto;
	}
	
    #owl-demo .item{
    margin:10px 50px;
    }
    #owl-demo .item img{
    display: block;
    height: 100%;
	width: auto;
    }

    #owl-caro .item img{
    display: block;
    width: 100%;
    height: auto;
    }

	.owl-carousel {padding: 40px;}
	.owl-theme .owl-controls {margin-top: 20px !important;}
	
	.left_side_box {
	padding-left: 11%;
	width: 71%;
	box-sizing: border-box;
	
	}
	
	.left_side_box > ul {
    padding: 9% 8% 0% 0%;
    float: left;
    display: inline-block;
    width: 100%;
	position: relative;
	}
	
	#owl-caro .text_bg{
	padding: 4% 12%;
	}
	
	#section4 {
    position: relative;
    width: 100%;
	}

	#owl-caro {
    height: 100%;
    width: 100%;
	position: relative;
    top: 0px;
    left: 0px;
	}
	
	#owl-caro .owl-buttons{display:none;}
	#owl-caro.owl-carousel {padding:0px;}
	#owl-caro .box_list {
    width: 100%;
    float: left;
    height: 100%;
    left: 0%;
	}
	
	#section4 .box_list{position:absolute; height:100%;}
	
	#owl-caro .box_slide > li{
	display: inline-block;
	width: 100%;
	padding: 2.5% 0px;
	}
	
	#owl-caro h2{padding-bottom: 5%;}
	
	#owl-caro h2, #owl-caro h5{color:#fff;}
	#owl-caro p {
    color: #6c707b;
    padding: 2% 0% 0 0;
    line-height: 1.4;
    display: inline-block;
    width: 77%;
	}
	
	.link_site, .link_mark_page {
    border: 1px solid;
    color: #7e7e7e;
    padding: 20px 30px;
    display: inline-block;
    border-radius: 5px;
    margin-top: 20px;
    font-size: 19px;
    margin-left: 113px;
	background: rgba(0, 192, 255, 0);
	-webkit-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
	cursor:pointer;
	margin-bottom: 50px;
	}
	
	.link_mark_page {
    padding: 2.8% 2.3%;
    margin-left: 15px;
    border-radius: 100px;
	}
	
	.link_site:hover, .link_mark_page:hover {
    border: 1px solid #00c0ff;
	background:#00c0ff;
	color:#343843;
	}	
	
	#section5 {
    display: inline-block;
	width: 100%;
	}
	
	.latest_box {
    position: relative;
    float: left;
    display: inline-block;
    width: 20%;
    box-sizing: border-box;
	}
	
	#section5 .latest_box{height: calc(100vw/5);}
	
	.box_40 {
    width: 40%;
    background: #f9f9f9;
    padding: 4% 3% 0% 11%;
	}
	
	.box_20 {
    padding:40px;
	cursor:pointer;
	}
	
	.red_block {
    background: rgba(80, 1, 1, 0.67);
    height: 282px;
    position: relative;
    float: left;
    display: inline-block;
    width: 35px;
    box-sizing: border-box;
	}
	
	.box_20::before {
    content: "";
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    z-index: 0;
	background: #2a2a2ad4;
	}
	
	.corner{background: url("../img/corner.png") no-repeat left top / auto 100%;
	width:50px;
	height:50px;
	position:absolute;
	top:0px;
	right:0px;
	opacity:1;-webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
	pointer-events:none}
	
	.box_20:hover .corner{
	opacity:0;
	top:-50px;
	right:-50px;}
	
	.box_20:hover::before{
    opacity: 1;
    width: 110%;
    height: 110%;
    left: -5%;
    top: -5%;
    box-shadow: 10px 10px 20px #0000007a;
	background: #d40000;
	z-index: 1;
	}

	
	.box_40 h3{
    color:#212121;
	}
	
	.box_40 h2 {
    color: #757575;
	}
	
	.box_20 h5 {
    color: #f00;
	z-index: 1;
	position: relative;
	}
	
	.box_20 h4, .box_20 h5 {opacity:1;-webkit-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;}
		
	.box_20:hover h5, .box_20:hover h4{opacity:0;
	}
	
	.est_des {
    position: absolute;
	left: 46%;
	z-index: 1;
	width: calc(54% - 20px);
	opacity: 0;
	-webkit-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
	margin-top: -10px;
	}
	
	.box_20:hover .est_des {
    opacity: 1;
	margin-top:0px;
	}
	
	.box_20 h4, .des_team_photo h4 {
	z-index: 1;
	position: relative;
	text-transform: uppercase;
	}
	
	h6 {
	font-size: 23px;
    line-height: 1;
    padding: 0 0 10px;
    color: #fff;
    font-weight: 700;
	}

	/*------------contatti-----------*/
	
	#contact .margin-sx{text-align:left;}
	#contact .text_bg{top:0px;}
	#contact .padding p, #contact .padding h2{padding: 0px 60px 0 0;}
	
	.line_contact {
	width: 50%;
	height: 1px;
	background: #ffffff4d;
	margin: 8% 0;
	max-width: 150px;
	}
	
	.box_mezzo_contact{
	line-height:1;
	width: 50%;
	box-sizing: border-box;
	height: auto;	
	float:left;
	position:relative;
	}
	.box_mezzo_contact:nth-of-type(3){text-align:right;}

	.selettore_con {
    width: 100%;
    max-width: 500px;
	border:none;
	border-bottom: 1px solid #ffffff4d;
	}
	
	#iban .cod_ib{border-top: 2px solid #000;
	max-width: 2000px;
	padding-top: 25px;}

.icon_iban::before{  background: url("../img/bollo.png") no-repeat center right / auto 100%;
position: absolute;
height: 210px;
width: 197px;
margin: 0 auto;
left: -54px;
top: -44px;
display: block;
z-index: 3;
content: "";
}

.box_mezzo_contact input, .box_mezzo_contact textarea {

    background: transparent;
    color: #fff;
    font-family: "roboto";
    padding: 0 0 13px 13px;
    margin: 10px 0 14px;
    font-size: 16px;

}

.box_mezzo_contact input:focus, .box_mezzo_contact textarea:focus {outline: none;}


	
	.box_mezzo_contact textarea {
    width: 100%;
	border: 1px solid #ffffff4d;
	resize: none;
	margin-top: 28px;
	padding: 13px;
	box-sizing: border-box;
	}

	.box_mezzo_contact li {
  		color: #fff;
	  padding: 20px 0 0 0px;
	  font-size: 17px;
	  margin-left: 30px;
	  position: relative;
	}

	.box_mezzo_contact ul {
			  padding: 20px 30px 0 0;
			}

	.box_mezzo_contact li::before {
	content: "▬";
  	color: #878787;
  	padding-right: 15px;
	position: absolute;
	left: -30px;
	}
	
	.level_numb::before {
    content: "";
    position: absolute;
	width:3px;
	height:100px;
	margin:0 auto;
	left:0px;
	right:0px;
	background:#fff;
	top:100%;
	}
	
	.social_bar {
    position: fixed;
    left: 0px;
    bottom: 0px;
    z-index: 4;
    text-align: center;
	}
	
	.social_bar a{
	transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;
	padding: 30px 20px;
	background: #b3b8b6;
	display: inline-block;
	font-size: 25px;
	border: 3px solid #fff;
	margin: 16px;
	color: #fff;}
	
	.social_bar:hover a{
    background: #2a2a2a;
    border: 3px solid #2a2a2a;
    color: #f00;
}
	
	input.bottone_con {
	transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;
	border: 1px solid #ffffff4d;
	padding: 12px;
	box-sizing: border-box;
	width: 50%;
	margin: 24px 0 0;
	}
	
	input.selettore_con:hover{color:#fff;}
	
	input.bottone_con:hover { background:#fff; color:#FF0004; cursor:pointer;}
	
	.cont_element{ margin:3% 0;padding-left: 55px;background: transparent url("../img/icon_contact.png") no-repeat left top / 40px auto;}
	
	.cont_element:nth-of-type(1){background-position-y: 9px;}
	.cont_element:nth-of-type(2){background-position-y: -45px;}
	.cont_element:nth-of-type(3){background-position-y: -138px;}
	.antispam{display:none;}
	
	.ind_contact {margin-top: 40px;}	
	.cont_element h4{ font-weight:400;}
	.cont_element p{color: #000;
margin-top: 1%;}

	.map_bg h3{
	font-weight: 100;
	max-width: 400px;
	margin: 0 auto;
	position:relative;
	}
	
	.map_bg h3::before, .map_bg h3::after {
    content: "";
    width: 150px;
    height: 1px;
    background: #fff6;
    position: absolute;
    left: -200px;
    top: 50%;
	}
	
	.map_bg h3::after {left: auto; right:-200px;}
	
	.map_bg a {
    font-weight: 100;
    border: 1px solid;
    padding: 15px 15px;
    box-sizing: border-box;
    line-height: 1;
    margin-top: 30px;
    display: inline-block;
    color: #00ccff;
    background: transparent;
	transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;
	}
	
	.map_bg a:hover {
	color: #000;
    background: #00ccff;
	}
	
	.map_bg {
    text-align: center;
    padding: 6%;
    background: transparent url("../img/map.jpg") no-repeat fixed center / cover;
	}
	
	.map_icon {
    background: transparent url("../img/icon_contact.png") no-repeat 0% 53% / 100% auto;
    width: 40px;
    height: 60px;
    text-align: center;
    position: relative;
    display: inline-block;
    margin-bottom: 20px;
	}
	
	/*--------------gallery articoli-----------*/
	
			.box_desc_loc p span, .box_desc_chies p span{
			  width: 100%;
			  display: inherit;
			  padding: 20px 0 0;
			  color: #000;
			}

	.box_desc_loc p .cursive{font-family: Amalfi Coast;
		line-height: 2;
		font-size: 32px;
		color: #6c9599; }

		
	
	/*-----------------footer-----------*/
	
	.footer {
	background: #242529;
	width: calc(100% - 100px);
	padding: 30px 120px 30px;
	color: #6c6d70;
	box-sizing: border-box;
	line-height: 1;
	margin-left: 100px;
	display: inline-block;
	}
	
	.footer_logo {
	background: url("../img/footer_logo.png") no-repeat top center / contain;
	width: 320px;
	height: 185px;
	float: left;
	}
	
	.footer_link_box {
    display: inline-block;
    width: calc(100% - 320px);
    text-align: right;
	position:relative;
	}
	
	.footer_link_subox {
    width: 20%;
    display: inline-block;
	}
	#iban .icon_ch{
	background: url("../img/icon_ib2.png") no-repeat center / cover; }
	.footer_link_subox a, .footer_link_subox li{
	padding:5px 0;
	text-align:left;
	display: block;	
	color: #68696d;
	}
	
	.footer_link_subox a:hover{
	color: #00c0ff;
	cursor:pointer;
	}
	
	.title_footer {
    color: #474a4c;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 2px;
    margin-bottom: 17px;
	text-align:left;
	display:block;
	}
	
	.line_2_footer {
    width: 100%;
    border-top: 1px solid;
    margin-top: 40px;
    padding-top: 24px;
    font-size: 14px;
	}
	
.break_green{text-align: center;
background: #b3b8b6;padding: 100px;}
.break_green h3{font-family: amalfi coast;
text-transform: none; font-size: 50px;}

	
	@media (max-width: 1700px){	

	.art_blog_box .latest_box {
	height: calc((100vw - 400px) / 4);
    width: calc(33% - 50px);
	margin: 0 40px 40px 0;
	}
	
	.name1, .name2{display:none;}
		
		.gufette .owl-item{width: calc(100vw - 200px) !important;}}
	
@media (min-width:1100px){
	  .iban_bg_fl{background: url("../img/bg_chies.png") no-repeat -6% 284% / auto 91%;}
	
	.iban_bg_fl .inner_box {
 		padding: 0px;
		background: transparent;}
	#iban .cod_ib{border-left: 30px solid #000;}
	#chiesa .inner_box{background: #eeeced url("../img/sun.jpg") no-repeat 111% 25% / 48% auto;}
#location .inner_box{background: #eeeced url("../img/uva.jpg") no-repeat 109% 22% / 47% auto;}
}

	@media (max-width: 1500px){	
		.element_3 {
  height: 168%;
  top: 0%;
  right: -13%;
  max-height: 590px;
}

	.inner_box {
	  max-width: 1200px;
	  padding: 40px;
	  box-sizing: border-box;
	  width: calc(100% - 200px);
	  margin: 100px auto;
	}
	
	@media (max-width: 1100px){
	#nav {padding: 0px!important;}
	.red_line{display: none;}	
	.element_2 {
    height: 100%;
    display: block;
    position: relative;
    z-index: 3;
    bottom: 0px;
    right: 0px;
    margin: 0 auto;
	width: calc(100% - 40px);
	border: 3px dotted #000;
	margin: 20px;
	padding: 20px;
}
	.title_loc {
    border-top: none;
	}
		
	.etichetta h3, #chiesa .box_50 h3, #location .box_50 h3 {
    color: #000;
    letter-spacing: 4px;
    font-size: 26px;
    padding: 20px;
	}
		
	#chiesa a, #location a {
    background: #454547;
    width: 100%;
    text-align: center;
	border-right: none;}
		
	.element_3{top:0px;}
		}
	@media (max-width: 1000px){
		
		.si_mobile {
			display: inline-block;
			color: #000;
			padding: 475px 92px 115px;
			text-align: left;
			width: calc(100% - 126px);
			font-size: 300px;
			font-weight: 100;
			position: relative;
			font-family: amalfi coast;
			text-transform: lowercase;
			box-sizing: border-box;
			}
		
		.logo_main {
			  background: url("../img/logoalt.jpg") no-repeat center center / 90% auto;
			  padding: 0px;
			  height: 100%;
			  width: 100%;
			  top: 0px;
			  left: 0px;
			  position: absolute;
			}
		
		.logoty {
			  background: url("../img/logoaltty.jpg") no-repeat center center / 90% auto;
			}
		
		.inner_box {
			  width: 100%;
			  margin: 0;
			  padding: 0px;
		}
		#chiesa .wborder, #location .wborder {
			  border: none;
			  padding: 110px;
		background: url("../img/bg_chies.png") no-repeat -47% 284% / auto 91%;}
		
		#location .wborder{background: url("../img/bg_loc.png") no-repeat 34% 374% / auto 91%;}
		
		.etichetta h3, #chiesa .box_50 h3, #location .box_50 h3 {
			  color: #000;
			  letter-spacing: 4px;
			  font-size: 75px;
			  padding: 190px 0px 65px;
			  width: 100%;
			}
		.etichetta h3, #chiesa .box_50 h3, #location .box_50 h3, .box_mezzo_contact h2{
			  color: #000;
			  letter-spacing: 4px;
			  font-size: 75px;
			  padding: 190px 0px 65px;
			  width: 100%;
			}
		.box_mezzo_contact h2{color:#fff;}
		
		.box_mezzo_contact li {
			  font-size: 45px;
			  padding: 40px 0 0 50px;
			}
		
		.box_mezzo_contact ul {
			  padding: 90px 0;
			}
		.box_mezzo_contact p textarea {
			  margin-top: 90px;
			}
		
		.box_mezzo_contact li span{display: none;}
		.break {
		  margin: 76px 0px;
		  width: 105px;
		  height: 8px;
		}
		
		.icon_ch {
			  width: 200px;
			  border: 5px #000 solid;
			  min-height: 200px;
			}
		
		.etichetta h4, #chiesa .box_50 h4, #location .box_50 h4 {
		  	  padding: 65px 0px;
		  	  font-size: 45px;
			  font-weight: 600;
			}
		
		.etichetta p, #chiesa .box_50 p, #location .box_50 p {
			  padding: 0px;
			  max-width: 1000px;
			  width: 100%;
			}
		
		#chiesa a, #location a {
			  width: 100%;
			  padding: 90px;
			  margin: 70px 0px;
			  font-size: 55px;
		}
		
		.boxa a p { font-size: 58px;}
		#chiesa .boxa, #location .boxa {border-top: none;}
		#chiesa, #location {
			background: none;}
		
		.box_desc_loc p span, .box_desc_chies p span{
			  width: 100%;
			  display: inherit;
			  padding: 50px 0 0;
			  color: #000;
			}
		
		.title_loc span {width: 100%; display: inline-block;}

		.element_2{display: none;}
		#myTopnav{  display: none;}
		#section1 {height:  calc(100VH);}
		.margin-left{margin-left: 0px;}
		.box_square, .flower2::before {display: none;}
		.box_100{width: 100%; margin-left: 0px;}
		#section2 {padding-bottom: 215px;}
		#invite{ padding-left: 0px}
		h1 { font-size: 90px;}
		p {font-size: 45px;line-height: 1.5;}
		.nametitle, #under_nav {padding: 50px 0px; display: none}
		.flex {display: inline-block;}
		.box_50{width: 100%;}
		#invite .box_50 {background: #fff;}
		.name_invitato h1 {font-size: 75px;text-align: left;padding: 90px 110px;}
		#invite .box_50{border: none;}
		.box_inv { border-bottom: none;}
		.border { border: none;}
		.name_invitato p, .full {padding: 90px 110px;}
		#invite .box_50:nth-child(2) {border-right: none;border-top: none;}
		.full h3 { text-align: left; font-size: 36px;padding: 22px 0;}
		
		.si_mobile::before, .name_invitato h1::before {
			content: "";
			position: absolute;
			background: #75a2a6;
			height: 10px;
			width: 130px;
			bottom: 0px;
			left: 110px;
		}
		
		.si_mobile::before {left: 44px;bottom: -39px;}
		#section2 .bordino span {font-size: 49px;}
		
		.title_loc {
			  border-bottom: 5px #000 solid;
			  display: inline-block;
			  width: 100%;
			}

		.full {padding-top: 0px; border-top: none;}
		
		#iban .cod_ib {
		  border-top: none;
		  padding: 0px;
		}
		
		#iban .box_desc_loc p span {
		  width: 100%;
		  display: inherit;
		  padding: 50px 0;
		  color: #fff;
		}
		
		.box_desc_loc p .cursive {
	  font-family: Amalfi Coast;
	  line-height: 2;
	  font-size: 60px;
	  color: #6c9599;
	}
		
		.info_cov ul {padding: 110px;}
		.liner_box h3 {  font-size: 75px;
}

		.countdown {
  			padding: 30px 110px;
  			border-right: none;
			text-align: left;}
		.countdown ul{
		display: inline-block; text-align: left;
		}	
		.countdown li{float:left; text-align: left;
		display:inline-block;
		padding: 30px 80px 20px 0;
		font-size: 190px;
		color: #75a2a6;
		font-weight: 300;
		width: 100%;
		}
		.name_invitato p {
			color: #848484;}
		.countdown li p{
		font-size: 100px;
		color: #848484;
		text-transform: uppercase; text-align: left;
		padding: 0px 0px 30px 0color: #75a2a6;letter-spacing: 2px;
		letter-spacing: 5px;
		}
		#contact{padding: 110px;}
		
		#section2 .bordino p { background: none; border: none;padding: 90px 110px;width: 100%; color: #848484;}
		.symbol::before, .flower1::before, .flower2::before{background: none; display: none;}
		#section2::before {height: 100%; background: url("../img/bg_flower.jpg") no-repeat 21% 227% / auto 76%;  opacity: 0.15; width: 100%; left: 0px;}
		.box_ann_data{background: #e6e6e6;padding: 100px 0px;}
		#section2 .box_ann_data h3{font-size: 80px;color: #75a2a6;}
		
		
		
		#section2 p { width: 92%;}
		#section2 ul { padding: 70px 0;}
		#section2 li {
			padding: 42px 42px;
			float: left;
			border-right: 3px #75a2a6 solid;
			color: #75a2a6;
			font-size: 100px;}
		#section2 li:nth-child(2) {
			font-size: 165px;
			color: #000;}
		
		.topnav li a {
		 	padding: 20px 0 20px;
		 	font-size: 38px;
		  	font-weight: 400;
			letter-spacing: 5px;}
		#under_nav h1 {padding: 50px;}
		
		#nav {left: 0px;width: 100%;}	
		.red_line {display: none;}
		.level_numb {display: none;}

		#chiesa .box_100, #location .box_100 {
		margin-left: 0px;
		border: 0px white solid;}	
		
		#iban { background: #393939;padding:110px;}
		#iban .wborder { border: none;}
		#iban .inner_box {background: none;}
		.bordino p span{font-weight: 800; color:#75a2a6}
		
		#iban .etichetta h3, #iban .etichetta h4 {color: #fff;}
		#iban .title_loc {  border-bottom: 5px #fff solid;}
		#iban .icon_ch{border: 5px #fff solid;
	background: url("../img/icon_ib.png") no-repeat center / cover; }
		
		.slide-left {
		  opacity: 1 !important;
		  visibility: visible;
		  position: relative;
		  right: 0px!important;
		}
		
		.margin-sx {padding: 110px;}
	.box_mezzo_contact{width:100%}
		
	.selettore_con { border-bottom: 5px solid #ffffff4d;}
		.box_mezzo_contact textarea {border: 5px solid #ffffff4d;}
	
		.box_mezzo_contact input, .box_mezzo_contact textarea {
		  background: transparent;
		  color: #fff;
		  font-family: "roboto";
		  padding: 30px;
		  margin: 30px 0 30px;
		  font-size: 45px;
		  width: 100%;
		  max-width: 1000px;
		}
			/*}@media screen and (max-width:680px) {
*/ 	ul.topnav li:not(:first-child) {display: none;}
  	ul.topnav li.icon {float: right;display: inline-block;}
  	ul.topnav.responsive {position: relative;}
  	ul.topnav.responsive li.icon {position: absolute;right: 0;top: 0;}
  	ul.topnav.responsive li {float: none;display: inline;}
  	ul.topnav.responsive li a {display: block;text-align: left;}
	
	li > .li_login {
    background: transparent;
    padding: 15px 0 !important;
    color: #fff !important;
    border-radius: 0px;
    font-weight: 600 !important;
	}
	
	li > .li_news {
    border-left: none;
    padding-left: 0px !important;
	}
	
	#nav {
    padding: 10px 30px;
	background-color: #242529;
	}
	
	.show_articolo .art_bg, .art_bg{
    width: 100%;height: 74px;
	}
	#wrapper {
    width: 100%;
    height: 100%;
	}
	.display_art_text {width: 90%;padding: 80px 30px 60px 60px;}
	.display_art_text p {padding-right: 30px;}
		
	.break_section {
	    background-color: #202020;
	}
	
		
		input.bottone_con { border: 5px solid #ffffff4d;}
		
	.footer {
		background: #242529;
		width: 100%;
		padding: 30px 120px 70px;
		color: #6c6d70;
		box-sizing: border-box;
		line-height: 1;
		margin-left: 0px;
		display: inline-block;
		}
		
	.line_2_footer {
		width: 100%;
		border-top: 5px solid;
		margin-top: 56px;
		padding-top: 24px;
		font-size: 30px;
		}
}

	@media (max-width: 400px){	
	
	.logo_main {
    background: url("../img/logob.png") no-repeat center / contain;
    width: 100vw;}
	.margin-sx {padding: 40px 25px;text-align: left;}
	#mission h2, #map h2 {margin: 20px 0%;line-height: 1;}
	.box_list > ul {padding: 40px 25px;width: 100%;box-sizing: border-box;}
	.box_list > ul > li {padding: 16px 0px;}
	.icon_list {height: 60px;width: 60px;margin: 0 0 20px;float: none;}
	#owl-demo .item {margin:0px;}
	.link_site, .link_mark_page {margin: 20px 0 50px;}
	.camp_exp {
    padding: 35px 17px;
    width: 100%;
    border-left: none;}
	
	#section5 .box_40, #section5 .box_20 {width: calc(100%/1);height: auto;}
	#section5 .box_20 {display:none; background:none !important;}
	#section3 {padding: 0 25px;}
	.left_side_box {padding-left: 25px;}
	#owl-caro p {padding: 15px 0% 0 0;width: 100%;}
	.box_list p {padding: 10px 0px;}
	#section5 .box_40 {padding: 25px;}
	
	.camp_exp_icon {
    width: 40px;
    height: 40px;
    margin: 10px auto 25px;}
	
	.box_mezzo_contact {
    width: 100%;
    margin-bottom: 17px;}
	
	.cont_gallery_art_banner {display: none;}
	.art_blog_box {padding-top: 64px;}
	ul.topnav {width: 100%;}
	.logo_nav, .nav {background:none;display:none;}
	.box_20 {padding: 20px;}
	.footer{padding: 25px;}
	.footer_logo {display:none;}
	.footer_link_subox {width: 100%;margin-bottom: 20px;}
}}