@font-face {
    font-family: 'Hansief Regular';
    font-style: normal;
    font-weight: normal;
    src: url(../font/Hansief.otf);
}          

#managament-edit-link
{
    text-align: right;
    margin: 10px 0px;
}

#box-development-overlay
{
    position: absolute;
    width: 150px;
    height: 150px;
    background: transparent url(../images/layout/sviluppo.gif) no-repeat top left;
    left: 0px;
    top: 0px;
    margin: 0px;
    padding: 0px;
    z-index: 999999;
}

.node-product .node-product-img-box {
    box-sizing: border-box;
    background: #fff;
    border: 15px solid #f9f9f9;
}

    
@media (min-width: 240px) and (max-width: 979px)                                                                                                                                                              
{  
    /* RESET  
    ---------------------------------- */
    html, body, div, span, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
    small, strong, var, b, i, dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td,
    article, aside, canvas, details, figcaption, figure,
    footer, header, hgroup, menu, nav, section, summary,
    time, mark, audio, video {
      margin: 0;
      padding: 0;
      border: 0;
      font-size: 100%;
      vertical-align: baseline; }


    #backend-goto,
    #box-development-overlay{
        display: none;
    }
    
    body
    {
        color: #333333;
        /* font-family: Arial, Trebuchet MS, Helvetica, Verdana, Sans-serif; */
        font-family: 'Raleway', sans-serif;
        font-size: 12pt;
        line-height: 1.5em;
        margin: 0;
        padding: 0;
   
    }
    
    a 
    {
        color: #2394C4;
        text-decoration: none;
    }
    
    a:hover
    {
        text-decoration: none;
    }    
    
    h1, h2, h3, h4, h5, h6
    {
        margin: 0 0 14pt 0;
        text-align: left;
    }

    h1 
    {
        font-size: 26pt;
        line-height: 28pt;
    }

    h2 
    {
        font-size: 20pt;
        line-height: 22pt;
    }

    h3 
    {
        font-size: 17pt;
        line-height: 19pt;
    }

    h4 
    {
        font-size: 15pt;
        line-height: 17pt;
    }

    h5, h6 
    {
        font-size: 13pt;
		line-height: 15pt;
    }

    ul, ol {
        margin: 0px 0px 10pt 20pt;
        padding: 0;
    }


    



    img
    {
        max-width: 100%!important;
        height: auto;
        width: auto;
    }
	
	#cookie-bar
	{
		background: rgba(0,0,0,0.8)  !important;
		position: fixed !important;
		height: 100% !important;
		width: 100% !important;
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
	}
	
	#cookie-bar p
	{
		width: 75%;
		margin: auto;
		background: #fff;
		height: auto;
		padding: 30px;
		color: #000;
		text-align: center;
		-webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.5);
		-moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.5);
		box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.5);
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		border-top: 15px solid #184360;
		border-image-source: linear-gradient(to left, #B9C01D 0%, #2394C4 100%); 
		border-image-slice: 4;
		position: relative;
	}
	
	#cookie-bar p:before
	{
		content: "";
		display: block;
		background: url(../images/layout/logo-footer.png) no-repeat 50% 50%;
		height: 40px;
		width: 210px;
		background-size: 180px;
		margin: auto;
		margin-bottom: 20px;
	}
	
	#cookie-bar p b
	{
		font-family: Arial;
		width: 100%;
		margin: auto;
		font-size: 14pt;
		font-weight: bold;
		text-transform: uppercase;
		margin-bottom: 10px;
	}
	
	
	#cookie-bar .cb-enable, #cookie-bar .cb-enable:hover
	{
		background: #2394C4!important;
		color: #fff;
		padding: 10px 0px;
		margin: auto;
		text-align: center;
		width: 100%;
		margin-top: 20px;
	}
	
	#cookie-bar .cb-policy, #cookie-bar .cb-policy:hover
	{
		background: #000!important;
		color: #fff;
		padding: 10px 0px;
		margin: auto;
		text-align: center;
		width: 100%;
		margin-top: 20px;
	}
	
	#cookie-bar .cb-policy:hover, #cookie-bar .cb-enable:hover
	{
		opacity: 0.8;
	}
    
    #image-header, .content-gmap, .content-video, .content-photo
    {
        margin: 0 0 21pt 0;
    }

    #content
    {
        width: 100%!important;
    }

    #header
    {
            margin: 0px;
            /* background: #15283c; */
            color:white;
            /* padding-top: 15px; */
            /* border-bottom: 1px solid #cccccc; */
    }




    #header a{
        color:#fff;
    }

    #image-header
    {
            width: 100%;
            height: auto;
    }


    .mobile-phone-number span,
    .mobile-phone-number p,
    #contatti-top,
    .desktop{
        display:none;
    }


    .top-banner{
        display: block!important;
    }

    
    #page-header
    {
        margin-bottom: 20px;
        padding-bottom: 5px;
        border-bottom: 1px solid #DDDDDD;
    }

    

    #footer_menu
    {
        margin: 5%;
    }
    
    .phone-number-container
    {
        text-align: center;
        margin: 0 0 10pt 0;
    }

    .homepage h2{
        width:100%;
    }


    #sidebar{
        display:none;
    }
    
    .phone-number-box 
    {
        background-size: 30px;
        background-color: #15283c;
        width: 100%;
        text-align: center!important;
        padding: 10px 0;
        text-align: left;
        display: inline-block;
    }
	
	
	#footer .phone-number-box
	{
		background-color: transparent;
	}
    
    .mobile-phone-number 
    {
        color: #000;
        text-decoration: none;
        font-weight: 600;
        font-size: 19pt;
    }

    #page
    {
        margin: 5%;
        padding: 0;
        text-align: justify;
    }


    
    h1, h2, h3, h4 {
        position: relative;
        padding: 0;
        margin: 0;
        font-family: "Raleway", sans-serif;
        font-weight: 300;
        color: #080808;
        -webkit-transition: all 0.4s ease 0s;
        -o-transition: all 0.4s ease 0s;
        transition: all 0.4s ease 0s;
        font-weight: 700;
        letter-spacing: 1px;
        text-transform: uppercase;
        margin: auto;
        /* white-space: nowrap; */
        display: inline-block;
    }

    h1 {
        font-size: 30px;
    }

    h1:before {
        background-color: #498dd5;
        content: '';
        display: block;
        height: 3px;
        width: 50%;
        margin-bottom: -5px;
    }


    #page-header h1:before {
        width: 100%;
        margin-bottom: 3px;
        height: 2px;
    }


    #page #content h2 {
        margin: 40px 0 23px;
    }

    h2:before {
        background-color: #498dd5;
        content: '';
        display: block;
        width: 50%;
        margin-bottom: 0px;
        height: 3px;
    }

    h2:after {
        background-color: #ff3000;
        content: '';
        display: block;
        position: absolute;
        right: 0;
        bottom: 0;
        width: 50%;
        margin-bottom: 3px;
        height: 2px;
    }

    #page p {
        font-size: 16px;
        line-height: 27px;
    }

    #page #content ul li {
        list-style-type: disc;
        font-size: 16px;
        line-height: 32px;
    }
    
    
    .nivo-controlNav
    {
        display: none;
    }

    #language-switcher
    {
        margin: 0 5%;
        text-align: center;
    }

    #language-switcher a
    {
        padding: 2%;
        margin: 0 7pt;
        width: 20pt;
        height: 20pt;
        display: inline-block;
    }
    
    .node-gmap
    {
        height: 200px;
    }


    h1, h2, h3, h4 {
        position: relative;
        padding: 0;
        margin: 0;
        font-family: "Raleway", sans-serif;
        font-weight: 300;
        color: #080808;
        -webkit-transition: all 0.4s ease 0s;
        -o-transition: all 0.4s ease 0s;
        transition: all 0.4s ease 0s;
        font-weight: 700;
        letter-spacing: 1px;
        text-transform: uppercase;
        margin: auto;
        /* white-space: nowrap; */
        display: inline-block;
        
    }

    .block-region{
        display:block!important;
    }

    .box-banner h1:before, 
    .box-banner h1:after,
    .block-region h2:before, 
    .block-region h2:after,
    h3:before,
    h1:after, h2:after, h3:after{
        display: none;
       
    }

    #region-blocks_banner h1 {
        color: #ff3000;
   
        font-size: 50px;
    }

    #region-blocks_banner * {
        text-align: center;
        font-family: 'Hansief Regular';
        text-transform: uppercase;
    }

    h1:before{

        
        background-color: #498dd5;
        content: '';
        display: block;
        height:3px;
        width: 50%;
        margin-bottom: -5px; 

        
    }

    h1:after{
        background-color: #ff3000;
        content: '';
        display: block;
        position: absolute;
        right: 0;
        bottom: 3px;
        height: 4px;
        width: 50%;

    }

    h2:before{
        background-color: #498dd5;
        content: '';
        display: block;
        width: 50%;
        margin-bottom:0px;
        height:3px;
    }

    h2:after{
        background-color: #ff3000;
        content: '';
        display: block;
        position: absolute;
        right: 0;
        bottom: -3;
        width: 50%;
        margin-bottom: 3px;
        height:3px;
    }

    h3:before{
        background-color: #498dd5;
        content: '';
        display: block;
        width: 50%;
        height: 3px;
        margin-bottom: -3px;
    }


    h3:after{
        background-color: #ff3000;
        content: '';
        display: block;
        position: absolute;
        right: 0;
        bottom: 0;
        width: 50%;
        height: 3px;
        margin-bottom: 1px;
    }

    h4:before{
        background-color: #498dd5;
        content: '';
        display: block;
        width: 50%;
        height:3px;
        margin-bottom: -3px;
    }


    h4:after{
        background-color: #ff3000;
        content: '';
        display: block;
        position: absolute;
        right: 0;
        bottom: 0;
        width: 50%;
        height:3px;
        margin-bottom: 1px;
    }




    #page-header h1:before {
        width: 100%;
        margin-bottom: 3px;
        height: 3px;
    }

    #page-header h1:after {
        width: 100%;
        bottom: -5px;
        height: 3px;
    }


    .logo-header 
    {
        width: 100%;
        height: 85px;
        background: transparent url(../images/layout/logo-header.png) no-repeat center top;
        display: block;
        margin: 5% 0;
        background-size: contain;
    }
    
    .logo-footer
    {
        width: 100%;
        height: 46px;
        background: transparent url(../images/layout/logo-white.png) no-repeat center top;
        display: block;
        margin: 5% 0;
        background-size: contain;        
    }
    
    label
    {
        text-align: left;
        display: block;
    }
    
    .block input
    {
        width: 100%;
    }
    
    .block input[type="submit"]    
    {
        width: 100%;
    }
    
    .block h2
    {
        margin: 0;
    }
    
    #box-newsletter 
    {
        border: 1px solid #E5E5E5;
        padding: 5%;
    }
    
    .newsletter-title 
    {
        font-weight: bold;
    }
    
    #box-newsletter input
    {
        width: 95%;
        margin: 0 0 7pt 0;
    }
    
    #box-newsletter input[type="submit"], #box-newsletter input[type="button"]
    {
        width: 100%;
        margin: 0;
    }
    
    #breadcrumb 
    {
        margin: 14pt 0;
        text-align: left;
    }
    
    .footer-credentials 
    {
        background: #1f3851;
        color: #ffffff;
        padding: 14pt 5%;
    }
    
    .footer-credentials a
    {
        color: #fff;
        text-decoration: none;
    }

    .footer-credentials p{
        margin:0;
        font-size:14px;
    }
    
    .message-error 
    {
        background-color: #CE453E;
        color: #FFFFFF;
        padding: 5%;
        margin: 0 0 14pt 0;
    }
	
	.message-ok 
    {
        background-color: #A9D673;
		color: #FFFFFF;
        padding: 5%;
        margin: 0 0 14pt 0;
    }

    .message-alert
    {
        background-color: #F2D268;
		color: #FFFFFF;
        padding: 5%;
        margin: 0 0 14pt 0;
    }
	
	.field-privacybox, .scroll-box
    {
        background-color: #FFFFFF;
        border: 1px solid #CCCCCC;
        height: 70px;
        margin: 0 0 20px 0;
        overflow-y: scroll;
        padding: 10px;
		box-sizing: border-box;
    }
	
	.content-gallery-img {
		display: inline-block;
		width: 100%;
		box-sizing: border-box;
	}
	
	.social
	{
		margin: 10pt 0;
		padding: 0;
		list-style-type: none;
		display: inline-block;
		width: 100%;
		box-sizing: border-box;
	}
	
	.btn
	{
		display: block;
		padding: 7pt;
		font-size: 12pt;
		background: #2394C4;
		border: none;
		text-decoration: none;
		text-align: center;
		color: #fff;
		font-family: Arial, Trebuchet MS, Helvetica, Verdana, Sans-serif;

	}
	
	.social li
	{
		float: left;
		margin: 0 7pt 0 0;
	}
	
	.social li:nth-child(4)
	{
		max-width: 70px;
	}
    
    .form-field-error
    {
        color: #CE453E;
        display: block;
    }
	
	.footer-right {
		text-align: center;
		padding: 0 5%;
	}
	
	#menu_cookie_container {
		display: inline-block;
	}
    
    textarea
    {
        width: 100%;
		/* font-family: Arial, Trebuchet MS, Helvetica, Verdana, Sans-serif; */
        font-family: 'Raleway', sans-serif;
		padding: 7pt;
		box-sizing: border-box;

    }
    
    input[type="submit"]
    {
        width: 100%;
		/* font-family: Arial, Trebuchet MS, Helvetica, Verdana, Sans-serif; */
        font-family: 'Raleway', sans-serif;


    }
    
    input[type="checkbox"]
    {
        width: auto;
    }
    
    .newsletter-description 
    {
        margin: 7pt 0;
    }
	
	#sidebar .block .btn
	{
		margin-top: 15px;
	}
	
	#sidebar form.block
	{
		background: transparent;
	}

    .header-search-box 
    {
        display: inline-block;
        width: 100%;
        border: 1px solid #B2B2B2;
        background: #fff url(../images/layout/cerca-mobile.png) no-repeat 98% center;
    }

    #header #content-search-key 
    {
        border: none;
        box-shadow: none;
        padding: 7pt;
        margin: 0px;
        background: transparent;
        width: 82%;
        float: left;
    }

    #header #content-search-submit 
    {
        width: 10%;   
        cursor: pointer;
        border: none;        
        box-shadow: none;
        float: right;
        background: transparent;
    }

    input
    {
        width: 100%;
        padding: 7pt;
        font-size: 12pt;
		/* font-family: Arial, Trebuchet MS, Helvetica, Verdana, Sans-serif; */
        font-family: 'Raleway', sans-serif;

		box-sizing: border-box;
    }

    p
    {
        margin: 0 0 10pt 0;
    }

    #footer
    {
        background-color: #294664;
        color:#fff;
        padding: 0;
        border-top: 1px solid #CCCCCC;
        margin-top: 5%;
        text-align: center;
    }

    .footer-right{
        /* display:none; */
    }

    .footer-right a {
        color: white!important;
        margin-bottom: 10px;
        display: block;
        
    }

    .phone-ico-footer, .mail-ico-footer, .insta-ico-footer {
        width: 23px;
        position: relative;
        top: 6px;
        margin-right: 7px;
    }

    #footer .mobile-phone-number{
        color:#fff;
    }

    iframe
    {
        width: 100%!important;
        height: auto;
    }

    .nivoSlider, .nivo-controlNav, .content-gallery-title
    {
        font-size: 16pt;
        font-weight: bold;
    }

    .slicknav_nav li {
        display: block;
        border-bottom: 1px solid;
    }
        
    .content-gallery figcaption,.content-photo figcaption
    {
        display:none;
    }

    .nomobile
    {
        display: none;
    }
	
	.comments-title
    {
		background: #2394C4;
		padding: 8px 0 4px 8px;
		color: #fff;
		margin: 20px 0;
    }
	
	.commentbox
	{
	  border-bottom: 1px solid #ddd;
	  margin: 0 0 15px 0;
	  padding: 0 0 10px 50px;
	  background: url(../images/layout/img-comment-user.png) no-repeat top left;
	  background-size: 40px 40px;
	  text-align: left;
	}

    #backend-goto a
    {
        background-color: #2394C4;
        display: block;
        padding: 3% 5%;
        text-align: center;
        color: #fff;
        text-decoration: none;
    }

    .slicknav_menu
    {
        background: transparent!important;
        padding: 0px!important;
        font-size: 14pt!important;
    }

    .slicknav_menu .slicknav_icon
    {
        display: none!important;
    }

    .slicknav_nav .slicknav_arrow
    {
        font-family: sans-serif!important;
    }	

    .slicknav_btn
    {
        width: 100%!important;
        border: none!important;
        background: #eaeaea url(../images/layout/espand-icon.png) no-repeat 97% center !important;
        padding: 10pt!important;
        margin: 0!important;
        border: none!important;
        border-radius: 0px!important;
    }
	
	#footer .slicknav_btn
	{
		 background: #294664 url(../images/layout/espand-icon.png) no-repeat 97% center !important;
		 border: 1px solid #ccc !important;
	}
	
	#footer .slicknav_menutxt
	{
		color: #ccc !important;
	}

    .slicknav_menu .slicknav_menutxt
    {
        color: #707173!important;
        text-shadow: none!important;
    }

    .slicknav_nav li
    {

    }

    .slicknav_nav
    {
        background: #15283c;
    }

    .slicknav_parent ul li
    {

    }

    .slicknav_nav a
    {
        padding: 10pt!important;
        margin: 1px 0 0 0!important;
        
	    text-align: left;
    }



    #slider-mobile{
        display:none;
    }


    #slider-mobile	.nivo-directionNav
	{
		display: none !important;
	}
	
	#slider-mobile .nivoSlider
	{
		 margin: 0px !important;
	}
	
	#slider-mobile.nivoSlider img 
    {
        left: 0 !important;
        width: 100% !important;
        height: auto !important;
        margin-left: 0 !important;
    }
	
	#slider-mobile .nivo-caption {
		width: 100% !important;
		z-index: 999 !important;
		bottom: 0px !important;
		left: 0 !important;
		right: 0 !important;
		background: transparent !important;
		height: auto !important;
		color: #ffffff !important;
		
		font-weight: 500;
		font-size: 30px !important;
		line-height: 34px !important;
		opacity: 1 !important;
		padding: 0 !important;
		margin: auto;
		text-shadow: 1px 2px 0px rgba(0, 0, 0, 0.5);
		text-align: right !important;
		position: absolute;
	}

	#slider-mobile .nivo-caption  h2
	{
		color: #fff;
		background: none;
		font-size: 20px;
		line-height: 26px;
		margin: 0;
		background: rgba(37,36,34,0.8);
		width: 100%;
		max-width: 100%;
		text-align: right;
		box-sizing: border-box;
		padding:10px 20px 0px 30px;
		position:relative;
		left: 0%;
		z-index: 2;
	}	

    #slider-mobile .nivo-caption  h2:after,
    #slider-mobile .nivo-caption  h3:after,
    #slider-mobile .nivo-caption  h2:before,
    #slider-mobile .nivo-caption  h3:before{
        height:0;
    }
	
	#slider-mobile .nivo-caption h3
	{
		color: #fff;
		background: none;
		font-size: 12px;
		line-height: 18px;
		margin: 0;
		text-align: right;
		width: 100%;
		max-width: 100%;
		background: rgba(37,36,34,0.8);
		box-sizing: border-box;
		padding: 10px 20px 10px 30px;
		position:relative;
		left: 0%;
		z-index: 1;
	}
	
	#menu_primary-mobile {
		margin: 5% 0 0 0;
	}

    .slicknav_nav a a
    {
        padding: 9pt!important;
        margin: 0!important;
    }

    .slicknav_nav a:hover
    {
        border-radius: 0!important;
        background: #2394C4!important;
        color: #fff!important;
    }

    .slicknav_nav a:hover a
    {

        background: #2394C4!important;

    }	

    .slicknav_nav .slicknav_item
    {

        background-color: #383738;
        margin: 1px 0 0 0!important;
    }



    
    .content-gallery-title 
    {
        margin: 14pt 0 7pt 0;
    }
    

    
    .content-img-list:nth-child(4n+4)
    {
        margin: 0 0 2% 0;
        
    }  
    
    .content-gallery figure 
    {
        width: 22.5%;
        display: inline-block;
        float: left;
        margin: 0 2.5% 2% 0;
    }  

	.content-img-list
    {
        float: left;
        width: 22.5%;
        border: 1px solid #d0d0d0;
        padding: 1px;
        background-color: #ffffff;
        margin: 0 2.5% 2% 0;
		box-sizing: border-box;
    }	
    
    .content-gallery-images
    {
        float: none;
        margin: 0;
    }
    
    .content-gallery-images img
    {
        width: 99.5%;
        height: auto;
        border: 1px solid #d0d0d0;
        padding: 1px;
        background-color: #ffffff;
        max-width: 99.5%!important;
    }  
    
    .nivoSlider
    {
        /* display: none; */
    }
    
    .content-gallery figure:nth-child(4n+4) a
    {       
        margin: 0 0 2% 0;
    }
	
    
    
    .content-gallery
    {
        width: 100%;
        display: inline-block;
    }
    
    .content-file 
    {
        background-color: #E5E5E5;
        padding: 10px;
        margin: 14pt 0 7pt 0;
    }
    
    .filenode-thumb 
    {
        display: table-cell;
    }
    
    .filenode-title 
    {
        display: table-cell;
        padding: 0 0 0 10px;
        vertical-align: middle;
    }
    
    .block, #menu_column .menu-item 
    {
        margin: 14pt 0 7pt 0;
        
    }   
    
    .block-title, .block h2, #menu_column h2 
    {
        
        padding: 14pt;
	/* 	color: #fff; */
    }
	
    #region-blocks_text_free01 .title, #region-blocks_services .title{
        margin-bottom: 10px!important;
    }


	#sidebar form#sidebar-form
	{
		padding: 20px;
	}
    
    .block-int
    {
        padding: 5%;
    }
	
	 /* paginazione */

    .pagination
    {
        text-align: center;
        margin-top: 10px;
    }

    .pagination ul
    {
        margin: 0px;
    }

    .pagination li
    {
        display: inline-block;
        list-style-type: none;
        padding-right: 5px;
    }

    .pagination a
    {
        padding: 4px 8px;
        text-decoration: none;
        border: 1px solid #ddd;
    }

    li.pagination-active
    {
        padding: 4px 10px; 
        font-weight: bold;   
    }

    .pagination-pager
    {
            width: 20%;
            text-align: right;
            float: right;
    }

    .pagination-links
    {
            width: 80%;
            text-align: center;
            float: left;
    }
    
    .logo-2open-credentials
    {
        display: inline-block;
        width: 53pt;
        height: 10pt;
        background: url(https://www.2open.it/loghi/2open-footer-mobile.png) no-repeat center center;
        background-size: contain;
        float: right;
        margin: 5px 0 0 5px;
    }
    
    .logo-footer-credentials-a
    {
        display: inline-block;
    }
	
	
	.node-product-text-box {
		padding: 10pt;
	}
	
	
	.node-product-text-box {
		padding: 10pt;
	}
	
	#region-blocks_child .block
	{
		background: transparent !important;
	}
	
	#region-blocks_child a
	{
		text-decoration: none;
	}
	
	#region-blocks_child .block h2
	{
		padding-left: 0px;
		background: transparent;
		text-align: center;
	}
	
	#region-blocks_child ul
	{
		list-style-type: none;
		margin: 10px 0px;
	}
	
	#region-blocks_child .container-li
	{
		display: flex;
		flex-direction: column;
	}
	
	#region-blocks_child .block-img
	{
		width: 100%;
		margin: 10px auto;
		text-align: center;
	}
	
	#region-blocks_child .container-li .btn
	{
		margin: 20px auto;
	}
	
	ul.content-node-children.grid
	{
		display: flex;
		width: 100%;
		flex-wrap: wrap;
		align-items: stretch;
		justify-content: flex-start;
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	
	.content-node-children li
	{
		box-shadow: -1px 8px 10px 2px rgb(61 61 61 / 8%);
		margin: 0 0 20px 0;
		padding: 10pt;
		width: 100%;
		box-sizing: border-box;
	}
	
	.ml-auto
	{
		margin-left: auto;
	}

	.accordion
	{
		border: 1px solid rgba(0,0,0,.125);
		border-radius: .25rem;
		margin: 20px auto;
	}
	
	.accordion-header
	{
		padding: .75rem 1.25rem;
		margin-bottom: 0;
		background-color: rgba(0,0,0,.03);
		border-bottom: 1px solid rgba(0,0,0,.125);
		cursor: pointer;
		display: flex;
		align-items: center;
	}
	
	.accordion-body
	{
		padding: 1.25rem 1.25rem 0.8rem 1.25rem;
	}
	.accordion .collapsed
	{
		display: none;
	}

	.arrow-down
	{
		width: 0; 
		height: 0; 
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-top: 10px solid #000;
	}
	.arrow-up
	{
		width: 0; 
		height: 0; 
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-bottom: 10px solid black;
	}
	
	.social-fb
	{
        width: 25px;
        height: 25px;
        display: inline-block;
        background: url(../images/layout/ico-fb.png) no-repeat center center;
        background-size: contain;
        margin: 0 5px 0 0;
    }
    
    .social-tw
	{
        width: 25px;
        height: 25px;
        display: inline-block;
        background: url(../images/layout/ico-tw.png) no-repeat center center;
        background-size: contain;
        margin: 0 5px 0 0;
    }
	
	.social-insta
	{
        width: 25px;
        height: 25px;
        display: inline-block;
        background: url(../images/layout/ico-insta.png) no-repeat center center;
        background-size: contain;
        margin: 0 5px 0 0;
    }
	
	.social-wa
	{
        width: 25px;
        height: 25px;
        display: inline-block;
        background: url(../images/layout/ico-wa.png) no-repeat center center;
        background-size: contain;
        margin: 0 5px 0 0;
    }


    h1:before, h2:before, h3:before,
    h1:after, h2:after, h3:after{
       /*  display: none; */
    }


    h1.title, h2.title, h3.title{
        border-top: 2px solid #498dd5;
        border-bottom: 2px solid #ff3000;
        padding: 15px 0;
    }

    .box-right{
        display: none;
    }

    .box-left{
        width: 100%;
    }

    .box-banner{
        background: #a8cdec;
        height: auto;
        padding: 30px;
		box-sizing: border-box;
		border-radius:15px;
		font-family: 'Hansief Regular';
        text-transform: uppercase;
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: center;
    }

    #region-blocks_banner{
        margin-bottom: 0px;
    }
	
	#region-blocks_banner h1{
    
        font-size: 38px;
		text-align: center;
    }
	

    .box-tel{
        color: white;
        background: #ff3000;
        font-size: 40px;
        padding: 28px;
        border-radius: 10px;
        margin-top: 15px;
        display: inline-block;
    }

    #region-blocks_products {
        display: block;
    }

    #region-blocks_products .block{
        width: auto;
    }

    .block-region {
        margin: 20px 0;
        margin: 20px 0!important;
        display: inline-block;
    }

    h2 {
        font-size: 22px;
        text-align: center;
    }

    #region-blocks_services{
        width: 100%;
        background: #fff;
		display: inline-block;
    }

    #region-blocks_services{
        padding:0;
		margin: 0 0 20px 0;
    }

    #region-blocks_services ul{
        display: block;
        width: 100%;
		display: flex;
		margin: 0;
		padding: 0;
		flex-wrap: wrap;
		list-style-type: none;
		justify-content: center;
    }

    #region-blocks_services ul li{
        margin: 10px auto 0;
        box-shadow: none;
        padding: 0;
        width: 50%;
		text-align: center
    }

    #region-blocks_partners ul li, #region-blocks_services ul li, .content-node-children ul li {
        list-style-type: none!important;
    }

    .box-info p{
        font-size:14px;
        color:#515151;
        margin-top: 10px;
        line-height: 18px;
    }
    .box-info .title-info{
        font-size:18px
    }

    .box-info .title-info:before{
        content:"";
        
        width:24px;
        height:37px;
        display:inline-block;
        position: relative;
        left: -10px;
    }

    #block_block_5 .box-info .title-info:before{
        background: transparent url(../images/layout/caldaie-ico.png) no-repeat top left;
    }

    #block_block_6 .box-info .title-info:before{
        background: transparent url(../images/layout/clima-ico.png) no-repeat top left;
        width: 48px;
        top: 11px;
    }

    #block_block_7 .box-info .title-info:before{
        background: transparent url(../images/layout/idra-ico.png) no-repeat top left;
        left: -10px;
        width: 31px;
    }

    .box-info{
        /* border:1px solid red; */
        width: 76%;
        margin: 0 auto;
        background: #fff;
        border-radius: 10px;
        padding: 20px;
        text-align: center;
        top: -45px;
        position: relative;
        box-shadow: -1px 8px 10px 2px rgb(61 61 61 / 8%);
        transition: all .3s ease-in-out;
    }

    #region-blocks_products img {
        border-radius: 10px;
        width: 100%;
    }

    #region-blocks_services ul li p{
        font-size: 15px;
        margin-top:10px;
    }

    #region-blocks_services ul li img{
        padding: 0;
        margin-bottom: -6px;
        margin-top: 14px;
        width: 46%;
    }

    #region-blocks_partners ul{
        display: flex;
        margin:0 auto;
		flex-wrap: wrap;
		align-items:center;
		justify-content: center;
		list-style-type: none;
    }

    #region-blocks_partners ul li{
        /* float:none!important; */
        width: 23%;
        float: left;
        margin: 15px;
    }

    #region-blocks_partners ul li img{
		
    }

    #managament-edit-link{
        display:none;
    }
	
	/* nivo slider  MOBILE */
	
	.nivoSlider
	{
		position: relative !important;
		width:100%;
		height:auto;
		overflow: hidden;
		margin: 0;
	}
	
	.nivoSlider img
	{
		left: 0 !important;
        width: 100% !important;
        height: auto !important;
        margin-left: 0 !important;
	}
	
	.nivo-controlNav
	{
		display: none !important;
	}
	
	.nivo-slice
	{
		z-index: 5 !important;
	}
	
	.nivo-slice img
	{
		height: 100% !important;
		width: 100% !important;
		object-fit: cover;
		z-index: 0 !important;
	}
	
	.nivo-prevNav
	{
		left: 2%!important;
		top: 0 !important;
		text-indent: -999999px;
		width: 32px;
		height: 100%;
		display: inline-block;
		background: url(../images/layout/arrow-left.png) no-repeat center center;
		background-size: 30px;
		opacity: 0.5;
	}
	
	.nivo-nextNav
	{
		right: 2%!important;
		top: 0 !important;
		text-indent: -999999px;
		width: 32px;
		height: 100%;
		display: inline-block;
		background: url(../images/layout/arrow-right.png) no-repeat center center;
		background-size: 30px;
		opacity: 0.5;
	}
	
	.nivo-caption
	{
		position: relative;
		bottom: 80px;
		background: transparent;
		padding: 0;
		width: 90%;
		opacity: 1;
		overflow: visible;
		-moz-opacity: 1;
		filter: alpha(opacity=1);
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		margin: auto;
		height: auto;
		z-index: 99 !important;
		font-size: 30px;
		text-align: center;
		text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.40);
	}
	
	#region-blocks_products{
        display: flex;
        justify-content: space-between;
		flex-direction: column;
		margin: 30px auto;
    }

    #region-blocks_products .block{
        width:100%;
		/* box-shadow: -1px 8px 10px 2px rgb(61 61 61 / 8%); */
		border-radius: 10px;
		margin: 0 0 30px 0;
    }

    #region-blocks_products img{
        border-top-left-radius: 10px;
		border-top-right-radius: 10px;
        width:100%;
		height: 150px;
		object-fit: cover;
		object-position: 0 50%;
    }
	
	.box-info .title-info:before {
	  content: "";
	  width: 24px;
	  height: 37px;
	  display: inline-block;
	  position: relative;
	  left: -10px;
	}
	
	#block_block_5 .box-info .title-info:before{
        background: transparent url(../images/layout/caldaie-ico.png) no-repeat top left;
    }

    #block_block_6 .box-info .title-info:before{
        background: transparent url(../images/layout/clima-ico.png) no-repeat top left;
        width: 48px;
        top: 11px;
    }

    #block_block_7 .box-info .title-info:before{
        background: transparent url(../images/layout/idra-ico.png) no-repeat top left;
        left: -10px;
        width: 31px;
    }
	
	.box-info
	{
        width: 100%;
        margin: 0 auto;
        background: #fff;
        padding: 20px;
		border-radius: 10px;
		box-sizing: border-box;
        text-align: center;
        position: relative;
    }
	
	.title-info
	{
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 15px;
	}
	
	.box-info p
	{
		color: #515151;
	}
	
	#region-blocks_text_free01 .block-int p
	{
		text-align: center;
	}

	
}


