.banner > div {/*height: 40vh;*/ background-repeat: no-repeat;}
/*.banner .Left-Text{*/
/*	height: 40vh !important;*/
/*}*/

/*{height: 40vh;}*/

@media (max-width: 768px) {
	img.banner-image-category{
		height:auto !important;
		width:100%  !important;
		min-width: 100%  !important;
	}
	.menu-flex{
		display: flex;
		align-items: center;
	}
	ul.nav.col-sm-7 li{

	}
	.banner-background.category .nohtml{
		min-height:103px !important;
	}
	.single-middle .wrapper-text-banner {
		/* height: 100%; */
		position: absolute;
		left: 0 !important;
		text-align: center;
		top: 90% !important;
		right: 0 !important;
		/* width: 100%; */
	}

	.defaultbanner.category .container{
		display:flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
	}
	.text-banner-category{
		width:100%;
		background: #9BB3BD !important;

	}

	.banner-html .text-banner-category p {
		display: block  !important;
		width: 90% !important;
		margin: 0 auto !important;
		padding-bottom:20px !important;
	}
	.banner-background.category p {
		color: #fff;
		font-size: 1.2em;
		font-weight: 300;
		font-family: 'Montserrat', Verdana, Arial, sans-serif;
		line-height: 1.5;
		text-align: center;
		padding: 0 10px;
		margin-bottom: 30px;
	}

	.banner .Left-Text{
		/*height: 20vh !important;*/
		width: 100vw !important;
	}
	#dtrTopBannerVetrina .banner-html{
		/*padding-top:40% !important;*/
	}

	.Left-Text .btn-banner-home a {

		font-size:1.2em !important;


	}
	.banner-item.Left-Text, .banner-item.single-middle .image-banner
	{		position: relative;
		margin-bottom:40px;


	}
	#dtrMidBannerVetrina .single-middle{
		margin:0!important;
		max-width: 100% !important;
	}

	/*#dtrMidBannerVetrina .single-middle .single_banner{*/
	/*	grid-column: 1/-1;*/
	/*	grid-row:1/3;*/
	/*}*/
	#dtrMidBannerVetrina .single-middle .wrapper-text-banner{
		grid-column: 1/-1;
		grid-row:3/4;
	}

	.single-middle a{
		display:block !important;
	}

	.banner-item.Left-Text .single_banner{
		grid-column: 1/-1;
	}

	.banner > div {height: 100%; background-repeat: no-repeat;}

	.Left-Text .wrapper-text-banner {
		bottom: 0;
		left: 0;
		background-color: rgba(255, 255, 255, 0.75);
		height: 100% !important;
		width: 100% !important;
		position:unset !important;
		grid-column: 1/12;
		grid-row: 2/3;
	}

	#dtrMidBannerVetrina .banner-item {
		padding: 0 0px!important;

	}


	.container-midbanner{
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.Left-Text-banner {
		bottom: 0;
		position:unset !important;
		padding:0 !important;
	}
	.Left-Text .wrapper-text-banner {
		bottom: 0;
		left: 0;
		background-color: rgba(255, 255, 255, 0.75);
		width: 100%;
		position:unset !important;
		grid-column: 1/-1;
		grid-row: 2/3;
	}
	.single-middle a
	{
		display: block;
	}
}




.banner-background.category{

	background-position: 50% 0;
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 207px;
}

.banner-background.category h2, .banner-background.category .banner-title{
	color: #fff;
	font-size: 24px;
	font-weight: 500;
	text-align: center;
	text-transform: uppercase;
	line-height: normal;
	font-family: Montserrat;
	margin: 30px 0 15px;
}
.banner-background.category p{
	color: #fff;
	font-size: 16px;
	font-weight: 300;
	font-family: 'Montserrat', Verdana, Arial, sans-serif;
	line-height: 1.5;
}
.banner-background.category .banner-html {
	padding-top:0 !important;
}


/*.defaultbanner .banner-html {*/
/*	display: grid;*/
/*	grid-template-columns: 1fr;*/
/*	grid-template-rows: 1fr;*/
/*	align-items: center;*/
/*	justify-content: center;*/
/*	min-height: 250px;*/
/*	height:inherit !important;*/
/*	padding-top: 0 !important;*/
/*}*/


.defaultbanner.text-banner-category {
	width: inherit !important;
	margin-left: 0 !important;
}

.banner-html {
	height: 100%;
	padding-top: 10%;
}

.banner-background {
	width: 100%;
	background-repeat: no-repeat;
	background-size: cover;
}

