/*****************************************************
FIX TOP & HEADER
******************************************************/
#t4-top {
    position: sticky !important;
    position: fixed !important;
    top: 0px !important;
    z-index: 9999;
    width: 100%;
}
#t4-header {
    position: sticky !important;
    position: fixed !important;
    top: 30px !important;
    z-index: 9998;
}
.addtoany_list {
    line-height: 26px !important;
}

/*****************************************************
TYPOGRAPHY
******************************************************/
h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 0rem;
    margin-bottom: 0rem !important;
  font-family: 'Oxanium', serif !important;
  padding-top: 8px !important;
}

/*****************************************************
TOP
******************************************************/
.t4-top {
  z-index: 499 !important;
}
.t4-top .contattitop {
  	display: inline-block;
  	margin: 0px 8px 0px 8px;
}
.t4-top a {
  text-decoration: none !important;
}
.t4-top a:hover {
    text-decoration: underline;
}
.t4-col.top-dx.col-sm {
    text-align: right;
}
/**************************************************
FIXED TOP T4-HEADER
***************************************************/
#t4-top {

 /*   position: fixed !important;*/
    top: 0  !important;
    right: 0  !important;
    left: 0  !important;
}
#t4-header {

    /*position: fixed !important;*/
    top: 24 !important;
    right: 0 !important;
    left: 0 !important;
}
body  {
  /* margin-top: 118px !important;*/
  /* margin-top: 32px !important;*/
   margin-top: 110px !important;
}
@media (max-width: 575.98px) {
.t4-sticky {
    top: 30px !important;
	}
  body {
   margin-top: 115px !important;
}
}
/*****************************************************
HEADER
******************************************************/
#t4-header {
      z-index: 499 !important;
}
#t4-header .container {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
/* MENU **********************************************/
.t4-navbar .navbar {
    float: left;
    min-height: 70px;
  font-family: 'Fjalla One', sans-serif;
}
.navbar li.nav-item {
    margin: 0px 5px 0px 5px;
}
.navbar li.nav-item:hover {
    background-color: #3d68a5;
}
.navbar li.nav-item.current.active {
    background-color: #2c4a75;
}
/* TOGGLE ********************************************/
.t4-offcanvas-toggle {
    color: #ffffff;
} 
/* LOGO ********************************************/
@media (max-width: 992px) {
.nav-breakpoint-lg .header-block-2 .navbar-brand {
   /* -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;*/
   -webkit-box-flex: 0;
    -ms-flex: 0 0 350px;
    flex: 0 0 350px;
    max-width: 350px;
 	width: 350px;
    padding-left: 15px;
    padding-right: 15px;
	}
}
/*****************************************************
MASTHEAD
******************************************************/
.t4-masthead .container {
    padding-top: 0rem;
    padding-bottom: 0rem;
}
.t4-masthead .container h1, .t4-masthead .container .h1 {
    color: #ffffff;
  	/*font-family: xxxxxx;*/
}
/*****************************************************
INFOBLOCK
******************************************************/
.t4-infoblock .wf-columns .wf-column {
    padding: 20px;
}
/*****************************************************
FOOTNAV
******************************************************/
.btn.btn-secondary:hover {
    opacity: 0.85;
    color: #000 !important;
}
/*****************************************************
BOTTOM
******************************************************/
.t4-bottom p {
	margin-top: 0em;
    margin-bottom: 0em;
    padding: 1em;
}


/*****************************************************
FORM CONTATTI
******************************************************/
.contact-form .form-control, .inputbox {
    max-width: 100%;
  margin: 8px 0px 8px 0px;
}
.com-contact .page-header h2, .categories-list h2 {
    display: none;
}
.com-contact h3, .com-contact legend {
    display: none;
}

