/* #region TRICKS CSS */
  
    .MT0   {margin-top: 0px !important;}
    .MT10  {margin-top: 10px !important;}
    .MT20  {margin-top: 20px !important;}
    .MT30  {margin-top: 30px !important;}
    .MT40  {margin-top: 40px !important;}
    .MT50  {margin-top: 50px !important;}
    .MT60  {margin-top: 60px !important;}
    .MT70  {margin-top: 70px !important;}
    .MT80  {margin-top: 80px !important;}
    .MT90  {margin-top: 90px !important;}
    .MT100 {margin-top: 100px !important;}
    .MT110 {margin-top: 110px !important;}
    .MT120 {margin-top: 120px !important;}
    .MT130 {margin-top: 130px !important;}
    .MT140 {margin-top: 140px !important;}
    .MT150 {margin-top: 150px !important;}
    .MT160 {margin-top: 160px !important;}
    .MT170 {margin-top: 170px !important;}
    .MT180 {margin-top: 180px !important;}
    .MT190 {margin-top: 190px !important;}
    .MT200 {margin-top: 200px !important;}

    .MR0   {margin-right: 0px !important;}
    .MR10  {margin-right: 10px !important;}
    .MR20  {margin-right: 20px !important;}
    .MR30  {margin-right: 30px !important;}
    .MR40  {margin-right: 40px !important;}
    .MR50  {margin-right: 50px !important;}
    .MR60  {margin-right: 60px !important;}
    .MR70  {margin-right: 70px !important;}
    .MR80  {margin-right: 80px !important;}
    .MR90  {margin-right: 90px !important;}
    .MR100 {margin-right: 100px !important;}
    .MR110 {margin-right: 110px !important;}
    .MR120 {margin-right: 120px !important;}
    .MR130 {margin-right: 130px !important;}
    .MR140 {margin-right: 140px !important;}
    .MR150 {margin-right: 150px !important;}
    .MR160 {margin-right: 160px !important;}
    .MR170 {margin-right: 170px !important;}
    .MR180 {margin-right: 180px !important;}
    .MR190 {margin-right: 190px !important;}
    .MR200 {margin-right: 200px !important;}
  
    .MB0   {margin-bottom: 0px !important;}
    .MB10  {margin-bottom: 10px !important;}
    .MB20  {margin-bottom: 20px !important;}
    .MB30  {margin-bottom: 30px !important;}
    .MB40  {margin-bottom: 40px !important;}
    .MB50  {margin-bottom: 50px !important;}
    .MB60  {margin-bottom: 60px !important;}
    .MB70  {margin-bottom: 70px !important;}
    .MB80  {margin-bottom: 80px !important;}
    .MB90  {margin-bottom: 90px !important;}
    .MB100 {margin-bottom: 100px !important;}
    .MB110 {margin-bottom: 110px !important;}
    .MB120 {margin-bottom: 120px !important;}
    .MB130 {margin-bottom: 130px !important;}
    .MB140 {margin-bottom: 140px !important;}
    .MB150 {margin-bottom: 150px !important;}
    .MB160 {margin-bottom: 160px !important;}
    .MB170 {margin-bottom: 170px !important;}
    .MB180 {margin-bottom: 180px !important;}
    .MB190 {margin-bottom: 190px !important;}
    .MB200 {margin-bottom: 200px !important;}

    .ML0   {margin-left: 0px !important;}
    .ML10  {margin-left: 10px !important;}
    .ML20  {margin-left: 20px !important;}
    .ML30  {margin-left: 30px !important;}
    .ML40  {margin-left: 40px !important;}
    .ML50  {margin-left: 50px !important;}
    .ML60  {margin-left: 60px !important;}
    .ML70  {margin-left: 70px !important;}
    .ML80  {margin-left: 80px !important;}
    .ML90  {margin-left: 90px !important;}
    .ML100 {margin-left: 100px !important;}
    .ML110 {margin-left: 110px !important;}
    .ML120 {margin-left: 120px !important;}
    .ML130 {margin-left: 130px !important;}
    .ML140 {margin-left: 140px !important;}
    .ML150 {margin-left: 150px !important;}
    .ML160 {margin-left: 160px !important;}
    .ML170 {margin-left: 170px !important;}
    .ML180 {margin-left: 180px !important;}
    .ML190 {margin-left: 190px !important;}
    .ML200 {margin-left: 200px !important;}

    .MT-10  {margin-top: -10px !important;}
    .MT-20  {margin-top: -20px !important;}
    .MT-30  {margin-top: -30px !important;}
    .MT-40  {margin-top: -40px !important;}
    .MT-50  {margin-top: -50px !important;}
    .MT-60  {margin-top: -60px !important;}
    .MT-70  {margin-top: -70px !important;}
    .MT-80  {margin-top: -80px !important;}
    .MT-90  {margin-top: -90px !important;}
    .MT-100 {margin-top: -100px !important;}
    .MT-110 {margin-top: -110px !important;}
    .MT-120 {margin-top: -120px !important;}
    .MT-130 {margin-top: -130px !important;}
    .MT-140 {margin-top: -140px !important;}
    .MT-150 {margin-top: -150px !important;}
    .MT-160 {margin-top: -160px !important;}
    .MT-170 {margin-top: -170px !important;}
    .MT-180 {margin-top: -180px !important;}
    .MT-190 {margin-top: -190px !important;}
    .MT-200 {margin-top: -200px !important;}

    .MR-10  {margin-right: -10px !important;}
    .MR-20  {margin-right: -20px !important;}
    .MR-30  {margin-right: -30px !important;}
    .MR-40  {margin-right: -40px !important;}
    .MR-50  {margin-right: -50px !important;}
    .MR-60  {margin-right: -60px !important;}
    .MR-70  {margin-right: -70px !important;}
    .MR-80  {margin-right: -80px !important;}
    .MR-90  {margin-right: -90px !important;}
    .MR-100 {margin-right: -100px !important;}
    .MR-110 {margin-right: -110px !important;}
    .MR-120 {margin-right: -120px !important;}
    .MR-130 {margin-right: -130px !important;}
    .MR-140 {margin-right: -140px !important;}
    .MR-150 {margin-right: -150px !important;}
    .MR-160 {margin-right: -160px !important;}
    .MR-170 {margin-right: -170px !important;}
    .MR-180 {margin-right: -180px !important;}
    .MR-190 {margin-right: -190px !important;}
    .MR-200 {margin-right: -200px !important;}
  
    .MB-10  {margin-bottom: -10px !important;}
    .MB-20  {margin-bottom: -20px !important;}
    .MB-30  {margin-bottom: -30px !important;}
    .MB-40  {margin-bottom: -40px !important;}
    .MB-50  {margin-bottom: -50px !important;}
    .MB-60  {margin-bottom: -60px !important;}
    .MB-70  {margin-bottom: -70px !important;}
    .MB-80  {margin-bottom: -80px !important;}
    .MB-90  {margin-bottom: -90px !important;}
    .MB-100 {margin-bottom: -100px !important;}
    .MB-110 {margin-bottom: -110px !important;}
    .MB-120 {margin-bottom: -120px !important;}
    .MB-130 {margin-bottom: -130px !important;}
    .MB-140 {margin-bottom: -140px !important;}
    .MB-150 {margin-bottom: -150px !important;}
    .MB-160 {margin-bottom: -160px !important;}
    .MB-170 {margin-bottom: -170px !important;}
    .MB-180 {margin-bottom: -180px !important;}
    .MB-190 {margin-bottom: -190px !important;}
    .MB-200 {margin-bottom: -200px !important;}

    .ML-10  {margin-left: -10px !important;}
    .ML-20  {margin-left: -20px !important;}
    .ML-30  {margin-left: -30px !important;}
    .ML-40  {margin-left: -40px !important;}
    .ML-50  {margin-left: -50px !important;}
    .ML-60  {margin-left: -60px !important;}
    .ML-70  {margin-left: -70px !important;}
    .ML-80  {margin-left: -80px !important;}
    .ML-90  {margin-left: -90px !important;}
    .ML-100 {margin-left: -100px !important;}
    .ML-110 {margin-left: -110px !important;}
    .ML-120 {margin-left: -120px !important;}
    .ML-130 {margin-left: -130px !important;}
    .ML-140 {margin-left: -140px !important;}
    .ML-150 {margin-left: -150px !important;}
    .ML-160 {margin-left: -160px !important;}
    .ML-170 {margin-left: -170px !important;}
    .ML-180 {margin-left: -180px !important;}
    .ML-190 {margin-left: -190px !important;}
    .ML-200 {margin-left: -200px !important;}

        

    @media   (max-width: 767px) {
        .MTxs0   {margin-top: 0px !important;}
        .MTxs10  {margin-top: 10px !important;}
        .MTxs20  {margin-top: 20px !important;}
        .MTxs30  {margin-top: 30px !important;}
        .MTxs40  {margin-top: 40px !important;}
        .MTxs50  {margin-top: 50px !important;}
        .MTxs60  {margin-top: 60px !important;}
        .MTxs70  {margin-top: 70px !important;}
        .MTxs80  {margin-top: 80px !important;}
        .MTxs90  {margin-top: 90px !important;}
        .MTxs100 {margin-top: 100px !important;}
        .MTxs110 {margin-top: 110px !important;}
        .MTxs120 {margin-top: 120px !important;}
        .MTxs130 {margin-top: 130px !important;}
        .MTxs140 {margin-top: 140px !important;}
        .MTxs150 {margin-top: 150px !important;}
        .MTxs160 {margin-top: 160px !important;}
        .MTxs170 {margin-top: 170px !important;}
        .MTxs180 {margin-top: 180px !important;}
        .MTxs190 {margin-top: 190px !important;}
        .MTxs200 {margin-top: 200px !important;}

        .MRxs0   {margin-right: 0px !important;}
        .MRxs10  {margin-right: 10px !important;}
        .MRxs20  {margin-right: 20px !important;}
        .MRxs30  {margin-right: 30px !important;}
        .MRxs40  {margin-right: 40px !important;}
        .MRxs50  {margin-right: 50px !important;}
        .MRxs60  {margin-right: 60px !important;}
        .MRxs70  {margin-right: 70px !important;}
        .MRxs80  {margin-right: 80px !important;}
        .MRxs90  {margin-right: 90px !important;}
        .MRxs100 {margin-right: 100px !important;}
        .MRxs110 {margin-right: 110px !important;}
        .MRxs120 {margin-right: 120px !important;}
        .MRxs130 {margin-right: 130px !important;}
        .MRxs140 {margin-right: 140px !important;}
        .MRxs150 {margin-right: 150px !important;}
        .MRxs160 {margin-right: 160px !important;}
        .MRxs170 {margin-right: 170px !important;}
        .MRxs180 {margin-right: 180px !important;}
        .MRxs190 {margin-right: 190px !important;}
        .MRxs200 {margin-right: 200px !important;}
      
        .MBxs0   {margin-bottom: 0px !important;}
        .MBxs10  {margin-bottom: 10px !important;}
        .MBxs20  {margin-bottom: 20px !important;}
        .MBxs30  {margin-bottom: 30px !important;}
        .MBxs40  {margin-bottom: 40px !important;}
        .MBxs50  {margin-bottom: 50px !important;}
        .MBxs60  {margin-bottom: 60px !important;}
        .MBxs70  {margin-bottom: 70px !important;}
        .MBxs80  {margin-bottom: 80px !important;}
        .MBxs90  {margin-bottom: 90px !important;}
        .MBxs100 {margin-bottom: 100px !important;}
        .MBxs110 {margin-bottom: 110px !important;}
        .MBxs120 {margin-bottom: 120px !important;}
        .MBxs130 {margin-bottom: 130px !important;}
        .MBxs140 {margin-bottom: 140px !important;}
        .MBxs150 {margin-bottom: 150px !important;}
        .MBxs160 {margin-bottom: 160px !important;}
        .MBxs170 {margin-bottom: 170px !important;}
        .MBxs180 {margin-bottom: 180px !important;}
        .MBxs190 {margin-bottom: 190px !important;}
        .MBxs200 {margin-bottom: 200px !important;}

        .MLxs0   {margin-left: 0px !important;}
        .MLxs10  {margin-left: 10px !important;}
        .MLxs20  {margin-left: 20px !important;}
        .MLxs30  {margin-left: 30px !important;}
        .MLxs40  {margin-left: 40px !important;}
        .MLxs50  {margin-left: 50px !important;}
        .MLxs60  {margin-left: 60px !important;}
        .MLxs70  {margin-left: 70px !important;}
        .MLxs80  {margin-left: 80px !important;}
        .MLxs90  {margin-left: 90px !important;}
        .MLxs100 {margin-left: 100px !important;}
        .MLxs110 {margin-left: 110px !important;}
        .MLxs120 {margin-left: 120px !important;}
        .MLxs130 {margin-left: 130px !important;}
        .MLxs140 {margin-left: 140px !important;}
        .MLxs150 {margin-left: 150px !important;}
        .MLxs160 {margin-left: 160px !important;}
        .MLxs170 {margin-left: 170px !important;}
        .MLxs180 {margin-left: 180px !important;}
        .MLxs190 {margin-left: 190px !important;}
        .MLxs200 {margin-left: 200px !important;}


        .MTxs-10  {margin-top: -10px !important;}
        .MTxs-20  {margin-top: -20px !important;}
        .MTxs-30  {margin-top: -30px !important;}
        .MTxs-40  {margin-top: -40px !important;}
        .MTxs-50  {margin-top: -50px !important;}
        .MTxs-60  {margin-top: -60px !important;}
        .MTxs-70  {margin-top: -70px !important;}
        .MTxs-80  {margin-top: -80px !important;}
        .MTxs-90  {margin-top: -90px !important;}
        .MTxs-100 {margin-top: -100px !important;}
        .MTxs-110 {margin-top: -110px !important;}
        .MTxs-120 {margin-top: -120px !important;}
        .MTxs-130 {margin-top: -130px !important;}
        .MTxs-140 {margin-top: -140px !important;}
        .MTxs-150 {margin-top: -150px !important;}
        .MTxs-160 {margin-top: -160px !important;}
        .MTxs-170 {margin-top: -170px !important;}
        .MTxs-180 {margin-top: -180px !important;}
        .MTxs-190 {margin-top: -190px !important;}
        .MTxs-200 {margin-top: -200px !important;}

        .MRxs-10  {margin-right: -10px !important;}
        .MRxs-20  {margin-right: -20px !important;}
        .MRxs-30  {margin-right: -30px !important;}
        .MRxs-40  {margin-right: -40px !important;}
        .MRxs-50  {margin-right: -50px !important;}
        .MRxs-60  {margin-right: -60px !important;}
        .MRxs-70  {margin-right: -70px !important;}
        .MRxs-80  {margin-right: -80px !important;}
        .MRxs-90  {margin-right: -90px !important;}
        .MRxs-100 {margin-right: -100px !important;}
        .MRxs-110 {margin-right: -110px !important;}
        .MRxs-120 {margin-right: -120px !important;}
        .MRxs-130 {margin-right: -130px !important;}
        .MRxs-140 {margin-right: -140px !important;}
        .MRxs-150 {margin-right: -150px !important;}
        .MRxs-160 {margin-right: -160px !important;}
        .MRxs-170 {margin-right: -170px !important;}
        .MRxs-180 {margin-right: -180px !important;}
        .MRxs-190 {margin-right: -190px !important;}
        .MRxs-200 {margin-right: -200px !important;}
      
        .MBxs-10  {margin-bottom: -10px !important;}
        .MBxs-20  {margin-bottom: -20px !important;}
        .MBxs-30  {margin-bottom: -30px !important;}
        .MBxs-40  {margin-bottom: -40px !important;}
        .MBxs-50  {margin-bottom: -50px !important;}
        .MBxs-60  {margin-bottom: -60px !important;}
        .MBxs-70  {margin-bottom: -70px !important;}
        .MBxs-80  {margin-bottom: -80px !important;}
        .MBxs-90  {margin-bottom: -90px !important;}
        .MBxs-100 {margin-bottom: -100px !important;}
        .MBxs-110 {margin-bottom: -110px !important;}
        .MBxs-120 {margin-bottom: -120px !important;}
        .MBxs-130 {margin-bottom: -130px !important;}
        .MBxs-140 {margin-bottom: -140px !important;}
        .MBxs-150 {margin-bottom: -150px !important;}
        .MBxs-160 {margin-bottom: -160px !important;}
        .MBxs-170 {margin-bottom: -170px !important;}
        .MBxs-180 {margin-bottom: -180px !important;}
        .MBxs-190 {margin-bottom: -190px !important;}
        .MBxs-200 {margin-bottom: -200px !important;}

        .MLxs-10  {margin-left: -10px !important;}
        .MLxs-20  {margin-left: -20px !important;}
        .MLxs-30  {margin-left: -30px !important;}
        .MLxs-40  {margin-left: -40px !important;}
        .MLxs-50  {margin-left: -50px !important;}
        .MLxs-60  {margin-left: -60px !important;}
        .MLxs-70  {margin-left: -70px !important;}
        .MLxs-80  {margin-left: -80px !important;}
        .MLxs-90  {margin-left: -90px !important;}
        .MLxs-100 {margin-left: -100px !important;}
        .MLxs-110 {margin-left: -110px !important;}
        .MLxs-120 {margin-left: -120px !important;}
        .MLxs-130 {margin-left: -130px !important;}
        .MLxs-140 {margin-left: -140px !important;}
        .MLxs-150 {margin-left: -150px !important;}
        .MLxs-160 {margin-left: -160px !important;}
        .MLxs-170 {margin-left: -170px !important;}
        .MLxs-180 {margin-left: -180px !important;}
        .MLxs-190 {margin-left: -190px !important;}
        .MLxs-200 {margin-left: -200px !important;}
    }



  
  
    .PT0   {padding-top: 0px !important;}
    .PT10  {padding-top: 10px !important;}
    .PT20  {padding-top: 20px !important;}
    .PT30  {padding-top: 30px !important;}
    .PT40  {padding-top: 40px !important;}
    .PT50  {padding-top: 50px !important;}
    .PT60  {padding-top: 60px !important;}
    .PT70  {padding-top: 70px !important;}
    .PT80  {padding-top: 80px !important;}
    .PT90  {padding-top: 90px !important;}
    .PT100 {padding-top: 100px !important;}
    .PT110 {padding-top: 110px !important;}
    .PT120 {padding-top: 120px !important;}
    .PT130 {padding-top: 130px !important;}
    .PT140 {padding-top: 140px !important;}
    .PT150 {padding-top: 150px !important;}
    .PT160 {padding-top: 160px !important;}
    .PT170 {padding-top: 170px !important;}
    .PT180 {padding-top: 180px !important;}
    .PT190 {padding-top: 190px !important;}
    .PT200 {padding-top: 200px !important;}

    .PR0   {padding-right: 0px !important;}
    .PR10  {padding-right: 10px !important;}
    .PR20  {padding-right: 20px !important;}
    .PR30  {padding-right: 30px !important;}
    .PR40  {padding-right: 40px !important;}
    .PR50  {padding-right: 50px !important;}
    .PR60  {padding-right: 60px !important;}
    .PR70  {padding-right: 70px !important;}
    .PR80  {padding-right: 80px !important;}
    .PR90  {padding-right: 90px !important;}
    .PR100 {padding-right: 100px !important;}
    .PR110 {padding-right: 110px !important;}
    .PR120 {padding-right: 120px !important;}
    .PR130 {padding-right: 130px !important;}
    .PR140 {padding-right: 140px !important;}
    .PR150 {padding-right: 150px !important;}
    .PR160 {padding-right: 160px !important;}
    .PR170 {padding-right: 170px !important;}
    .PR180 {padding-right: 180px !important;}
    .PR190 {padding-right: 190px !important;}
    .PR200 {padding-right: 200px !important;}
  
    .PB0   {padding-bottom: 0px !important;}
    .PB10  {padding-bottom: 10px !important;}
    .PB20  {padding-bottom: 20px !important;}
    .PB30  {padding-bottom: 30px !important;}
    .PB40  {padding-bottom: 40px !important;}
    .PB50  {padding-bottom: 50px !important;}
    .PB60  {padding-bottom: 60px !important;}
    .PB70  {padding-bottom: 70px !important;}
    .PB80  {padding-bottom: 80px !important;}
    .PB90  {padding-bottom: 90px !important;}
    .PB100 {padding-bottom: 100px !important;}
    .PB110 {padding-bottom: 110px !important;}
    .PB120 {padding-bottom: 120px !important;}
    .PB130 {padding-bottom: 130px !important;}
    .PB140 {padding-bottom: 140px !important;}
    .PB150 {padding-bottom: 150px !important;}
    .PB160 {padding-bottom: 160px !important;}
    .PB170 {padding-bottom: 170px !important;}
    .PB180 {padding-bottom: 180px !important;}
    .PB190 {padding-bottom: 190px !important;}
    .PB200 {padding-bottom: 200px !important;}

    .PL0   {padding-left: 0px !important;}
    .PL10  {padding-left: 10px !important;}
    .PL20  {padding-left: 20px !important;}
    .PL30  {padding-left: 30px !important;}
    .PL40  {padding-left: 40px !important;}
    .PL50  {padding-left: 50px !important;}
    .PL60  {padding-left: 60px !important;}
    .PL70  {padding-left: 70px !important;}
    .PL80  {padding-left: 80px !important;}
    .PL90  {padding-left: 90px !important;}
    .PL100 {padding-left: 100px !important;}
    .PL110 {padding-left: 110px !important;}
    .PL120 {padding-left: 120px !important;}
    .PL130 {padding-left: 130px !important;}
    .PL140 {padding-left: 140px !important;}
    .PL150 {padding-left: 150px !important;}
    .PL160 {padding-left: 160px !important;}
    .PL170 {padding-left: 170px !important;}
    .PL180 {padding-left: 180px !important;}
    .PL190 {padding-left: 190px !important;}
    .PL200 {padding-left: 200px !important;}


    @media   (max-width: 767px) {

        .PTxs0   {padding-top: 0px !important;}
        .PTxs10  {padding-top: 10px !important;}
        .PTxs20  {padding-top: 20px !important;}
        .PTxs30  {padding-top: 30px !important;}
        .PTxs40  {padding-top: 40px !important;}
        .PTxs50  {padding-top: 50px !important;}
        .PTxs60  {padding-top: 60px !important;}
        .PTxs70  {padding-top: 70px !important;}
        .PTxs80  {padding-top: 80px !important;}
        .PTxs90  {padding-top: 90px !important;}
        .PTxs100 {padding-top: 100px !important;}
        .PTxs110 {padding-top: 110px !important;}
        .PTxs120 {padding-top: 120px !important;}
        .PTxs130 {padding-top: 130px !important;}
        .PTxs140 {padding-top: 140px !important;}
        .PTxs150 {padding-top: 150px !important;}
        .PTxs160 {padding-top: 160px !important;}
        .PTxs170 {padding-top: 170px !important;}
        .PTxs180 {padding-top: 180px !important;}
        .PTxs190 {padding-top: 190px !important;}
        .PTxs200 {padding-top: 200px !important;}

        .PRxs0   {padding-right: 0px !important;}
        .PRxs10  {padding-right: 10px !important;}
        .PRxs20  {padding-right: 20px !important;}
        .PRxs30  {padding-right: 30px !important;}
        .PRxs40  {padding-right: 40px !important;}
        .PRxs50  {padding-right: 50px !important;}
        .PRxs60  {padding-right: 60px !important;}
        .PRxs70  {padding-right: 70px !important;}
        .PRxs80  {padding-right: 80px !important;}
        .PRxs90  {padding-right: 90px !important;}
        .PRxs100 {padding-right: 100px !important;}
        .PRxs110 {padding-right: 110px !important;}
        .PRxs120 {padding-right: 120px !important;}
        .PRxs130 {padding-right: 130px !important;}
        .PRxs140 {padding-right: 140px !important;}
        .PRxs150 {padding-right: 150px !important;}
        .PRxs160 {padding-right: 160px !important;}
        .PRxs170 {padding-right: 170px !important;}
        .PRxs180 {padding-right: 180px !important;}
        .PRxs190 {padding-right: 190px !important;}
        .PRxs200 {padding-right: 200px !important;}

        .PBxs0   {padding-bottom: 0px !important;}
        .PBxs10  {padding-bottom: 10px !important;}
        .PBxs20  {padding-bottom: 20px !important;}
        .PBxs30  {padding-bottom: 30px !important;}
        .PBxs40  {padding-bottom: 40px !important;}
        .PBxs50  {padding-bottom: 50px !important;}
        .PBxs60  {padding-bottom: 60px !important;}
        .PBxs70  {padding-bottom: 70px !important;}
        .PBxs80  {padding-bottom: 80px !important;}
        .PBxs90  {padding-bottom: 90px !important;}
        .PBxs100 {padding-bottom: 100px !important;}
        .PBxs110 {padding-bottom: 110px !important;}
        .PBxs120 {padding-bottom: 120px !important;}
        .PBxs130 {padding-bottom: 130px !important;}
        .PBxs140 {padding-bottom: 140px !important;}
        .PBxs150 {padding-bottom: 150px !important;}
        .PBxs160 {padding-bottom: 160px !important;}
        .PBxs170 {padding-bottom: 170px !important;}
        .PBxs180 {padding-bottom: 180px !important;}
        .PBxs190 {padding-bottom: 190px !important;}
        .PBxs200 {padding-bottom: 200px !important;}

        .PLxs0   {padding-left: 0px !important;}
        .PLxs10  {padding-left: 10px !important;}
        .PLxs20  {padding-left: 20px !important;}
        .PLxs30  {padding-left: 30px !important;}
        .PLxs40  {padding-left: 40px !important;}
        .PLxs50  {padding-left: 50px !important;}
        .PLxs60  {padding-left: 60px !important;}
        .PLxs70  {padding-left: 70px !important;}
        .PLxs80  {padding-left: 80px !important;}
        .PLxs90  {padding-left: 90px !important;}
        .PLxs100 {padding-left: 100px !important;}
        .PLxs110 {padding-left: 110px !important;}
        .PLxs120 {padding-left: 120px !important;}
        .PLxs130 {padding-left: 130px !important;}
        .PLxs140 {padding-left: 140px !important;}
        .PLxs150 {padding-left: 150px !important;}
        .PLxs160 {padding-left: 160px !important;}
        .PLxs170 {padding-left: 170px !important;}
        .PLxs180 {padding-left: 180px !important;}
        .PLxs190 {padding-left: 190px !important;}
        .PLxs200 {padding-left: 200px !important;}

    }


    @media (max-width: 767px) {
        .PT60.PL60.PR60.PB60 {
            padding: 30px!important;
        }
        
    }

