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

@import "stylesheet.css";

body {color:#000; padding:0px; margin:0px; background: url("../images/bkg-body.jpg") no-repeat center center / cover fixed;}
body:not(.custom-background-image)::before, body:not(.custom-background-image)::after {display:none;}
.clear {clear: both;}
p {padding:0px; margin:0px;}
.site {margin:0px; background-color:rgba(255, 255, 255, 0);}
.site-content {padding:0px; margin:0px; word-wrap: normal!important;}
.site-inner {max-width:100%!important;}
.edit-link {display:none;}
strong {font-weight:600;}
.site-main {margin-bottom:0px;}
.site-header {padding:35px;}
.site-header-main {width:100%;}
.btn {font-size: 24px; font-family: 'plutocond_thin'; font-weight:600;}
.btn span {padding:15px 65px; background-color:#2e4c57;}
.wpcf7-response-output {color:#fff;}


/* ----------------------- HEADER ----------------------- */
.header {position:relative;}
.logo {float:left; width:20%; height:74px;}
.logo img {max-width:286px;}
.menu {float:right; width:80%;}
/* MENU */
.site-branding, .site-header-menu, .header-image {margin:0px; padding:0px 30px;}
.site-header-menu {float:right;}
.main-navigation {float:left; border-right:solid 1px #888888; margin-right:20px;}
.main-navigation li {border-top: none;}
.main-navigation a {color: #0e2933; font-family: 'aileronthin', sans-serif; font-size:20px; /*padding:12px 14px;*/}
.main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a {color: #5087a1;}
.main-navigation li:hover > a {color:#5087a1;}
.main-navigation ul ul li a {color:#01244e; border:none; font-size:10px;}
.main-navigation ul ul li a:hover {color:#ad3e2c;}
.main-navigation ul ul a {width:300px!important;}
.social-menu {float:left; margin-right:10px;}
.icon-social {float:left; margin:0px 18px; text-align:center; font-size:30px; color:#888888;}
.icon-social a {color:#888888;}
.lang-menu {float:left;}
.vertical-clear {clear:both;}
/* SLIDER */
#owl-carousel-sliderIN .owl-dots {display:block; text-align:center; margin:20px 0px; right:10%; position:absolute; bottom:0px; z-index:3;}
#owl-carousel-sliderIN .owl-dot {width:10px; height:10px; border:solid 1px #fff; float:left; border-radius: 50%; margin:5px;}

/* ----------------------- FOOTER ----------------------- */
footer {position:relative;}
.content-footer {margin:35px; background: url("../images/bkg-marmoblu.jpg") no-repeat center center / cover fixed; padding:65px 5% 250px;}
.content-footer .contatti {float:left; width:50%; border-right:solid 1px #fff;}
.content-footer .form {float:left; width:50%; padding-left:10%;}
.content-footer .form h3 {font-size:30px; font-family: 'plutocond_regular', sans-serif; margin-bottom:37px; color:#fff;}
.logoFooter {text-align:left; margin-bottom:65px;}
.logoFooter img {max-width:260px;}
#content-contatti {color:#fff;}
#content-contatti a {color:#fff;}
#content-contatti > .icona {float:left; width:5%;}
#content-contatti > .text-contact {float:left; width:95%; color:#fff; font-size:24px; line-height:26px; font-family: 'plutocond_thin', sans-serif; text-align:left; margin-bottom:30px; padding:0px 0px 0px 20px; font-weight:600;}
.blocco-marmo {width:45%; margin-left:50%; left:-22%; bottom:-35px; position:absolute; text-align:center;}
.input-footer input {background-color: rgba(255, 255, 255, 0); border-radius:0px; border:solid 1px #fff; color:#fff; font-family: 'plutocond_thin', sans-serif; margin-bottom:10px; padding:10px; font-weight:600;}
.area-footer textarea {background-color: rgba(255, 255, 255, 0); border-radius:0px; border:solid 1px #fff; color:#fff; font-family: 'plutocond_thin', sans-serif; margin-bottom:20px; height:100px; padding:10px; font-weight:600;}
.note-footer {font-size:12px; margin:10px 0px; color:#fff; font-family: 'plutocond_thin', sans-serif; font-weight:600;}
.input-footer ::placeholder {color:rgba(255, 255, 255, 0.5); font-family: 'plutocond_thin', sans-serif; font-weight:600;}
.area-footer ::placeholder {color:rgba(255, 255, 255, 0.5); font-family: 'plutocond_thin', sans-serif; font-weight:600;}
.content-footer .form input[type="submit"] {background-color: rgba(255, 255, 255, 0); text-align:center; border:solid 1px #fff; width:100%;}
.input-footer input::after {background-color: rgba(255, 255, 255, 0);}
.input-footer input:focus {background-color: rgba(255, 255, 255, 0); border:solid 1px #fff; color:#fff;}
.crediti {font-size:12px; margin-top:50px; color:#fff; font-family: 'plutocond_thin', sans-serif; font-weight:600;}
.crediti a {color:#fff;}


/* ----------------------- PAG. MARMI ----------------------- */
#content-marmi h3 {width:100%; text-align:center; font-size:60px; color:#0d2731; font-family: 'plutocond_regular', sans-serif; font-style: italic; margin:85px 0px;}
#content-marmi h3 span {color:#5087a1;}
.gallery-marmi {background: url("../images/bkg-diagonale.png") no-repeat center right / 100% 100%; width:100%; padding:0px 10% 5%;}
.thumb-marmo {float:left; width:31.3%; margin:40px 1%;}
.thumb-marmo .img {width:100%; height:295px;}
.thumb-marmo .caption {width:100%; background-color:#fff; padding:40px 0px; text-align:center; color:#0d2731; font-size:26px; line-height:28px; text-transform:uppercase; font-family: 'plutocond_regular', sans-serif;}


/* ----------------------- PAG. CONTATTI ----------------------- */
.logo-contatti {width:100%; text-align:center; margin:115px 0px;}
.logo-contatti img {max-width:390px;}
.info-contact {width:100%; padding:0px 10%;}
.contact-left {float:left; width:50%;}
.contact-right {float:left; width:50%;}
.mappa-google {width:100%; height:700px; padding:0px 35px; margin-top:100px;}
.content-contatti {color:#113442;}
.content-contatti a {color:#113442;}
.content-contatti > .icona {float:left; width:5%;}
.content-contatti > .text-contact {float:left; width:95%; color:#113442; font-size:24px; line-height:26px; font-family: 'plutocond_thin', sans-serif; text-align:left; margin-bottom:30px; padding:0px 0px 0px 20px; font-weight: 600;}


/* ----------------------- PAG. CAVA ----------------------- */
.sect-01 {width:100%; padding:150px 10% 100px;}
.text-set01 {width:48%; float:left;}
.text-set01 h3 {font-size: 50px; line-height: 52px; font-family: 'plutocond_regular', serif; font-style: italic; color: #0d2731; padding:10px 30px; border-left:solid 1px #113442;}
.text-set01 h3 span {color:#5087a1;}
.text-set01 p {color:#7c7c7c; font-size:20px; line-height: 26px; font-family: 'plutocond_thin'; margin-bottom:60px; border-left:solid 1px #cacdcd; padding:10px 30px; font-weight:600;}
.img-set01 {width:52%; float:left; position:relative;}
.img-set01 .content {position: absolute; bottom: -300px; width: 100%; z-index: 3;}
.img-set01 .content img {width:100%;}

.sect-02 {width:100%; padding:200px 10% 100px; background-color:#2d4b59;}
.text-set02 {width:48%; float:left; padding:0px 30px 0px 0px;}
.text-set02 h3 {font-size: 90px; font-family: 'plutocond_thin'; color: #fff; text-shadow: 0 0 3px #000000; font-weight:600;}
.text-set02 h2 {font-size: 50px; line-height: 52px; font-family: 'plutocond_regular'; font-style: italic; color: #ebe8de;}
.text-set02 h2 span {color:#6fa4bb;}
.cap-set02 {float:left; width:52%; background-color:#fff; padding:140px 80px;}
.cap-set02 p {color:#7c7c7c; font-size:20px; line-height: 26px; font-family: 'plutocond_thin'; font-weight:600;}

.sect-03 {width:100%; padding:77px 10%;}
.text-set03 {width:100%; float:none; text-align:center;}
.text-set03 h3 {font-size: 50px; line-height: 52px; font-family: 'plutocond_regular', serif; font-style: italic; color: #0d2731; padding:10px 30px; margin-bottom:50px;}
.text-set03 h3 span {color:#5087a1;}
.text-set03 p {color:#7c7c7c; font-size:20px; line-height: 26px; font-family: 'plutocond_thin'; margin-bottom:60px; padding:10px 30px; font-weight:600;}
.img-set03 {width:52%; float:left; position:relative;}
.img-set03 .content {position: absolute; top: -300px; width: 100%; z-index: 3;}
.img-set03 .content img {width:100%;}


/* ----------------------- PAG. NEWS ----------------------- */
.content-news {width:100%; padding:100px 10%;}
.sect-articolo {width:100%; margin-bottom:50px;}
.post-thumb-archive {float:left; width:50%; height:300px; border:solid 3px #c5c5c5;}
.post-info {float:left; width:50%; padding-left:50px;}
.tit-articoli-archivio {font-size:30px; line-height:32px; font-family: 'plutocond_regular', serif; font-style: italic; color: #0d2731; margin-bottom:30px;}
.excerpt {color:#7c7c7c; font-size:20px; line-height: 26px; font-family: 'plutocond_thin'; margin-bottom:45px; font-weight:600;}
.btn-scopri {color:#fff; text-shadow: 0 0 3px #000000;}
.comments-area {display:none;}
.content-articolo {width:100%; padding:100px 5%;}
.title-news {font-family: 'plutocond_regular', serif; font-style: italic; color: #0d2731; font-size: 50px; line-height: 52px; text-align:center; margin-bottom:35px;}
.data {font-family: 'plutocond_thin'; text-align:center; color:#113442; font-size:20px; font-weight:600;}
.data span {border-top:solid 1px #113442; padding-top:20px;}
.navigation {display:none;}
.contenuto {padding-top:110px;}
.testo-news {color:#000; font-size:20px; line-height: 26px; font-family: 'plutocond_thin'; font-weight: 600;}
.testo-news a {color:#000; font-weight: 700; }
.post-thumb-article {float:left; width:45%; height:300px; border:solid 3px #c5c5c5; margin-right:50px;}

h3.cava {
    font-size: 50px;
    line-height: 52px;
    font-family: 'plutocond_regular', serif;
    font-style: italic;
    color: #5087a1;
    margin-bottom: 20px;
    margin-top: 120px;
}













/*RESPONSIVE*/
@media (max-width: 1200px) {
	.main-navigation a {font-size:15px;}
	.icon-social {font-size:20px;}
	.lang-menu img {height:14px;}

}

@media (max-width: 909px) {
	/* ----------------------- HEADER ----------------------- */
	.logo {width:100%; height:74px; margin-bottom:30px; text-align: center;}
	.menu {width:80%; text-align:center; float:none; position:absolute; top:220px; left:10%; z-index:4; background-color:#fff;}
	.site-header-menu {width:100%;}
	.main-navigation a {font-size:18px;}
	.menu-toggle {float:right; width:100%; border-style: solid; border-width: 1px 0px; border-color:#113442; font-family: 'plutocond_thin', sans-serif; color:#113442; border-radius:0px; font-weight:600;}
	.menu-toggle:hover {background-color:#113442; color:#fff; border-color:#113442;}
	.menu-toggle.toggled-on, .menu-toggle.toggled-on:hover, .menu-toggle.toggled-on:focus {background-color:#113442;}
	.main-navigation {float:none; border-right:none; margin-right:0px;}
	.lang-menu {float:right;}
	.lang-menu img {float:left; margin:10px 5px;}
	.site-branding, .site-header-menu, .header-image {padding:0px;}
	.vertical-clear {display:none;}
	
	/* ----------------------- FOOTER ----------------------- */
	.content-footer {margin:20px; padding:50px 5% 160px;}
	.content-footer .contatti {float:none; width:100%; border-right:none;}
	.content-footer .form {float:none; width:100%; padding-left:0px;}
	.logoFooter {text-align:center; margin-bottom:50px;}
	.content-footer .form h3 {text-align:center; margin-top:50px;}
	.blocco-marmo {bottom:-20px;}
	
	/* ----------------------- PAG. MARMI ----------------------- */
	#content-marmi h3 {font-size:50px; margin:50px 0px;}
	.thumb-marmo {width:48%;}
	.thumb-marmo .img {height:200px;}
	.thumb-marmo .caption {padding:30px 0px; font-size:20px; line-height:22px;}
	
	/* ----------------------- PAGINA CONTATTI ----------------------- */
	.contact-left {float:none; width:100%;}
	.contact-right {float:none; width:100%;}
	.mappa-google {width:100%; height:400px; padding:0px 20px; margin-top:50px;}
	
	/* ----------------------- PAG. CAVA ----------------------- */
	.sect-01 {padding:90px 5% 90px;}
	.text-set01 {width:100%; float:none; text-align:center;}
	.text-set01 h3 {font-size:50px; padding:10px 0px; border-left:none;}
	.text-set01 p {margin-bottom:36px; border-left:none; padding:10px 0px;}
	.img-set01 {width:100%; float:none;}
	.img-set01 .content {position: relative; bottom:0px;}

	.sect-02 {padding:90px 5% 90px;}
	.text-set02 {width:100%; float:none; padding:0px; text-align:center;}
	.text-set02 h3 {font-size: 70px;}
	.text-set02 h2 {font-size: 30px; line-height: 32px;}
	.cap-set02 {float:none; width:100%; padding:50px 5%; text-align:center; margin-top:50px;}

	.sect-03 {padding:50px 5%;}
	.text-set03 {width:100%; float:none; text-align:center;}
	.text-set03 h3 {font-size: 50px; line-height: 52px; font-family: 'plutocond_regular', serif; font-style: italic; color: #0d2731; padding:10px 30px;}
	.text-set03 p {margin-bottom:30px; border-left:none; padding:10px 30px;}
	.img-set03 {width:100%; float:none; position:relative;}
	.img-set03 .content {position: relative; top:0px;}
	
	/* ----------------------- PAG. NEWS ----------------------- */
	.content-news {padding:50px 5%;}
	.post-thumb-archive {float:none; width:100%; margin-bottom:30px;}
	.post-info {float:none; width:100%; padding-left:0px; text-align:center;}
	.content-articolo {width:100%; padding:50px 5%;}
	.contenuto {padding-top:50px;}
	.post-thumb-article {float:none; width:100%; height:300px; margin-right:0px; margin-bottom:70px;}
	.testo-news {text-align:center;}
	
}


@media (max-width: 767px) {
	/* ----------------------- PAG. MARMI ----------------------- */
	#content-marmi h3 {font-size:30px; line-height:32px; margin:30px 0px;}
	.thumb-marmo {width:98%; float:none;}
	.thumb-marmo .caption {padding:20px 0px;}
	
h3.cava {
margin-top: 0px;
}

}


@media (max-width: 480px) {
	/* -----------------------FOOTER----------------------- */
	#content-contatti > .text-contact {font-size:20px; line-height:22px; margin-bottom:20px; padding:0px 0px 0px 10px;}
	.content-footer .form h3 {font-size:20px; margin-bottom:27px;}
	.content-footer {background: url("../images/bkg-marmoblu.jpg") no-repeat center center / auto 100% scroll;}
	.blocco-marmo {width:100%; margin-left:0%; left:0%;}
	
	/* ----------------------- PAGINA CONTATTI ----------------------- */
	.logo-contatti {margin:50px 0px; padding:0px 5%;}
	.logo-contatti img {max-width:90%;}
	.content-contatti > .icona {width:10%;}
	.content-contatti > .text-contact {width:90%; font-size:16px; line-height:16px; margin-bottom:20px;}
	
	/* ----------------------- PAG. CAVA ----------------------- */
	.sect-01 {padding:50px 5% 50px;}
	.text-set01 h3 {font-size:30px; line-height:30px;}
	.text-set01 p {font-size:16px;}
	.sect-02 {padding:50px 5% 50px;}
	.text-set02 h3 {font-size: 30px;}
	.text-set02 h2 {font-size: 22px; line-height: 24px;}
	.cap-set02 p {font-size:16px;}
	.text-set03 h3 {font-size: 30px; line-height: 32px;}
	.text-set03 p {font-size:16px;}
	
	/* ----------------------- PAG. NEWS ----------------------- */
	.post-thumb-archive {height:200px;}
	.tit-articoli-archivio {font-size: 22px; line-height: 24px; margin-bottom:20px;}
	.excerpt {font-size:16px; line-height: 18px; margin-bottom:35px;}
	.title-news {font-size: 30px; line-height: 32px;}
	.post-thumb-article {height:200px; margin-bottom:30px;}
	.data {font-size:16px;}
	.testo-news {font-size:16px; line-height:20px;}
	.content-articolo {padding: 0px 5%;
}
}