@charset "UTF-8";

    #wpadminbar{position: fixed!important;}
body{
font-family: 'Lato', sans-serif; position: relative;
}
.container{max-width: 1140px;}
a{color: inherit; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
a:hover{text-decoration: none;}
img{height: auto;}
.loader {
display: block;
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 9999;
text-align: center;
color: #999;
} */
.enter{opacity: 0;} .admin-bar header{margin-top: 32px;}
header{background: #fff; z-index: 100; position: fixed; top: 0; right: 0; width: 100%; -webkit-transition: all 0.4s; transition: all 0.4s; -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3); overflow: hidden;}
header.menu-active{right: 250px;} nav .logo{height: 70px; float: left; padding: 10px 0;}
nav .logo img{height: 100%;} .menu_desktop{ float: right; height: 100%; margin-right: 20px;}
.main_menu{list-style: none; margin: 0; padding: 0; text-align: right; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.main_menu > li{position: relative; display: inline-block; padding: 0 20px; line-height: 70px; font-size: 14px;}
.main_menu > li:before{content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 110%; z-index: -1; -webkit-transform: skewX(-10deg); transform: skewX(-10deg);}
.main_menu > li > a{height: 100%; width: 100%; display: block; color: #333;}
.main_menu > li > a:hover{color: #f90001;}
.main_menu > li.active > a{color: #fff;}
.main_menu > li.active:before{content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 110%; background: rgba(255, 0, 0, 1); z-index: -1; -webkit-transform: skewX(-10deg); transform: skewX(-10deg); border: none;}  .main_menu .menu-item-has-children{position: relative;}
.main_menu .menu-item-has-children li{text-align: left; line-height: 60px;} .main_menu > .menu-item-has-children:after{font-family: 'fontello'; content: '\f107'; position: absolute; right: 0; top: 0;}
.main_menu > .menu-item-has-children ul{position: absolute; list-style: none; margin: 0; padding: 0; background-color: #f90001; left: 0; visibility: hidden; opacity: 0; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2); top: 150%; z-index: 999;}
.main_menu .menu-item-has-children ul li{position: relative; border-bottom: 1px solid #f8f8f8; white-space: nowrap;}
.main_menu .menu-item-has-children ul li:last-child{border-bottom: none;}
.main_menu .menu-item-has-children ul li a{padding: 10px 50px 10px 10px; color: #333;} .main_menu .menu-item-has-children:hover > .sub-menu{visibility: visible; opacity: 1; top: 100%; }        .contact_menu{float: right; height: 100%; padding: 12px 0; display: table; }
.contact_menu p{margin: 0; padding: 0 0 0 15px; font-size: 14px;}
.contact_menu .contact_menu_cell{display: table-cell; vertical-align: middle; border-left: 1px solid #989898;}
.contact_menu p a i{font-size: 18px;}
.contact_menu p a:hover{color: inherit;}
.contact_menu p a:hover i{color: #ff0000;}
.contact_menu span{height: 100%; border-left: 1px solid #989898;} .slide_menu{ position: fixed; width: 250px; right: -100px; padding: 0; height: 100%; background: #e61c1c; -webkit-transition: all 0.4s; transition: all 0.4s; overflow: auto; }
.slide_menu.menu-active{right: -0px; -webkit-transition: all 0.4s; transition: all 0.4s;}
.scrollable{height: 100%; overflow-y: scroll; padding-bottom: 100px;}
.nav_header{ width: 100%; position: relative; text-align: center; background: #fff;}
.nav_header img{display: inline-block; margin-bottom: 20px; margin-top: 20px; width: 70%;}
.nav_header:after{content: ''; width: 30px; height: 30px; background: #fff; position: absolute; -webkit-transform: rotate(45deg); transform: rotate(45deg); bottom: -15px; left: 0; right: 0; margin: auto; z-index: -1;} .slide_menu li a{padding-left: 25px;}
.mobile_menu a:visited{color: #fff;}
.mobile_menu a:focus{color: #fff; outline: none;}
.mobile_menu a{color: #fff; display: inline-block; height: 40px; width: 100%;}
.mobile_menu{list-style: none; padding: 0; width: 100%; margin-top: 20px; margin-bottom: 0;}
.mobile_menu li{position: relative; width: 100%; text-align: left; line-height: 40px; font-size: 14px; text-transform: uppercase; border-bottom: 1px solid #9a1010;}
.mobile_menu li ul{list-style: none; background-color: #d24040; border-top: 3px inset #d24040; padding: 0;}
.mobile_menu li ul li a{padding-left: 40px;}
.mobile_menu>li.menu-item-has-children ul{display: none;}
.mobile_menu>li.menu-item-has-children:after{ font-family: 'fontello'; content:'\f107'; color: #fff; position: absolute; right: 10%; top: 0; font-size: 18px; }
.mobile_menu>.open.menu-item-has-children:after{ content: '\f106';} .wrap_toggle{position: relative; float: right; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; height: 100%; width: 40px;}
#toggle {display: block; width: 28px; height: 27px;}
#toggle span{position: relative; display: block; margin-top: 12px;}
#toggle span:after,
#toggle span:before {content: ""; position: absolute; left: 0; top: -9px;}
#toggle span:after{top: 9px;}
#toggle span,
#toggle span:after,
#toggle span:before {width: 100%; height: 3px; background-color: #f90001; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; border-radius: 2px;} #toggle.on span{background-color: #f90001; -webkit-transition: all 0.4s;transition: all 0.4s;}
#toggle.on span:before{-webkit-transform: translate(5px, 0px);transform: translate(5px, 0px);}
#toggle.on span:after{-webkit-transform: translate(7px, 0px);transform: translate(7px, 0px);}
#toggle.on span{-webkit-transform: translate(-11px, 0px);transform: translate(-11px, 0px);} .slide_content{right: 0px; position: relative; background-color: #fff; -webkit-transition: all 0.4s; transition: all 0.4s; overflow-x: hidden; z-index: 0;}
.slide_content.menu-active{right: 250px; -webkit-box-shadow: 3px 0px 6px 2px rgba(0, 0, 0, 0.5); box-shadow: 3px 0px 6px 2px rgba(0, 0, 0, 0.5); overflow: hidden; -webkit-transition: all 0.4s; transition: all 0.4s;}
.swipe_area{position: absolute; right: 0; top:0; height: 100%; z-index: 100; width: 30px;}
.slide_content.menu-active .swipe_area{width: 25%;} .seo_title{position: absolute; top: -1000px;} .hero .carousel{position: relative; height: 560px; margin-top: 70px;}
.hero .carousel .carousel-inner{position: absolute; height: 100%; z-index: 2; }
.hero .carousel .carousel-inner .carousel-item{height: 100%; overflow: hidden;} .hero .carousel .carousel-control-prev, .carousel .carousel-control-next{z-index: 10;}
.hero .carousel .filter{position: absolute; height: 100%; width: 100%;}
.hero .carousel .carousel-caption{text-shadow: 0px 0px 10px #000;}
.hero .carousel .carousel-caption p{font-size: 18px;}
.hero .carousel .carousel-caption h3{font-size: 40px;}
.hero .carousel .carousel-control-prev span, .hero .carousel .carousel-control-next span{padding: 8px 15px; background: none; font-size: 30px; } .focus i{font-size: 30px; display: inline-block;}
.focus h2{font-size: 28px; line-height: 34px;} .line .row{position: relative; height: 178px;}
.line .grow{border-right: 2px solid #f90001; height: 100%;}
.line .grow > div{text-align: right; overflow: hidden;}
.line .grow h3{display: inline-block; right: 0; top: 0; font-size: 30px; color: #333; padding-bottom: 20px; padding-right: 15px; max-width: 400px;}
.line .light{height: 100%;}
.line .light > div{max-width: 400px; padding-left: 15px; padding-top: 15px; padding-bottom: 10px;  overflow: hidden;}
.line .light p{font-size: 14px; color: #5c5c5c; margin-bottom: 0;} .parallax{position: relative; height: 600px; display: table; width: 100%; z-index: 0;}
.parallax .parallax_caption{position: relative; display: table-cell; vertical-align: middle; z-index: 27;}
.parallax .parallax_caption h3{font-size: 40px;}
.parallax .parallax_caption .parallax_caption_content{max-width: 400px; margin: 0 auto; color: #fff; }
.parallax .fill-color{position: absolute; height: 100%; width: 100%; background: #333; opacity: 0.4; z-index: 25;} .mex h4{font-size: 22px;} .mezzo{position: relative; height: 400px; z-index: 0;}
.mezzo h3{font-size: 40px;}
.mezzo .img_mezzo{width: 50%; height: 100%; position: absolute; right: 0; top:0;} .vertical_slide_wrap{position: relative;  padding: 0;}
.vertical_slide_wrap .control_wrapper{position: absolute; bottom: 0; left: 0; width: 100%; height: 75px; border-top: 1px solid rgba(228, 228, 228, 0.75); background: rgba(51, 51, 51, 0.55); text-align: right;}
.vertical_slide_wrap .carousel-item, .vertical_slide_wrap .carousel-inner, .vertical_slide_wrap .carousel{height: 100%;}
.vertical_slide_wrap .carousel-item{padding-top: 56.25%;}
.vertical_slide_wrap .work_link{color: #fff; font-size: 18px; position: absolute; bottom: 12px; z-index: 10; left: 5%; display: none;}
.vertical_slide_wrap .work_link:hover{color: #eee;}
.vertical_slide_wrap .carousel-control-prev{margin-right: -4px;} .vertical_slide_wrap .carousel-control-prev, .vertical_slide_wrap .carousel-control-next { background: rgba(51, 51, 51, 0); padding-top: 25px; position: relative; opacity: 1; filter: alpha(opacity=100); font-size: 20px; right: auto; left: auto; top: auto; bottom: auto; width: 75px; display: inline-block; height: 100%; border-left: 1px solid rgba(228, 228, 228, 0.75); }
.vertical_slide_wrap .carousel-control-prev:hover, .vertical_slide_wrap .carousel-control-next:hover{
background: rgba(51, 51, 51, 0.75);}
.work_inner{padding: 0;}
.work_inner .work_content{max-width: 550px; z-index: 10; padding: 15px;}
.work_inner .work_content h3{color: #f8f8f8; font-size: 40px;}
.work_inner .work_content p{color: #eaeaea; font-size: 16px;}
.work_inner .work_content .btn_square{border-color: #dcdcdc; color: #f8f8f8;}
.work_inner .work_content .btn_square:hover{background: #f8f8f8; color: #333;}
.work_inner .work_content a.btn_square{font-size: 14px;} #carousel-vertical .carousel-item-next.carousel-item-left,
#carousel-vertical .carousel-item-prev.carousel-item-right {
-webkit-transform: translateY(0);
transform: translateY(0);
}
@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {
#carousel-vertical .carousel-item-next.carousel-item-left,
#carousel-vertical .carousel-item-prev.carousel-item-right {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
#carousel-vertical .carousel-item-next,
#carousel-vertical .active.carousel-item-right {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {
#carousel-vertical .carousel-item-next,
#carousel-vertical .active.carousel-item-right {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
#carousel-vertical .carousel-item-prev,
#carousel-vertical .active.carousel-item-left {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {
#carousel-vertical .carousel-item-prev,
#carousel-vertical .active.carousel-item-left {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
} .call{background: #ffc107; padding: 30px 0;}
.call h5{padding: 10px 0; margin: 0; text-align: center;}
.call .btn_square{margin: 0;} .owl-carousel{position: relative;}
.owl-carousel .box_16-9{padding-top: 56.25%; overflow: hidden;} .owl-carousel .owl-nav{position: absolute; top: calc(50% - 10px); -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 100%; height: 0px; opacity: 0; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;} .owl-carousel:hover .owl-nav{opacity: 1} .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next{position: absolute; background: rgba(255, 0, 0, 0.6); font-size: 20px; padding: 8px 15px!important; color: #fff; outline: none; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);} .owl-carousel .owl-nav button.owl-prev.disabled, .owl-carousel .owl-nav button.owl-next.disabled{display: none;} .owl-carousel .owl-nav .owl-prev{left: 0px;}
.owl-carousel .owl-nav .owl-next{right: 0px;} .owl-carousel .owl-nav button.owl-prev:hover, .owl-carousel .owl-nav button.owl-next:hover{background: rgba(255, 0, 0, 0.8);}
.owl-carousel .owl-dots{text-align: center;}
.owl-carousel button.owl-dot {background: rgba(51, 51, 51, 0.2); color: inherit; border: none; padding: 0 !important; font: inherit; width: 10px; height: 10px; border-radius: 100%; margin: 5px; outline: none; }
.owl-carousel button.owl-dot.active{background: rgba(51, 51, 51, 0.6);}
.owl-carousel .owl-caption{position: absolute; bottom: -100%; background-color: rgba(51, 51, 51, 0.85); padding: 10px; width: 100%; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out;}
.owl-carousel .owl-caption h5{color: #47afe2;}
.owl-carousel .owl-caption div{color: #fff; font-size: 13px;}
.owl-carousel .box_16-9:hover .owl-caption{bottom: 0%;} footer{background: #383737; min-height: 440px; color: #777; font-size: 14px;}
footer .banda{background: #333; height: 20px;}
footer .footer_logo{width: 170px;}
footer .footer_logo img{width: 100%;}
footer .contact{color: #777777; font-size: 14px;}
footer .margin{margin-top: 50px; margin-bottom: 50px;}
footer h5{text-align: left; color: #f4f4f4; font-size: 16px; margin: 0;}
footer hr{width: 100%; border-top: 1px solid rgba(255,255,255, 0.68);}
footer .page_list{list-style: none; margin: 0; padding: 0; margin-top: -10px;}
footer .page_list li{line-height: 40px; border-bottom: 1px solid #777;}
footer .page_list li a:before{content: '\e800'; font-family: 'fontello'; line-height: 40px; margin-right: 10px; font-size: 10px; margin-left: 0; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
footer .page_list li a:hover:before{margin-left: 10px; color: #e23636;}
footer .page_list li a:hover{color: #e23636;}
footer .page_list li a{display: block;}
.fix_height{height: 60px;} footer .contact a{color:#989898;}
footer .contact a:hover{color: inherit;}
footer .contact p{line-height: 22px;}
footer .contact h5{font-size: 14px; margin-bottom: 10px;} footer .works .wrap{width: 48%; float: left; position: relative; overflow: hidden;}
footer .works .wrap:nth-child(odd){margin-right: 2%;}
footer .works .img_box{width: 100%; padding-top: 56.25%; position: relative; z-index: auto;}
footer .works .wrap .content_box{position: absolute; bottom: 0px; left: 0px; width: 100%; padding: 10px 15px; min-height: 30%;}
footer .works .content_box h6{color: #f4f4f4; font-size: 14px; text-shadow: 0 0 10px rgba(0, 0, 0, 0.3);}
footer .works .wrap .overlay{position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; background: rgba(226, 54, 54, 0.6);}
footer .works .wrap i{font-size: 30px; color: #fff; display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%) scale(4,4); transform: translate(-50%,-50%) scale(4,4); opacity: 0;} footer .works .wrap:hover .overlay{opacity: 1;}
footer .works .wrap:hover i{-webkit-transform: translate(-50%,-50%) scale(1,1);transform: translate(-50%,-50%) scale(1,1); opacity: 1;}
footer .works .wrap:hover .content_box h6{margin-left: 10px; color: #ffc107;} footer section.credits{min-height: 40px; background: #333;}
footer section.credits a{color: #989898; font-size: 13px; line-height: 20px;}
footer section.credits a:hover{color: #e23636;}
footer section.credits p{margin: 0; font-size: 13px;}
footer section.credits .pad{padding: 10px;}
footer section.credits a.iubenda-nostyle{font-size: 13px; line-height: 20px;} .head.parallax{position: relative; height: 450px; display: table; width: 100%; z-index: 0;}
.page_title{display: block; padding: 18px 30px; font-size: 32px; margin-top: -42px; background: #e61c1c; color: #fff;} .chi_siamo .location i{font-size: 70px;}
.chi_siamo .maps{width: 100%; height: 300px;}
.chi_siamo .blockquote img{width: 100%}
.chi_siamo .blockquote p{font-size: 18px; letter-spacing: 0.5px;}
.chi_siamo .blockquote .blockquote_contact{position: absolute; bottom: 0; left: 0; height: 35px; border-top: 1px solid #dadada; border-bottom: 1px solid #dadada; width: 100%; margin-left: 15px;}
.chi_siamo .blockquote .blockquote_contact a i{margin: 0 3%; font-size: 17px; }
.chi_siamo .blockquote .blockquote_contact a{color: #c5c5c5;}
.chi_siamo .blockquote .blockquote_contact a:hover {color: #f90001;}
.chi_siamo .blockquote .blockquote_content p{position: relative; font-style: italic; font-size: 18px; color: #525252; letter-spacing: 0.5px;}
.chi_siamo .blockquote .blockquote_content h5{font-size: 14px; color: #333;}
.chi_siamo .blockquote .blockquote_content p:after{font-family: 'fontello'; content: '\e809'; font-size: 65px; position: absolute; top: -50px; left: -20px; color: #efefef; z-index: -1;}
.chi_siamo .blockquote .blockquote_content p:before{font-family: 'fontello'; content: '\e80a'; font-size: 65px; position: absolute; bottom: -50px; right: -15px; color: #efefef; z-index: -1;} .contatti .icon_wrap{margin: 50px 0;}
.contatti .icon_wrap .icon_box i{font-size: 32px; padding: 0; margin: 0; color: #fff;}
.contatti .icon_wrap .icon_box{background: #333; border-radius: 100%; padding: 15px; display: inline-block; margin-bottom: 0px;} .contatti .icon_wrap .icon_content:hover .icon_box{-webkit-transform: rotate(720deg) scale(1.2,1.2);transform: rotate(720deg) scale(1.2,1.2);}
.contatti .icon_wrap .icon_content p{color: #545454; font-size: 15px;}
.contatti .icon_wrap .icon_content p a:hover{color: #f90001;}
.contatti .icon_wrap .trat{display: block; margin: 20px auto;}
.form .fill-color{z-index: 0;}
.form h4{color: #eee;}
.parallax.form{height: auto; padding: 80px 0;}
.form_contatti {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
.form_contatti form .dati{width: 48%; margin: 2% 1.5% 0 0; display: inline-block;}
.form_contatti form .dati input{width: 100%; height: 35px; padding: 8px; background: rgba(255, 255, 255, 0.21); border: 1px solid rgba(255, 255, 255, 0.5);}
.form_contatti form .dati textarea{width: 100%; padding: 8px; border: 1px solid rgba(255, 255, 255, 0.5); margin-top: 25px; background: rgba(255, 255, 255, 0.21)}
.form_contatti form .invia{width: 48%; float: right; margin-top: 8%;}
.form_contatti form .invia .acceptance{width: 70%; margin: 0 15%; text-align: center; font-weight: 700;}
.form_contatti form .invia .acceptance a{color: #eee;}
.form_contatti form .invia .acceptance a:hover{color: #ccc;}
.form_contatti form .invia .btn_invia{width: 70%; margin: 0 15%; text-align: center; margin-top: 30px;}
.form_contatti form .invia .btn_invia input{background: transparent; border: 2px solid #eee; padding: 8px 35px; color: #eee; cursor: pointer; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
.form_contatti form .invia .btn_invia input:hover{background: #eee; color: #333; border-color: #ddd}
form input:focus{outline: none;}
form textarea:focus{outline: none;}
.form_contatti ::-webkit-input-placeholder { color: #eee;
}
.form_contatti ::-moz-placeholder { color: #eee;
}
.form_contatti :-ms-input-placeholder { color: #eee;
}
.form_contatti :-moz-placeholder { color: #eee;
}      .blog .evidence{background: #f8f8f8; margin: 0 0px; border: 1px solid #e2e2e2;}
.blog .evidence .competence ul{list-style: none; margin: 0; padding: 0;}
.blog .evidence .competence ul li i{margin-right: 8px; color: #ff0000;}
.blog .evidence .competence.carp{background: #f8f8f8; padding: 15px;}
.blog .evidence .competence.imp{background-color: #eee; padding: 15px;}
.blog .evidence .compentence .carpenteria{padding: 15px;}
.blog .item_img_wrap{position: relative; padding-top: 56.25%; width: 100%; overflow: hidden;}
.blog .item_img_wrap .img_box{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.blog .item_content_box h3{font-size: 18px;}
.blog hr{margin-top: 5px; margin-bottom: 10px;}
.blog .field_data{font-size: 14px; color: #404040;}
.blog .field_data i{color: #ff0000;}
.blog .date{float: left; width: 50%;}
.blog .pos{float: left; width: 50%;}
.blog .item_content_box p{color: #252525;}
.blog .link{}
.blog .link .btn_square{margin: 0;}
.blog .link a{font-size: 14px; padding: 4px 22px;} .single_work .img_single{padding-top: 56.25%;}
.single_work .all_works a i:before{-webkit-transform: rotate(180deg);transform: rotate(180deg); margin-right: 8px;}
.single_work .next_post, .single_work .prev_post{display: inline-block; width: calc(50% - 4px); margin-bottom: 20px; font-size: 18px;}
.single_work .next_post a, .single_work .prev_post a{color: #ff0000;}
.single_work .next_post a:hover, .single_work .prev_post a:hover{color: ff0000;;}
.single_work .next_post a:before{content: '\e801'; font-family: 'fontello'; margin-right: 8px;}
.single_work .prev_post a:after{content: '\e800'; font-family: 'fontello'; margin-left: 8px;} .error{min-height: 300px; margin: 100px 0;} div.wpcf7-mail-sent-ok {
border: 2px solid #398f14;
background: rgba(40, 167, 69, 0.5);
color: #f8f8f8;}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
border: 2px solid #f7e700;
background: rgba(247, 231, 0, 0.6);
}
span.wpcf7-not-valid-tip {
color: #f00;
font-size: 1em;
font-weight: normal;
display: block;
padding: 10px;
background: rgba(255, 0, 0, 0.6);
color: #f8f8f8;
border: 2px solid #ff0000;
margin-top: 5px;
}  .shadowFX{-webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out; -webkit-box-shadow: 0 1px 2px 0.04px rgba(1,2,2,.08); box-shadow: 0 1px 2px 0.04px rgba(1,2,2,.08); -webkit-transform: translateY(0); transform: translateY(0);}
.shadowFX:hover{-webkit-box-shadow: 0 10px 35px 5px rgba(0,0,0,0.4);box-shadow: 0 10px 35px 5px rgba(0,0,0,0.4); -webkit-transform: translateY(-8px); transform: translateY(-8px);} .animate{-webkit-transition: all 0.35s ease;-webkit-transition: all 0.35s ease-in-out;transition: all 0.35s ease-in-out;}
.animateBlog{-webkit-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in;} .fill-color{position: absolute; top: 0; left: 0;height: 100%; width: 100%; background: #333; opacity: 0.5;} .btn_square{display: inline-block; border: 2px solid #f90001; padding: 8px 35px; color: #f90001; margin: 8px 0 25px 0;}
.btn_square:hover{background: #f90001; color: #fff;} .toTop{height: 50px; width: 50px; background: rgba(213, 88, 88, 0.7); position: fixed; bottom: 0; right: 3%; text-align: center; cursor: pointer; display: none; z-index: 100;}
.toTop i{line-height: 50px; color: #fff;}
.toTop:hover{background: rgba(213, 88, 88, 0.9); }
.toTop:hover i{color: #333;} .trat{position: relative; margin: 8px 0 15px 0; display: inline-block; width: 40px; height: 2px; background: #f90001;} #overlay2 {position: fixed; top: 0!important; left: 0; height: 100%; width: 100%; background: black url(//www.firetechnology.eu/wp-content/uploads/2018/06/spinner.gif) no-repeat scroll center center; z-index: 9000;}
#lightbox {position: fixed; margin: auto; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 42%; z-index: 9999;}
#lightbox img{width: 100%;}
#btn_close{position: absolute;right: 0; top: -38px; color: #fff; font-size: 26px; cursor: pointer;} .animated12{
-webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out;
-webkit-animation-duration: 1.2s ;
animation-duration: 1.2s ;
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
opacity: 0;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.animated09{
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
-webkit-animation-duration: 0.9s ;
animation-duration: 0.9s ;
opacity: 0;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.animated06{
-webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out;
-webkit-animation-duration: 0.6s ;
animation-duration: 0.6s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
} .fadeDown{
-webkit-animation-name: fadeDown;
animation-name: fadeDown;
}
@-webkit-keyframes fadeDown{
from{
opacity: 0;
-webkit-transform: translateY(-50px);
transform: translateY(-50px);
}
80%{
opacity: 0.7;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100%{
opacity: 1;
}
}
@keyframes fadeDown{
from{
opacity: 0;
-webkit-transform: translateY(-50px);
transform: translateY(-50px);
}
to{
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
} .fadeUp{
-webkit-animation-name: fadeUp;
animation-name: fadeUp;
}
@keyframes fadeUp{
from{
opacity: 0;
-webkit-transform: translateY(50px);
transform: translateY(50px);
}
80%{
opacity: 0.8;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100%{
opacity: 1;
}
}
@-webkit-keyframes fadeUp{
from{
opacity: 0;
-webkit-transform: translateY(50px);
transform: translateY(50px);
}
80%{
opacity: 0.8;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100%{
opacity: 1;
}
} .moveUp{
-webkit-animation-name: moveUp;
animation-name: moveUp;
}
@keyframes moveUp{
from{
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
100%{
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@-webkit-keyframes moveUp{
from{
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
100%{
-webkit-transform: translateY(0);
transform: translateY(0);
}
} .fadeRight{
-webkit-animation-name: fadeRight;
animation-name: fadeRight;
}
@-webkit-keyframes fadeRight{
from{
opacity: 0;
-webkit-transform: translateX(-100px);
transform: translateX(-100px);
}
80%{
opacity: 0.8;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100%{
opacity: 1;
}
}
@keyframes fadeRight{
from{
opacity: 0;
-webkit-transform: translateX(-100px);
transform: translateX(-100px);
}
80%{
opacity: 0.8;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100%{
opacity: 1;
}
} .fadeLeft{
-webkit-animation-name: fadeLeft;
animation-name: fadeLeft;
}
@-webkit-keyframes fadeLeft{
from{
opacity: 0;
-webkit-transform: translateX(100px);
transform: translateX(100px);
}
80%{
opacity: 0.8;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100%{
opacity: 1;
}
}
@keyframes fadeLeft{
from{
opacity: 0;
-webkit-transform: translateX(100px);
transform: translateX(100px);
}
80%{
opacity: 0.8;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100%{
opacity: 1;
}
}
.fdeIn{
opacity: 0;
}
.fadeIn{
animation-name: fadeIn;
-webkit-animation-name: fadeIn;
}
@-webkit-keyframes fadeIn{
from{
opacity: 0;
}
to{
opacity: 1;
}
}
@keyframes fadeIn{
from{
opacity: 0;
}
to{
opacity: 1;
}
}  .iubenda-cs-content{
display:block;
margin:0 auto;
padding: 20px;
width:auto;
font-family: Helvetica,Arial,FreeSans,sans-serif;
font-size: 14px;
background: rgba(73, 104, 119, 0.8);
color: #fff;
}
.iubenda-banner-content{
}
.iubenda-cs-rationale{
max-width: 900px; position:relative; margin: 0 auto;
} .iubenda-banner-content > p {
font-family: Helvetica,Arial,FreeSans,sans-serif;
line-height: 1.5;
color: #fff;
} .iubenda-cs-close-btn{
margin:0;
color: #fff;
text-decoration:none;
font-size:14px;
position: absolute;
top: 0;
right: 0;
border: none;
} .iubenda-cs-cookie-policy-lnk{
text-decoration: underline;
color: #fff;
font-size: 14px;
font-weight: 900;
} #iubenda-cs-banner{
bottom: 0px !important;
left: 0px !important;
position: fixed !important;
width: 100% !important;
z-index: 99999998 !important;
background-color: rgba(73, 104, 119, 0.8); } .gallery-caption{
padding: 5px;
}
.bypostauthor{
}
.alignnone {
margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
.alignright {
float:right;
margin: 5px 0 20px 20px;
}
.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
margin: 5px 20px 20px 0;
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
background: #fff;
border: 1px solid #f0f0f0;
max-width: 96%; padding: 5px 3px 10px;
text-align: center;
}
.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px;
} .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important; }
.screen-reader-text:focus {
background-color: #eee;
clip: auto !important;
-webkit-clip-path: none;
clip-path: none;
color: #444;
display: block;
font-size: 1em;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
}@media (max-width: 782px){
.admin-bar header{margin-top: 46px;}
} @media (max-width: 1440px){
} @media (max-width: 1280px){
.head.parallax{height: 400px;}
} @media (max-width: 991px){
nav .logo{height: 60px;}
.chi_siamo .blockquote .blockquote_content p{font-size: 14px;}
.chi_siamo .blockquote .blockquote_content{margin: 30px 0 50px 0;}
.chi_siamo .blockquote .blockquote_contact{position: relative; margin-left: 0;}
.chi_siamo .blockquote .blockquote_content p:before{right: 0;}
.contatti .icon_wrap .icon_content{margin: 0 5%;}
.blog .item_img_wrap{position: relative; padding-top: 0%; height: 100%;}
.blog .item_wrap:hover .img_box{margin-left: 0%;}
.blog .item_wrap .item_content_box{width: 100%; left: -102%; background: rgba(255, 193, 6, 0.9); text-align: center;}
.single_work .date, .single_work .pos{display: inline-block; width: calc(50% - 4px); text-align: center;}
#lightbox{width: 80%;}
} @media (max-width: 767px){
.work_inner {min-height: 500px;}
.chi_siamo .blockquote .blockquote_content p{font-size: 18px;}
.contatti .icon_wrap .icon_content{margin: 0 3%;}
.blog .item_img_wrap{position: relative; padding-top: 56.25%; height: 0%;}
#carousel-vertical h5{font-size: 16px;}
} @media (max-width: 575px){
.hero .carousel{height: 480px;}
.parallax-animation{background-attachment: scroll!important; background-position: center center!important;}
.mezzo{text-align: center;}
.work_inner .work_content{min-width: 100%; text-align: center;}
.line .row{height: auto;} 
footer section.credits .pad{padding-top: 20px; padding-bottom: 0; text-align: center;}
.form_contatti form .dati{width: 100%; margin: 25px 0; display: block;}
.form_contatti{display: block;}
.form_contatti form .invia{width: 100%; float: none; margin-top: 5%;}
.form_contatti form .invia .acceptance{width: 100%; margin: 0;}
.form_contatti form .invia .btn_invia{width: 100%; margin: 15px 0 0 0;}
.contatti .icon_wrap .icon_content{margin: 40px 0%;}
.blog .item_wrap{padding-top: 66.66%;}
.blog .item_wrap:hover .img_box{margin-left: 0%;}
.blog .item_wrap .item_content_box{width: 100%; background: rgba(255, 193, 6, 0.9); text-align: center;}
#carousel-vertical h5{font-size: 14px; }
#carousel-vertical .control_wrapper{height: 55px;}
.vertical_slide_wrap .carousel-control-prev, .vertical_slide_wrap .carousel-control-next{padding-top: 12px;}
.chi_siamo .blockquote{text-align: center;}
.chi_siamo .out_message{text-align: center;}
} @media (max-width: 380px){
.blog .item_wrap{padding-top: 0%; min-height: 300px;}
}