/*
*   name           Favourite
*   version        3.4
*   description    Responsive and customizable Joomla!3 template
*   demo           ttp://demo.favthemes.com/favourite/
*   author         FavThemes
*   author URL     https://www.favthemes.com
*   copyright      Copyright (C) 2012-2016 FavThemes.com. All Rights Reserved.
*   license        Licensed under GNU/GPLv3 (https://www.gnu.org/licenses/gpl-3.0.html)
*/

/*
******************************************************************************************

/// custom style

******************************************************************************************
*/


@import url('https://fonts.googleapis.com/css?family=Raleway:400,600&subset=latin-ext');

body,h1,h2,h3,h4{font-family: 'Raleway', sans-serif;}
a.backtop i{background-color:#696666;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;}


/*HACKS*/
#fav-containerwrap{background:initial;}
.item-page{position:relative;margin:0;text-align:initial;}
.btn-group.pull-right{position:absolute;top:0;right:0;z-index: 99;}
.default-logo{margin:0;}
#fav-container{margin:0;box-shadow:initial;}
#fav-mainwrap .row-fluid{max-width:100%;}
.default-logo img, .media-logo img{    max-width: 150px;  width: 100%;}
#fav-showcopyright, #fav-copyright1, #fav-copyright2{float:left;width:48%;margin:auto;}

#fav-breadcrumbs .moduletable, #fav-breadcrumbs div[class^="moduletable-"], #fav-breadcrumbs div[class*=" moduletable-"]{margin:0}
.aligner{text-align:center;}
#fav-topbarwrap{box-shadow:initial;}
.projects-wrapper .project-img, .project-wrapper .project-img{text-align:center !important;}

#fav-copyrightwrap{border-top: 2px solid;background: #e4e4e4;position:relative;padding: 10px 0 !important;margin-top:80px;}
/*social footer*/
.absoluteSocial #SocialButtons{position:absolute;top:50%;right:20px;transform:translateY(-50%);}
#SocialButtons img{max-width:40px;width:100%;margin: 0px 10px;}
#SocialButtons-map{text-align:center;margin-top:15px;}
#SocialButtons-map img{max-width:50px;width:100%;margin:0 5px;}

/*Social Menu*/

#SocialMenu{position:absolute;top:50%;right:0;transform:translateY(-50%);z-index:99;}
#SocialMenu img{max-width:30px;width:100%;}
#SocialMenu > a:nth-child(1) > img{margin-right:5px;}
#SocialMenu > a:nth-child(2) > img{margin-right:10px;}

#SocialMenu a{padding:0;}
/*-----------Mobile Logo-------------*/
#MobileLogo{text-align:center;}
#MobileLogo h1{margin:0;}
#MobileLogo img{max-width: 200px;width: 100%;max-height:200px;height:100%;}

/**-----------------MENU----------------------**/
#fav-headerwrap{border:0px;padding:25px 20px;position:relative;z-index:1000;}
.custom_mainmenu{background: #CCCDD0;}
.custom_mainmenu ul li a{margin:0 !important;border-radius:0 !important;-moz-border-radius:0 !important;-webkit-border-radius:0 !important;text-transform:uppercase !important;color:#fff !important;}

#SocialMenu-mobile{text-align:center;}
#SocialMenu-mobile img{max-width:40px;margin:0px 15px;}

.favnav .navigation .nav-pills a, .favnav .navigation .menunav-pills a, .favnav .navigation .nav-pills > li > a, .favnav .navigation .menunav-pills > li > a, .favnav .navigation .nav-pills span.nav-header, .favnav .navigation .menunav-pills span.nav-header, .favnav .navigation .nav-pills > li > span.nav-header, .favnav .navigation .menunav-pills > li > span.nav-header, .favnav .navigation ul.nav.menu li span.nav-header{
	margin:0 !important;
 	border-radius:0 !important;
 	-moz-border-radius:0 !important;
 	-webkit-border-radius:0 !important;
 	text-transform:uppercase !important;
 	color:#fff !important;
 	font-family:inherit;
}

.favnav .navigation .nav-pills > .active > a, .favnav .navigation .nav-pills > li > a:hover, .favnav .navigation .nav-pills > li > a:focus, .favnav .navigation .menunav-pills > .active > a, .favnav .navigation .menunav-pills > li > a:hover, .favnav .navigation .menunav-pills > li > a:focus, .favnav .navigation li span.nav-header:hover, .favnav .navigation li span.nav-header:focus, .favnav .navigation .nav-pills > .active > span.nav-header, .favnav .navigation .nav-pills > li > span.nav-header:hover, .favnav .navigation .nav-pills > li > span.nav-header:focus, .favnav .navigation .menunav-pills > .active > span.nav-header, .favnav .navigation .menunav-pills > li > span.nav-header:hover, .favnav .navigation .menunav-pills > li > span.nav-header:focus{
	background-color:#a9abad !important;
 	color:#000 !important;
}

.favnav .navigation .nav-pills .nav-child > .active{color:#fff!important;}

.favnav .navigation ul.nav-child{background:#6b6d70;-webkit-border-radius: 0px !important;-moz-border-radius: 0px !important;border-radius: 0px !important;}
.favnav .navigation .nav-pills .nav-child a{border:0px;}
.favnav .navigation .nav-pills .nav-child > li > a:hover{color:#a9abad !important;}
#fav-header{display: flex;flex-direction: row;justify-content: center;align-items: center;}

.favnav .navigation .nav-pills .nav-child > .active > a{color:#9e9e9e !important;}

/*---------------------------------------------------------------*/

/*homepage*/
#homeBackground{height:80vh;position:relative;
	background-image:url("https://www.fratelliinnocenti.com/images/materiale_grafico/Home/HOME.jpg");  
    background-attachment: scroll;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
#SideBarMenu{text-align:center;position: absolute;left: 0;top: 0;width: 200px;background: rgba(0, 6, 23, 0.2);height: 100%;}
#SideBarMenu img{padding:20px;}
#SideBarMenu > ul{list-style:none;margin-top:20px;margin-bottom:0;margin-left:0;margin-right:0;}
#SideBarMenu ul li{line-height:40px;}
#SideBarMenu > ul > li:nth-child(4){margin-top:60px;}
#SideBarMenu ul li a{color:#fff;text-decoration:none;text-transform:uppercase;}
#footerMenu{position: absolute;left: 0;right: 50%;bottom: 0;text-align: center;width: 100%;}
#footerMenu ul{margin:0;overflow:auto;}
#footerMenu ul li{float: left;width:49%;}
#footerMenu ul li a{display: block;text-transform:initial;font-size:10px;}
#SideBarMenu a{-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;}
#SideBarMenu a:hover{color:#000 !important;}
.homepage .container-fluid{padding:0 !important;}
.homepage .fav-article-details{margin:0;}
.homepage #fav-copyrightwrap{margin-top:0px;display:none;}


#SocialHome img{padding:0;margin-top:30px;max-width:40px;transition: all 0.2s ease 0s;-o-transition: all 0.2s ease 0s;-moz-transition: all 0.2s ease 0s;-webkit-transition: all 0.2s ease 0s;}
#SocialHome img:hover{margin-top: 20px;}
#SocialHome > a:nth-child(1){margin-right:10px;} 
#SocialHome > a:nth-child(2){margin-left:10px;} 


#modalTrigger{padding:10px 0;}
#modalTrigger a{color:#fff;}

#custom_CopyRight{color:#fff; font-size:10px; padding:10px;}

#fav-backtop{margin:0;}


.headingTitle{text-align:center;text-transform:uppercase;font-weight: 400;margin: 40px 0;}
#HomeLogoMobile{position: absolute;top: 0;z-index: 99;width: 100%;text-align: center;display:none;}
#HomeLogoMobile img{max-width: 200px;width: 100%;height: 100%;}
#SocialHomeMobile{position: absolute;bottom: 0;z-index: 99;width:100%;text-align:center;display:none;margin-bottom:20px;}
#SocialHomeMobile img{margin: 0px 20px;max-width:50px;}

.MobileLogo{display:none;}

/*Footer Menu*/
#footer_custom_Menu{float: right;margin-right: 20px;}
#footer_custom_Menu ul{list-style:none;margin:0;}
#footer_custom_Menu ul li{float:left;}
#footer_custom_Menu ul li a{padding:0 10px;color:#000000;
transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;}

#footer_custom_Menu ul li a:hover{color:#ffffff;text-shadow: 2px 1px 2px rgba(150, 150, 150, 0.91);}

/*Loader*/
/* Preloader */

#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  /* change if the mask should have another color then white */
  z-index: 99;
  /* makes sure it stays on top */
}

#status {
  width: 200px;
  height: 200px;
  position: absolute;
  left: 50%;
  /* centers the loading animation horizontally one the screen */
  top: 50%;
  /* centers the loading animation vertically one the screen */
  background-image: url(https://www.fratelliinnocenti.com/images/FInnocenti-loader.gif);
  /* path to your loading animation */
  background-repeat: no-repeat;
  background-position: center;
  margin: -100px 0 0 -100px;
  /* is width and height divided by two */
}

/*MENU*/

#fav-logo{width:initial;}
#fav-nav{background: #CCCDD0;position:relative;}
#fav-headerwrap > .row-fluid{max-width:100%;}
.favnav{float:left;}


/*struttura 4 immagini + testo e parallax*/

#wrapperDiContenuto{display: table;width: 100%;text-align: center;}
.ImageWrapper a{text-decoration:none;color:#000;}
.ContentColumn {display: table-cell;width: 30%;margin: auto;vertical-align:middle;}
.TextWrapper_Mobile{padding:20px;}
.ContentColumn .TextWrapper{padding-right:20px;padding-left:20px;}
.ContentColumn .ImageWrapper{position:relative;display:table;margin: 50px auto;max-width:250px;width:100%;}
.ImageWrapper > a > div{
	top: 50%;
    transform: translateY(-50%);
    position: absolute;
    width: 100%;
    background: #fff;
    padding: 20px 0;
    text-transform:uppercase;
    font-size:30px;
}
.ContentColumn .ImageWrapper img{position:relative;}

#Parallax-Imbiancatura{
	background-image: url("https://fratelliinnocenti.com/images/parallax-ph.jpg");    
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height:300px;
}

.MarginFix-Left{margin-left:10% !important;}
.MarginFix-Right{margin-right:10% !important;}

/*------------------------------------------------------------*/


/*Imbiancatura Semplice*/
.ImageWrapper{position:relative;display:inline-block;margin:auto;}
.categoryRow{margin-top:80px;padding-bottom:40px;text-align:center;}
.categoryRow > .ImageWrapper img{float:left;max-width: 500px;width: 50%;}


/*---ESTERNI---*/
.esterni_e_interni .categoryRow{margin-top:20px;padding-bottom:10px;}
.esterni_e_interni .ContentColumn{width:48%;vertical-align:middle;display:inline-block;}
.esterni_e_interni .categoryRow .ContentColumn .ImageWrapper{display:inline-block;margin:20px 1%;}
.esterni_e_interni .ContentColumn .TextWrapper{width: 50%;margin: auto;text-align: left;}


/*STORIA*/
#Storia{min-height: 90vh;text-align:center;line-height: 20px;}
#Parallax-Storia{
    background-image: url("https://fratelliinnocenti.com/images/materiale_grafico/Parallax-Storia.jpg");    
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height:300px;
    text-shadow: 2px  2px 3px #000;}

#Parallax-Storia h1,
#Parallax-Storia h2,
#Parallax-Storia h3,
#Parallax-Storia h4,
#Parallax-Storia h5,
#Parallax-Storia h6{margin-top:50px;margin-bottom:50px;padding:0 10px;text-decoration:underline;}
#Parallax-Storia div{max-width:400px;margin:auto;width:100%;margin-bottom:40px;}

/*----------------DECORAZIONI--------------------*/
#GalleryMenuWrapper{text-align:center;}
.headingText{line-height: 18px;text-align: center;padding: 20px;max-width: 550px;margin: auto;}
.GalleryMenuCell{display: inline-block;width: 30%;margin:1%;}
#GalleryMenuWrapper .ImageWrapper{margin: 40px 0;  }

#GalleryMenuWrapper .ImageWrapper img{max-width: 250px;width: 100%;}

.GalleryMenuCell .ImageWrapper > a > div{font-size:20px;}

#Parallax-Decorazioni{
    background-image: url("https://fratelliinnocenti.com/images/parallax-ph.jpg");    
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height:300px;
}


.BoxShadow{
	box-shadow: 0 4px 5px #7d7979;
	-moz-box-shadow: 0 4px 5px #7d7979;
	-webkit-box-shadow: 0 4px 5px #7d7979;

   -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.BoxShadow:hover{
	-webkit-box-shadow: 0px 5px 20px 1px rgba(0,0,0,0.5),  0px -5px 20px 1px rgba(0,0,0,0.5);;
    -moz-box-shadow: 0px 5px 20px 1px rgba(0,0,0,0.5),  0px -5px 20px 1px rgba(0,0,0,0.5);;
    box-shadow: 0px 5px 20px 1px rgba(0,0,0,0.5),  0px -5px 20px 1px rgba(0,0,0,0.5);;
}

.TextWrapper_Mobile{display:none;}


/*      Pagina Semplice         */

#SimplePage{padding-bottom: 80px;padding-right:20px;padding-left:20px;}
#titleWrapper{margin:60px 0;text-align:center;}
#titleWrapper > div > h1{display:inline;text-transform:uppercase;font-size:3em;font-weight:600;border-bottom:3px solid black;padding:5px 20px;}
#textDescription{font-size: 1.7em;line-height: 25px;text-align:center;}

.WrapperImmagini{max-width:800px;margin:auto;padding-top:50px;}
.pictureWrap{display:inline-block;width:49%;text-align:center;}
.pictureWrap img{max-width:300px;width:100%;padding:10px;}

/*SERVIZI*/


#Servizi{}
#tornaHome{text-align:center;margin-top:5%;}
#Servizi h1 {text-align: center;color: #333;}

#Servizi .accordeon {
  width: 100%;  
  overflow: hidden;  
  box-shadow: 0 4px 5px #7d7979;
  -moz-box-shadow: 0 4px 5px #7d7979;
  -webkit-box-shadow: 0 4px 5px #7d7979;
}
#Servizi .accordeon ul {
  width: 100%;  
  height: 100%;
  display: table;
  table-layout: fixed;
  margin: 0;
  padding: 0;
}
#Servizi .accordeon ul li {
  display: table-cell;
  vertical-align: bottom;
  position: relative;
  width: 16.666%;  
  background-repeat: no-repeat;
  background-position: center center;
  transition: all 500ms ease;

  box-shadow: 0 4px 5px #7d7979;
    -moz-box-shadow: 0 4px 5px #7d7979;
    -webkit-box-shadow: 0 4px 5px #7d7979;
}
#Servizi .accordeon ul li div {
  display: block;
  overflow: hidden;
  width: 100%;
  height:100%;
}
#Servizi .accordeon ul li div a {
  display: block;
  height:100%;
  width: 100%;
  position: relative;
  z-index: 3;
  vertical-align: bottom;
  box-sizing: border-box;
  color: #fff;
  text-decoration: none;
  transition: all 200ms ease;
}
#Servizi .accordeon ul li div a * {
  opacity: 0;
  margin: 0;
  width: 100%;
  text-overflow: ellipsis;
  position: relative;
  z-index: 5;
  white-space: initial; 
  overflow: hidden; 
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
}
#Servizi .accordeon ul li div a h2 {
  
  text-overflow: clip;
  font-size: 24px;
  text-transform: uppercase;
  margin-bottom: 2px; 
  top:50%;
  right:44%;
  color:#fff;
  text-align:center;
  -webkit-transform: rotate(270deg)!important;
  -moz-transform: rotate(270deg)!important;
  -o-transform: rotate(270deg)!important;
  text-shadow: 2px 2px 4px rgba(150, 150, 150, 1);
