/* COLORE: #991832  */

.logged-in .navbar-fixed-top {top: 0}

.main-color {color: #991832 !important}

.top-line {
    background: #f1f1f1 none repeat scroll 0 0;
}

header .logo-area {transition: all 0.4s ease-in-out; width:304px}
header.active .logo-area {
    width: 216px;
	padding-left: 10px
}

.logo-area{
height: auto;
padding-left: 10px
}

.top-line ul.social-icons li a {color: #991832 }

.top-line p {color: #333}

body, p, a {font-family: 'Exo 2', sans-serif; font-weight:300; font-size:15px}
body p {line-height: 22px}

.services-offer-section .offer-post h2, .navbar-nav > li > a, .navbar-nav li.drop ul.dropdown li a, .form-search input[type="search"], #home-section .tp-caption.qktitlewhite, #home-section .tp-caption.qksmalltext, #home-section .tp-caption.qksmalltext, .banner-section h2, a.button-one,  #home-section .tp-caption a.trans-btn, #home-section .tp-caption a.trans-btn2, .services-offer-section .offer-post ul.offer-list li, .projects-section .project-title h2, h1,h2,h3,h4,h5,h6,h7, body .wpb_content_element .wpb_tour_tabs_wrapper .wpb_tabs_nav a, .about-section h2, footer .up-footer h2, footer p.copyright, .page-template-template-page_leftbar .widget_nav_menu ul li a, .page-banner-section ul.page-depth li, .page-banner-section h2, .page-banner-section ul.page-depth li a, body .page-banner-section ul.page-depth li, .services-page-section .contact-info ul.information-list li span, .services-page-section .contact-info h2, .services-page-section .services-wrapp .services-post h2, ul.pagination-list li a, .single-page-section .project-content-box h2, .single-page-section .project-content-box ul li, .news-post h2 a, .news-section .news-post span, .news-section .news-post > a, .sidebar h2, .widget_categories ul li a, .blog-section .blog-box .single-post h1, .blog-section .blog-box .blog-post span, .contact-section h2, .contact-section ul.information-list li span,.wpcf7-form-control, input[type="text"], input[type="email"], input[type="password"], input[type="search"], .services-page-section .services-wrapp .services-post a, .projects-section ul.filter li a, .flexslider .flexcaption .inner-caption h1, .presentation-section .presentation-line h2, .presentation-section .presentation-line a, .projects-page-section ul.filter li a, .clients-section h2, h2 a {font-family: 'Exo 2', sans-serif; letter-spacing:0 !important}


.services-page-section .contact-info ul.information-list li a {display:inline; margin: 0}

 



.up-footer .info-widget a {color: #991832}

/* MENU */

.navbar-nav > li > a  {font-size:16px; font-weight: 500}


/* PAGINE */

.page-banner-section h2 {font-size:24px; letter-spacing: 1px}
.page-banner-section ul.page-depth li a, .page-banner-section ul.page-depth li {font-size: 15px; color: #991832}

.page-template-template-page_leftbar .widget_recent_entries ul li a, .page-template-template-page_leftbar .widget_recent_comments ul li a, .page-template-template-page_leftbar .widget_archive ul li a, .page-template-template-page_leftbar .widget_categories ul li a, .page-template-template-page_leftbar .widget_meta ul li a, .page-template-template-page_leftbar .widget_pages ul li a, .page-template-template-page_leftbar .widget_rss ul li a, .page-template-template-page_leftbar .widget_nav_menu ul li a {font-size:15px; padding: 11px 25px}
.page-template-template-page_leftbar .widget_nav_menu ul li.current-menu-item a {color: #ffffff}

footer p.copyright {
    border-top: 0px dotted #717173;}

.page-template-template-portfolio_3col .project-box .project-post .hover-box h2 a {color: #ffffff}
.page-template-template-portfolio_3col .project-box .project-post .hover-box span a {color: #000000}

input[type="search"]{ padding: 2px 20px;}


.projects-section .project-title h2, .clients-section h2, .presentation-section .presentation-line h2, .services-page-section .services-wrapp .services-post h2, footer .up-footer h2, .services-page-section .contact-info h2, .single-page-section .project-content-box h2 {font-size: 20px; font-weight: 400;}
body .page-banner-section h2 {font-size: 29px; font-weight: 400; color: #ffffff}
.single-page-section .project-content-box h2 {text-transform:uppercase; font-size: 24px}
.presentation-section .presentation-line a, .services-page-section .contact-info ul.information-list li span, .services-page-section .contact-info ul.information-list li a {font-size:15px}


.page-banner-section::after {display:none}

/* HOME */
.banner-section h2 {font-size: 22px}

.banner-section { background: #991832 url('../images/banner2.png') center center no-repeat;}

.offer-post h2 a {font-size: 20px; letter-spacing: 0.05em; font-weight: 400; }

.services-offer-section .offer-post ul.offer-list li {font-size: 15px; font-weight: 500; /*color: #991832*/}

.home-divider {background-color: #f1f1f1; padding-top:20px}


.projects-section ul.filter li a {letter-spacing:1.1px}

#home-section .slotholder::after {display:none}
#home-section .tp-caption.qktitlewhite {font-weight:300; color: #111111; font-size:44px}
#home-section .tp-caption.qktitlewhite span {font-weight:600}

.hover-box h2 a {font-size:17px}

/* PROGETTI  */
.vc_col-xs-1, .vc_col-sm-1, .vc_col-md-1, .vc_col-lg-1, .vc_col-xs-2, .vc_col-sm-2, .vc_col-md-2, .vc_col-lg-2, .vc_col-xs-3, .vc_col-sm-3, .vc_col-md-3, .vc_col-lg-3, .vc_col-xs-4, .vc_col-sm-4, .vc_col-md-4, .vc_col-lg-4, .vc_col-xs-5, .vc_col-sm-5, .vc_col-md-5, .vc_col-lg-5, .vc_col-xs-6, .vc_col-sm-6, .vc_col-md-6, .vc_col-lg-6, .vc_col-xs-7, .vc_col-sm-7, .vc_col-md-7, .vc_col-lg-7, .vc_col-xs-8, .vc_col-sm-8, .vc_col-md-8, .vc_col-lg-8, .vc_col-xs-9, .vc_col-sm-9, .vc_col-md-9, .vc_col-lg-9, .vc_col-xs-10, .vc_col-sm-10, .vc_col-md-10, .vc_col-lg-10, .vc_col-xs-11, .vc_col-sm-11, .vc_col-md-11, .vc_col-lg-11, .vc_col-xs-12, .vc_col-sm-12, .vc_col-md-12, .vc_col-lg-12 {padding: 0 15px !important}
body .vc_row {margin: 0px -15px 0px}
.bg-portofolio {margin: 0 -15px}

.services-offer-section .offer-post ul.offer-list li a {font-weight:500}

#home-section .vc_col-sm-12 {padding: 0 !important}
.single-page-section .project-content-box ul li, .single-page-section .project-content-box ul li i {font-size: 16px}

/* Azienda */

.flexslider .flexcaption .inner-caption h1 {font-weight:400}
.flexslider .flexcaption .inner-caption {background-color: #ffffff}
.flexslider .flexcaption .inner-caption p {color: #222222}

.services-page-section .services-wrapp .services-post h2 {margin-bottom: 10px}

/* footer portfolio */

footer .up-footer ul.foot-port {
  margin: 0;
  padding: 0;
}
footer .up-footer ul.foot-port li {
  margin-bottom: 5px;
  margin-right: 1px;
  display: inline-block;
}
footer .up-footer ul.foot-port li a {
  display: inline-block;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
}
footer .up-footer ul.foot-port li a img {
  margin: 0;
  width: 100%
}
footer .up-footer ul.foot-port li a:hover {
  opacity: 0.7;
}

footer .up-footer ul.foot-port li{ margin-right: 5px }




/* ORGANIGRAMMA */

ul.main {margin-bottom: 40px; overflow:auto}

.tree ul strong {color: #991832}

.tree * {
	margin: 0;
	padding: 0;
}
.tree ul {
	padding-top: 20px;
	position: relative;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}
.tree li {
	float: left;
	text-align: center;
	list-style-type: none;
	position: relative;
	padding: 20px 3px 0 3px;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}
/*We will use ::before and ::after to draw the connectors*/

.tree li::before, .tree li::after {
	content: '';
	position: absolute;
	top: 0;
	right: 50%;
	border-top: 1px solid #991832;
	width: 50%;
	height: 20px;
}
.tree li::after {
	right: auto;
	left: 50%;
	border-left: 1px solid #991832;
}
/*We need to remove left-right connectors from elements without 
any siblings*/
.tree li:only-child::after, .tree li:only-child::before {
	display: none;
}
/*Remove space from the top of single children*/
.tree li:only-child {
	padding-top: 0;
}
/*Remove left connector from first child and 
right connector from last child*/
.tree li:first-child::before, .tree li:last-child::after {
	border: 0 none;
}
/*Adding back the vertical connector to the last nodes*/
.tree li:last-child::before {
	border-right: 1px solid #991832;
	border-radius: 0 5px 0 0;
	-webkit-border-radius: 0 5px 0 0;
	-moz-border-radius: 0 5px 0 0;
}
.tree li:first-child::after {
	border-radius: 5px 0 0 0;
	-webkit-border-radius: 5px 0 0 0;
	-moz-border-radius: 5px 0 0 0;
}
/*Time to add downward connectors from parents*/
.tree ul ul::before {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	border-left: 1px solid #991832;
	width: 0;
	height: 20px;
}
.tree li a {
	border: 1px solid #991832;
	padding: 6px 0.45em;
	text-decoration: none;
	color: #666767;
	font-size:12px;
	display: inline-block;
	
	/*
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
  */
	
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}
/* -------------------------------- */
/* Now starts the vertical elements */
/* -------------------------------- */

.tree ul.vertical, ul.vertical ul {
	padding-top: 0px;
	left: 50%;
}
/* Remove the downward connectors from parents */
.tree ul ul.vertical::before {
	display: none;
}
.tree ul.vertical li {
	float: none;
	text-align: left;
}
.tree ul.vertical li::before {
	right: auto;
	border: none;
}
.tree ul.vertical li::after {
	display: none;
}
.tree ul.vertical li a {
	padding: 6px 0.45em;
	margin-left: 16px;
}
.tree ul.vertical li::before {
	top: -20px;
	left: 0px;
	border-bottom: 1px solid #991832;
	border-left: 1px solid #991832;
	width: 20px;
	height: 60px;
}
.tree ul.vertical li:first-child::before {
	top: 0px;
	height: 40px;
}
/* Lets add some extra styles */

div.tree > ul > li > ul > li > a {
	/*width: 11em;*/
}
div.tree > ul > li > a {
	font-size: 1em;
	font-weight: bold;
}
/* ------------------------------------------------------------------ */
/* Time for some hover effects                                        */
/* We will apply the hover effect the the lineage of the element also */
/* ------------------------------------------------------------------ */
.tree li a:hover, .tree li a:hover+ul li a {
	background: #991832;
	color: white;/* border: 1px solid #aaa; */
}
/*Connector styles on hover*/
.tree li a:hover+ul li::after, .tree li a:hover+ul li::before, .tree li a:hover+ul::before, .tree li a:hover+ul ul::before {
	border-color: #aaa;
}

div.tree > ul > li {margin: 0 auto}



body .reference {font-size: 12px}


div.tree {margin-left: 17%}

@media (max-width: 991px) {
	
div.tree {margin-left: 0}

body .page-banner-section h2 {padding-top: 50px}

.tree li::before, .tree li::after, .tree ul ul::before {display:none}	
}


#today a {font-weight:bold; color: #991832}
#today {font-weight:bold;}

#wp-calendar td a {color: #991832; font-weight: bold}



@media (max-width: 768px) {

.tree li {padding: 0}
	
.tree ul {padding-top: 0}
	
.tree li a {
	display: block;
}
		
.tree li {
	float: none
}
	
	
.tree ul.vertical, ul.vertical ul {
	padding-top: 0px;
	left: auto
}

.tree ul.vertical li a {
	padding: 0;
	margin-left: 0;
}
	
.tree ul.vertical li {
	float: none;
	text-align: center
}	
	
.tree ul.vertical li a {
	padding: 6px 0.45em;
	margin-left: auto
}
	
	
}