/*fonts*/


h1{
	color: white;
	font-size: 3.1rem;
	font-family: 'Butler Regular';
}

h2{
	color: white;
	font-size: 2.6rem;
	line-height: 2.8rem;
	font-family: 'Butler Regular';
}

h3{
	color: white;
	font-size: 2.1rem;
	font-family: 'Butler Regular';
}

h4{
	color: white;
	font-size: 1.375rem;
}

h5{
	color: #395134;
    font-size: 1.05rem;
    font-family: 'NeutraText-Bold';
    letter-spacing: 1px;
}

p{
	font-size: 1rem;
	font-family: 'NeutraText-Light';
}

ol li {
     font-family: 'NeutraText-Light';
}

.text-white p strong {
	color: #fff;
    font-family: 'NeutraText-Bold';
    letter-spacing: 1px;
    text-transform: uppercase;
}

p strong {
    font-family: 'NeutraText-Bold';
    letter-spacing: 1px;
    text-transform: uppercase;
}

.text-white a{
	color: #CA7A18;
	opacity:0.7;
}

.text-white a:hover{
	opacity:0.5;
}

.bg-orange {
	background-color:#CA7A18;
}

.text-orange {
	color:#CA7A18;
}

.text-orange a:hover {
	color:#CA7A18;
	text-decoration:none;
	opacity:0.7;
}

.text-green {
	color:#395134;
}


.bg-green {
	background-color:#395134;
}

.text-green a:hover {
	color:#395134;
	text-decoration:none;
	opacity:0.7;
}

label {
	color:#fff;
	font-family: 'NeutraTextTF-Book';
	text-transform:uppercase;
	letter-spacing: 2px;
    font-size: 0.8rem;
    margin: 9px 0 0 0;
}

.homelink:hover {
	text-decoration:none;
	opacity:0.6;
	
}

.homelink:hover h1{
	text-decoration:none;
	opacity:0.6;
}

.scrollLink:hover {
	opacity:0.6;
}


button {
	color:#fff;
	font-family: 'NeutraTextTF-Book';
	text-transform:uppercase;
	letter-spacing: 2px;
}

a.text-white:hover {
	text-decoration:none;
}

.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 0;
    border-radius: 0;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

hr {
	height: 1px;
    width: 100%;
}

.object-link {
	font-size: 0.8rem;
	font-family: 'NeutraText-Light';
}

.object-link:hover {
	opacity:0.5;
}

.subtitle{
	font-size: 1.25rem;
}

.font_arrows{
	color: white;
	position: absolute;
	right:2rem;
    text-align: center;
}

.collapsed .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important;
	
}

.collapsed .toggler-article {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(22, 32, 20, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important;
	
}

.navbar-dark .navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf8,<svg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'><line x1='5' y1='25' x2='25' y2='5' stroke='white' stroke-width='2'/> <line x1='5' y1='5' x2='25' y2='25' stroke='white' stroke-width='2'/></svg>");
}

.header_giardino {
	background-color:#fff;
	z-index: 99;
	height: 16vh;
	transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
}

footer p{
	font-size: 1rem;
	line-height: 22px;
}

footer {
    min-height: 180px !important;
}

.img-logo-footer {
	width:100px;
}

.img-social-footer {
	width: 40px;
}

*:focus {
	outline:none !important;
}


/*header*/

header{
	position: fixed !important;
	top:0px;
	background: transparent;
	z-index: 1;
}

header .navbar{
}

header button{
	position:absolute;
	top: 14%;
	right: 1px;
}

header .lanlink {
	position:absolute;
	padding: 0.2rem 0.5rem;
	top: 14%;
	left: 1px;
}

header .lanlink a{
	font-family: 'Butler Regular';
	color: #395134;
}

.header_logo a img {
	height:12vh;
}

.navbar_giardino button{
	   z-index: 9;
}

.menu_hamburger{
	position: fixed;
	top: 0;
	width: 100%;
	right: 0;
	min-height: 0px;
	transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
}