/*****************************************************
FASCIA CATALOGO WITH BUTTON
******************************************************/
.t4-slider-04 .t4-section-inner.container-fluid {
	padding-top: 100px;
     padding-bottom: 100px;
  padding-left: 0px;
  padding-right: 0px;
}
.fasciacatalogo {
  padding: 30px 0px 30px 0px;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;

background-color: rgb(0 102 203 / 0.9);
background: -moz-linear-gradient(top,  rgba(0,102,203,0.9) 0%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,102,203,0.9) 0%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,102,203,0.9) 0%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0066cb', endColorstr='#0066cb',GradientType=0 );*/ /* IE6-9 */
background-color: #0066cb;  
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  /* IE 8 */
 /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";*/
  /* IE 5-7 */
 /* filter: alpha(opacity=90);*/
  /* Netscape */
  /*-moz-opacity: 0.9;*/
  /* Safari 1.x */
  /*-khtml-opacity: 0.9;*/
  /* Good browsers */
  /*opacity: 0.9;*/

}
.fasciacatalogo .btn.btn-warning {
font-size: 30px;
    font-weight: bold;
  }
/*****************************************************
kSprocket Module
******************************************************/
.sprocket-features {
    border-bottom: 1px solid #ccc;
    padding-bottom: 8px;
  padding-top: 8px;
    margin-top: 20px;
    border-top: 1px solid #cccccc;
}
.layout-showcase .sprocket-features-arrows .arrow {
  border-radius: 0;
  color: #ccc !important;

}
.layout-showcase .sprocket-features-pagination li, .layout-showcase .sprocket-features-arrows .arrow {
	background-color: #aaa !important;
  }
.layout-showcase .sprocket-features-arrows .arrow.prev {
    border-radius: 0;

  }
.layout-showcase .sprocket-features-arrows .arrow.next {
    border-radius: 0;

  }
.sprocket-features-desc {
	text-align: justify;
}
.separatore {
   /* margin: 0 auto;*/
    /*text-align: center;*/
    border-top: 1px solid #eee;
    /*background-color: yellow;*/
    /* display: inline-block; */
    float: right;
    /* width: 100%; */
}

/*****************************************************
SKILLSET
******************************************************/
.skillset-111 .counter-title,
.skillset-200 .counter-title,
.skillset-202 .counter-title,
.skillset-201 .counter-title,
.skillset-199 .counter-title,
.skillset-203 .counter-title {
    font-size: 20px;
  	padding: 8px;
}
.skillset-111 .counter-title,
.skillset-200 .counter-title,
.skillset-202 .counter-title,
.skillset-201 .counter-title,
.skillset-199 .counter-title,
.skillset-203 .counter-title {
    border-bottom: 1px solid #ccc;
  	padding: 8px;
}


.skillset-111 .counter-title p.counter-number,
.skillset-200 .counter-title p.counter-number,
.skillset-202 .counter-title p.counter-number,
.skillset-201 .counter-title p.counter-number,
.skillset-199 .counter-title p.counter-number,
.skillset-203 .counter-title p.counter-number {
    border-top: 1px solid #fff;
}
.skillset-111 .counter-number,
.skillset-200 .counter-number,
.skillset-202 .counter-number,
.skillset-201 .counter-number,
.skillset-199 .counter-number,
.skillset-203 .counter-number, {
    font-size: 30px;
}
.counter-sub-container .counter-wrapper .counter-text-container .counter-number {
    font-size: 40px;
}


#skillset-119 .counter-title,
#skillset-220 .counter-title,
#skillset-222 .counter-title,
#skillset-221 .counter-title,
#skillset-219 .counter-title,
#skillset-223 .counter-title {
  font-size: 20px;
  border-top: 1px solid #fff;
}
#skillset-119 .counter-title,
#skillset-220 .counter-title,
#skillset-222 .counter-title,
#skillset-221 .counter-title,
#skillset-219 .counter-title,
#skillset-223 .counter-title {
	padding: 4px;
}
#skillset-119 .counter-title,
#skillset-220 .counter-title,
#skillset-222 .counter-title,
#skillset-221 .counter-title,
#skillset-219 .counter-title,
#skillset-223 .counter-title {
  margin-top: 0px;
}
.counter-sub-container .counter-wrapper .counter-icon + .counter-text-container {
    margin-top: 20px;
    border-top: 1px solid #ccc;
}
/*****************************************************
BREADCRUMBS
******************************************************/
.breadcrumb {
    background-color: #f5f5f5 !important;
  margin-bottom: 0rem !important;
}
/*****************************************************
Descrizione pagina
******************************************************/
.descrizionepagina {
	padding: 20px 20px 20px 20px;
    color: #005696;
  	font-size: 1.2em;
}

