/* -----------------------------------------------------------
   --------- [indexico website: custom css file] -------------
   --------------------------------------------------------- */
   
   html, body {background-color: transparent;}
#logo {top: 12px;}
#logo img {height: auto;}

#menu-burger {width: 22px;}
#menu-burger span:nth-child(1) {top: 11px;}
 
.light-content b, .light-content strong {color: inherit;}
 
h1 { font-size: 70px; line-height: 90px;font-weight: 700;  font-family: 'Oswald', sans-serif;}
   
h1.has-mask span, h1.has-mask span > span {height: 100px; font-size: 86px; line-height: 70px;}
h2.has-mask span, h2.has-mask span > span {height: 42px;}         
h3.has-mask span, h3.has-mask span > span {line-height: 30px; height: 36px;}      

#main-page-content-white2 h3 {font-size: 24px; line-height: 24px;}

ul.flexnav.small_menu {margin-top: 50px;}

ul.flexnav.small_menu a { font-size: 160%;line-height: 40px;} /* privacy */
ul.flexnav.small_menu li a { padding: 0;}


div#hero h2 {font-size: 20px; line-height: 26px;}

.light-content #main-page-content-white h1, 
.light-content #main-page-content-white h2, 
.light-content #main-page-content-white h3, 
.light-content #main-page-content-white2 h1, 
.light-content #main-page-content-white2 h2, 
.light-content #main-page-content-white2 h3   {    color: #181818 !important;}
     
.light-content .quick-title {-webkit-text-stroke: 1px rgb(255 255 255 / 0.8);}
.flexnav li a {-webkit-text-stroke: 1px rgba(255,255,255,0.8);}     
.light-content p {color: #efefef; font-size: 20px; line-height: 28px; font-weight: normal;}

.hero-subtitle h3 {font-size: 22px; line-height: 30px;}

#main-page-content-white, #main-page-content-white2 {background: #fff !important;}      
#main-page-content p, 
#main-page-content-white p {font-size: 18px; line-height: 30px;color: #333;}
#main-page-content p {color: #fff; font-weight: 300;}
#main-page-content-white2 p {color: #181818 !important;font-size: 18px; line-height: 30px;}      

      
.light-content #menu-burger span { background-color: #ccc;}      
          
.swiper-slide.presenta-home.swiper-slide-active { overflow: inherit;}

#hero-bg-image::after {background: transparent;} /* brdx per togliere gradiente */

.paragraph {
    font-weight: 400;
    font-family: 'Oswald', sans-serif;
    position: relative;
    display: table;
    margin-bottom: 0px;
    vertical-align: top;
    width: auto;
    font-size: 26px;
    line-height: 30px;
    color: #000;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


#showcase-holder { } /* per compatibilità con footer hidden nelle schede prodotti */

#showcase-holder.overflow-inherit {overflow: inherit !important;height: inherit; position: relative;}


.white-section {background: #fff !important;}

.light-content .button-text { color: #e42b31;}
.light-content .plus-img span:first-child:before, .light-content .plus-img span:last-child:before { background-color: #e42b31;}
.hero-bottom {padding: 60px 80px 160px 160px;}




/*----------------------------*/
/* nextpage css               */
/*----------------------------*/

a.selected {
	cursor: default;
}
#http404,
#goog-fixurl {
	overflow: hidden;
	background-color: white;
	margin-top: 100px;
}
#menu-flash {
	/*height: 0;
	width: 0;
*/
	display: block;
}
#menu-flash ul {
	list-style: none;
	font-size: 16px;
}
#menu-flash ul li {
	float: left;
	margin: 2px;
}
#menu-flash ul li a {
	padding: 10px 15px;
	border: 1px #ccc solid;
	font-weight: 700;
}
#menu-flash ul li a.active {
	background-color: #DBE8F5;
}
.center-text {
	text-align: center;
}
.left-text {
	text-align: left;
}
.right-text {
	text-align: right;
}
.visible {
	overflow: visible;
}
div#tornaElenco {
	position: relative;
	float: left;
	width: 100%;
	background: #70aed2;
	margin: 20px 0;
	text-align: center;
	font-size: 22px;
	text-transform: uppercase;
}
div#tornaElenco a {
	color: #fff;
	font-family: 'Raleway', sans-serif;
	font-weight: 500;
	padding: 12px 0;
	display: inherit;
}
/* contenitori per i paragrafi-news  */
.cont-scheda-news {
	padding: 0px 30px 10px 0px;
}
/* in presenza di colonna di destra, cont-dx-scheda era troppo largo, quindi si applica cont-dx-scheda-small */
.cont-scheda-paragrafo {
	margin: 0 auto;
	padding-bottom: 0%;
	height: auto;
}
.cont-scheda-paragrafo img {
	height: auto !important;
}
.cont-scheda-paragrafo p, .cont-scheda-news p {
	font-weight: normal;
	line-height: 1.6em;
	font-weight: 500;
}
#indexico {
	float: right;
	width: 56px;
	height: 22px;
	padding: 0;
	margin: 0;
	background: url(../images/indexico-born.png) center center no-repeat;
}
.alleg_pdf a {
	background-color: #70aed2;
	color: #fff;
	padding: 10px 30px;
	margin-top: 20px;
	font-size: 30px;
	display: inline-block;
	text-align: center;
}
.colbox-cont {
	display: inline-block;
	width: 100%;
}

