body::-webkit-scrollbar { 
    display: none; 
}
.fab {
    background-color: #000000;
}

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Page loader
2.0 Blockquote
3.0 Progress bar
4.0 Main menu light version hover
5.0 Services panel 1
6.0 Services panel 2
7.0 Content block 2 read more hover
8.0 Portfolio items
9.0 Submit form active hover
10.0 More items link hover
11.0 Single page and post
12.0 Sidebar
--------------------------------------------------------------*/

 
input::-webkit-input-placeholder {
color: red !important;
}
 
input:-moz-placeholder { /* Firefox 18- */
color: red !important;  
}
 
input::-moz-placeholder {  /* Firefox 19+ */
color: red !important;  
}
 
input:-ms-input-placeholder {  
color: red !important;  
}


input { 
    color:  grey !important; 
}
input:focus { 
    outline: none !important;
    border-color: white;
}



/********************************************
1.0 Page loader
*********************************************/
.loader {
	border-left: 0.5em solid #000000;
}

/********************************************
2.0 Blockquote
*********************************************/
blockquote {
	border-left: #000000 solid 5px;
}

/********************************************
3.0 Progress bar
*********************************************/
.progress-bar {
	background-color: #000000;
}

/********************************************
4.0 Main menu light version hover
*********************************************/

/********************************************
03-Main menu
********************************************/
/*Remove logo space in menu*/
.logo {
    height: 0px !important;
}

/*Remove decoration in menu*/
#main-menu .nav-menu li a {
    text-transform: none !important;
}

#main-menu .nav-menu li {
    border-top-width: 0px !important;
}

#main-menu .nav-menu li:last-child {
    border-bottom-width: 0px !important;
}

#main-menu .sidebar-nav {
    background-color: #fff !important;
    box-shadow: 0 0 0px rgba(0, 0, 0, 0)!important;
}

#main-menu .nav-menu li:after {
    background-color: #fff !important;
}

#main-menu .nav-menu li:hover a {
    color: rgb(135, 135, 135) !important;
}

#main-menu .nav-menu li.active a {
    color: #000 !important;
}

#main-menu .nav-menu li a {
    color: #000 !important;
}

#main-menu .nav-menu li span {
    background-color: #fff !important;
}

#main-menu .dropdown-menu ul {
    list-style: none;
    padding-left: 20px;
    border-top: #303030 solid 1px;
    background-color: #ffffff;
} 
/********************************************
5.0 Services panel 1
*********************************************/
/* Service icon background color hover */
.services-panel1 .service-box:hover {
	background-color: #00838f;
}

/********************************************
6.0 Services panel 2
*********************************************/
/* Service icon background color hover */
.services-panel2 .service-box .icon-hover {
	background-color: #000000;
}

/* Service title hover */
.services-panel2 .service-detail h3 a:hover {
	color: #000000;
}

/* Service title hover dark version */
.services-panel2.dark .service-detail h3 a:hover {
	color: #000000;
}

/********************************************
7.0 Content block 2 read more hover
*********************************************/
.content-block2 .content-block-detail .read-more:hover {
	color: #6d6d6d;
}

.content-block2 .content-block-detail .read-more:hover:after {
	color: #6d6d6d;
}

.content-block2 .carousel-item.dark .content-block-detail .read-more:hover {
	color: #6d6d6d;
}

.content-block2 .carousel-item.dark .content-block-detail .read-more:hover:after {
	color: #6d6d6d;
}

/********************************************
8.0 Portfolio items
*********************************************/
/* Portfolio filter hover */
.portfolio-filter li.filter:hover,
.portfolio-filter li.filter.selected {
	color: #000000;
	    font-weight: 700;
}

/* Portfolio link icon hover */
.portfolio-item .mega-hoverlink:hover i,
.portfolio-item .mega-hoverview:hover i {
	color: #000000;
}

/* Dark version portfolio filter hover */
.dark .portfolio-filter li.filter:hover,
.dark .portfolio-filter li.filter.selected {
	color: #000000;
}

/* Portfolio thumbnail hover */
.portfolio-item .mega-hover {
	background-color: rgba(0,0,0,0.85);
}

/* Related work thumbnail hover */
.related-work-thumb .mega-hover {
	background-color: rgba(0,0,0,0.85);
}

/********************************************
9.0 Submit form active hover
*********************************************/
.submit-form input:focus ~ label,
.submit-form textarea:focus ~ label,
.submit-form input:valid ~ label,
.submit-form textarea:valid ~ label {
	color: #000000;
}

.submit-form input ~ span,
.submit-form textarea ~ span {
	background: #000000;
}

/********************************************
10.0 More items link hover
*********************************************/
.more-item-link a:hover {
	color: #6d6d6d;
}

/********************************************
11.0 Single page and post
*********************************************/
/* Single post meta hover */
.single-post-meta ul li a:hover {
	color: #000000;
}