.t4-slider-04 .t4-section-inner.container-fluid {
	border-top: 12px solid #b0cbde !important;
	border-bottom: 12px solid #b0cbde !important;
}


/*****************************************************
ADV Portfolio
******************************************************/
.swiper-container.ext-gallery {
    border: 1px solid #ccc;
}
/** single prodotto **/
.page-header.clearfix {
    border-bottom: 1px solid #ccc;
    padding-bottom: 4px;
    margin-bottom: 8px;
}
.btn-wrapper {
    border-top: 1px solid #ccc;
}
/*****************************************************
FORM CATALOGO
******************************************************/
.formcatalogo .form-group, .control-group {
    margin-bottom: 0.5rem;
}

/*****************************************************
INFOBLOCK
******************************************************/
@media (min-width: 961px) {
.infoblocksx {
  	border-right: 1px solid #fff !important;
}
}
@media (max-width: 960px) {
.infoblocksx {
  	border-bottom: 1px solid #fff !important;
}
}

/*****************************************************
COLONNE 
******************************************************/
.wf-columns .wf-column {
    padding: 8px;
}


/*****************************************************
The Speech Bubble Quote
Add Class speech-bubble-wrap to Text Module
******************************************************/
.speech-bubble-wrap {
  /*width: 500px;*/
  width: 80%;
  max-width: 100%;
  -webkit-filter: drop-shadow(-5px 4px 20px rgba(0,0,0,0.3));
  filter: drop-shadow(-5px 4px 20px rgba(0,0,0,0.3));
  float: none;
  margin: 0 auto;
}