font-weight:bold;
}

#Servizi .accordeon ul li div a p {top:45%;font-size: 13.5px;}

#Servizi .accordeon ul li:nth-child(1) {background-image: url("https://www.fratelliinnocenti.com/images/materiale_grafico/Decorazione/Decorazione_Accordionpdf.jpg");}/*Decorazioni*/
#Servizi .accordeon ul li:nth-child(2) {background-image: url("https://www.fratelliinnocenti.com/images/materiale_grafico/Imbiancatura/Imbiancatura_Accordion.jpg");}/*Imbiancatura*/
#Servizi .accordeon ul li:nth-child(3) {background-image: url("https://www.fratelliinnocenti.com/images/materiale_grafico/Restauro/Restauro_Accordion.jpg");}/*Restauro*/
#Servizi .accordeon ul li:nth-child(4) {background-image: url("https://www.fratelliinnocenti.com/images/materiale_grafico/verniciatura/Verniciatura_Accordion.jpg");}/*Restauro*/



#Servizi .accordeon ul:hover li {}
#Servizi .accordeon ul:hover li:hover { width: 100%;}
#Servizi .accordeon ul:hover li:hover a {}
#Servizi .accordeon ul:hover li:hover a * { opacity: 1;}

.servizi #fav-mainwrap{padding:0;}
.servizi .fav-article-details{margin:0;}


