@font-face {font-display: auto;font-family: fontdefault;src: url('/css/Raleway/Raleway-Light.ttf');}
@font-face {font-display: auto;font-family: fontdefaultbold;src: url('/css/Raleway/Raleway-Bold.ttf');}
@font-face {font-display: auto;font-family: fontsemibold;src: url('/css/Oswald/Oswald-Regular.ttf');}
@font-face {font-display: auto;font-family: fontbold;src: url('/css/Oswald/Oswald-Regular.ttf');}

@media only screen and (min-width : 320px) {        
	html,
	body									{background-color:#fff;color:#1a1b20;margin:0;padding:0;width:100%;font-size:11pt;font-family:fontdefault,sans-serif,Helvetica;transform-style: preserve-3d;min-height:100vh;}
	
	a:link,
	a:active,
	a:visited								{color:#1a1b20;text-decoration:none;}
	a:hover    								{text-decoration:underline;}
    
    a .h1                                   {color:#1a1b20;}

    a.nodecoration                          {text-decoration: none!important;}
    
    a.leggitutto                            {display:table;width:36px;height:36px;line-height:36px;text-align:center;}
    .leggitutto i                           {}
    .leggitutto:hover i                     {-webkit-transform: rotate(360deg);transform: rotate(360deg);}
     
    a.pdf                                   {font-family:fontbold;text-decoration:none;font-size:14pt;color:#0301f8;}
    a.pdf span                              {font-family:fontbold;text-decoration:none;font-size:14pt;color:#1a1b20;}
    
    
    .backdrop-blur                          {background-color: rgba(255,255,255,.2);}
    .backdrop-blur:hover                    {background:rgba(255,255,255,.8);}    
    @supports (-webkit-backdrop-filter: blur(.5em)) or (backdrop-filter: blur(.5em)) {
      .backdrop-blur {background-color: rgba(255, 255, 255, .1);-webkit-backdrop-filter: blur(.5em);backdrop-filter: blur(.5em);}
    }
    
    .cursor-pointer                         {cursor:pointer;}
	.fontbold, .fontdefaultbold, .bold, strong                {font-family:fontdefaultbold,sans-serif !important;}
    .blur                                   {-webkit-filter: blur(10px);-moz-filter: blur(10px);-o-filter: blur(10px);-ms-filter: blur(10px);filter: blur(10px);}
    .centered                               {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);}
    .bottomleft                             {bottom:0;left:0;}
    .animated                               {-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;}
    .animated10                             {-webkit-transition:all 1.0s ease;-moz-transition:all 1.0s ease;-o-transition:all 1.0s ease;transition:all 1.0s ease;}
    .animated14                             {-webkit-transition:all 1.4s ease;-moz-transition:all 1.4s ease;-o-transition:all 1.4s ease;transition:all 1.4s ease;}
	.no-radius								{-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;}
	.marginbottom5    						{margin-bottom: 5px;}
	.marginbottom10    						{margin-bottom: 10px;}
	.marginbottom20    						{margin-bottom: 20px;}
	.marginbottom30    						{margin-bottom: 30px;}
	.marginbottom50    						{margin-bottom: 50px;}
    .errorTxt                               {display:none;}
    .text-error								{color: #d7412c;}
    .bg-intro								{background-color: #f7a81b;}
    .fixed-bottom                           {z-index:99;}
    .mask                                   {pointer-events: none;opacity:0;position:absolute;left:0;width:100%;background-size:100% 100%;background-repeat:repeat-x;}
    .masktop                                {top:0;height:200px;background-position:top center;background-image:url('/images/masktop.png');z-index:-1;}
    .maskbottom                             {bottom:0;height:50%;background-position:bottom center;background-image:url('/images/maskbottom.png');}
    .bgcover                                {background-position:center center;background-size:cover;background-repeat:no-repeat;}
    .lazy-load,
    .lazyload,
    .lazyloading                            {opacity: 0;}
    .lazyloaded                             {opacity: 1;transition: opacity 1000ms;}    
    .shifttop                               {margin-top:-25%;/*transform:translate(0, -50%)!important;*/}    
    .shifttop10                             {margin-top:-10%;/*transform:translate(0, -50%)!important;*/}    
    .shiftbottom                            {margin-bottom:-100px;/*transform:translate(0, -50%)!important;*/}    
    .position-webkit-sticky                 {position:-webkit-sticky;position: sticky;}
    777.translate10                            {-webkit-transform: translate(0px, 0px) translateZ(1px);transform: translate(0px, 0px) translateZ(1px);}
    888.translate10                            {
transform:translate3d(0px, 0px, 10px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
-webkit-transform:translate3d(0px, 0px, 10px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
    }
    .form-control                           {font-size:13pt;}
    
    .breadcrumbs                            {list-style:none;margin:0;padding:0;}
    .breadcrumbs li          				{font-family:fontdefaultbold;text-transform:uppercase;display:inline;}
    .breadcrumbs li:first-child				{}
    .breadcrumbs li a          				{text-decoration:none;color:#1a1b20;}
    .breadcrumbs li svg             		{margin-bottom:1px;}
    
    /* ----------------------------------------------------- VIDEO ----------------------------------------------------------------------------------------------------- */
    /*#videocover                             {object-position: center center; object-fit: cover; object-position: center center; opacity: 1; min-width: 100%; min-height: 100%;}*/
    #videocover                             {object-position: center center; object-fit: cover; object-position: center center; opacity: 1;z-index:0;}
    .container-cover-text                   {width: 100%;z-index:1;/*-webkit-transform: translate(0px, 0px) translateZ(0px);transform: translate(0px, 0px) translateZ(0px);*/}
    /* ----------------------------------------------------- ITEM ----------------------------------------------------------------------------------------------------- */   
    .row-container                          {margin:150px auto;}
    .row-container:first-child              {margin-top:50px;}
    .card                                   {border:none;}
    .item                                   {}
    /*.item .container-text.w-75              {margin-top:-20px;margin-left:20px;}*/
    .item .table                            {padding:10px;display:block;}
    .item .table tbody                      {width:100%;}
	h1, h2, h3, h4, h5, h6,
    .h1, .h2, .h3, .h4, .h5, .h6            {margin-top:0!important;margin-bottom:0!important;line-height:1.3;}
    h1, .h1                                 {font-size:20pt;font-family:fontbold;}
    h1.small, .h1.small                     {font-size:16pt;font-family:fontbold;}
    h2, .h2                                 {font-size:14pt;font-family:fontdefault;}
    h3, .h3                                 {font-size:13pt;}
    h4, .h4                                 {font-size:13pt;}
    h5, .h5                                 {font-size:12pt;}
    h6.date                                 {text-transform:capitalize;border-bottom: 1pt dotted rgba(0, 0, 0, .125);}
    h6.date                                 {text-transform:capitalize;border-bottom: 1pt dotted rgba(0, 0, 0, .125);}
    .bg-dark h6.date                        {border-bottom: 1pt dotted #eee;}

    .cover                                  {background-position:center center;background-size:cover;background-repeat:no-repeat;}
    .cover h1                               {color:#fff;font-size:30pt;}
    .carousel .h1                           {color:#fff;font-size:30pt;}
    h1.top                                  {font-size:30pt;}
    h2.top                                  {font-size:18pt;}
    
	/* ----------------------------------------------------- MENU ----------------------------------------------------------------------------------------------------- */
    .container-menu                         {position:fixed;left:0;top:0;text-align:right;width:100%;z-index:1000;/*-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:rgba(247,248,241,.3);*/}
    .mobile .container-menu:hover           {background-color: #fff;}
    .nav-down                               {top:-320px;}
    .nav-up                                 {top:0;}

    .navbar:hover .masktop                  {height:260px;}
    .mobile .navbar:hover .masktop          {display:none;}
    
    .navbar                			        {}
    .navbar .col-lg-3               		{}
    .navbar:hover       			        {}
    .navbar	.logo							{height:60px;}
    .container-logo                         {min-width: calc(100% - 62px);}
    /*
    .navbar-light .navbar-toggler-icon       {font-size: 2.5rem;background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}
    .mobile .navbar-light .navbar-toggler-icon       {font-size: 2.5rem;background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(237, 28, 36, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}
    */
    .navbar-toggler                         {}
    .navbar-nav                             {z-index:9999}
    .navbar-toggleable-lg .navbar-nav       {margin-top:0;margin-bottom:1.5rem;}
    
    .navbar-light .navbar-nav .nav-item                   {float:none;}
    .navbar-light .navbar-nav .nav-link                   {font-size:12pt;font-family:fontdefaultbold;text-decoration:none;letter-spacing: .08rem;}
    .mobile .navbar-light .navbar-nav .nav-link           {text-shadow:none;}
    .navbar-light .navbar-nav .nav-link:hover             {text-shadow:none;}
    
    .navbar-nav .dropdown-toggle:hover                  {}
    .navbar-nav .dropdown:hover>.dropdown-menu          {display: block;}
    .navbar-nav .dropdown-menu                          {margin-top: 0;background:#f7f8f1;}    
    .navbar-nav .dropdown-item                          {padding: .25rem 1rem;}    
        
    /* ----------------------------------------------------- MODAL ----------------------------------------------------------------------------------------------------- */
    .modal.fade .modal-dialog.modal-dialog-zoom {-webkit-transform: translate(0,0)scale(.5);transform: translate(0,0)scale(.5);}
    .modal.show .modal-dialog.modal-dialog-zoom {-webkit-transform: translate(0,0)scale(1);transform: translate(0,0)scale(1);} 
    .modal-dialog-centered          {min-height: calc(100vh - (1.75rem * 2));}
	.modal-content					{border-radius: 0;}
    .table                          {margin-bottom: 0;}
	.table-striped 
	> tbody 
	> tr:nth-of-type(2n+1)			{background-color:#f5f5f5;}
    .table-striped td, .table-striped th {border-top:none!important;}
    .table td, .table th                 {dborder-top:1px dotted #1a1b20;vertical-align:middle;}
    .item .table td,.item .table th      {float:none!important;}
    .table tr:first-child td, .table th:first-child  {border-top:none;}
    .table tr:first-child td table        {margin-top:10px;}
    .table tr:first-child td table tr td  {border-top:1px dotted #1a1b20;}
    
    .contact .errorTxt, .contact .risposta{display: none;}
	
    /* ----------------------------------------------------- CONTENT ----------------------------------------------------------------------------------------------------- */
    .square-container                       {display:block;height:0; padding-bottom:100%;position:relative;margin:0;background-size: cover; background-position: center center; background-repeat: no-repeat;overflow: hidden;outline: 4pt solid transparent;}
    .square-container.nohover                 {}
    .square-container:not(.nohover):hover                 {
        -webkit-transform: scale(1.14, 1.14);
	   -moz-transform: scale(1.14, 1.14);
	   -ms-transform: scale(1.14, 1.14);
	   -o-transform: scale(1.14, 1.14);
	   transform: scale(1.14, 1.14);
           z-index: 2;}
    .square-container a                     {display:block;width: 100%;padding: 0px 0px 100%;}
    .square-container .caption              {position: absolute; left: 0; bottom: 0; width: 100%; padding: 10px; box-sizing: border-box; color: #fff; 
    }
    .square-container:hover .caption        {bottom: -1999px;}
    .square-container img                   {max-width: 100%; max-height: 100%;}

	/* ----------------------------------------------------- TABLE ----------------------------------------------------------------------------------------------------- */
	.table-container				{display: block; width: 100%; overflow-x: auto; box-sizing: border-box;}
	.table-container .table 		{white-space:nowrap;}
	.table-container .table tr		{width: 100%;}
	.table-hover a:hover			{text-decoration:none;}
	.table label					{margin-bottom: 0 !important; width: 100%;}		
    .table td, .table th            {padding:.35rem;}

	/* ----------------------------------------------------- SITEMAP ----------------------------------------------------------------------------------------------------- */
    .sitemap,
    .sitemap li ul,
    .sitemap li ul li ul            {list-style:none;margin:0;padding:0;display:table;width:100%;}
	.sitemap li                     {margin:0;padding:0;/*border-top:1px dotted;*/}
	.sitemap > li:first-child       {margin:0;padding:0;/*border-top:none;*/}
	.sitemap li a                   {text-decoration:none;padding:10px;display:block;}
	.sitemap li a:hover             {letter-spacing:.02em;}
	.sitemap > li > a               {/*font-family:fontbold,sans-serif;*/}
    
	/* ----------------------------------------------------- FOOTER ----------------------------------------------------------------------------------------------------- */
	.footer ul						{list-style:none;margin:0;padding:0;}
	.footer ul li      				{list-style:none;margin:0;padding:0;display:block;}
    .footer .menubottom a:hover     {letter-spacing:.04em;}
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 576px) {
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {    
    .container-cover-text                   {width: 75%;float:right;}
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
    .shiftleft          {transform:translate(-10%, 0)!important;}
    .shiftright          {transform:translate(10%, 0)!important;}
    .shifttop                               {margin-top:-10%;}    
    h1.top                                  {font-size:24pt;}
    h2.top                                  {font-size:14pt;}
    .container-grid      {/*margin-right: -15px;margin-left: -15px;*/}
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
    .navbar	.logo                   {}
    .container-logo                 {min-width: 0;}
    .navbar-light .navbar-nav .nav-link {font-size:11pt;font-family:fontdefaultbold;}
}

@media only screen and (min-width : 1380px) {
}





/* SELECT */
/*
body select                         {
                                    display: block; 
                                    padding: 8px 40px 8px 8px !important;
                                    width:250px; 
                                    height: auto !important; 
                                    border: 1px solid #fff; 
                                    border-radius: 3px; 
                                    background: url("/images/selectbox_arrow.png") right center no-repeat; 
                                    background-color:transparent; 
                                    color: #fff; 
                                    font-size: 12pt;
                                    line-height: 18px !important; 
                                    appearance: none; 
                                    -webkit-appearance: none; 
                                    -moz-appearance: none; 
                                    margin: 5px 0 5px auto;
                                    text-transform:uppercase;
                                    } 
body select option                  {padding: 0 4px;}
select::-ms-expand                  {display: none;}
select:disabled::-ms-expand         {background: #f60;}
*/



/* Salvattore */
#grid[data-columns] > div {padding:15px;padding-top:0;}
#grid[data-columns] > div.item {background-color:#f0f0f0;}
#grid[data-columns] div.text {padding:20px;background:#fafafa;color:#1a1b20;margin-bottom:30px;}
#grid[data-columns] div.text a {color:#1a1b20;}
#grid[data-columns] div.bordered {background:#1a1b20;color:#fff;}
#grid[data-columns] div.bordered a {color:#fff;}
#grid[data-columns] > div > div > a {display:block;overflow:hidden!important;text-decoration:none;}
#grid[data-columns] a {text-decoration:none;}

/* These are the classes that are going to be applied: */
.column { float: left; }
.size-1of1 { width: 100%; }
.size-1of2 { width: 50%; }
.size-1of3 { width: 33.333%; }  
.size-1of4 { width: 25%; }  

/* Configurate salvattore with media queries */
@media screen and (max-width: 480px){
    #grid[data-columns]::before {content: '1 .column.size-1of1';}
}
@media screen and (min-width: 481px) and (max-width: 768px) {
    #grid[data-columns]::before {content: '2 .column.size-1of2';}
}
@media screen and (min-width: 769px) {
    #grid[data-columns]::before {content: '2 .column.size-1of2';}
}
@media screen and (min-width: 993px) {
    #grid[data-columns]::before {content: '2 .column.size-1of2';}
}
@media screen and (min-width: 1400px) {
    #grid[data-columns]::before {content: '2 .column.size-1of2';}
}





    [class^="swiper-button-"] {
      transition: all .3s ease;
    }

    .swiper-slide {
      backface-visibility: hidden;
      -webkit-backface-visibility: hidden;
    }

    *, *:before, *:after {
      box-sizing: border-box;
      /*
      margin: 0;
      padding: 0;
      */
    }

    .swiper-container {
      width: 100%;
      /*height: 70vh;*/
      transition: opacity .6s ease, -webkit-transform .3s ease;
      transition: opacity .6s ease, transform .3s ease;
      transition: opacity .6s ease, transform .3s ease, -webkit-transform 1.3s ease;
      z-index:0!important;
    }
    .swiper-container.nav-slider {
      width: 20%;
      padding-left: 5px;
      display: none;
    }
    .swiper-container.nav-slider .swiper-slide {
      cursor: pointer;
      opacity: .4;
      transition: opacity .3s ease;
    }
    .swiper-container.nav-slider .swiper-slide.swiper-slide-active {
      opacity: 1;
    }
    .swiper-container.nav-slider .swiper-slide .content {
      width: 100%;
    }
    .swiper-container.nav-slider .swiper-slide .content .title {
      font-size: 20px;
    }
    .swiper-container:hover .swiper-button-prev,
    .swiper-container:hover .swiper-button-next {
      -webkit-transform: translateX(0);
              transform: translateX(0);
      opacity: 1;
      visibility: visible;
    }
    .swiper-container.loading {
      opacity: 0;
      visibility: hidden;
    }

    .swiper-slide {
      overflow: hidden;
    }
    .swiper-slide .slide-bgimg {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-position: center;
      background-size: cover;
    }
    .swiper-slide .entity-img {
      display: none;
    }
    .swiper-slide .content {
      position: absolute;
      bottom: 20%;
      left: 0;
      width: 50%;
      padding-left: 5%;
      color: #fff;
    }
    .swiper-slide .content .title {
      font-size: 2.6em;
      font-weight: bold;
      margin-bottom: 30px;
    }
    .swiper-slide .content .caption {
      display: block;
      font-size: 30pt;
      line-height: 1.4;
      -webkit-transform: translateX(50px);
              transform: translateX(50px);
      opacity: 0;
      transition: opacity .3s ease, -webkit-transform .7s ease;
      transition: opacity .3s ease, transform .7s ease;
      transition: opacity .3s ease, transform .7s ease, -webkit-transform .7s ease;
    }
    .swiper-slide .content .caption.show {
      -webkit-transform: translateX(0);
              transform: translateX(0);
      opacity: 1;
    }

    [class^="swiper-button-"] {
      width: 44px;
      opacity: 0;
      visibility: hidden;
    }

    .swiper-button-prev {
      -webkit-transform: translateX(50px);
              transform: translateX(50px);
    }

    .swiper-button-next {
      -webkit-transform: translateX(-50px);
              transform: translateX(-50px);
    }