/* COLORI
grullo: #b1a18a
granite gray: #666666
nero: #000000
dark puce: #4b3b40
linen: #f7f3e3
*/

/* FONT */
@import url('https://fonts.googleapis.com/css?family=Raleway:400,600,900|Roboto:100,400,900&display=swap');

/* Selections */

*::-moz-selection {
	background-color: #b1a18a;
}
*::selection {
	background-color: #b1a18a;
}

/* Links color */

a {
	color: #b1a18a;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
	border-bottom:0px;
}
a:hover {
	color: #4b3b40;
	text-decoration: none;
}


/********************** Font | Family **********************/

body, button, span.date_label, .timeline_items li h3 span, input[type="submit"], input[type="reset"], input[type="button"], input[type="text"], input[type="password"], input[type="tel"], input[type="email"], textarea, select, .offer_li .title h3 {
	font-family: "Roboto", Arial, Tahoma, sans-serif;
	font-weight: 100;
}
#menu>ul>li>a, .action_button, #overlay-menu ul li a {
	font-family: "Roboto", Arial, Tahoma, sans-serif;
	font-weight: 900;
}
#Subheader .title {
	font-family: "Raleway", Arial, Tahoma, sans-serif;
	font-weight: 400;
}
h1, .text-logo #logo {
	font-family: "Raleway", Arial, Tahoma, sans-serif;
	font-weight: 400;
}
h2 {
	font-family: "Raleway", Arial, Tahoma, sans-serif;
	font-weight: 900;
}
h3 {
	font-family: "Raleway", Arial, Tahoma, sans-serif;
	font-weight: 400;
}
h4 {
	font-family: "Raleway", Arial, Tahoma, sans-serif;
	font-weight: 400;
}
h5 {
	font-family: "Raleway", Arial, Tahoma, sans-serif;
	font-weight: 900;
}
h6 {
	font-family: "Raleway", Arial, Tahoma, sans-serif;
	font-weight: 400;
}
blockquote {
	font-family: "Raleway", Arial, Tahoma, sans-serif;
}

/********************** Font | Size **********************/


/* Body */

body {
	font-size: 16px;
	line-height: 28px;
}
#menu>ul>li>a, .action_button {
	font-size: 16px;
}

/* Headings */

h1, #Subheader .title, .text-logo #logo {
	font-size: 25px;
	line-height: 25px;
}
h2 {
	font-size: 60px;
	line-height: 60px;
}
h3 {
	font-size: 40px;
	line-height: 42px;
}
h4 {
	font-size: 20px;
	line-height: 24px;
}
h5 {
	font-size: 16px;
	line-height: 21px;
}
h6 {
	font-size: 14px;
	line-height: 21px;
}

/* Responsive */