/*PORTFOLIO*/
#portfolio{padding-bottom: 80px}
#portfolioMenu{text-align:center;}
#portfolioMenu .cell{width:32%;display:inline-block;}
#portfolioMenu .cell img{width: 80%; margin: auto;  
    
         box-shadow: 0 4px 5px #7d7979;
     -moz-box-shadow: 0 4px 5px #7d7979;
     -webkit-box-shadow: 0 4px 5px #7d7979; 

    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;  
    transition:all 0.4s ease;
    -webkit-transition:all 0.4s ease;  
    -moz-transition:all 0.4s ease;  
    -o-transition:all 0.4s ease;   }

    #portfolioMenu .cell img:hover{
      -webkit-box-shadow: 0px 10px 25px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 10px 25px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 10px 25px 0px rgba(0,0,0,0.75);  }

/*-----------Pagina Interna-----------------*/

.pagina_interna{height:80vh;}
.pagina_interna h1{margin-top:0;}
.pagina_interna .categoryRow{margin-top:0;}
.pagina_interna .categoryRow .ContentColumn{display:inline-block;width:45%;}
.pagina_interna .categoryRow .ContentColumn .ImageWrapper{display:inline-block;margin:20px 3%;}
.pagina_interna .categoryRow .ContentColumn .TextWrapper{text-align:left;}

