/*LAYOUT.CSS - MOBILIFICIO A3*/
/*FONTATIC*/

@import "stylesheet.css";
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i|Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&display=swap');

body {font-family: 'Roboto', sans-serif; color:#584d4b; padding:0px; margin:0px; font-weight: 300;}
body:not(.custom-background-image)::before, body:not(.custom-background-image)::after {display:none;}
.clear {clear: both;}
p {padding:0px; margin:0px; font-size:18px; line-height:28px; color:#584d4b; font-weight:300;}
.site {margin:0px;}
.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;}
a {color:currentColor;}
a:hover {color:currentColor;}
h1 {font-size:18px!important; line-height:20px; letter-spacing:2px; text-transform:uppercase; color:#584d4b; font-weight:500; font-family: 'Roboto', sans-serif; padding:0px 10px 40px 0px; margin:0px!important;}
h1::after {content: url("../images/line-h4.png"); margin-left:10px;}
h2 {font-size:70px; line-height:80px; font-family: 'Open Sans', sans-serif; font-weight:700; color:#e84250; padding-bottom:40px;}
h2 span {font-size:26px; line-height:28px; font-family: 'Roboto', sans-serif; font-weight:400; letter-spacing:2px; text-transform:uppercase;}

h4 {font-size:18px; line-height:20px; letter-spacing:2px; text-transform:uppercase; color:#584d4b; font-weight:500; font-family: 'Roboto', sans-serif; padding:0px 10px 40px 0px; margin:0px;}
h4::after {content: url("../images/line-h4.png"); margin-left:10px;}
h3 {font-size:70px; line-height:60px; font-family: 'Open Sans', sans-serif; font-weight:700; color:#e84250; padding-bottom:40px;}
h3 span {font-size:26px; line-height:28px; font-family: 'Roboto', sans-serif; font-weight:400; letter-spacing:2px; text-transform:uppercase;}
.btn-arr {width:100px; height:100px; background:#fff url("../images/arr-right-slider.png") no-repeat center center / 70px auto; cursor:pointer;}
.col-2 {width:50%; float:left;}
.col-3 {width:33.3%; float:left;}
.div-content-base {width:100%; padding:50px 10%;}
.div-generic {background:#fff url("../images/bkg-carousel.png") no-repeat center center / 100%;}
.div-generic-row {background: url("../images/linee-slide-home.png") repeat-y center center / 100%;}
.entry-content {width:100%; padding:50px 10%; margin:0px!important;}

/* font family

    font-family: 'Open Sans', sans-serif;

    font-family: 'Roboto', sans-serif;

} */

.grecaptcha-badge {
	position: absolute;
	top: -9999px;
	left: -9999px;
}


/* HEADER */
.header-main {width:100%; background-color:#4b4544; padding:40px 10%; color:#fff;}
.logo-header {width:20%; float:left;}
.logo-header img {width:100%; max-width:210px;}
.menu-header {float:right; color:#fff;}

/* MENU */
.main-navigation {font-family: 'Open Sans', sans-serif; text-transform: uppercase; font-size:16px; margin:0px;}
.main-navigation a {color:#fff; padding:30px 15px;}
.main-navigation li:hover > a {color:#e84250;}
.main-navigation li {border-top:none;}
.main-navigation .current-menu-item > a {color:#fff;}
.main-navigation .current-menu-item > a::before {content: url("../images/circle-menu.png"); color:#e84250; top:0px; left:16px; position:absolute;}
.main-navigation .current-menu-ancestor > a::before {content: url("../images/circle-menu.png"); color:#e84250; top:0px; left:16px; position:absolute;}
.main-navigation a:focus {color:currentColor!important;}
.main-navigation .menu-item-has-children > a::after {top:30px;}
.main-navigation ul ul {border-top:solid 4px #e84250; -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.3);box-shadow: 0 0 5px 0 rgba(0,0,0,0.3); border-bottom:none; border-right:none; border-left:none; top:65px;}
.main-navigation ul ul::before {display:none!important;}
.main-navigation ul ul::before, .main-navigation ul ul::after {display:none;}
.main-navigation ul ul li {border-top: none; font-size: 14px;  border-bottom:none; border-right:none; border-left:none; background-color:#fff; }
.main-navigation ul ul li a {padding: 10px!important; color:#4b4544!important;}
.main-navigation ul ul li a:hover {color:#e84250!important;}
.main-navigation .current-menu-item > ul ul li a::before {display:none!important;}

.main-navigation ul ul li a::before {display:none!important;}
#trigger-overlay {display:none;}

/* SEZIONE TESTO + IMMAGINE */
.div-testo-immagine {width:100%; padding:130px 10%; position:relative;}
.div-testo {float:left; width:50%; background-color:#fff; padding:45px 60px 45px 0px; margin:80px 0px; position:relative;  z-index:2;}
.div-immagine {float:left; width:50%; position:absolute; top:130px; right:10%; z-index:1;}
.div-immagine-promo {float:left; width:50%; /*top:130px; right:10%;*/ z-index:1;}
.scopri {float:right;}


/* SEZIONE TITOLO + TESTO */
.div-testo-testo {width:100%; padding:0px 10%; position:relative;}
.div-titolo {float:left; width:50%; background-color:#fff; padding:45px 60px 45px 0px; margin:80px 0px;}
.div-paragrafo {float:left; width:50%; padding:45px 0px 45px 0px; margin:145px 0px 80px 0px;}

/* SEZIONE CAROSELLO */
.div-carosello {width:100%; padding:130px 10%; background:#fff url("../images/bkg-carousel.png") no-repeat center center / 100%;}

/* CAROSELLO MARCHI PARTNERS */
.carousel-partners {width:100%; padding: 130px 10% 250px 10%;}
#owl-carousel-partners .owl-nav {display:block;}
#owl-carousel-partners .owl-prev {width:100px; height:100px; background:#fff url("../images/arr-left-slider.png") no-repeat center center / 70px auto; color:transparent; position: absolute; z-index:4; left:-10%; top:10%;}
#owl-carousel-partners .owl-next {width:100px; height:100px; background:#fff url("../images/arr-right-slider.png") no-repeat center center / 70px auto; color:transparent; position: absolute; z-index:4; right:-10%; top:10%;}

/* FOOTER */
.footer-main {width:100%; background-color:#4b4544; padding:60px 10% 10px 10%; color:#fff; font-size:24px; line-height:28px; font-weight:300; font-family: 'Roboto', sans-serif;}
.logo-footer {width:100%; background-color:#4b4544;}
.footer-main h5 {color:#e84250; font-weight:700; margin-bottom:10px;}
.footer-main i {font-size:16px;}
.footer-logo {width:33.3%; float:left; background-color:#fff; padding:50px 50px 50px 10%;}
.footer-logo img {width:100%; max-width:300px;}
.footer-archi {width:66.6%; float:left; padding:30px 10% 30px 20px; background-color:#4b4544;}
.footer-credits {width:100%; border-top:solid 1px #fff; font-size:14px; line-height:36px; padding:20px 0px; margin-top:50px;}
#copy {text-align:left;}
#social {text-align:center; font-size:40px;}
#social img {width:40px;}
#policy {text-align:right;}

/* --------------- CHI SIAMO --------------- */
/* LA NOSTRA STORIA */
#img-showroom {background: url("../images/mobilificio-a3-falegnameria-bergamo.jpg") no-repeat center center / cover;}
.div-showroom {width:100%; background-color:#4b4544; padding:75px 10%;}
.div-showroom .testo-showroom {float:right; width:50%; padding:50px 0px 0px 60px;}
.div-showroom .testo-showroom p {color:#fff;}
.div-showroom .img {margin-bottom:-100px; float:left; width:50%;}

/* ESPOSIZIONE */
.esposizione {width:100%; padding:130px 10% 90px 10%; background:#fff url("../images/bkg-carousel.png") no-repeat center center / cover;}
.anno {margin:0px 0px 50px 20%;}
.anno img {width:100%; max-width:380px;}
.esposizione p {width:40%; margin:0px 30%; font-size:36px; line-height:46px; color:#463c3a; font-family: 'Open Sans', sans-serif; font-weight:600;}

/* Catalogo */
#owl-carousel-catalogo .owl-slide.down .thumb-catalogo {margin-top:50px!important;}
#owl-carousel-catalogo .owl-slide.up .thumb-catalogo {margin-top:0px!important;}
#owl-carousel-catalogo .owl-nav {display:block;}
#owl-carousel-catalogo .owl-prev {width:100px; background: url("../images/arr-left-slider.png") no-repeat center center / 70px auto; color:transparent; position: absolute; z-index:4; right:10%; top:-70px;}
#owl-carousel-catalogo .owl-next {width:100px; background:url("../images/arr-right-slider.png") no-repeat center center / 70px auto; color:transparent; position: absolute; z-index:4; right:0px; top:-70px;}
.thumb-catalogo {background-repeat:no-repeat; background-size:cover; background-position:center center; height:325px;}
.nome-settore {font-weight:bold; font-size:24px; margin:20px 30px 0px 30px; text-transform:uppercase;}
.btn-scopri {font-size:16px; font-weight:300; font-family: 'Roboto', sans-serif; color:#e84250; margin-left:30px;}


/* --------------- CONTATTI --------------- */
#img-contatti {background: url("../images/img-contatti.jpg") no-repeat center center / cover;}
#orari {padding-right:5%;}
#orari h5 {color:#e84250; font-weight:700; margin-bottom:30px; font-size:30px; line-height:32px;}
#orari span {font-size:24px; line-height:30px;}
#form h5 {color:#e84250; font-weight:700; margin-bottom:30px; font-size:30px; line-height:32px;}
.legal {font-size:12px; line-height:14px;}
.mappa-contatti {width:100%; height:600px;}
.mappa-contatti iframe {width:100%; height:100%;}

.note {font-size:12px; line-height:14px; margin-bottom:10px;}
#form input {border:none!important; color:#584d4b; background-color:#ecebeb;}
#form input:focus {border:none!important; color:#584d4b; background-color:#ecebeb;}
#form textarea {border:none!important; color:#584d4b; background-color:#ecebeb; height:100px; font-family: 'Roboto', sans-serif; margin-bottom:10px;}
#form textarea:focus {border:none!important; color:#584d4b; background-color:#ecebeb;}
#form input[type="text"], input[type="email"], input[type="tel"], textarea {border-radius:0px!important; margin-bottom:10px;}
#form ::placeholder {font-family: 'Roboto', sans-serif!important; color:#584d4b;}
.legal {margin:20px 0px;}
#form .btn-contatti {margin-top:10px;}
#form .btn-contatti input {background-color:#e84250; color:#fff; border-radius:0px; font-size:16px; text-transform:uppercase; text-align:center; padding:10px;}
#form .btn-contatti input:hover {background-color:#e84250; color:#fff;}
#form .btn-contatti input[type="submit"] {font-family: 'Roboto', sans-serif!important; font-size:24px; font-weight:300;}
#form .btn-contatti input[disabled]:hover {background-color:#e84250; border-radius:0px; color:#fff;}
#form .btn-contatti input ::placeholder {color:#fff!important; width:100%; font-family: 'Roboto', sans-serif!important;}


/* --------------- SERVIZI --------------- */
#pagamenti {background-color:#584d4b; padding:100px 5% 100px 10%;}
#pagamenti p {color:#fff;}
#garanzia {padding:150px 10% 150px 5%;}
#img-montaggio {background: url("../images/img-montaggio.jpg") no-repeat center center / cover;}

/* --------------- PROMOZIONI --------------- */
/* Archivio */
.div-promo {width:33.3%; float:left; padding:0px 10px; height:500px;}
.thumb-promo {background-repeat:no-repeat; background-size:cover; background-position:center center; height:325px;}
.tit-promo {font-weight:bold; font-size:24px; line-height:26px; margin:20px 30px 0px 30px; text-transform:uppercase;}
.info-promo {margin: 10px 30px 20px 30px; line-height:22px;}
.info-promo .listino {text-decoration:line-through;}
.info-promo .prezzo-promo {font-size:20px; font-weight:700; color:#e84250;}
.pagination {clear:both; font-family: 'Roboto', sans-serif; color:#584d4b; font-weight: 300;}
.pagination .prev {background-color:#584d4b;}
.pagination .prev:hover {background-color:#e84250;}
.pagination .next {background-color:#584d4b;}
.pagination .next:hover  {background-color:#e84250;}
.pagination .page-numbers {font-size:24px;}

/* Post */
.data-promo {font-size:18px; line-height:20px; letter-spacing:2px; text-transform:uppercase; color:#584d4b; font-weight:500; font-family: 'Roboto', sans-serif; padding:0px 10px 40px 0px; margin:0px;}
.data-promo::after {content: url("../images/line-h4.png"); margin-left:10px;}
#promozione h1 {font-size:48px!important; line-height:48px!important; margin:30px 0px 40px 0px; font-family: 'Open Sans', sans-serif; font-weight:700; color:#e84250; letter-spacing: normal; text-transform: none;}
#promozione h1::after {display:none;}
#promozione p span {color:#e84250; font-size:25px; font-weight:600;}
#owl-carousel-fotopromo .owl-slide {background-size:cover; background-repeat:no-repeat; background-position:center center;}
#owl-carousel-fotopromo .owl-nav {display:block;}
#owl-carousel-fotopromo .owl-prev {width:100px; background: url("../images/arr-left-white.png") no-repeat center center / 70px auto; color:transparent; position: absolute; z-index:4; right:100px; bottom:20px;}
#owl-carousel-fotopromo .owl-next {width:100px; background:url("../images/arr-right-white.png") no-repeat center center / 70px auto; color:transparent; position: absolute; z-index:4; right:0px; bottom:20px;}
#descrizione {padding-right:5%;}
.tel-promo {font-size:40px; color:#e84250; font-weight:700; margin-top:50px;}

/* Carosello */
#owl-carousel-promozioni .owl-slide.down .thumb-promo {margin-top:50px!important;}
#owl-carousel-promozioni .owl-slide.up .thumb-promo {margin-top:0px!important;}
#owl-carousel-promozioni .owl-nav {display:block;}
#owl-carousel-promozioni .owl-prev {width:100px; background: url("../images/arr-left-slider.png") no-repeat center center / 70px auto; color:transparent; position: absolute; z-index:4; right:10%; top:-70px;}
#owl-carousel-promozioni .owl-next {width:100px; background:url("../images/arr-right-slider.png") no-repeat center center / 70px auto; color:transparent; position: absolute; z-index:4; right:0px; top:-70px;}


/* --------------- CATALOGO --------------- */
.thumb-prodotto {width:33.3%; float:left; height:300px; background-size:cover; background-position:center center; background-repeat:no-repeat;}
.nome-modello p {font-size:16px!important; line-height:18px!important;}
.cover-catalogo {height:300px!important; background-size:cover; background-position:center center; background-repeat:no-repeat;}
.fancybox-title-float-wrap {bottom:10px;}
.fancybox-title-float-wrap .child {background-color:#fff; border-radius:0px; text-shadow:none; color:#4b4544; padding:20px!important; font-weight:300; font-family: 'Roboto', sans-serif; font-size:24px; line-height:30px; width:100%;}
figcaption h2 {padding-bottom:0px!important; word-spacing: 5px;}
.grid figure h2 {word-spacing:2px!important;
text-shadow: 1px 1px 4px #333;}
.fancybox-title {}


@media (max-width: 1200px) {
    .main-navigation {font-size:14px;}
    .main-navigation a {padding:30px 5px;}
    .main-navigation .current-menu-ancestor > a::before {left:6px;}
}

@media (max-width: 909px) {
    p {font-size:16px; line-height:26px;}
    h1 {font-size:16px!important; line-height:18px; padding:0px 0px 20px 0px;}
    h1::after {display:none;}
    h2 {font-size:50px; line-height:50px; padding-bottom:30px;}
    h4 {font-size:16px; line-height:18px; padding:0px 0px 20px 0px;}
    h4::after {display:none;}
    h3 {font-size:50px; line-height:50px; padding-bottom:30px;}
    .col-2 {width:100%; float:none;}
    .col-3 {width:100%; float:none;}
    .entry-content {padding:50px 5%;}
    .div-content-base {padding:50px 5%;}

    /* HEADER */
    .header-main {padding:20px 5%;}

    /* MENU */
    #trigger-overlay {display:block; font-weight:600; position:relative; padding:10px 0px;}
    #trigger-overlay::before {content: url("../images/circle-menu.png"); color:#e84250; top:-10px; left:0px; position:absolute;}
    .menu-desk {display:none;}
    .main-navigation a {padding: 0px 5px; font-size:30px;}
    .main-navigation .primary-menu {border-bottom:none;}
    .main-navigation .current-menu-item > a::before {top: -7px; left: -15px;}
    .main-navigation .current-menu-ancestor > a::before {top: -7px; left: -15px;}
    .dropdown-toggle::after {border-left:none;}
    .dropdown-toggle {color:#fff;}
    .dropdown-toggle:hover {color:#fff;}
    .main-navigation ul ul {top:0px; margin: 10px 0px 30px 0px;}
    .main-navigation ul ul li a {font-size:18px!important; padding:10px 5px;}
    .overlay .overlay-close::before {content: url("../images/close-menu.png"); color:#e84250; top:0px; left:0px; position:absolute;}

    /* SEZIONE TESTO + IMMAGINE */
    .div-testo-immagine {width:100%; padding:60px 5%;}
    .div-testo {float:none; width:100%; padding:0px 0px 30px 0px; margin:0px; text-align:center;}
    .div-immagine {float:none; width:100%; position:relative; height:250px; top:0px; right:0px;}
    .div-immagine-promo {float:none; width:100%; height:250px;}

    /* SEZIONE TITOLO + TESTO */
    .div-testo-testo {width:100%; padding:60px 5%;}
    .div-titolo {float:none; width:100%; padding:0px 0px 30px 0px; margin:0px; text-align:center;}
    .div-paragrafo {float:none; width:100%; padding:0px; margin:0px; text-align:center;}

    /* SEZIONE CAROSELLO */
    .div-carosello {padding:60px 5%; text-align:center;}

    /* CAROSELLO MARCHI PARTNERS */
    .carousel-partners {width:100%; padding: 60px 5%; text-align:center;}
    #owl-carousel-partners .owl-nav {display:none;}

    /* FOOTER */
    .footer-main {padding:60px 5% 10px 5%; font-size:20px; line-height:24px; text-align:center;}
    .footer-main .col-3 {margin-bottom:20px;}
    .footer-logo {width:100%; float:none; padding:50px 5%; text-align:center;}
    .footer-archi {display:none;}
    .footer-credits {line-height:16px;}
    #copy {text-align:center;}
    #policy {text-align:center;}

    /* CHI SIAMO */
    /* LA NOSTRA STORIA */
    .div-showroom {padding:50px 5%;}
    .div-showroom .testo-showroom {float:none; width:100%; padding:0px 0px 50px 0px; text-align:center;}
    .div-showroom .img {margin-bottom:0px; float:none; width:100%;}

    /* ESPOSIZIONE */
    .esposizione {padding:60px 5%; text-align:center;}
    .anno {margin:0px 0px 20px 0px; width:100%;}
    .esposizione p {width:100%; margin:0px; font-size:24px; line-height:30px;}

    /* CATALOGO */
    #owl-carousel-catalogo .owl-nav {display:none;}
    .nome-settore {margin:20px 0px 0px 0px; text-transform:uppercase;}
    .btn-scopri {margin-left:0px;}
    .fancybox-title-float-wrap .child {font-size:16px; line-height:20px;}
    figure.effect-sadie h2 {font-size:24px!important;}

    /* CONTATTI */
    #orari {padding-right:0%; text-align:center; margin-bottom:50px;}
    #orari span {font-size:18px; line-height:20px;}
    #form {text-align:center;}
    #form .btn-contatti input[type="submit"] {font-size:18px;}
    .mappa-contatti {height:400px;}

    /* SERVIZI */
    #pagamenti {padding:50px 5%; text-align:center;}
    #garanzia {padding:50px 5%; text-align:center;}

    /* PROMOZIONI */
    /* Archivio */
    .div-promo {width:50%; text-align:center;}
    .tit-promo {margin:20px 0px 0px 0px;}
    .info-promo {margin: 10px 0px 20px 0px;}
    .pagination .page-numbers {padding:0px;}

    #descrizione {padding-right:0%; text-align:center; margin-bottom:50px;}
    .data-promo {font-size:16px; line-height:18px; padding:0px 0px 20px 0px;}
    .data-promo::after {display: none;}
    #promozione h1 {font-size:36px!important; line-height:36px!important;}
    #promozione p span {font-size:20px;}

    /* Carosello */
    #owl-carousel-promozioni .owl-nav {display:none;}

}


@media (max-width: 767px) {

}


@media (max-width: 480px) {
    h3 {font-size:30px; line-height:30px;}
    h2 {font-size:30px; line-height:30px;}
    .div-content-base {padding:30px 5%;}
    .btn-arr {width:70px; height:70px; background:#fff url("../images/arr-right-slider.png") no-repeat center center / 40px auto;}

    /* HEADER */
    .logo-header {width:50%;}

    /* MENU */
    #trigger-overlay {padding:20px 0px 0px 0px;}
    #trigger-overlay::before {top:0px;}

    /* FOOTER */
    .footer-main {font-size:18px; line-height:22px;}
    .footer-logo img {max-width: 200px;}

    /* SEZIONE TITOLO + TESTO */
    .div-testo-testo {padding:30px 5%;}

    /* ESPOSIZIONE */
    .esposizione p {font-size:18px; line-height:20px;}

    /* CONTATTI */
    #orari h5 {font-size:24px; line-height:26px;}
    #form h5 {font-size:24px; line-height:26px;}

    /* PROMOZIONI */
    /* Archivio */
    .div-promo {width:100%; float:none; padding:0px; height:auto!important;}
    .tel-promo {font-size:30px; margin-top:30px;}

    #promozione h1 {font-size:24px!important; line-height:24px!important;}
    #promozione p span {font-size:18px;}

    /* CATALOGO */
    .fancybox-title-float-wrap {position:relative!important;}
    figure.effect-sadie h2 {font-size:20px!important;}

}