@media only screen and (min-width: 768px) and (max-width: 959px) {
	body {
		font-size: 13px;
		line-height: 20px;
	}
	#menu>ul>li>a {
		font-size: 14px;
	}
	h1, #Subheader .title, .text-logo #logo {
		font-size: 23px;
		line-height: 23px;
	}
	h2 {
		font-size: 54px;
		line-height: 54px;
	}
	h3 {
		font-size: 36px;
		line-height: 38px;
	}
	h4 {
		font-size: 18px;
		line-height: 22px;
	}
	h5 {
		font-size: 14px;
		line-height: 18px;
	}
	h6 {
		font-size: 13px;
		line-height: 19px;
	}
	blockquote {
		font-size: 15px;
	}
	.the_content_wrapper ul, .the_content_wrapper ol {
		font-size: 14px;
		line-height: 19px;
	}
	.faq .question .title {
		font-size: 14px;
	}
	.pricing-box .plan-header h2 {
		font-size: 27px;
		line-height: 27px;
	}
	.pricing-box .plan-header .price>span {
		font-size: 40px;
		line-height: 40px;
	}
	.pricing-box .plan-header .price sup.currency {
		font-size: 18px;
		line-height: 18px;
	}
	.pricing-box .plan-header .price sup.period {
		font-size: 14px;
		line-height: 14px;
	}
	.offer .offer_li .desc_wrapper .title h3 {
		font-size: 32px;
		line-height: 32px;
	}
	.offer_thumb_ul li.offer_thumb_li .desc_wrapper .title h3 {
		font-size: 32px;
		line-height: 32px;
	}
	.counter .desc_wrapper .number-wrapper {
		font-size: 45px;
		line-height: 45px;
	}
	.counter .desc_wrapper .title {
		font-size: 14px;
		line-height: 18px;
	}
	.chart_box .chart .num {
		font-size: 45px;
		line-height: 45px;
	}
	.trailer_box .desc h2 {
		font-size: 27px;
		line-height: 27px;
	}
	.quick_fact .number {
		font-size: 80px;
		line-height: 80px;
	}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	body {
		font-size: 13px;
		line-height: 20px;
	}
	#menu>ul>li>a {
		font-size: 13px;
	}
	h1, #Subheader .title, .text-logo #logo {
		font-size: 20px;
		line-height: 20px;
	}
	h2 {
		font-size: 48px;
		line-height: 48px;
	}
	h3 {
		font-size: 32px;
		line-height: 34px;
	}
	h4 {
		font-size: 16px;
		line-height: 20px;
	}
	h5 {
		font-size: 13px;
		line-height: 17px;
	}
	h6 {
		font-size: 13px;
		line-height: 18px;
	}
	blockquote {
		font-size: 14px;
	}
	.the_content_wrapper ul, .the_content_wrapper ol {
		font-size: 13px;
		line-height: 16px;
	}
	.faq .question .title {
		font-size: 13px;
	}
	.pricing-box .plan-header h2 {
		font-size: 24px;
		line-height: 24px;
	}
	.pricing-box .plan-header .price>span {
		font-size: 34px;
		line-height: 34px;
	}
	.pricing-box .plan-header .price sup.currency {
		font-size: 16px;
		line-height: 16px;
	}
	.pricing-box .plan-header .price sup.period {
		font-size: 13px;
		line-height: 13px;
	}
	.offer .offer_li .desc_wrapper .title h3 {
		font-size: 28px;
		line-height: 28px;
	}
	.offer_thumb_ul li.offer_thumb_li .desc_wrapper .title h3 {
		font-size: 28px;
		line-height: 28px;
	}
	.counter .desc_wrapper .number-wrapper {
		font-size: 40px;
		line-height: 40px;
	}
	.counter .desc_wrapper .title {
		font-size: 13px;
		line-height: 16px;
	}
	.chart_box .chart .num {
		font-size: 40px;
		line-height: 40px;
	}
	.trailer_box .desc h2 {
		font-size: 24px;
		line-height: 24px;
	}
	.quick_fact .number {
		font-size: 70px;
		line-height: 70px;
	}
}
@media only screen and (max-width: 479px) {
	body {
		font-size: 13px;
		line-height: 20px;
	}
	#menu>ul>li>a {
		font-size: 13px;
	}
	h1, #Subheader .title, .text-logo #logo {
		font-size: 18px;
		line-height: 18px;
	}
	h2 {
		font-size: 42px;
		line-height: 42px;
	}
	h3 {
		font-size: 28px;
		line-height: 30px;
	}
	h4 {
		font-size: 14px;
		line-height: 17px;
	}
	h5 {
		font-size: 13px;
		line-height: 16px;
	}
	h6 {
		font-size: 13px;
		line-height: 17px;
	}
	blockquote {
		font-size: 13px;
	}
	.the_content_wrapper ul, .the_content_wrapper ol {
		font-size: 13px;
		line-height: 16px;
	}
	.faq .question .title {
		font-size: 13px;
	}
	.pricing-box .plan-header h2 {
		font-size: 21px;
		line-height: 21px;
	}
	.pricing-box .plan-header .price>span {
		font-size: 32px;
		line-height: 32px;
	}
	.pricing-box .plan-header .price sup.currency {
		font-size: 14px;
		line-height: 14px;
	}
	.pricing-box .plan-header .price sup.period {
		font-size: 13px;
		line-height: 13px;
	}
	.offer .offer_li .desc_wrapper .title h3 {
		font-size: 26px;
		line-height: 26px;
	}
	.offer_thumb_ul li.offer_thumb_li .desc_wrapper .title h3 {
		font-size: 26px;
		line-height: 26px;
	}
	.counter .desc_wrapper .number-wrapper {
		font-size: 35px;
		line-height: 35px;
	}
	.counter .desc_wrapper .title {
		font-size: 13px;
		line-height: 26px;
	}
	.chart_box .chart .num {
		font-size: 35px;
		line-height: 35px;
	}
	.trailer_box .desc h2 {
		font-size: 21px;
		line-height: 21px;
	}
	.quick_fact .number {
		font-size: 60px;
		line-height: 60px;
	}
}