/*------------------Restauro-----------------------*/
#Parallax-Restauro{
	background-image: url("https://fratelliinnocenti.com/images/parallax-ph.jpg");    
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height:300px;}


/*------------------------------CONTATTI----------------------------*/
.contatti .container-fluid{padding:0 !important;}
.contatti #fav-headerwrap{padding:0px !important;}
#contatti{position:relative;z-index:1;}
.contactPage{}
.contactPage .yjsgsitew{width:100%;}
.contactPage #custom_header_wrapper{max-width:1300px}
.contactPage div.inside-container{padding:0;}


#formTitle{background:#272626;
color:#fff;
text-transform:uppercase;
padding:12px 0px 10px 0px;
text-align:center;
letter-spacing:1px;}

#thankYouMessage{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
  font-size:3em;text-transform:uppercase;text-align:center;padding: 30px 0; margin-bottom: 20px;}
#BackToHome{height:20vh;text-transform:uppercase;text-align:center;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.BTH_Button {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
  background: #066495;padding: 20px 40px;
  border: 1px solid #066495;
  box-shadow: 0px 2px 0 #066495, 2px 4px 6px #2f8bbb;
  -webkit-box-shadow: 0px 2px 0 #066495, 2px 4px 6px #2f8bbb;
  -moz-box-shadow: 0px 2px 0 #066495, 2px 4px 6px #2f8bbb;
  font-weight: 900;
  letter-spacing: 1px;
  -webkit-transition: all 150ms linear;
  transition: all 150ms linear;}