/* #endregion TRICKS CSS */    


/* #region FONTS */


    

    @font-face {
      font-family: "Lunema";
      src: url("../fonts/Lunema Regular.otf");
    }
    @font-face {
      font-family: "LunemaBold";
      src: url("../fonts/Lunema-Bold.otf");
    }
    @font-face {
        font-family: "Gotham";
        src: url("../fonts/Gotham-Book.otf");
    }
    @font-face {
        font-family: "GothamBold";
        src: url("../fonts/GOTHAM-BOLD.TTF");
    }
    
/* #endregion FONTS */


/* #region COLOR & FONT */

    :root {
        --color-bleu: #235CA4;
        --color-rouge: #E61C2B;
        --color-black: #151515;
        --color-white: #FBFAFA;
        --color-gris: #FAFAFA;

        --font-primary:'Lunema';
        --font-bold:'LunemaBold';
        --font-gotham:'Gotham';
        --font-gotham-bold:'GothamBold';

        --bs-gutter-x: 1.5rem;
        --bs-gutter-y: 1.5rem;
        
    }

    
    .bold {
        font-family: var(--font-bold);
    }

    .bg-gris {
        background-color: var(--color-gris);
    }
    .bg-bleu {
        background-color: var(--color-bleu);
    }
    .bg-rouge {
        background-color: var(--color-rouge);
    }
    .bg-blanc {
        background-color: var(--color-white) !important;
    }


    .font-bleu {
        color: var(--color-bleu);
    }
    .font-rouge {
        color: var(--color-rouge);
    }
    .font-white {
        color: var(--color-white);
    }