/************************ Colors ************************/

html {
	background-color: #FCFCFC;
}
#Wrapper, #Content {
	background-color: #FCFCFC;
}

/* Headings font */

h1, h1 a, h1 a:hover, .text-logo #logo {
	color: #b1a18a;
}
h2, h2 a, h2 a:hover {
	color: #666666;
}
h3, h3 a, h3 a:hover {
	color: #b1a18a;
}
h4, h4 a, h4 a:hover, .style-simple .sliding_box .desc_wrapper h4 {
	color: #666666;
}
h5, h5 a, h5 a:hover {
	color: #b1a18a;
}
h6, h6 a, h6 a:hover, a.content_link .title {
	color: #b1a18a;
}


/* Content font */

body, ul.timeline_items, .icon_box a .desc, .icon_box a:hover .desc, .feature_list ul li a, .list_item a, .list_item a:hover, .widget_recent_entries ul li a, .flat_box a, .flat_box a:hover, .story_box .desc, .content_slider.carousel ul li a .title, .content_slider.flat.description ul li .desc, .content_slider.flat.description ul li a .desc {
	color: #000000;
}

/* Theme color */

.themecolor, .opening_hours .opening_hours_wrapper li span, .fancy_heading_icon .icon_top, .fancy_heading_arrows .icon-right-dir, .fancy_heading_arrows .icon-left-dir, .fancy_heading_line .title, .button-love a.mfn-love, .format-link .post-title .icon-link, .pager-single>span, .pager-single a:hover, .widget_meta ul, .widget_pages ul, .widget_rss ul, .widget_mfn_recent_comments ul li:after, .widget_archive ul, .widget_recent_comments ul li:after, .widget_nav_menu ul, .woocommerce ul.products li.product .price, .shop_slider .shop_slider_ul li .item_wrapper .price, .woocommerce-page ul.products li.product .price, .widget_price_filter .price_label .from, .widget_price_filter .price_label .to, .woocommerce ul.product_list_widget li .quantity .amount, .woocommerce .product div.entry-summary .price, .woocommerce .star-rating span, #Error_404 .error_pic i, .style-simple #Filters .filters_wrapper ul li a:hover, .style-simple #Filters .filters_wrapper ul li.current-cat a, .style-simple .quick_fact .title {
	color: #4b3b40;
}

/* Theme background */

.themebg, .pager .pages a:hover, .pager .pages a.active, .pager .pages span.page-numbers.current, .pager-single span:after, #comments .commentlist>li .reply a.comment-reply-link, .fixed-nav .arrow, #Filters .filters_wrapper ul li a:hover, #Filters .filters_wrapper ul li.current-cat a, .widget_categories ul, .Recent_posts ul li .desc:after, .Recent_posts ul li .photo .c, .widget_recent_entries ul li:after, .widget_mfn_menu ul li a:hover, .widget_mfn_menu ul li.current_page_item>a, .widget_product_categories ul, div.jp-interface, #Top_bar a#header_cart span, .testimonials_slider .slider_images, .testimonials_slider .slider_images a:after, .testimonials_slider .slider_images:before, .slider_pagination a.selected, .slider_pagination a.selected:after, .tp-bullets.simplebullets.round .bullet.selected, .tp-bullets.simplebullets.round .bullet.selected:after, .tparrows.default, .tp-bullets.tp-thumbs .bullet.selected:after, .offer_thumb .slider_pagination a:before, .offer_thumb .slider_pagination a.selected:after, .style-simple .accordion .question:after, .style-simple .faq .question:after, .style-simple .icon_box .desc_wrapper h4:before, .style-simple #Filters .filters_wrapper ul li a:after, .style-simple .article_box .desc_wrapper p:after, .style-simple .sliding_box .desc_wrapper:after, .style-simple .trailer_box:hover .desc {
	background-color: #f7f3e3;
}
.Latest_news ul li .photo, .style-simple .opening_hours .opening_hours_wrapper li label, .style-simple .timeline_items li:hover h3, .style-simple .timeline_items li:nth-child(even):hover h3, .style-simple .timeline_items li:hover .desc, .style-simple .timeline_items li:nth-child(even):hover {
	border-color: #4b3b40;
}