.colbox-cont a.image-link {display: inline-block;    margin: 10px;  border: 8px solid #7ba8bf;}
.colbox {
	float: left;
	margin: 0 0 0 0;
	border: 0;
}


.next-page-title.services {
    margin: 60px auto 30px;
    text-transform: uppercase;
}
/* fine next page css */

.privacy-box {float: left; width: 100%; margin-top: 0;}

.section-image::after {background: transparent;}

.showcase-subtitles-wrap { left: 0;  top: -20px !important;}


@media (min-width:1200px) and (max-width:1679px) {
.hero-title {font-size: 78px; line-height: 100px;}
.Lfa-img-container-700 {
	height: 600px;
}
}
@media (min-width:992px) and (max-width:1199px) {
.Lfa-img-container-full-h {
}

}

@media only screen and (max-width: 1386px) {
.quick-title {font-size: 3em;}
#hero-bg-image {
/*    background-size: contain;
    top: 120px;
    background-repeat: no-repeat;
    background-position: top;
    */
    }
  .copyright { left: 150px;}
  .header-middle .button-wrap.left {left: 60px;}
  footer { height: 100px;}
}

@media only screen and (max-width: 1024px) {      
.dark-content div#header-container { background: rgba(255, 255, 255, 0.89);}
h1.has-mask span, h1.has-mask span > span {font-size: 70px; line-height: 100px;}
.button-wrap.right.menu {  float: inherit;}
.section-image.s1 {background-color: inherit;}
.section-image.s2 {background-color:  inherit;}
.section-image.s3 {background-color:  inherit;}
.section-image.s4 {background-color:  inherit;}
.section-image.s5 {background-size: cover;background-color:  inherit;}
.section-image.s6 {background-size: cover;   background-color:  inherit;}

.hero-title, .page-title { font-size: 60px;  line-height: 70px;}
.has-mask {margin-top: 0em;}
#main-page-content-white, #main-page-content-white2 {padding: 0 40px;}
.header-middle, #quickmenu { display: inherit;}
.quick-title {line-height: 60px;margin-bottom: 20px;}
#footer-container {height: 60px;}
.section-image { background-size: contain;}
.next-page-title.services {margin: 20px auto 30px;}
}

@media (max-width:767px) {        
#logo {/*top: 7px;*/}
/*.header-middle .icon-wrap {height: 65px;}
.header-middle .button-text {margin: 17px 0;}*/
.copyright {font-size: 10px;}
footer.showcase-footer .arrows-wrap {    float: right;  top: -50px; left: inherit;}
footer .socials-wrap { display: none;}
.copyright {left: 0;}
.hero-bottom { padding: 30px 30px 60px 120px;}
 footer.fixed {  background: #ffffffcf;}

    /*brdx */
    /*
#showcase-holder .showcase-captions-wrap.stroked {       
    height: 250px;
    top: calc(50vh - 40px);
    transform: translateY(-80px);
    -webkit-transform: translateY(-80px);
}
 
 #showcase-holder .showcase-captions-wrap {
    height: 80px;
    top: calc(50vh - 80px);
}
 */
}

@media (min-width:768px) {
#hero-caption {padding: 160px 50px 60px 50px;}  
}
                          }
@media (min-width:768px) and (max-width:991px) {
.Lfa-img-container-full-h {}
}
@media (min-width:480px) and (max-width:767px) {
.Lfa-img-container-full-h {}
.copyright {
    left: 50px;
}
}
@media (max-width:479px) {
#logo img {max-height: 30px;}
h2 {font-size: 30px; line-height: 30px;}
.next-page-title .inner {    height: 70px;}
.header-middle .button-wrap.left {left: 40px;}
#hero.has-image #hero-caption {padding: 90px 20px;}
.header-visible #header-container .button-wrap.right .button-text {display: none;}
.header-middle .button-wrap.left .button-text {width: 70px;} 
.header-middle .button-wrap.left  .icon-wrap {width: 55px;}
    width: 70px;
.button-wrap.right.menu { right: 0px; position: absolute;}
.row_padding_bottom {padding-bottom: 5em;}
.row_padding_top { padding-top: 4em;}
.hero-title, .page-title { font-size: 40px;   line-height: 50px;}
.hero-title h2 {font-size: 12px; letter-spacing: 1px;   line-height: 20px;}
.title, #showcase-carousel-slider .outer .title {font-size: 38px; line-height: 40px;  height: 85px;}
.has-mask { margin-top: 0em;}
h1 {font-size: 50px; line-height: 50px;}
.Lfa-img-container-full-h {}
.Lfa-img-container-full-h img {}
h1.has-mask span, h1.has-mask span > span { height: 80px;font-size: 44px; }  
div#backtotop.button-wrap.left {top: -10px;}
}

@media (max-width:340px) {
 h1.has-mask span, h1.has-mask span > span  {  font-size: 36px;  line-height: 48px;     height: 50px; }
 .light-content p {font-size: 16px;line-height: 26px;}
h2.has-mask span, h2.has-mask span > span {height: 30px;line-height: 26px;font-size: 22px;}
}