.banner-html a {
	border-top: 1px solid #262526;
	border-bottom: 1px solid #262526;
	padding: 10px 40px;
	top: 10px;
	position: relative;
	text-transform: uppercase;
}
.banner-html a:hover { text-decoration: none; background: #262526; color: white; }

.banner-html a.imagelink {
	padding: 0;
	position: initial;
	top: initial;
	border: none;
}
.banner-html a.imagelink:hover { background: none; }

.banner-html h2 {margin-top: 0px; font-size: 20px; text-transform: uppercase; font-family: 'Montserrat'; }
.banner-html h3 {font-size: 20px; text-transform: uppercase; font-family: 'Arkhip';}
.banner-html h4 {font-size: 16px; font-style: italic; font-family: 'Georgia'; text-transform: inherit;}

.Left-Text * {color: #262626;}
.Left-Text.Left-Text-White * {color: #fff;}
.Left-Text.banner-background {background-position: top right;}
.Left-Text .banner-html{ /*width: 60%;*/ text-align: center;  margin: auto 0 ;}
@media (max-width: 768px) {
	.Left-Text .banner-html{ width: 100%; }

}



.Right-Text * {color: #262626;}
.Right-Text.Right-Text-White * {color: #fff;}
.Right-Text.banner-background {background-position: top left;}
.Right-Text .banner-html{ width: 50%; text-align: center;  margin: auto 50% ;}
@media (max-width: 768px) {
	.Right-Text .banner-html{ width: 100%; margin: auto; }
}


.Big-Center-Text * {color: #fff;}
.Big-Center-Text.banner-background {background-position: top center; height: 600px;}
.Big-Center-Text .banner-html{ width: 100%; text-align: center; color: white; padding-top: 250px;}
@media (max-width: 768px) {

	.desc-banner-home {
		margin: 20px 30px;
	}
	#dtrMidBannerVetrina .Left-Text {
		margin: 0px;
	}
	.banner-item.Left-Text, .banner-item.single-middle .image-banner
	{		position: relative;
		margin-bottom:0px;


	}


	.Big-Center-Text .banner-html{ width: 100%; padding-top: 250px; }
	.single-middle a{
		font-weight: 500 !important;
	}
	.single-text-banner.banners-home-page .button-banner{
		margin:0 !important;
	}

	.single-text-banner.banners-home-page{
		width: 80%;
		margin: 0 auto;
	}
	.single-text-banner.banners-home-page .desc-banner-home{

		padding-top: 20px;
		margin-bottom: 30px;
	}


}


.Small-LL-Text * {color: #fff;}
.Small-LL-Text.banner-background { background-position: bottom left;height: 295px;}
.Small-LL-Text .banner-html{
	text-align: left;
	color: #FFF;
	position: absolute;
	bottom: 10px;
	height: initial;
	padding: 0;
}

.Small-LL-Text img {width: 100%;}
@media (max-width: 1200px) {

	.Small-LL-Text .banner-html{ }
	.Small-LL-Text.banner-background{ height: 242px; background-position: top left;}
}
@media (max-width: 768px) {
	.Small-LL-Text.banner-background { height: 400px; background-position: top left;}
}

.Small-C-Text * {color: #fff;}
.Small-C-Text.banner-background { background-position: bottom left;height: 295px;}
.Small-C-Text .banner-html{
	margin-left: -15px;
	text-align: center;
	color: #FFF;
	position: absolute;
	top: 35%;
	height: initial;
	padding: 0;
	width: 100%;
}
@media (max-width: 1200px) {
	.Small-C-Text .banner-html{ }
	.Small-C-Text.banner-background{ height: 242px; background-position: top left;}
}
@media (max-width: 768px) {


	.history-box h4 {

		line-height: 25px !important;
	}
	.Small-C-Text.banner-background { height: 400px; background-position: top left;}
}





.Double-C-Text * {color: #262526;}
.Double-C-Text.Double-C-Text-White * {color: #fff;}
.Double-C-Text.banner-background { background-position: top center;height: 295px;}
.Double-C-Text h2{ font-size: 20px; text-transform: uppercase; font-family: 'Montserrat'; }
.Double-C-Text h3{ font-size: 30px; text-transform: uppercase; font-family: 'Arkhip';}
.Double-C-Text h4{ font-size: 16px; font-family: 'Georgia'; font-style: italic;}

.Double-C-Text img.banner-image {
	width: 100%;
}
.Double-C-Text .banner-html{
	margin-left: -15px; /* per prevenire lo spostamento dovuto al padding della classe col-* */
	color: #c1c1c1;
	bottom: 10px;
	height: initial;
	padding: 0;
	width: 100%;
	text-align: center;
	position: absolute;
	top: 35%;
}

@media (max-width: 1200px) {
	.Double-C-Text.banner-background{ height: 242px; }
}
@media (max-width: 768px) {
	.Double-C-Text .banner-html{  }
}




.Big-C-Text * {color: #fff;}
.Big-C-Text.banner-background { background-position: bottom left;height: 590px;}
.Big-C-Text h2{ font-size: 20px; text-transform: uppercase; font-family: 'Montserrat'; }
.Big-C-Text h3{ font-size: 30px; text-transform: uppercase; font-family: 'Arkhip'; margin-top: 0;}
.Big-C-Text h4{ font-size: 16px; font-family: 'Georgia'; font-style: italic; font-weight: normal;}
.Big-C-Text .banner-html{
	margin-left: -15px; /* per prevenire lo spostamento dovuto al padding della classe col-* */
	color: #FFF;
	margin: auto;
	/* bottom: 10px; */
	height: initial;
	padding: 0;
	width: 100%;
	text-align: center;
	position: relative;
	top: 42%;
	margin-top: 0%;
}
@media (max-width: 1200px) {
	.Big-C-Text.banner-background{ height: 484px; }
}
@media (max-width: 768px) {
	.Big-C-Text .banner-html{ width: 100%;  }
	#dtrMidBannerVetrina .banner-item { margin-bottom: 0px !important;}

	.Left-Text-banner.banners-home-page{
		width: 80%;
		margin: 0 auto;
		margin-top: 30px;
	}

	#dtrMidBannerVetrina .Left-Text{
		background-color: #fff;
	}
}




#dtrTopBannerVetrina .item img {width: 100%;}
#dtrMidBannerVetrina .banner-item { margin-bottom: 20px;}
/*#dtrMidBannerVetrina .banner-item img {width: 100%;}*/

#dtrBottomBanner .banner-item { padding: 0 !important; }
#dtrBottomBanner .banner-item > img { width: 100%;}

.instafeed-box:before {
	content: '';
	display: block;
	background-image: url(/themes/cicala/assets/images/footer/social/instagram_icon.png);
	height: 40px;
	width: 40px;
	position: absolute;
	left: 0px;
	bottom: 0px;


}
.Left-Text{

	position: relative;
}
@media ( max-width: 1199.98px){
	#dtrMidBannerVetrina{
		text-align: center !important;
	}
	#dtrMidBannerVetrina .single-middle, #dtrMidBannerVetrina .single-text{

		width:100%;
		position: relative;
	}
	#dtrMidBannerVetrina  .Left-Text{
		max-width: 600px !important;}
}
@media (min-width: 1200px) {
	#c65 .banner .text-banner-category{
		padding-top:40px !important;
	}
	#c65 .banner .text-banner-category h1{
		font-size: 33px !important;
	}

	.banner .Left-Text{
		height: 45vh !important;


	}

	.node-container .Left-Text .banner-html{
		place-items: center;
		width:65% !important;
		margin:0 auto;
	}

	.node-container .banner .Left-Text{
		height: 44vh !important;
		display: grid !important;
	}


	#dtrMidBannerVetrina .single-middle ,#dtrMidBannerVetrina .single-text {
		width: calc(25% - 22px);
	}
	#dtrMidBannerVetrina  .Left-Text{
		width: calc(50% - 26px);
		position: relative;
	}
	.Left-Text .banner-html h1{

		font-size: 48px;
		font-style: italic;
		font-weight: 300;
		color: #FFF;
		font-size: 48px !important;
		font-style: italic;
		font-weight: 300;
		text-transform: none !important;
		font-family: 'Spectral', serif !important;
		text-align: left;
	}

	.node-container .Left-Text .banner-html p {

		font-size: 18px !important;
	}
	.Left-Text .banner-html p{
		color: #CACACA;
		font-size: 28px !important;
		font-weight: 200;
		text-transform: uppercase;
		text-align: left;
		font-family: 'Spectral', serif;
	}

}

.container-midbanner{
	background-color: #EDF2F4;
	padding-top: 45px;
	padding-bottom: 25px;
	margin-bottom: 2.5em;

}
.banner-wrapper{
	position:relative;
}
.box-midbanner{
	max-width: 1280px;
	margin:0 auto;
}

#dtrMidBannerVetrina .single-middle , #dtrMidBannerVetrina .single-text{
	padding: 0 !important;
	vertical-align: top;
	display: inline-block;

}

#dtrMidBannerVetrina .single-middle ,#dtrMidBannerVetrina .single-text{

	position: relative;
}
.Left-Text .wrapper-text-banner {
	bottom: 0;
	left: 0;
	background-color: rgba(255, 255, 255, 0.75);
	height: 100%;
}