.menu_hamburger #navbarToggleExternalContent{
	width: 100%;
    height: 100vh;
    background-color: #CA7A18;
    text-align: center;
}
.collapse.show {
    display: flex;
}
.collapse.show .navbar_giardini{
    display: block;
}

.navbar_giardini {
	display:none;
}

.navbar_giardini li a{
	font-size: 1.25rem;
	font-family: NeutraText-Bold;
	padding-bottom:1.6rem;
	color: rgba(255,255,255,1) !important;
	letter-spacing:4px;
}

.navbar_giardini li a:hover{
	opacity:0.7 !important;
}

.menu-footer {
    position: absolute;
	bottom:2rem;
}

.menu-footer ul li {
    list-style: none;
    color: #fff;
    float: left;
	padding-right:8px;
}

.menu-footer ul li a{
    color: #fff;
}

.menu-corner {
	font-family: 'NeutraTextTF-Book';
	font-size:1rem;
}

.menu-center {
	font-family: 'Butler Regular';
	font-size:1.4rem;
}


.border_1{
	border-bottom: 1px solid #7A7373;
}


.header_interno nav{
	padding-top: 2rem;
	padding-bottom: 2rem;
}

.logo_header {
	transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
}

.img_logo_scroll{
	width:40% !important;
}





/*boxes*/

.box_1{
	height: 100vh;
	background-size: cover;
	background-repeat: no-repeat;
}

.box_1 .layer{
	width:100%;
	height: 100vh;
	background-color:rgba(0,0,0,0.2);
}


/*pagina_il giardino*/

