@charset "utf-8";
/* CSS Document */
body { overflow-x:hidden !important;}
/*body { font-family:'Ubuntu' !important}
h1, h2, h3, h4, h5 {font-family:'Ubuntu' !important}*/
/*FA MOBILE IS TOO SMALL!!!*/
.fa-mobile { font-size:35px !important}
label { display:none !important}
/*BARRA DEI CONTATTI*/
#nr_topStrip { position:fixed; width:100%; top:0; z-index:999999999999999; height:auto !important}
/*NAVBAR*/
.navbar-static-top .navbar-collapse ul li.active a { background-color:#3498db}
.navbar-static-top .navbar-collapse ul li a:hover { background-color:#3498db}
.navbar-static-top .navbar-collapse ul li.active a:hover { background-color:#3498db}
.navbar-static-top .navbar-collapse ul li.active a:before {background-color:#3498db}
.navbar-static-top .navbar-collapse ul li.active a:after {   border-top: 25px solid #3498db;}
.navbar-static-top .navbar-collapse ul li.active:before { background-color:#2980b9}
/*HEADER*/
header .social_nav ul li a {background-color:#3498db}
header { margin-top:40px; padding-bottom:130px !important; padding-top:40px !important}
.logo-futhura {width:650px; margin:-5px auto 0px auto}
@media (min-width: 768px) and (max-width: 1199px) {.logo-futhura { margin:0px auto 0px auto}}
@media (min-width: 769px) {header .container {width:auto !important}}
@media (min-width: 992px) {header .container {width:970px !important}}
@media (min-width: 1200px) {header .container, #nr_topStrip .container {width:1190px !important}}
@media all and (min-width: 1400px) {.logo-futhura {width:750px; margin-top:-5px}} 
.social_nav {}
.widget-contatti { margin:-13px 0px 0px 0px !important; width:auto !important; max-width:50% !important; margin:0 auto; float:right}
.footerWidget .getInTouch_widget ul.nav-tabs li { width:100px; height:60px}
.footerWidget .getInTouch_widget ul.nav-tabs li a {background-color:#3498db !important}
.footerWidget .getInTouch_widget ul.nav-tabs li.active a {background-color:#2980b9 !important}
.footerWidget .getInTouch_widget ul.nav-tabs li.active a:after {  border-top: 10px solid #2980b9;  bottom:-7px !important;}
.footerWidget .getInTouch_widget ul.nav-tabs li a {line-height: 50px;}
.footerWidget .getInTouch_widget .tab-content .tab-pane i {color:#3498db}
.footerWidget .getInTouch_widget ul.nav-tabs li a i { border:none; font-size: 28px;}
.footerWidget .getInTouch_widget .tab-content .tab-pane {padding: 18px 15px 15px 15px;}
.footerWidget .getInTouch_widget ul.nav-tabs { border-left: 1px solid white;}
.footerWidget .getInTouch_widget ul.nav-tabs li {  border-right: 1px solid white; border-top: 1px solid white;}
  /*SLIDESHOW*/
#nr_slider .mainSliderContainer .mainSlider .caption h2 { font-size:40px}
#nr_slider .mainSliderContainer .mainSlider .caption a.btn {background-color:#3498db}
.bb1 { background:#3498db}
#nr_slider .mainSliderContainer .tparrows:after {color:#3498db}
#pageCover .pageTitle {background: rgba(0, 0, 0, 0.45);}
/*SLIDESHOW MINIFIER, DELETE IN CASE OF BUGS*/
#nr_slider .sliderAfterTriangle:after { bottom: -5px !important;}
.mainSlider { max-height: 365px !important}
/*#nr_slider .mainSliderContainer {top: -160px;}
/*PRODOTTI IN HOME*/
@media all and (max-width: 370px) {.sectionTitles .sectionSubTitle:before, .sectionTitles .sectionSubTitle:after {display: none}
.postExcerptInner h3 { font-size:22px}}
.featureImg { max-height:230px !important}
.blog .blogInner:hover .postExcerpts {background-color:#3498db}
.blog .blogInner:hover .blogDateTime i {background-color:#3498db}
.blog .blogInner:hover .blogDateTime i:after {border-left-color:#3498db}
.blog .blogInner .blogDateTime i:after {right:-9px;}
.blog .blogInner .postExcerpts .postExcerptInner a.readMore {color:#3498db}
.blog .blogInner .featureImg a img { min-height: 230px}
@media all and (max-width: 460px) {.blog .blogInner .featureImg a img { min-height: 180px}}
/*FOOTER*/
#nr_footer .container .goTop a {background-color:#3498db}
footer { margin-top:40px !important}
#nr_footer .container .goTop {  margin-top: -8px;}
.twitterSlide .twitterSlider .owl-controls .owl-nav .owl-next:before { border-right: 50px solid #3498db;}
.twitterSlide .twitterSlider .owl-controls .owl-nav .owl-prev:before {   border-left: 50px solid  #3498db;}
#nr_footer .container .copyrightRow {padding-top: 30px !important; padding-bottom: 30px !important; text-align: center;line-height: 20px !important;border-top: 1px solid #293133; color: #FFF;}
.newsTitle {margin-bottom: 30px;}
/*MARCHI*/
.marchi { margin-top30px; text-align:center}
.marchi .row { margin-top:20px; text-align:center}
.marchi img { margin: 0 auto; max-width:90%}
@media all and (max-width: 1400px) {.terza-riga { display:none}}
@media all and (max-width: 769px) {.marchi { display:none}}

/*CONTATTACI*/
.commentForm form button { background-color:#3498db}
.commentForm form .input-group span i { color:#3498db; border: 1px solid #3498db}
#pageCover .pageTitle {  border: 1px solid #3498db;}
#pageCover {  background: none; overflow:hidden}

/*USATO*/
@media all and (min-width: 769px) {#mapUsed .gm-style {min-height:700px} }
@media all and (max-width: 769px) {#mapUseed .gm-style {max-height:250px} }

/*CHI SIAMO*/
#aboutus .member.member3_1 .memberIntro .name { background:#3498db}
#aboutus .member.member3_1 .memberIntro .name:after { border-top: 10px solid #3498db;}
.contactWidget ul li i {color:#3498db}
#aboutus .member .memberIntro .memberSocial li a:hover i {background: #3498db;border-color: #3498db;}
#aboutus .aboutContent {padding-right: 10px; padding-left: 5px;}

/*I LAVORI*/
.paginationRow .pagination li.active a, .paginationRow .pagination li:hover a { background:#3498db; border-color:#2980b9;}
@media (max-width: 1024px){#projectsRow .filtersRow .filters > li {  font-size: 18px;}}
#projectsRow .filtersRow .filters > li.active { color: #3498db;}
#projectsRow .project .projectDetails .projectIcons a {border-color: #2980b9;}
#projectsRow .project:hover .projectDetails .projectIcons a {background:#3498db;}

/*SINGLE POST*/
.media-left, .media-right, .media-body {display: table-cell;vertical-align: top;overflow: hidden;}
.recentPostWidget .recentblogs .recentblog .media-left a img {width: 200%;}
.media-body {display: table-cell; vertical-align: top; overflow: hidden; padding-left:10px}

/*SCROLL BAR*/
#ascrail2000 {}
.max-height { max-height: 150px !important}

/*HOVER DEI BOXES*/
.blog .blogInner:hover .primo {background-color: #f25022;}
.blog .blogInner:hover .secondo {background-color: #7fba00;}
.blog .blogInner:hover .terzo {background-color: #3498db;}
.blog .blogInner:hover .quarto {background-color: #ffb901;}
/*i*/
.blog .primo:hover .blogDateTime i {background-color: #f25022 !important;}
.blog .primo:hover .blogDateTime i:after {border-left-color: #f25022 !important;}
.blog .secondo:hover .blogDateTime i {background-color: #7fba00 !important;}
.blog .secondo:hover .blogDateTime i:after {border-left-color: #7fba00 !important;}
.blog .terzo:hover .blogDateTime i {background-color: #3498db !important;}
.blog .terzo:hover .blogDateTime i:after {border-left-color: #3498db !important;}
.blog .quarto:hover .blogDateTime i {background-color: #ffb901; !important;}
.blog .quarto:hover .blogDateTime i:after {border-left-color: #ffb901; !important;}

/*BLACK CONTACTS MANAGING*/
@media (max-width: 1199px){.assistance {display:none !important} .hours{display:none !important}}

/*RESPONSIVIZATION*/
@media (max-width: 630px){.list-inline>li {display: block}}
@media (max-width: 769px){.widget-contatti { display:none}
header { padding-bottom: 25px !important;}
.assistance {display:none !important} .hours{display:none !important}}
/*PAGECOVER INDEX*/
.pageindex {display:none}
@media (max-width: 1199px){.pageindex {display:block}}
#pageCover img.pageCover {min-width: 100% !important; min-height:100% !important; max-width: none!important; width:auto !important}  
/*ilavori*/
  @media (max-width: 769px){.project { padding:10px 5px 5px 5px !important} .projectName, .nameType {display:none} #projectsRow .project .projectDetails {  background: none !important;}
  #projectsRow .projectDetails .projectIcons a {
  background: #3498db !important;}
  .projects{ margin-top:0px !important}}
 @media (max-width: 767px) {#projectsRow .filtersRow {padding: 0;margin-top: 15px;}}
 
 /*COOKIES*/
 
 #cc-tag {display: none !important}
 #cc-notification ul.cc-notification-buttons li a { background-color:#3498db !important}