.single-text .wrapper-text-banner{
	left: 0;
	text-align: center;
	top: 0;
	width: 100%;
	bottom: 0;
	position:relative;

}
.single-middle .wrapper-text-banner{
	height:100%;
	position: absolute;
	left: 0;
	text-align: center;
	top: 0;
	width: 100%;
}
.Left-Text .text-banner{
	height:100%;
}
.Left-Text-banner{
	bottom: 0;
	position: absolute;
	padding: 15px 30px;
}
.Left-Text .title-banner-home{
	color: #000000;
	font-size: 22px;
	font-style: italic;
	font-weight: normal;
	line-height: normal;
	font-family: Spectral;
	margin-bottom: 12px;
}
.Left-Text .description-banner-home{
	color: #000000;
	font-size: 16px;
	font-style: normal;
	font-weight: 200;
	line-height: normal;
	font-family: Montserrat;
}
.Left-Text .btn-banner-home{
	text-align:center;
}
.Left-Text .btn-banner-home a{
	color: #000000;
	font-size: 20px;
	font-style: normal;
	font-weight: 200;
	text-align: center;
	text-decoration: none;
	line-height: 22px;
	display: inline-block;
	font-family: Montserrat;
	border: 1px solid #000000;
	padding: 10px 10px;
	margin-top: 30px;
	margin-bottom: 30px;
}