/* Related work link icon hover */
.related-work-thumb .mega-hoverlink:hover i,
.related-work-thumb .mega-hoverview:hover i {
	color: #000000;
}

/* Post date background color */
.date-wrap {
	background-color: #000000;
	border-bottom: #00838f solid 3px;
}

/* Blog list meta hover */
.blog-entry .blog-meta ul li a:hover {
	color: #000000;
}

/* Single post social share color hover */
.post-share-bottom ul li a:hover {
	background-color: #000000;
}

/* Single post pagination icon */
.post-pagination span:before {
	color: #000000;
}

/* Single post pagination hover */
.post-pagination h4 a:hover {
	color: #000000;
}

/* Related post title hover */
.related-post-title a:hover {
	color: #000000;
}

/* Comment reply color */
.comment-reply {
	color: #000000;
}

/********************************************
12.0 Sidebar
*********************************************/
/* Recent post title hover */
.recent-post-detail h4 a:hover {
	color: #000000;
}

/* Category list icon */
.widget_categories ul li:before {
	color: #000000;
}

/* Category list hover */
.widget_categories ul li a:hover {
	color: #000000;
}

/* Tag cloud bg color */
.widget_tag_cloud .tagcloud a {
	background-color: #000000;
}

/* Tag cloud bg color hover */
.widget_tag_cloud .tagcloud a:hover {
	background-color: #6d6d6d;
}

.services-panel1 .service-box:hover {
    background-color: #000000 !important;
}


/********************************************
04- Side dots
********************************************/
/*Side dots styling*/

.fp-nav { 
    top: 80%; 
}

.fp-nav ul li a span, .fp-slidesNav ul li a span {
    border: 2px solid rgba(0,0,0,0.6) !important;
}

.fp-nav ul li a.active span:after, .fp-slidesNav ul li a.active span:after {
    background-color: #000 !important;
}

.fp-nav.right {
    right: 80px;
}


.fp_nav_architect_not_active {
    right: 80px;
    top: 2px;
    left: 2px;
    width: 10px;
    height: 10px;
   
    background: rgba(0, 0, 0, 0);
    border-radius: 50%;
    position: absolute;
    z-index: 1;
	box-shadow: inset 0px 1px 1px 0px rgba(0,0,0,0.5);
	border: 2px solid rgba(0,0,0,0.6) !important;
	
	
}

.fp_nav_architect_active {
  
	background-color: #000 !important;
	
}

 
 
/********************************************
News button
*********************************************/

.home-news {
	position: absolute;
	/* top: 50%; */
	top: 48%;
	left: 91%;
	/* right: 90px;*/
	/* right: 2.7%; */
	z-index: 5;
}


/********************************************
Top Navigation
*********************************************/

.home-top-navigation {
	position: absolute;
	top: 30px;
	right: 117px;
	z-index: 5;
}

.home-top-navigation ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.home-top-navigation ul li { 
	float: left;
}


 
 

/********************************************
/********************************************
PortfolioLista progettia
*********************************************/

.home-portfolio-project-list {
	position: absolute;
	top: 120px;
	right: 81px;
	width: 15%;
	/* right: 2.7%; */
	z-index: 5;    
	text-align: right;
}
 
 
.hidden_project{
	 display: none;
	 visibility: hidden;
}

.showed_project{
	 display: block;
	 visibility: visible
;
}

/********************************************
 Top section title
*********************************************/
.home-top-titolo {
 
}

/********************************************
 Contacts social media
*********************************************/
.contacts-social-media {
	position: absolute;
    position: absolute;
    bottom: 38px;
	z-index: 5;
}

.contacts-social-media ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.contacts-social-media ul li {
    width: 25px;
    height: 25px;
    float: left;
    margin-left: 5px;
}

.contacts-social-media ul li a {
    color: #000 !important;
}

/********************************************
 Top social media
*********************************************/
.top-social-media {
 
	position: absolute; 
	z-index: 5;
}

.top-social-media ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.top-social-media ul li {
    width: 12px;
    height: 12px;
    float: left;
    margin-left: 5px;
}

.top-social-media ul li a {
    color: #000 !important;
}
 .socialhome_linkedin_link{
 height: 100%;	
 background-size: 100% 100%;
 background-image: url(../images/loghisocial/linkedinhome.png) ;
 background-position: bottom;
}

.social_linkedin_link{
 height: 100%;	
 background-size: 100% 100%;
 background-image: url(../images/loghisocial/linkedin2.jpg) ;
 background-position: bottom;
}

.social_facebook_link{
 height: 100%;	
 background-size: 100% 100%;
 background-image: url(../images/loghisocial/facebook2.jpg) ;
  background-position: bottom;
}

.social_instagram_link{
 height: 100%;	
 background-size: 100% 100%;
 background-image: url(../images/loghisocial/instagram2.jpg) ;
  background-position: bottom;
}

.social_tumblr_link{
 height: 100%;	
 background-size: 100% 100%;
 background-image: url(../images/loghisocial/tumblr.png) ;
  background-position: bottom;
}



