.form-control:focus {

    border-color: var(--colore_1);
    box-shadow: none!important;
}

.input-group .btn {
    border-radius: 0 .375rem .375rem 0 !important;
    padding: 2px 15px;
}

.btn{transition: all 0.5s cubic-bezier(.215, .61, .355, 1);}
div.dt-container div.dt-search input,.badge{border-radius: 0;}
.dt-search{margin-bottom: 10px;}
.page-link{border-radius: 0!important;}
.bg-white{background-color: #ffffff;}

.card{border-radius: 0;}
.card-img, .card-img-top{border-radius: 0;}
.list-group-item.active {
    z-index: 2;
    color: var(--colore_1);
    background-color: var(--colore_1);
    border-color: var(--colore_1);
}


.pos-rel{position: relative;}
.light{color: #EFE9D3;}
.disegno-5::after {
    content:"";
    position:absolute;
    background:url(../img/disegno-5.svg) no-repeat center center;
    background-size:100%;
    bottom: -180px;
    right: 0;
    width: 222px;
    height: 193px;
}
@media (max-width: 1399px) {
    .disegno-5::after {
        bottom: -120px;
    }
}
@media (max-width: 1199px) {
    .disegno-5::after {
        bottom: -30px;
        right: 0;
        width: 162px;
        height: 143px;
    }
}
@media (max-width: 991px) {
    .disegno-5::after {
        bottom: -40px;
        right: 0;
        width: 122px;
        height: 113px;
    }
}
@media (max-width: 768px) {
    .disegno-5::after {
        position: relative;
        bottom: 0;
        right: 0;
        text-align: right;
        width: 102px;
        height: 113px;
        display: block;
        margin: 20px auto 0 auto;
    }
}

#aperitivo>.container{position: relative;}
#aperitivo>.container::after{
    content:"";
    position:absolute;
    background-color:var(--colore_testo_1);
    width: 100%;
    height: calc(100% + 100px);
    transform: scale(1.09);
    top: -55px;
    left: 0;
    z-index: 0;
}
#aperitivo>.container *{position: relative;z-index: 10;}

.disegno-3::after {
    content:"";
    position:absolute;
    background:url(../img/disegno-3.svg) no-repeat center center;
    background-size:100%;
    bottom: -190px;
    right: 0;
    width: 222px;
    height: 372px;
}
@media (max-width: 1399px) {
    .disegno-3::after {
        bottom: -140px;
        right: 0;
        width: 172px;
        height: 312px;
    }
}
@media (max-width: 1199px) {
    .disegno-3::after {
        bottom: -70px;
        right: 0;
        width: 172px;
        height: 292px;
    }
}
@media (max-width: 991px) {
    .disegno-3::after {
        bottom: -100px;
        right: 0;
        width: 122px;
        height: 209px;
    }
}
@media (max-width: 768px) {
    .disegno-3::after {
        position: relative;
        bottom: 0;
        right: 0;
        text-align: right;
        width: 92px;
        height: 203px;
        display: block;
        margin: 20px auto 0 auto;
    }
}


.disegno-1::after {
    content:"";
    position:absolute;
    background:url(../img/disegno-1.svg) no-repeat center center;
    background-size:100%;
    bottom: -190px;
    right: 0;
    width: 250px;
    height: 272px;
}
@media (max-width: 1399px) {
    .disegno-1::after {
        bottom: -130px;
        right: 0;
        width: 250px;
        height: 272px;
    }
}
@media (max-width: 1199px) {
    .disegno-1::after {
        bottom: -50px;
        right: 0;
        width: 202px;
        height: 223px;
    }
}
@media (max-width: 991px) {
    .disegno-1::after {
        bottom: -21px;
        right: 0;
        width: 122px;
        height: 133px;
    }
}
@media (max-width: 768px) {
    .disegno-1::after {
        position: relative;
        bottom: 0;
        right: 0;
        text-align: right;
        width: 102px;
        height: 133px;
        display: block;
        margin: 20px auto 0 auto;
    }
}

.menu{width: 90px;position: relative;}
.menu1{position: relative;display: inline-block;padding-top: 80px;}
.menu1::after {
    content:"";
    position:absolute;
    background:var(--colore_1);
    top: 0px;
    left: 50%;
    width:1px;
    height:98px;
}
.menu2{position: absolute;display: inline-block;padding-left: 0px;left: 0;bottom: -130px;}
.menu2::after {
    content:"";
    position:absolute;
    background:var(--colore_1);
    top: 43px;
    left: -87px;
    width: 98px;
    height: 1px;
}

.menu3{position: absolute;display: inline-block;padding-left: 0px;left: 0;bottom: -90px;}
.menu3::after {
    content:"";
    position:absolute;
    background:#EFE9D3;
    top: 43px;
    left: -87px;
    width: 98px;
    height: 1px;
}
@media (max-width: 1399px) {
  
    .menu2{bottom: -80px;}
    .menu3{bottom: -30px;}

}
@media (max-width: 1199px) {
  
    .menu2{bottom: 0px;}
    .menu3{bottom: 30px;}

}
@media (max-width: 991px) {
  
    .menu2{bottom: 20px;}
    .menu3{bottom: 70px;}

}
@media (max-width: 768px) {
    .menu2{display: none;}
    .menu3{display: none;}
    .menu1{padding-top: 50px;}
    .menu1::after {
        content:"";
        position:absolute;
        background:var(--colore_1);
        top: 0px;
        left: 50%;
        width:1px;
        height:68px;
    }
}

.z-index-10{z-index: 10;}
.linea-sotto{position:relative;display: inline-block;}
.linea-sotto::after {content:"";
    position:absolute;
    background:var(--colore_1);
    bottom:10px;
    width:150%;
    height:1px;
    right: 0px;
    z-index: 0;
}
@media (max-width: 768px) {
    .linea-sotto::after{display: none;}
}

#contatti{background-color: #ffffff;}

.fiori-1::before {
    content:"";
    position:absolute;
    background:url(../img/fiori-1.svg) no-repeat center center;
    background-size:100%;
    top: -45px;
    left: -110px;
    width: 470px;
    height: 550px;
    -webkit-transform: scale(-1, 1);
    -moz-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    transform: scale(-1, 1);
}

.fiori-1::after {
    content:"";
    position:absolute;
    background:url(../img/fiori-1.svg) no-repeat center center;
    background-size:100%;
    top: -45px;
    right: -110px;
    width: 470px;
    height: 550px;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
}
@media (max-width: 991px) {
    .fiori-1::before {

        left: -210px;

    }
    
    .fiori-1::after {

        right: -210px;

    }
    
}
@media (max-width: 768px) {
    .fiori-1::before {

        display: none;

    }
    
    .fiori-1::after {
        content: "";
        position: absolute;
        background: url(../img/fiore-contatti-mobile.svg) no-repeat center center;
        background-size: 100%;
        bottom: -102px;
        right: 0;
        width: 320px;
        height: 220px;
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
        top: auto;
        left: 0;
        display: block;
        margin: 0 auto;
    }
    
}

.fiore-3::before {
    content:"";
    position:absolute;
    background:url(../img/fiori-3.svg) no-repeat center center;
    background-size:100%;
    top:-45px;
    left: -385px;
    width: 345px;
    height: 178px;
    -webkit-transform: scale(1, -1);
    -moz-transform: scale(1, -1);
    -o-transform: scale(1, -1);
    transform: scale(1, -1);
}

.fiore-3::after {
    content:"";
    position:absolute;
    background:url(../img/fiori-3.svg) no-repeat center center;
    background-size:100%;
    top:-45px;
    right: -385px;
    width: 345px;
    height: 178px;
    -webkit-transform: scale(-1, -1);
    -moz-transform: scale(-1, -1);
    -o-transform: scale(-1, -1);
    transform: scale(-1, -1);
}


.fiore-3-2::before {
    content:"";
    position:absolute;
    background:url(../img/fiori-3.svg) no-repeat center center;
    background-size:100%;
    top:-25px;
    left: -385px;
    width: 345px;
    height: 178px;
    -webkit-transform: scale(-1, 1);
    -moz-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    transform: scale(-1, 1);
}
@media (max-width: 768px) {
    .fiore-3::after{display: none;}
    .fiore-3::before{display: none;}
}
.fiore-3-2::after {
    content:"";
    position:absolute;
    background:url(../img/fiori-3.svg) no-repeat center center;
    background-size:100%;
    top:-25px;
    right: -385px;
    width: 345px;
    height: 178px;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
}
@media (max-width: 768px) {
    .fiore-3-2::before {
        content:"";
        position:absolute;
        background:url(../img/fiori-3.svg) no-repeat center center;
        background-size:100%;
        top:-25px;
        left: -90px;
        width: 146px;
        height: 178px;
        -webkit-transform: scale(-1, -1);
        -moz-transform: scale(-1, -1);
        -o-transform: scale(-1, -1);
        transform: scale(-1, -1);
    }
    .fiore-3-2::after {
        content:"";
        position:absolute;
        background:url(../img/fiori-3.svg) no-repeat center center;
        background-size:100%;
        top: -25px;
        right: -90px;
        width: 146px;
        height: 178px;
        -webkit-transform: scale(1, -1);
    -moz-transform: scale(1, -1);
    -o-transform: scale(1, -1);
        transform: scale(1, -1);
    }
}


.fiori-2::before {
    content:"";
    position:absolute;
    background:url(../img/fiori-2.svg) no-repeat center center;
    background-size:100%;
    top:-25px;
    left: -315px;
    width: 255px;
    height: 178px;
    -webkit-transform: scale(-1, 1);
    -moz-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    transform: scale(-1, 1);
}

.fiori-2::after {
    content:"";
    position:absolute;
    background:url(../img/fiori-2.svg) no-repeat center center;
    background-size:100%;
    top:-25px;
    right: -315px;
    width: 255px;
    height: 178px;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
}
@media (max-width: 768px) {
    .fiori-2::after{
        display: none;
    }
    .fiori-2::before{
        display: block;
        top: 0;
        left: auto;
        right: auto;
        margin: 0 auto;
        position: relative;
        width: 135px;
        height: 138px;
    }
}

.social{max-height: 45px;}
@media (max-width: 768px) {
	.social{max-height: 36px;}

}
@media (max-width: 480px) {
	.social{max-height: 24px;}

}
.logo_menu{
    transition: all 0.5s cubic-bezier(.215, .61, .355, 1);
    max-width: 340px;
}
footer .logo_menu{max-width: 90%;}
.fixed-menu .logo_menu {
    max-width: 140px;
}
.fixed-menu  {
   padding-top: 3px;
   padding-bottom: 3px;
}
.navbar-admin{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding-top: 1.2rem;
    padding-bottom: 1.2rem;
    position: relative;
    top: 0;
    width: 100%;
	z-index: 120;
}

.navbar-admin a{
	color: #1C203F;
	font-weight: 700!important;
	font-size: 18px!important;
	text-transform: uppercase;
}
.navbar-admin a:hover{
	color: #1C203F!important;
}
.navbar-admin a.active{
	color: #373f77!important;
}

.logo {
    width: 120px;
}

.bg-light{
    padding: 80px 50px;
    background: #ECEEF9;
}
.alert{border-radius: 0!important;}
/* Hamburger button */
.hamburger-btn {
    background: none;
    border: none;
    display: none;
    flex-direction: column;
	align-items: flex-end !important;
    justify-content: space-between;
    height: 36px;
    width: 45px;
    padding: 0;
    z-index: 1001;
    cursor: pointer;
    position: relative;
	transform: scale(0.8);
}
@media (max-width: 991px) {
    .navbar-collapse{padding-top: 50px;}
    .hamburger-btn{display: flex;}
}
button:focus,button:active {
	outline: 0;
	box-shadow:none!important;
}
.hamburger-line {
    background-color: var(--colore_1);
    height: 3px;
    width: 100%;
    border-radius: 3px;
    transition: transform 0.3s, opacity 0.3s;
}
.hamburger-btn .hamburger-line:nth-child(2), .hamburger-btn .hamburger-line:nth-child(4) {
	width: 55%;
}

.hamburger-btn.active .hamburger-line:nth-child(1) {
    transform: rotate(45deg) translate(12px, 12px);
}

.hamburger-btn.active .hamburger-line:nth-child(2) {
    opacity: 0;
}

.hamburger-btn.active .hamburger-line:nth-child(3) {
    transform: rotate(-45deg) translate(4px, -4px);
}
.hamburger-btn.active .hamburger-line:nth-child(4) {
   opacity: 0;
}

.scale-2{transform: scale(1.09);}


@keyframes slideIn {
    from {
        opacity: 0;
        transform: translateX(100%);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.menu-content{margin-top: 180px;}
.fullscreen-menu .menu-link:hover {
    color: var(--colore_1);
}
.fullscreen-menu .menu-link.active {
    color: var(--colore_1);
	position: relative;
}
.fullscreen-menu .menu-link::after {
    content:"/";
	width: 8px;
	height: 22px;
	color: var(--colore_1);
	position: absolute;
	top: 0;
	left: -15px;
	opacity: 0;
	transition: all 0.5s ease;
}
.fullscreen-menu .menu-link:hover::after {
	opacity: 1;
	left: -7px;
}


.close-btn {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 30px;
    color: #fff;
    background: none;
    border: none;
    cursor: pointer;
}

.counter-section {
    color: white;
    padding: 80px 0;
}
.hexagon {
    position: relative;
    min-height: 200px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 1;
}
.hexagon::before {
    content: '';
    position: absolute;
    background-color: #373f77;
    width: 175px;
    height: 155px;
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
    transform: rotate(-90deg);
    z-index: -1;
    top: 50px;
}
.counter {
    font-size: 64px;
    font-style: normal;
    font-weight: 700;;
    margin-bottom: 5px;
}
.counter-label {
    text-align: center;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
}


@media (max-width: 991px) {
    .counter {
        font-size: 50px;
        margin-bottom: 5px;
    }
    .counter-label {
        font-size: 26px;
    }
}
@media (max-width: 768px) {
    .counter {
        font-size: 40px;
        margin-bottom: 5px;
    }
    .counter-label {
        font-size: 22px;
    }
}


.certificazione{
    background-color: #ECEEF9;
    padding: 40px 32px;
    padding-left: 140px;
    position: relative;
}
.certificazione1::after {content:"";
    position:absolute;
    background:url(../img/certificazione1.svg) no-repeat center center;
    background-size:100%;
    top:40px;
    left:32px;
    width:90px;
    height:90px;
}
.certificazione2::after {content:"";
    position:absolute;
    background:url(../img/certificazione2.svg) no-repeat center center;
    background-size:100%;
    top:40px;
    left:32px;
    width:90px;
    height:90px;
}
.accordion-item{background-color: transparent!important;border:0!important;border-radius: 0!important;}
  .accordion-header {
    width: 100%;
    border: none;
    text-align: left;
    cursor: pointer;
    outline: none;
    display: flex;
    flex-direction: row;
    align-items: center;
    background-color: transparent;
    position: relative;

  }
  /* Layout in orizzontale per schermi medi/grandi */
  @media (min-width: 576px) {

  }


  .accordion-header::after {
    content:"";
    position:absolute;
    background:url(../img/piu.svg) no-repeat center center;
    background-size:30px;
    top:0px;
    right:15px;
    width:44px;
    height:44px;
    transition: all 1s cubic-bezier(.215, .61, .355, 1);
  }
  .accordion-item.active .accordion-header::after {
    transform: rotate(45deg);
  }

  .accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
    padding: 0px 0px 0px 119px;
    transition: all 1s cubic-bezier(.215, .61, .355, 1);
  }
  .accordion-item.active .accordion-content {
    padding: 30px 0px 0px 119px;
  }

  ul.white li{color: #ffffff;}
  
  @media (max-width: 991px) {
    .numero{font-size: 13px;margin-right: 60px;}
    .accordion-content {padding: 0 0 0 78px;}
    .accordion-item.active .accordion-content {
        padding: 30px 0px 0px 78px;
      }

    }
@media (max-width: 768px) {
        .numero{font-size: 12px;margin-right: 40px;}
        .accordion-content {padding: 0px;}
        .accordion-item.active .accordion-content {
            padding: 30px 0px 0px 0px;
          }
          .accordion-header::after {background-size: 20px;}
}
    @media (max-width: 575px) {
        .numero{display: block;margin: 0 auto;}
        .servizio svg {
            margin-right: 15px;
            display: block;
            margin: 0px auto 20px;
        }
        .servizio{text-align: center;}

    }


.lavora-con-noi input,.lavora-con-noi textarea,.lavora-con-noi select{border-color: #ffffff!important;color: #ffffff!important;}

.lavora-con-noi .form-group-material.active .label, .lavora-con-noi .label-active,.lavora-con-noi  .form-check-label, .lavora-con-noi  .form-check-label a {
    color: #ffffff !important;}
.lavora-con-noi .form-group-material label.label.label-tel{
    color: #ffffff !important;
    transform: scale(.77777778) !important;
    top: -7px !important;
    left: 0px !important;
}

.invalid-tooltip{right: 0;}

.select2-container .select2-selection--multiple{
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .375rem;
}


.select2-selection__choice{font-size: 16px;}


.disegno-2{position:relative;}
.disegno-2::after {
    content:"";
    position:absolute;
    background:url(../img/disegno-2.svg) no-repeat center center;
    background-size:100%;
    top:141px;
    right:20%;
    width:188px;
    height:170px;
}

.disegno-2::before {
    content:"";
    position:absolute;
    background:url(../img/disegno-4.svg) no-repeat center center;
    background-size:100%;
    top:90px;
    left:18%;
    width:252px;
    height:222px;
}
@media (max-width: 1099px) {
    .disegno-2::after {
        content:"";
        position:absolute;
        background:url(../img/disegno-2.svg) no-repeat center center;
        background-size:100%;
        top:141px;
        right:10%;
        width: 168px;
        height: 156px;
    }
    
    .disegno-2::before {
        content:"";
        position:absolute;
        background:url(../img/disegno-4.svg) no-repeat center center;
        background-size:100%;
        top:90px;
        left:8%;
        width: 232px;
        height: 212px;
    }
    
}
@media (max-width: 991px) {
    .disegno-2::after {
        display: none;
    }
    
    .disegno-2::before {
        display: none;
    }
    
}






/* RESPONSIVE */
@media (max-width: 1199px) {
    .invalid-tooltip{font-size: 11px}
	.fs-lg-24{font-size: 24px;}
    .fs-lg-50{font-size: 50px;}
    .accordion-header::after { top: -3px;}
}



@media (max-width: 991px) {
    .fs-md-16{font-size: 16px;}
    .fs-md-18{font-size: 18px;}
	.fs-lg-13{font-size: 13px;}
    body {padding-top: 0;}
    .accordion-header::after { top: -10px;background-size: 24px;}
    .mt-md-150{margin-top: 150px;}

    .pb-250 {
        padding-bottom: 140px;
    }
   
    .mt-sm-00{margin-top: 0px;}
    .logo_menu{max-width: 192px;margin: 40px auto 0px;}

  }


@media (max-width: 767px) {
	.fs-sm-40{font-size: 40px;}
    h2 {font-size: 40px;}
    .accordion-header::after { top: -10px;background-size: 20px;}
    .accordion-header {flex-direction: column;}
    .mt-sm-100{margin-top: 100px;}
    #contatti {
        padding-bottom: 140px;
    }
}


@media (max-width: 575px) {
    .mt-xs-50{margin-top: 50px;}
    .mt-150{margin-top: 80px;}
    .mt-200{margin-top: 100px;}
    .mt-250{margin-top: 150px;}
    .logo_menu{
        max-width: 132px;
    }
    h2, h1 {
        font-size: 35px;
    }
    .lh-xs-24{line-height: 24px;}
    .scale-2{transform: scale(1);}
	.fullscreen-menu {top: 75px;}
	.fs-xs-12{font-size: 12px;}
	.fs-xs-13{font-size: 13px;}
	.fs-xs-14{font-size: 14px;}
	.fs-xs-15{font-size: 15px;}
	.fs-xs-16{font-size: 16px;}
	.fs-xs-18{font-size: 18px;}
	.fs-xs-20{font-size: 20px;}
	.fs-xs-22{font-size: 22px;}
	.fs-xs-30{font-size: 30px;}
	.fs-xs-32{font-size: 32px;}
	.fs-xs-45{font-size: 45px;}
	.logo {width: 160px;}
	.menu-content {
		margin-top: 30px;
	}
    .mt-xs-30{margin-top: 30px;}
    .mt-xs-50{margin-top: 50px;}
    .mt-xs-0{margin-top: 0px;}
    .mb-xs-100{margin-bottom: 100px;}

    footer .logo_menu{max-width: 60%;}


    .fiore-3::before {
        top:-45px;
    }
    
    .fiore-3::after {
        top:-45px;
    }

.menu{transform: scale(0.8);}


    .pb-250 {
        padding-bottom: 0;
    }


}