.single-middle a{
	background-color: rgba(255, 255, 255, 0.85);
	color: #000000;
	font-size: 22px;
	font-style: normal;
	font-variant: small-caps;
	font-weight: 200;
	text-align: center;
	text-decoration: none;
	line-height: normal;
	display: inline-block;
	font-family: Montserrat;

}
.single-middle .button-banner{
	padding: 24px 40px;

}
.single-text .button-banner{
	background-color: rgba(255, 255, 255, 0.85);
	color: #000000;
	font-size: 22px;
	font-style: normal;
	font-variant: small-caps;
	font-weight: 200;
	text-align: center;
	text-decoration: none;
	line-height: normal;
	display: inline-block;
	font-family: Montserrat;
	padding: 24px 25px;
	margin: 5px 0 15px;

}


.single-text .desc-banner-home{
	color: #000000;
	font-size: 16px;
	font-style: normal;
	font-weight: 200;
	line-height: normal;
	font-family: Montserrat;
}

.history{
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
	margin-top: 100px;
}

.history .history-box{
	padding: 60px 43px 50px;
	margin-top: 75px;
	margin-bottom: 100px;
	background-color: rgba(235, 235, 235, 0.8);
	border: 4px solid rgba(255, 255, 255, 0.7);
}
.history-box h3{
	font-size: 24px;
	font-style: italic;
	font-weight: 300;
	line-height: 22px;
	font-family: 'Spectral', Verdana, Arial, sans-serif;
	margin-bottom: 15px;
}
.history-box h4{
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
	line-height: 12px;
	font-family: 'Montserrat', Verdana, Arial, sans-serif;
	margin-bottom: 25px;

}

.history-box p{
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	letter-spacing: 0.0357143em;
	line-height: 22px;
	font-family: 'Montserrat', Verdana, Arial, sans-serif;
}



@media(min-width: 768px){
	.single-middle .wrapper-text-banner .text-banner {
		height: 100%;
		display: table;
		width: 100%;
	}
	.single-middle .wrapper-text-banner .text-banner-2 {
		height: 100%;
		vertical-align: middle;
		display: table-cell;
		width: 100%;

	}
	.single-middle-banner{
		margin-top: 94%;
	}
	.single-middle .wrapper-text-banner .text-banner-2 {
		 height: 100%;
		 vertical-align: middle;
		 display: table-cell;
		 width: 100%;
	}
	#dtrMidBannerVetrina .single-middle , #dtrMidBannerVetrina .single-text{

		margin: 0 10px 20px;
	}
	.banner-item.Left-Text img {
		width: 100%;
	}
	#dtrMidBannerVetrina .banner-item {/*padding: 0 20px!important;*/}

	.defaultbanner.category .container{
		display:flex;
		justify-content: end;
	}
	.text-banner-category{
		width:50%;
		margin-left:auto;
	}
	.Left-Text .wrapper-text-banner {

		width: 50%;
		position: absolute;
	}
	#dtrMidBannerVetrina .Left-Text{
		padding: 0 !important;
		vertical-align: top;
		display: inline-block;
		margin: 0 10px 20px;
	}
}


.Left-Text .banner-html h1 {

	font-style: italic;
	font-weight: 300;
	color: #FFF;
	font-style: italic;
	font-weight: 300;
	text-transform: none !important;
	font-family: 'Spectral', serif !important;

}

.Left-Text .banner-html p {
	color: #CACACA;
	font-weight: 200;
	text-transform: uppercase;
	text-align: left;
	font-family: 'Spectral', serif;
}

@media (min-width:768px) and(max-width:1199.98px){
	#dtrMidBannerVetrina .single-middle, #dtrMidBannerVetrina .single-text {
		max-width: 288px !important;
	}
}