.box_1_giardino{
	margin-top: 14rem;
	background: linear-gradient(0deg, #395134 84%, #fff 16%);
}

.box_1_appartamento{
	margin-top: 14rem;
	background: linear-gradient(0deg, #CA7A18 84%, #fff 16%);
}

.box_1_giardino2{
	margin-top: 14rem;
	background: linear-gradient(0deg, #395134 90%, #fff 16%);
}

.box_1_appartamento2{
	margin-top: 14rem;
	background: linear-gradient(0deg, #CA7A18 90%, #fff 16%);
}

.box_1_subcontainer{
	overflow:hidden;
}

.box_2_giardino{
}

.box_2_giardino h2{
	color: #CA7A18;
}



.slide{
	overflow: hidden;
}

.img_left{
	padding-right: 5rem !important;
}

.img_right{

}

.arrow_left{
	width: 100%;
}

.arrow_right{
	width: 100%;

}

.control-new {
	display:none;
	cursor:pointer;
}

.carousel-item{
	transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
}

.carousel-control-prev {
    right: 150px;
	left: auto;
}

.carousel-control-next {
    right: 0;
}

.carousel-control-next, .carousel-control-prev {
    position: absolute;
    top: 0px;
    bottom: auto;
    width: auto;
    opacity: 1;
}

.carousel-control-next:hover, .carousel-control-prev:hover {
	opacity: 0.5;
}

.carousel-control-next-icon {
	background-image:url('il_giardino/arrow-right-circle.png');
	width: 80px;
    height: 50px;
}

.carousel-control-prev-icon {
	background-image:url('il_giardino/arrow-left-circle.png');
	width: 80px;
    height: 50px;
}

.carousel-indicators li {
    position: absolute;
    text-indent: 0;
    width: 55px;
    top: 12px;
	left: 98px;
    height: auto;
    display: none;
    background-color: transparent;
}

.carousel-indicators {
    position: absolute;
    right: 14px;
    top: 56px;
    left: auto;
    bottom: auto;
    overflow: hidden;
    width: 240px;
    height: 50px;
    margin: 0;
}

.carousel-indicators .active {
	display:block;
    background-color: transparent;
	
	font-family: 'NeutraText-Light';
	font-size: 1rem;
}

.credit {
	display:none;
}

.credit a {
	font-size: 0.8rem;
}

.img_1{
	width: 100%;
}

.img_2{
	width: 100%;
	margin-top: 10rem;
}

.testo_left{
	padding-right: 5rem !important;
}

.testo_right{
	 column-count: 2;
	 column-gap: 3rem;
}

.circle {
	width: 40.87px;
    height: 40.87px;
    background: #CA7A18;
    moz-border-radius: 50%;
    webkit-border-radius: 50%;
    border-radius: 50%;
    line-height: 40.87px;
    margin-right: 1.4rem;
}

.circlelittle {
	width: 20.87px;
    height: 20.87px;
	color:#333;
	background-color: #fff;
    border: 1px solid #CA7A18;
    moz-border-radius: 50%;
    webkit-border-radius: 50%;
    border-radius: 50%;
    line-height: 20.87px;
	position:absolute;
	font-size:0.5rem;
	cursor:pointer;
}

.circlelittle:hover {
	background-color: #CA7A18;
	color:#fff;
}

.text_circle{
	margin-top: 25% !important;
}

.p_smaller{
}

.imgmap .active {
	display:block !important;
}

.imgmap .active:hover {
	cursor: zoom-in;
}

.descmap .active {
	display:block !important;
}

.descmap h5 {
    line-height: 40.87px;
}

.scroll-height {
	padding-top: 5rem;
    overflow-y: scroll;
    width: 107%;
    position: relative;
}

.card-text {
	font-size:0.8rem;
}

.card-title {
    margin-bottom: .15rem;
    margin-top: .15rem;
}

.scroll-height-child {
	width:105%;
	overflow: auto;
}

.card-columns {
	column-gap: 4.25rem;
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	-webkit-column-gap: 6.25rem;
	-moz-column-gap: 6.25rem;
	orphans: 1;
	widows: 1;
	padding-right:10%;
}

footer {
    overflow: hidden;
	padding-top: 2vh;
}

.modal-content {
    border: 0;
}

.modal {
    background: linear-gradient(0deg, #395134 82%, #fff 11%);
}

.modal-footer {
    border-top: 0;
}


/*media*/


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

	h1{
		color: white;
		font-size: 2.375rem;
	}
	
	.homelink h1 {
		color: white;
		font-size: 1.675rem;
	}

	h2{
		color: white;
		font-size: 2rem;
		line-height:2.1rem;
	}
	.navbar_giardini li a {
		font-size: 0.8rem;
		padding-bottom: 0.4rem;
	}
	.menu-center {
		font-size: 1.1rem;
	}
	.menu-corner {
		font-family: 'NeutraTextTF-Book';
		font-size: 0.8rem;
	}
	
	.card-columns {
		column-gap: 4.25rem;
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
		-webkit-column-gap: 4.25rem;
		-moz-column-gap: 4.25rem;
		orphans: 1;
		widows: 1;
		padding-right: 5%;
	}
	
	.img_2 {
		margin-top: 8rem;
	}
	
	.testo_left {
		padding-right: 2rem !important;
	}
	
	.box_1_giardino {
		margin-top: 6rem;
		background: linear-gradient(0deg, #395134 82%, #fff 11%);
	}
	
	.box_1_giardino2 {
		margin-top: 6rem;
		background: linear-gradient(0deg, #395134 89%, #fff 11%);
	}
	
	.box_1_appartamento{
		margin-top: 6rem;
		background: linear-gradient(0deg, #CA7A18 82%, #fff 11%);
	}
	
	.box_1_appartamento2{
		margin-top: 6rem;
		background: linear-gradient(0deg, #CA7A18 89%, #fff 11%);
	}
	
	footer {
		overflow: hidden;
		min-height: 140px !important;
	}
	.img-logo-footer {
		width:75px;
	}
	
	.img-social-footer {
		width: 30px;
	}
	
	.scroll-height {
		height: 62vh;
	}
	
	.menu-footer {
		position: absolute;
		bottom: 0rem;
	}
	
	.credit a {
		font-size: 0.6rem !important;
	}
	
	.imgmap {
		margin-top: 0px !important;
	}

}

@media (min-width: 576px) and (max-width: 767.98px) {
	h1{
		color: white;
		font-size: 1.975rem;
		font-family:
		font-weight:
		line-eight:35px;
	}

	h2{
		color: white;
		font-size: 1.975rem;
		font-family:
		font-weight:
		line-eight:35px;
	}
	
	.box_1_giardino {
		margin-top: 6rem;
		background: linear-gradient(0deg, #395134 81%, #fff 30%);
	}
	
	.box_1_appartamento{
		margin-top: 14rem;
		background: linear-gradient(0deg, #CA7A18 81%, #fff 30%);
	}
	


}

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


	.header_logo a img{
	}


	.font_arrows{
		color: white;
		font-size:
		font-family:
		line-eight:70px;
		font-weight:300;
	}

	footer p{
	font-size: 0.8rem;
	}

	.font_arrows p{
		color: white;
		font-size: 0.7rem !important;
		font-family:
		line-eight:70px;
	}

	.arrow{
		width: 30px !important;
	}

	.testo_right{
		 column-count: 1;
	}

	.arrows_horizontal p{
		font-size: 0.8rem;
	}



	

}

@media (min-width: 768px) and (max-width: 991.98px) {

	.img_logo{
	}

	.box_1_giardino{
		background: linear-gradient(0deg, #395134 91%, #fff 9%);
		margin-top: 25vh;
	}
	
	.box_1_appartamento{
		margin-top: 25vh;
		background: linear-gradient(0deg, #CA7A18 91%, #fff 9%);
	}
	
	.img_2 {
		width: 100%;
		margin-top: 5rem;
	}
	
	.carousel-control-next, .carousel-control-prev {
		position: absolute;
		top: 0px;
		bottom: auto;
	}
	
	.carousel-indicators {
		position: absolute;
		top: 16px;
	}

	h1{
		font-size: 2.375rem;
	}

	h2{
		font-size: 2.375rem;
		line-height:2.375rem;
	}

	h3{
		font-size: 2.375rem;
		line-eight:35px;
	}

	.arrows_horizontal p{
		font-size: 0.8rem;
	}

	.p_smaller{
		padding-left: 3rem;
	}

}

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

	.img_left{
		padding-right: 7rem !important;
	}

	.testo_left{
		padding-right: 7rem !important;
	}
	
	footer {
		overflow: hidden;
		height: 17vh;
	}
	
	.scroll-height {
		height: 67vh;
	}


}


@media (min-width: 992px) and (max-width: 1199.98px){


}


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

		.p_smaller{
			padding-left: 4.1rem;
		}

}


@media (min-width: 1300px) {

	h1{
		font-size: 3.375rem;
	}

	h2{
		font-size: 2.6rem;
	}

	h3{
		font-size: 3.375rem;
	}
		
	.container {
		max-width: 1190px;
	}
}

@media (min-width: 1499.98px) {

		
	.container {
		max-width: 1350px;
	}
}

@media (min-width: 1699.98px) {

		
	.container {
		max-width: 1450px;
	}
}

@media (min-width: 576px) {
	.modal-dialog {
		max-width: 75vw;
		margin: 1.75rem auto;;
	}
}

@media (min-width: 576px) and (max-width: 991.98px) {
	.card-columns {
		column-gap: 2.25rem;
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
		-webkit-column-gap: 4.25rem;
		-moz-column-gap: 4.25rem;
		orphans: 1;
		widows: 1;
		padding-right: 5%;
	}
}

@media (max-height: 800px) {
	.navbar_giardini li a {
		font-size: 1.25rem;
		font-family: NeutraText-Bold;
		padding-bottom: 0.6rem;
		color: rgba(255,255,255,1) !important;
		letter-spacing: 4px;
	}
}