/* #endregion COLOR & FONT */
    

/* #region GENERIQUE */

    
    hr {
        background-color: var(--color-bleu);
        opacity: 1;
    }

    .my-icon.icon-magnifying-glass {
        font-weight: bolder;
    }
    

    body {
        color: var(--color-bleu);
        font-family: var(--font-primary);
        background-color: var(--color-white);
    }

    .container {
        max-width: 1440px;
    }
    .container-md {
        max-width: 1200px;
    }
    .container-xl {
        max-width: 1620px;
    }

    .container-fluid {
        padding-left: 0px;
        padding-right: 0px;
    }

    a {
        color: var(--color-bleu);
        text-decoration: none;
    }

    a:hover {
        color: var(--color-rouge);
        text-decoration: none;
    }

   
    
    ul, ol, li {
        list-style: none;
    }

    section {
        padding-top: 20px;
        padding-bottom: 40px;
    }


    

    .asp_search_button {
        display: none !important;
    }
    #ajaxsearchpro1_1, div.asp_m.asp_m_1 {
        background: transparent !important;
    }
/* #endregion GENERIQUE */


/* #region STYLE TYPOS */

    h1 {
        font-family: "lunema";
        font-size: clamp(36px, 2vw, 58px);
    }

    h2 {
        font-family: "lunema";
        font-size: clamp(28px, 5vw, 40px);
        
    }

    h3 {
        font-family: "lunema";
        font-size: clamp(24px, 4vw, 30px);
        
    }

    h4 {
        font-family: "lunema";
        font-size: clamp(22px, 3.5vw, 20px);
        
    }

    h5 {
        font-family: "lunema";
        font-size: clamp(20px, 3vw, 18px);
        
    }

    p {
        font-family: "Gotham";
        font-size: clamp(14px, 2vw, 14px);
        
    }


    .small {
        font-family: "Gotham";
        font-size: clamp(10px, 1.5vw, 10px);
        
    }

   
