@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');


/*Normalize.css
-----------------------------------------------*/
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block;}audio,canvas,video{display:inline-block;*display:inline;*zoom:1;}audio:not([controls]){display:none;height:0;}[hidden]{display:none;}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}html,button,input,select,textarea{font-family:sans-serif;}body{margin:0;}a:focus{outline:thin dotted;}a:active,a:hover{outline:0;}h1{font-size:2em;margin:0.67em 0;}h2{font-size:1.5em;margin:0.83em 0;}h3{font-size:1.17em;margin:1em 0;}h4{font-size:1em;margin:1.33em 0;}h5{font-size:0.83em;margin:1.67em 0;}h6{font-size:0.75em;margin:2.33em 0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:bold;}blockquote{margin:1em 40px;}dfn{font-style:italic;}mark{background:#ff0;color:#000;}p,pre{margin:1em 0;}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em;}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word;}q{quotes:none;}q:before,q:after{content:'';content:none;}small{font-size:75%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}dl,menu,ol,ul{margin:1em 0;}dd{margin:0 0 0 40px;}menu,ol,ul{padding:0 0 0 40px;}nav ul,nav ol{list-style:none;list-style-image:none;}img{border:0;-ms-interpolation-mode:bicubic;}svg:not(:root){overflow:hidden;}figure{margin:0;}form{margin:0;}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}legend{border:0;padding:0;white-space:normal;*margin-left:-7px;}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}button,input{line-height:normal;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible;}button[disabled],input[disabled]{cursor:default;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px;}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0;}

/*Generici
-----------------------------------------------*/
*{position:relative}
html{
    height: 100%;
	scrollbar-gutter: stable;
}
body{
	height:100%;
    font-family: "Lato", sans-serif;
    font-weight:400;
    overflow-x:hidden;
    color:#000;
    line-height:1.6;
    font-size:16px;
    margin:0;
    padding:0;
	background:#fdf3e6;
}

a{color:#904800; text-decoration:none; outline:none !important;}
a:hover{color:#000; text-decoration:none;}
p{margin:0 0 1em 0;}
strong, b{font-weight:700; color:#904800;}

h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{font-family: 'Montserrat', sans-serif; font-weight:700; margin:0 0 1em 0; line-height:1.2em; padding:0;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover{text-decoration:none;}

h1,.h1{font-size:3.2rem;}
h2,.h2{font-size:2.8rem;}
h3,.h3{font-size:2.4rem;}
h4,.h4{font-size:2.0rem;}
h5,.h5{font-size:1.6rem;}
h6,.h6{font-size:1.4rem;}
@media(max-width:767px){
h1,.h1{font-size:3rem;}
h2,.h2{font-size:2.5rem;}
h3,.h3{font-size:2.2rem;}
}

.title-hide{text-indent:-9999px; font-size:0; height:0; margin:0;}
.nocompiled {border:1px solid #f00 !important;}
.nocompiled2 {padding:0 17px 0 0; color:#f00;}

/*animazioni generiche*/
.m-ani{
-webkit-transition:all 600ms ease-in-out;
-moz-transition:all 600ms ease-in-out;
-o-transition:all 600ms ease-in-out;
-ms-transition:all 600ms ease-in-out;
transition:all 600ms ease-in-out;
}
footer *, .prods-view *{
-webkit-transition:all 600ms ease-out;
-moz-transition:all 600ms ease-out;
-o-transition:all 600ms ease-out;
-ms-transition:all 600ms ease-out;
transition:all 600ms ease-out;
}


/*estensione del container*/
@media (min-width:1440px){
.container{max-width:1380px;}
}
@media (min-width:1700px){
.container{max-width:1640px;}
}
/*@media (min-width:1900px){
.container{max-width:1860px;}
}*/
@media (max-width:767px){
	.container{
		padding-right: var(--bs-gutter-x,1.5rem);
		padding-left: var(--bs-gutter-x,1.5rem);
	}
}

/*Header
-----------------------------------------------*/
header{
	position: fixed;
    top: 0;
    z-index: 50;
    min-height: 100px;
    width:100%;
	padding:15px 0;
	background-color:#fdf3e6;
	box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.1);
}
header .logo{margin:0 auto;}
header .logo img{max-width:100%}
@media(max-width:991px){
	header {padding:20px 0}
	header .logo img{width:180px}
}

/* toggle menu */
.toggle{display:none; position:absolute; z-index:610; width:30px; height:22px; top:45px; right:30px;}
#nav-toggle{width:100%; height:100%; border:0; outline:0; padding:0; background:transparent}
#nav-toggle span{cursor:pointer; height:2px; width:30px; background:#000; position:absolute; display:block; content:'';}
#nav-toggle span:first-child{top:0;}
#nav-toggle span:last-child{top:10px;}
#nav-toggle span{transition:all 500ms ease-in-out; -webkit-transition:all 500ms ease-in-out; -moz-transition:all 500ms ease-in-out; -o-transition:all 500ms ease-in-out;}
#nav-toggle.active span:first-child, #nav-toggle.active span:last-child{top:10px;}
#nav-toggle.active span:first-child{transform:rotate(45deg);}
#nav-toggle.active span:last-child{transform:translateY(0) rotate(-45deg); top:10px;}
@media(max-width:991px){
	.toggle{display:block;}
}
@media (min-width:992px){
    .main-nav.collapse{
        display:block!important;
        height:auto!important;
        overflow:visible!important;
        visibility:visible!important;
    }
}
/*Main Nav*/
.main-nav > ul{display:flex; justify-content:end; list-style:none; padding:0; margin:0}
.main-nav > ul > li{font-size:1.2rem; font-weight:700; margin-right:30px}
.main-nav > ul > li:last-child{font-weight:400; font-size:1.1rem; margin-right:0}
.main-nav > ul > li a{color:#000;}
.main-nav > ul > li a:hover,
.main-nav > ul > li a.active{color:#904800;}
.main-nav .dropdown-menu{border:0; min-width:12rem; padding:15px; border-radius:0; border:0; transform: translate(0, 50px)!important; background:#fdf3e6; box-shadow:0 0 10px rgba(0,0,0,0.2); }
.main-nav .dropdown-menu li{padding:7px 0; text-transform:none; border-bottom:1px dotted #000}
.main-nav .dropdown-menu li:last-child{border-bottom:0}
@media(max-width:991px){
.main-nav{ right:0}
.main-nav ul{flex-direction: column; padding:20px 0;}
.main-nav ul li{padding:8px; margin-right:0; text-align:right}
.main-nav .dropdown-menu{position: static!important; padding:15px 0; transform: translate(0, 0)!important; box-shadow:none}
.main-nav .dropdown-menu li{border-bottom:0}
}

@media (max-width:767px){

}

/*Generici
-----------------------------------------------*/

main{font-size:18px; padding-top:100px;}
.max{width:100%!important; max-width:100%!important}

/*hero page*/
.hero-page{height:60vh; background:#000}
.hero-page .figure{height:100%; width:100%}
.hero-page .figure img{width:100%; height:100%; object-fit:cover;}

/*intro page*/
.intro-page{padding:80px 0; font-size:1.4rem}

/*color*/
.color-primary{color:#904800}
.color-secondary{color:#f9c975}

/*text*/
.text-normal{text-transform:none}

/*div loading*/
#divloading{display:none}

/*btn*/
.btn{padding:0.475rem 1.45rem; font-weight:700; border-radius:0; text-transform:uppercase;}
.btn-sm{padding:0.275rem 0.75rem;}
.btn-primary{border-color:#904800; background-color:#904800;}
.btn-primary:hover{color:#904800; border-color:#904800; background-color:transparent;}
.btn-outline-primary{color:#904800; border-color:#904800; background-color:transparent;}
.btn-secondary{color:#fff; border-color:#f9c975; background-color:#f9c975;}
.btn-secondary:hover{color:#f9c975; border-color:#f9c975; background-color:#fff;}
.btn-outline-secondary{color:#f9c975; border-color:#f9c975; background-color:#fff;}
.btn-outline-white{color:#fff; border-color:#fff; background-color:transparent;}
.btn-outline-white:hover{color:#904800; border-color:#fff; background:#fff;}
.btn-ico i{margin-left:15px}

/*btn arrow*/
.arrow-container{display:flex; align-items:center; justify-content:flex-end;}
.btn-arrow{cursor:pointer; display:flex; align-items:center; justify-content:center; color:#000; padding:10px; margin:0 5px; width:60px; height:60px; border-radius:50%; border:1px solid #904800;}
.btn-arrow:hover{color:#904800}

/*panel board*/
.panel-board{padding:30px;}
.panel-board.panel-board-bg{background:#fff}
.panel-board p:last-child{margin-bottom:0}


/*panel figure*/
.panel-figure{overflow:hidden;}
.panel-figure img{width:100%; height:100%; object-fit:cover;}

/*table*/
.table thead th{text-transform:uppercase; background:#f0f2f2}
.table tbody td{vertical-align:middle}

/*row intro*/
.row-header h1{margin-bottom:0}
.row-header h2{margin-bottom:0}
.row-header p{margin-bottom:0}
.row-header h2.small{font-size:1.6em; text-transform:none; margin-top:30px;}
.row-header .lbl-section{font-weight:700;}
@media(max-width:991px){
.row-header h1{margin-bottom:2rem;}
.row-header h2{margin-bottom:2rem;}
}

/*Card info*/
.card-container{display:flex; flex-wrap: wrap; gap:2%}
.card-container.view-inrow-2 .card-info{width:48%}
.card-container.view-inrow-3 .card-info{width:31%}

.card-info{margin-bottom:15px}
.card-info.card-info-fill{background:#f2e2cf}
.card-info.card-info-border{border:2px solid #e7d1b8}
.card-info .card-info-header{padding:8px 15px; font-weight:700; font-size:1.4rem; color:#904800}
.card-info .card-info-body{padding:8px 15px;}
.card-info .card-info-body .icon{margin:10px 0 30px 0}
.card-info .card-info-body .icon img{width:48px; height:48px;}

@media(max-width:1199px){
.card-container.view-inrow-3 .card-info{width:48%}
}
@media(max-width:767px){
.card-container{display:flex;}
.card-info{margin:0 0 16px 0}
.card-container.view-inrow-2 .card-info{width:100%}
.card-container.view-inrow-3 .card-info{width:100%}
}

/*Cuts*/
.cuts{position:absolute; pointer-events: none; z-index:15; top:0;left:0; width:100%; height:100%;}
.cuts div{position:absolute; background:#fdf3e6;}
.cuts div:nth-child(odd){width:6px; height:20px; left:50%; transform:translate(-50%,0)}
.cuts div:nth-child(1){top:0}
.cuts div:nth-child(2){left:0}
.cuts div:nth-child(3){bottom:0}
.cuts div:nth-child(4){right:0}
.cuts div:nth-child(even){width:20px; height:6px; top:50%; transform:translate(0,-50%)}

/*Horizontal text scroll*/
.text-scroll-box {display: flex; align-items: center; padding:80px 0 0 0; overflow: hidden;}
.text-scroll-box span {
    white-space: nowrap;
    text-transform: uppercase;
	font-weight:300;
    font-size: 6rem;
    flex-shrink: 0;
    padding: 0 10px;
    width: max-content;
    display: flex;
    align-items: center;
    transform: translateX(0);
    animation: text-ani 30s linear infinite;
}
@keyframes text-ani {
    0% { transform: translate3d(0, 0, 0); }
    100% { transform: translate3d(-100%, 0, 0); }
}
@media(max-width:991px){
.text-scroll-box span {font-size: 4rem;}
}

.text-static {display: flex; align-items: center; justify-content:center; padding:80px 0 0 0; overflow: hidden;}
.text-static span {text-align:center; text-transform: uppercase; font-weight:300; font-size:calc(3vw + 2vh);}

/*Home
-----------------------------------------------*/
/*Carousel*/
.hero-home{height:70vh;}
.hero-home .container-fluid,
.hero-home .row,
.hero-home .col-lg-6{height:100%;}
.carousel-home{height:100%; overflow:hidden;}
.carousel-home .slick-list,
.carousel-home .slick-track,
.carousel-home .slick-item{height:100%;}
.carousel-home .slick-item .figure{height:100%; width:100%}
.carousel-home .slick-item .figure img{width:100%; height:100%; object-fit:cover;
-webkit-transition:all 1.4s cubic-bezier(0.7, 0, 0.3, 1);
transition:all 1.4s cubic-bezier(0.7, 0, 0.3, 1);
-webkit-transform:scale(1.4);
transform:scale(1.4);
opacity:0;}
.carousel-home .slick-current .figure img{-webkit-transform:scale(1); transform:scale(1); opacity:1}
/* caption */
.hero-home .caption{display:flex; align-items:center; height:100%; width:100%; padding:0 6%}
.hero-home .caption .wrap{display:block; width:100%}
.hero-home .caption .bg-img{position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}
.hero-home .caption .logo-round {text-align:center}
.hero-home .caption .logo-round img{width:360px; height:auto;}
.hero-home .caption span{color:#fff}
.hero-home .caption .h1{display:block;  margin-bottom:20px;/*padding-bottom:30px; border-bottom:1px solid #fff*/}

@media(max-width:991px){
.hero-home{height:auto}
.hero-home .caption {padding:10% 6%}}
@media(max-width:767px){
.hero-home .caption img{width:100%}
.hero-home .caption .h1{font-size:2.2rem; color:#fff; margin-bottom:1rem; font-weight:700}
}

/*Fances carousel*/
.fences-showroom{padding:80px 0}
.fances-stage .landscape{width:80%; margin:0 auto;}
.fances-stage .landscape img{width:100%;}
.fances-stage .fances {position: absolute; bottom:0; left:0; width:100%;}
.fances-stage .fances .fance-item img{width:100%;}
@media(max-width:767px){
.fances-stage .landscape{width:92%;}
}

/*Focus */
.cat-focus{padding:80px 0}

/*Corten*/
.corten-focus{padding:80px 0}
.corten-focus .panel-board{width:75%}
@media(max-width:767px){
.corten-focus .panel-board{width:100%}
}

/*Servizi*/
.corten-service{padding:80px 0}

/*Prodotti
-----------------------------------------------*/
.prods-view{padding:80px 0}
.row-prod{display:flex; justify-content:space-between; padding:30px 0; border-bottom:2px solid #e7d1b8}
.row-prod:after{content:""; position:absolute; width:0; height:2px; bottom:calc(0px - 2px); background:#000; transition:all 600ms ease-out;}
.row-prod:hover:after{width:100%;}
.row-prod a{position:absolute; z-index:15; top:0; left:0; width:100%; height:100%}
.row-prod .caption{width:25%}
.row-prod .caption h2{font-size:2.5rem; color:#904800; margin:0}
.row-prod:hover .caption{transform:translate(10%,0)}
.row-prod:hover .caption h2{color:#000; margin:0}
.row-prod .figure{width:65%}
.row-prod .figure img{width:100%}

@media(max-width:991px){
.row-prod .caption h2{font-size:1.8rem;}
}
@media(max-width:767px){
.row-prod{flex-direction: column;}
.row-prod .caption,
.row-prod .figure{width:100%}
.row-prod:hover .caption{transform:translate(0,0)}
}

/*scheda prod*/
.prod-view{padding:80px 0 80px 0;}
.prod-view h1{margin:0; color:#904800}
.prod-view .figure img{max-width:100%}
.prod-view .prod-intro,
.prod-view .prod-tech-specs,
.prod-view .prod-blueprint,
.prod-view .wall-gallery,
.prod-view .prod-gallery{margin-bottom:80px}
.prod-view .prod-tech-specs ul{list-style:none; font-size: 1.2rem; padding:20px 45px 60px 45px; margin:0;}
.prod-view .prod-tech-specs ul li{display:flex; justify-content:space-between; gap:15px; color:#6e6e6e; padding:12px 0; border-bottom:1px solid #e7d1b8}
.prod-view .prod-tech-specs ul li strong{color:#000; text-transform:none;}
.prod-view .prod-tech-specs ul li span{text-align:right;}
.prod-gallery .grid-gallery{display:flex; flex-wrap: wrap; gap: 2%;}
.prod-gallery .grid-gallery .g-item{margin-bottom:2%; height:580px; width:66%; /*border: 1px solid #ddd;*/}
.prod-gallery .grid-gallery .g-item:nth-child(4n+2){width:32%; /*border: 1px solid #f00;*/}
.prod-gallery .grid-gallery .g-item:nth-child(4n+3){width:32%; /*border: 1px solid #00f;*/}
.prod-gallery .grid-gallery .g-item img{width:100%; height:100%; object-fit:cover}
.wall-gallery .photo-wall{display:flex; flex-wrap: wrap; gap: 2%;}
.wall-gallery .photo-wall img{height:360px; width:auto;}
.wall-gallery .photo-wall .w-item{margin-bottom:30px}


@media(max-width:1199px){
.prod-gallery .grid-gallery .g-item{height:400px;}
.wall-gallery .photo-wall img{height:280px; width:auto;}
}
@media(max-width:991px){
.prod-gallery .grid-gallery .g-item{height:320px;}
}
@media(max-width:767px){
.prod-view .prod-tech-specs ul{font-size: 1.1rem; padding:20px 0;}
.prod-view .prod-tech-specs ul li *{width:50%;}
.prod-gallery .grid-gallery .g-item{width:100%; height:auto;}
.prod-gallery .grid-gallery .g-item:nth-child(4n+2){width:100%;}
.prod-gallery .grid-gallery .g-item:nth-child(4n+3){width:100%;}

.wall-gallery .photo-wall img{height:auto; width:100%;}
}

/*Page
-----------------------------------------------*/

/*page view*/
.page-view{padding: 0 0 80px 0}
.rich-text{font-size:1.2rem; line-height:2;}
.rich-text img{max-width:100%;}


/*offcanvas*/
.offcanvas{background:#f3f3f3}
.offcanvas.offcanvas-end{width:55%}
.offcanvas-body{padding:0 60px; text-align:left!important}
.offcanvas-body .h4{font-weight:400}
.offcanvas-body .form-select,
.offcanvas-body .form-control{border:0; border-radius:0; padding:0.7rem 1.5rem}
.offcanvas-body #divResultMsg p{color:#000}
@media(max-width:991px){
.offcanvas.offcanvas-end{width:95%}
.offcanvas-body{padding:0 30px;}
}

/*Footer
-----------------------------------------------*/
footer{min-height:320px; width:100%; line-height:1.7em; color:#fff; background:#13161c}
footer .top{padding:70px 0 0 0;}
footer .top ul{list-style:none; padding:0; margin:0 0 40px 0;}
footer .top ul li{position:relative; padding:7px 0;}
footer .top .social{margin:20px 0;}
footer .top .social li{display:inline-block; padding:0 10px 0 0}


footer strong{font-size:1em}
footer a{text-decoration:none; color:#fff; text-decoration:underline}
footer a:hover{color:#904800;}
footer small{font-size:0.7em;}


@media(max-width:767px){
footer {text-align:center;}
footer .top .col-link{margin-top:30px;}
}


#msgReg{
    display:none;
    padding:20px;
    margin-top:20px;
    text-align:center;
    font-style:italic;
    border-top:2px solid #fff;
}