/* VARIABLES */
/*{{{ RESET BOOTSTRAP CONFIGURATION */

.modal-title {
	color: #505050 !important;
	font-size: 1.4em;
}
#cookiesPrivacy{position: fixed;
  top: auto;
  z-index: 1100;
  height: 100px;
  width: 100%;}
#cookies{position: fixed;
  top: 60px;
  height: 100px;
  width: 100%;
  z-index: 1100}
.clCokkie {padding-top:200px;padding-bottom: 100px;padding-left: 30px;padding-right: 30px;}
.footCok{position: absolute;bottom: 0;width: 100%}
.top-contact-info {
	margin:18px 0 0 20px;
	font-size:18px;
	color:#fff;
	text-transform: initial; 
}
#cookies {
  position: fixed;
  z-index: 100;
  bottom: 0;
  overflow: auto;
  width: 100%;
  max-height: 98vh;
  background-color:rgb(68, 68, 68);
  font-size: 1rem;
  line-height: 1.5;
  top: auto;
  height: auto;
}
.cookie-notice-container {
  padding: 40px;
}
#cookiesPrivacy {
  position: fixed;
  z-index: 100;
  bottom: 95px;
  overflow: auto;
  width: 100%;
  max-height: 98vh;
  background-color: rgb(68, 68, 68);
  font-size: 1rem;
  line-height: 1.5;
  top: auto;
  height: auto;
}
.top-contact-info a {
	color:#000000;
	text-decoration: none; 
	font-family: Oswald, sans-serif;
}
.carousel-container {
  margin: 0;
  padding: 0;
  max-width: 100vw;
  width: 100%;
  overflow: hidden;
}

.carousel {
  width: 100vw;
  height: auto;
}
.img-carousel{
  width: 100%; height: 100%; object-fit: cover
}
a ,a:hover, a:focus {
  color: #f47926!important;
 text-decoration: none;
}
.slick-track {display: flex !important}

.slick-slide {height: auto;}

#serv-block-2 {
padding: 0 120px;	
}

.modal-content {
    background-image: linear-gradient(to bottom right, #DBBCA9, #6c6c6d00);
}

.modal-header {
 background-color: #f47926;
}

div.modal-header > h5 > div > div > p {
color: #0c0c0c;
}

.modal-body {
    padding: 40px 20px !important;
}

.navbar-right {
  margin-right: 0!important;
}
.navbar-left {
  margin-left: 0!important;
}
.navbar-fixed-top {

  top: auto!important;


}
.home-xs {
  background: url(../images/home-bg.jpg) no-repeat center center fixed;
  display: table;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

section {
	min-height: 100vh;
}


.container-fluid {
  padding-left: 0px!important;
  padding-right: 0px!important;
  /*box-shadow: 0px 2px 10px rgba(0,0,0,0.5);*/
}
/*
.modal {
	margin:auto;
	width:70%;
	height:70%;
	text-align:center;
	background-color:transparent;
	color:#6984a4;
	font-size:20px;
	max-width:100%;
	overflow-y:hidden;
	box-shadow:0 0 0 transparent!important;
}
*/
/*
.modal a {
	color:#ededed;
}

.modal .glyphicon{padding-top:7px;}
*/
.tabDiv{min-height:440px}
.modal {
	max-width:100%!important;
	max-height:100%!important;
	margin:auto;
	color:grey;
	font-size:16px;
	overflow-y:hidden;
	line-height: 1.5em;
}

.modal .icon {font-size:30px; color:#6984a4;}

.modal .glyphicon {padding-top:7px; color:#4a4a49;}




/*
.modal .glyphicon {
  border-radius: 50%;
  height:70px;
  width: 70px;
  line-height:70px;
  text-align:center;
  vertical-align:middle;
}
*/



#extra{
	z-index:1100!important;
}

#extraEn {
	z-index:1101!important;
}

/*}}}*/
/*{{{ MIXINGS */
.greyBackground {
  background: transparent url("../images/backgroundGrey.jpg") repeat top left;
}
.greyBackgroundLight {
  background: transparent url("../images/backgroundGreyLight.jpg") repeat top left;
}
.blueBackground {
  background: transparent url("../images/backgroundBlue.jpg") repeat top left;
}
/*}}}*/
/*{{{ MAIN BLOCKS */
body {
  color: #565656 !important;
  font: normal 12px Sans, Arial, verdana, Helvetica, Sans-Serif !important;
}
#formInfo {
  padding: 20px 0;
}
.offset-xl-6 {
  margin-right: 50%;
}.offsetLeft-xl-6 {
  margin-left: 50%;
}
.col-xl-6 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}
#pageTitleContainer {
  position: relative;
  height: 142px;
}
.content-heading.green {
  color: #fff;
  text-shadow: 1px 1px 2px black, 0 0 1em #df6701, 0 0 0.2em #f66d00;

}.grey ,.grey p {
  color: #464646!important;
}
.sub-heading {
  font-family: 'Oswald', sans-serif;
  color: #fff;
  text-transform: uppercase;
  font-size: 30px;
  font-weight: 300;
}
.content-heading {
  font-family: 'Oswald', sans-serif;
  color: #fff;
  font-size: 60px;
  font-weight: 800;
  text-transform: uppercase;
  line-height: 78px;
  margin-top: 50px;
}
.abs p {
  font-size: 18px;
  line-height: 1.444em;
  color: white;
}.abs h2 {

  color: white;
}