/* #endregion STYLE TYPOS */  
   

/* #region BOUTONS */

    .btn {
        border-radius: 0px;
        font-family: "Lunema";
        font-size: 14px;
        padding: 10px 40px
    }
    
    .btn:focus {
        outline: none !important;
        box-shadow: none !important;
    }

    /* bleu sur fond blanc */
    .btn-primary {
        background: var(--color-white);
        color: var(--color-bleu);
        border-color: #FFF;
    }
    .btn-primary:hover {
        color: var(--color-white);
        background-color:transparent; 
        border-color: var(--color-white);       
    }

    /* blanc sur fond rouge */
    .btn-contact-header {
        background: var(--color-rouge);
        color: var(--color-white);
        padding: 6px 40px;
        border: 1px solid var(--color-rouge);
    }
    .btn-contact-header:hover {
        color: var(--color-rouge);
        background-color:var(--color-white);    
        padding: 6px 40px;
        border: 1px solid var(--color-white);    
    }

    /* blanc sur fond transparent */
    .btn-second {
        background: transparent;
        color: var(--color-white);
        border: 1px solid var(--color-white);
    }
    .btn-second:hover {
        color: var(--color-bleu);
        background-color:var(--color-white);    
        border: 1px solid var(--color-bleu);    
    }

    /* blanc sur fond bleu */
    .btn-three {
        background: var(--color-bleu);
        color: var(--color-white);
        border: 1px solid var(--color-bleu);
    }
    .btn-three:hover {
        color: var(--color-bleu);
        background-color:var(--color-white);    
        border: 1px solid var(--color-bleu);    
    }

    /* rouge sur fond blanc */
    .btn-four {
        background: var(--color-white);
        color: var(--color-rouge);
        border-color: #FFF;
    }
    .btn-four:hover {
        color: var(--color-white);
        background-color:transparent; 
        border-color: var(--color-white);       
    }

    .btn-small, .btn-small:hover {
        padding: 6px 20px;
        font-size: 14px;
    }

    .palmares-grid .archive-prix-badge {
        cursor: default;
    }

    .palmares-grid .archive-prix-badge.btn-contact-header:hover {
        color: var(--color-white);
        background: var(--color-rouge);
        border-color: var(--color-rouge);
    }

    .palmares-grid .archive-prix-badge.btn-second:hover {
        color: var(--color-white);
        background: transparent;
        border: 1px solid var(--color-white);
    }

    .btn-five {
        background: transparent;
        color: var(--color-bleu);
        border: 1px solid var(--color-bleu);
    }
    .btn-five:hover {
        color: var(--color-white);
        background-color:var(--color-bleu);    
        border: 1px solid var(--color-bleu);    
    }
    
