/*LAYOUT.CSS - MARMI CASTELLO
DESIGN BY LINOOLMOSTUDIO.IT*/
/*FONTATIC*/

@import url('https://fonts.googleapis.com/css?family=Khand|Poppins:300,400,500,600,700');


/* SLIDER */
.content-title-top {position:absolute; width:100%; top:70%; right:10%; color:#fff; text-align:right; z-index:3; margin-top:-90px;}
.content-title-top h3 {font-family: 'plutocond_thin'; font-size:100px; line-height:80px; text-shadow: 0 0 3px #000000; font-weight:600;}
.content-title-top h3 span {font-family: 'plutocond_regular', serif; font-style: italic; font-size:70px;}
.content-title-top h1 {font-family: 'plutocond_thin', serif; font-size:25px; font-weight:600;}
.content-slider {position:relative; width:100%; padding:0px 35px;}
.content-slider .owl-carousel .owl-slide {width:100%;}
.marmo-header {position:absolute; width:40%; bottom:-200px; left:5%; z-index:2;}
#owl-carousel-slider {position:relative;}
#owl-carousel-slider .owl-dots {display:block; text-align:center; margin:20px 0px; right:10%; position:absolute; bottom:0px; z-index:3;}
#owl-carousel-slider .owl-dot {width:10px; height:10px; border:solid 1px #fff; float:left; border-radius: 50%; margin:5px;}
.row {position:absolute; right:20%; bottom:-280px; width:1px; height:1px; border-top:solid 100px #e6e6e6; border-bottom:solid 280px #7c7c7c; z-index:2;}
.active {width:15px; height:15px; background-color: rgba(80, 135, 161, 1);}

#owl-carousel-lifestyle {position:relative;}
#owl-carousel-lifestyle .owl-dots {display:block; text-align:center; margin:20px 0px;}
#owl-carousel-lifestyle .owl-dot {width:15px; height:15px; border:solid 1px #999797; float:left; border-radius: 50%; margin:5px;}
.owl-dot .active {width:15px; height:15px; background-color: rgba(80, 135, 161, 1);}

/* LA CAVA */
.content-cava {width:100%; padding:200px 10% 100px;}
.text-cava {width:48%; float:left;}
.text-cava h3 {font-size:90px; line-height:80px; font-family: 'plutocond_thin', serif; font-weight:600; color:#113442; padding:0px 30px; border-left:solid 1px #113442;}
#intro-cava {padding:30px; border-left:solid 1px #cacdcd;}
.text-cava h2 {font-size:50px; line-height:52px; font-family: 'plutocond_regular', serif; font-style: italic; color:#0d2731; margin-bottom:20px;}
.text-cava h2 span {color:#5087a1;}
.text-cava p {color:#7c7c7c; font-size:20px; line-height: 26px; font-family: 'plutocond_thin'; font-weight:600; margin-bottom:60px;}
.btn-cava {color:#fff; text-shadow: 0 0 3px #000000; margin-bottom:40px;}
.img-cava {width:52%; float:left; position:relative;}
.img-cava .content {position:absolute; bottom:-250px; width:100%; z-index:3;}
.img-cava .content img {width:100%;}


/* I MARMI */
.content-imarmi {width:100%; background-color: #2e4c57; padding:150px 10% 80px;}
.content-imarmi .text-marmi {float:left; width:48%; padding-right:5%;}
.content-imarmi .text-marmi h3 {font-size:90px; font-family: 'plutocond_thin'; font-weight:600; color:#fff; text-shadow: 0 0 3px #000000;}
.content-imarmi .text-marmi h2 {font-size:50px; line-height:52px; font-family: 'plutocond_regular'; font-style: italic; color:#ebe8de;}
.content-imarmi .text-marmi h2 span {color:#5087a1;}
.content-imarmi .cap-marmi {float:left; width:52%; background-color:#fff; padding:140px 80px;}
.content-imarmi .cap-marmi p {color:#7c7c7c; font-size:20px; line-height: 26px; font-family: 'plutocond_thin'; font-weight:600;}

/* SCOPRI */
.scopri {width:100%; padding:90px 0px; background-color: #2e4c57;}

/* DEPOSITO */
.content-deposito {width:100%; text-align:left;}
.content-deposito .text-dep {width:48%; float:right;}
.content-deposito .text-dep h3 {background-color: #2e4c57; font-size:90px; font-family: 'plutocond_thin'; font-weight:600; color:#fff; text-shadow: 0 0 3px #000000;  padding:40px 10%;}
#intro-dep {padding:0px 10%;}
.content-deposito .text-dep h2 {color:#0d2731; font-size:30px; line-height: 32px; font-family: 'plutocond_regular'; font-style: italic; padding:50px 0px; }
.content-deposito .text-dep h2 span {color:#4a7d95;}
.content-deposito .text-dep p {color:#7c7c7c; font-size:20px; line-height: 26px; font-family: 'plutocond_thin'; font-weight:600; margin-bottom:60px;}
.content-deposito .img-dep {width:52%; float:left; background: url("../images/deposito.jpg") no-repeat center center / cover;}
.btn-deposito {color:#fff; text-shadow: 0 0 3px #000000; margin-bottom:40px;}


@media (max-width: 909px) {
	/* SLIDER */
	.content-title-top {top:550px; margin-top:0px; width:80%;}
	.content-title-top h3 {font-size:70px; line-height:60px;}
	.content-title-top h3 span {font-size:50px;}
	.content-title-top h1 {font-size:20px;}
	.marmo-header {display:none;}
	.content-slider {height:600px;}
	.owl-carousel {height:600px;}
	.owl-slide {height:600px;}
	.row {display:none;}
	.slide {height:600px;}
	#owl-carousel-slider .owl-dots {display:none;}
	
	/* LA CAVA */
	.content-cava {width:100%; padding:50px 5%;}
	.text-cava {width:100%; float:none; text-align:center;}
	.text-cava h3 {font-size:70px; padding:0px; border-left:none;}
	#intro-cava {padding:0px; border-left:none;}
	.text-cava h2 {font-size:30px; line-height:32px;}
	.text-cava p {margin-bottom:36px;}
	.img-cava {width:100%; float:none;}
	.img-cava .content {position:relative; bottom:0px;}

	/* I MARMI */
	.content-imarmi {padding:50px 5%; text-align:center;}
	.content-imarmi .text-marmi {float:none; width:100%; padding-right:0%;}
	.content-imarmi .text-marmi h3 {font-size:70px;}
	.content-imarmi .text-marmi h2 {font-size:30px; line-height:32px; margin-bottom:50px;}
	.content-imarmi .cap-marmi {float:none; width:100%; padding:50px 5%;}

	/* SCOPRI */
	.scopri {padding:60px 0px;}
	
	/* DEPOSITO */
	.content-deposito {text-align:center;}
	.content-deposito .text-dep {width:100%; float:none;}
	.content-deposito .text-dep h3 {font-size:70px; padding:40px 5%;}
	#intro-dep {padding:0px 5%;}
	.content-deposito .text-dep h2 {padding:30px 0px;}
	.content-deposito .text-dep p {margin-bottom:40px;}
	.content-deposito .img-dep {width:100%; height:300px; float:none;}

}



@media (max-width: 767px) {
}

	
@media (max-width: 480px) {
	
	/* SLIDER */
	.content-slider {padding:0px 20px;}
	.content-title-top {top:370px;}
	.content-title-top h3 {font-size:30px; line-height:30px;}
	.content-title-top h3 span {font-size:30px;}
	.content-title-top h1 {font-size:12px;}
	.content-slider {height:300px;}
	.owl-carousel {height:300px;}
	.owl-slide {height:300px;}
	.slide {height:300px;}
	
	/* LA CAVA */
	.text-cava h3 {font-size:30px;}
	.text-cava h2 {font-size:22px; line-height:24px;}
	.text-cava p {font-size:16px;}
	
	/* I MARMI */
	.content-imarmi .text-marmi h3 {font-size:30px;}
	.content-imarmi .text-marmi h2 {font-size:22px; line-height:24px; margin-bottom:30px;}
	.content-imarmi .cap-marmi p {font-size:16px;}
	
	/* SCOPRI */
	.scopri {padding:30px 0px;}
	
	/* DEPOSITO */
	.content-deposito .text-dep h3 {font-size:30px; padding:20px 5%;}
	.content-deposito .text-dep h2 {font-size:22px; line-height:24px;}
	.content-deposito .text-dep p {font-size:16px;}

}