.BTH_Button:hover {
  background: #828282;
  border: 1px solid rgba(0, 0, 0, 0.05);
  box-shadow: 1px 1px 2px rgba(255, 255, 255, 0.2);  
  text-decoration: none;
  text-shadow: -1px -1px 0 #4c4c4c;
  -webkit-transition: all 250ms linear;
  transition: all 250ms linear;}

 a.BTH_Button{color:#fff}


#contactBOX{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
  font-weight: 600;color:#000000;-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
	position:absolute;top:30%;left:3%;z-index:2;min-width:300px;height:auto;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;background-color:rgba(195, 191, 191, 0.4);padding: 20px 20px 40px 20px;}

#contactBOX h3{font-weight: 600;text-align: center;}


#contactBOX *{  -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}  

#contactBOX a{color:#016698;}
#contactBOX a:hover{color:#00e5ff;}



#ContactTable{text-align:center;font-size:15px;}
#ContactTable .TableRow{border-bottom:1px solid #dcdcdc;margin: 10px 0;padding: 10px 0;}
#ContactTable .TableRow .TableCell{width:49%;padding:0 5px;display:inline-block;vertical-align: top;}
#ContactTable > .TableRow >.TableCell:nth-child(odd){/*background:red*/;text-align:left;}
#ContactTable > .TableRow >.TableCell:nth-child(even){/*background:green;*/text-align:right;}

    .google-maps {position: relative;overflow: hidden;}
    .google-maps iframe {position: absolute;top: 0;left: 0;width: 100% !important;height: 100% !important;}