/* #endregion BOUTONS */


/* #region TOP BARRE */

    .top-bar {
        background-color: #204A97; /* bleu profond */
        color: #fff;
        font-family: var(--font-primary);
    }
    .social-link {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 38px;
        height: 38px;
        border: 1px solid #fff;
        border-radius: 0;
        color: #fff;
        transition: all 0.3s ease;
        text-decoration: none;
    }

    .social-link:hover {
        background-color: #fff;
        color: #204A97;
    }

    @media (max-width: 767px) {
    .top-bar {
        justify-content: center !important;
    }
    
    }

/* #endregion TOP BARRE */    


/* #region MENU */

    button {
        border: none;
        background: none;
        outline: none;
        cursor: pointer;
    }
    .nav-link {
        color: #fff;
    }
    .mobile-menu-header .icon-close {
        color: var(--color-bleu);
    }

/* #endregion MENU */
    

/* #region HERO */ 

    .hero {
        position: relative;
        width: 100%;
        height: 60vh;
        background-size: cover !important;
    }
    .hero-text {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        white-space: nowrap;
    }
    @media (max-width: 767px) {
        .hero-text {
            position: absolute;
            top: 60%;
            left: 0;
            transform: translateY(-50%);
             white-space: normal;
        }
    }
    @media (min-width: 768px) and (max-width: 950px) {
        .hero-text {
            position: absolute;
            top: 60%;
            left: 2%;
            transform: translateY(-50%);
            white-space: normal;
        }
    }
    .search-font {
        font-size: clamp(14px, 2vw, 18px);
        font-family: "Lunema";
        color: var(--color-white);
    }
    .territoria-3 {
       width: 40%;
    }