/********************************************
 RIGHT SIDEBAR
*********************************************/

.slider-right-out{
    background-color:#ffffff;  
    z-index: 999999999;
}
.slider-right-inner{
    widh:100%; 
    heigth:100%; 
    border-left-width:thin;
    border-left-style: solid;  
    border-left-color: black;
}
.sidebar-content{
	margin: 20px 0 0 20px;
	overflow: hidden; 
	
}
 
 
.prjgal_figure_caption{ 
    color: white;
    display: block;
    position: fixed;
    top: 3%;
    padding-left: 9%;
    text-align: left;
}
.prjgal_figure_caption_bottom{ 
    position: relative;
    color: white;
    display: block; 
    bottom: -12px;
    text-align: center;
     margin-left: auto; 
     margin-right: auto; 
    z-index: 99999999999;
}


/********************************************
FONT GERBAUDI
*********************************************/

.default-archit-link{ 
    font-family: 'Raleway', sans-serif;
	color: #000000; 
	font-weight: normal;
	/* font-size: 1.6em; */
}

.default-archit-font-base { 
    font-family: 'Raleway', sans-serif;
    color: #000000; 
    font-weight: normal;
}
.default-archit-font { 
	color: #000000; 
	/* font-size: 1.6em; */
}
.default-archit-font-light { 
    /* font-size: 1em; */
    /* font-weight: 400; */
    
}
.default-archit-font-bold { 
    /* font-size: 1em; */
    /* font-weight: 700; */
    
}

.default-archit-font-normal { 
	/* font-size: 1.2em; */
}
 
.default-archit-font-normal-bold { 
	/* font-size: 1.2em; */
    /* font-weight: 700; */
}

.default-archit-font-small { 
	/* font-size: 1em; */
}
 
.default-archit-font-small-bold { 
	/* font-size: 1em; */
    /* font-weight: 700; */
    
}


/********************************************
Portfolio Scritta Lista
*********************************************/

.home-top-scritta {
	position: absolute;
	top: 76px;
    right: 85px;
	/* right: 2.7%; */
	z-index: 5; 
}

.home-top-scritta-bold {
	position: absolute;
	top: 76px;
	right: 31px;
    /*  font-weight: 700;*/
	z-index: 5; 
}


/********************************************
COLORI EDITOR
*********************************************/

.wysiwyg-color-black {
  color: black;
}

.wysiwyg-color-silver {
  color: silver;
}

.wysiwyg-color-gray {
  color: gray;
}

.wysiwyg-color-white {
  color: white;
}

.wysiwyg-color-maroon {
  color: #ff531a;
}

.wysiwyg-color-red {
  color: #ff3333;
}

.wysiwyg-color-purple {
  color: purple;
}

.wysiwyg-color-fuchsia {
  color: fuchsia;
}

.wysiwyg-color-green {
    color: #1ABC9C;
}

.wysiwyg-color-lime {
  color: lime;
}

.wysiwyg-color-olive {
  color: white;
}

.wysiwyg-color-yellow {
  color: yellow;
}

.wysiwyg-color-navy {
  color: #0f705d;
}

.wysiwyg-color-blue {
  color: blue;
}


.wysiwyg-color-teal {
  color: teal;
}

.wysiwyg-color-aqua {
  color: aqua;
}

.wysiwyg-color-orange {
  color: orange;
}


.slick-slider .slick-track,
.slick-slider .slick-list
{
    overflow:visible;
 
}

/* #### SCRITTA TITOLO HOME #### */
.home_center_div{
   line-height: 8%;
}


 

/* #### Mobile Phones Landscape #### */
@media (max-width: 1080px) { 
  
   .contactimage{
	/* max-width:90%;   */
 }
    .imgcontainerAboutImgCaption{
	/*  margin-left: auto;text-align:left;width:99%; */
   }
    .imgcontainerleftSide{ 
	 
	 padding-left:6%;  
 }
 .imgcontainerrightSide{ 
	 padding-left:3%;
	 padding-right:3%; 
 }
	
    .leftButton, .rightButton {
    width: 50%;
    height: 50%;
    margin-bottom: 1%;
    }   
     
    .bottomButton { 
        color: grey; 
        font-size: 3pc;
        bottom: -3%;
		    z-index: 99999999999999999999999999;
    }  
    .topButton  { 
        color: grey;
        top: -19%;
        font-size: 3pc;
		    z-index: 99999999999999999999999999;
    }     
         
    .prjgal_figure_caption_bottom {
            padding-left: 4%;
            bottom: -20%;  
     }  

	.home_center_div{
	   line-height: 22px;;
	}	 
}


.onmouseoverhand{
    cursor: pointer;
    cursor: hand;
}


 a, a:hover, a:focus, a:active {
      text-decoration: none;
      color: inherit;
	  outline-color:inherit;
 } 
 
*, *:hover, *:focus,*:active { 
	  outline-color:transparent;
 }