#contactBOX:before{
	content:"";
	display:block;
  -webkit-filter: url('#blur');
  filter: url('#blur');
  -webkit-filter: blur(5px);
  filter: blur(5px);
  background-size: cover;
  opacity: 0.3;
  position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background:#fff;
    z-index:-1;
}



.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-timing-function: linear; 
  animation-timing-function: linear;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 2s; 
  animation-duration: 2s;

}

@-webkit-keyframes fadeIn {
  from {opacity: 0;}
  to {opacity: 1;}
}

@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity: 1;}
}


/*----------------------MEDIA Queries--------------------------*/

@media screen and (max-width:1200px){
#fav-header{display:block;}
}

@media (max-width: 1200px) and (min-width: 768px){
	#fav-nav.span9 {width: 100%;margin-left: 0;margin-top: 20px;border:0px;}
	
}

@media screen and (max-width: 768px){


	#textDescription {    font-size: 15px;    line-height: 18px;    text-align: center;}
  #textDescription h2{line-height:22px;font-size:22px !important;}
  #textDescription h3{line-height:18px;font-size:18px !important;}

	.MiddleColumn{display:none;}
	.TextWrapper_Mobile{display:block;}

#portfolioMenu .cell{width:100%;margin:auto;margin-bottom:40px;}


#Parallax-Storia{background-size:contain;background-attachment: initial;height:160px; }
	 .servizi .container-fluid{padding:0 !important;}

		#SocialHomeMobile, #HomeLogoMobile, .MobileLogo{display:block;}
		#SideBarMenu{display:none;}

	.pagina_interna .categoryRow .ContentColumn{display:block;width:100%;}
	.pagina_interna .categoryRow .ContentColumn .ImageWrapper{display:inline-block;margin:20px 3%;width:40%;}
	 body{font-size:10px;}
}

