*{margin:0;padding:0;font-family:'Roboto', arial, sans-serif;}
body{overflow-x:hidden;}
ul{list-style:disc;margin:0px;}
p{color:#7a7a7a;font-size:14px;line-height:24px;}
.parallax-content{width:100%;min-height:100vh;background-size:cover;}
.primary-white-button a{display:inline-block;background-color:#fff;font-size:13px;padding:12px 18px;color:#121212;font-weight:500;letter-spacing:1px;text-transform:uppercase;text-decoration:none;border-radius:20px;}
.primary-blue-button a{display:inline-block;background-color:#EF7E18;font-size:13px;padding:12px 18px;color:#fff;font-weight:500;letter-spacing:1px;text-transform:uppercase;text-decoration:none;border-radius:20px;}
.pop-button h4{display:inline-block;background-color:#EF7E18;font-size:13px!important;padding:12px 18px;color:#fff;font-weight:400!important;letter-spacing:1px;text-transform:uppercase;text-decoration:none;border-radius:20px;cursor:pointer;}
.header{position:fixed;top:0;left:0;width:100%;padding:0;z-index:10000;transition:all 0.2s ease-in-out;height:170px;background-color:rgba(55, 55, 55, 0);text-align:center;line-height:40px;}
.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav>li>a{text-shadow:none;}
.navbar-brand{line-height:170px;padding:0px;}
.navbar-nav>li>a{font-family:'Open Sans', arial, sans-serif;color:#fff!important;font-size:15px;font-weight:bold;text-transform:uppercase;text-shadow:none;line-height:normal;padding:0px;letter-spacing:0.5px;}
.navbar-nav>li{margin-left:15px;font-family:'Open Sans', arial, sans-serif;}
.logo{max-width:280px}
.header.active .navbar-nav>li>a{font-family:'Open Sans', arial, sans-serif;font-size:15px;font-weight:bold;letter-spacing:0.5px;text-transform:uppercase;text-shadow:none;color:#121212!important;}
.header.active{background-color:rgba(255, 255, 255, 0.99);-webkit-box-shadow:0 1px 5px rgba(0, 0, 0, 0.25);-moz-box-shadow:0 1px 5px rgba(0, 0, 0, 0.25);box-shadow:0 1px 5px rgba(0, 0, 0, 0.25);}
.navbar-brand{font-family:'Open Sans', sans-serif;font-size:25px;text-transform:uppercase;color:#fff!important;transition:all 0.5s;}
.navbar-brand em{font-style:normal;color:#006600;font-size:32px;}
.header.active .navbar-brand{color:#121212!important;}
.header .navbar-brand{font-weight:800;}
.navbar-inverse{background-image:none;background-color:transparent;}
.header .navbar{margin:0;border:none;font-family:'Open Sans', arial, sans-serif;}
.page-section{padding:80px 0;}
.navbar-inverse .navbar-toggle{margin-top:22px;border-color:#EF7E18;background-color:#EF7E18;}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{background-color:#EF7E18;}
.navbar-toggle{position:relative;float:right;padding:9px 10px;margin-top:15px!important;margin-right:15px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px;font-family:'Open Sans', arial, sans-serif;}
@media (max-width:480px){.page-section h1{font-size:3em;}
.page-section h2{font-size:2em;}
.page-section p{font-size:1em;margin:0 0 20px;}
}
.parallax-content{width:100%;min-height:80vh;background-size:cover;}
.baner-content{width:100%;padding-top:35vh;text-align:center;background-image:url(../img/banner_bg.jpg);vertical-align:middle;}
.baner-basso{width:100%;padding:40px;text-align:center;background-image:url(../img/sfondo_basso.jpg);background-position:50% calc(50% + 0px);vertical-align:middle;}
.baner-content .text-content{text-align:center;}
.baner-content .text-content h2{font-size:36px;font-weight:400;color:#fff;}
.baner-content .text-content h2 span{font-weight:700;color:#EF7E18!important;}
.baner-content .text-content h2 em{font-style:normal;font-weight:700;color:#f89624!important;}
.baner-content .text-content p{color:#fff;font-size:14px;line-height:24px;padding:0px 25%;}
.baner-content .text-content .primary-white-button{margin-top:25px;}
#competenze{padding:150px 0px;background-image:url(../img/about-bg.jpg);background-repeat:no-repeat;background-size:cover;background-attachment:fixed;}
#competenze .service-item{text-align:center;}
#competenze .service-item .icon{width:110px;height:110px;display:inline-block;text-align:center;line-height:124px;border:3px solid #fff;border-radius:50%;background-color:#014C01;}
#competenze .service-item h4{margin-bottom:20px;margin-top:20px;font-size:2.5rem;font-weight:500;color:#006600;letter-spacing:1px;}
#competenze .service-item .line-dec{width:100%;height:1px;background-color:rgba(250, 250, 250, 0.5);}
#competenze .service-item p{color:#3A3A3A;margin-top:10px;font-size:1.8rem;}
#competenze .service-item .primary-blue-button{margin-top:35px;}
.projects-holder .mix{display:none;}
.projects-holder{padding:20px 15px 0px 15px;}
.filter-categories{;margin-top:60px;}
.filter-categories ul li{margin:0px 10px 15px 0px;display:block;}
.filter-categories ul li span{cursor:pointer;color:#fff;display:inline-block;font-size:15px;text-transform:capitalize;font-weight:500;left:0.5px;}
.filter-categories ul li.active span{color:#006600;}
#portoflio .page-section{padding:0px;}
#portfolio .section-heading{padding-top:20px;padding-bottom:15vh;background-color:#fb7f27;color:#fff;font-size:42px;margin-left:-107vh;padding-left:100vh;}
#portfolio .project-item{margin:0px -16px;}
#portfolio .section-heading h4{margin-top:0px;font-size:20px;text-transform:uppercase;font-weight:700;color:#fff;letter-spacing:1px;}
#portfolio .section-heading .line-dec{width:270px;height:1px;background-color:rgba(250, 250, 250, 0.5);margin:20px 0px 15px 0px;}
#portfolio .section-heading p{color:#fff;padding-right:70px;}
#testimonial{background-color:#006600;text-align:center;padding:100px 0px;}
#testimonial .testimonials-item h4{color:#fff;font-size:17px;font-weight:500;letter-spacing:0.5px;margin-top:30px;margin-bottom:5px;}
#testimonial .testimonials-item span{font-size:13px;color:#fff;letter-spacing:0.5px;}
#testimonial .testimonials-item p{font-size:16px;color:#9a9a9a;font-style:italic;font-weight:300;background-color:#fff;padding:30px;border-radius:5px;}
.owl-pagination{margin-top:20px;opacity:1;display:inline-block;}
.owl-page span{display:block;width:8px;height:8px;margin:0px 5px;filter:alpha(opacity=50);opacity:0.5;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;background:#fff;}
#blog{background-image:url(../img/blog-bg.jpg);background-repeat:no-repeat;background-size:cover;background-attachment:fixed;}
#blog .section-heading{text-align:left;padding-top:60px;padding-bottom:60px;background-color:rgba(0, 0, 0, 0.5);height:582px;margin-left:-100vh;padding-left:100vh;overflow:hidden!important;}
#blog .section-heading h4{margin-top:0px;font-size:20px;text-transform:uppercase;font-weight:700;color:#fff;letter-spacing:1px;}
#blog .section-heading .line-dec{width:270px;height:1px;background-color:rgba(250, 250, 250, 0.5);margin:20px 0 15px 0;}
#blog .section-heading p{color:#fff;padding-right:70px;}
.wrapper{text-align:center;}
.tabs{list-style:none;margin-top:40px;padding-right:70px;}
.tabs li{display:block;text-align:center;margin:25px 0px;}
.tabs a{display:block;text-align:center;text-decoration:none;text-transform:capitalize;letter-spacing:0.5px;color:#121212;font-size:15px;font-weight:500;padding:12px 12px;background-color:#fff;}
.tabs a:hover{color:#006600;}
.tabs .active{color:#006600;}
#first-tab-group{margin-top:30px;margin-bottom:15px;}
.tabgroup .text-content{background-color:#fff;color:#fff;padding:25px;text-align:left;}
.tabgroup .text-content h4{font-size:17px;font-weight:500;letter-spacing:0.5px;color:#121212;margin-top:0px;margin-bottom:5px;}
.tabgroup .text-content span{font-size:13px;color:#EF7E18;}
.tabgroup .text-content a{font-size:13px;color:#EF7E18;text-decoration:none;}
.tabgroup .text-content p{margin-top:10px;}
.clearfix:after{content:"";display:table;clear:both;}
#contact-us{background-color:#596065;text-align:center;padding:80px 0px;}
#contact-us .section-heading h4{margin-top:0px;font-size:20px;text-transform:uppercase;font-weight:700;color:#fff;letter-spacing:1px;}
#contact-us .section-heading .line-dec{width:270px;height:1px;background-color:rgba(250, 250, 250, 0.5);margin:20px auto 15px auto;}
#contact-us .section-heading p{color:#fff;padding:0px 33%;}
#contact-us .pop-button{}
#contact input{border-radius:0px;padding-left:15px;font-size:13px;color:#232323;background-color:rgba(250, 250, 250, 1);outline:none;border:none;box-shadow:none;line-height:50px;height:50px;width:100%;margin-bottom:30px;}
#contact textarea{border-radius:0px;padding-left:15px;padding-top:10px;font-size:13px;color:#232323;background-color:rgba(250, 250, 250, 1);outline:none;border:none;box-shadow:none;height:165px;max-height:220px;width:100%;margin-bottom:25px;}
#contact button{display:inline-block;background-color:#006600;font-size:13px;padding:12px 18px;color:#fff;font-weight:500;letter-spacing:1px;text-transform:uppercase;text-decoration:none;border-radius:20px;}
.pop #contact{z-index:99999;position:fixed;top:25%;left:20%;right:20%;}
.pop{z-index:99999;text-align:center;padding:10px;display:none;position:fixed;width:100%;top:0;left:0;height:100%;background-color:rgba(0, 0, 0, 0.81);box-shadow:0px 0px 15px;}
.pop span{z-index:999;position:relative;margin-bottom:0px;cursor:pointer;width:44px;height:44px;display:inline-block;line-height:44px;color:#fff;text-align:center;background-color:#EF7E18;}
.pop span:hover{background-color:#596065;transition:all 0.5s;}
footer{margin-top:-6px;background-color:#50504F;padding:50px 0px;}
footer .logo em{font-style:normal;font-size:28px;color:#006600;}
footer .logo a{display:inline-block;margin-top:15px;text-decoration:none;color:#fff!important;font-size:21px;font-weight:900;text-transform:uppercase;text-shadow:none;letter-spacing:1px;}
footer .logo p{font-weight:300;font-size:12px;color:#fff;margin-bottom:-10px;letter-spacing:0.5px;}
footer .logo span{font-weight:600;color:#006600;}
footer .location h4{margin-top:0px;font-size:13px;font-weight:500;color:#fff;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:5px;}
footer .location ul li{font-size:13px;color:#fff;display:inline-block;line-height:24px;letter-spacing:0.5px;padding-top:5px;padding-bottom:5px;}
footer .location ul li:first-child{margin-right:15px;padding-right:15px;border-right:1px solid rgba(250, 250, 250, 0.1);}
footer .contact-info h4{margin-top:0px;font-size:13px;font-weight:500;color:#fff;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:30px;}
footer .contact-info ul li{font-size:13px;color:#fff;display:inline-block;line-height:24px;letter-spacing:0.5px;padding-top:5px;padding-bottom:5px;font-weight:300;margin-bottom:-15px;}
footer .contact-info ul li em{font-style:normal;font-weight:500;}
footer .connect-us h4{margin-top:0px;font-size:13px;font-weight:500;color:#fff;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:15px;}
footer .connect-us ul li{display:inline-block;margin-right:2px;}
footer .connect-us ul li a{display:inline-block;width:28px;height:28px;line-height:28px;text-align:center;background-color:#fff;border-radius:50%;color:#373a3c;font-size:15px;transition:all 0.3s;}
footer .connect-us ul li a:hover{background-color:#006600;}
@media (max-width:991px){.baner-content .text-content p{padding:0px 15%;}
#competenze .service-item{margin-bottom:80px;}
#portfolio .section-heading{text-align:center;padding-top:100px;padding-bottom:100px;background-color:#fb7f27;height:auto;margin-left:-100vh;padding-left:97vh;margin-right:0px;padding-right:15vh;overflow:hidden;font-size:30px}
#portfolio .section-heading .line-dec{margin:20px auto 15px auto;}
#portfolio .section-heading p{padding:0px 20px;}
.projects-holder{text-align:center;padding:15px 0px;}
#portfolio .project-item{margin:15px 0px;}
#blog .section-heading{text-align:center;padding-top:100px;padding-bottom:100px;background-color:rgba(0, 0, 0, 0.5);margin-left:-15px;padding-left:0vh;margin-right:-15px;padding-right:0vh;overflow:hidden!important;}
#blog .section-heading .line-dec{margin:20px auto 15px auto;}
#blog .section-heading p{padding:0px 30px;}
.tabs{padding:0px 45px;}
#first-tab-group{margin-bottom:30px;}
#contact-us .section-heading p{padding:0px 10%;}
footer{text-align:center;}
footer .logo{margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid rgba(250, 250, 250, 0.1);}
footer .location{margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid rgba(250, 250, 250, 0.1);}
footer .contact-info{margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid rgba(250, 250, 250, 0.1);}
footer .contact-info ul li{margin-right:10px;margin-left:10px;}
}
@media only screen and (min-width:386px) and (max-width:500px){.navbar-nav{margin-left:-15px;margin-right:-15px;margin-top:0px;background-color:rgba(250, 250, 250, 0.99);border-top:1px solid #cccccc;border-bottom:1px solid #cccccc;}#main-nav{margin-left:-15px;margin-right:-15px;border-top:none;margin-top:15px;background-color:rgba(250, 250, 250, 0.95);}
.header{background-color:#fff;height:125px}
}
@media all and (max-width:768px){#main-nav{margin-left:-15px;margin-right:-15px;border-top:none;margin-top:82px;background-color:#ffffff;}
#portfolio .section-heading{height:45px;padding-top:0px;padding-bottom:40px;margin-left:-35px;padding-left:10vh;padding-right:10vh;line-height:53px;margin-right:-35px;font-size:30px;}
#portfolio .section-heading h3{margin-top:10px;}
}
@media (max-width:768px){.baner-content .text-content p{padding:0px 10%;}
.baner-content{padding-top:25vh;}
.navbar-inverse .navbar-nav>li{margin-left:10px;border-bottom:1px solid rgba(0, 0, 0, 0.1);}
.navbar-inverse .navbar-nav>li:last-child{border-bottom:none;}
.navbar-inverse .navbar-nav>li>a{font-family:'Roboto', sans-serif!important;line-height:55px;color:#343434!important;}
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{font-size:15px}
.header .navbar-brand{padding-left:0;}
}
@media only screen and (min-width:180px) and (max-width:385px){footer .location ul li{display:block;}
footer .location ul li:first-child{margin-right:0px;padding-right:0px;border-right:none;}
#main-nav{margin-left:-35px;margin-right:-15px;margin-top:27px;background-color:#ffffff;border-top:1px solid #cccccc;border-bottom:1px solid #cccccc;}
#portfolio .section-heading{height:45px;font-size:26px;line-height:8vh;padding-right:10vh;white-space:nowrap}
.baner-content{padding-top:15vh;}
.logo{max-width:150px}
.header{height:80px;background-color:#fff}
.header .navbar-brand{padding-left:20px;background-color:#fff}
.page-section{padding:110px 0;}
}
@media only screen and (min-width:386px) and (max-width:412px){.baner-content{padding-top:22vh;height:50px}
.logo{max-width:200px}}
@media only screen and (min-width:413px) and (max-width:414px){#main-nav{margin-left:-35px;margin-right:-15px;margin-top:75px;background-color:rgba(250, 250, 250, 0.99);border-top:1px solid #cccccc;border-bottom:1px solid #cccccc;}
.header{background-color:#fff}
}
@media only screen and (min-width:599px) and (max-width:600px){#main-nav{margin-left:-35px;margin-right:-15px;margin-top:75px;border-top:1px solid #cccccc;border-bottom:1px solid #cccccc;background-color:#ffffff}
.header{background-color:#fff}
.baner-content{padding-top:25vh;height:50px}.logo{max-width:200px}
}
@media only screen and (min-width:769px) and (max-width:993px){.navbar-nav>li{margin-left:0.5rem;}
}
.testobase{color:#333333;font-size:18px;text-align:left;line-height:27px;}
.txtbianco{color:#cccccc;font-size:18px;text-align:left;line-height:27px;}
.txtorange{color:#ff9000;font-size:18px;text-align:left;line-height:27px;}
.sfgrigio{background-color:rgba(31, 30, 30, 0.89);}
@media (max-width:768px){.sfgrigio{background-color:#333333;}}