@media (min-width: 980px)
{
    body{
        /* background-color: yellow; */
    }

    .mobile
    {
        display: none;
    }
	
	#cookie-bar
	{
		background: rgba(0,0,0,0.8)  !important;
		position: fixed !important;
		height: 100% !important;
		width: 100% !important;
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
	}
	
	#cookie-bar p
	{
		width: 40%;
		max-width: 650px;
		min-width: 550px;
		margin: auto;
		background: #fff;
		height: 350px;
		padding: 30px 60px 10px 60px;
		color: #000;
		text-align: center;
		-webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.5);
		-moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.5);
		box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.5);
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		border-top: 15px solid #184360;
		border-image-source: linear-gradient(to left, #B9C01D 0%, #2394C4 100%); 
		border-image-slice: 4;
		position: relative;
	}
	
	#cookie-bar p:before
	{
		content: "";
		display: block;
		background: url(../images/layout/logo-footer.png) no-repeat 50% 50%;
		height: 40px;
		width: 210px;
		background-size: 180px;
		margin: auto;
		margin-bottom: 20px;
	}
	
	#cookie-bar p b
	{
		font-family: Arial;
		width: 100%;
		margin: auto;
		font-size: 18px;
		font-weight: bold;
		text-transform: uppercase;
		margin-bottom: 0px;
	}
	
	#cookie-bar .cb-enable, #cookie-bar .cb-enable:hover
	{
		background: #2394C4!important;
		color: #fff;
		padding: 10px 0px;
		margin: auto;
		text-align: center;
		width: 45%;
		margin-top: 40px;
	}
	
	#cookie-bar .cb-policy, #cookie-bar .cb-policy:hover
	{
		background: #000!important;
		color: #fff;
		padding: 10px 0px;
		margin: auto;
		text-align: center;
		width: 45%;
		margin-top: 40px;
	}
	
	#cookie-bar .cb-policy:hover, #cookie-bar .cb-enable:hover
	{
		opacity: 0.8;
	}
    
    /* RESET 
    ---------------------------------- */
    html, body, div, span, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
    small, strong, var, b, i, dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td,
    article, aside, canvas, details, figcaption, figure,
    footer, header, hgroup, menu, nav, section, summary,
    time, mark, audio, video {
      margin: 0;
      padding: 0;
      border: 0;
      font-size: 100%;
      vertical-align: baseline; }

    ins {
      background-color: #ffff99;
      color: black;
      text-decoration: none; }

    mark {
      background-color: #ffff99;
      color: black;
      font-style: italic;
      font-weight: bold; }

    del {
      text-decoration: line-through; }

    abbr[title], dfn[title] {
      border-bottom: 1px dotted;
      cursor: help; }

    table {
      border-collapse: collapse;
      border-spacing: 0;
    }

    hr {
      display: block;
      height: 1px;
      border: 0;
      border-top: 1px solid #cccccc;
      margin: 1em 0;
      padding: 0; }

    input, select {
      vertical-align: middle;
    }

    li{
        list-style: none;
    }

    /* COLORI
    ---------------------------------- */

    /*
    - Grigio scuro #333333 (testo)
    - Grigio chiaro #DDDDDD
    - Verde acido #B9C01D
    - Azzurro #2394C4 (link)
    - Azzurro scuro #186687 (link)
    */


    /* BASE
    ----------------------------------*/
    body {
        color: #333333;
        /* font-family: Arial,Verdana,sans-serif; */
        font-family: 'Raleway', sans-serif;

        font-size: 14px;
        line-height: 1.5em;
    }


    /* TIPOGRAFIA
    ---------------------------------- */

    h1, h2, h3, h4, h5, h6
    {
        margin: 0px;
        line-height: 1.5em; 
    }

    h1 
    {
        font-size: 30px;
    }

    h2 
    {
        font-size: 24px;
    }

    h3 
    {
        font-size: 18px;
    }

    h4 
    {
        font-size: 16px;
    }

    h5, h6 
    {
        font-size: 14px;
    }

    h6 
    {
        color: #676767;
        text-transform: uppercase;
    }

    p 
    {

    }

    small 
    {
        color: #999999;
        font-size: 12px;
    }

    blockquote
    {
        border-left: 5px solid #DDDDDD;
        margin: 0 0 18px;
        padding: 0 0 0 15px;
    }

    .blockquote-right
    {
        border-left: 0 none;
        border-right: 5px solid #EEEEEE;
        float: right;
        padding-left: 0;
        padding-right: 15px;
    }

    ul, ol {
        margin: 0px 0px 10px 30px;
        padding: 0;
    }

    ul.unstyled, ol.unstyled {
        list-style: none outside none;
        margin-left: 0px;
    }

    h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
        font-weight: normal;
        font-size: 14px;
    }

    h1 small
    {
        font-size: 18px;
    }

    #page p
	{
        font-size:16px;
        line-height: 27px;
		margin: 0 0 10px 0;
    }

    p.lead
    {
        font-size: 20px;
        font-weight: 200;
        line-height: 27px;
        margin-bottom: 18px;
    }


    .ag-left
    {
        text-align: left;
    }

    .ag-right
    {
        text-align: right;
    }

    .ag-center
    {
        text-align: center;
    }

    .indented-element, .sortable-contents .indented-element
    {
            padding-left: 25px;
    }

    .disabled-element
    {
            color: #999999;
    }

    .li-active
    {
       
    }

    /* LINKS 
    ---------------------------------- */

    a
    {
        color: #498dd5;
        text-decoration: none;
        transition: all .3s ease-in-out;
    }

    a:hover
    {
        color: #186687;
        
    }


    /* STRUTTURA
    ---------------------------------- */

    #page
    {
        width: 960px;	
        margin: 20px auto;	
        position: relative;

    }

    #content
    {
            padding: 0px;
            float: left;
            margin-right: 30px;
            text-align: justify;
            width: 680px;
    }

    #sidebar
    {
            width: 250px;
            float: right;
    }

    #header
    {
            margin: 0px;
            background: #15283c;
            color:white;
            padding: 15px 0;
            /* border-bottom: 1px solid #cccccc; */
    }

    #header a{
        color:#fff;
    }

    #image-header
    {
            width: 100%;
            height: auto;
    }

    #page-header
    {
        /* margin-bottom: 20px; */
        padding-bottom: 5px;
        border-bottom: 1px solid #DDDDDD;
    }

    #breadcrumb
    {
            margin-bottom: 20px;
            text-align: left;
    }

    .clearfix
    {
            clear: both;
    }

    .closed-element
    {
            display: none;
    }

    .collapsing-trigger, .collapsing-trigger-loader
    {
            background-color: transparent;
            background-repeat: no-repeat;
            background-position:  0px 50%;
            padding-left: 20px;
    }

    .closed-trigger
    {
            background-image: url(../images/icons/chevron-down.png);
    }

    .open-trigger
    {
            background-image: url(../images/icons/chevron-right.png);
    }

    #buttons_top, #language-switcher
    {
            margin-bottom: 20px;
    }

    #language-switcher
    {
            text-align: right;
            width: auto;
            display: inline-block;
            margin: 0px;
    }
    
    .language-switch-box
    {
        float: right;
        margin: 24px 40px 0 0;
    }
    
    #language-switcher a img
    {
        width: 27px;
        height: 18px;
    }

    #language-switcher a
    {
            margin-left: 10px;
            display: inline-block;
    }

    .loading-indication
    {
      background: url(../images/icons/ajax-loader.gif) no-repeat top center;
    }

    #backend-goto
    {
            position: absolute;
            top: 0px;
            right: 100px;
            background-color: #E5E5E5;
            padding: 10px 20px;
            z-index: 9999;
    }
    
    #backend-goto.backend-goto-cb
    {
            display:none;
    }

    /* FORM
    ---------------------------------- */

    form
    {
        padding-bottom: 20px;
    }

    label, input, select, textarea
    {
        font-size: 13px;
    }
	
	textarea
	{
		resize: vertical;
		min-height: 32px;
	}
    
    .content-form .btn
    {
        float: right;
    }

    input, select, textarea, button
    {
        border: 1px solid #CCCCCC;
        padding: 7px;
        width: 100%;
        background-color: #fff;
		/* font-family: Arial, Trebuchet MS, Helvetica, Verdana, Sans-serif; */
        font-family: 'Raleway', sans-serif;
		box-sizing: border-box;
    }

    option
    {
        padding: 0px 5px;
    }

    input:focus, textarea:focus, select:focus
    {
		outline: none;
    }

    select, .input-file
    {
        line-height: 13px;
    }

    .input-file
    {
        box-shadow: none;
        width: auto;
    }

    input[type=radio], input[type=checkbox]
    {
        vertical-align: top;
        width: auto;
    }

    label
    {
        display: block;
        padding-bottom: 3px;
        font-weight: bold;
    }

    .lb-inline
    {
        display: inline;
        margin-right: 5px;
    }

    .lb-checkbox, .lb-radio
    {
        font-weight: normal;
    }


    .short-field
    {
        width: 25%;
    }

    .medium-field
    {
        width: 50%;
    }

    .long-field
    {
        width: 75%;
    }

    .verylong-field
    {
            width: 93%;
    }

    .inline-field
    {
        margin-right: 5px;
    }

    .form-field-help
    {
            font-size: 0.9em;
            display: block;
            color: #636262;
    }

    .btn
    {
        border-radius: 5px;
        cursor: pointer;
        padding: 7px 15px;
        outline: medium none;
        text-decoration: none;
        display: inline-block;
        width: auto;
        font-size: 13px;
    }

    p.row-actions a.btn
    {
            margin-right: 5px;
    }

    .btn-big
    {
        font-size: 15px;
        padding: 8px;
    }

    .btn-small
    {
        font-size: 0.9em;
    }

    .btn
    {
        background-color: #2394C4;
        color: #FFFFFF;
        border: 0px;
    }
	
	.small
	{
		font-size: 12px;
	}

    .form-field
    {
        padding: 0;
        display: inline-block;
        width: 100%;
    }
    
    .form-field.little-text
    {
        font-size: 11px;
        font-weight: bold;
    }
    
    .form-submit
    {
        padding: 0;
        margin: 0;
        display: inline-block;
        width: 100%;
    }

    .mid-field label
    {
            width: 40%;
            float: left;
            margin-right: 3.5%;
    }

    .mid-field input
    {
            width: 55%;
            float: left;
    }

    .btn-alternate
    {
        background-color: #B9C01D;
        color: #fff;
    }

    .btn-secondary
    {
        background-color: #ddd;
        color: #5A554E;
    }

    .btn-delete
    {
        background-color: #CE453E;
        color: #FFFFFF;	
    }

    .btn:active, .btn:hover
    {
        background-color: #186687;
        color: #fff;
    }

    .btn:disabled, .btn-disabled, .btn-disabled:hover
    {
        background-color: #2394C4;
        opacity: 0.5;
        cursor: default;
    }

    .btn-alternate:active, .btn-alternate:hover
    {
        background-color: #B9C01D;
        color: #333;
    }

    .btn-secondary:active, .btn-secondary:hover
    {
        background-color: #E5E5E5;
        color: #5A554E;
    }

    input.error-field, select.error-field, textarea.error-field
    {
        border-color: #D01616;
    }

    .field-privacybox, .scroll-box
    {
        background-color: #FFFFFF;
        border: 1px solid #CCCCCC;
        height: 70px;
        margin: 0 0 20px 0;
        overflow-y: scroll;
        padding: 10px;
		box-sizing: border-box;
    }
    
    .rc-label {
        width: 100%!important;
        font-size: 12px;
    }

    .field-captcha-image {
        margin: 0 10px 0 0;
        float: left;
    }
    
    .contact-form-captcha
    {
            width: 90px;
    }
    

    /* MESSAGGI
    ---------------------------------- */
    .message 
    {
        margin: 10px auto 30px;
        padding: 10px;
    }

    .message-error 
    {
        background-color: #CE453E;
        color: #FFFFFF;
    }

    .message-ok 
    {
        background-color: #A9D673;
    }

    .message-alert
    {
        background-color: #F2D268;
    }

    .form-field-error
    {
        color: #CE453E;
        display: block;
        font-size: 12px;
		margin: 5px 0;
		font-weight: normal;
    }

    /* TABELLE
    ---------------------------------- */


    table
    {
        background-color: transparent;
        border-spacing: 0;
        max-width: 100%;
        font-size: 1em;
        width: 100%;
    }

    th, td
    {
        border-top: 1px solid #ddd;
        line-height: 18px;
        padding: 10px 8px;
        text-align: left;
        vertical-align: top;
    }

    th
    {
        font-weight: bold;
        background-color: #B9C01D;
    }

    th .btn
    {
        font-weight: normal;
    }

    thead th {
        vertical-align: middle;
    }

    .table
    {
        margin: 20px 0px;
    }

    .table-bordered-outside
    {
        border: 1px solid #ddd;
    }

    .table-bordered
    {
        border-bottom: 1px solid #ddd;
    }

    .table-bordered th, .table-bordered td
    {
        border-left: 1px solid #ddd;
        border-right: 1px solid #ddd;
    }

    .tr-odd
    {
        background-color: #e7e7e7;
    }

    td.td-action, td.td-identifier
    {
        width: 22px;
        text-align: center;
        vertical-align: middle;
    }


    .table-hover tr:hover, .table-admin tr:hover
    {
        background-color: #DFE0CC;
    }

    .table-admin a
    {
        color: #333333;
        text-decoration: none;
    }

    .table-vertical th
    {
        background-color: #e7e7e7;
        text-align: right;
        vertical-align: middle;
        width: 170px;
    }

    th .icon-sort
    {
            margin-right: 5px;
    }

    /* COMPONENTI
    ---------------------------------- */

    /* menu */

    .menu 
    {
            margin: 0px;
            padding: 0px;
    }

    .menu li
    {
            list-style-type: none;
            float: left;
            padding: 0px;
            /* margin: 10px 20px 10px 0 !important; */
            margin: 10px 0px 10px 40px !important;
    }

    #menu_primary_container{
        display: table;
    }

    #menu_primary
    {
        display: table-cell;
        vertical-align: middle;
    }

  
    .menu_primary-box{
        padding: 15px 0;
    }

    #menu_primary
    {
        margin: 0;
    }
    
    #menu_primary li ul, #menu_primary li ul li ul
    {
        display: none;
    }

    #menu_primary a, #menu_primary .menu-item-active span
    {	
            display: inline-block;
            text-decoration: none;
            padding: 0px;
    }

    #menu_primary a
    {
            color: #268EDB;
            font-size:16px;
    }

    #menu_primary a:hover, #menu_primary .menu-item-active span
    {

            color: #9ACFF7;
    }

    #menu_column
    {
            padding: 0px;
    }

    /* blocchi generici */

    .block, #menu_column .menu-item
    {
            margin-bottom: 20px;
            
    }

    .block-title,  #menu_column h2
    {
            background-color: #B9C01D;
            padding: 10px 15px;
            font-size: 16px;
            margin-bottom: 5px;
            position: relative;
    }

    .block-title a, .block h2 a, #menu_column h2
    {
            color: #333333;
            text-decoration: none;
    }

    .block-int
    {
            padding: 10px 15px;
    }

    .block-simple
    {
            background: none;
    }

    .block-scroll
    {
            height: 150px;
            overflow: auto;
    }

    .categories-menu, .categories-menu ul
    {
            list-style-type: none;
    }

    .categories-menu
    {
            margin: 0px;
    }

    .categories-menu ul
    {
            margin-bottom: 0px;
    }

    .categories-menu a, .categories-menu .li-active
    {
            padding: 3px 7px;
            display: inline-block;
    }

    .categories-menu li
    {
            background-color: #DDDDDD;
    }

    /* contenuti */

    .content-info
    {
        margin: 20px 0;
    }

    .content-social-share 
    {
            margin: 20px 0px;
            padding: 0px;
    }

    .content-social-share  li
    {
            list-style-type: none;
            display: inline-block;
    }

    .content-file, .content-gmap, .content-video, .content-photo, .content-form
    {
            margin: 20px 0;
    }
    
    form
    {
        background: #f5f5f5;
        padding: 20px;
		box-sizing: border-box;
		margin: 20px 0;
    }
    
    form label
    {
        width: 140px;
        float: left;
        padding: 5px 0 0 0;
        margin: 0 10px 10px 0;
    }
    
    .short-contact-form-filed
    {
        width: 300px;
    }
    
    .small-contact-form-filed
    {
        width: 150px;
    }

    .content-gallery-title
    {
        padding: 20px 0 10px 0;
        font-weight: bold;
        font-size: 22px;
    }
    
   
    .content-node-children 
    {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }
    
    .content-node-children li
    {
		box-shadow: -1px 8px 10px 2px rgb(61 61 61 / 8%);
		border-radius: 10px;
		margin: 0 2% 0 0;
		padding: 10pt;
		width: 23%;
		box-sizing: border-box;
    }
    
    .content-photo-image
    {
        width: 100%;
    }
    
    .content-gallery figcaption,.content-photo figcaption
    {
        display:none;
    }

    .content-file
    {
        margin: 20px 0;
    }

    .content-list
    {
        margin: 20px 0px;
    }
    
    .content-list li {
        list-style-type: none;
        margin: 0px 0px 10px 0px;
        padding: 0 0 10px 0;
        border-bottom: 1px dashed #e2e2e2;
    }
    
    .content-list-table {
        display: table;
        width: 100%;
        table-layout: fixed;
    }
    
    .content-node-children .node-children-title {
        text-align: center;
        font-weight: bold;
        font-size: 14pt;
        margin: 10px 0 0 0;
        display: block;
    }
    
    .content-node-children .node-children-title {
        text-align: center;
        font-weight: bold;
        font-size: 14pt;
        margin: 10px 0 0 0;
        display: block;
    }
    
    .content-list-img-td {
        display: table-cell;
        padding: 0 10px 0 0;
        vertical-align: top;
        width: 90px;
    }
    
    .content-list-img-td a {
        width: 89px;
        height: 89px;
        display: inline-block;
    }
    
    .content-list-img-td img {
        width: 89px;
        height: auto;
        padding: 1px;
        border: 1px solid #e2e2e2;
    }
    
    .content-list-text-td {
        display: table-cell;
        vertical-align: top;
        text-align: left;
    }
    
    .content-list-infos {
        font-size: 12px;
        color: #b5b5b5;
    }
    
    .content-list-title {
        margin: 0 0 10px 0;
    }
    
    .content-list-title a {
        color: #4e5050;
        font-weight: 700;
        text-decoration: none;
        font-size: 14px;
    }

    .node-gmap
    {
            width: 100%;
            height: 400px;
    }

    .box-960
    {
            width: 960px;
            margin: auto;
            position: relative;
    }

    /* logo header */

    .logo-header
    {
        width: 176px;
        height: 90px;
        background: transparent url(../images/layout/logo-header.png) no-repeat left top;
        display: inline-block;
        float: left;
        margin: 0;
        background-size: contain;
    }

    .menu_primary-box .box-960{
        width: 1227px;
        display: flex;
        padding: 0 10px;
        justify-content: space-between;
    }

    /* Header search box */

    .header-search-box
    {
            display: inline-block;
            width: 215px;
            float: right;
            margin: 20px 0;
            background: transparent url(../images/layout/bg-cerca-header.png) no-repeat left top;
    }

    .header-search-box form
    {
            padding: 0px;
            margin: 0px;
    }

    .header-search-box #content-search-key
    {
            border: none;
            box-shadow: none;
            padding: 5px;
            margin: 0px;
            background: transparent;
            width: 175px;
            float: left;
    }

    .btn-header-search
    {
            width: 27px;
            height: 27px;
            cursor: pointer;
            box-shadow: none;
            float: right;
            background: transparent;
    }

    /* social */

    .social
    {
            margin: 20px 0 10px 0;
            padding: 0px;
            list-style-type: none;
            display: inline-block;
    }

    .social li
    {
            display: inline-block;
    }

    /* Newsletter */

    #box-newsletter
    {
            display: block;
            padding: 10px;
            background: #f5f5f5;
    }
    
    #sidebar form
    {
        background: transparent;
        padding: 0px;
    }
	
	#sidebar form#sidebar-form
	{
		padding: 0 20px 20px 20px;
	}
	
	#sidebar form#sidebar-form .privacy-container
	{
		display: flex;
		align-items: start;
	}
	
	#sidebar form#sidebar-form .privacy-container label
	{
		width: auto;
		padding: 0px;
		margin: 0 0 0 5px;
	}
	
	#sidebar .form-field.privacy label
	{
		width: 100%;
	}
	
	.form-field.last-field.small
	{
		margin-top: 10px;
	}

    .newsletter-title
    {
            font-size: 14px;
            color: #3a3a3a;
            font-weight: bold;
            display: block;
            padding: 0 0 10px 0;
    }

    .newsletter-description
    {
            font-size: 12px;
            line-height: 14px;
            padding: 0 0 10px 0;
            display: block;
    }

    .newsletter-field
    {
            width: 60%;
			margin-right: 15px;
    }
    
    .left-column-search-field
    {
        width: 60%;
		margin-right: 10px;
    }

    #box-newsletter form
    {
            padding: 0px;
            margin: 0px;
    }

    /* Footer */

    #footer
    {
            background-color: #294664;
            color:white;
            position: relative;
            padding: 0;
            margin: 0;
    }
    
    .footer-container
    {
      /*   border-top: 1px solid #CCCCCC;     */   
      padding: 50px 0 80px;
     
    }

    #footer-left
    {
            float: left;
            width: 50%;	
    }
	
	#footer-right
	{
		text-align: right;
		float: right;
	}

    .footer-right a
    {
        color:white!important;
        margin-bottom: 10px;
        display: block;
        padding-left: 30px;
    }

    .footer-credentials
    {
            background: #343333;
            color: #ffffff;
            font-size: 12px;
            padding: 5px 0;
            position: absolute;
            bottom: 0;
            width: 100%;
    }

    .phone-ico-footer,
    .mail-ico-footer,
    .insta-ico-footer
    {
        width: 23px;
        position: relative;
        top: 6px;
        margin-right: 7px;
    }

    .footer-credentials p
    {
            margin: 0px;
    }

    .logo-footer
    {
        width: 200px;
        height: 80px;
        display: block;
        background: transparent url(../images/layout/logo-white.png) no-repeat left top;
        padding: 0 0 9px 0;
        /* border-bottom: 1px solid #d3d3d3; */
        background-size: contain;
        margin:0 10px;
    }

    .footer-adress-box
    {
       display: table-cell;
       vertical-align: top;
       text-align: left;
       font-size: 12px;
    }
    
    .footer-social
    {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    padding: 0 0 0 20px;
    }

    .footer-left
    {
            width:33%;
            float: left;
            /* border:1px solid green; */
    }

    .footer-center{
        width:33%;
        display: inline-block;
        /* border:1px solid red; */
    }

    .footer-center a{
        position: relative;
    }


          

    .footer-right
    {
        width:33%;
        float: right;
/*         border:1px solid pink; */
    }



    /* Menu footer */

    #footer #menu_primary
    {
            margin: 0px;
            padding: 0px;
            width: auto;
            display: inline-block;
    }

    #footer #menu_primary_container .box-960
    {
            width: auto;

    }

    .footer_title{
        font-size:20px;
        margin-bottom: 10px;
    }
    


    .footer-informations-table
    {
        display: table;
        width: 100%;
        margin: 10px 0;
    }

    #footer #menu_primary_container
    {
            width: auto;
            background: transparent;
            text-align: right;
    }

    #footer #menu_primary {
        margin:0 auto;
        display:block;
    }

    #footer #menu_primary li
    {
        padding: 0 5px;
        font-size: 12px;
        float: left;
        text-align: left;
        width: 36%;
        margin: 0 0 5px 0!important;
    }

    #footermenu #footer #menu_primary li
    {
  
    }

    #footer #menu_primary a, #menu_primary .menu-item-active span
    {
            padding: 5px;
    }

    /* paginazione */

    .pagination
    {
        text-align: center;
        margin-top: 10px;
    }

    .pagination ul
    {
        margin: 0px;
    }

    .pagination li
    {
        display: inline-block;
        list-style-type: none;
        padding-right: 5px;
    }

    .pagination a
    {
        padding: 4px 8px;
        text-decoration: none;
        border: 1px solid #ddd;
    }

    li.pagination-active
    {
        padding: 4px 10px; 
        font-weight: bold;   
    }

    .pagination-pager
    {
            width: 20%;
            text-align: right;
            float: right;
    }

    .pagination-links
    {
            width: 80%;
            text-align: center;
            float: left;
    }

    /* help */

    .ui-tooltip 
    {
            padding: 10px;
            -webkit-box-shadow: none;
            box-shadow: none;
            font-size: 1em;
        color: #333333;
        font-family: Helvetica, Arial, Verdana, sans-serif;
        background: #F2D268;
        border: 1px solid #EAC556;	
        border-radius: 0px;
    }

    body .ui-tooltip {
            border-width: 1px;
    }

    .spacer
    {
            text-align: center;
            border-top: 1px solid #b2b4b3;
    }

    .spacer-text
    {
            display: inline-block;
            position: relative;
            top: -15px;
            padding: 5px 10px;
            background-color: #fff;
            font-size: 11px;
    }

        /* blocchi generici */

    /* .block-title, .block h2, #menu_column h2, .comments-title */
    .block-title, #menu_column h2, .comments-title
    {
        background: transparent;
        font-size: 20px;
        line-height: 20px;
        color: #333;
        text-transform: uppercase;
        margin: 0 0 10px 0;
    }
	
	#content_comments_add
	{
		margin: 20px 0;
	}
    
    .comments-title
    {
		background: #2394C4;
		padding: 8px 0 4px 8px;
		color: #fff;
		margin: 20px 0;
    }
    
    /* commenti */

    .content-comment-box {
        margin: 20px 0;
    }
    
  
    
    .commentbox
    {
		border-bottom: 1px solid #ddd;
		margin: 0 0 15px 0;
		padding: 0 0 10px 50px;
		background: url(../images/layout/img-comment-user.png) no-repeat top left;
		background-size: 40px 40px;
		text-align: left;
		font-size: 13px;
    }
    
    #content_comments_add label
    {
		color: #2394C4;
		font-weight: 600;
		font-size: 16px;
		line-height: 16px;
		padding: 0 0 10px 0;
    }
    
    .comment-user-name
    {
		font-weight: 600;
		color: #2394C4;
		font-size: 16px;
    }
    
    #add_content_comment_form label[for="comment"] {
        margin: 0 0 10px 0;
        padding: 0;
        font-size: 16px;
        line-height: 16px;
    }
    
    .commentbox-title
    {
        border-top: 1px solid #d2d2d2;
        background-color: #f9f9f9;
        padding: 10px;        
    }
    
    .commentbox-body
    {
        margin: 5px 0 0 20px;
        padding: 10px 10px 10px 36px;
        text-align: left;
        font-size: 13px;
        border: 1px solid #e6e5e5;
        background: transparent url(../images/layout/replay-title-img.png) no-repeat 8px 11px;
        background-size: 20px;
    }
    
    .content-img-list
    {
		width: 23.5%;
		display: inline-block;
		float: left;
		margin: 0 2% 2% 0;        
        border: 1px solid #d0d0d0;
        padding: 1px;
        background-color: #ffffff;
    }
    
     .content-img-list:nth-child(3n+3)
     {
         margin: 0 0 2% 0;
     }    
    
    .filenode-thumb
    {
        display: table-cell;
    }
       
    .filenode-title
    {
        display: table-cell;
        padding: 0 0 0 10px;
        vertical-align: middle;
    }   
    
    .content-node-children
   {
        margin: 20px 0;
        padding: 0;
        list-style-type: none;
        width: 100%;
        display: block;
   }
   
   .content-node-children.grid
   {
		display: flex;
		width: 100%;
		flex-wrap: wrap;
		align-items: stretch;
		justify-content: flex-start;
	}
	
	.content-node-children li:nth-child(4n+4)
	{
		margin-right: 0px;
	}
   
   .content-node-children.list-photo.grid li
   {
        width: 32%;
        margin: 0 2% 2% 0;
        text-align: center;
        background: #fff;
        position: relative;
   }
   
   .content-node-children.list-photo.grid li:nth-child(4), .content-node-children.list-photo.grid li:nth-child(5), .content-node-children.list-photo.grid li:nth-child(6)
   {
       margin-bottom: 0!important;
   }
   
   .content-node-children.list-photo.grid li:nth-child(3n+3) 
   {
       margin: 0 0 2% 0;
   }
   
   .content-node-children.list-photo.grid li img
      {
       max-width: 100%;
       width: auto;
       height: auto;
       max-height: 203px;
   }
   
    .children-photo-list-no-img 
    {
        margin-top: 20px;
        width: 160px!important;
    }
   
   .content-node-children.list-photo.grid li .content-node-childre-hover-box 
   {
        display:none;
    }   
   
   .content-node-children.list-photo.grid li:hover .content-node-childre-hover-box 
   {
       display:block;
       width: 100%;
        height: 252px;
        position: absolute;
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.11);
    }
   
    .content-node-children .node-children-title
    {
        text-align: center;
        font-weight: bold;
        font-size: 16px;
        margin: 10px 0 0 0;
        display: block;
    }
	
	.node-children-abstract
	{
		text-align: center;
	}
    
    .content-node-children .thumb-image 
    {
		width: 100%;
		height: 170px;
		display: block;
		text-align: center;
    }
	
	.content-node-children .thumb-image img {
		width: auto;
		height: auto;
		max-width: 100%;
		max-height: 100%;
	}
    
    .content-node-children a
    {
        text-decoration: none;
		display: block;
    }
    
    .content-gallery-images
    {
        float: left;
        margin: 0 7px 7px 0;
    }
    
    .content-gallery-images img
    {
        width: 99.5%;
        height: auto;
        border: 1px solid #d0d0d0;
        padding: 1px;
        background-color: #ffffff;
    }    
    
    figure:nth-child(7n+7) a
    {
        margin: 0 0 7px 0;
    }
    
    #submenu-box ul 
    {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }
    
    #submenu-box ul li 
    {
        padding: 0 0 5px 0;
        margin: 0 10px 5px 10px;
        border-bottom: 1px solid #d1d1d1;
    }
    
    #submenu-box ul li a 
    {
        padding: 0;
        text-align: left;
        text-decoration: none;
        display: inline-block;
    }
    
    #submenu-box .span-li-active 
    {
        padding: 0;
        color: #B9C01D;
        font-weight: normal;
    }
    
    #submenu-box ul li ul 
    {
        margin: 5px 0 0 10px;
        padding: 0;
        list-style-type: none;

    }
    
    /* */
    
    #submenu-box ul li ul li:last-child 
    {
        padding: 0;
        margin: 0 10px;
        border-bottom: none;
    }
    
    #submenu-box ul li:last-child 
    {
        border-bottom: none;
    }
    
    #submenu-box ul li ul li .span-li-active 
    {
        padding: 0;
        color: #B9C01D;
        font-weight: 600;
        font-size: 12px;
        line-height: 12px;
        display: inline-block;
    }
    
    #submenu-box ul li ul li a 
    {
        font-size: 12px;
        line-height: 14px;
        color: #000;
        font-weight: normal;
    }
    
    #menu_primary li ul 
    {
        background-color: #b9c01d;
        top: 40px!important;
        width: 200px!important;
        display: none;
        
    }
    
    #menu_primary li ul li 
    {
        padding: 0!important;
        background: none;
        display: inline-block;
        float: left;
        width: 100%!important;
        left: 0px!important;
    }
    
    #menu_primary li ul li ul
    {
        margin: 0;
        left: 200px!important;
        top: 0px!important;        
    }
    
    #menu_primary li ul li ul
    {
        background-color: #8a8f16;
    }
    
    #menu_primary li ul li a 
    {
        text-transform: initial;
        float: none;
        display: inline-block;
        padding: 8px 10px!important;
        font-weight: 500;
        font-size: 13px;
        white-space: initial;
        width: 180px;
    }
    
    .logo-2open-credentials
    {
        display: inline-block;
        width: 49px;
        height: 10px;
        float: right;
        margin: 5px 0 0 5px;
        background: url(https://www.2open.it/loghi/2open-footer.png) no-repeat center center;
    }
    
    .logo-footer-credentials-a
    {
        display: inline-block;
    }
    
    .content-gallery figure
    {
        width: 23.5%;
        display: inline-block;
        float: left;
        margin: 0 2% 2% 0;
    }
    
    .content-gallery figure:nth-child(4n+4)
    {
        margin: 0 0 2% 0;
    }
    
    .content-gallery figure a
    {
        float: none;
        margin: 0;
    }
    
   #content.content-wired
   {
       width: 100%;
   }
   
   #menu_cookie_container {
        float: right;
    }
    
    #menu_cookie_container li a
    {
        padding: 0
    }
    
    .right
    {
        float: right;
    }
    
    .left
    {
        float: left;
    }
    
    .social-fb
	{
        width: 25px;
        height: 25px;
        display: inline-block;
        background: url(../images/layout/ico-fb.png) no-repeat center center;
        background-size: contain;
        margin: 0 5px 0 0;
    }
    
    .social-tw
	{
        width: 25px;
        height: 25px;
        display: inline-block;
        background: url(../images/layout/ico-tw.png) no-repeat center center;
        background-size: contain;
        margin: 0 5px 0 0;
    }
	
	.social-insta
	{
        width: 25px;
        height: 25px;
        display: inline-block;
        background: url(../images/layout/ico-insta.png) no-repeat center center;
        background-size: contain;
        margin: 0 5px 0 0;
    }
	
	.social-wa
	{
        width: 25px;
        height: 25px;
        display: inline-block;
        background: url(../images/layout/ico-wa.png) no-repeat center center;
        background-size: contain;
        margin: 0 5px 0 0;
    }
    
    html, body 
    {
        height: 100%;
    }
	
	.content-img-list
    {
        float: left;
        width: 30.6%;
        max-width: 31%!important;
        border: 1px solid #d0d0d0;
        padding: 1px;
        background-color: #ffffff;
        margin: 0 2% 2% 0;
    }
    
        .node-product {
		display: flex;
		margin: 0 0 30px 0;
	}
	
	.node-product .node-product-img-box
	{
		width: 40%;
		max-width: 40%;
		min-width: 40%;
		box-sizing: border-box;
		background: #fff;
		background: #fff;
		border: 15px solid #f9f9f9;
	}
	
	.node-product .node-product-img-box img
	{
		width: 100%;
		height: auto;
	}
	
	.node-product .node-product-text-box
	{
		width: 60%;
		max-width: 60%;
		min-width: 60%;
		padding: 0 0 0 30px;
		box-sizing: border-box;
	}
	
	#region-blocks_child .block
	{
		background: transparent !important;
	}
	
	#region-blocks_child a
	{
		text-decoration: none;
	}
	
	#region-blocks_child .block h2
	{
		padding-left: 0px;
		
	}
	
	#region-blocks_child ul
	{
		list-style-type: none;
		margin: 10px 0px;
	}
	
	#region-blocks_child .container-li
	{
		display: flex;
	}
	
	#region-blocks_child .block-img
	{
		margin-right: 15px;
	}
	
	#region-blocks_child .container-li .btn
	{
		float: right;
		margin-top: 15px;
	}
	
	.ml-auto
	{
		margin-left: auto;
	}

	.accordion
	{
		border: 1px solid rgba(0,0,0,.125);
		border-radius: .25rem;
		margin: 20px auto;
	}
	
	.accordion-header
	{
		padding: .75rem 1.25rem;
		margin-bottom: 0;
		background-color: rgba(0,0,0,.03);
		border-bottom: 1px solid rgba(0,0,0,.125);
		cursor: pointer;
		display: flex;
		align-items: center;
	}
	
	.accordion-header h4:before,
	.accordion-header h4:after
	{
		display: none;
	}
	
	.accordion-body
	{
		padding: 1.25rem 1.25rem 0.8rem 1.25rem;
	}
	.accordion .collapsed
	{
		display: none;
	}

	.arrow-down
	{
		width: 0; 
		height: 0; 
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-top: 10px solid #000;
	}
	.arrow-up
	{
		width: 0; 
		height: 0; 
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-bottom: 10px solid black;
	}


    /* PAOLO */


    #wrapper.homepage{
        overflow-x:hidden ;
    }

    .block-region{
        margin:60px 0;
    }


    #region-blocks_products{
        display: flex;
        justify-content: space-between;
    }

    #region-blocks_products .block{
        width:32%;
        width:calc(33% - 40px);
      
    }

    #region-blocks_products .block:first-child{
        margin-left:0px;
    }

    #region-blocks_products .block:last-child{
        margin-right:0px;
    }

    #region-blocks_products img{
        border-radius: 10px;
        width:100%;
    }

    #region-blocks_products a:hover .box-info{
        top:-60px;
    }

	div.nomobile .nivoSlider
	{
		z-index: 0;
	}
    
    div.nomobile .nivoSlider img 
    {
        position: absolute;
        top: 0px;
        left: 50% !important;
        width: 2000px !important;
        height: 545px !important;
        margin-left: -1000px;
    }
	
	.nivo-caption
	{
		/* width: 960px; */
	}
	
	.nivo-caption {
		z-index: 999;
        bottom: 30% !important;
        right: 14% !important;
		/* left: 3px !important; */
		background: transparent !important;
		height: auto !important;
		color: #ffffff !important;
		font-weight: 500;
		font-size: 60px !important;
		line-height: 34px !important;
		opacity: 1 !important;
		padding: 0 !important;
		margin: auto;
        /* text-shadow: -2px 1px 0px #15283c; */
		text-align: justify!important;
	}

	.nivo-caption  h2
	{
        color: #fff;
        font-size: 65px!important;
        line-height: 66px;
        margin-left: auto;
        margin-bottom: 0 !important;
        max-width: 604px;
        text-align: right;
        padding: 25px 30px 20px 30px;
        position: relative !important;
        right: 0 !important;
        z-index: 2;
        display: block;
        border-radius: 10px 10px 0 0;
	}

	
	.nivo-caption  h2:after,
    .nivo-caption  h2:before,
    .nivo-caption  h3:after,
    .nivo-caption  h3:before
	{
		display: none;
	}
	
	.nivo-caption h3
	{
        color: #fff;
        background: none;
        font-size: 22px;
        line-height: 28px;
        margin-left: auto;
        margin-bottom: 0 !important;
        text-align: right;
        max-width: 604px;
        box-sizing: border-box;
        padding: 10px 0 20px 30px;
        position: relative !important;
        right: 0px !important;
        z-index: 2;
        display: block;
      
	}	

    .nivo-caption  h3:before
	{
		content: "";
		display: block;
		height: 3px;
		width: 200px;
		background: #CF1F1F;
		position: absolute;
		right: 0px;
		margin-top: -15px;
		z-index: 4 !important;
	}
   

    .nivo-nextNav {
        right: 2%!important;
        text-indent: -999999px;
        width: 32px;
        height: 57px;
        display: inline-block;
        background: url(../images/layout/arr-forward.png) no-repeat center center;
        opacity: 0.5;
    }

    .nivo-prevNav {
        left: 2%!important;
        text-indent: -999999px;
        width: 32px;
        height: 57px;
        display: inline-block;
        background: url(../images/layout/arr-backward.png) no-repeat center center;
        opacity: 0.5;
    }

    .nivo-prevNav:hover,
    .nivo-nextNav:hover{
        opacity:1;
    } 

    .box-info p{
        font-size:14px;
        color:#515151;
        margin-top: 10px;
        line-height: 18px;
    }
    .box-info .title-info{
        font-size:18px
    }

    .box-info .title-info:before{
        content:"";
        
        width:24px;
        height:37px;
        display:inline-block;
        position: relative;
        left: -10px;
    }

    #block_block_5 .box-info .title-info:before{
        background: transparent url(../images/layout/caldaie-ico.png) no-repeat top left;
    }

    #block_block_6 .box-info .title-info:before{
        background: transparent url(../images/layout/clima-ico.png) no-repeat top left;
        width: 48px;
        top: 11px;
    }

    #block_block_7 .box-info .title-info:before{
        background: transparent url(../images/layout/idra-ico.png) no-repeat top left;
        left: -10px;
        width: 31px;
    }

    .box-info{
        /* border:1px solid red; */
        width: 76%;
        margin: 0 auto;
        background: #fff;
        border-radius: 10px;
        padding: 20px;
        text-align: center;
        top: -45px;
        position: relative;
        box-shadow: -1px 8px 10px 2px rgb(61 61 61 / 8%);
        transition: all .3s ease-in-out;
    }
   

    .box-info  span{
        position: relative;
        top: -10px;
        
    }

    #region-blocks_banner *{
        text-align: center;
        font-family: 'Hansief Regular';
        text-transform: uppercase;
    }

    .box-tel{
        color: white;
        background: #ff3000;
        font-size: 40px;
        padding: 28px;
        border-radius: 10px;
        margin-top: 30px;
        display: inline-block;
    }

    .box-banner{
        justify-content: space-between;
        display: flex;
        margin-bottom:40px;
        height:350px;
        width:100%;
        border-radius:15px;
        background: rgb(168,205,236);
        background: linear-gradient(180deg, rgba(168,205,236,1) 0%, rgba(175,209,238,1) 72%, rgba(255,255,255,1) 73%, rgba(255,255,255,1) 75%, rgba(110,158,208,1) 76%, rgba(81,139,198,1) 100%);
    }


    .box-right{
        width:30%;
        position: relative;
    }

    .box-left{
        width:70%;
    }


    h1{
        font-size:30px;
    }

    h2{
        font-size:24px;
    }

    h3{
        font-size:18px;
    }

    h4{
        font-size:16px;
    }
    /* TITLES */


    h1, h2, h3, h4{
        position: relative;
        padding: 0;
        margin: 0;
        font-family: "Raleway", sans-serif;
        font-weight: 300;

        color: #080808;
        -webkit-transition: all 0.4s ease 0s;
        -o-transition: all 0.4s ease 0s;
        transition: all 0.4s ease 0s;
        font-weight: 700;
        letter-spacing: 1px;
        text-transform: uppercase;
       
        margin: auto;
        /* white-space: nowrap; */
        
        display: inline-block;
    
    }

    .abs{
        color:rgb(126, 126, 126);
        margin-bottom:10px;
    }


 


    /* .title:before{
        background-color: #498dd5;
        content: '';
        display: block;
        height: 4px;
        width: 50%;
        margin-bottom: -5px;
    }

    .title:after{
        background-color: #ff3000;
        content: '';
        display: block;
        position: absolute;
        right: 0;
        bottom: 0;
        height: 4px;
        width: 50%;
        margin-bottom: 17px;
    } */




    h1:before{

        
        background-color: #498dd5;
        content: '';
        display: block;
        height:3px;
        width: 50%;
        margin-bottom: -5px; 

        
    }

    h1:after{
        background-color: #ff3000;
        content: '';
        display: block;
        position: absolute;
        right: 0;
        bottom: 3px;
        height: 4px;
        width: 50%;

    }


    h1:after {
        height:0;   
    }

    h2:before{
        background-color: #498dd5;
        content: '';
        display: block;
        width: 50%;
        margin-bottom:0px;
        height:3px;
    }

    h2:after{
        background-color: #ff3000;
        content: '';
        display: block;
        position: absolute;
        right: 0;
        bottom: -3;
        width: 50%;
        margin-bottom: 3px;
        height:3px;
    }

    h3:before{
        background-color: #498dd5;
        content: '';
        display: block;
        width: 50%;
        height: 3px;
        margin-bottom: -3px;
    }


    h3:after{
        background-color: #ff3000;
        content: '';
        display: block;
        position: absolute;
        right: 0;
        bottom: 0;
        width: 50%;
        height: 3px;
        margin-bottom: 1px;
    }

    h4:before{
        background-color: #498dd5;
        content: '';
        display: block;
        width: 50%;
        height:3px;
        margin-bottom: -3px;
    }


    h4:after{
        background-color: #ff3000;
        content: '';
        display: block;
        position: absolute;
        right: 0;
        bottom: 0;
        width: 50%;
        height:3px;
        margin-bottom: 1px;
    }


    .homepage h2{
        font-size:40px;
    }
    #page-header {
        border-bottom:none;
    }

    #page-header h1{
        width: 100%;
        margin-bottom: 10px;
    }

    .abs{
        margin-bottom: 30px;
        font-size: 17px!important;
        margin-top: 20px;
        font-style: italic;
    }

    #page-header h1:before{
       width:100%;
       margin-bottom: 3px;
       height:3px;
    }


    #page-header h1:after{
        width:100%;
        bottom: -5px;
        height:3px;
    }

    .box-banner h1:before{
       display: none;
    }

    #page #content ul li{
        list-style-type: disc;
        font-size:16px;
        line-height: 32px;
    }

    #page #content ul li img{
        max-width:100px;

    }

    #page #content h2{
        margin: 40px 0 23px;
    }

    #region-blocks_partners ul li,
    #region-blocks_services ul li,
    .content-node-children ul li {
        list-style-type: none!important;
    }

    .testi-chi-siamo{
        margin-top: 40px;
    }

    .testi-chi-siamo p {
        line-height: 50px!important;
        font-size: 18px!important;
		margin: 0 !important;
    }

    .li-active{
        font-weight: 800;
    }

    #region-blocks_banner{
        margin-bottom: 150px;
    }

    
    #region-blocks_banner a:hover{
        opacity:0.8;
    }

    #region-blocks_banner h1{
        color: #ff3000;
        margin-top: 33px;
        font-size: 50px;
    }

    .lui{
        position: absolute;
        top: -54px;
        right: 61px;

    }

    #page p.strillo{
        color: #fff;
        font-size: 29px;
        /* position: absolute; */
        bottom: 0;
        line-height: 33px;
        width: 87%;
        margin: 0 auto;
        margin-top: 66px;
    }

    #region-blocks_text_free01{
        text-align: center;
        
    }

    #region-blocks_text_free01 .title,
    #region-blocks_services .title{
        margin-bottom: 60px!important;
    }

    #region-blocks_services{
        text-align: center;
        padding: 100px 0;
        width: 100vw;
        position: relative;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
        background: #f7fafc; 
    }

    #region-blocks_services ul{
        display: flex;
        width: 1227px;
        margin: 0 auto;
        justify-content: space-between;
       
    }

    #region-blocks_services ul li{
        background: #fff;
        box-shadow: 0px 13px 20.4px 3.6px rgb(61 61 61 / 8%);
        width: 200px;
        padding: 10px 10px 20px 10px;
        border-radius: 10px;
    }


    #region-blocks_services ul li img{
        margin-bottom: 15px;
        margin-top: 20px;
    }

    #region-blocks_services ul p{
        font-size:18px;
        font-weight: 800;
    }

    .top-banner{
        font-family: 'Hansief Regular';
        text-transform: uppercase;
        display: flex;
        justify-content: space-between;

        font-size: 18px;
    }

    #contatti-top{

    }

    #contatti-top ul{

    }

    #contatti-top ul li{
        list-style-type: none;
        color:white;
        float: left;
        padding: 0px;
 
    }

    #contatti-top ul li img{
        width: 26px;
        position: relative;
        top: 4px;
        margin-left: 20px;
    }



    .mobile-phone-number img{
        width: 26px;
        position: relative;
        top: 4px;
        margin-left: 20px;

    }

    .mobile-phone-number span,
    .mobile-phone-number img{
        /* color:#a8cdec; */
        animation: color-change 20s infinite;
    }

    @keyframes color-change {
        0% { color: #ff3000; }
        25% { color: #fff; }
        50% { color: #a6cef3; }
        75% { color: #fff; }
        100% { color: #ff3000; }
      }

    .top-banner{

    }
    
     
    #region-blocks_partners{
        text-align: center;

    }

    #region-blocks_partners ul{
        margin-top:60px;
        display: flex;
        justify-content: space-between;
		align-items: center;
    }

    .sidebar-service #region-blocks_services{
        text-align: center;
        padding: 0;
        width: auto;
        position: relative;
        left: auto;
        right:auto;
        margin-left: 0;
        margin-right: 0;
        background:transparent;
    }

    .sidebar-service #region-blocks_services .title{
        position: relative;
        padding: 0;
        margin: 0;
        font-family: "Raleway", sans-serif;
        font-weight: 300;
        font-size:16px;
        color: #080808;
        -webkit-transition: all 0.4s ease 0s;
        -o-transition: all 0.4s ease 0s;
        transition: all 0.4s ease 0s;
        font-weight: 700;
        letter-spacing: 1px;
        text-transform: uppercase;
        text-align: center;
        margin: auto;
        white-space: nowrap;
        padding-bottom: 13px;
        display: inline-block;
        margin-bottom:12px;
    }

    .sidebar-service #region-blocks_services .title:before {
        background-color: #498dd5;
        content: '';
        display: block;
        height: 2px;
        width: 50%;
        margin-bottom: 4px;
    }

    .sidebar-service #region-blocks_services .title:after {
        background-color: #ff3000;
        content: '';
        display: block;
        position: absolute;
        right: 0;
        bottom: 0;
        height: 2px;
        width: 50%;
        margin-bottom: 8px;
    }


    .sidebar-service #region-blocks_services ul {
        display: block;
        width: auto;
        margin: 0 auto;
       
    }

    .sidebar-service #region-blocks_services ul li{
        background: #fff;
        /* box-shadow:0px 1px 2px 2px rgb(61 61 61 / 8%); */
        box-shadow:none;
        width: 150px;
        padding:0px 10px 19px 10px;
        border-radius: 10px;
        margin: 10px auto;
    }

    .sidebar-service #region-blocks_services ul li img{
        width:50%;
        margin-top: 17px;
        margin-bottom: 3px;
    }

    .sidebar-service #region-blocks_services ul p{
        font-size: 16px;
        font-weight: normal;
    }

    .banner-sidebar img{
        margin:0 auto;
        display: block;
    }

}

