/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">

*/


    /* Preloader */
      
    #loader-wrapper {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 1001;
    }


    #app-preloader {
      position: fixed;
      width: 100vw;
      height: 100vh;
      display: flex;
      flex-direction: column;
      gap: 100px;
      justify-content: center;
      align-items: center;
      background: var(--color-blu-2);
      color: var(--color-negro);
      transition: .3s ease-in-out; 
      z-index: 1001;
      }

      #app-preloader .customloader {
        width: 150px;
			  height: 150px;
        
        z-index: 1001;
        
      }
      
      .bar {
      width: 10px;
      height: 70px;
      background: var(--color-gray);
      display: inline-block;
      transform-origin: bottom center;
      border-top-right-radius: 20px;
      border-top-left-radius: 20px;
      /*   box-shadow:5px 10px 20px inset rgba(255,23,25.2); */
      animation: loader 3.0s linear infinite;
    }
    .bar1 {
      animation-delay: 0.1s;
    }
    .bar2 {
      animation-delay: 0.2s;
    }
    .bar3 {
      animation-delay: 0.3s;
    }
    .bar4 {
      animation-delay: 0.4s;
    }
    .bar5 {
      animation-delay: 0.5s;
    }
    .bar6 {
      animation-delay: 0.6s;
    }
    .bar7 {
      animation-delay: 0.7s;
    }
    .bar8 {
      animation-delay: 0.8s;
    }


    /* Loaded */
		
		
		.loaded #loader {
			opacity: 0;
			-webkit-transition: all 0.5s ease-out;  
					transition: all 0.5s ease-out;
		}
		.loaded #loader-wrapper {
			visibility: hidden;
	
			-webkit-transform: translateY(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
				-ms-transform: translateY(-100%);  /* IE 9 */
					transform: translateY(-100%);  /* Firefox 16+, IE 10+, Opera */
	
			-webkit-transition: all 0.5s 5s ease-out;  
					transition: all 0.5s 5s ease-out;
		}
    
    @keyframes customloader-anim {
      0% {
        filter: opacity(0);
        transform: translateY(60px);
      }
    
      100% {
        filter: opacity(1);
        transform: translateX(0);
      }
    }

    @keyframes loader {
      0% {
        transform: scaleY(0.1);
        background: var(--color-verde) ;
      }
      16.5% {
        transform: scaleY(1);
        background: var(--color-arancia);
      }
      33% {
        transform: scaleY(1);
        background: var(--color-giallo);
      }
      49.5% {
        transform: scaleY(1);
        background: var(--color-rosso);
      }
      66% {
        transform: scaleY(1);
        background: var(--color-blu);
      }
      82.5% {
        transform: scaleY(1);
        background: var(--color-azurro);
      }
      100% {
        transform: scaleY(0.1);
        background: transparent;
      }
    }  








     

    /* Navbar*/


    #mainMenu nav > ul > li > a {

    padding: 0px 18px;
    ;
    }




    .header-extras {
    float: left;
    z-index: 199;
    position: relative;
    height: 80px;
    }




    .dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-menu, #mainMenu.dark nav > ul > li .dropdown-menu {
    background-color: var(--color-blu-2);
    border-color: var(--color-blu-2);
    }

    @media (max-width: 991.98px){
      .mainMenu-open.dark #header .header-inner, .mainMenu-open.dark #header #header-wrap, .mainMenu-open #header:not(.submenu-light).dark .header-inner, .mainMenu-open #header:not(.submenu-light).dark #header-wrap {
        background-color: var(--color-blu-2) !important;
      }
    }





    /* End:Navbar*/





    /* Background-colors */
    .bg-easy-verde {
    background-color: var(--color-verde);
    }

    .bg-easy-blu {
    background-color: var(--color-blu);
    }

    .bg-easy-azzurro {
    background-color: var(--color-azurro);
    }

    .bg-easy-rosso {
    background-color: var(--color-rosso);
    }

    .bg-easy-arancia {
    background-color: var(--color-arancia);
    }

    .bg-easy-giallo {
    background-color: var(--color-giallo);
    }


    .bg-easy-viola {
    background-color: var(--color-viola);
    }

    .bg-easy-gray {
    background-color: #f8f4f0;
    }


    .bg-easy-transparent {
      background-color: #f8f4f000;
      }


      .bg-overlay[data-style="14"] { background: -webkit-linear-gradient(top, var(--color-verde) 0%, var(--color-azurro) 100%); background: linear-gradient(180deg, var(--color-verde) 0%, var(--color-azurro) 100%); opacity: .9; } 
      .bg-overlay[data-style="15"] { background: var(--color-blu-2); opacity: .9; }

      .bg-overlay[data-style="16"] { background: var(--color-azurro); opacity: .9; }

      .bg-overlay[data-style="17"] { background: var(--color-viola); opacity: .9; }

      .bg-overlay[data-style="18"] { background: var(--color-negro); opacity: .5; }


    /* End:Background-colors */

    /* About */

    .hero-two-img {
    position: relative;
    margin-bottom: 80px;
    }

    .hero-two-img .img2 {
    position: absolute;
    left: 80px;
    bottom: -80px;
    }
    .hero-two-img .img1, .hero-two-img .img2 {
    width: calc(100% - 80px);
    height: 400px;
    border-radius: 15px;
    -webkit-box-shadow: 0px 10px 40px rgba(59, 63, 130, 0.3);
    box-shadow: 0px 10px 40px rgba(59, 63, 130, 0.3);
    overflow: hidden;
    }
    .hero-two-img .img1 img, .hero-two-img .img2 img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    }



    /* End: About */

    /*azienda*/

    .z-index-0 {
    z-index: 0!important;
    }

    .position-absolute {
    position: absolute !important;
    }
    .origin-center {
    transform-origin: center!important;
    }

    .top-0 {
    top: 0 !important;
    }

    .end-0 {
    right: 0!important;
    }


    .start-0 {
    left: 0 !important;
    }
    .start-15 {
    left: 15% !important;
    }
    .start-3 {
    left: 3% !important;
    }

    .start-10 {
    left: 10% !important;
    }

    .bottom-0 {
    bottom: 0 !important;
    }

    .bottom-7 {
    bottom: 7% !important;
    }

    .bottom-40 {
    bottom: 40% !important;
    }

    .bottom-75 {
    bottom: 75% !important;
    }


    .origin-center {
    transform-origin: center !important;
    }
    .f-w-6 {
    width: 2.5rem !important;
    }

    .rotate-n45 {
    transform: rotate(-45deg) !important;
    }

















    .animation-float {
    -webkit-animation: float 3s ease-in-out infinite;
    animation: float 3s infinite linear;
    }

    .animation-float-1 {
    -webkit-animation: floating 3s ease-in-out infinite;
    animation: 3s infinite alternate floating;
    }

    .animation-float-2 {
    animation: rotate 7s infinite linear;
    transform-origin: center;
    transform-box: fill-box;
    }





    @keyframes float {
    from {
    transform: rotate(0deg) translate3d(5px, 0, 0) rotate(0deg);
    }
    to {
    transform: rotate(360deg) translate3d(5px, 0, 0) rotate(-360deg);
    }
    }

    @keyframes floating {
    0% {
    transform: translatey(0px);
    }
    50% {
    transform: translatey(-10px);
    }
    100% {
    transform: translatey(0px);
    }
    }

    @keyframes rotate {
    from{
    transform: rotateZ(0deg);
    }
    to{
    transform: rotateZ(360deg);
    }
    }


    /*End:Azienda*/

    /* Servizi */

    
    .icon-img-150 {
    width: 150px;
    }

    .servizi-home .watermark,
    .settori .watermark {
    bottom: -94px;
    height: 348px;
    left: 55%;
    overflow: hidden;
    position: absolute;
    transform: rotate(13deg) translateX(-50%);
    width: 100%;
    z-index: -1;
    }

    .watermark svg {
    height: 548px;
    left: 85%;
    max-width: none;
    position: absolute;
    transform:  translateX(-50%);

    }


    /* End: Servizi */
    /* attivita */
    
    .icon-img-200 {
      width: 200px;
    }



    
    /* End: attivita */




    .alberghiero-info .pt.top-left{
      top: 30px;
      left: 30px;
      width: 200px;
      -webkit-transform: rotate(-30deg);
      -ms-transform: rotate(-30deg);
      transform: rotate(-30deg);
      z-index: -1;
    }

    
      .alberghiero-info .pt.center-right,
      .traspoto-pubblico .pt.center-right {
        top: 40%;
        right: 0;
        z-index: -1;
    }

    .alberghiero-info .pt.bottom-left,
    .residenza-info .pt.bottom-left,
    .appartamento-info .pt.bottom-left {
      bottom: 0px;
      left: 30px;
      width: 200px;
      
      z-index: -1;
    }


    .lingua-info .pt.top-center{
      top: 0%;
      left: 50%;
    }


    .lingua-info .pt.bottom-left,
    .trasferimenti-info .pt.bottom-left{
      bottom: 1%;
      left: 0;
      z-index: -1;
    }

    .lingua-info .pt.center-right,
    .famiglie-info .pt.center-right {
      top: 40%;
      right: 30px;
      z-index: -1;
    }

    .lingua-info .pt.top-right {
      top: 6%;
      right: 0;
      z-index: -1;
    }

  
    .alberghiero-info .pt,
    .lingua-info .pt,
    .appartamento-info .pt,
    .famiglie-info .pt,
    .residenza-info .pt,
    .trasferimenti-info .pt,
    .traspoto-pubblico .pt {
      position: absolute;
      pointer-events: none;
    }

    
    .opacity-1 {
    opacity: .3 !important;
    }

    /* Footer */

    .dark #footer, #footer.bg-footer, #footer.dark {
        background-color: var(--color-blu);
    }
    #footer .copyright-content {
        background-color: var(--color-blu-2)
    }


    /* End: Footer */

    /* Sticky Bar */
    .sticky-bar {
      opacity: 0;
      visibility: hidden;
      -webkit-transition: all .4s;
      -o-transition: all .4s;
      transition: all .4s;
    }
    
    .sticky-bar.active {
      opacity: 1;
      visibility: visible;
    }
    
    .sticky-bar .left-bar {
      position: fixed;
      left: 26px;
      bottom: 50%;
      -webkit-transform: translateY(50%);
      -ms-transform: translateY(50%);
      transform: translateY(50%);
      z-index: 999;
    }
    
    .sticky-bar .left-bar .home-btn {
      padding: 12px 25px;
      background: #fff;
      border-bottom: 4px solid #eee;
      border-radius: 30px;
      -webkit-box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.05);
      box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.05);
      font-size: 11px;
      font-weight: 600;
      -webkit-transform: rotate(-90deg) translateY(-100%);
      -ms-transform: rotate(-90deg) translateY(-100%);
      transform: rotate(-90deg) translateY(-100%);
    }
    
    

    @media screen and (max-width: 991px){ 
      .sticky-bar .left-bar .home-btn, .sticky-bar .right-bar .social-text {
        display: none;
      }
    }

    /* End:Sticky Bar */