body{
    margin: 0;
    font-family: 'Figtree', sans-serif;
    font-size: 18px;
    font-weight: 300;
    font-style: normal;
    color:#1C1C1C;
    line-height: 30px;
}

img {
    margin:0;
}


h1{ 
    font-size: 48px;
    font-style: normal;
    font-weight: 500;
}

h2{
    font-size:40px;
    font-style: normal;
    font-weight: 500;
}


h3{
    font-size:24px;
    font-style: normal;
    font-weight: 500;
}

h4{
    font-size:20px;
    font-style: normal;
    font-weight: 500;
}


a {
    color:#F2B705;
    border:none; 
    text-decoration: underline;
}

.relative{
    position: relative;
}

a:hover,
a.active{
    color:#FAC935;
    
}

b,strong{
    font-weight:700;
}

.border-black ul{
    padding-left:0;
}

.border-black li{
    list-style-type: none;
}


.finale{
    font-size: 14px;
    color: #F4F4F4;
}

.finale ul{
    padding-left: 0;
}

.finale li{
    list-style-type: none;
    float: left;
    margin-right: 20px;
}

.spazio_brand_footer{
    text-align: right;
}

.img_cactus{
    margin-left: 10px;
    width: 31px;
    height: 24px;
    margin-top: -3px;
}



.navbar-toggler {
    padding: 6px;
    font-size: 16px;
    line-height: 1;
    color: #fff;
    background-color: transparent;
    border: none;
    transition: var(--bs-navbar-toggler-transition);
    background-color: #fff;
}

.text_toggle{
    font-size: 10px;
    font-weight: 700;
    margin-bottom: 0;
    line-height: 16px;
}

.menu_top{
    border-bottom: 1px solid #000;
}

.navbar-brand img{
    width: 140px;
}

.bg-body-tertiary{
    background-color: #fff !important;
}



.navbar-nav .nav-item{
    font-size: 16px;
    font-weight: 600; 
    text-transform: uppercase;
}

.nav-link{
    color: #000;
}

.nav-item .nav-link:hover,
.nav-item .nav-link.active{
    color: #F2B705;
}

.offcanvas-body{
    font-size: 18px;
}

.offcanvas{
    background-color: #000;
}

.offcanvas a{
    color: #fff;
}

.yellow{
    color: #F2B705;
}

.text_bold{
    font-weight: 900;
    font-style: italic;
}

.btn_simple{
    background-color: transparent;
    border:none;
    color: #000;
}

.btn_simple:hover,
.btn_simple.active{
    background-color: transparent;
    border:none;
    color: #F2B705;
}

.btn_black{
    background-color: #000;
}

.btn_black:hover,
.btn_black.active{
    background-color: #2e2e2e;
}


.btn-light:hover,
.btn-light.active{
    background-color: #fff;
    border-color: #fff;
    color: #F2B705;
}


.text_medium{
    font-size: 20px;
}

.box a{
    color: #000;
    text-decoration: none;
}

.box a:hover,
.box a.active{
    color: #F2B705;
}

.text_box{
    min-height: 150px;
}

.darkmode.bg_peso{
    /*background: url(../images/bg_peso.jpg) right top;*/
    background-size: contain;
    background: rgba(0, 0, 0, .65) url('../images/bg_peso.jpg') right top;
    background-blend-mode: darken;
}



.bg_opacity{
    background-color: rgb(0 0 0 / 82%);
}

.accordion{
    --bs-accordion-bg: transparent;
    --bs-accordion-border-color: none;
    --bs-accordion-btn-focus-border-color:#2E2E2E;

}

.accordion-button:not(.collapsed){
    color: #fff;
    background-color:transparent !important;
    box-shadow: none !important;
}

.accordion-item:first-of-type .accordion-button{
    border-radius: 0;
    border-bottom: 1px solid #2E2E2E;
    
}

.accordion-button{
    font-size: 18px;
    color: #fff;
    border-bottom: 1px solid #2E2E2E;
    font-weight: 500;
}

.accordion-body{
    color: #fff;
    font-size: 16px;
    line-height: 24px;
}

.img_rece{
    max-width: 130px;
}

.footer{
    border-bottom: 1px solid #484848;
}