/* #endregion HERO */


/* #region HEADER PAGE */

    .titre-underline::after {
        content: "";
        display: block;
        width: 120px;
        height: 6px;
        background-color: #fff;
        margin-top: 20px;
    }

    @media (max-width: 992px) {
        .header-page h1 {
            padding-top: 40px;
            padding-bottom: 40px;
        }
        
    }

    .header-page {
        min-height: 200px;
        display: flex;
        align-items: center;
    }
    
    .header-page .hero-row {
        min-height: 200px !important;
    }

    @media (max-width: 991px) {
        
        .header-page .hero-row {
            min-height: 200px !important;
        }
    }
    

   
    
   

/* #endregion HEADER PAGE */


/* #region TWO BLOCKS */

    .two-blocks .col-md-6 {
        position: relative;
    }
    .hero-row { min-height: 300px; }
    .img-cover {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        display: block;
    }

/* #endregion TWO BLOCKS */
    

/* #region PARTENAIRES */

    .partenaires img {
        width: 70%;
    }
    @media (max-width: 767px) {
        .partenaires img {
            width: 100%;
            padding: 20px
        }
        section.partenaires {
            padding-top: 40px;
            padding-bottom: 40px;
        }
    }

/* #endregion PARTENAIRES */


/* #region FOOTER */

    .contact-block .separator {
        width: 2px;
        height: 50px;
        background-color: #fff;
        opacity: 0.8;
    }

    footer {
        padding-top: 80px;
        padding-bottom: 40px;
    }

    footer p {
        font-family: "Gotham";
        font-size: clamp(12px, 2vw, 12px);
        color:#fff !important
    }

    .footer-bottom a {
        margin-right: 10px;
        color:#fff !important;
        font-family: "Gotham";
        font-size: clamp(12px, 2vw, 12px);
    }

    .newsletter-signup .form-control {
        text-align: center;
        border: 0px;
        padding: 0.6rem;
        font-size: 14px;
    }


    .newsletter-block {
    color: #fff;
    }

    .newsletter-input {
    background-color: transparent;
    border: 2px solid #fff;
    border-radius: 0;
    color: #fff;
    font-weight: 600;
    font-size: 1.25rem;
    padding: 12px 16px;
    }

    .newsletter-input::placeholder {
    color: rgba(255, 255, 255, 0.5);
    }

    .newsletter-input:focus {
    box-shadow: none;
    border-color: #fff;
    background-color: transparent;
    color: #fff;
    }

    /* Checkbox ronde */
    .newsletter-check {
    width: 18px;
    height: 18px;
    margin-top: 2px;
    background-color: transparent;
    border: 2px solid #fff;
    border-radius: 50%;
    }

    .newsletter-check:checked {
    background-color: #fff;
    }

    /* Bouton Bootstrap customisé */
    .btn-newsletter {
    border: none;
    border-radius: 0;
    font-size: 1.4rem;
    padding: 14px 0;
    background-color: #fff !important;
    color: #204A97 !important;
    transition: all 0.3s ease;
    }

    .btn-newsletter:hover {
    background-color: #E61C2B !important;
    color: #fff !important;
    }

   