@media all and (min-width: 700px) {
.speech-bubble-wrap {
  float: none;
  padding: 40px;
}
}
blockquote.speech-bubble {
  background: #fff;
  padding: 30px;
  border-radius: 5px;
  box-shadow: inset 0 2px 0 rgba(75, 127, 202, 0.7);
  border-left: none;
}
blockquote.speech-bubble p {
  font-family: 'Alegreya', serif;
  font-size: 30px;
  color: #7fb0e6;
  font-weight: 400;
  line-height: 40px;
  font-style: italic;
  text-indent: 100px;
  position: relative;
  font-family: 'Caveat', cursive;
}
/*Quotation Mark Styling*/
blockquote.speech-bubble p:before {
  content: '\201C';
  font-family: serif;
  font-style: normal;
  font-weight: 700;
  position: absolute;
  font-size: 175px;
  top: 0px;
  left: -105px;
  color: rgba(75, 127, 202, 1);
  text-shadow: 7px 14px 10px rgba(0, 0, 0, 0.1);
}
/*Tip of Bubble*/
blockquote.speech-bubble:before {
  border-top-color: rgba(0,0,0,0.01)!important;
  border-width: 11px!important;
  left: 65%;
  margin-left: -11px;
}
blockquote.speech-bubble:after {
  border-top-color: #ffffff!important;
  border-width: 10px!important;
  left: 65%;
  margin-left: -10px;
}
blockquote.speech-bubble:before, blockquote.speech-bubble:after {
  bottom: 63px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
/*Author Styling*/
.bubble-author, .mb-attribution {
  font-family: 'Alegreya SC', serif;
  font-weight: 700;
  font-size: 18px;
  color: rgba(75, 127, 202, 1);
  text-shadow: 0 1px 1px rgba(255,255,255,0.7);
  line-height: 0.1em;
  text-align: right;
  padding-right: 100px;
  padding-top: 10px;
}
/*Organisation or Source*/
.bubble-author cite, .mb-author cite {
  font-family: 'Alegreya', serif;
  font-weight: 700;
  font-size: 14px;
  font-style: italic;
  color: #bebebe;
  text-shadow: 0 1px 1px rgba(0,0,0,0.3);
}
/*Thumbnail Styling*/
div.bubble-thumb, div.mb-thumb {
  display: block;
  width: 90px;
  height: 90px;
  border: 5px solid #fff;
  border-radius: 50%;
  background: url(../../../../images/_di-servizio/img-quotes/W._Edwards_Deming.jpg) no-repeat center center;/*Change the image URL here*/
  position: absolute;
  right: 35px;
  bottom: -25px;
  box-shadow: inset 1px 1px 4px rgba(0,0,0,0.5), 0 2px 3px rgba(0,0,0,0.6);
}
@media all and (max-width: 699px) {
 div.bubble-thumb, div.mb-thumb {
 display: none !important;
}
 blockquote.speech-bubble:before, blockquote.speech-bubble:after {
  bottom: 22px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
}
 blockquote p {
    margin-bottom: 0rem !important;
}

/********************************************
GENERIC CUSTOM DESCRIZIONE PAGINA
********************************************/
.t4-position-02 .descrizionepagina p {
    margin-bottom: 0rem !important;
}
/************************************************
CUSTOM TABS nav
************************************************/
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
	-webkit-box-shadow: 0px -15px 9px -6px rgba(0,0,0,0.45);
	-moz-box-shadow: 0px -15px 9px -6px rgba(0,0,0,0.45);
	box-shadow: 0px -15px 9px -6px rgba(0,0,0,0.45);
  font-weight: bold;
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    border-color: #cccccc #cccccc #cccccc;
    border-top-color: rgb(204, 204, 204);
    border-right-color: rgb(204, 204, 204);
    border-bottom-color: none
    border-left-color: rgb(204, 204, 204);
}

button#btn_remove {
	color: #cccccc;
}
button#btn_remove:hover {
	color: #4b7fca;
}
.btn#btn_remove:focus {
     outline: 0; 
     box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25); 
  box-shadow: none; 
  color: red;
}
/************************************************
SETTORI DI INTERVENTO 7 COLONNE
************************************************/

@media (min-width: 768px){
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1  {
    width: 100%;
    *width: 100%;
    padding: 4px;
  }
}

@media (min-width: 992px) {
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1 {
    width: 14.285714285714285714285714285714%;
    *width: 14.285714285714285714285714285714%;
    max-width: 14.285714285714285714285714285714% !important;
        padding: 4px;
flex:none !important;
  }
}
 
@media (min-width: 1200px) {
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1 {
    width: 14.285714285714285714285714285714%;
    *width: 14.285714285714285714285714285714%;
    max-width: 14.285714285714285714285714285714% !important;
        padding: 4px;
flex:none !important;
  }
}
.card-sector {
	margin: 4px;
}
p.card-sector:hover {
  background-color: #1a61ab;
}
p.card-sector:hover a {
  color: #ffffff;
}

@media (min-width: 576px){
	p.card-sector {
	margin-bottom: 8px !important;
  text-align: center;
  padding: 2px;
  background-color: #ffffff;
	}
	span.name-sector {
  margin-top: 8px;  
  height: 50px;
  display: inline-block;
  font-family: 'Fjalla One', sans-serif;
  font-size: 14px;
  text-transform: uppercase;
	}
}
@media (max-width: 575px){
	p.card-sector {
	margin-bottom: 8px !important;
  text-align: left;
  padding: 2px;
  background-color: #ffffff;
      height: 106px;
	}
  .photo-sector img {
  margin-right: 8px;
    float: left;
  }
  span.name-sector {
  margin-top: 8px;  
  height: 50px;
    display: block;
  font-family: 'Fjalla One', sans-serif;
  font-size: 20px;
  text-transform: uppercase;
}
}