.abs_black {
	font-size: 18px;
	line-height: 1.444em;
}

.txt p {
/*  font-size: 14px; */
  color: white;
}
.greyH  {
  background-color: #464646!important;
}
.map-responsive{
  overflow:hidden;
  padding-bottom:56.25%;
  position:relative;
  height:0;
}
.map-responsive iframe{
  left:0;
  top:0;
  height:100%;
  width:100%;
  position:absolute;
}
.horizontal {
  background-color: #fff;
  width: 150px;
  height: 5px;
  line-height: 104px;
  display: block;
  margin-top: 40px;
  margin-bottom: 40px;
}
#titleImage{
width:60px;
-webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1);
}

#breadCrumbContainer {
  color: #ffffff;
  font-weight: bold;
  position: absolute;
  bottom: 10px;
  right: 10px;
  text-transform: capitalize;
}
.navbar-brand {

  padding: 5px 5px!important;

}

.sm-collapsible {max-width:100%; width:100%!important;}



.nav-link {color:#f47926!important;}


/*#societa .content-heading{color:#fcff6c!important;}*/

#breadCrumbContainer a,
#breadCrumbContainer a:focus,
#breadCrumbContainer a:hover {
  color: #ffffff;
  font-weight: bold;
}
#pageTitleBg.blueBg {
  background: transparent url("../images/backgroundBlue.jpg") repeat top left;
  height: 142px;
  color: #ffffff;
}
#pageTitleBg.greyBg {
  background: transparent url("../images/backgroundGrey.jpg") repeat top left;
  height: 142px;
  color: #ffffff;
}
#pageTitle h1 {
  font-size: 29px;
  font-weight: bold;
  text-transform: uppercase;
}
#pageTitle h2 {
  font-size: 20px;
  font-weight: normal;
}
h3.rightBoxTitle {
  color: #0f67af;
}
#rowContent {
  padding: 0;
}
.homeRight {
  margin-top: 20px;
  margin-bottom: 20px;
}
.homeRight > div {
  margin: 30px;
}
#novitaFiscali ul {
  list-style: none!important;
  padding: 0!important;
  margin: 0!important;
}
#novitaFiscali ul li {
  list-style: none!important;
  padding: 0!important;
  margin: 0!important;
  color: #5b5b5b !important;
}
#novitaFiscali ul li a {
  color: #5b5b5b !important;
}
.newsTitle h3 {
  color: #0f67af;
  margin-bottom: 0;
}
.newsContent {
  padding-top: 10px;
}
.newsDate {
  float: right;
}
.flowLeft {
  display: block;
  float: left;
  clear: left;
  position: relative;
}
/*}}}*/
/* GENERAL CLASSES */
/*{{{*/
#tesBootstrap {
  display: none;
}
.rounded {
  border-width: 1px;
  border-radius: 5px;
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
}
.clearDiv {
  clear: both;
  font-size: 0;
  line-height: 0;
  width: 1px;
  height: 0;
  overflow: hidden;
}
.centerContent,
.centerFiller {
  margin: 0!important;
  padding: 25px!important;
}
.cursor {
  cursor: pointer;
  _cursor: hand;
}
/*}}}*/
/*{{{ SLIDER */
.bx-wrapper {
  margin-bottom: 0!important;
  z-index:10!important;
}
.homeLeft .bx-prev,
.homeLeft .bx-next,
.homeLeft .bx-controls {
  filter: alpha(opacity=80);
  opacity: 0.8;
  -moz-opacity: 0.8;
}
.bx-prev {
  left: 0px!important;
  margin-left: 10px;
  background:url(../images/controls.png) no-repeat 0 -32px !important;
  background-color: #f47926 !important;
  border-radius: 50%;
}
.bx-next {
  right: 0px!important;
  margin-right: 10px;
  background:url(../images/controls.png) no-repeat -43px -32px !important;
  background-color: #f47926 !important;
  border-radius: 50%;
}