/* #endregion FOOTER */


/* #region SWIPER */

    .swiper {
        width: 100%;
        height: 100%;
        border-radius: 25px;
      }
  
      .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
      }
  
      .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        border-radius: 25px;
        aspect-ratio: 20 / 10;
        object-fit: cover;
      }

      .swiper-button-next, .swiper-button-prev {
        color: #ffffff;
        }

        .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
            bottom: var(--swiper-pagination-bottom,20px);
            top: var(--swiper-pagination-top,auto);
            left: 50%;
            transform: translateX(-50%);
            width: 100px;
            background-color: #FFF;
            padding: 5px 0px;
            border: 1px solid var(--color-black);
            border-radius: 25px;
        }


/* #endregion SWIPER */


/* #region VIDEO YT */

    .video-wrapper iframe {
        border-radius: 25px;
        overflow: hidden;
    }
/* #endregion VIDEO YT */


/* #region ISOTOPE */

    .card-prod-header2 {
        
        border-radius: 25px;
        margin-top: -300px;
        position: relative;
    }


    .card-prod-header2 .card {
        border: none;
    }
    
/* #endregion ISOTOPE */
    

/* #region CONTACT */

    .hero.contact {
        height: 50vh;
    }
    .form-control {
        padding: 10px;
        font-size: 0.9rem;
        
    }

    .form-control:focus {
        outline: none !important;
        box-shadow: none !important;
        border: 1px solid var(--color-black);
    }

    .P60 {
        padding: 60px
    }
    @media (max-width: 767px) {
        .P60 {
            padding: 30px
        }

    }

/* #endregion CONTACT */ 


/* #region CONTENU EDITO */

    .contenu-editorial h4 {
        font-family: var(--font-gotham-bold);
    }
    .contenu-editorial h2 {
        padding-top: 40px;
        margin-bottom: 20px;
    }
    .contenu-editorial strong {
        font-family: var(--font-gotham-bold);
        margin-bottom: 20px !important;
    }
    .contenu-editorial p {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
    }
    .contenu-editorial a {
        border-radius: 0px;
        font-family: var(--font-gotham);
        font-size: 16px;
        padding: 10px 40px;
        background: var(--color-bleu);
        color: var(--color-white);
        border: 1px solid var(--color-bleu);
        margin-top: 20px;
    }
    .contenu-editorial a:hover {
        background: var(--color-white);
        color: var(--color-bleu);
    }
    .contenu-editorial ul {
        padding-left: 20px;
        font-family: var(--font-gotham-bold);
    }

    

    .contenu-editorial ul, .contenu-editorial ol, .contenu-editorial li {
        list-style: disc;
    }

 /* #endregion CONTENU EDITO */        


/* #region TEAM */

    .team-card img {
        border-radius: 50%;
        width: 250px;
        height: 250px;
        object-fit: cover;
    }
    @media (min-width: 768px) and (max-width: 1120px) { 
        .team-card img {
            width: 150px;
            height: 150px;
        }
    }
    @media (max-width: 767px) {
        .team-card img {
            width: 150px;
            height: 150px;
        }
    }


    .team-card {
        padding: 40px 60px;
        background-color: white;
    }

/* #endregion TEAM */


/* #region ACTU */

.actu-card {
    padding: 30px;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}
@media (max-width: 767px) {
    .actu-card {
        padding: 20px;
    }
}


.chiffres-grid {
    max-width: 900px;
}
    
.chiffres-grid .col-6 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 160px;
}

/* @media (min-width: 992px) {
  .chiffres-grid .col-md-3 {
    min-height: 230px;
  }
} */


/* #endregion ACTU */


/* #region PALMARES */

.categorie-block {
  border: 1px solid #fff;
  position: relative;
}

.categorie-block h3 {
  font-size: 28px;
}

.prix-item p {
  font-family: "Gotham";
  font-size: 16px;
}