.header-classic #Header .top_bar_left, .header-classic #Header .top_bar_right {
	background-color: #000000;
}

#Top_bar .menu>li>a {
	color: #f7f3e3;
}
#Top_bar .menu>li.current-menu-item>a, #Top_bar .menu>li.current_page_item>a, #Top_bar .menu>li.current-menu-ancestor>a, #Top_bar .menu>li.current-page-ancestor>a, #Top_bar .menu>li.current_page_ancestor>a, #Top_bar .menu>li.hover>a {
	color: #b1a18a;
}
#Top_bar .menu>li a:after {
	background: #4b3b40;
}

.tp-fullwidth-forcer{
  background-color: #f2f2f2;
}

#Top_bar .menu_wrapper {
	border-bottom: 0px;
	margin-right: 0px;
}

#Header .top_bar_left, .header-classic #Top_bar, .header-plain #Top_bar, .header-stack #Top_bar, .header-split #Top_bar, .header-fixed #Top_bar, .header-below #Top_bar, #Header_creative, #Top_bar #menu {
	background-color: #000000;
}

.testo-slide{
  font-family: "Roboto", Arial, Tahoma, sans-serif;
	font-weight: 100!important;
}

.cta{
  position: relative;
  z-index: auto;
  font-size: 14px;
  line-height: 14px!important;
  padding: 20px 20px 20px 20px;
  border: 1px solid #b1a18a;
  background-color: #b1a18a;
  color: #ffffff;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.cta:hover{
  background-color: #ffffff;
  color: #b1a18a;
  text-decoration: none;
}

/* Contact icons */

.contact_icons a {
	color: #b1a18a !important;
	font-size: 35px;
	line-height: 35px;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.contact_icons a:hover {
	color: #4b3b40 !important;
}

/* cornice img */

.cornice-img{
	border: 1px solid #f2f2f2!important;
}

/* bpx home */

.box-home h4{
	margin: 0 20px 20px 20px!important;
	color: #000000;
}

.box-home h4.chiaro{
	color: #ffffff;
}

.box-home p{
	margin: 20px 20px 40px 20px!important;
	color: #000000;
}

.box-home p.chiaro{
	color: #ffffff;
}

.box-home a{
	margin: 0 20px 0 20px!important;
}

/* Image frames & Google maps & Icon bar */

.image_frame .image_wrapper .image_links, .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc {
	background: rgba(177, 161, 138, 1);
}
.image_frame .image_wrapper .image_links a {
	color: #fff;
}
.image_frame .image_wrapper .image_links a:hover {
	background: #ffffff;
	color: #b1a18a;
}

.tuning_portfolio, .tuning_map {
	margin-top: 160px !important;
}

#map {
    display: block;
    width: 100%;
    height: 800px;
    position: relative;
}


.leaflet-tile-pane {
  -webkit-filter: grayscale(50%)!important;
  filter: grayscale(50%)!important;
}

.servizi{
	padding:30px 0 15px 0;
	border-right: 1px solid #9AD5e5;
}

.servizi2{
	padding:30px 10px 15px 10px;
	border-right: 1px solid #9AD5e5;
}

/************************ Footer ************************/

#Footer, #Footer .widget_recent_entries ul li a {
	color: #f7f3e3;
}
#Footer a {
	color: #b1a18a;
}
#Footer a:hover {
	color: #ffffff;
}
#Footer h1, #Footer h1 a, #Footer h1 a:hover, #Footer h2, #Footer h2 a, #Footer h2 a:hover, #Footer h3, #Footer h3 a, #Footer h3 a:hover, #Footer h4, #Footer h4 a, #Footer h4 a:hover, #Footer h5, #Footer h5 a, #Footer h5 a:hover, #Footer h6, #Footer h6 a, #Footer h6 a:hover {
	color: #f7f3e3;
}