.bx-pager {
  display: none;
}
#sliderNews:hover .bx-controls {
  filter: alpha(opacity=100) !important;
  opacity: 1!important;
  -moz-opacity: 1!important;
}


#sliderNews ul li a > div {
/*  margin-top: -60px;
  height: 60px; */
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  font-weight: bold;
  text-align: center;
  position: absolute;
  bottom: 0px;
  padding: 5px;  
  width: 100%;
  min-height: 20%;
}

/*}}} */
/*{{{ HEADER */
#socialDiv {
  position: absolute;
  top: 0;
  right: 0;
}
/*}}}*/
/*{{{ FOOTER & CONTACTS*/


#modal_form {width:100%; height:530px;}

#modale_con_form .modal-dialog{
	max-width:100%;
	width:100%;
	
}

#contactsBg {
  background-color: #cdcdcd;
}
#contactsContent {
  color: #0f67af;
  position: relative;
}
#contactsContainer {
  position: relative;
  height: 84px;
}
#contactsContainer > div {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
#contactsContent h3 {
  font-size: 19px;
  text-transform: uppercase;
  font-weight: bold;
  margin: 0;
  padding: 0;
}
#contactsContent p {
  font-size: 16px;
  font-weight: bold;
  margin: 0;
  padding: 0;
}
#footerBg {
  background: transparent url(../images/sfondo-footer.jpg) repeat top center !important;
}
#footerContent {
  color: #ffffff;
  padding: 10px 0;
}
#contactBoxContainer {
  height: 84px;
  position: relative;
}
#contactBoxContainer a {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
#ragsocBg, #ragsocBgMobile {
  background-color: #3e3d3d;
  color: #ffffff;
  text-align: center;
  padding: 30px;
  line-height: 30px;
  font-size: 12px;
}

/* general styles */

html, body {
 height: 100%;
  width: 100%;
}
/* padded section */
.pad-section {
  padding: 50px 0;
}

.pad-section img {
  width: 100%;
}
/* vertical-centered text */
.text-vcenter {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.text-vcenter h1 {
  font-size: 4.5em;
  color: #565656;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-weight: 700;
  margin: 0;
  padding: 0;

}
/* additional sections */

#home {


  position: relative;
  width: 100%;
  padding:0px;
padding-top:90px;
  font-size: 14px!important;
}


#home_text {
	padding-top:3%;
}

#lavorazioni {
  background: url(../images/colors2.jpg) no-repeat center center fixed;
  display: table;
 /* height: 120px;*/
  position: relative;
  width: 100%;
  padding-top: 0px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

}
#lavorazioni .panel-default > .panel-heading {
  color: #333;
  background-color:rgba(1, 1, 1, 0.3) !important;
  border-color: #ddd;
}
 #lavorazioni .panel{
   background-color: rgba(1, 1, 1, 0.3) !important;
 }
.lead{
  color: #0f0f0f!important;
  font-size: 16px!important;
}

h3{
  padding-left: 20px;
  padding-right: 20px;
}

#applicazioni {
  background: url(../images/2.jpg) no-repeat center center fixed;
  display: table;


  width: 100%;
 padding: 20px;
  padding-top: 50px;
/*  height: 450px; */
  font-size: 14px!important;
}#contatti {

  padding-top: 50px;

}

#gallery{
  display: table;

  background: url(../images/colors.jpg) no-repeat center center fixed;
  width: 100%;
