@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,700,900);
@import url(https://fonts.googleapis.com/css?family=Marck+Script);
@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css);

@font-face {
    font-family: 'james_fajardoregular';
    src: url('font/james_fajardo-webfont.eot');
    src: url('font/james_fajardo-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/james_fajardo-webfont.woff2') format('woff2'),
         url('font/james_fajardo-webfont.woff') format('woff'),
         url('font/james_fajardo-webfont.ttf') format('truetype'),
         url('font/james_fajardo-webfont.svg#james_fajardoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

a:focus,a:active{text-decoration: none;}

body{font-family: 'Roboto', sans-serif; font-size: 18px;color: #000}
p{font-weight: 300;line-height: 30px;color: #454344}
ul{padding-left: 0px;list-style-type: none;}

h1,h2,h3,h4,h5,h6{margin: 0px; margin-bottom: 20px;}

.bg-red   {background-color: #be070e;}
.bg-brown {background-color: #59493f;}
.bg-grey  {background-color: #aca196;}
.bg-light {background-color: #ece6df;}
.bg-white {background-color: #FFF;}

.red   {color: #be070e;}
.brown {color: #59493f;}
.grey  {color: #aca196;}
.light {color: #ece6df;}
.white {color: #FFF;}

.margin-bottom-10{margin-bottom: 10px;}
.margin-bottom-20{margin-bottom: 20px;}
.margin-bottom-30{margin-bottom: 30px;}
.margin-bottom-40{margin-bottom: 40px;}
.margin-bottom-50{margin-bottom: 50px;}
.margin-bottom-60{margin-bottom: 60px;}

.border-white{border: 5px solid #fff;}
.border-grey{border: 5px solid #aca196;}

.align-center{text-align: center;}

.divider{width: 100%;height: 50px;position: relative;}
.corsivo{font-family: 'james_fajardoregular', cursive; font-size: 45px;}
.title.corsivo{font-size: 90px;line-height: 0.6}

.btn-circle {border-radius: 25px !important;}
.btn-circle-large {border-radius: 43px !important;}
.btn-icon-only {text-align: center;padding-left: 0;padding-right: 0;}
.btn-icon-only > [class^="icon-"],.btn-icon-only > i {text-align: center;margin-top: 2px;}


/* title section */ 
.title-section{background-color: #aca196;text-align: center;color: #fff;padding: 10px 0px;font-size: 18px;padding-bottom: 50px;position: relative;}
.title-section button{position: absolute;width: 86px;height: 86px;bottom: -41px;z-index: 8;border-color: #fff;border-width: 2px;margin: 0 auto;margin-left: -43px;}
.title-section button i{font-size: 45px; margin-left: 2px; margin-top: 10px;}
.title-section button:hover {color: #fff;}
.title-section button.focus {color: #fff !important;}

/* text section */
.text-section{padding: 80px 0 60px 0; text-align: justify;}
.text-section li, .text-section li i[class^="fa"]{font-weight: 300;line-height: 30px;color: #454344}
.text-section .img-text-r{float: right; margin: 10px 0 10px 10px;}
.text-section .img-text-l{float: left; margin: 10px 10px 10px 0px;}
.text-section h3{margin-top: 15px;}

/* tipologie section */
.tipologie-section{text-align: center;padding-top: 65px;padding-bottom: 50px;}
.tipologie-section h3{font-size: 40px;}
.tipologie-section p{font-size: 24px;}

/* base section */
.base-section{text-align: center;padding-top: 65px;padding-bottom: 50px;}
.base-section h3{font-size: 40px;}
.base-section p{font-size: 24px;}

/* submenu section */
.submenu-section{text-align: center;padding-top: 50px;padding-bottom: 50px;}
.submenu-section h3{font-size: 40px;}
.submenu-section ul{list-style-type: none;font-size: 24px; font-weight: 300}
.submenu-section ul li {padding: 10px 0;}
.submenu-section ul li:hover {background-color: #aca196;}
.submenu-section ul li.active {background-color: #aca196}
.submenu-section ul li a{color: #454344;}
.submenu-section ul li a:hover{text-decoration: none;}

/* img section */
.img-section{overflow: hidden;text-align: center;}
.img-section img{width: 100%}
.img-section #map{width: 100%;height: 350px;}

/* preventivo section */
.preventivo-section{background: url("../_img/background.jpg") no-repeat scroll center center #020100;padding: 80px 0;}
.preventivo{padding-top: 50px; padding-bottom: 20px;text-align: center;}
.preventivo .title{font-size: 40px;}
.preventivo .form{text-align: left;}
.preventivo .info{font-size: 12px;padding: 5px 0px;}

.diagonal-pattern{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAEklEQVQImWNwdXb5z4AOSBMEAO++By3NtLaqAAAAAElFTkSuQmCC) repeat; opacity: 1; position: absolute;left: 0;top: 0; width: 100%;height: 100%;-webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease;}
#carouselTipologie .item{text-align: center;}
#carouselTipologie .caption{padding: 10px 25px;font-size: 18px;background-color: rgba(0,0,0,0.5);width: 100%;position: absolute;bottom: -82px;color:#fff;height: 123px;-webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease;}
#carouselTipologie .item:hover .caption{bottom:0px;}
#carouselTipologie .item:hover .diagonal-pattern{opacity: 0;}

#carouselGallery .item{text-align: center;}

/* SLIDER */
#carouselSlider .item{text-align: center;}

#carouselSlider .caption{width: 100%;position: absolute;bottom: 0px;color:#fff;}
#carouselSlider .caption .title{padding: 15px;font-size: 40px;background-color: rgba(0,0,0,0.2);}
#carouselSlider .caption .link{height: 45px;background-color: rgba(0,0,0,0.4);}
#carouselSlider .caption .subtitle{padding: 10px;font-size: 22px;background-color: rgba(0,0,0,0.6);}
#carouselSlider .caption button{position: absolute;width: 50px;height: 50px;bottom: 55px;z-index: 100;border-color: #be070e;border-width: 2px;margin: 0 auto;margin-left: -25px;}
#carouselSlider .caption button i{font-size: 25px; margin-left: 5px;}

.owl-carousel{z-index:98}

/* parallax */
.parallax{padding: 103.5px 0; background: transparent;width:100%;min-height:300px;position:relative;background-attachment: fixed;background-clip: border-box;background-color: rgba(0, 0, 0, 0);background-image: url("../_img/parallaxHome.jpg");background-origin: padding-box;background-position: center center; background-repeat: no-repeat; background-size: cover;-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;}
.parallaxMap{padding: 75px 0; background: transparent;width:100%;min-height:200px;position:relative;background-attachment: fixed;background-clip: border-box;background-color: rgba(0, 0, 0, 0);background-image: url("../_img/parallaxMap.png");background-origin: padding-box;background-position: center center; background-repeat: no-repeat; background-size: cover;-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;}
.parallaxMap .desc{text-align: center; font-size: 20px;font-style: italic}

#map{width: 100%;height: 600px;}
#mapRealizzazioni{width: 100%;height: 600px;}

/* FOOTER */
footer{text-align: center;background-color: #59493F;color: #FFF; font-size: 12px;width: 100%; position: relative;}
footer a{color: #FFF; text-decoration: underline;}
footer a:hover{color: #FFF;text-decoration: underline}
#footer-up{margin-top: 30px;}
#footer-down{padding: 3px;background-color: #aca196;color: #59493F;}

/* MENU */
nav {position:relative;width:100%;z-index:9;}
#menu_principale.f-header{border:0px none;left:0px;position:fixed;top:30px;width:100%;z-index:99;}

#logo{position:absolute;z-index:11;bottom:0px;width:auto;}
#logo img{width:100%;max-width:100%;height:auto;}

#apri_menu{}
#menu_small i{font-size: 25px;}
#menu_small a{padding: 5px;}
#menu_small .btn{box-shadow: none;}
#menu_small a:hover{text-decoration: none;}
#menu_principale{box-shadow: 3px 24px 23px -25px rgba(102, 102, 102, 1);}

#menu_princ {margin:0px;padding-left:20px;}
#menu_princ li {display:inline-block;position:relative;z-index:100;vertical-align:middle;border-left: 1px solid #aca196;margin: 0px; padding: 0px;}
#menu_princ li:first-child {border-left: 0px;}
#menu_princ .active a{border-bottom: 5px solid #aca196;}
#menu_princ li a {margin: 0;margin-right: -5px;display: block;color:#FFFFFF;text-transform:uppercase;font-weight:400;font-size:14px;line-height:14px; padding: 17px 20px 12px 20px; border-bottom: 5px solid #59493f; text-decoration: none;-webkit-transition: all 0.2s ease-in-out 0s;-moz-transition: all 0.2s ease-in-out 0s;-o-transition: all 0.2s ease-in-out 0s;-ms-transition: all 0.2s ease-in-out 0s;transition: all 0.2s ease-in-out 0s;}
#menu_princ li a:hover, #menu_princ li:hover > a {border-bottom: 5px solid #aca196;}
/* nascondo sub-menu */
#menu_princ ul {
	opacity:0;visibility:hidden;position: fixed;background-color: #E2001A;z-index: 1;font-size:14px;top:91px;bottom:0px;left:0px;width:100%;height:40px;padding:15px 20px 0px;text-align:center;
	-moz-transition:opacity 0.2s 0.1s ease-out, visibility 0.1s 0.1s linear; 
	-webkit-transition:opacity 0.3s ease-out, visibility 0.1s 0.1s linear;
	-o-transition:opacity 0.3s ease-out, visibility 0.1s 0.1s linear;
	transition:opacity 0.3s ease-out, visibility 0.1s 0.1s linear;
}

#menu_top{color: #454344;font-size: 11px;margin-top: 25px;}
#menu_top .btn{border-radius: 0px;width: 45px;height: 45px;margin: 0px;}
#menu_top .btn i{font-size: 22px;margin-left: 2px; margin-top: 5px;}


.video{text-align: center;overflow:hidden; padding-bottom:56.25%; position:relative;height:0;}
.video iframe{left:0;top:0;height:100%;width:100%;position:absolute;}

.box-lavorazione{padding: 50px 0px;font-weight: 300;line-height: 30px;color: #454344}
.box-lavorazione h2 {text-align: left;}

.leggi-tutto{float: right; text-decoration: underline;font-style: italic;font-weight: bold;font-size: 12px;}


/* SIDR */

.sidr{font-family: 'Roboto', sans-serif; font-size: 16px;color: #000}

.sidr ul li:hover > a, .sidr ul li:hover > span, .sidr ul li.active > a, .sidr ul li.active > span, .sidr ul li.sidr-class-active > a, .sidr ul li.sidr-class-active > span{
    background-color:rgba(89, 73, 63, 0.9);
    box-shadow: none;
    color: #ece6df;
}

#infowMap{width: 500px;}
#infowMap .infowImg{padding-left: 0px;}
#infowMap .infowDesc{padding:6px;}
#infowMap .infowDesc h3{margin-bottom:10px;}
#infowMap .infowDesc a{padding: 9px;margin-bottom: 3px;}
#infowMap .infowDesc a:hover{color:#fff}

@media (max-width:1200px){
    .parallax{background-attachment: scroll;background-position: center center;}
    .parallaxMap{background-attachment: scroll;background-position: center center;}
}

@media (max-width:992px){
    #menu_top{margin-top: 0px;}
    #menu_top-right{margin-top: 40px;}
    #carouselSlider img{height: 300px;width: auto;}
    #carouselSlider .caption button{bottom:12px;}
}

@media (max-width:768px){
    #logo2{text-align: center;}
    #logo2 img{height: 100px;}
}

@media (max-width:480px){
    #infowMap{width: 450px;}
    .box-lavorazione.bg-white img, .box-lavorazione .col-md-3 img{margin-bottom: 15px;}
}

@media (max-height:700px){
    #mapRealizzazioni{height: 400px;}
}

@media (max-height:600px){
    #mapRealizzazioni{height: 300px;}
}