@media screen and (max-width:601px){
	.ImageWrapper > a > div{font-size:20px;}


  #ContactTable .TableRow .TableCell{width:100%;padding:0 5px;display:block;vertical-align: middle;}
  #ContactTable > .TableRow >.TableCell:nth-child(even){text-align:left;}
}


@media screen and (max-width: 701px){
	#contactBOX {	    
	    position: static;	    
	    margin-top: 0px;
	    border-radius: 0px;
	    -webkit-border-radius: 0px;
	    -moz-border-radius: 0px;      }

}


@media screen and (max-width:920px){

	.GalleryMenuCell{width:26%;}
	.GalleryMenuCell .ImageWrapper > a > div{font-size:10px;padding:3px 0;}
}

@media screen and (max-width:768px){

#footer_custom_Menu{float:initial;overflow:auto;}
#footer_custom_Menu ul{overflow:auto;}
#footer_custom_Menu ul li{float:initial;text-transform:uppercase;font-weight:600;}
#footer_custom_Menu ul li a{font-size:12px;display:block;:padding:3px 10px;}


/*#target{height:initial !important;}*/
.accordeon ul li div a h2{display:none;}
     
    #Servizi .accordeon {height: auto !important;}
    #Servizi .accordeon  ul{height:initial;}
    #Servizi .accordeon  ul li div{height:350px;}

    #Servizi .accordeon  ul li, .accordeon ul li:hover, .accordeon ul:hover li, .accordeon ul:hover li:hover {
        position: relative;
        display: table;
        table-layout: fixed;
        width: 100%;
        -webkit-transition: none;
        transition: none;      }

#Servizi .accordeon ul li:nth-child(1) {background: url("https://www.fratelliinnocenti.com/images/materiale_grafico/mobile/Decorazione_Mobile.jpg") no-repeat 0% 0%;}/*Decorazioni*/
#Servizi .accordeon ul li:nth-child(2) {background: url("https://www.fratelliinnocenti.com/images/materiale_grafico/mobile/Imbiancatura_Mobile.jpg") no-repeat 0% 0%;}/*Imbiancatura*/
#Servizi .accordeon ul li:nth-child(3) {background: url("https://www.fratelliinnocenti.com/images/materiale_grafico/mobile/Restauro_Mobile.jpg") no-repeat 0% 0%;}/*Restauro*/
#Servizi .accordeon ul li:nth-child(4) {background: url("https://www.fratelliinnocenti.com/images/materiale_grafico/mobile/accordion-mobile-verniciatura.jpg") no-repeat 0% 0%;}/*Verniciatura*/



}

@media screen and (max-width:786px){
  #SocialButtons{display:none;}
  .homepage #fav-copyrightwrap{margin-top:0px;display:block;}
}

@media screen and (max-width:425px){
      #Servizi .accordeon ul li div{height:200px;}
      #Servizi .accordeon ul li:nth-child(1) {background: url("https://www.fratelliinnocenti.com/images/materiale_grafico/mobile/Decorazione_Mobile_Small.jpg") no-repeat 0% 0%;}/*Decorazioni*/
      #Servizi .accordeon ul li:nth-child(2) {background: url("https://www.fratelliinnocenti.com/images/materiale_grafico/mobile/Imbiancatura_Mobile_Small.jpg") no-repeat 0% 0%;}/*Imbiancatura*/
      #Servizi .accordeon ul li:nth-child(3) {background: url("https://www.fratelliinnocenti.com/images/materiale_grafico/mobile/Restauro_Mobile_Small.jpg") no-repeat 0% 0%;}/*Restauro*/
      #Servizi .accordeon ul li:nth-child(4) {background: url("https://www.fratelliinnocenti.com/images/materiale_grafico/mobile/accordion-mobile-verniciatura-small.jpg") no-repeat 0% 0%;}/*Verniciatura*/
}