/*  height: 350px; */
  padding: 20px;
  padding-top: 50px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.phone{
  font-size: 34px!important;


}
#impianti{
  background-color: #6984a4;
  padding-top:20px;
}
#azienda{
  background: url(../images/sfondo-azienda.jpg) no-repeat center center fixed;
  width: 100%;
  /*  height: 350px; */
  padding: 20px;
  padding-top: 50px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  color:#ffffff;
  padding: 15px;
  padding-top: 50px;
  /*padding-left: 20%;
  padding-right: 20%;*/
  font-size: 14px!important;
}
#chiamaci{
  background-color: #dbdee4;
  padding: 8px;
  padding-left: 20%;
  text-align: center;
  padding-right: 20%;
  color: #192e4e;
  font-weight: bold;
  font-size: 24px!important;
}



.grow:hover { transform: scale(1.15); text-shadow: 0 0 1px #fff; }
#applicazioni h4{font-weight: bold;
color:#464646;}

#applicazioni .glyphicon {
  border: 2px solid #F47926;
  border-radius: 50%;
  display: inline-block;
  font-size: 60px;
  height: 140px;
  line-height: 140px;
  text-align: center;
  vertical-align: middle;
  width: 140px;
  background-color: #ffffff;
}

#informazioni {
  background-color: #6984a4;
  color: white;!important;
  text-align: center;
  font-size: 20px;
  padding: 25px;
  font-weight:bold;
  height: 80px;
  display: table;
  width: 100%;

}#indirizzo {
  background-color: #e6e6e6;

  text-align: center;
  font-size: 14px;
  padding: 25px;
  height: 80px;
  display: table;
  width: 100%;

}
#home .panel {
  opacity: 0.75;
}
/*}}}*/


@media (max-width: 1214px) {
  #cookies{
    top: 75px;
  }
  .tabDiv{min-height: 480px}
}@media (max-width: 1184px) {
  #cookies {
    top: 70px;
  }

}
@media (max-width: 991px) {
	.nav-link {
		font-size:15px!important;
	}

  #sm-logo {
    height: 70px!important;
  }
  .sub-heading{font-size: 22px;}
  .lead{font-size: 14px;}
  .tabDiv{min-height: 650px}
}

@media (max-width: 1024px) {
	
	#topMenu{left:0;}

	.grow { transition: all .1s ease-in-out; --balloon-color: #6984a4;}
	.grow:hover { transform: scale(1.0); text-shadow: 0 0 3px #fff; }
	
	.modal{
		width:90%;


	}
	.modal .glyphicon {padding-top:2px;}

	
	.content-heading {

		/*font-size: 50px; */
	}
	
  #applicazioni {

    height: 500px;
    font-size: 14px!important;
  }

}
@media (max-width: 860px) {

  #applicazioni {

    height: 600px;
    font-size: 14px!important;
  }
}
@media (max-width: 768px) {
.tabDiv{min-height: auto;}
#ragsocBg {display:none!important;}

#serv-block-2 {
	padding-left: 15px;
	padding-right: 15px;
} 
#serv-sep {
	display:none;	
}

  .homeRight > div {
    padding: 10px 0 30px 0;
    margin: 0;
  }

  .bx-wrapper {
    margin: 0!important;
	
  }
  #contactBoxContainer {
    -webkit-box-pack: right;
    -ms-flex-pack: right;
    justify-content: right;
    height: 80px;
  }
}
@media (max-width: 612px) {

  #cookies{
    top: 82px;
  }
}
@media (max-width: 500px) {
    #cookies{
        top: 85px;
    }
  #applicazioni {

    height: 830px;
    font-size: 14px!important;
  }
    .content-heading {
	  font-size: 30px!important;
	  line-height: 1.5em;
  }
  #sm-logo {
    height: 40px!important;
}
#headerTopBg {
    height: 50px!important;
}
}
@media (max-width: 430px) {

    #cookies {
        top: 90px;
    }

}@media (max-width: 360px) {

  #applicazioni {

    height: 850px;
    font-size: 14px!important;
  }

}@media (max-width: 320px) {

  #applicazioni {

    height: 870px;
    font-size: 14px!important;
  }
}

@media (min-width: 768px) {
#ragsocBgMobile {display:none;}
}





@media (max-width: 1199px) {
.top-contact-info {display:none;}


}