@media (min-width: 1247px)
{
    
    body
    {
        font-size: 14px;
        /* background-color: green; */
    }
    
    #page, .box-960 
    {
        width: 1227px;
  
    }
    
    #content
    {
        width: 947px;
    }
    
    #footer #menu_primary a, #menu_primary .menu-item-active span
    {
        font-size: 14px;
    }
    
    #footer
    {
       
        font-size: 14px;
    }

    ul.breadcrumb-ul {
        list-style-type: none;
        display: inline-block;
    }


    ul.breadcrumb-ul li {
        display: inline-block;
    }

    .breadcrumb-prefix
    {
        display:inline-block;
    }

    #block_homepage_contents, .homepage-content #region-blocks_evidence
    {
        margin: 40px 0 0 0;
        text-align: center;
        background-color: #fff;
    }

    #block_homepage_contents ul li, #region-blocks_evidence ul li {
        width: 230px;
        border: 1px solid #d9d9d9;
        margin: 0 20px 20px 0;
        border-radius: 6px;
    }

    .block-homepage-tour-title
    {
            color: #000;
            font-weight: 600;
            font-size: 18px;
            text-decoration: none;
    }

    .block-homepage-text {
            border-top: 1px solid #d9d9d9;
            padding: 15px 0 0 0;
            margin: 15px 0 0 0;
    }

    .block-homepage-int-text
    {
            padding: 15px;
    }

    #block_homepage_contents ul li a, #block_homepage_contents ul li a:hover 
    {
            color: #333333;
            text-decoration: none;
    }

    #block_homepage_contents .block-int, #region-blocks_evidence .block-int
    {
            padding: 0;
    }

    #block_homepage_contents h2, .homepage-content #region-blocks_evidence h2
    {
            display: inline-block;
    }

    #block_homepage_contents ul, .homepage-content #region-blocks_evidence ul 
    {
        list-style-type: none;
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        justify-content: center;
        flex-wrap: wrap;
    }
    
    #block_homepage_contents img 
    {
        width: 100%;
        height: auto;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
    }




}@media (min-width: 1921px)
{
	div.nomobile .nivoSlider img 
    {
        position: absolute;
        top: 0px;
        left: 50% !important;
        width: 100% !important;
        height: 692px !important;
        margin-left: -50%;
		object-fit: cover;
    }
}