/************************************************
SLIDERS REGULAR LAB
************************************************/
.accordion-group.panel.rl_sliders-group.nn_sliders-group.active.greyend {
 border: none !important;
  background-color: #ffffff;
  text-align: center;
    font-family: 'Fjalla One', sans-serif;
  font-size: 20px;
  /*display: none;*/
}
.rl_sliders.accordion>.accordion-group.active>.accordion-heading>a.accordion-toggle {
     background-color: #ffffff; 
  cursor: default;
}
.accordion-group.panel.rl_sliders-group.nn_sliders-group.customtitleslide {
    border: none !important;
    background-color: transparent !important;
}
.accordion-heading.panel-heading {
	text-align: center;
    font-family: 'Fjalla One', sans-serif;
  font-size: 20px;
}

/************************************************
PROJECT & DESIGN
************************************************/
a.projectdesign {
	color: #cccccc;
}
a:hover.projectdesign {
	color: #ffffff;
  text-decoration: none;
}
a.noicon.linkpolicypriacy.wfpopup {
	color: #ffa000 !important;
  font-weight: bold !important;
}
a:hover.noicon.linkpolicypriacy.wfpopup {
	color: #ffffff !important;
}

/************************************************
MENU OF CANVAS
************************************************/
.t4-offcanvas {
    font-family: 'Fjalla One', sans-serif;
}
.t4-offcanvas .t4-module .nav > li.active > a, .t4-card .nav > li.active > a, .moduletable .nav > li.active > a, .module_menu .nav > li.active > a {
    color: #ffffff;
}
.t4-offcanvas .t4-off-canvas-body .navbar .nav-link:hover, .t4-offcanvas .t4-off-canvas-body .navbar .separator:hover, .t4-offcanvas .t4-off-canvas-body .navbar .nav-link:focus, .t4-offcanvas .t4-off-canvas-body .navbar .separator:focus, .t4-offcanvas .t4-off-canvas-body .navbar .nav-link:active, .t4-offcanvas .t4-off-canvas-body .navbar .separator:active {
    background-color: #eeeeee;
    color: #0056b3;
}
/************************************************
BUTTON BACK TO TOP
************************************************/
.top-away #back-to-top {
    display: block;
}

/************************************************
OFF CANVAS
************************************************/
.c-offcanvas.is-open {
    background-color: #e0e0e0;
}

/*****************************************************
OFFLINE
******************************************************/
.form-wrap {
    background-color: #4b7fca;
}
.form-wrap h1 {
    color: #fff;
  	visibility: hidden;
}
.form-wrap .offline-message {
    text-align: center;
}
body.offline {
    background-color: #83c8ff;
}

/*****************************************************
MODAL WIN SPEASY GALLERY
******************************************************/
.speasyimagegallery-image-content {
    position: relative !important;
}

/*****************************************************
BUTTON CONTACT
******************************************************/
.com-contact.contact button.btn.btn-primary.validate {
    width: 100%;
    margin: 20px 0px 20px 0px;
}

/*****************************************************
FIX OFFCANVAS
******************************************************/
.c-offcanvas--left {
    max-height: 100%;
  	height: unset !important;
    transform: translate3d(-300px, 0, 0);
    width: 300px;
}


/*****************************************************
ADD TO ANY
******************************************************/
@media (max-width: 575px){
	.buttonsharetop {
	display: none;
	}
 }

/*****************************************************
FIX PAGINATION
******************************************************/
ul.pagination {
    margin: 0px 8px 0px 8px;
}
.t4-palette-header .nav > li.active li a {
    color: #4b7fca;
}
.t4-palette-header .nav > li.active li a:hover {
    color: #4b7fca;
}
.t4-position-01 .moduletable {
    border: none;
    padding: 1.25rem;
    border-radius: 0.25rem;
    margin-top: -1px;
}