.footer a{
    color: #fff;
    text-decoration: none;
}

.footer a:hover,
.footer a.active{
    color: #F2B705;
}

.footer ul{
    padding-inline-start:0;
}

.footer li{
    list-style-type: none;
}

.active>.page-link, .page-link.active{
    background-color:#000;
    border-color: #000;
}

.page-link{
    color: #000;
}

.page-link:hover,
.page-link:focus{
    color: #F2B705;
}

.box_yellow{
    background-color: #F2B705;
    color: #000;
}

.box_yellow a{
    color: #000;
}

.blog .container .row{
    width: 66.66666667%;
    margin-left: 16.66666667%;
}


/* GRANDE SCHERMO */
@media (min-width: 1290px){
    


}


/* GRANDE SCHERMO */
@media (min-width: 1288px){
    



}

/* GRANDE SCHERMO */
@media (min-width: 1900px){
    


}


/* GRANDE SCHERMO */
@media (max-width: 1489px){
  



}

/* GRANDE SCHERMO */
@media (min-width: 1489px){
    

}


/* GRANDE SCHERMO */
@media (max-width: 1288px){
    
 

}

/* MEDIO */
@media (max-width: 1200px){

.navbar-nav .nav-item{
    font-size: 13px;
}

.text_medium{
    font-size: 16px;
    line-height: 19px;
}

}

/* SOLO TABLET */
@media (max-width: 1129px){



}


/* SOLO TABLET */
@media (max-width: 1021px){




}

/* SPAZIO TABLET */
@media (max-width: 992px) {
    


.navbar-brand{
    width: 73%;
}

.navbar-nav .nav-item{
    font-size: 16px;
}

.text_box{
    min-height: auto;
}

.blog .container .row{
    width: 100%;
    margin-left: 0%;
}

}  




/* SOLO MOBILE */
@media (max-width: 768px) {

h1{
    font-size:30px;
}

h2{
    font-size:24px;
}


h3{
    font-size:22px;
}




}

/* SOLO MOBILE */
@media (max-width: 576px) {

.navbar-brand{
    width: 63%;
}





}

button:focus:not(:focus-visible){
    box-shadow: none;
}

.accordion-button:not(.collapsed)::after, 
.accordion-button::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23f2b705'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}


.offcanvas-header .btn-close{
        margin-right: 0px;
    background: none;
    opacity: 1;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23F2B705' class='bi bi-x-square' viewBox='0 0 16 16'%3E%3Cpath d='M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2z'/%3E%3Cpath d='M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E");
}

.owl-carousel .owl-item img{
    width: auto !important;
}

.owl-carousel .owl-item img.star{
    border-right:1px solid white;
}

.mx-10{
    margin-right: 10%;
    margin-left: 10%;
}
.mx-15{
    margin-right: 15%;
    margin-left: 15%;
}

.faq *{
    color:black !important;
}

.darkmode.faq *{
    color:white !important;
}

.border-number{
    border:1px solid black;
}

.darkmode{
    background-color: #000;
    color: #fff;
}

.darkmode table,
.darkmode table th,
.darkmode table td{
    background-color: #000 !important;
    color: #fff !important;
}

.darkmode .border-number{
    border:1px solid white;
}

.video-background {
  position: relative;
  overflow: hidden;
  width: 100vw;
  height: 100vh;
  background: #f4f4f4 url(/images/Obiettivo_performance_logo.svg) no-repeat center center;
  background-size: fit;
  animation: pulse 1s infinite;
}

.video-background iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100vw;
  height: 100vh;
  transform: translate(-50%, -50%);
}

@media (min-aspect-ratio: 16/9) {
  .video-background iframe {
    /* height = 100 * (9 / 16) = 56.25 */
    height: 56.25vw;
  }
}
@media (max-aspect-ratio: 16/9) {
  .video-background iframe {
    /* width = 100 / (9 / 16) = 177.777777 */
    width: 177.78vh;
  }
}

@keyframes pulse {
  0%, 100% {
    background-color: #f4f4f4;
  }
  50% {
    background-color: #c6c6c6;
  }
}


.commento{
    font-size: 15px;
    line-height: 22px;
}