/* Theme color */

#Footer .themecolor, #Footer .widget_meta ul, #Footer .widget_pages ul, #Footer .widget_rss ul, #Footer .widget_mfn_recent_comments ul li:after, #Footer .widget_archive ul, #Footer .widget_recent_comments ul li:after, #Footer .widget_nav_menu ul, #Footer .widget_price_filter .price_label .from, #Footer .widget_price_filter .price_label .to, #Footer .star-rating span {
	color: #f7f3e3;
}

/* Theme background */

#Footer{
	background-color: #000000;
}

#Footer .themebg, #Footer .widget_categories ul, #Footer .Recent_posts ul li .desc:after, #Footer .Recent_posts ul li .photo .c, #Footer .widget_recent_entries ul li:after, #Footer .widget_mfn_menu ul li a:hover, #Footer .widget_product_categories ul {
	background-color: #000000;
}

/* Gallery */
div.pp_default .pp_content, div.light_rounded .pp_content {
	background: transparent!important;
}

div.pp_default .pp_close {
	width: 30px;
	height: 30px;
	background: url(../images/close.png) no-repeat;
	cursor: pointer;
}

div.pp_default .pp_nav {
	/*display: block!important;*/
	clear: none;
	height: 30px;
	width: 110px;
	position: relative;
	margin: 0;
}

div.pp_default .pp_nav .currentTextHolder {
	display: none;
}

div.pp_default .pp_nav .pp_play {
	display: none;
}

div.pp_default a.pp_arrow_previous, div.pp_default a.pp_arrow_next {
	/*background: url(../images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;*/
	height: 30px;
	width: 30px;
	margin: 0;
}
div.pp_default a.pp_arrow_next {
	left: 52px;
	background: url(../images/forward.png) no-repeat;
}

div.pp_default a.pp_arrow_previous {
	left: 0px;
	background: url(../images/back.png) no-repeat;
}


/* homepage */

#esploso-img img {
    margin-left: 20%!important;
    height: 550px!important;
    width: auto!important;
}


#logica-produttiva-img img {
    margin-top: 50px!important;
    margin-right: 20%!important;
    height: 300px!important;
    width: auto!important;
}


#distanziatore {
    margin-bottom: 100px!important;
}

#contatti-info span {
    padding-left: 35px!important;
}


@media only screen and (max-width: 767px) {
    
    #Top_bar, #Action_bar {
      background-color: #000000!important;
      position: fixed!important;
      top: 0px!important;
    }
    
    .mfn-main-slider {
      margin-top: 60px!important;   
    }
    
    h2 {
        font-size: 27px!important;
        line-height: 27px!important;
    }
    
    .separatore-1 {
        width: 5px!important;
        position: absolute!important;
        left: -20px!important;
    }
    
    
    .separatore-2 {
        width: 5px!important;
        position: absolute!important;
        right: -20px!important;
    }    
    
    
    .separatore-3 {
        display: none!important;
    }
    
    
    ul.portfolio_grid {
   width: 90%!important;
   margin-left: 5%!important;
   margin-right: 5%!important;
}
    
    ul.portfolio_grid li {
        margin-bottom: 10px!important;
    }
    
    
    #map {
        width: 90%!important;
        margin-left: 5%!important;
    }
    
    .image-slider {
        display: none!important;
      
    }
    
    
    #esploso-img img {
    margin-left: 20px!important;
    height: 450px!important;
    width: auto!important;
    }
    
    .box-home h4 {
        font-size: 1.4em!important;
    }
    
    
    .slider-title {
        font-size: 1.8em!important;
    }
    
    
    .slider-image {
        float: left!important;
    }
    
    .slider-image img {
        width: 300px!important;
    }
    
    .slider-contenuto {
        z-index: 1000!important;
        display: block!important;
        background-color: #000000!important;
    }

}


@media only screen and (max-width: 767px) and (orientation: landscape) {
    
    .mfn-main-slider {
      margin-top: 80px!important;   
    }
    
}

.image_wrapper.footer-img {
    max-width: 150px;
    float: right;
}