.link-decouvrir {
  color: #fff;
  text-decoration: underline;
  padding-left: 10px;
}
.link-decouvrir:hover {
  color: #ffffff;
  text-decoration: none;
}



/* #endregion PALMARES */


/* #region INNOVATIONS */

.section-filtres {
  font-family: "Gotham";
}

.filtre-item strong {
  color: #235CA4;
  font-family: "LunemaBold";
  font-size: 18px;
}

.input-filtre {
  border: 1px solid #235CA4;
  border-radius: 0;
  padding: 8px 14px;
  font-size: 16px;
  color: #235CA4;
}

.input-filtre::placeholder {
  color: #235CA4;
  opacity: 0.6;
}

.btn-annee {
  border: 2px solid #235CA4;
  background: transparent;
  color: #235CA4;
  font-family: "LunemaBold";
  padding: 4px 12px;
  font-size: 16px;
}

.btn-annee.active,
.btn-annee:hover {
  background-color: #235CA4;
  color: #fff;
}

.select-filtre {
  border: 1px solid #235CA4;
  border-radius: 0;
  color: #235CA4;
  font-size: 16px;
  padding: 6px 10px;
  width: 250px;
}

.link-reinit {
  color: #235CA4;
  font-style: italic;
  text-decoration: underline;
  font-size: 16px;
}

.btn-outline-white {
  border: 1px solid #fff;
  background: transparent;
  color: #fff;
  padding: 8px 24px;
  text-decoration: none;
}

.btn-outline-white:hover {
  background: #fff;
  color: #E61C2B;
}

.bg-rouge {
  background-color: #E61C2B;
}

.bg-blanc {
  background-color: #fff;
}



.palmares-card {
  position: relative;
  background-color: #235CA4;
  color: #fff;
  padding: 40px 50px;
  min-height: 340px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border: none;
  overflow: hidden;
}

.band-rouge {
  position: absolute;
  top: 0;
  left: 0;
  width: 12px; /* largeur du drapeau */
  height: 100%;

  background: linear-gradient(
    to bottom,
    #E61C2B 0%,
    #E61C2B 40%,
    #ffffff 40%,
    #ffffff 90%,
    #235CA4 90%,
    #235CA4 100%
  );
}

.palmares-content {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.palmares-card h3 {
  font-size: 26px;
  line-height: 1.3;
  font-family: "Lunema";
}

.palmares-card .small {
  font-family: "Gotham";
  font-size: 18px;
  opacity: 0.9;
}

.palmares-card .link-decouvrir {
  color: #fff;
  font-family: "LunemaBold";
  font-size: 16px;
  text-decoration: underline;
  align-self: flex-end;
}

.palmares-card .link-decouvrir:hover {
  text-decoration: none;
  opacity: 0.8;
}

@media (max-width: 767px) {
  .palmares-card {
    padding: 30px;
    min-height: auto;
  }
  .band-rouge {
    width: 8px;
  }
}

.bloc-ia {
  height: 170px;
}



/* #endregion INNOVATIONS */




.contenu-editorial.innovation-detail ul {
    padding-left: 20px;
    font-family: var(--font-gotham);
}








.partenaire-card {
    background-color: var(--color-white);
    border-radius: 25px;
    padding: 40px;  
}
.partenaire-card .link-decouvrir {
    color: var(--color-bleu);
    font-family: "LunemaBold";
    font-size: 16px;
    text-decoration: underline;
    align-self: flex-end;
}




.team-card.tof img {
    border-radius: 0px;
    height: 200px;
    object-fit: cover;
    width: 200px;
}

.parrain-content-preview {
    line-height: 1.6;
    max-height: calc(1.6em * 10);
    overflow: hidden;
    position: relative;
    transition: max-height 0.25s ease;
}

.parrain-content-preview > *:last-child {
    margin-bottom: 0;
}

.parrain-content-preview::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 3em;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 85%);
    pointer-events: none;
}

.parrain-content-preview.is-expanded {
    max-height: none;
}

.parrain-content-preview.is-expanded::after {
    display: none;
}

.parrain-content-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}




.style-bloc a {
    color: var(--color-white);
    text-decoration: underline;
}
.style-bloc a:hover {
    text-decoration: none;
}
.style-bloc ul, .style-bloc li {
    list-style: disc !important;
    
}



.hero-row.no-height {
    min-height: auto !important;
    height: auto !important;
}



.facetwp-input-wrap {
    display: block !important;
    position: relative;
}
.facetwp-facet {
    margin-bottom: 0 !important;
}
.select-filtre {
    width: 100%;
}



@media (max-width: 767px) {
    .filtre-item .col {
        flex-basis: 100% !important;
        max-width: 100% !important;
        margin-top: 5px;
    }
}





.wpcf7-list-item {
    margin: 0
}



/* GROUP SUCCESS / ENCADRÉ BLEU */


.wpcf7-mail-sent-ok, 
.wpcf7-mail-sent-success, 
.wpcf7 form.sent .wpcf7-response-output {
    border: 2px solid #ffffff;
    background-color: #198754;
    color: #eaedf0;
    padding: 15px 20px;
    font-family: "Gotham";
    margin-top: 20px;
}




/* GROUP ERROR / ENCADRÉ ROUGE */
.wpcf7-validation-errors,
.wpcf7-mail-sent-ng,
.wpcf7-spam-blocked,
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.spam .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
    border: 2px solid #E61C2B;
    background-color: #fff; /* rouge léger transparent */
    color: #E61C2B;
    padding: 15px 20px;
    font-family: "Gotham";
    margin-top: 20px;
}



#ajaxsearchlite1 .probox .proinput input, div.asl_w .probox .proinput input {
    font-family: var(--font-primary);
    color: #ffffff !important;
    font-size: 18px !important;
}




@media (min-width: 998px) and ( max-width: 1496px) {
    .container {
        max-width: 1200px;
    }
}





/* Empêche les débordements horizontaux accidentels */
body, html {
    overflow-x: hidden;
}
.header-page {
    overflow: hidden; /* très important */
}


.padding-left-header-page {
    padding-left: 20%;
}